div.auto_scroll_swtich{
width: 100%;
text-align: right;
padding-bottom:4px;
margin-bottom:6px;
}

div.auto_scroll_swtich label{
padding: 2px;
padding-bottom: 3px;
font-size: 12px;
color: #999999;
border-left: 3px solid #82BB00;
border-bottom: 1px solid #A3D276;
}

div.auto_scroll_swtich label input{
vertical-align: middle;
}

div.latest_news_container{
display: block;
/*height: 1145px;*/
overflow: hidden;
}

div.news_title{
font-size: 15px;
border-bottom: 1px solid #CCCCCC;
font-weight: bold;
height: 18px;
}
span.hot_img_title{
display:block;
float: left;
width: 40px;
}
span.headline_title{
display:block;
float: left;
width: 495px;
}
span.date_added_title{
display:block;
float: left;
whidth: 80px;
}

div.active {
clear: both;
font-size: 12px;
height: 31px;
padding-bottom: 1px;
border-bottom: 1px solid #CCCCCC;

background: #E8ECF4;
cursor: pointer;
color: black;

background-image: url(images/sb-a-bg3.gif);
background-repeat: repeat-y;
background-attachment: scroll;
background-position:0px 0px;
color: rgb(35, 146, 228);
}

div.news_item{
clear: both;
font-size: 12px;
height: 31px;
padding-bottom: 1px;
border-bottom: 1px solid #CCCCCC;
color: #105CB6;
}
span.hot_img{
float: left;
width: 40px;
}
span.headline{
float: left;
width: 495px;
font-weight: bold;
}
span.date_added{
float: left;
width: 80px;
color: #168039;
}
span.progress_img{
float: left;
}

.post {
position: relative;
padding-bottom: 16px;
}
/* For some bizarre reason IE Win needs a width to
be able to position absolute inside relative */
* html .post { width: 100%; }

.post .post-title {
color: #fff;
background-repeat: no-repeat;
background-position: 100% 100%;
background-color: #999;
margin: 0 0 0 26px;
padding-bottom: 5px;
}
.post .post-title h1 {
display: block;
font-size: 125%;
color: #fff;
background-repeat: no-repeat;
background-position: 100% 0;
background-color: #aaa;
padding: 5px 36px 0;
}
* html .post .post-title h1 {
height: 1%;
}
.post .post-title h1 a {
color: #fff;
border-width: 0;
}
.post .auth {
display: block;
color: #888;
margin: 0px;
padding: 5px 0 0;
text-align: right;
font-size: 11px;
line-height: 1.2em;
}
* html .post .auth { margin-top: -18px; }

.click{
color: #6CA8E1;
}

.post .auth em, .post .auth em span {
display: block;
width: 52px;
color: #666;
text-align: center;
font-family: "Trebuchet MS", Verdana, sans-serif;
font-style: normal;
line-height: 1.3em;
}
.post .auth em {
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
background-position: 0 0;
background-color: #fff;
padding: 7px 0 0;
text-transform: uppercase;
}
.post .auth em span {
background-repeat: no-repeat;
background-position: 0 100%;
background-color: #eee;
padding: 1px 0 4px;
font-size: 150%;
}
.post-body {
clear: both;
padding: 16px 16px 10px;
line-height: 1.6em;
}
.post .meta {
font-size: 12px;
line-height: 1.6em;
margin: 4px 16px 10px;
padding: 6px 10px;
background: #f5f5f5;
border: 1px solid #ddd;
}
.post .meta a {
color: #6CA8E1;
}
.post .new_meta {
border: 1px solid #FDD36E;
background-image: url(images/content_bg.gif);
}

.post .auth em, .post .auth em span {
background-image: url(images/cs2_cal3.gif);
}

.typo_date {
cursor: help;
border-bottom: 1px dotted #888;
}

.spinner_container {
text-align: center;
}

/* rating */
/*  styles for the unit rater     */
.ratingblock {
/*width: 160px;*/
display:block;
/*text-align: right;*/
padding-bottom:0px;
margin-bottom:0px;
}

.loading {
height: 20px;
background: url('images/working.gif') 50% 50% no-repeat;
}

.unit-rating { /* the UL */
list-style:none;
margin: 0px;
padding:0px;
height: 20px;
position: relative;
background: url('images/starrating.gif') top left repeat-x;		
}

.unit-rating li{
text-indent: -90000px;
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}

.unit-rating li a {
outline: none;
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}

.unit-rating li a:hover{
background: url('images/starrating.gif') left center;
z-index: 2;
left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating {
background: url('images/starrating.gif') left bottom;
position: absolute;
height: 20px;
display: block;
text-indent: -9000px;
z-index: 1;
}

.voted {color:#999;}
.thanks {color:#36AA3D;}