/* TrueBridge V2 CSS */

body { margin:0; background: url(/images/tbr-pg-bg.jpg) repeat-x #ecede8; text-align:center; font-family: 'Trebuchet MS', tahoma, arial, sans-serif; }
img { border: 0; }

.clear { clear:both; height:1px; }
.col, .col1, .col2, .col3, .col4, .col-search, .submenu { float: left;}

/* Page Layout */

#container, #utility, #banner, #footer, #wrapper { margin: 0 auto; width: 960px; }
#utility { height: 38px; text-align:right; padding:6px 0 0; color:#d4f0f4; font-size: 13px; margin:0;}
#banner {
  height: 365px;
  background-repeat: no-repeat;
  background-position: right 30px;
}
#menu {padding-top: 8px; width: 630px; padding-left: 330px; }
#home-highlights { width: 960px; text-align:left; position:relative; top: -13px;}
#footer { margin-top: 20px; height: 58px; background: url(/images/footer-bg.png) left no-repeat; }

/* Styles */

h1, h2, h3, h4, h5, h6 { font-family: helvetica, arial, sans-serif; color:#7c2758; font-weight: normal; letter-spacing:-0.03em; margin: 0 0 10px 0; line-height: 1.15em;}
h1 {font-size: 21px; }
h2 {font-size: 19px; color:#333333; margin-top:22px;}
h3 { font-size: 16px; color:#333333; margin-top:0; }
h4 { font-size: 15px; }
h5 { font-size: 13px; color:#333333; margin-top:0;}
h6 { font-size: 12px; color:#333333; margin-top:0; }

p, table { font-family: 'Trebuchet MS', tahoma, arial, sans-serif; color: #363636; font-size: 13px; line-height: 1.4em; margin: 10px 0; }
p.lead { font-size: 15px; }

ul {margin: 12px inherit; }

li { font-family: 'Trebuchet MS', tahoma, arial, sans-serif; color: #363636; font-size: 13px; line-height: 1.4em; }

a { color: #006d7c; text-decoration:none;  }
a:hover { color:#7c2758;  text-decoration:underline;}

/* Top Menus */

/* #utility .links { float:left; width:794px; margin-right: 30px; }  */

#utility a { color: #e1e3e5; font-size: 11px; text-decoration:none; padding-left: 15px;}
#utility a:hover { color: #ffffff; text-decoration:underline; }
#utility .search { width:136px; float:left; background:url(/images/btn-utlity-search1.png) no-repeat top; padding: 6px 0 7px 0; text-align:center; }
#utility .search a { color: #FFFFFF;  font-size: 13px; font-weight: bold; padding:0;}
#utility .search a:hover { color: #FFFF99; text-decoration:none; }

#menu a { display:block; float: left; width:105px; height: 30px; padding-top: 9px; color:#d4f0f4; font-size: 12px; font-weight: bold; text-decoration:none; background:url(/images/menu-bg-off.png) no-repeat; text-transform: uppercase}
#menu a:hover { color:#FFFFFF; background-image:url(/images/menu-bg-over.png) }
#menu a.active, .employers #menu a.emp, .candidates #menu a.cand, .associates #menu a.assoc, .media #menu a.media, .blog #menu a.media, .aboutus #menu a.about, .team #menu a.about, .news #menu a.media, .trends #menu a.media, .services #menu a.serv { color:#7c2758; background-image:url(/images/menu-bg-on.png); font-size: 13px;  } 

.return-link { float: right; text-align: right; font-size: 11px; }

.masthead { text-align:left; }
.masthead h1 { font-size: 21px; margin: 50px 0 20px 10px }
.masthead p { margin: 10px 520px 10px 30px; }

p.link { text-align: right; font-weight: bold; }
a.button {background:url(/images/button.png) no-repeat center; display: block; text-align:center; color: #FFFFFF; padding: 5px 0 7px 0; font-weight: bold;}
a:hover.button { background-image: url(/images/button2.png); text-decoration:none;}

.hr {border-top: 1px dotted #CCCCCC; margin:0; padding:6px 0 0 0; height:6px; }

#home-highlights .col, #home-highlights .col3 { border-right: 1px solid #dddcda; background:url(/images/feature-text-bg.png) top repeat-x;  width: 239px; height:164px; margin-top:13px;}
#home-highlights .col3 { border:0; }
#home-highlights .col4 { background:url(/images/feature-text-bg.png) top repeat-x;  width: 240px; height:164px; margin-top:13px;}
#home-highlights h2 { background:url(/images/feature-hd-bg.gif) repeat-x; font-size: 15px; color:#FFFFFF; text-align: left; padding: 8px 14px 7px; margin: 0 0 10px 0; }
#home-highlights h2 a { text-decoration:none; color: #FFFFFF; }
#home-highlights h2 a:hover { color: #FFFF99; }
#home-highlights .col4 h2 { background-image:url(/images/feature-hd-bg-teal.gif);}
#home-highlights p { margin: 10px 20px; }
#home-highlights .col-search { background:url(/images/search-bg.png) no-repeat center;  width: 240px;  height:208px;}
#home-highlights .col-search h2 { background:none; font-size: 17px; color:#7c2758; text-align: right; padding: 20px 0 0 10px; margin: 0 0 10px 0; }
#home-highlights form { padding: 0 15px 0 60px;  }
#home-highlights input.field, #home-highlights option, #home-highlights select  { font-size: 12px; color: #363636; width: 160px; margin-bottom: 4px;}
#home-highlights input#submit_button {background:url(/images/button2.png) no-repeat center; width: 200px; text-align:center; color: #FFFFFF; padding: 5px 0 7px 0; margin: 0; font-weight: bold; border:0; cursor:pointer; font-size: 13px;}

#main-content, #main { text-align:left; margin:50px 28px 0 50px; }
#main { margin-top:30px; }
#main-content .col1 { width: 550px; margin-right:49px; }
#main-content .col2 { width: 283px;}

.resource, .bio-index { border-top: 1px dotted #CCCCCC; margin: 12px 0 10px 0; padding:12px 0 10px 0; color: #363636; font-size: 13px; }
.resource h4 { font-size: 16px; }
.resource .download {float:right; width: 136px; height: 26px;}
.resource .download a {background:url(/images/button3.png) no-repeat center; display: block; text-align:center; font-size: 11px; color: #FFFFFF; font-weight: bold; padding: 5px 0 7px 0;  }
.resource .date {float:right; font-size: 12px; font-weight: bold; color: #565656;}

.bio-index .col { width: 270px; }
.bio-index img { float:left; margin-right: 10px; }

.pagination { border-top: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;text-align: right; padding: 6px 0; color: #363636; font-size: 13px;}
.pagination a {  text-decoration:underline;}
.pagination a.active { color: #454545; text-decoration:none; font-weight: bold;}

/* Sidebar */

.cap, .endcap { background:url(/images/sidebar-cap.png) no-repeat top; height:14px;}
.cap { margin-top: 10px; }
.sidebox {background:url(/images/sidebar-repeat.png) repeat-y; padding: 5px 20px;}
.endcap { background-image:url(/images/sidebar-endcap.png)}
.bio-col { margin-left: 30px; }

/* Callouts */

.callout171 { float: right; width: 171px; margin-left: 30px; }
.callout171 .cap, .callout171 .endcap { background:url(/images/callout-cap-171.png) no-repeat top; height:10px;}
.callout171 .cap { margin:0; }
.callout171 .repeat {background:url(/images/callout-repeat-171.png) repeat-y; padding:0px 10px;}
.callout171 .endcap { background-image:url(/images/callout-endcap-171.png)}
.callout171 td, .callout171 p { font-size: 11px; padding: 0px 0 6px 0; margin:0; line-height: 100%; color: #262626;}
.callout171 td.gray { color: #565656; text-align: right; padding-right: 10px;}

/* Testimonials and Col 1 Boxes*/

.testimonial-cap {  background:url(/images/testimonial-cap.png) no-repeat top; height:15px; margin-top:20px;}
.testimonial, .wide-box { background:url(/images/testimonial-repeat.png) repeat-y; padding: 5px 25px 10px; }
.testimonial {width: 500px}
.testimonial-cap {width: 550px}
.testimonial-endcap, .testimonial-endcap-alt {width: 530px}
.testimonial p { margin: 0px; font-size: 13px; font-style: italic; color:#7c2758; color:#006d7c; }
.testimonial-endcap { background:url(/images/testimonial-endcap.png) no-repeat top; padding: 0px 0 0 20px;}
.testimonial-endcap-alt { background:url(/images/testimonial-endcap-alt.png) no-repeat top; padding: 0px 0 0 20px;}
.testimonial-endcap-smooth { background:url(/images/testimonial-endcap-smooth.png) no-repeat top; padding: 0; height: 15px;}
.byline, .read-all { float:left; width: 260px; padding: 26px 0 0 0;}
.byline-alt { float:none; margin-left: 260px; width: 260px; text-align:right; padding: 26px 0 0 0;}
.byline p, .byline-alt p {color:#333333; font-size: 12px; font-style: italic; font-weight: bold; margin:0; }
.byline a, .byline-alt a { text-decoration: underline; color: #333333; }
.read-all { background:url(/images/button-wide.png) no-repeat top center; height:56px; text-align:center; padding:7px 0 0; font-size: 12px;}
.read-all a { color: #FFFFFF; font-weight: bold; cursor: pointer;}
.byline a:hover, .byline-alt a:hover { color: #006d7c; }
.read-all a:hover { color:#d4f0f4 }

/* The Forms */

fieldset { border:0; padding:0; font-size: 11px;}
fieldset td {font-size: 11px; line-height: 14px;}
fieldset table { margin: 0; }
fieldset div {clear: both}
#form_container { border:0; padding:0; font-size: 11px;}
#form_container div { padding: 2px 0; }
#form_container p { font-size: 11px;}
#form_container label, .wide-box #search-jobs label { font-size: 11px; float:left; width: 70px; margin-right: 4px; text-align: right; color: #333333;}
#form_container input, #form_container textarea { width: 150px; font-size: 11px; border: 1px solid #cccccc; padding: 3px 2px; }
#form_container select {  }
#form_container .filerow input { border:0; width: 238px; }
#form_container .subscribe { border-top: 1px solid #cccccc; padding: 10px 0; margin: 10px 0 5PX 0; }
#form_container .subscribe input { width: 15px; border:0; }
#form_container .subscribe div { padding: 0; }

.wide-box #search-jobs div { padding: 6px 0; }
.wide-box #search-jobs label { font-size: 13px; width: 140px; margin-right: 10px; font-weight: bold; }
.wide-box #search-jobs input, .wide-box #search-jobs select { width: 310px; padding: 5px; font-size: 13px; color: #363636;  }
#form_container input#submit_button, .wide-box #search-jobs input#submit_button {background:url(/images/button.png) no-repeat center; width: 230px; text-align:center; color: #FFFFFF; padding: 5px 0 7px 0; margin: 0; font-weight: bold; border:0; cursor:pointer}
.wide-box #search-jobs input#submit_button {margin-left: 130px;}
#search-jobs input#submit_button {width: 150px}

table#search-results {  padding:0 5px; margin:0; }
table#search-results th {background-color:#333333; color:#d4f0f4; padding: 6px; text-align: left; font-weight: normal; border-left: 1px dotted #636363;}
table#search-results th a { text-decoration:underline; color:#d4f0f4; font-weight: normal; }
table#search-results th a:hover, table#search-results th a.active { text-decoration:underline; color:#ffffff; }
table#search-results th a.active { font-weight: bold; } 
th.left {  border-left: 0px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius: 6px; }
th.right { -moz-border-radius-topright:6px; -webkit-border-top-right-radius: 6px; }
table#search-results td { padding: 6px; text-align: left; border-bottom: 1px dotted #b1b1b1;}
table#search-results a { color:#333333; text-decoration:underline; }
table#search-results a:hover{ color: #006d7c; }

p.alert { color:#7c2758; }


.email-alerts, .send-friend { width: 283px; height: 24px; background: url(/images/button-xwide.png) no-repeat; text-align:center; padding:6px 0px; }
.send-friend { width: 140px; background-image:  url(/images/btn-gray32.png) }
.email-alerts a, .send-friend a { color: #FFFFCC; font-size: 13px; font-weight: bold; }
.email-alerts a:hover, .send-friend a:hover {color:#d4f0f4; text-decoration:none; }


/* Team Switch Menu */

.menutitle { color: #006d7c;	font-size: 12px; font-weight: bold;	padding: 3px 0px 3px 20px; cursor:pointer; }

/* Office Locations */

.cntct_locations { float: left; width: 150px; }
.cntct_locations li { list-style: none; font-weight: bold; }
.cntct_locations li a:hover { text-decoration: none; }
.info_locations { float: left; }

/* Footer */

#footer  { margin-bottom:20px; }
#footer p { font-size: 11px; color:#4c4c4c; text-align:left; margin: 12px 0 0 30px; }
#footer img { margin: 12px 5px; }
.web {text-align:center; margin: 0 auto; padding: 20px 0 0;}


/* Page Backgrounds */
#wrapper {
  background-color: white;
  background-repeat: no-repeat;
  background-position: right 28px;
  background-color: #FFF
  padding-bottom:1px;
}
#wrapper-endcap{ background:url(/images/wrapper-endcap.png) no-repeat top; height:14px;}
#container.employers #wrapper  { background-image:url(/images/bg7.jpg); }
#container.employers #wrapper.two  { background-image:url(/images/bg5.jpg); }
#container.candidates #wrapper  { background-image:url(/images/bg1.jpg); }
#container.candidates #wrapper.two  { background-image:url(/images/bg3.jpg); }
#container.candidates #wrapper.three  { background-image:url(/images/bg2.jpg); }
#container.candidates #wrapper.four  { background-image:url(/images/bg4.jpg); }
#container.associates #wrapper  { background-image:url(/images/bg8.jpg); }
#container.services #wrapper  { background-image:url(/images/bg9.jpg); }
#container.aboutus #wrapper  { background-image:url(/images/bg7.jpg); }
#container.team #wrapper  { background-image:url(/images/bg14.jpg); }
#container.news #wrapper  { background-image:url(/images/bg6.jpg); }
#container.trends #wrapper  { background-image:url(/images/bg12.jpg); }
#container.aboutus #wrapper.no-bg, #container.candidates #wrapper.no-bg, #wrapper.no-bg  { background-image:none; }
#container.contact #wrapper  { background-image:url(/images/bg10.jpg); }
#container.generic #wrapper  { background-image:url(/images/bg13.jpg); }
#container.blog #wrapper  { background-image:url(/images/bg-blog.jpg); }

/* The Submenus */

.submenu { font-size: 12px; color: #006d7c; padding: 2px 0 0; width: 560px } 
.submenu a { color:#505050; }
.submenu a:hover { color:#7c2758; text-decoration:none; }
.submenu a.active { color:#404040; font-weight: bold; }
.employers .submenu, .employers2 .submenu { padding-left: 20px;}
/*.candidates .submenu { padding-left: 24px;}*/
.aboutus .submenu, .team .submenu, .trends .submenu, .news .submenu, .media .submenu, .blog .submenu { text-align:right; width:560px;}


.actions {float: right; margin: 1em 0}
.actions a, .actions input {margin: 0px 0.5em 0px 0px; font-size: 12px; }
.actions input {padding: 1px 6px}
.actions a {border: 1px solid #DEDEDE; padding: 3px}
.actions a:hover {border-color: #cdcdcd; background-color: #efefef}
form h3 {margin: 2em 0 1em}
form h3:first-of-type {margin: 1em 0}
.form input[type=text], .form textarea {width: 35em}
.form textarea {height: 5em}
#users input[type=text] {width: 90%}	

.top-level-page, .top-level-folder, .new-folder-icon {display: none}
#sitemap-editor li .drag-handle {display: none}
#sitemap-editor li li .drag-handle {display: block}

