@font-face {
    font-family: 'Teuton23ProRegular';
    src: url('/static/Clients/mcec/Microsite/Fonts/Teuton23Pro.eot');
    src: url('/static/Clients/mcec/Microsite/Fonts/Teuton23Pro.eot?iefix') format('eot'),
         url('/static/Clients/mcec/Microsite/Fonts/Teuton23Pro.woff') format('woff'),
         url('/static/Clients/mcec/Microsite/Fonts/Teuton23Pro.ttf') format('truetype'),
         url('/static/Clients/mcec/Microsite/Fonts/Teuton23Pro.svg#webfontUsa1pCgs') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**/

html, body
{
	font: 12px/1.231 sans-serif;
	color: #727272;
	
}

form
{
	padding: 0;
	margin: 0;
}

/*a
{
	color: #626367;
	text-decoration: none;
}

a:hover
{
	color: #fa9f01;
}*/

textarea
{
	border: 1px solid #CECECE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset;
    margin: 0 9px 0 0;
    padding: 2px 8px;
    color: #727272;
}

select
{
	border: 1px solid #CECECE;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset;
	color: #727272;
}

.input-text-default, .input-datepicker-default, textarea 
{
    border: 1px solid #CECECE;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15) inset;
    margin: 0 9px 0 0;
    padding: 2px 8px;
    color: #727272;
}

/* disable border and outline on navigation and object elements */
object:active, div:active, div:focus, input:active, input:focus
{
	outline: none;
}
object:focus, div:focus, a:focus, select:focus, input:focus
{
	-moz-outline-style: none;
}

/* main content wrapper */
div#wrapper
{
	margin: 3px;
	margin: 0 auto;
	
}

#content
{
	width: 895px;
}

.input-disabled-default
{
	padding: 3px 0;
}

.input-multiselect-default
{
	padding: 3px;
	height: 60px;
}

.input-textarea-default
{
	width: 300px;
	height: 60px;
	border: 1px solid #7F9DB9;
}

.standard-button
{
    #background-color: #CE3234;
    background-color: #008AC9;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 0 7px 0 0;
    line-height: 130%;
    padding: 5px 10px 6px 7px;
}

.standard-button:hover
{
	background-color: #FAA223;
}

.sharer-links 
{
	float:left;
}

/* menu styles */
.menu-content .navigation-tabs
{
	margin: 0;
	padding: 0;
	list-style: none;
	
}

.navigation-tabs li
{	
	padding-right: 40px;
	float: left;
}

.navigation-tabs li a:hover
{	
	#color: #faa101;
	color: #008AC9;
	text-decoration: underline;
}

/* search form styles */ 
.list-table
{
	width: 960px;
}

.list-table .heading
{
	color: #ffffff;
	border-top: 1px solid #DFE4E7;
	border-bottom: 1px solid #DFE4E7;
	padding: 6px;
	overflow: hidden;
	white-space: nowrap;
	#background: #383838;
	background: #004289;
	font-size: 8pt;
}

.list-table .heading a
{
	color: #ffffff;
}

.list-table .content-1
{
	border-bottom: solid 1px #bbbbbb;
	padding: 2px 6px 0 6px;
	overflow: hidden;
}

.list-table .content-2
{
	border-bottom: solid 1px #bbbbbb;
	padding: 6px 6px 0 6px;
	overflow: hidden;
	background: #f4f4f4;
}

.list-links
{
	width: 100px;
	margin: 0;
	padding: 0 0 7px 0;
}

.list-links li
{
	height: 15px;
	padding-bottom: 1px;
}

.list-links li a
{
	text-decoration: none;
}

/* search form styles */
.form-label-mandatory
{
	font-weight: bold;
	color: #CE3234;
}

.form-label-mandatory:after
{
	content: " *";
}

.menu-content .selected, .menu-content .selected a
{
	/*color: #364F54;
	text-decoration: underline;
	font-weight: bold;*/
}

.form-actions
{
	padding: 0 5px 5px 0;
	text-align: right;
}

.privacy-policy
{
	padding-top: 10px;
}

.help-content
{
	padding-top: 10px;
}

.privacy-policy p, .privacy-policy ul, .privacy-policy li
{
	color: #727272;
}

.privacy-policy ul
{
	padding: 3px 0 14px 14px;
	margin: 0;
}

.privacy-policy li
{
	padding: 3px 0;
}

.wrapper-container
{
	width: 960px;
}

.main-content
{
	width: 960px;
}

.portal-content
{
	width: 960px;
	padding-top: 10px; 
}

.portal-content h1
{
	color: #004289;
}

.portal-content .standard-heading, .portal-content h1
{
	#color: #c52438;
	color: #004289;
    font-size: 18px;
    font-weight: normal;
    #font-family: Arial;
    font-family: FrutigerLTStdLight, Arial, Helvetica, sans-serif;
    #font-size: 1.667em;
    font-size: 220%;
    padding: 0px 0px 4px 0px;
    -webkit-margin-before: 0.67em;
   -webkit-margin-after: 0.67em;
   -webkit-margin-start: 0px;
   -webkit-margin-end: 0px;
}

.portal-content .standard-message
{
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #ff0000;
}

.form-table
{

	margin: auto;
	padding: 10px 0;
}

.form-table .form-single-label-cell
{
	width: 200px;
	padding:4px 0 4px 0;
}

.form-table .question-cell
{
	width: 50%;
}

.form-table .form-single-element-cell
{
	padding:4px 0 4px 4px;
	width: 240px;
}

.form-single-element-cell input
{
	/* border: solid 1px #888787; */
}

/* info & error message styles */
div#application-errors, div#application-info
{
	margin: 0 0 5px 0;
	padding-top: 5px;
}

div#application-errors ul, div#application-info ul
{
	list-style-type: none;
	margin: 0;
	padding: 5px 0 9px 0;
	width: 895px;
}

div#application-info li
{
	color: black;
	font-size: 12px;
}

div#application-errors li
{
	color: #e9273a;
	font-size: 12px;
}

/* application record list on form styles */
.records-list .record
{
	height: 26px;
	padding: 10px 0 0 0;
}

.records-list .label
{
	float: left;
}

.records-list .actions
{
	float: right;
	padding-right: 5px;
}

/* application bread crumb styles */
.application-breadcumbs-container
{
	width: 895px;
	margin: 0 auto;
}

ul.application-breadcumbs
{
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.application-breadcumbs li
{
	float: left;
}

ul.application-breadcumbs li.current, ul.application-breadcumbs li.open, ul.application-breadcumbs li.closed
{	
	padding: 3px 5px;
}

ul.application-breadcumbs li.current
{
	border: solid 1px #8a8a8a;
	font-weight: bold;
	list-style: none;
	color: #363636;
	margin-bottom: 10px;
}

ul.application-breadcumbs li.open
{
	border: solid 1px #8a8a8a;
	list-style: none;
	margin-bottom: 10px;
}

ul.application-breadcumbs li.open a, ul.application-breadcumbs li.open a:visited
{
	color: #000000;
	font-style: italic;
	text-decoration: none;
}

ul.application-breadcumbs li.open a:hover
{
	font-weight: bold;
}

ul.application-breadcumbs li.closed
{
	border: solid 1px #8a8a8a;
	list-style: none;
	margin-bottom: 10px;
}

ul.application-breadcumbs li.sep
{
	font-weight: bold;
	padding: 9px 0 0 0;
	list-style: none;
	margin-bottom: 10px;
}

ul.application-breadcumbs .step-rect
{
	height: 8px;
	width: 20px;
	background: #a1a0a0;
	margin-bottom: -8px;
}

ul.application-breadcumbs .step-open
{
	background: #828283;
}

.menu-content
{
}

/* job description tamplate */


div.job-ad
{
	width: 500px;
	margin-left: 190px;
	#margin: auto;
	position: relative;
	border: solid 1px black;
}

div.job-ad-header
{
	#background: url(/static/Clients/mcec/Microsite/Images/shr-recruitment-header.gif) no-repeat;
	background: url(/static/Clients/xchanging/Microsite/Images/Xchanging_logo.gif) no-repeat;
	width: 500px;
	height: 60px;
	margin: 10px 10px 0 10px; 
}

div.job-ad-title
{
	padding: 15px 10px 10px 10px;
	text-align: center;
	#color: #CE3234;
	color: #008AC9;
    font-size: 22px;
    font-weight: normal;
}

div.job-ad div.job-ad-selling-points ul
{
	margin: 0;
	padding: 5px 0 20px 22px;
}

div.job-ad-selling-points ul li
{
	font-weight: bold;
	color: #626367;
	padding: 1px 0;
}

div.job-ad-content
{
	padding: 10px 10px 0 10px;
}

div.job-ad-content p
{
}

div.job-ad-content ul
{
	color: #626367;
	padding: 3px 0 14px 14px;
	margin: 0;
}

div.job-ad-footer
{
	width: 446px;
	height: 35px;
}

#job_ad_logo_flash
{
	float: left;
	margin-top: 20px;
	margin-right: 5px;
}

/* attachment urls */
.attachment-list
{
	color: #285775;
	padding: 0;
	margin: 0;
	list-style: none;
 	font-weight: bold;
}

ul.attachment-list li
{
	padding: 1px 0;
}

ul.attachment-list li a
{	
	text-decoration: underscore;
}

/* Layout helpers */
.ui-helper-hidden { 
	display: none; 
}

.ui-helper-hidden-accessible { 
	position: absolute; 
	left: -99999999px; 
}

.ui-helper-reset { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none; 
}

.ui-helper-clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.ui-helper-clearfix { 
	display: inline-block; 
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { 
	height:1%; 
}

.ui-helper-clearfix { 
	display:block; 
}

/* end clearfix */
.ui-helper-zfix { 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	position: absolute; 
	opacity: 0; 
	filter:Alpha(Opacity=0); 
}

/* States and images */
.ui-icon { 
	width: 16px; 
	height: 16px; 
	background-image: url(/static/Themes/Default/Images/ui-icons_ffffff_256x240.png); 
	display: block; 
	text-indent: -99999px; 
	overflow: hidden; 
	background-repeat: no-repeat; 
}

.ui-icon-black { 
	width: 16px; 
	height: 16px; 
	background-image: url(/static/Themes/Default/Images/ui-icons_222222_256x240.png); 
	display: block; 
	text-indent: -99999px; 
	overflow: hidden; 
	background-repeat: no-repeat; 
}

.ui-icon-grey { 
	width: 16px; 
	height: 16px; 
	background-image: url(/static/Themes/Default/Images/ui-icons_888888_256x240.png); 
	display: block; 
	text-indent: -99999px; 
	overflow: hidden; 
	background-repeat: no-repeat; 
}

.ui-icon-plusthick { 
	background-position: -32px -128px; 
}

.ui-icon-disk { 
	background-position: -96px -112px; 
}

.ui-icon-pencil { 
	background-position: -64px -112px; 
}

.ui-icon-close { 
	background-position: -80px -128px; 
}

.ui-icon-closethick { 
	background-position: -96px -128px; 
}

.ui-icon-gripsmall-diagonal-se { 
	background-position: -64px -224px; 
}

.ui-icon-grip-diagonal-se { 
	background-position: -80px -224px; 
}

.ui-icon-carat-1-s { 
	background-position: -64px 0; 
}

.ui-icon-arrowthickstop-1-s { 
	background-position: -224px -48px; 
}

.ui-icon-circle-triangle-e { 
	background-position: -48px -192px; 
}

.ui-icon-circle-triangle-s { 
	background-position: -64px -192px; 
}

.ui-icon-circle-triangle-w { 
	background-position: -80px -192px; 
}

.ui-icon-circle-triangle-n { 
	background-position: -96px -192px; 
}

/* Datepicker style */
.ui-datepicker { 
	z-index: 1100; 
	width: 17em; 
	padding: .2em .2em 0; 
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
	font-size: 1.0em; border: 1px solid #dddddd; 
	background: #eeeeee url(/static/Themes/Default/Images/calendar-bg.gif) 50% top repeat-x; 
	color: #333333; 
}

.ui-datepicker a { 
	color: #333333; 
}
.ui-datepicker .ui-datepicker-header { 
	position:relative; 
	padding:.2em 0; 
	border: 1px solid #e78f08; 
	background: #f6a828 url(/static/Themes/Default/Images/orange-glosswave.gif) 50% 50% repeat-x; 
	color: #ffffff; 
	font-weight: bold; 
}

.ui-datepicker .ui-datepicker-header a { 
	color: #ffffff; 
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { 
	position:absolute; 
	top: 2px; 
	width: 1.8em; 
	height: 1.8em; 
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { 
	top: 1px; 
}

.ui-datepicker .ui-datepicker-prev { 
	left:2px; 
}

.ui-datepicker .ui-datepicker-next { 
	right:2px; 
}

.ui-datepicker .ui-datepicker-prev-hover { 
	left:1px; 
}

.ui-datepicker .ui-datepicker-next-hover { 
	right:1px; 
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { 
	display: block; 
	position: absolute; 
	left: 50%; 
	margin-left: -8px; 
	top: 50%; 
	margin-top: -8px;  
}

.ui-datepicker .ui-datepicker-title { 
	margin: 0 2.3em; 
	line-height: 1.8em; 
	text-align: center; 
}

.ui-datepicker .ui-datepicker-title select { 
	float:left; 
	font-size:1em; 
	margin:1px 0; 
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%;
}

.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { 
	width: 49%;
}

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { 
	float: right; 
}

.ui-datepicker table {
	width: 100%; 
	font-size: .9em; 
	border-collapse: collapse; 
	margin:0 0 .4em; 
}

.ui-datepicker th { 
	padding: .7em .3em; 
	text-align: center; 
	font-weight: bold; 
	border: 0;  
}

.ui-datepicker td { 
	border: 0; 
	padding: 1px; 
}

.ui-datepicker td span, .ui-datepicker td a { 
	display: block; 
	padding: .2em; 
	text-align: right; 
	text-decoration: none; 
}

.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none; 
	margin: .7em 0 0 0; 
	padding:0 .2em; 
	border-left: 0; 
	border-right: 0; 
	border-bottom: 0; 
}

.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right; 
	margin: .5em .2em .4em; 
	cursor: pointer; 
	padding: .2em .6em .3em .6em; 
	width:auto; 
	overflow:visible; 
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 
	float:left; 
}

.ui-datepicker .ui-state-default { 
	border: 1px solid #cccccc; 
	background: #f6f6f6; 
	font-weight: bold; 
	color: #1c94c4; 
	outline: none; 
}

.ui-datepicker .ui-state-default a, .ui-datepicker .ui-state-default a:link, .ui-datepicker .ui-state-default a:visited { 
	color: #1c94c4; 
	text-decoration: none; 
	outline: none; 
}

.ui-datepicker .ui-state-hover { 
	border: 1px solid #fbcb09; 
	background: #fdf5ce url(/static/Themes/Default/Images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; 
	font-weight: bold; 
	color: #c77405; 
	outline: none;
}

.ui-datepicker .ui-state-hover a, .ui-datepicker .ui-state-hover a:hover { 
	color: #c77405; 
	text-decoration: none; 
	outline: none; 
}
.ui-datepicker .ui-state-active { 
	border: 1px solid #fbd850; 
	background: #ffffff; 
	font-weight: bold; 
	color: #eb8f00; 
	outline: none; 
}

.ui-datepicker .ui-state-active  a, .ui-datepicker .ui-state-active  a:link, .ui-datepicker .ui-state-active  a:visited {
	color: #eb8f00; 
	outline: none;
	text-decoration: none; 
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* clear container */
div.clear
{
	clear: both;
}

.powered-by-cont
{
	padding: 20px 0;
	width: 960px;
}

.powered-by
{
	width: 100px;
	height: 31px;
	background: url(/static/Clients/mcec/Microsite/Images/powered-by-subscribe-hr.png) no-repeat right center;
	float: right;
	display: block;
}

#cb_applicant_education_institution
{
	width: 400px;
}

.input-dropdown-default
{
	max-width: 400px;
	border: solid 1px #888787;
}

.already-applied-container
{
	width: 640px;
	float: left;
}

.search-link
{
	padding: 8px 0;
	font-weight: bold;
}

.search-table
{
	border: solid 1px #354f65;
	width: 100%;
}

#sharer-container
{
	position: absolute;
	width:612px; 
	height:379px;
	background: #ffffff;
}

#sharer-container .title-bar
{
	background: #777777;
	height: 20px;
}

#sharer-container .title-bar a
{
	font-size: 11px;
	display: block;
	width: 40px;
	float: right;
	padding: 2px 9px 0 0;
	text-decoration: none;
	color: #ffffff;
}

#sharer-container iframe
{
	width:612px; 
	height:379px;
}

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #666666; opacity: .50; filter:Alpha(Opacity=50); overflow: hidden;} 

#share-job
{
	background: url("/static/Themes/Default/Images/social.png") no-repeat;
	width: 125px;
	height: 20px;
	display: block;
	padding-left: 42px;
	padding-top: 2px;
	text-decoration: none;
}

.questionnaire-table td, .questionnaire-table .form-single-label-cell, .questionnaire-table .question-cell
{
	padding: 8px;
}

/* Checklist style
----------------------------------*/
div.checklist, div.checklistHighlighted 
{ 
	overflow-y: scroll; 
	overflow-x: hidden; /* If you don't want scrollbars, leave this one blank. */
}
div.checklist 
{ 
	color: #555; 
	font-size: 8pt; 
	line-height: 1.6em; 
	border-left: solid 1px #CECECE;
	border-top: solid 1px #CECECE;
	border-bottom: solid 1px #CECECE;
}

ul.checklist{ list-style-type: none; margin: 0; padding: 0; }
div.checklist li { padding: 3px; }
div.checklist li.even { background-color: white; }
div.checklist li.odd { background-color: #f7f7f7; }
div.checklist li.even:hover, div.checklist li.odd:hover, div.checklist li.focused, div.checklist li:hover label { background-color: #dde; }
div.checklist li.checked { background: #ffffa7; font-style: italic; }
div.checklist li.checked:hover, div.checklist li.checked:hover label { background: #ffff22; font-style: italic; }

div.checklist label.disabled { color: #ddd; }

div.checklist li input { display: block; float: left; }
div.checklist label { display: block; margin: 0; padding: 0; }
div.checklist label.leaveRoomForCheckbox { display: block; padding-left: 25px; /* If hiding checkboxes, set padding-left to 3px */ } 

ul.showSelectedItems { color: #770; font-size: .8em; list-style-position: outside; margin-left: 0; padding-left: 1.4em; }

/**** Search box ****/
div.findInList { margin-bottom: 5px; }
div.findInList input { background-color: #ffffef; border: solid 1px #eee; color: black; font-family: arial; font-size: .8em; padding: 2px; }
div.findInList input.blurred { background-color: white; color: gray; }

div.checklist li.optgroup { font-size: 1.1em; font-weight: bold; font-style: italic; background-color: #ccc; border-top: 1px solid #777; border-bottom: 1px solid #777; padding-left: 7px; }
div.checklist li.optgroup:hover { background-color: #ccc; }

.float-right
{
	float: right;
}

.float-left
{
	float: left;
}

.img-loading
{
	background: url(/static/Themes/Default/Images/loading.gif) no-repeat center center;
	width: 16px;
	height: 16px;
}

.remove-attachment
{
	display: none;
}

#temp-error
{
	border: solid 1px #d20215;
	background: #efd5df;
	color: #d20215;
	padding: 10px 4px;
	width: 370px;
	position: absolute;
	top: 20px;
	left: 125px;
	font-style: italic;
	text-align: center;
}

tr 
{
	#background-color: #004289;
	font-size: 100%;
	font-weight: normal;
	height: 41px;
	padding: 13px;
	margin-right: 2px;
}

tr a 
{
	#color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	z-index: 100;
}

tr a:hover
{
	text-decoration: underline;
}

span
{
	margin-right: 8px;
}

select[name = "cb_applicant_work_history_to_month"], select[name = "cb_applicant_work_history_to_year"], select[name = "cb_applicant_work_history_from_month"], select[name = "cb_applicant_work_history_from_year"] 
{
	width: 100px;
}


