input.js-HTML-Button {
	background: #AAA;
    border: 1px solid #AAA;
    color: #fff;
	font-size: 90%;
    font-weight: bold;
	padding: .25em;
	text-align:center;	
}
input.js-HTML-Button:hover {
	cursor:pointer !important;
    border-right: 1px solid #333;	
    border-bottom: 1px solid #333;	
}
div.js-Link-Button {
	display: inline;
	background: #AAA;
    border: 1px solid #AAA;
	padding: .45em;
	text-align:center;		
}
div.js-Link-Button a {
    font-weight: bold;
    color: #fff;
	text-decoration: none;
}
div.js-Link-Button:hover {
	cursor:pointer !important;
    border-right: 1px solid #333;	
    border-bottom: 1px solid #333;	
}
/* ---------------------------------------------------------------------------- *
/  Rules for Job Search Form page
/* ---------------------------------------------------------------------------- */

#jsf-SearchFormShell label {
	font-weight: bold;
	display: block;
}
#jsf-SearchFormShell input, #jsf-SearchFormShell select, jsf-SearchCriteria input, .jsf-SearchCriteria select {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
	font-size: 11px !important;
}
#jrf-ResponseFormShell {
	width: 100%;
}
#jsf-KeywordWrap {
	border-bottom: 1px dotted #606060;
	clear: both; 
	margin-bottom: 1.5em; 
	padding-bottom: 1.5em; 
}
.jsf-SearchCriteria {
	float: left; 
	padding-bottom: 1.5em;
	width: 230px; 
}
.jsf-SearchCriteria select {
	width: 215px;
	height:8.5em;
}	
#jsf-ButtonWrap {
	border-top: 1px dotted #606060;
	clear: both; 
	padding-top: 1em; 
}
.jsf-Note {
	color: #606060;
	font-style:italic;
}

/* ---------------------------------------------------------------------------- *
/  Rules for Jobs Results List Page
/* ---------------------------------------------------------------------------- */
#jrl-JobResultsListShell {}
/* ----------------------------------------------------- *
/  Rules for Paging Header #jrl-JobPagingHeader
/* ----------------------------------------------------- */
#jrl-JobPagingHeaderSkeleton { width: 500px; }
#jrl-JobPagingHeaderSkeleton  td { padding-bottom: .3em; }
#jrl-JobPagingHeaderSkeleton  #selGoToPage {font-size: 90%;}
#jrl-PagingHeaderLeft {text-align: left; white-space: nowrap}
#jrl-PagingHeaderRight {text-align: right}

/* ----------------------------------------------------- *
/  Rules for Items within #jrl-JobDataSkeleton 
/* ----------------------------------------------------- */
#jrl-JobDataSkeleton { width: 500px; }
#jrl-JobDataSkeleton td { padding: 0px; }

/* -------------------------- *
/  Rules for Header/Sorting
/* -------------------------- */
#jrl-JobDataHeaderRow { background: #DDE7EF; padding: 0px; }
#jrl-JobDataHeaderRow .jrl-JobDataHeaderCell { padding: 0px; border-bottom: 1px solid #D1D9DF;}
#jrl-JobDataHeaderRow .jrl-JobDataHeaderCell table.SortingSkeleton { text-align: left; width: 100%; }
table.SortingSkeleton td { padding: .55em .35em .55em .35em !important; }
table.SortingSkeleton td .ArrowColHead { padding: 0px !important; margin:0px !important; }
table.SortingSkeleton td.ColHead a { color: #000; font-weight: bold; text-decoration: none;  }
table.SortingSkeleton td.ColHead a:hover { text-decoration: underline; }
table.SortingSkeleton td.ColSortedHead { background: #729FBB; }
table.SortingSkeleton td.ColSortedHead a { color: #FFF; font-weight: bold; text-decoration: none; }
table.SortingSkeleton td.ColSortedHead a:hover { text-decoration: underline }

/* -------------------------- *
/  Rules for Data Rows
/* -------------------------- */
.jrl-JobDataRow td { border-bottom: 1px dotted #CCC; padding: .85em 0.35em .85em 0.35em !important; vertical-align: top; }
.jrl-JobDataRow td input { border: 0px; background: none;}
.jrl-JobDataRow:hover { color: #FFF; }
.jrl-JobDataRow:hover a { }
.jrl-RowDark { background: #FFF; }
.jrl-RowDark:hover { }
.jrl-RowLight td { }
.jrl-JobResultsEmpty { text-align: center; }
.jrl-SelectedJobs { text-align: center; }

/* -------------------------- *
/  Rules for Footer
/* -------------------------- */
#jrl-PagingFooterSkeleton {  background: #DDE7EF; width: 500px; border-top: 1px solid #D1D9DF; margin-bottom: 2em;  }
#jrl-PagingFooterSkeleton td { padding: .3em; white-space:nowrap;}
#jrl-JobPagingFooterLeft { text-align: left; width: 250px; }
#jrl-JobPagingFooterRight { text-align: right;  }
#jrl-JobPagingFooterRight a:hover { color: #FFF;}
#jrl-ApplyLink {
	background: #FFFFFF;
	border: 1px solid #00466B;
	color: #00466B;
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 0.25em;
	text-decoration: none;
	text-align: center;
	width: 150px; 
}
#jrl-ApplyLink:hover {
	background: #00466B;
	border: 1px solid #FFF;
	color: #FFF;
}
	

/* ----------------------------------------------------- *
/  Rules for Items within #CriteriaHelpSkeleton
/* ----------------------------------------------------- */	
#jrl-CriteriaLegendSkeleton { width:width: 500px; }
#jrl-CriteriaLegendLeft { width: 255px; }
#jrl-CriteriaLegendRight { border-left: 0px solid #808080; padding-left: 0px; }
/* -------------------------- *
/  Rules for Search Criteria Layout
/* -------------------------- */
#jrl-CriteriaSkeleton { width:300px; }
#jrl-CriteriaSkeleton th { background: #EDF2F6; color: #004686; border-bottom: 1px solid #D1D9DF; font-size: 110%; font-weight: bold; padding: .3em; }
#jrl-CriteriaDetailsSkeleton td { padding: .2em;}
/* -------------------------- *
/  Rules for Search Legend Layout
/* -------------------------- */
#jrl-LegendSkeleton { width:200px; }
#jrl-LegendSkeleton th { background: #EDF2F6; color: #004686; border-bottom: 1px solid #D1D9DF; font-size: 110%; font-weight: bold; padding: .3em; }
#jrl-LegendSkeleton ul, #jrl-LegendSkeleton li { list-style: none; margin-left: 5px }


/* ---------------------------------------------------------------------------- *
/  Rules for Jobs Display Page
/* ---------------------------------------------------------------------------- */
#jd-JobDisplayShell { width: 500px;}
#jd-JobTitle { font: bold 15px arial,helvetica,sans-serif; color:#CF6717; border-bottom: 1px solid #999999; margin-top: 0px;}
#jd-ExpiredJobNotice { float: right; width: 200px; margin-left: 15px; }
#jd-Callout { margin-bottom: 15px; padding: 8px; width: 180px; float: right; margin-left: 10px;}
/* -------------------------- *
/  Rules for Job Display Options
/* -------------------------- */
#jd-Callout #jd-NextSteps { background: #00466B; }
#jd-OptionsSkeleton  { width: 100% }
#jd-OptionsSkeleton th { padding:5px; font-weight: bold; }
#jd-NextSteps { font-size: 12px; color: #A9B8BB; text-transform:uppercase; padding-top: 0px; margin-top: 0px; }
#jd-ActionOptions { margin: 0px!important; padding: 0px !important; margin-bottom: 5px !important; background: #CDDCE7}
#jd-ActionOptions li { list-style: none; padding-left: 10px !important; margin-left: 0px !important; line-height: 2.5em !important; }
#jd-ActionOptions li a { color: #333; font-weight: bold; text-decoration: none;}
#jd-ActionOptions li a:hover { color:#808080; text-decoration: underline}
#jd-ActionOptions .jd-OptionLink {}
/* -------------------------- *
/  Rules for Search Criteria
/* -------------------------- */
#jd-CriteriaSkeleton { width:100%; border: 0px solid #e0e0e0; }
#jd-CriteriaSkeleton th { font-weight: bold; padding-bottom: .2em; border-bottom: 1px solid #e0e0e0;   }
#jd-CurrentCriteria { color: #729FBB; text-transform:uppercase; }
#jd-CriteriaOptions { margin: 0px !important; margin-top: 4px!important; padding: 0px !important; }
#jd-CriteriaOptions li { list-style: none; margin: 0px !important; padding: 0px !important; }
/* -------------------------- *
/  Rules for Search Criteria
/* -------------------------- */
#jd-ApplyToJob { font-size: 14px; color: #A9B8BB; text-transform:uppercase; margin-top: 1.5em; }
#jd-JobsToApplyToSkeleton { width: 100%; background: #f6f6f6; border: 1px solid #e6e6e6;   }
#jd-JobsToApplyToSkeleton td { padding: .45em;}

/* ---------------------------------------------------------------------------- *
/  Rules for Job Response Form
/* ---------------------------------------------------------------------------- */
#jrf-ApplyToJob { color: #A9B8BB; text-transform:uppercase; margin-top: 1.5em; padding-top: 1.5em; border-top: 2px dotted #606060;  }
#jrf-JobsToApplyToSkeleton { width: 100%; background: #f6f6f6; border: 1px dotted #606060;width: 500px;   }
#jrf-JobsToApplyToSkeleton td { padding: .45em;}
.jrf-SubHeading { border-bottom: 1px dotted #606060; padding-bottom: .5em; margin-bottom: .5em }
#jrf-FormShell td {
    padding: 3px;
}
#jrf-Submit { background: #A9B8BB; font-size: 125%; }
#jrf-NextSteps { text-align: center; }

/* ---------------------------------------------------------------------------- *
/  Rules for Job Response Thank You
/* ---------------------------------------------------------------------------- */
#jrt-ThanksWrap {}
#jrt-InfoSubmitted { width: 100%; }
#jrt-InfoSubmitted td { padding: 4px; }
#jrt-ResumeText { whitespace: pre; border: 1px solid #CDDCE7; color: #447792 ; font-size:11px; padding: .75em; overflow: scroll; width: 425px; height: 300px; }
#jrt-NextSteps { text-align: center; }