html, body { 
border:0;
margin:0;
padding:0;
}
html{
overflow-y: scroll;
}
body {
font:17px Arial, Helvetica, sans-serif;
text-align: center;/*added 11-14-09*/
}
textarea {    overflow: auto;  }
/*
p, table { empty-cells: show; } prevent empty blocks from colapsing
style="table-layout:fixed"
*/
/***** Headings *****/
h1, h2, h3, h4, h5, h6 { 
margin:0;
padding:0;
font-weight:bold;
}
h1 {
padding:3px 0 3px 0; 
letter-spacing:-1px;
font-size:200%;
}
h2 {
padding:2px 0 2px 0; 
letter-spacing:-1px;
font-size:150%;
}
h3 { /*lower case heading*/
font-size:120%;
padding-top:5px;
}
h4 { /*upper case heading*/
font-size:100%;
padding-top:5px;
text-transform:uppercase;
}
h5 { /*login heading*/
font-size:100%;
}
/***** Common Formatting *****/
p, ul {
margin:0;
padding:0 0 1.25em 0;
}
ul {
padding:1.10em 0;
margin-left:1.9em;
text-align:left;
line-height: 1.3em;
}
ul li{
margin-bottom:.4em;
}
ul.square {
list-style:square inside none;
margin-left:.9em;
margin-top:1em;
}
hr {
border: none;
border:0px;
height:0px;
border-top: 1px solid #e8e8e8;
margin: 4px 0;
/*
background-color: #e8e8e8;
color: #e8e8e8;
*/
}
small {
font-size:80%;
}
big {
font-size:120%;
}
img {
border:0;
}
/***** Links *****/
a,a:link, a:visited, a:active, a:hover {
text-decoration:underline;
color:#004cca;
cursor:pointer;
}
a.large, a.large:link, a.large:visited, a.large:active {
font-size:130%;
}
a.medium, a.medium:link, a.medium:visited, a.medium:active {
font-size:95%;
}
a.small, a.small:link, a.small:visited, a.small:active {
font-size:80%;
}
a.no_u,a.no_u:link, a.no_u:visited, a.no_u:active, a.no_u:hover{
text-decoration:none;
}
a.gray, a.gray:link, a.gray:visited, a.gray:active {
color:#808080;
}
a.melon , a.melon:visited {color: #F03; text-transform: none; }
/***** Text *****/
.xlarge{
font-size:140%;
letter-spacing: 1.2px;
}
.large{
font-size:120%;
letter-spacing: 1.2px;
}
.small{
font-size:90%;
}
.xsmall{
font-size:75%;
}
.standard{
font-size:110%;
}
.gray{
color:#808080;
}
.black{
color:#000;
}
.darkgray{
color:#6f6f6f;
}
.silver{
color:#aaaaaa;
}
.olive{
color:#080;
}
.pass{
color:#333;
}
.fail{
color:#f00;
}
.saved{
color:#F60;
white-space:nowrap;
}
/***** Forms *****/
form {
margin:0;
padding:0;
display:inline;
font-size:75%;
}
input, select, textarea {
font:1em Arial, Helvetica, sans-serif;
}
textarea {
width:99%;
line-height:1.25;
}
label {
cursor:pointer;
}
.form_size{
font-size:75%;
}
/***** Tables *****/
table {
border:0;
margin:0 0 0 0;
padding:0;
}
table tr td {
padding:0; /*was 2px*/
}
/***** Global Classes *****/
.font_10{font-size: 10px;}
.font_12{font-size: 12px;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.inline {display:inline;}
.hide {display:none;}
.show {display:block;}
.indent {padding-left:10px;}
.clear { clear:both; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffff99; }
.highlight2 { background:#e5e5e5; }
.nowrap{overflow:hidden;text-align:left;white-space:nowrap;}
.hr{border-bottom:1px solid #ccdaee;margin-bottom:8px;padding:5px 0;}
.blockquote {padding:1.5em 0 1.5em 3em;}
.js{color:#660066;}
.emp{color:#336633;}
.combo{color:#000000;}
.target { background:#ffffff; }
.highlight h1{
display:inline;
letter-spacing:0px;
padding:0; 
font-size:100%;
}
.target h1{
display:inline;
letter-spacing:0px;
padding:0; 
font-size:100%;
font-weight:normal;
}
/***** Wrapper *****/
#wrap { 
width:785px; 
margin:0 auto;
/*added 11-14-09*/
position: relative;
text-align: left;
}
/* top */
.header {
margin-top:25px;
width:785px;
}
.header_links{
/*width:785px;*/
text-align:right;
height:23px;
vertical-align:text-bottom;
clear:both;/*needed for ms8 for header when logged in*/
}
.border {
border-top:1px solid #ccdaee;
width:785px;
}
.pagecontent {
width:785px;
padding-top:20px;
color:#303030;
min-height: 360px;
height: auto;
_height: 360px;
/*text-align:left; removed 11-14-09*/
}
.pipe {font:normal 11px verdana; color:#e5e5e5;}
.pipe a:link, .pipe a:visited {font:normal 11px verdana; color:#757575; text-decoration:underline;}
.pipe a:hover, .pipe a:active {text-decoration:underline;}
.stripe{
padding-right:5px;
padding-left:5px;
color:#e5e5e5;
font-family:Verdana,Helvetica,sans-serif;
font-size:15px;
}
/* bottom */
#footer{
width:785px;
text-align:center;
margin-top:5px;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
color:#808080;
}
#footer a {
color:#aaaaaa;
font-size:11px;
text-decoration:underline;
}
/* general page set up*/
div.inline_l {
display:inline;
float:left;
text-align:left;
}
div.inline_r {
display:inline;
float:right;
}
/*
#stdrd_ht{
min-height: 360px;
height: auto;
_height: 360px;
}
*/
.msgbox{
border-bottom:1px solid #ccdaee;
width:370px;
height:40px;
float:left;
padding-bottom:10px;
margin-bottom:10px;
}
/* forms*/
.forms{padding-top:5px;}
.forms .label{text-align:right; padding-right:0.9em; width:11.5em; padding-top:8px;float:left;}
.forms .htmlelement{padding-bottom:5px;padding-top:5px;vertical-align:top;}

.forms div p input.textbox, .forms div p textarea { border: 1px solid #b2b4bf; padding:2px;}
.forms div textarea.fail { outline: 1px solid #f00;color:black;background-color: #fcebe9; }

.forms div p.pass{ display:inline; padding:2px 1px 2px 1px; border:solid 1px #fff;}
.forms div p.fail{ display:inline; padding:3px 1px 3px 1px; border:solid 1px #f00; background-color:#fff;}
.forms div table.pass{ border:solid 1px #fff;}
.forms div table.fail{ border:solid 1px #f00;}
.forms div .textbox {width:155px;}
.required{color:#F68F22;text-align:right;padding-left:1px;}
/* form errors */
.errorbox {
position:absolute;
top:25px;
right:0;
width:300px;
font-size:12px;
color: #f00;
background-color:#FCEBE9;
border:1px solid #fe7979;
padding:5px;
text-align:left;
}
.errorbox p {
font-size:11px;
line-height: 1.5;
margin: .5em 0;
padding-left: 15px;
}
/* form buttons */
.ybtn_150, .ybtn_125, .ybtn_100, .ybtn_75, .gbtn_150, .gbtn_125, .gbtn_100, .gbtn_75{
color:#000000;
background-color:transparent;
background-repeat:no-repeat;
border:medium none;
cursor:pointer;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
height:23px;
margin:0px 0px 0px 4px;
vertical-align:top;
background-image:url(images/mybuttons.gif);
}
.ybtn_150 {
background-position: -7px -101px;
width:150px;
}
.ybtn_125 {
background-position: -7px -71px;
width:125px;
}
.ybtn_100 {
background-position: -7px -41px; 	
width:100px;
}
.ybtn_75 {
background-position: -7px -11px;
width:75px;
}
.gbtn_150 {
background-position: -7px -221px;
width:150px;
}
.gbtn_125 {
background-position: -7px -191px;
width:125px;
}
.gbtn_100 {/*.btn_grey_100*/
background-position: -7px -161px; 	
width:100px;	
}
.gbtn_75 {
background-position: -7px -131px;
width:75px;
}
/*steps*/
.activestep{
font-size: 11px;
width:50px;
padding-left:5px;
padding-right:5px;
}
.inactivestep{
font-size: 11px;
color:#bbbbbb;
width:50px;
padding-left:5px;
padding-right:5px;
}
/***** Custom Settings *****/
/* left nav */
.l_nav{
white-space:nowrap;
overflow:hidden;
/* margin-bottom:1em; 1em if no hr else 0 */
font-size:12px;
}
.l_nav a,.l_nav a:link, .l_nav a:visited, .l_nav a:active {
color:#666;
text-decoration:none;
}
.l_nav a:hover{
color:#666;
text-decoration:underline;
}
.l_nav ul {
list-style-type:none;
padding:0;
margin:5px 0;
line-height: 1em;
/*margin:0 0 0 12px;*/
/*overflow:hidden;*/
/*white-space:nowrap;*/
/*color:#666;*/
}/*li margin causing problems with left stars so removed*/
.l_nav ul.sublist{
margin:0 0 0 15px;
}
.open {
background: url(images/arrow-down-blue.gif) left center no-repeat;
padding: 0 12px;
}
.closed {
background: url(images/arrow-right-blue.gif) left center no-repeat;
padding: 0 12px;
}
/* search results */
#srch_list{
padding:0px 30px 5px 0px;
}
#srch_list .item {
 border-bottom:1px dotted #ddd;margin-bottom:15px; 
}
#srch_list a, #srch_list a:link {
text-decoration:underline;color:#00c;cursor:pointer;
}
#srch_list a:visited {
color:#551a8b;
}
#srch_list a:active {
color:#f00;
}
#srch_list a.standard:visited, #srch_list a.standard:active {
color:#00c;
}
/*used for sponsors*/
#srch_list a.gray:visited, #srch_list a.gray:active {
color:#808080;
text-decoration:none;
}
#srch_list a.blue:visited, #srch_list a.blue:active {
color:blue;
}
/* item notes and ratings*/
.item .my_content{
border:1px solid #ccc;
padding:0 11px 11px 11px;
background-color:#ebebeb;
position:relative;
}
.item .mynotes{
width:95%;
}
.item .mynotes td{
padding:3px 3px 3px 0;
}
.item form{
font-size:90%;
}
/*view html output*/
.viewhtml {
font-size: 14px;
}
.viewhtml p, .viewhtml ul, .viewhtml li{
margin-top: 0;
margin-bottom: 0;
padding:0;
}
.cv {
padding:0 15px 0 85px;
border-left:1px solid #ccc;
}
/* job & resume preview */
.preview_heading{
font-size:15px;
color:#000000;
/*
should just use table and remove height
*/
min-height:70px;
height: auto;
_height: 70px;
margin-bottom:1px;
border-bottom:1px solid #ccdaee;
}
.preview_heading b{
font-size:20px;
}
.preview_heading i {
/*font-size:12px;*/
}
/* tool bar */
.tools {
}
.tools a, .tools a:link, .tools a:visited, .tools a:active {
color:#77C;
text-decoration:underline;
}
.tools span.sep {
padding: 0px 6px;
}
.tools a.save {
position: relative;
}
.tools span.rate {
position: relative;
padding: 0px 4px;
}
.tools a.save i, .tools span.rate i {
background: url(images/tools.gif) no-repeat scroll 0 0;
top: 0px;
left: 0px;
height: 16px;
position: absolute;
}
.tools a.save i {
width: 16px;
background-position:0px center;
}
.tools span.rate i {
width: 11px;
background-position: -16px center; /*block_off*/
}
.tools b.save{ /*save_on*/
color:#F60;
}
.tools a.save { /*save_off - move text past image*/
padding-left: 20px;
}
/* ratings */
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{
background: url(images/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a, .star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{
background-position: left bottom;
}
.star-rating a.one-star{
width:20%;
z-index:6;
}
.star-rating a.two-stars{
width:40%;
z-index:5;
}
.star-rating a.three-stars{
width:60%;
z-index:4;
}
.star-rating a.four-stars{
width:80%;
z-index:3;
}
.star-rating a.five-stars{
width:100%;
z-index:2;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}
/* smaller star */
.small-star{
width:50px;
height:10px;
}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating {
background-image: url(images/star_small.gif);
line-height: 10px;
height: 10px;
}
#pagination {
text-align:center;margin:1em 0;
font-size:16px;
}
.outerscroll {width:100%; border-collapse:collapse; margin:0;background:#697210;}/*set to 100%*/
.outerscroll tbody {background:#CCCCCC; color:#000;}
.outerscroll caption {text-align:left;background:#fff; color:#000; margin:0;padding-top:10px;}
.innerscroll {width:95%; border-collapse:collapse;}
.innerscroll td {background:#fff; color:#000;padding:5px 0 5px 10px;}/*added 5px padding to left*/
.outerscroll .scroller {height:8em; overflow:auto;padding:20px 0 0 5px;border-bottom:1px solid #EBEBEB;position:relative;}/*added padding*/
#jobsearch { margin: 4px 0 0 0;}
#jobsearch label { color:#F60; font-weight: bold; font-size:12pt; margin-left: 0px; }
#jobsearch td { padding-right: 4px;text-align:left; }
#chkId{
float:left;margin-left:0px;margin-bottom:2px;padding-left:0px;
border:none;
}
/* column container */
.colmask {
position:relative;  /* This fixes the IE7 overflow hidden bug */
clear:both;
float:left;
width:100%;         /* width of whole page */
overflow:hidden;        /* This chops off any overhanging divs */
}
/* common column settings */
.colleft {
float:left;
width:100%;
position:relative;
}
.col1,.col2 {
float:left;
position:relative;
padding:0 0 1em 0;
overflow:hidden;
}
/* 2 Column (left menu) settings */
.leftmenu .colleft {
right:74%;          /* right column width */
border-right:1px solid #EBEBEB;
}
.leftmenu .col1 {
width:74%;          /* right column content width */
left:102%;          /* 100% plus left column left padding */
}
.leftmenu .col2 {
width:25%;          /* left column content width (column width minus left and right padding) */
left:0%;            /* (right column left and right padding) plus (left column left padding) */
}
#leftRail{
float:left;
width:125px;
border-right:1px solid #EBEBEB;
}
#center{
float:left;
padding: 0 10px;
float:left;
width:490px;
}
#rightRail{
float:right;
width:125px;
padding-left:5px;
border-left:1px solid #EBEBEB;
}
#abuse{
border: 1px solid #cccccc;
padding:2px 8px;
background-color:#eeeeee;
}
.gray_box{
border: 1px solid #cccccc;
padding:2px 8px;
background-color:#eeeeee;
}
