/* import the miain style */
@import url("style2008.css");

/* Change main header / menu to green */

/* Menu Bar */
#sub-menu {background:#6fac3e url("../images/clientsite/top.gif") repeat-x center !important; text-align: center;border-bottom:1px solid #fff; padding:6px 0 6px 0; clear:both;}
#sub-menu a:hover, #sub-menu a.selected {color:#6fac3e !important;}
ul#main-menu li a:hover{background:#6fac3e !important;}

/* Headers go green! */
h1 {color: #669a26; border-bottom-color: #669a26;}
#ctl00_primary h2, .largerTxt {color: #669a26;}
#secondary a{font-weight: bold; text-decoration: none; color: #669a26;}

/* other */
blockquote {color: #74AD30; border-color: #669a26; margin:10px 0px 0px 0px} 
ol li{background: none; padding-left: 5px; padding-bottom:5px;}

/* Images style */
div#ctl00_primary img {margin-top: 0px; border-top:0px}
div#secondary img {float:none; padding:none; margin:none;}

/* Yet More green */
legend {color: #669a26;}
.clientbox {clear:both;background: #e7f7b4;  border: 1px solid #649821;}
.clientbox a {color:#649821}
hr{ background-color:#9bc95f;}

/* Navigation headers */
.bgr  {margin-bottom:3px;line-height:15px;display: block; background: #74ad30; color: #fff; padding: 6px; border-left: 3px solid #3d650c;}
a.bgr {margin-bottom:3px;line-height:15px;display: block; background: #74ad30 url(/Images/clientsite/linkfind.gif) no-repeat 0px; color: #fff; padding: 6px 6px 6px 40px;text-decoration:underline;}
.bgr a {color:#fff;}
a:hover.bgr {background: #81c72d url(/Images/clientsite/linkfindover.gif) no-repeat 0px;text-decoration:none;}
.bgr2 {display: block; background: #74ad30; padding: 6px; border-left: 3px solid #3d650c;}
#secondary h3 a:link, #secondary h3 a:visited {color: #fff; text-decoration:underline; background: transparent url(../images/button4green.gif) no-repeat 0% 50%; padding: 2px 0 2px 20px;}


/* Green Sidebar Headers */
#secondary h3 {background: transparent url(../images/button11.gif) no-repeat;} 

/* Blue Sidebar Headers */
#secondary h3.blue {background: transparent url(../images/button6.gif) no-repeat;}

/* quote images */
.quoteleft { float:left; margin-right:10px} 

/* Client Products */
#clientprodlist li {height:150px;float:left; margin-right:10px; margin-bottom:5px; display:inline;list-style-type:none;padding: 8px; width:155px; background: #f5f5ef url(../images/search.gif) repeat-x top; }
#clientproducts ul {margin:0; padding-left: 0px;}
#clientproducts h2 {font-size:100%;color:#fff; background:#669a26;margin-top:0; margin-bottom:2px;padding: 5px;}

/* Client Packages   */
.graph { position: relative; width: 100%; border: 1px solid #669a26; padding: 2px; margin-bottom: .5em; color:#000;background:#eee; font-size:9px;}
.graph .bar {color:#fff;display: block; position: relative; background: #669a26 url(../images/clientsite/round_box_bg.gif) repeat-x bottom; text-align: center; height: 2.5em; line-height: 2.5em;}
.graph .bar a{color: #fff; background: transparent url(../../Images/clientsite/next.gif) no-repeat 0% 50%; padding: 3px 0 3px 20px;}
.graph .bar span {position: absolute; left: .5em;}

/* Candidate rank   */
.rank {float:left; margin-right:15px; margin-top:1px; position: relative; width: 138px; border: 1px solid #669a26; padding: 2px;}
.rank .bar {display: block; position: relative; background: #669a26 url(../images/clientsite/round_box_bg.gif) repeat-x bottom; vertical-align:middle; text-align: left; color: #fff;height: 13px; line-height: 13px; font-size:10px;}
.rank .bar span {position: absolute; left: .5em;}


/* WP Roundbox */
.roundcont {background: #66922d url(../images/clientsite/round_box_bg.gif) repeat-x top; color: #fff; margin-top:5px; padding:10px;}
.roundcont h2 {	margin: 0 5px;}
.roundtop { background: url(../images/clientsite/tr.gif) no-repeat top right; }
.roundbottom {background: url(../images/clientsite/br.gif) no-repeat top right; margin-bottom:5px;}
img.corner {  width: 15px;  height: 13px;  border: none;  display: block !important;}

#clienthome ul{background: #f5f5ef url(../images/search.gif) repeat-x top; list-style-type: none; margin:0; padding:5px 0 5px 5px}
#clienthome li a{display:block; color:#000; font-weight:normal; text-decoration:underline;}
#clienthome li a:hover{color:#669a26; text-decoration:none;}
#clienthome li{padding-bottom:5px;background: transparent url(../images/clientsite/arrowright.gif) no-repeat 5px 5px; padding-left: 25px; padding-right:5px;}

/* cv */
.candidate { background: #669a26 url(../../images/clientsite/round_box_bg.gif) repeat-x bottom; vertical-align:middle; line-height:16px; color:White;padding:5px; font-weight:bold;width:540px}
.candidateBlocked { background: red  url(../../images/clientsite/bg_over_red.gif) repeat-x bottom; vertical-align:middle; line-height:16px; color:White;padding:5px; font-weight:bold;}
.candidateHighlight { background: #98CE45 url(../../images/clientsite/bg_over.gif) repeat-x bottom; line-height:16px; color:White;padding:5px; font-weight:bold;}
.candidatewrapper {background: #f5f5ef url(../../images/search.gif) repeat-x top; padding: 10px 5px 1px;}
.candidates {margin-left:5px;width:100%; display:table;}
.candidatewrapper ul li {list-style:none; margin-left:-40px;padding-right:5px; }
.candidateoptions { margin-left:0px; padding:15px 0 5px 12em;background-color:#F5F5EF; color:White; cursor:default;}
.candidateoptions .rank { display: none; }
.candidateoptionbutton { cursor:pointer;}
.contact_details { margin: 0; width:540px;}
.contact_details dt { display:inline;float:left;clear:left;width: 12em;}
.contact_details dd { margin-left: 12em; margin-bottom:0px;}
.keywordHighlight { background: #EB8C10 ; color:White; padding: 0px 0px 0px 0px; font-weight:bold;}

a.inlinelist {display: inline; white-space:nowrap; background: none; padding-left: 0px; }
a:visited.buttonlink {color:White;}
.buttonlink {cursor:default; border: 1px solid #669a26; width: 150px; padding: 2px 5px; margin: 20px 0; background: #669a26; color: #fff; vertical-align:middle; margin-right:3px;}
.button, #secondary .button {cursor:default; border: 1px solid #669a26; width: 150px; padding: 2px 5px; margin: 20px 0; background: #98CE45; color: #fff; vertical-align:middle; margin-right:3px;}
a:hover.button {background: transparent url(../../images/clientsite/bg_over.gif) repeat-x top; color:#fff}

#calendar img{ display:inline; padding-left :3px;}
#ddd .myss{ width:20px; }

/* Show only to IE \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 */

.sidebox {margin: 0 auto;width: 550px; background: url(../../images/clientsite/sbbody-r.gif) no-repeat bottom right;font-size: 100%;}
.boxhead {background: url(../../images/clientsite/sbhead-r.gif) no-repeat top right;margin: 0;padding: 0;text-align: center;}
.boxhead h2 {background: url(../../images/clientsite/sbhead-l.gif) no-repeat top left;margin: 0;padding: 22px 30px 5px;color: white; font-weight: bold; font-size: 1.2em; line-height: 1em;text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */}
.boxbody {background: url(../../images/clientsite/sbbody-l.gif) no-repeat bottom left;margin: 0;padding: 5px 30px 31px;}

.sliderwrapper{position:relative;height:160px;}

.sliderwrapper .contentdiv{ visibility: hidden; position: absolute; left: 0;top: 0; background: white; 
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}

.contentdiv2 { height:150px;float:right;background:#f5f5ef url(../../images/search.gif) repeat-x top; margin-top:5px; padding:0px 10px 10px 10px;width:310px; color:#6e9a37; clear:right;}
.contentdiv2 h2{margin-top:3px;margin-bottom:3px;}
.pagination2{ display:block; text-align: right;background-color: #74ad30;padding: 8px 5px 8px 0px; clear:both;}
.pagination2 a, .pagination2 a:visited {padding: 5px 10px;text-decoration:none; color:#fff;background:#81c72d;}
.pagination2 a:hover, .pagination2 a.selected{color: #999;background:#fff;}

.shadetabs{padding: 7px 0;margin: 0;list-style-type: none;text-align: left;}
.shadetabs li{display: inline;margin: 0px;padding:0px;background: none;}
.shadetabs li a{text-decoration: none;padding: 8px;margin-right: 0px;border: 1px solid #e7e3dc;
border-bottom: none;background:#f5f5ef url(../../images/button8.gif) repeat-x top;color: #2d2b2b;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{background:#6fac3e url("../images/clientsite/top.gif") repeat-x center;color: #fff;}
.shadetabs li a:active{color: #fff;}
.shadetabs li a.selected{position: relative;top:1px;background:#6fac3e url("../images/clientsite/top.gif") repeat-x top;color: #fff;}

.tabcontent{display:none; clear:left}

@media print {
.tabcontent {
display:block !important;
}
}

#bullet li {color: #000;text-decoration: none;padding-left: 18px;background:transparent url(../images/headline2.gif) no-repeat left 5px; font-weight:normal; margin-bottom:5px;}	
.bullet li {color: #000;text-decoration: none;padding-left: 18px;background:transparent url(../images/headline2.gif) no-repeat left center; font-weight:normal; margin-bottom:5px;}	

.stepcarousel{position: relative;border: 2px solid #ccc;overflow: scroll; width: 540px; height: 285px; }
.stepcarousel .belt{position: absolute; left: 0;top: 0;}
.stepcarousel .panel{float: left; overflow: hidden; margin: 8px; width: 250px; }

/* jquery UI */
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #ccc; background: #fff; color: #121f32; }
.ui-widget-content a { color: #121f32; }
.ui-widget-header { border: 1px solid #ccc; background: #4c4c4c; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #4c4c4c; background: #4c4c4c; font-weight: normal; color: #fff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }

.ui-autocomplete { position: absolute; cursor: default; }
* html .ui-autocomplete { width:1px; }

.ui-menu {  list-style:none;  padding: 2px;  margin: 0;  display:block;  float: left; }
.ui-menu .ui-menu {  margin-top: -3px; }
.ui-menu .ui-menu-item {  margin:0;  padding: 0;  zoom: 1;  float: left;  clear: left;  width: 100%;  background: none; }
.ui-menu .ui-menu-item a {  text-decoration:none;  display:block;  padding:.2em .4em;  line-height:1.5;  zoom:1;  font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {  font-weight: normal;  margin: -1px; }