@charset "UTF-8"; 
/* CSS Document */
*{padding:0; margin:0; font-family:Geneva, Arial, Helvetica, sans-serif;}
p{margin-top:0}
a {outline:none; }
img { -ms-interpolation-mode: bicubic; }

html {background:#EAE7FF url(Images/bg.png) repeat-x}
body{padding:0px; margin:0; text-align:center; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:12px; color:#666;}
body a:link{color:#333; text-decoration:none; border:none;}
body a:visited{text-decoration:none; color:#333; border:none;}
body a:hover{text-decoration:none; color:#999; border:none;}
body a:active{text-decoration:none; color:#333; border:none;}
.border_div {border:1px solid #CCCCFF; border-bottom-width:0px;}
.second_link_style{color:#C3C7D8; margin-left:16px; font-size:11px}
h1.main {color:#8F99B4; font-size:22px; letter-spacing:120%;}

#viewnav{background:url(Images/button.gif) no-repeat; text-align:center; width:75px; height:16px; color:#999; border:0px solid #FFF; font-size:11px; padding-top:1px; display:block; float:right}
#viewnav:hover{color:#777; background:url(Images/button_ovr.gif) no-repeat}
#viewnav2{background:url(Images/button.gif) no-repeat; text-align:center; width:75px; height:16px; color:#CCC; border:0px solid #FFF; font-size:11px; padding-top:1px; display:block; float:right}
#flashnav{background:url(Images/button.gif) no-repeat; text-align:center; width:75px; height:16px; color:#999; border:0px solid #FFF; font-size:11px; padding-top:0px; display:block; margin:0px 2px 0px 2px; float:left}

#container{width:770px; padding:10px; margin:0 auto; text-align:left; background:#FFF; clear:both; border:1px solid #EAE7FF; }

.textbox{width:100%; padding:2px; margin-bottom:4px; border:1px solid #CCF; font-family:Geneva,Arial,Helvetica,sans-serif}

.button{background:#EAE7FF; border:#99F 1px solid; padding:1px;}
.button:hover{background:#F1EEFA; border:#99F 1px outset}
.button:active{background:#99F; border:#99F 1px outset}

.one{text-align:left; border-left:1px solid #e5f5e5; border-top:1px solid #e5f5e5; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin:0 auto}
.two{text-align:left; border:solid #ececec; border-width:0px 1px 1px 0px; margin:0 auto}
.three{text-align:left; border:solid #f5f5f5; border-width:0px 1px 1px 0px; margin:0 auto}
.four{text-align:left; border:solid #fcfcfc; border-width:0px 1px 1px 0px; margin:0 auto}

.style1{color:#CCC}

#head_but{padding:4px 6px 3px 6px; display:block; float:left; margin:0px 16px 0px 0px; text-align:center; font-size:15px; color:#6699D1;}
#head_but:active{color:#DDD;}

.heading {font-size:14px; padding:3px 4px 2px 8px; color:#666666; width:auto; display:block; background:#C6CFEC url(Images/80_grad.png) repeat-x;}
#footer p{color:#A8A7C3; font-size:11.4px; margin-bottom:3px; }
#footer a{color:#A8A7C3; font-size:11.4px; margin-bottom:3px; }


#left_side{font-size:14px; padding:4px 0px 4px 20px; border-bottom:#E6E3FF 1px solid; width:170px; display:block; color:#69C; background-color:#FFF;}
#left_side:hover{color:#999; background:url(Images/side_arrow.gif) no-repeat left #EFEFFF;}
#left_side_selected{font-size:14px; padding:4px 0px 4px 20px; border-bottom:#E6E3FF 1px solid; width:170px; display:block; color:#69C; background:url(Images/side_arrow2.gif) no-repeat left #FFF;}

.sliderwrapper{position:relative; /*leave as is*/overflow:hidden; /*leave as is*/width:100%; /*width of featured content slider*/height:142px; background:#F6F2FF}
.sliderwrapper .contentdiv{visibility:hidden; /*leave as is*/position:absolute; /*leave as is*/left:0;  /*leave as is*/top:0;  /*leave as is*/padding:0px; background:#F6F2FF; width:100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */height:142px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity:1; opacity:1}

#description a {color:#91B0E9; text-decoration:underline; }
.icon_style {border:1px solid #E1DCF6; padding:2px;}

.pagination {display:none;}
.pages {background:#E4E4E4 repeat-x url(Images/80_grad.png); padding:2px 8px; border-bottom:1px solid #CCC; color:#AAA; font-size:11px;}
.pages a {padding:2px 5px 3px 5px;}
.pages a:hover {background-color:#CFDBEE;}

.form_left {width:200px; margin-bottom:10px; float:left; display:block;}
.form_right {width:550px; margin-bottom:10px; float:left; display:block;}

.contact input{margin-bottom:15px; width:248px; border:1px inset #666666; padding:3px;}
.contact input:focus {border:1px solid #A6B3D7;}

.contact_but input {width:74px; padding:1px; border:1px solid #666666; background:#E4E5FF;}
.contact_but input:hover {background:#F7F4FF;}

select {border:1px solid #C8D1E4; padding:1px;}

#resource_ad {width:188px; height:59px; display:block; background:url(Images/checkout_resources_bw.jpg) no-repeat; }
#resource_ad:hover {background:url(Images/checkout_resources.jpg) no-repeat;}
.side_item{ width:182px; border:1px solid #E0DCFF; padding:2px; margin-top:8px;}
.side_item h2 { font-size:12px; font-weight:normal; padding:2px; background:#EEEFF9;  color:#69C; text-align:center;}
.side_item h2:hover {background:#F6F4FF;}
.side_item h3 { font-size:12px; font-weight:normal; padding:2px 2px 2px 4px; color:#69C; text-align:left; border-bottom:1px solid #F3F3F3 }
.side_item h3:hover { background:#F2F0FF;  }

.feat_box {display:block; float:left; margin:6px 2.3px 0px; text-align:center; height:116px; overflow:hidden;}
.feat_box_sub {background:#555; margin-top:-20.6px; padding:1px 0px 20px 0px; -moz-opacity:.8; filter:alpha(opacity=80); opacity:.8; min-width:116px; display:block; text-align:center;}
.feat_box_sub a {color:#FFFFFF;}

.sur_header {margin:-10px -10px 0px; border-bottom:#C8D1F9 1px dotted; text-align:left; padding:2px 10px 3px 14px; background:#F6F2FF;}
#TICKER_OUT {background:#F6F2FF; width:auto; padding:1px 14px 1px 14px;}
#TICKER {overflow:hidden; margin:0px 1px 0px 1px; padding:2px 2px 2px 2px; width:auto;}
#TICKER a {color:#69C; margin-right:7px; }

#news, #popwork, #poprec, #topics {padding:4px 2px 10px 2px; background:#EAE7FF url(Images/bg.gif) repeat-x top; border-bottom:1px solid #EFEFEF; color:#74819F;}

#bar a{padding:2px 10px; color:#666;}

.stats_left {clear:both; float:left; font-weight:bold; color:#999999}
.stats_right {clear:right; float:right; color:#828DCD;}

.portal_col {width:240px; border:1px solid #D5D6E8; margin:0px 10px 0px 0px; float:left;}
.portal_row {padding:3px 8px; width:auto; display:block; border-top:1px solid #FFF; font-family:Geneva, Arial, Helvetica, sans-serif; background:#F5F5F5 url(Images/80_grad.png) repeat-x ;}
.portal_num {color:#999999;}
.portal_sur {background:#E4E4E4 repeat-x url(Images/80_grad.png); padding:2px 8px; border-bottom:1px solid #CCC; color:#AAA; font-size:11px;}
.portal_sur:hover {border-bottom-color:#BAC1DC;}
.portal_sur a {color:#999999; }
a.portal_row span.tip {display:none; padding:2px 6px; margin:-2px 0px 0px 12px; width:140px; font-size:10.7px;}
a.portal_row:hover span.tip {display:inline; position:absolute; border:1px solid #cccccc; background:#E1E6F5 url(Images/80_grad.png) repeat-x; color:#6c6c6c;}

.profile_title {border-bottom:1px dotted #BBB; padding:1px 4px;}
.header {font-size:14px; color:#669fdf; }
.profile_col {color:#666666; padding:6px; width: 47%; float:left; line-height:150%;}




.code {margin:6px; padding:6px 12px; color:#6E7FFF; background:#F6F6F6; line-height:130%; border:1px solid #DDD; border-left-width:5px;}

.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(Images/star.png) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:120px;
	height:26px;
	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:26px;
	line-height:26px;
	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:10%;
	z-index:11;
}
.star-rating a.two-stars{
	width:20%;
	z-index:10;
}
.star-rating a.three-stars{
	width:30%;
	z-index:9;
}
.star-rating a.four-stars{
	width:40%;
	z-index:8;
}
.star-rating a.five-stars{
	width:50%;
	z-index:7;
}
.star-rating a.six-stars{
	width:60%;
	z-index:6;
}
.star-rating a.seven-stars{
	width:70%;
	z-index:5;
}
.star-rating a.eight-stars{
	width:80%;
	z-index:4;
}
.star-rating a.nine-stars{
	width:90%;
	z-index:3;
}
.star-rating a.ten-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}