/*#region external fonts */

@font-face
{
	font-family: 'Nexa_Bold';
	src: url('font/Nexa_Bold-webfont.eot') format('embedded-opentype'), url('font/Nexa Bold.otf') format('opentype'), url('font/Nexa_Bold-webfont.ttf') format('truetype'), url('font/Nexa_Bold-webfont.woff');
}

@font-face
{
	font-family: 'Nexa_Light';
	src: url('font/Nexa_Light-webfont.eot') format('embedded-opentype'), url('font/Nexa Light.otf') format('opentype'), url('font/Nexa_Light-webfont.ttf') format('truetype'), url('font/Nexa_Light-webfont.woff');
}

/*#endregion external fonts*/

body
{
	background: #C7C0B6 repeat;
	color: #333333;
	font-weight: normal;
	font-size: 14px;
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	line-height: 20px;
	margin: 0;
}

html, body, #applicationHost
{
	height: 97%;
}

::-webkit-input-placeholder
{ /* WebKit browsers */
	font-style: normal;
	font-size: 15px;
}

:-moz-placeholder
{ /* Mozilla Firefox 4 to 18 */
	font-style: normal;
	font-size: 15px;
}

::-moz-placeholder
{ /* Mozilla Firefox 19+ */
	font-style: normal;
	font-size: 15px;
}

:-ms-input-placeholder
{ /* Internet Explorer 10+ */
	font-style: normal;
	font-size: 15px;
}

.links
{
	font-size: 14px;
	font-family: 'Source Sans Pro';
	text-decoration: none !important;
	border-width: 0 0 1px;
	border-style: solid;
	color: #1865BD;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.usernameControl
{
	margin-bottom: 10px;
	height: 30px;
}

.passwordControl
{
	height: 30px;
}

.checkboxRemember
{
	margin-top: 7px;
}

input.checkbox
{
	width: 50px;
	height: 50px;
}

#usernamePasswordErrorMsg
{
	position: relative;
	margin: 0 auto;
	width: 220px;
	height: 28px;
	background-color: #BD1818;
	color: white;
	font-size: 11px;
	line-height: 13px;
}

#signInLabel
{
	padding-top: 25px;
	border-bottom: none;
	color: rgba(0,0,0,0.7);
	text-align: left;
	font-weight: normal;
	font-size: 25px;
	font-family: 'Source Sans Pro', Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.navWelcomeMessage
{
	font-family: 'Nexa_Light',Source Sans Pro, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.navWelcomeMessage-bold
{
	font-family: 'Nexa_Bold',Source Sans Pro, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
	font-weight: normal;
}

.header span
{
	background-color: #FFF;
	display: inline-block;
	height: 20px;
}

#txt_CareerRate
{
	margin-top: 7px;
	margin-left: 13%;
	color: white;
	font-size: 25px;
	font-family: Nexa_Light,'Source Sans Pro', Helvetica, Arial, sans-serif;
}

p#txt_CareerRate b
{
	font-family: 'Nexa_Bold',Source Sans Pro, Arial;
	font-weight: normal;
}

#txt_web
{
	position: absolute;
	top: 0;
	right: 14%;
	z-index: 100;
	margin-top: 9px;
	margin-right: 15px;
	color: white;
	font-size: 17px;
	font-family: 'Source Sans Pro';
}

p#txt_web
{
	font-family: 'Nexa_Light',Source Sans Pro, Arial;
}

	p#txt_web b
	{
		font-family: 'Nexa_Bold',Source Sans Pro, Arial;
		font-weight: normal;
	}

/* #region Login */

.login_form
{
	background-color: #c7c0b6;
	/* max-height: 399px; */
	height: 100%;
	width: 350px;
	/*padding: 20px 20px 5px 45px;*/
	/*border-radius: 5px;*/
	position: absolute;
	left: 0;
	/*right: 0;*/
	/*margin: auto;*/
	/*margin-top:-18%;
	margin-left: -30px;*/
}

.login_header
{
	position: fixed;
	left: 0;
	z-index: 9999;
	padding-left: 10px;
	width: 100%;
	height: 40px;
	border-bottom: 1px white solid;
	background-color: #666666;
	-moz-box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	font-size: 19px;
	font-family: 'Source Sans Pro', Arial;
	line-height: 30px;
}

.loginTopDiv
{
	position: fixed;
	position: relative;
	margin: 0 auto;
	width: 400px;
	height: 100%;
	border-radius: 12px;
	background-color: #ffffff;
	-moz-transform: rotateY( 0deg );
	-ms-transform: rotateY( 0deg );
	-o-transform: rotateY( 0deg );
	-webkit-transform: rotateY( 0deg );
	transform: rotateY( 0deg );
	/*overflow: hidden;*/
}

	.loginTopDiv > div
	{
		margin: auto;
		width: 100%;
		text-align: center;
	}

.login_btn
{
	margin-top: 5px;
	padding-right: 25px;
	padding-left: 25px;
	width: 220px !important;
	height: 30px;
	border: 0px;
	border: 1px solid #24752b;
	background-color: #17963a;
	color: white;
	font-size: 16px;
	font-family: 'Source Sans Pro';
	opacity: .9;
}

#loginDiv
{
	min-height: 100%;
	margin: auto;
	float: left;
}

#login, #create
{
	background-color: black;
	border: 1px solid black;
	color: white;
	display: block;
	float: right;
	text-align: center;
	text-decoration: none;
	width: 50px;
}

.loginContainer
{
	position: absolute;
	top: 27%;
	width: 100%;
}

@media (max-height: 910px)
{
	.loginContainer
	{
		position: absolute;
		top: 20%;
		width: 100%;
	}
}

@media (max-height: 845px)
{
	.loginContainer
	{
		position: absolute;
		top: 24%;
		width: 100%;
	}
}
/*@media (max-height: 800px) {
	.loginContainer {
		position: absolute;
		top: 18%;
		width: 100%;
	}
}*/
@media (max-height: 755px)
{
	.loginContainer
	{
		position: absolute;
		top: 12%;
		width: 100%;
	}
}

@media (max-height: 700px)
{
	.loginContainer
	{
		position: absolute;
		top: 18%;
		width: 100%;
	}
}

@media (max-height: 660px)
{
	.loginContainer
	{
		position: absolute;
		top: 16%;
		width: 100%;
	}
}

#loginForm
{
	float: left;
	margin-right: 30%;
	min-width: 540px;
	max-width: 548px;
	width: 40%;
	border: solid 0px #c8c8c8;
}

	#loginForm .validation-error
	{
		display: block;
		margin-left: 15px;
	}

	#loginForm .validation-summary-errors ul
	{
		margin: 0;
		padding: 0;
	}

	#loginForm .validation-summary-errors li
	{
		display: inline;
		list-style: none;
		margin: 0;
	}

	#loginForm input
	{
		width: 185px;
		font-size: 11px;
		box-shadow: #C5C5C5 2px inset;
		border: 1px solid #333333;
	}

		#loginForm input[type="checkbox"],
		#loginForm input[type="submit"],
		#loginForm input[type="button"],
		#loginForm button,
		#loginForm label
		{
			width: auto;
			font-size: 11px;
			box-shadow: #C5C5C5 2px inset;
		}

.loginBackgroundImage
{
	width: 100%;
	height: 70%;
	position: relative;
	background-image: url(../Content/images/login_background.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.loginBillBoard
{
	width: 100%;
	position: absolute;
	bottom: 27%;
	min-width: 1050px;
}

/* #endregion Login */

/* #region Footer region */

.login-footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	min-width: 1050px;
	min-height: 120px;
	width: 100%;
	height: 27%;
	border-top-width: 4px;
	background-color: #333333;
}

.footer_text
{
	position: absolute;
	bottom: 10%;
	z-index: 100;
	width: 100%;
	color: white;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	opacity: 0.5;
}

.footer_Info_text
{
	margin: 15px auto;
	width: 84%;
	color: white;
	text-align: center;
	font-weight: normal;
	font-family: 'Source Sans Pro', Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

	.footer_Info_text > div > div:first-child
	{
		font-size: 16px;
		opacity: 0.9;
	}

	.footer_Info_text > div > div
	{
		font-size: 13px;
		opacity: 0.7;
	}

/* #endregion Footer region */

.sanspro
{
	font-family: 'Source Sans Pro', Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

.userInput
{
	margin-bottom: 0px !important;
	padding: 4px 6px;
	width: 210px;
	height: 20px;
	border: 1px solid #ccc;
	font-size: 14px;
	display: inline-block;
	line-height: 20px;
	vertical-align: middle;
	font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;
	-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.075);
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.075);
	box-shadow: inset 0 5px 5px rgba(0,0,0,.075);
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
}

.passwordInput
{
	padding: 0px 15px;
	width: 275px;
	height: 30px;
	border-style: solid;
	border-color: black;
	font-size: 19px;
}

/* #region flip animation*/

.flip
{
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: all 1.8s;
	-o-transition: all 1.8s;
	-webkit-transition: all 1.8s;
	transition: all 1.8s;
}

.flip-side-1
{
	-moz-transform: rotateY( 0deg ) !important;
	-ms-transform: rotateY( 0deg ) !important;
	-o-transform: rotateY( 0deg ) !important;
	-webkit-transform: rotateY( 0deg ) !important;
	transform: rotateY( 0deg ) !important;
}

.flip-side-2
{
	-moz-transform: rotateY( 180deg ) !important;
	-ms-transform: rotateY( 180deg ) !important;
	-o-transform: rotateY( 180deg ) !important;
	-webkit-transform: rotateY( 180deg ) !important;
	transform: rotateY( 180deg ) !important;
}

.Portalzindex
{
	z-index: 10;
}

/* #endregion flip animation*/

a
{
	text-decoration: none;
}

.validationIcon
{
	position: relative;
	margin-left: 3px;
	padding-top: 10px;
	float: left;
	font-size: 14px;
	margin-top: 7px !important;
}

p
{
	margin: 0 0 10px;
}

form
{
	margin: 0 0 20px;
}

.signInLabel
{
	padding-top: 25px;
	border-bottom: none;
	color: rgba(0,0,0,0.7);
	text-align: left;
	font-weight: normal;
	font-size: 25px;
	font-family: 'Source Sans Pro', Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

	.signInLabel > b
	{
		/*color: rgba(0,0,0,1);*/
	}

input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"]
{
	cursor: pointer;
}

.margin-top-4px
{
	margin: 4px 0px 0px 0px;
}

.line-height-normal
{
	line-height: normal;
}

/* Font size 14px */
.font-size-14px
{
	font-size: 14px;
}

.vertical-align-middle
{
	vertical-align: middle;
}

.display-block
{
	display: block;
}

.cursor-pointer
{
	cursor: pointer;
}

.margin-bottom-5px
{
	margin: 0px 0px 5px 0px;
}

.ValidationErrorImage
{
	background: url('../Content/images/Question2.png') no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	margin-left: -16px;
	margin-top: 8px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
	.ValidationErrorImage
	{
		margin-left: 0px !important;
	}
}

@media all and (min-width:0\0) and (min-resolution: .001dpcm)
{
	.ValidationErrorImage
	{
		margin-left: 0px !important;
	}
}

@media all and (min-width:0\0) and (min-resolution: +72dpi)
{
	.ValidationErrorImage
	{
		margin-left: 0px !important;
	}
}

input.input-validation-error, .input-validation-error
{
	padding: 1px;
	outline: 0;
	border: 1px solid #e80c4d;
	text-align: right;
}

/* #region Tooltip */

.tooltip-cursor
{
	cursor: pointer;
}

.tooltip.bottom
{
	margin-top: 0;
	padding: 5px 0;
}

.tooltip.in
{
	opacity: .8;
}

.tooltip
{
	position: absolute;
	z-index: 1030;
	font-size: 11px;
	line-height: 1.4;
	visibility: visible;
	opacity: .8;
}

	.tooltip.bottom .tooltip-arrow
	{
		display: none;
	}

.tooltip-inner
{
	padding: 8px;
	max-width: 300px;
	border-radius: 4px;
	background-color: #f30e0e;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

/* #endregion Tooltip */

html
{
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	background-repeat: no-repeat;
}

/*input.input-validation-error, .input-validation-error
		{
			text-align: right;
		}*/

ul, ol
{
	padding: 0;
	margin: 0 0 10px 25px;
}

/* #region Nav tabs */

.nav
{
	margin-bottom: 20px;
	margin-left: 0;
	list-style: none;
}

.nav-tabs
{
	border-bottom: 1px solid #FFFFFF;
}

	.nav-tabs > li > a
	{
		margin-right: 0px !important;
		padding-right: 0px !important;
		padding-left: 0px !important;
		border-top: 1px solid transparent !important;
		border-right: 1px solid transparent !important;
		border-bottom: 1px solid #A5A5A5 !important;
		border-left: 1px solid #A5A5A5 !important;
		/*border-radius: 0px !important;*/
		color: #000000 !important;
		text-align: center;
		font-weight: normal;
		font-size: 15px;
		margin-left: 10px;
	}

	.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus
	{
		border-top: 1px solid transparent !important;
		border-right: 1px solid transparent !important;
		border-bottom: 1px solid transparent !important;
		border-left: 1px solid transparent !important;
		border-top-left-radius: 12px;
		cursor: default;
		background-color: #FFFFFF;
		border: 1px solid #ddd;
	}

	.nav-tabs > li:first-child
	{
		border-top-left-radius: 12px !important;
	}

	.nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after
	{
		display: table;
		line-height: 0;
		content: "";
	}

	.nav-tabs:after, .nav-pills:after
	{
		clear: both;
	}

/* #endregion Nav tabs */

li.active a span
{
	font-family: 'Nexa_Light', Source Sans Pro, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
}

	li.active a span b
	{
		font-family: 'Nexa_Bold',Source Sans Pro, Helvetica, Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
		font-weight: normal;
	}

.input-validation-error input
{
	width: 205px;
}

/* #region row-fluid*/

@media (min-width:1200px)
{
	.row-fluid
	{
		width: 100%;
	}
}

.row-fluid [class*="span"]:first-child
{
	margin-left: 0;
}

.row-fluid .span3
{
	width: 23.076923076923077%;
}

.row-fluid [class*="span"]
{
	display: block;
	float: left;
	min-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: 2.564102564102564%;
}

/* #endregion row-fluid*/

/* #region Common */

.disp-inline
{
	display: inline;
}

.min-height-100
{
	height: 100%;
}

.color-white
{
	color: #FFFFFF;
}

.color-black
{
	color: #000000;
}

/* Line height 39px */
.line-height-39px
{
	line-height: 39px;
}

.width-32prct
{
	width: 32%;
}

.margin-bottom-9px
{
	margin-bottom: 9px;
}

.width-220px
{
	width: 220px;
}

.width-240px
{
	width: 240px;
}

.margin-auto
{
	margin: 0 auto;
}

/* Align text to left */
.text-align-left
{
	text-align: left;
}

/* Align text to center */
.text-align-center
{
	text-align: center;
}

.checkBox-width-height-20px
{
	width: 20px;
	height: 20px;
}

.min-height-16px
{
	min-height: 16px;
}

.display-none
{
	display: none;
}

/* #endregion Common */