/***********************************************************************************************************************
	ELEMENT STYLES 
***********************************************************************************************************************/
body {margin:0px; padding:0px}
ul li {list-style-type: disc;list-style-position:inside}
ol li {list-style-type: decimal;list-style-position:inside}

/***********************************************************************************************************************
	GLOBAL STYLES 
***********************************************************************************************************************/

#cp_container { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#000}
#cp_container p { padding: 0px}
#cp_container td { font-size: 1.0em}
#cp_container th { font-size: 1.0em; text-align: left}
#cp_container table td table td { font-size: 1.0em} /* ie6 has problems with em in tables */
#cp_container ul { margin: 0px 10px; padding: 0px 20px}
#cp_container fieldset { margin: 0px; padding: 0px; border: none}
#cp_container fieldset legend{ margin: 0px; padding: 0px; display: none}
#cp_container a { text-decoration: underline; color: #00F}
#cp_container a:hover { text-decoration: none; color: #00F}
#cp_container div.cp_page { clear: left; padding: 10px 0px}
#cp_container div.cp_content { margin: 0px 0px}
#cp_container div.cp_content p, .cp_answers p,.cp_answersAlt p,.standardFormAnswerDivClass p { margin: 10px 3px}

/* headings */
#cp_container div.cp_title { padding: 0px; clear: both; width: 100%}
#cp_container h1 { font-size: 1.9em}
#cp_container h2 { font-size: 1.6em}
#cp_container h3 { font-size: 1.4em}
#cp_container h4 { font-size: 1.2em}

a.cp_editTitle {text-decoration:underline; font-size:12px;}
a.cp_editTitle:hover { text-decoration:none;}

.cp_title, .cp_clear {clear:both}

.be_formStepProgressView { float:right; padding:0 5px 0 0; position:relative; top:-20px}
.be_candidateProgressView {padding:0 5px 0 0; margin:10px}

form { margin:0px; padding:0px}

/***********************************************************************************************************************
	NAVIGATION MENU
***********************************************************************************************************************/
.be_rhm {float:right;border-left: 1px #CCC solid;width:180px;padding:0 10px}
.be_rhm ul li {margin-bottom:5px;list-style-type: none}

/***********************************************************************************************************************
	NAVIGATION MENU
***********************************************************************************************************************/

#cp_container div#cp_nav { clear: both; padding: 5px 0px 25px 0px }
#cp_container ul#cp_navMenu { white-space: nowrap; padding: 0px; margin: 0px }
#cp_container ul#cp_navMenu li { list-style: none; float: left; padding-left: 0px; margin:0}
#cp_container ul#cp_navMenu li a { color: #000; border-right: #CCC 1px solid; text-decoration:none; text-transform: capitalize; padding: 3px 6px;  font-weight:bold }
#cp_container ul#cp_navMenu li a:hover { color: #777; background-color: #F6F6F6}
#cp_container ul#cp_navMenu li.cp_navMenuFirst a { border-left: none }
#cp_container ul#cp_navMenu li.cp_navMenuLast a { border-right: none }

/***********************************************************************************************************************
	CONFIGURATION
***********************************************************************************************************************/

#be_configCommentPanel { position: fixed; bottom: 0; width: 100%; height: 30px; background-color: #E2EBF6; border-top: 1px solid #6D7888; }
#be_configCommentPanel a { display: block; width: 100%; height: 100%; color: #6D7888; text-align: center; text-decoration: none; padding-top:10px;}

.configCommentContainer .cp_question{float:left; width:90%;}

#be_configCommentPanel.critical { background-color: #FFCCCC; border-top: 1px solid #CA0000; }
#be_configCommentPanel.critical a { color: #CA0000; }
#be_configCommentPanel.critical a span { background: url(/_common/images/be_warning_small.png) no-repeat 0 0; padding-left:20px;}

#ConfigurationCommentForm .be_ccPopupHelp {text-align:right; padding:7px 10px 8px 0px;float:right; width:30px;}
#ConfigurationCommentForm .cp_leftAligned div.cp_field {width:65%;}

#ConfigurationCommentForm div.form-container span.add {float:left; padding-bottom:10px}

.form-container .be_accordionFormContainer, .form-container .content-padding { padding: 10px; }
.form-container .be_accordionContent { background-color: #F6F7EE; }
#testStepsAccordionContainer h3.cp_error { border: solid 1px #C00; }
#testStepsAccordionContainer .be_accordionContent.cp_error { border: solid 1px #C00; border-top: none; }
/***********************************************************************************************************************
	JOBS LIST FILTER 
***********************************************************************************************************************/

#cp_container div.cp_jobsListFilter {background-color:#F6F6F6; padding:3px 6px; margin:0}
#cp_container div.cp_jobsListFilterAlt {background-color:#FFF}
#cp_container div.cp_jobsListFilterTitle h2 {padding:0px; margin:0px} 
#cp_container div.cp_jobsListFilterTitle h2 a { text-decoration:none} 
#cp_container div.cp_jobsListFilterTitle h2 a:hover { text-decoration:underline} 

/***********************************************************************************************************************
	DISPLAY TABLE PAGES 
***********************************************************************************************************************/

/* Global Display Table styles                                                                                        */
/*-----------------------------------*/

.cp_displayTable {width: 100%; border-collapse:separate; border-spacing:0; clear:left; font-size: 1.1em} /* "border-collapse:collapse" removes cellspacing in IE, "border-spacing:0" removes cellspacing in Mozilla*/
.cp_displayTable th {text-align: left; color: #000; font-weight: bold; padding:3px}
#cp_container table.cp_displayTable th a {color: #000; text-decoration:underline}
#cp_container table.cp_displayTable th a:hover {color: #666; text-decoration:none}
.cp_displayTable td {text-align: left; color: #000; padding:5px; vertical-align:top}

/* Styles to give color and border around table header row                                                            */
/*-----------------------------------*/
.cp_displayTable tr.cp_head th {background-color:#CCC}

/* Styles to give content rows alternate bands of color                                  */
/*---------------------------------------------------------------------------------------*/

/* Application Summary               */
/*-----------------------------------*/
tr.cp_questionAlt th, tr.cp_question th { vertical-align: top; font-weight: normal}
tr.cp_question td, tr.cp_answers td, tr.cp_question th {background-color:#f6f6f6}

tr.JobElementQuestion th {border-left: 5px solid #AAA;}

/* job list, Search Results, Job Alert Jobs List, My History, My Emails */
/*-----------------------------------*/
tr.cp_row td {background-color:#f6f6f6}
tr.cp_rowAlt td {background-color: #FFF}
	
/* Individual Table styles                                                                                            */
/*--------------------------------------------------------------------------------------------------------------------*/

/* Application Summary Display Table */
/*-----------------------------------*/
.cp_questionNumber {width:15%}
.cp_questionLabel {width:60%; font-weight:bold}
.cp_mandatory, .cp_status, .cp_statusIncomplete  {width:10%}
.cp_actions {width:5%}
.cp_statusIncomplete span {color: #C00; font-weight:bold}
td.cp_data {padding-left:50px}

/* Job List Display Table            */
/*-----------------------------------*/
.cp_jobDetails {width:38%}
.cp_closingDate, .cp_timeRemaining {width:15%}
.cp_jobActions {width:32%}
#cp_container a.cp_jobListJobTitle { font-size: 1.1em; font-weight: bold}

/* My History Display Table          */
/*-----------------------------------*/
.cp_jobName {width:20%}
.cp_applicationDate, .cp_applciationStatus, .cp_jobStatus {width:16%}
.cp_historyActions {width:32%}
.cp_jbslistNotscreened{margin:0px;padding:4px}

/* My Emails Display Table           */
/*-----------------------------------*/
.cp_emailDate, .cp_emailSent {width:15%}
.cp_emailSender {width:20%}
.cp_emailSubject {width:40%}
.cp_emailActions {width:10%}

/* This is bad ass... but makes most back end pages look stupid
div.form-container {
	background-color:#F6F7EE;
	border: 1px solid #CCC;
	padding: 10px;
	margin:10px;
	display: table;
	width: 80%}*/

/**********************************************************************************************************************
	VALIDATION
***********************************************************************************************************************/

/* top of page message */ 
#cp_message { padding: 10px 10px 10px 50px; margin: 10px 0px } 
#cp_message p { padding: 0px; margin: 0px; font-size: 1.2em; font-weight: bold } 
#cp_message ul { padding: 0px 20px; margin: 0px 10px} 
#cp_message li { font-size: 1.1em; list-style-type: disc} 

.cp_messageNote { padding: 10px; font-weight: bold}
.cp_messageSuccess, .cp_messageInfo { color: #09E; border-bottom: 1px solid #09E; border-top: 1px solid #09E; background:  #DDF6FF url(/_common/images/cp_warning_symbol_yellow.gif) no-repeat 8px 13px } 
.cp_messageError, .cp_messageWarning { color: #C00; padding: 10px 10px 10px 50px; margin: 10px 0px; border-bottom: 1px solid #C00; border-top: 1px solid #C00; background:  #FFF6F6 url(/_common/images/cp_warning_symbol_yellow.gif) no-repeat 8px 13px } 

table.standard td.be_errorCriteria { border-bottom: none }
td.be_errorCriteria p span { float: left }

/* hightlight inputs in error */
.cp_errorRow {} /* highlight the error */
.cp_error {} /* highlight the error */
.cp_errorRow div.cp_label, div.cp_label { font-weight: bold }
.cp_errorRow input, .cp_errorRow file, .cp_errorRow select, .cp_errorRow textarea, input.cp_error, file.cp_error, select.cp_error, textarea.cp_error { border: 1px solid #C00}

/* required fields */
.cp_required, .mandatoryQuestions,.cp_description { text-align: left; width: auto; padding-bottom:10px; padding-left:5px; } 
.cp_mStar { color: #C00; /*font-size: 16px*/ }

/**********************************************************************************************************************
	APPLICATION STEPS (WORKFLOW LINKS) 
***********************************************************************************************************************/
/*new Style*/
 div#cp_applicationWorkflow { clear: both } 
 div#cp_applicationWorkflow ul {line-height:1.1em !important; text-align:center; clear: both; list-style: none; padding: 0px; margin: 0px}
 div#cp_applicationWorkflow ul li {float: left; padding: 4px; width:8em !important; height:12em !important; font-size:0.9em; list-style:none }
 div#cp_applicationWorkflow br{}
 div#cp_applicationWorkflow span,  div#cp_applicationWorkflow a {font-size:1.1em; display:block; height:41px !important; padding:0px!important}

/*current step*/
 li.cp_applicationWorkflowCurrent {font-weight:bold; text-decoration:underline;color:#444!important}
 span.cp_applicationWorkflowCurrentNumber {margin:0px auto!important; border:none !important;background:url(/_common/images/cp_wfSteps_current.gif) no-repeat bottom center !important; font-weight:bold!important; color:#444!important;background-color:transparent !important}
 span.cp_applicationWorkflowCurrentNumber {}
/* incomplete steps */
 li.cp_applicationWorkflowIncomplete{font-weight:normal !important;background-color:transparent !Important;color:#444!important}
 li.cp_applicationWorkflowIncomplete a {margin:0px auto!important; border:none !important; background:url(/_common/images/cp_wfSteps_inComplete.gif) no-repeat bottom center !important; font-weight:normal!important; color:#444!important;background-color:transparent !Important}
 li.cp_applicationWorkflowIncomplete a:hover{ font-weight:bold!important;background:url(/_common/images/cp_wfSteps_hover.gif) no-repeat bottom center !important;background-color:transparent !important}

/* complete steps */
 li.cp_applicationWorkflowComplete {font-weight:bold !important;background-color:transparent !Important;color:#444!important}
 li.cp_applicationWorkflowComplete a {margin:0px auto!important; border:none !important; background:url(/_common/images/cp_wfSteps_complete.gif) no-repeat bottom center !important; font-weight:normal; color:#444 !important;background-color:transparent !Important }
 li.cp_applicationWorkflowComplete a:hover{font-weight:bold !important; background:url(/_common/images/cp_wfSteps_hover.gif) no-repeat bottom center !important;background-color:transparent !important }

/* line linking the steps */
 li.cp_applicationWorkflowStart { background:url(/_common/images/cp_wfSteps_barLeft.gif) no-repeat 50% 30px!important}
 li.cp_applicationWorkflowMiddle { background:url(/_common/images/cp_wfSteps_bar.gif) repeat-x 0px 30px!important}
 li.cp_applicationWorkflowEnd { background:url(/_common/images/cp_wfSteps_barRight.gif) no-repeat 50% 30px!important}


/**********************************************************************************************************************
	Application Form
***********************************************************************************************************************/

.cp_applicationForm { width: 100%; min-width: 700px; padding: 0px; margin: 0px; clear: both}
.cp_applicationForm div.cp_title { padding: 0px; margin: 15px 0px 5px 0px}

/* step title */
.cp_applicationForm div.cp_title h3 { padding: 10px 0px 5px 0px; color:#000; text-align: left; background-color: #FFF; border-bottom: 1px solid #999; padding: 3px; margin: 0px}
.cp_sectionTitle {padding: 7px 6px; clear:both; font-weight:bold;}
.form-container .formField h3{ padding:5px;}

/* step description */
.cp_stepDescription { padding: 0px 3px 3px 4px; margin-bottom: 10px}

/* question labels and fields */
/* CHUNKY CSS: The overflow below was added for the USA 22nd May Walkthrough */
.cp_question { padding: 0px 3px; clear: both; }
.cp_label { width: 25%; vertical-align: middle; padding: 7px 0px 8px 3px }
.cp_field { width: 74%; vertical-align: top; padding: 5px 0px 5px 3px }
.cp_field fieldset { margin: 0px; padding: 0px; border: none; display:inline-block;}
/* numbered questions - wrap fix*/
.cp_horizontalAligned .cp_questionNumbered{float: left; display: block; font-weight: bold; width:2em;}
.cp_horizontalAligned .cp_questionNumberedQuestion{float: left; display: block; font-weight: bold; width:8em;}
.cp_horizontalAligned .cp_questionBlock{float: left; display: block; font-weight: normal; width: 89%;}
.cp_verticalAligned .cp_questionNumbered{float: left; display: block; font-weight: bold; width:2em;}
.cp_verticalAligned .cp_questionNumberedQuestion{float: left; display: block; font-weight: bold; width:8em;}
.cp_verticalAligned .cp_questionBlock{float: left; display: block; font-weight: normal; width: 97%;}

/* left aligned */
.cp_leftAligned div.cp_label, .cp_leftAligned div.cp_field { float: left}
/* right aligned */
.cp_rightAligned div.cp_label{ text-align: right; float: left; padding: 7px 4px 8px 0px}
.cp_rightAligned div.cp_field{ float: left; padding: 5px 0px 5px 3px }
/* vertically aligned */
.cp_verticalAligned div.cp_label{ width: 100%; padding: 7px 3px 3px 3px; text-align: left; float:none}
.cp_verticalAligned div.cp_field{ width: 100%; padding: 0px 0px 8px 3px; float:none}
#JobDetails .cp_verticalAligned div.cp_label{float:left;}
#JobDetails .cp_verticalAligned div.cp_field{float:left;}
 /* Bottom Aligned /* Middle aligned */
.cp_alignBottomFloat, .cp_alignMiddleFloat {float:left; padding:0px; margin:0px}

/* field inputs */
input.cp_radio {}
select.cp_select {}
select.cp_selectMultipleInput {}
input.cp_checkBox {}
file.cp_fileInput { width: 200px; margin-right: 20px}
input.cp_textInput, input.cp_mediumText, input.cp_passwordInput { width: 200px}
input.cp_smallText { width: 100px}
input.cp_smallNumber { width: 30px; }
input.cp_largeText { width: 400px}
textarea.cp_textInput, textarea.cp_mediumText { width: 400px; height: 210px}
textarea.cp_smallText { width: 400px; height: 80px !important}
textarea.cp_mediumText { width: 400px; height: 210px !important}
textarea.cp_largeText { width: 400px; height: 420px !important}
textarea.cp_errorCommentInput { width: 400px; height: 120px}
textarea.be_emailAddresses {width:400px; height:50px; min-height:50px}
/**********************************************************************************************************************
	Application Section
***********************************************************************************************************************/

.cp_section { background-color: #F9F9F9; width: 100%; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px}
.cp_section div.cp_title { padding: 0px; margin: 0px}

/* section heading */
.cp_section h4 { color:#000; text-align: left; margin: 0px 0px 5px 0px; padding: 0px; line-height: 14px; background-color: #FFF}
.cp_section h4.cp_titleRightAlign { }

/* sections on the application summary */
.cp_displayTable table.cp_sectionTable { background-color: #FFF; font-size: 1.0em; width: 100%; padding: 0px; margin: 0px; border-collapse:collapse; border-spacing:0; border-bottom: none}
.cp_displayTable table.cp_sectionTable thead tr th { padding: 5px 0px; margin: 0px}
.cp_displayTable table.cp_sectionTable thead tr th h4 { padding: 0px; margin: 0px}
.cp_displayTable tr.cp_sectionTR td { padding: 0px; margin: 0px}
.cp_displayTable table.cp_sectionTable td { padding: 3px}

/**********************************************************************************************************************
	Document Question Table
***********************************************************************************************************************/
table.cp_documentTable th, table.cp_documentTable td { font-size: 1.0em; }
table.cp_documentTable { padding: 4px; margin-bottom: 15px; border:1px solid black; border-collapse:collapse; border-spacing:0; line-height: 18px; clear: both;}
table.cp_documentTable thead tr th { padding: 3px 5px; text-align: left; font-weight: bold; border: 1px solid black;}
table.cp_documentTable td.cp_document_index { font-weight: bold; }
#cp_container table.cp_displayTable table.cp_documentTable td, table.cp_documentTable td { padding: 3px 5px; border: 1px solid black;}

/**********************************************************************************************************************
	Group Question Table
***********************************************************************************************************************/

#cp_container table.cp_groupQuestionTable th, #cp_container table.cp_groupQuestionTable td { font-size: 1.0em}
.cp_groupQuestionTable { padding: 4px; margin-bottom: 0px; border-collapse:collapse; border-spacing:0; line-height: 18px}
.cp_groupQuestionTable th { padding: 3px 5px; text-align: left; font-weight: normal; vertical-align: top}
.cp_groupQuestionTable input.cp_textInput { width: 100px}
.cp_groupQuestionTable textarea.cp_textInput { width: 250px}
.cp_gqColHeader, .cp_gqRowHeader { background-color:#CCC}
.cp_gqColHeaderRowHeader { }
.cp_groupQuestionTable tr.cp_gqRowOne td, .cp_groupQuestionTable tr.cp_gqRowOne th { background-color: #F6F6F6}
.cp_groupQuestionTable tr.cp_gqRowTwo td, .cp_groupQuestionTable tr.cp_gqRowTwo th { background-color:#FFF}

/* group question labels and fields */
.cp_groupSectionLabel { float: left; clear: both;  padding: 3px 2px}
.cp_groupLabel { float: left; clear: left; padding: 7px 10px 8px 2px}
.cp_groupField { float: left; padding: 5px 2px 5px 5px; min-width:350px; width:350px}

.cp_groupContainer { }
.cp_groupContainerTABLE { }
.cp_groupSectionLabelTD, tr td.cp_groupSectionLabelTD, tr.cp_question td.cp_groupSectionLabelTD { background-color: #CCC}
.cp_groupLabelTD { border-right:1px solid #CCC}
.cp_groupFieldTD { } 
.cp_groupLabelTABLE { }

.cp_groupSectionDIV, .cp_groupSectionDIV_alt {padding:1px 0px}

.cp_groupSectionDIV table, .cp_groupSectionDIV_alt table {border:1px solid #CCC; margin-bottom:0px}

.cp_groupSectionDIV .cp_groupSectionTR { }
.cp_groupSectionDIV .cp_groupSectionTR_alt { }

.cp_groupSectionDIV_alt .cp_groupSectionTR { }
.cp_groupSectionDIV_alt .cp_groupSectionTR_alt { }


/**********************************************************************************************************************
	Custom Question Table
***********************************************************************************************************************/

.cp_customQuestionTable { font-size: 1.0em}
.cp_customQuestionTable th,td { padding: 3px; font-weight: normal}

.be_copyScoresToGrades {
	margin-left:3px;
}

/**********************************************************************************************************************
	Buttons 
***********************************************************************************************************************/

div.formButtons{margin-top:5px}

/* Button Containers */
.cp_formButtonsOne div, .cp_formButtonsTwo div, .cp_formButtonsThree div { padding-top: 10px; padding-bottom: 20px;  margin: 0px} 
/* this will cancel out the inherited styles from cp_label - which we use for the width on the buttons */
.cp_formButtonsOne, .cp_formButtonsTwo, .cp_formButtonsThree { width: 100%; clear: both}

/* for the cancel and save buttons to be grouped */
.cp_formButtonsLeft { float: left}
.cp_formButtonsLeft div { padding: 0px; margin: 0px}

/* idividual buttons */
.cp_submitDiv, .cp_cancelDiv, .cp_backDiv { float: left}
.cp_submitButton { margin: 0px 3px 0px 3px; font-weight: bold}
.cp_saveDiv { text-align: right; padding-left: 3px}
.cp_saveButton { margin: 0px 3px 0px 3px}
.cp_cancelButton, .cp_backButton {  margin: 0px 3px 0px 0px}
.cp_submitApplicationButton { margin: 5px 0px 10px 0px; font-weight: bold}
.cp_withdrawApplicationButton { margin: 5px 0px 10px 0px}
#containerRightInner .cp_submitDiv { float: none}

/* modal popups */
.be_modalContent{width: 610px;position:relative}
.be_modalBod{height:100%; padding-bottom:30px; width: 610px}
.be_modalButtons {position: absolute; bottom: 0; height:30px; width: 615px}
.be_proceedDiv { text-align: right; padding-left: 0px}
.be_proceedButton { margin: 0px; font-weight: bold}
.be_cancelDiv {float: left}
.be_cancelButton { margin: 0px}

/**********************************************************************************************************************
	Registration Form and My Details 
***********************************************************************************************************************/

/* multiple items on one line */
.cp_multiComponent { width: 100%; clear: both}
.cp_multiComponent div.cp_question { padding: 0px 3px; clear: none; float:left}
.cp_multiComponent div.cp_label { width: auto; vertical-align: middle; padding: 7px 0px 0px 3px; line-height: 18px}
.cp_multiComponent div.cp_field { width: auto; vertical-align: top; padding: 0px 0px 5px 3px}
.cp_multiComponent div.cp_leftAligned div.cp_label, .cp_multiComponent div.cp_leftAligned div.cp_field  { float: none}

/* field length */
.cp_multiComponent input.cp_initialInput { width: 50px}
.cp_multiComponent input.cp_emailInput { width: 230px}



/**********************************************************************************************************************
	Application Preview Page
***********************************************************************************************************************/

/* print fiendly link */
.cp_printFriendlyVersion { background: url(/_common/images/cp_print.gif) no-repeat left top; line-height: 16px; padding: 1px 3px 1px 20px}

/**********************************************************************************************************************
	Application Summary Page
***********************************************************************************************************************/

/* application status */
.cp_applicationStatusLabel { margin: 0px 0px 15px 0px; padding: 0px 10px 10px 10px; border-top: 1px solid #ACF; border-bottom: 1px solid #ACF; background-color: #F0F6FF}
#cp_container div.cp_applicationStatusLabel p { margin: 5px 0px 0px 0px}
#cp_container div.cp_applicationStatusLabel ul { margin: 0px 15px}

.cp_printApplicationSummary { width: 100%; float: none; clear: both; padding-bottom: 10px}


/**********************************************************************************************************************
	VIEW EMAIL PAGE cp_page_viewEmail 
***********************************************************************************************************************/
#cp_page_viewEmail div.cp_label { width: 20%}
#cp_page_viewEmail div.cp_field { width: 79%}

/**********************************************************************************************************************
	FILTER FORMS
***********************************************************************************************************************/

#pnlTalentSearchForm .cp_label_unbold, #pnlFilterForm_full .cp_label_unbold {font-weight:normal}
#pnlTalentSearchForm .cp_selectMultiExtraLabel, #pnlFilterForm_full .cp_selectMultiExtraLabel{float: left; padding-left: 25px; padding-right: 5px; font-weight:bold;}
#pnlTalentSearchForm .cp_selectMultiExtra, #pnlFilterForm_full .cp_selectMultiExtra{float: left; margin-right: 5px;} 



/**********************************************************************************************************************
	JOB PAGES
***********************************************************************************************************************/

/*lists*/
#SelectedJobVendorUsers {margin-top:10px;}

#manageCandidateEmails div.cp_label { width: 30%}
#manageCandidateEmails div.cp_field { width: 69%}

/**********************************************************************************************************************
	BACKEND PAGE 
***********************************************************************************************************************/

/* lists */
#be_preListControlBar {margin: 0; padding: 10px 0; background-color: #f2f2f2; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; width:100%}
#be_preListControlBar ul.inlineList {display: inline-block; list-style-type: none; padding-left:10px}
#be_preListControlBar ul.inlineList li {display: inline;margin: 0 10px 0 0}
#be_preListControlBar div#actionMenu {margin-right:10px;float:right}
.form-container ul.fcList {margin:10px 0;}
.form-container ul.fcList li {list-style-position:outside; margin-left:15px;}

div.notification{margin-left: 25px;	margin-bottom: 15px; margin-top: 15px}

/* ui-autocomplete */
/*
.ui-autocomplete-input {border: 1px solid #DDD;	color: #222;	background: #FFF}
*/
.ui-autocomplete-results {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;	font-size: 1.1em; z-index: 9999}
.ui-autocomplete-results ul, .ui-autocomplete-results li {margin: 0; padding: 0; list-style: none}
.ui-autocomplete-results ul {border: 1px solid #DDD; background: #FFF url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x; border-top: 0; border-bottom: 0; margin-bottom: -1px}
.ui-autocomplete-results li {color: #222; padding: .4em .5em; font-size: 1em; font-weight: normal; position: relative; margin: 1px 0}
.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state { margin: 0}

.ui-autocomplete-results li.ui-autocomplete-over { border-top: 1px solid #999; border-bottom: 1px solid #999; background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; color: #212121 !important}
.ui-autocomplete-results li.ui-autocomplete-active { border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #FFF url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; color: #222 !important; outline: none}
.ui-autocomplete-results li:first-child, .ui-autocomplete-results li.first  { margin-top: 0}
.ui-autocomplete-results li:last-child, .ui-autocomplete-results li.last { margin-bottom: 0}

/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;	font-size: 1.1em; height:17px; position: relative;	z-index: 1; border-right: 1px solid #d3d3d3; bottom: -1px}
.ui-tabs-nav li {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; border: 1px solid #d3d3d3; border-right: none}
.ui-tabs-nav li a { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; float: left; 	font-size: 1em;	font-weight: normal; text-decoration: none;	padding: .5em 1.7em; color: #555; background: #FFF }
.ui-tabs-nav li a:hover { background: #F6F7EE; text-decoration:none!important; color: #212121}
.ui-tabs-nav li.ui-tabs-selected {border-bottom-color: #FFF}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {background: #FFF url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; color: #222}


#languageTabNav, #CategoryTabNav, #globalQuestionTabNav, #questionTabNav {margin: 0 10px; padding:0px}
#languageTabNav .ui-tabs-panel, #CategoryTabNav .ui-tabs-panel, #globalQuestionTabNav .ui-tabs-panel, #mainManageStepTabGroup .ui-tabs-panel, #questionTabNav .ui-tabs-panel, #talentCardTabNav .ui-tabs-panel , #candidateCardTabNav .ui-tabs-panel, #logTabNav .ui-tabs-panel {border:none!important; background-color:transparent!important}

#mainManageStepTabGroup, #talentCardTabNav {padding:0px}

#QuickSearchForm .form-container{margin-top:10px; background-color:transparent!important}
#QuickSearchForm .form-container .formField label{margin-left:5px}
#QuickSearchForm .formButtons{margin-bottom:10px}

.ui-tabs-panel {/*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none; border: 1px solid #d3d3d3; min-height:200px; 	height:auto !important;	height:200px; color: #222; padding-top: 0px}
.ui-tabs-hide {	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/}

.form-container .fcSpace { margin-left: 10px }

****
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block}
/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-size: 1.1em}
/*component content styles*/
.ui-component-content {
	border: 1px solid #DDD;
	background: #FFF url(images/ffffff_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222}
.ui-component-content a {
	color: #222;
	text-decoration: underline}
/*component states*/
.ui-default-state {
	border: 1px solid #d3d3d3;
	background: #e6e6e6 url(images/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #555 !important}
.ui-default-state a {
	color: #555}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #999;
	background: #dadada url(images/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x;
	font-weight: normal;
	color: #212121 !important}
.ui-hover-state a {
	color: #212121}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #DDD;
	background: #FFF url(images/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x;
	font-weight: normal;
	color: #222 !important;
	outline: none}
.ui-active-state a {
	color: #222;
	outline: none}
/*icons*/
.ui-arrow-right-default {background: url(images/888888_7x7_arrow_right.gif) no-repeat 50% 50%}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(images/454545_7x7_arrow_right.gif) no-repeat 50% 50%}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%}
.ui-arrow-right-content {background: url(images/222222_7x7_arrow_right.gif) no-repeat 50% 50%}

.ui-arrow-left-default {background: url(images/888888_7x7_arrow_left.gif) no-repeat 50% 50%}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(images/454545_7x7_arrow_left.gif) no-repeat 50% 50%}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%}
.ui-arrow-left-content {background: url(images/222222_7x7_arrow_left.gif) no-repeat 50% 50%}

.ui-arrow-down-default {background: url(images/888888_7x7_arrow_down.gif) no-repeat 50% 50%}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(images/454545_7x7_arrow_down.gif) no-repeat 50% 50%}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%}
.ui-arrow-down-content {background: url(images/222222_7x7_arrow_down.gif) no-repeat 50% 50%}

.ui-arrow-up-default {background: url(images/888888_7x7_arrow_up.gif) no-repeat 50% 50%}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(images/454545_7x7_arrow_up.gif) no-repeat 50% 50%}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%}
.ui-arrow-up-content {background: url(images/222222_7x7_arrow_up.gif) no-repeat 50% 50%}

.ui-close-default {background: url(images/888888_11x11_icon_close.gif) no-repeat 50% 50%}
.ui-close-default:hover, .ui-close-hover {background: url(images/454545_11x11_icon_close.gif) no-repeat 50% 50%}
.ui-close-default:active, .ui-close-active {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%}
.ui-close-content {background: url(images/222222_11x11_icon_close.gif) no-repeat 50% 50%}

.ui-folder-closed-default {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(images/454545_11x11_icon_folder_closed.gif) no-repeat 50% 50%}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(images/222222_11x11_icon_folder_closed.gif) no-repeat 50% 50%}
.ui-folder-closed-content {background: url(images/888888_11x11_icon_folder_closed.gif) no-repeat 50% 50%}

.ui-folder-open-default {background: url(images/888888_11x11_icon_folder_open.gif) no-repeat 50% 50%}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(images/454545_11x11_icon_folder_open.gif) no-repeat 50% 50%}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%}
.ui-folder-open-content {background: url(images/222222_11x11_icon_folder_open.gif) no-repeat 50% 50%}

.ui-doc-default {background: url(images/888888_11x11_icon_doc.gif) no-repeat 50% 50%}
.ui-doc-default:hover, .ui-doc-hover {background: url(images/454545_11x11_icon_doc.gif) no-repeat 50% 50%}
.ui-doc-default:active, .ui-doc-active {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%}
.ui-doc-content {background: url(images/222222_11x11_icon_doc.gif) no-repeat 50% 50%}

.ui-arrows-leftright-default {background: url(images/888888_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(images/454545_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%}
.ui-arrows-leftright-content {background: url(images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%}

.ui-arrows-updown-default {background: url(images/888888_11x11_icon_arrows_updown.gif) no-repeat 50% 50%}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(images/454545_11x11_icon_arrows_updown.gif) no-repeat 50% 50%}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%}
.ui-arrows-updown-content {background: url(images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%}

.ui-minus-default {background: url(images/888888_11x11_icon_minus.gif) no-repeat 50% 50%}
.ui-minus-default:hover, .ui-minus-hover {background: url(images/454545_11x11_icon_minus.gif) no-repeat 50% 50%}
.ui-minus-default:active, .ui-minus-active {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%}
.ui-minus-content {background: url(images/222222_11x11_icon_minus.gif) no-repeat 50% 50%}

.ui-plus-default {background: url(images/888888_11x11_icon_plus.gif) no-repeat 50% 50%}
.ui-plus-default:hover, .ui-plus-hover {background: url(images/454545_11x11_icon_plus.gif) no-repeat 50% 50%}
.ui-plus-default:active, .ui-plus-active {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%}
.ui-plus-content {background: url(images/222222_11x11_icon_plus.gif) no-repeat 50% 50%}

/*hidden elements*/
.ui-hidden {	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/}
.ui-accessible-hidden {	 position: absolute; left: -99999999px}
/*reset styles*/
.ui-reset {	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none}
/*clearfix class*/
.ui-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.ui-clearfix {display: inline-block}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%}
.ui-clearfix {display: block}
/* End hide from IE-mac */


/* Note: for resizable styles, use the styles listed above in the dialog section */
.welcomeTraining, .welcomeQASystemName{ color: #009900; font-size: 0.75em; font-weight:bold}

/* Note: for resizable styles, use the styles listed above in the dialog section */

/**********************************************************************************************************************
	NOTIFICATIONS (client-side, using jQuery Purr plugin) 
***********************************************************************************************************************/
#purr-container {
	position: fixed;
	top: 0;
	right: 0px}
.notice {
	position: relative;
	width: 324px}
.notice .close	{
	position: absolute;
	top: 12px;
	right: 12px;
	display: block;
	width: 18px;
	height: 17px;
	text-indent: -9999px;
	background: url(/_common/images/default/purr/purrClose.png) no-repeat 0 10px}
 
.notice-body {
	min-height: 50px;
	height: auto !important;
	height: 50px;
	padding: 22px 22px 0 22px;
	background: url(/_common/images/default/purr/purrTop.png) no-repeat left top;
	color: #f9f9f9}
.notice-body img {width: 50px; margin: 0 10px 0 0; float: left}
.notice-body h3	{margin: 0; font-size: 1.1em; color: #fff; font-weight: bold}
.notice-body p {margin: 5px 0 0 60px; font-size: 0.8em; line-height: 1.4em}
.notice-bottom {height: 22px; background: url(/_common/images/default/purr/purrBottom.png) no-repeat left top}

/*****************************************************************************************
	Error Text Boxes
*****************************************************************************************/

/* inline error message */
.cp_errorText { 
	vertical-align: middle; 
	color: #C00; 
	padding-left: 0px; 
	margin: 0px; 
	clear: none; 
	white-space: nowrap;
}

/* errors on registration form */
.cp_multiComponent input.cp_error, .cp_multiComponent select.cp_error { 
	clear: both; 
	float: left
}

.cp_multiComponent span.cp_errorText { 
	clear: left; 
	float:left; 
	margin: 0px; 
	padding: 2px 5px 0px 3px; 
	font-size: 0.9em
}

div.formField .cp_errorText{
	margin:0 0 0 190px;
	display:block;
	clear:left;
}

div.formField .cp_messageText{
	margin:0 0 0 190px;
	display:block;
	clear:left;
}

div.formField table tr td .cp_errorText{
	margin:0px;
	display:block;
	clear:left;
}

div.cp_field .cp_errorText{
	clear:left;
}

div.cp_stepContents .cp_horizontalAligned .cp_errorText{
	display:block;
	clear:left;
	margin:0 0 0 190px;
	padding-left:0px;
}

div.cp_stepContents .cp_horizontalAligned .cp_field .cp_errorText{
	display:block;
	clear:left;
	margin:0 0 0 0px;
	padding-left:5px;
}

div.cp_stepContents .cp_verticalAligned .cp_errorText{
	display:block;
	clear:left;
	margin:0 0 0 0px;
}

div.cp_stepContents .cp_verticalAligned .cp_field .cp_errorText{
	display:block;
	clear:left;
	margin:0 0 0 0px;
	padding-left:0px;
}

ul.cp_errorText li{
	padding-bottom:3px;
}
li.cp_errorText{
	margin:0 0 0 190px;
	display:block;
	padding:0px;
	clear:left;
}

/* Used to display a char countdown next to text fields, eg: Seek Job Ads	*/
span.formFieldCharCounter
{	
	margin-left:3px;
	padding-left:2px}


/* countdown styles */
.hasCountdown {
	/* border: 1px solid #CCC;
	background-color: #eee; */
}
.countdown_holding div {
	/* background-color: #CCC; */
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center}
.countdown_show1 div {
	width: 100%}
.countdown_show2 div {
	width: 50%}
.countdown_show3 div {
	width: 33%}
.countdown_show4 div {
	width: 25%}
.countdown_show5 div {
	width: 20%}
.countdown_show6 div {
	width: 16%}
.countdown_show7 div {
	width: 14%}
.countdown_section {
	float: left;
	font-size: 75%
}
.countdown_amount {
	font-size: 100%}
.countdown_descr {
	width: 100%}



/**********************************************************************************************************************
	Autocomplete drop downs 
***********************************************************************************************************************/
ul.ui-autocomplete
{
    width: 500px;
    padding: 0px;
	list-style: none;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

ul.ui-autocomplete > li div.ui-menu-item-wrapper
{
    background-image: none !important;
    list-style: none;
    list-style-position: outside;
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 1em;
    color: #333333;
    cursor: pointer;
}

ul.ui-autocomplete .ui-state-active, ul.ui-autocomplete .ui-widget-content .ui-state-active, ul.ui-autocomplete .ui-widget-header .ui-state-active {
    border: none !important;
    background: #316AC5 !important;
    font-weight: unset;
    color: #ffffff !important;
}

div.ac_results ul
{
	padding: 0px;
	margin: 0px}
 
div.ac_results ul li
{
	margin-left: 2px;
	margin-right: 2px;
	width:auto!important}

div.ac_results ul li.ac_tip
{
	margin-left: 0px;
	padding-right: 4px}

/**********************************************************************************************************************
	Candidate Card Tabs (Copied from yahoo css)
***********************************************************************************************************************/
.multiFormContainer{	padding: 5px 0 0 0;	margin:0 10px; display: table; width: 795px;}

#containerRightInner,#containerLeftInner {
	background:none repeat scroll 0 0 #F6F7EE;
	border:1px solid #CCC;
	display:block}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
.yui-content{border:1px solid #CCC; background: none; background-color: #F6F7EE; padding-top:5px;}

.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #CCC;  /* label and content borders */
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#f6f7ee; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav li em { padding:.5em} /* tab padding */

/* defaults to orientation "top" */
.yui-navset .yui-nav .selected a {
    border-bottom-width:0; /* no bottom border for active tab */
    padding-bottom:1px; /* to match height of other tabs */
}

.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
}

/* overrides for other orientations */

.yui-navset-bottom .yui-nav .selected a {
    border-width:0 1px 1px; /* no top border for active tab */
    padding:1px 0 0; /* to match height of other tabs */
}

.yui-navset-bottom .yui-content {
    margin:0 0 -1px; /* for active tab overlap */
}

.yui-navset-left .yui-nav li.selected a {
    border-width:1px 0 1px 1px; /* no right border for active tab */
    padding:0 1px 0 0; /* to match width of other tabs */
}

.yui-navset-left .yui-content {
    margin:0 0 0 -1px; /* for active tab overlap */
}

.yui-navset-right .yui-nav li.selected a {
    border-width:1px 1px 1px 0; /* no left border for active tab */
    padding:0 0 0 1px; /* to match width of other tabs */
}

.yui-navset-right .yui-content {
    margin:0 -1px 0 0; /* for active tab overlap */
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.1
*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em}
.yui-navset-left { padding-left:6em} /* map to nav width */
.yui-navset-right { padding-right:6em} /* ditto */

/* core */

.yui-nav, .yui-nav li {
    margin:0;
    padding:0;
    list-style:none}
.yui-navset li em { font-style:normal}

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1}

.yui-navset .yui-content { zoom:1}

.yui-navset .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    display:block}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative} /* IE: to allow overlap */

.yui-navset .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
    display:block}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block}

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1}
.yui-navset-left .yui-nav { left:0}
.yui-navset-right .yui-nav { right:0}

/*iconset*/
.listIcon
{
	padding-right:15px;
}

.paginationContent { float: left; }

/*********************************************************************/
/****   US STYLES                                                    */
/*********************************************************************/

.cp_field { width: 74%; vertical-align: top; padding: 7px 0px 8px 3px }
.gq-popup { 
	background-color: #F6F7EE;
	border: 1px solid #CCC;
	margin: 0 10px;
	display: table;
	width: 460px;
	padding: 10px; 
}
.nav_right_float {
	float: right; 
	padding-right: 10px;
	padding-top: 5px;	
}

.answerOptions ul li 
{
	list-style-position: outside;
	margin-left: 15px;
}

.questionSetsContainer {
	padding-top: 8px;
}

.jobElementContainer {
	margin-top: 0px; 
	width: auto; 
	background-color:#FFF;
}

.cp_displayTable td.formSummaryJobElementStart {
	border-left: 5px solid #AAA;	
	border-bottom: 1px solid #AAA;
    border-left: 5px solid #AAA;
    border-top: 1px solid #AAA;
	background-color:#FFF;
}


.cp_displayTable td.formSummaryJobElementEnd {
	border-top: 1px solid #AAA;
    font-size: 1px;
    line-height: 0;
    padding: 3px;
}

/**********************************************************************************************************************
	Assessment Form Tab Styles 
***********************************************************************************************************************/

.be_tabLinks {width:100%;}
.be_tabLinks ul {list-style:none; margin:0; padding: 0.5em 2px; z-index:1000}
.be_tabLinks ul li { display:inline; padding:0.5em 0; margin-right:2px}
.be_tabLinks ul li a {border: 1px solid #CCC; }
.be_tabLinks ul li div {border: 1px solid #CCC; }
.be_tabLinks ul li a:hover {background:#fff}
.be_tabLinks ul li.be_tabActive {}
.be_tabLinks ul li.be_tabActive div{background:#fff; border-bottom:none; font-weight:bold; color:#196EC2; cursor:default; text-decoration:none; padding:0.5em 1em 0.5em 1em; display: inline;}
.be_tabLinks ul li.be_tabEnabled {}
.be_tabLinks ul li.be_tabEnabled a {background:#efefef; text-decoration:none;color:#444; padding:0.5em 1em 0.45em 1em}
.be_tabLinks ul li.be_tabEnabled a:hover {background:#fff; border-bottom:none;text-decoration:underline;padding:0.5em 1em 0.5em 1em}
.be_tabLinks ul li.be_tabDisabled {}
.be_tabLinks ul li.be_tabDisabled a{background:#f2f2f2; text-decoration:none;color:#aaa; padding:0.5em 1em 0.45em 1em}
.be_tabLinks ul li.be_tabDisabled a:hover{background:#f2f2f2; cursor:default;}
.be_tabInnerContainer {border:1px solid #CCC; padding:2px; clear:left; background:#fff; margin-top:-1px; z-index:1}

.JOModuleList {margin-left: 10px}

/**********************************************************************************************************************
	Icon Notification - used with 37 x 32px dimension icon sets
***********************************************************************************************************************/
.notification div.notificationIconX37
{
	display:inline-block;float:left
}

.notification div.notificationMsg
{
	padding:0 20px 20px 0px;
	display:inline-block;float:right;line-height:1.6em;
}

/**********************************************************************************************************************
	Inline Boxed UL
***********************************************************************************************************************/

div.inlineBoxedListContainer
{
	border:1px solid #CCC;
	margin:25px 0 25px 25px;
	width:650px;
	height:150px;
}

ul.inlineBoxedList
{
	display:inline-block;
	width:200px;
	vertical-align:top;
	margin:4px;
	float:left;
}

ul.inlineBoxedList li
{
	list-style: none;
	line-height: 18px;
}

fieldset.cp_legend
{
}

legend.cp_hiddenLegend
{
	width: 0px;
	height: 0px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

/********************************************************************************************************************
	Analytics Options Styles
*********************************************************************************************************************/

/* Tick mark */
.ui-tick-default {
	background: url(/_common/images/default/tick.gif) no-repeat 50% 50%;
	width: 16px;
	height: 16px;
	display: block;
	padding-right: 10px;
	float: right;
}
/* Alternate table row distinction */
.ao_Alt {background-color: #FFF;}

/* Table customisation */
#analyticsOptionsTable th {
	background-color:#CCC;
	border-color: black;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
#analyticsOptionsTable td {
	border-color: black;
	border-style: solid;
	border-width: 0 1px 0 1px;
}
#analyticsOptionsTable td.analyticsCheckbox {
	text-align: center;
}
#analyticsOptionsTable tr:last-child td {
	border-color: black;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
#analyticsOptionsTable .hide { display: none; }
#analyticsFieldNameConflicts { color: #C00; padding: 10px; margin: 10px 0px; border-bottom: 1px solid #C00; border-top: 1px solid #C00; background:  #FFF6F6;}
#analyticsFieldNameConflictList { padding: 5px 0 5px 0; }
#analyticsOptionsTable .invalid {
	border-color: #C00;
	box-shadow: 0 0 1px #C00;
}