body {margin: 0; background-color: #fff; color: #666; font-family: arial, sans-serif; font-size: 70%; }
a {color: #2736AD;}
a:visited {color: #878BAA;}
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}

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: #B9BCC0; font-size: 90%; 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: #808285}
#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 #topnav {clear: both; margin-top: 0; width: 100%; text-align: right; font-weight: normal; color: #808285;}
#header #topnav ul {height:22px; list-style:none; margin:0 -39px 0 0; padding:0; width:421px; float:right;}
#header #topnav ul li {display:block; float: left; padding:0; margin:0;}
#header #topnav a {display:block;text-align:left;text-decoration:none; text-indent: -4000px; margin:0; padding:0; height:22px;}
#header #topnav a.home {background: #fff url(../img/topnav.gif) no-repeat 0px 0px; width:46px;}
#header #topnav a.home:hover {background: #fff url(../img/topnav.gif) no-repeat 0px -22px;}
#header #topnav a.careers {background: #fff url(../img/topnav.gif) no-repeat -46px 0px; width:71px;}
#header #topnav a.careers:hover {background: #fff url(../img/topnav.gif) no-repeat -46px -22px;}
#header #topnav a.press {background: #fff url(../img/topnav.gif) no-repeat -117px 0px; width:103px;}
#header #topnav a.press:hover {background: #fff url(../img/topnav.gif) no-repeat -117px -22px;}
#header #topnav a.franchise {background: #fff url(../img/topnav.gif) no-repeat -220px 0px; width:162px;}
#header #topnav a.franchise:hover {background: #fff url(../img/topnav.gif) no-repeat -220px -22px;}

#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: -20px;}
*html #bodyhome #structure {margin-top: -20px;}

#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;}
#bodymethods #body #clip {background: transparent url(../img/s-photo-methods.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-expertise.jpg) bottom left no-repeat; height: 114px; width: auto; max-width: 527px; min-width: 300px; margin: 9px 0 0;}
#bodynetwork #body #clip {background: transparent url(../img/s-photo-network.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;}




#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}

.bio { clear:left; padding-top:10px;}
.biopic {float:left;border:1px solid #333; margin: 4px 10px;}
.biohead {margin-top:20px;}
.biohead img {float:left;border:1px solid #333; margin: 4px 10px 4px 5px;}
.biohead h2 {padding-top:107px; line-height:.8em}
.biohead h3 {line-height:.1em;}
a.biolink {background: transparent url(../img/li-chevron.gif) 0 3px no-repeat;  padding-left: 16px; margin: 0 0 5px; line-height: 1.4}

.logos {padding: 30px 0 15px 10px;}
.logos p {float:left; width: 100px; padding: 4px 0 0 0;}
.photos {float:left; width: 22%; }
.photos img, .logos img {border:1px solid #333;}

.pollh {line-height: .5em;}
.quote {width:188px; float:left; padding: 6px 6px 6px 12px; border: 2px solid #f58220; margin:0 5px 0 0; font-weight:bold; color:#888; }
.quote div {margin:0; padding:0; font-size:160%; padding-bottom: 10px; line-height: 1.25em}

#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}

.clip {width: 185px; height: 350px; margin: 0px 37px;}
.clip img {border:1px solid #333;}
.survey { width:450px; height:157px; margin: 20px auto 40px auto;}
.gopoll {text-align: right; padding: 3px 24px 15px 0; height: 20px; float: right; clear: both; width: 180px; font-size: 90%;}
.strong {font-weight:bold}

/* 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}
	/* added *top:10px; below for IE7 */
head:first-child+body .help {top: 94px; *top:10px;}
.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;}
	/* added *top:26px; below for IE7 */
head:first-child+body .tips {top: 110px; *top:26px;}
.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}
.errorreg {color: black; 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 7px no-repeat; padding: 4px 11px 4px 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;}

.col {float:left; width:45%; }
.clear {clear:both; height:1px;}

/* added for Flash addition */

#flash {background: transparent url(../img/video-block-3.gif) no-repeat; background-color: #A7A9AC; height: 257px; width: auto; max-width: 512px; min-width: 300px; margin: auto 0; padding:0;}
#rightcontent #separator {background-color: #C9CBCC; margin-bottom: 5px; width:260px; height:5px;}