body {margin: 0; background-color: #fff; color: #666; font-family: arial, sans-serif; font-size: 70%; }
a {color: #78787A; text-decoration: none;}
a:visited {color: #78787A; text-decoration: none;}
a:hover {color: #F58220}
form {margin: 0;}

#body .mr {color: #6C90A8}
#body .sc {color: #5B827A}
#body .om5 {color: #A26B34}
#body .cs {color: #9C7D0D}
#body .ds {color: #8F3337}

#container {
	padding: 0px 10px 0px 16px;
	margin: 0px auto 0px auto;
	width:825px;
	position: relative;
	background-image:url(../img/container_back.gif);
	background-repeat:repeat-y;
	background-position: 176px 0px;
}
* html #container {
	padding: 0 10px 0 16px;
	margin: 0 auto 0 auto;
	width:846px;
	position: relative;
	background-image:url(../img/container_back.gif);
	background-repeat:repeat-y;
	background-position: 176px 0px;
}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0;}
table td {padding: 0; vertical-align: top;}

#topstripe {padding: 1px 10px 0 16px; background-color: #F58220; height: 11px;}
#topstripe #jsdate {margin: 0 auto; color: #fff; text-transform: uppercase; font-size: 80%; text-align: right; max-width:1000px; width:expression(document.body.clientWidth > 1000? "974px": "auto" );}

#wrapper {padding: 0 10px 0 16px; margin: 0 auto; max-width:974px; width:expression(document.body.clientWidth > 1000? "974px": "auto" ); position: relative;}

#header {color: #F58220; font-size: 120%; font-weight:bold; padding: 9px 0 4px 9px;}
*html #header {padding-bottom: 20px;}
#header #status {float: right;}
#header #status p {margin: 2px 0; text-align: right;}
#header #status a {color: #F58220}
#header #breadcrumb {clear: both; margin-top: 0; width: 100%; text-align: right; font-weight: normal; color: #808285;}
#header #breadcrumb p {margin: 0;}
#header #breadcrumb a {color: #B6B8BA; text-decoration: none; background: #fff url(../img/icon-arrow.gif) right 4px no-repeat; padding: 0 8px 0 0; margin-right: 4px;}
#header #breadcrumb b {font-weight: normal; color: #808285}
#header #breadcrumb sup {font-size: 80%;}

#header form {text-align: right; margin: 0;}
#header form select {font-size: 90%;}

#structure {border: 2px solid #eceded; border-width: 2px 0; width: 100%; min-width: 750px; clear: both; position: relative;}
*html #structure {margin-top: -16px;}

#nav {width: 162px; border-right: 2px solid #eceded; padding-bottom: 3px;}
#nav .header {display: block; margin-top: 7px;}
#nav ul {margin: 0; padding: 0 0 7px; list-style: none; border-bottom: 2px solid #eceded;}
#nav ul li {line-height: 1.1}
#nav ul li a {color: #6d6f71; text-decoration: none; display: block; padding-left: 12px; height: 21px; text-indent: -4000px}
#nav #dashboard li {font-weight: bold;}
#nav #dashboard li li {font-weight: normal;}
#nav #dashboard li a {text-indent: 0; height: 18px;}
#nav ul li a:hover, #nav #dashboard li a.here {color: #a7a9ac}
#nav ul ul {border-bottom: 0; margin-left: 11px; display: none; padding-bottom: 0;}

#bodynetwork #nav ul #navnetwork {display: block;}
#bodysolutions #nav ul #navsolutions {display: block;}
#bodysolutions #nav ul #navintlsolutions {display: block;}
#nav ul .taller a {height: 30px;}
#bodytools #nav ul #navtools {display: block;}

#nav #navprofile {border-bottom: 0;}
#nav h4 {margin: 0 0 0 12px; color: #F58220; font-size: 120%}

#bodybp #navfind ul {display: block;}
#bodyrv #dashboard ul {display: block;}

#login input {width: 100px; margin: 0 0 10px 11px; color: #666; font-size: 90%;}
#login input.button {width: 21px; vertical-align: middle; margin-top: 1px;}
head:first-child+body #login input.button {vertical-align: bottom; margin-bottom: 11px;}

#tablelogin {margin-top: 20px;}
#tablelogin td {padding: 0 20px 0 0}
#tablelogin td h2 {margin-top: 10px;}
#tablelogin .left {border-right: 1px solid #edeef0}
#tablelogin .right {padding-left: 12px}
#tablelogin .right .start {text-align: right;}

.button {margin: 0 0 4px 12px;}

#body {padding: 7px 0 17px 19px; width: auto; max-width: 493px; min-width: 300px; height: 100%; position: relative;}

#loginbox, #profilebox {display: none;}

#bodyhome #body #clip {background: transparent url(../img/h-photo.jpg) bottom left no-repeat; height: 257px; width: auto; max-width: 512px; min-width: 300px; margin-bottom: 8px;}
#bodyhome #body #clip #tagline {background: transparent url(../img/h-tagline.gif) no-repeat;; margin-bottom: 5px; height: 63px;}

h1 {background-color: #A7A9AC; position: relative; margin: 0 -247px 0 0; max-width:790px; width:expression(document.body.clientWidth > 1000? "790px": document.body.clientWidth-210+"px");}
h1 img {display: block;}

#bodyapproach #body #clip {background: transparent url(../img/s-photo-approach.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodycompanies #body #clip {background: transparent url(../img/s-photo-testimonials.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodyexpertise #body #clip {background: transparent url(../img/s-photo-companies.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodycandidates #body #clip {background: transparent url(../img/s-photo-solutions.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodysolutions #body #clip {background: transparent url(../img/s-photo-solutions.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodytestimonials #body #clip {background: transparent url(../img/s-photo-expertise.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodyourteam #body #clip {background: transparent url(../img/s-photo-ourteam.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodyourcv #body #clip {background: transparent url(../img/s-photo-candidates.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}

#body h2 {color: #F58220; font-size: 120%; margin: 20px 4px 4px;}
#body h3 {color: #333; font-size: 110%; margin: 10px 6px 0;}
#body h4 {font-size: 100%; margin: 10px 6px 0;}
#body p {margin: 0 6px 8px; line-height: 1.4}
#body ul {list-style: none; padding: 0; margin: 10px 20px; position: relative;}
#body ul li {background: transparent url(../img/li-chevron.gif) 0 3px no-repeat; padding-left: 16px; margin: 0 0 5px; line-height: 1.4}
#body ol {padding: 0; margin: 10px 20px 10px 40px;}
#body ol li {margin: 0 0 5px; line-height: 1.4}
#bodyhome #body ul {margin-bottom: -10px;}
#bodyhome #body ul li {font-weight: bold;}

#body table.column {width: 100%;}
#body table.column td {width: 50%;}
#body table.third td {width: 33%;}


#bodyrv h1, #bodybp h1 {margin-right: 0;}
#bodyrv #body p.intro, #bodybp #body p.intro {margin: 12px 8px; font-weight: bold; color: #F58220;}

.icon {vertical-align: middle; }

/* press styles */
.presscontact {border-top: 2px solid #ccc; margin-top: 16px; padding: 8px}
.presscontact h4 {margin-top: 0;}
.presscontact p {width: 45%; float: left;}
h2 .subhead {color: #999; margin-bottom: 8px; line-height: 1.2; font-size: 90%;}

.press {width: 80%; margin: 0 6px;}
.press td {padding: 4px 6px; border: 1px solid #eee; border-width: 1px 0}
.press .date {white-space: nowrap}

#body .graphtitle {width: 50%; margin: 20px auto 4px; color: #666}
#body .graph {display: block; margin: 0 auto;}

.goback {text-align: right; background: url(../img/back.gif) top right no-repeat; padding: 3px 24px 0 0; height: 20px; float: right; clear: both; width: 180px; font-size: 90%; }
.goback a {color: #666}
.goback a:hover {color: #F58220}
/* END press styles */

/* added specifically for data list views */
.datatable {background-color: #fff; width: 100%; border-collapse: collapse; border-spacing: 0; border: 6px solid #EDEEF0; border-width: 6px 8px; margin: 0 0 2px; font-size: .9em;}
.datatable th {font-weight: bold; font-size: 1.1em; color: #666; border: 1px solid #EDEEF0; padding: 4px 6px; cursor: pointer; text-decoration: underline; text-align: left;}
.datatable th.nolink {text-decoration: none; cursor: default;}
.datatable td {color: #666; border: 1px solid #EDEEF0; padding: 4px 6px;}
/* end */

/* added specifically for dashboard view */
#body .dbheading {margin: 16px 0 3px; background-color: #ccc; color: #fff; font-size: 1.1em; font-weight: bold; width: 100%; border: 6px solid #ccc; border-collapse: collapse; border-spacing: 0;}
#body .dbheading td {padding: 0;}

/* added specifically for help icons */
#body {position: relative;}
.help, .tips {position: absolute; top: 10px; right: 16px; z-index: 100; border-width: 0 !important}
head:first-child+body .help {top: 94px;}
.help a {text-indent: -4000px; width: 72px; height: 12px; display: block; background: url(../img/icon-needhelp.gif) no-repeat; color: #fff; text-decoration: none;}
.tips {top: 26px;}
head:first-child+body .tips {top: 110px;}
.tips a {background: url(../img/icon-search.gif) no-repeat; width: 76px;}

/* added specifically for widgets */
#body .table_widgets {background-color: #fff; width: 100%; margin: 0; border-collapse: collapse; border-spacing: 0;  font-size: .9em}
#body .table_widgets a {padding: 4px; font-size: 1.1em}
#body .table_widgets b {font-size: 1.1em; font-weight: bold;}
#body .table_widgets td {padding: 4px 6px;}
#body .table_widgets .page_widgets .prev {padding-right: 8px; font-weight: bold;}
#body .table_widgets .page_widgets .next {padding-left: 8px; font-weight: bold;}
#body .table_widgets .function_widgets {border: 1px solid #EDEEF0; border-width: 6px 8px; background-color: #EDEEF0;}
#body .table_widgets .function_widgets input {margin: 0 2px;}
#body .table_widgets .innertable td {vertical-align: middle; padding: 0 2px 0 0;}

/* general functional table styles */
.status, .error {color: #F58220; font-weight: bold}

#body .resultsheading {font-size: 1.4em; margin: 20px 0 5px; color: #F58220}

#body .resultsheading_office {font-size: 1.4em; margin: 20px 0 5px; color: #F58220}
#body .resultsheading_office div {color: #808285; font-size: 70%; font-weight: bold;}


#body table .inputcell {background-color: #EDEEF0; padding: 4px 12px; color: #444B4C;}
#body table input[type=text], #body table input[type=password] {width: 240px}
#body table .setwidth {width: 240px}
#body table .pretext {font-weight: bold; background-color: #DCDDDE; color: #6D6F71; font-size: 1em; padding: 5px 12px; width: 10em;}
#body table .codesweeper {font-weight: normal;}
#body table .sep {background:  url(../img/formsep.gif) repeat-x; height: 1px;}
#body table .vsep {background:  url(../img/vformsep.gif) repeat-y; padding: 0;}
#body table .inlineinput {margin-left: -5px;}
#body table .inlineinput input {margin-left: 5px}
#body table .formaction, #body table.submit td {text-align: right; background-color: #DCDDDE !important; padding: 4px;}
#body table th.formaction {padding: 6px; text-align: left; font-size: 120%; color: #fff; background-color: #A7A9AC !important; border: 4px solid #fff; border-top-width: 12px}
#body table .formaction input {margin-right: 2em;}
#body table .formaction a {text-decoration: none;}
#body table .pickerHeader {font-weight: bold; color: #333;}
#body table textarea {width: 400px; height: 150px;}

/* job category and geopicker form views */
#body table .cc, #body table .sc {margin-top: 3px; width:200px; background-color: #fff; height: 10em; overflow: scroll; border: 1px solid #ccc; margin-right: -4px;}
#body table .cc a, #body table .sc a {display:block; padding: 1px 4px; text-decoration:none; color:#333;}
#body table .cc a:hover, #body table .chover, #body table .sc a:hover, #body table .shover, #specialtiesdest a {background:#F2F4F7; color: #F58220;}

/* added specifically for refine your search */
#body .refineheading {margin: 12px 0 6px 0; background:  url(../img/formsep.gif) bottom repeat-x; color: #666; font-size: 1em; font-weight: bold; width: 100%; border: 0; border-collapse: collapse; border-spacing: 0;}
#body .refineheading td {padding: 4px 6px;}

/* added specifically for add/edit views */
#body .formtable {color: #333; background-color: #fff; width: 100%; border-collapse: collapse;}
#body .formtable td {border: 4px solid #fff;}
#body .formtable .inputcell .pretext {background-color: #DCDDDE; color: #444B4C; width: auto; padding: 6px 0;}
#body .formtable .inputcell .inputcell {padding: 4px 12px 4px 4px;}
#body .formtable .inputcell td {border-width: 0;}

/* added specifically for search views */
#body .searchtable {color: #333; background-color: #fff; width: 100%; border-spacing: 5px;}
#body .searchtable tr {border-bottom: 5px solid #fff;}
#body .searchtable .searchtable {margin-right: 0;}
#body .searchtable .searchtable tr {border-bottom-width: 2px}
#body .searchtable th {background-color: #ccc; width: 10em; border-right: 5px solid #fff;  padding: 5px 12px; vertical-align: top; font-size: 1.1em; white-space: nowrap; background-color: #DCDDDE; color: #6D6F71;}
#body .searchtable .inputcell {}
#body .searchtable .inputcell table tr {border-bottom: 0;}
#body .searchtable .pretext {background-color: #EDEEF0; color: #444B4C; white-space: nowrap}
#body .searchtable .formaction, #body .searchtable table.submit td {border-left: 5px solid #fff}
#body .searchtable .sep {height: 10px; background-position: 0 5px; font-size: 0}

/* added specifically for detail views */
#body .detailtable {color: #666; background-color: #fff; border-collapse: separate; border-spacing: 2px;}
#body .detailtable td {margin: 8px 3px; background-color: #EDEEF0; padding: 4px 12px}
#body .detailtable .pretext {background-color: #fff; padding: 0;}
#body .detailtable .pretext p {font-weight: bold; background-color: #DCDDDE; color: #6D6F71; font-size: 1em; display: block; padding: 5px 12px; margin: 0 3px 0 0;}
#body .genericTable .line1 {background-color: #EDEEF0; padding: 4px 12px}

#body .detailtable2 {color: #666; background-color: #fff; width: 200px; margin: 2px 0 0 12px;}
#body .detailtable2 a {background: #f2f2f3 url(../img/li-chevron.gif) 11px 6px no-repeat; padding: 4px 4px 4px 27px; margin: 0; text-decoration: none; color: #666; display: block;}
#body .detailtable2 a:hover {text-decoration: underline; color: #a7a9ac;}
#body .detailtable2 td {padding-top: 2px}
#body .detailtable2 .pretext {background-color: #C9CBCC; padding: 4px 8px; font-weight: bold; font-size: 1em; white-space: nowrap; color: #fff; text-transform: uppercase; font-size: 110%; width: 200px;}
#body .detailtable2 .seelink a {background: #fff url(../img/li-chevron.gif) 0 8px no-repeat; color: #F58220; text-decoration: underline; white-space: normal; padding: 5px 5px 5px 16px;}
#body .detailtable2 .seelink {background-color: #fff; padding: 4px 0}
#body .detailtable2 img {display: block; margin: 0 auto;}
#body .detailtable2 .certdisplay a {margin-top: 6px; background: #fff; padding: 0; text-align: center;}
#body .detailtable2 .certdisplay img {display: inline;}

.myrecord {background-color: #EFF6FF}
.mricandidate {background-color: #FFFBEF}

.highlight {background-color: #FFF6C6}
.linkhighlight {text-decoration: none; border-bottom: 1px dotted #c00}
/* END added by JG for functional pages site */

/* tool tips */
.tooltip {font-weight: normal; font-size: 90%;}
.tooltip a {cursor: help}

#bodyhome #rightcontent {padding-top: 7px; width: 260px;}
#rightcontent {width: 230px; padding: 49px 0 0 17px;}
#rightcontent .header {background-color: #C9CBCC; margin-bottom: 2px}
#bodyhome #rightcontent .header {margin-bottom: 5px}
#rightcontent .header img {display: block; margin-right: 9px;}
#rightcontent ul {list-style: none; padding: 0; margin: 0;}
#rightcontent ul li {background: #f2f2f3 url(../img/li-chevron.gif) 11px 10px no-repeat; padding: 7px 7px 6px 27px;}
#bodyhome #rightcontent ul li {background: #f2f2f3 url(../img/li-chevron.gif) 11px 14px no-repeat; padding: 11px 11px 11px 27px; margin: 0 0 5px;}
#rightcontent ul li a {text-decoration: none; color: #666;}
#rightcontent ul li a:hover {text-decoration: underline; color: #a7a9ac}

#footer {width: 100%;}
#footer #networklogos {margin: 2px 0 6px}
#footer #networklogos a {margin-right: 11px;}
#footer td {color: #B9BCC0; font-size: 90%; padding: 9px 0 11px 9px;}
#footer td.taright {text-align: right;}
#footer a {color: #B9BCC0; text-decoration: none; white-space: nowrap;}


/* {
	border: 1px solid red;
}*/

body {
	margin: 0px;
	background-color: #FFFFFF;
	color: #5B5B5B;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

input {
	border:1px solid #E8E8E8;
	background-color:#FFFFFF;
}

#orange_strip {
	padding: 1px 10px 0px 16px;
	background-color: #F58220;
	height: 11px;
}
#orange_strip #date {
	margin: 0px auto 0px auto;
	color: #FFFFFF;
	text-transform:uppercase;
	font-size: 8px;
	text-align: right;
	width:825px;
}

#container {
	padding: 0px 10px 0px 16px;
	margin: 0px auto 0px auto;
	width:825px;
	position: relative;
	background-image:url(../img/container_back.gif);
	background-repeat:repeat-y;
	background-position: 162px 0px;
}
* html #container {
	padding: 0 10px 0 16px;
	margin: 0 auto 0 auto;
	width:846px;
	position: relative;
	background-image:url(../img/container_back.gif);
	background-repeat:repeat-y;
	background-position: 162px 0px;
}
	
	* html #searchbox {
		float:right;
		margin: 10px 0px 0px 0px;
	}

#leftcolumn {
	float:left;
	margin:0px;
	padding:0px;
	width:160px;
}
	
	#firstleft_box {
		clear:left;
		width:140px;
		padding: 20px 10px 10px 10px;
	}
		#firstleft_box h2 {
			color:#F58220;
			font-size:18px;
			font-variant:all-caps;
			font-weight:bold;
			margin-top:0px;
		}
		#firstleft_box ul {
			list-style-type: none;
			margin:0px;
			padding:0px;
			line-height:24px;
		}
		#firstleft_box a {
			color:#8F8B8B;
			text-decoration:none;
		}
		#firstleft_box a:hover {
			color:#6D6F71;
		}
	
	#secondleft_box {
		clear:left;
		width:140px;
		padding: 20px 10px 10px 10px;
		border-top:1px solid #E8E8E8;
		list-style:none;
	}
		#secondleft_box ul {
			list-style-type: none;
			margin:0px;
			padding:0px;
			line-height:24px;
		}
		#secondleft_box h2 {
			color:#F58220;
			font-size:18px;
			font-weight:bold;
			margin-top:0px;
		}
		#secondleft_box a {
			color:#8F8B8B;
			text-decoration:none;
		}
		#secondleft_box a:hover {
			color:#6D6F71;
		}
	
	#thirdleft_box {
		clear:left;
		width:140px;
		padding: 20px 10px 10px 10px;
		border-top:1px solid #E8E8E8;
		list-style-image: url(../images/chevron_bullet_white.gif);
		line-height:14px;
	}
	* html #thirdleft_box {
		clear:left;
		width:140px;
		padding: 20px 10px 0px 10px;
		border-top:1px solid #E8E8E8;
		list-style-image: url(../images/chevron_bullet_white.gif);
		line-height:14px;
	}
		#thirdleft_box h2 {
			color:#F58220;
			font-size:18px;
			font-weight:normal;
			margin-top:0px;
		}
		#thirdleft_box a {
			color:#5C788E;
			text-decoration:underline;
		}