


#prev_bo {float: left; width: 700px; margin: 2px; padding:7px;}   
.preview_box {
  border: 1px dashed #004C75;
  vertical-align: top;
  text-align: center;
}

.preview_box_colored {
  border: 1px solid #004C75;
  background: #F1F1F1;
  vertical-align: top;
  text-align: center;
}

#paging { padding:5px; margin:2px;}
#paging  a:hover { border: 1px solid #99CCFF; background-color: #F0FAFF; padding:5px; margin:2px;}
#paging a{border: 1px solid #99CCFF;  background-color: #F0FAFF; padding:2px; margin:1px;}
.pag {border: 1px solid #99CCFF;  background-color: #F0FAFF; padding:5px; margin:2px;}
.pag{border: 1px solid #99CCFF;  background-color: #F0FAFF; padding:5px; margin:2px;}

	
.thumbshot {background:url("img/thumbshot.png") top left no-repeat;float:right; margin:0 0 0 0; width:109px; height:98px; overflow:hidden;}
.thumbshot a {background:url("img/thumbshot.png") top left no-repeat;float:right; margin:0 0 0 0; width:109px; height:98px; overflow:hidden;}

.thumbshot  img { float: left; margin:10px 0 0 14px;}		
.thumbshot   a:hover{ background:url("img/thumbshot1.png") top left no-repeat;}	




#cat_bg {  margin: 4px; padding:0 3px 0 3px; height: 25px;
border: 0px solid #a8deeb;}

#cat_bg  a{  margin: 4px; padding:0 3px 0 3px; height: 25px;
border: 0px solid #a8deeb;}

#cat_bg a:hover{  background-color: #F0FAFF; }

 .greybox   {margin-top: 7; margin-bottom: 7;padding-top:3px;  padding-bottom:3px }

 
.desc        { margin:2;  padding-left:3px;padding-top:3px; padding-right:3px; padding-bottom:3px ;	border:0px 0px 0px 0px;}
.box_top     { color: #346cb2; font-weight: bold; background: #d1f4ff; height: 23px; border-left: 20px solid #fff; margin: 0; }

.box_top_cat { 
font-weight:bold; color: #3E1A0F; background: #d1f4ff; 

}
.box_middle_cat     { color: #6a6a6a;}

.last_list   { 
	margin:4;
	padding:5px;  
	background-color:#FFFFFF; 
	background-image: url("images/fill_list.gif");
	background-repeat: repeat-x ;  
}


.logintext
{
	COLOR: #6a6a6a;
	FONT-FAMILY: Tahoma, Verdana;
	FONT-SIZE: 11px;
	text-align:right;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 123px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	BACKGROUND: URL("images/icon_user.gif"/*tpa=images/icon_user.gif*/) Right no-repeat;
	BACKGROUND-COLOR: #FFFFFF;
	PADDING-Right: 18px;
}

.content0 {
	width: 95%;
	background-image:url("images/fill_head.gif"/*tpa=images/fill_head.gif*/);
	background-repeat: repeat-x;
	background-position: center top; 
 }
.content {
	width: 98%;
	background-image:url("images/fill_head.gif"/*tpa=images/fill_head.gif*/);
	background-repeat: repeat-x;
	background-position: center top; 
 }




a,a:link, body_alink
{
	color: #2dc1ef;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #2dc1ef;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #ff3300;
	text-decoration: none;
}
hr {
  height: 1px; 
  color: #004c75;
  background-color: #ffffff;
}

ul, li, p, td {
  margin:0; color: #004c75;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt
}



.navbar {
  background-color: #fae16a;
  color: #004c75;
}

.head1 { margin:10px 0 10px 0 ;}


.title {
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: bold;
}

.clickstream {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
}

.smalltext {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

.marktext {
  color: #FF0000;
  background-color: #ffffff;
}

.new {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  color: #FF0000;
}



.logininput {
	COLOR: #6a6a6a;
	FONT-FAMILY: Tahoma, Verdana;
	FONT-SIZE: 11px;
	text-align:right;
	BORDER-STYLE: solid;
	BORDER-COLOR: #888888;
	BORDER-WIDTH: 1px;
	WIDTH: 123px;
	PADDING: 3px 2px 2px 2px;
	MARGIN: 0px;
	BACKGROUND-COLOR: #FFFFFF;
}

.searchinput
{
	COLOR: #6a6a6a;
	FONT-FAMILY: Tahoma, Verdana;
	FONT-SIZE: 11px;
	text-align:right;
	WIDTH: 120px;
	height: 28px;
	PADDING: 3px 13px 2px 5px;
	MARGIN: 0px;
	BACKGROUND:url("images/bhth-fill.gif"/*tpa=images/bhth-fill.gif*/)  no-repeat;
	border:0px 0px 0px 0px;
}
.select {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
}

.setperpageselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
}

.categoryselect {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  color: #0f5475;
  font-size: 9pt;
}

.dropdownmarker {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  background-color: #EEEEEE;
  color: #136c99;
  font-size: 9pt;
}


/*--Categories------------------------------------------------*/
.catbgcolor {
  background-color: #fafcff;
}

.maincat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 9pt;
  font-weight: bold;
}

.subcat {
  font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  font-weight: bold;
}

#back_body_top {
	background-image: url("images/body_top.gif"/*tpa=images/body_top.gif*/);
	background-repeat: repeat-x;
	width:100%;
	height:100%;
}
#back_body_btoom {
	background-image:url("images/body_btoom.gif"/*tpa=images/body_btoom.gif*/); 
	background-repeat: repeat-x;
	width:100%;
	height:100%;
	background-position: center bottom;
}
.fill_div {
	border-left: 1px #D1DEE4 solid ; 
	border-right: 1px #D1DEE4 solid ;
}






.HomeLink a {
	background:url("images/home.jpg"/*tpa=images/home.jpg*/) no-repeat center center;
	display:block;
	width:72px;
	height:18px;	
}
.HomeLink a:hover {
	background:url("images/HomeLink.gif"/*tpa=images/HomeLink.gif*/) no-repeat center center;
}
.sharh a {
	background:url("images/sharh.jpg"/*tpa=images/sharh.jpg*/) no-repeat center center;
	display:block;
	width:120px;
	height:18px;	
}
.sharh a:hover {
	background:url("images/Sharh.gif"/*tpa=images/Sharh.gif*/) no-repeat center center;
}
.new_tobek a {
	background:url("images/new_tobek.jpg"/*tpa=images/new_tobek.jpg*/) no-repeat center center;
	display:block;
	width:97px;
	height:18px;	
}
.new_tobek a:hover {
	background:url("images/NewTobic.gif"/*tpa=images/NewTobic.gif*/) no-repeat center center;
}

#page {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
    background-image: url("images/body.gif"/*tpa=images/body_top.gif*/);
    background-repeat: repeat-x;
}

	
#u-stat { background-image: url("img/u-stat.gif"); color:#5cb600; }
#u-stat a{color:#5cb600; }
#u-stat a:hover{ background-color:#e0ffc3; border:1px solid #93e249; color:#5cba00;}


#u-user { background-image: url("img/u-user.gif");width: 235px; height: 160px;  color:#346b00;}
#u-user a{color:#f37522;}
#u-user a:hover{ background-color:#fff09d; border:1px solid #ffdc1c; color:#f37522;}

.tagtag{ font-weight: bold;width: 228px; margin: 13px 20px 0 0; float: right; display: inline; position: relative; }
.tagtag p{  overflow: hidden; width: 228px; height: 100%; background-image: url("img/tag2.png");}
.hed-tag{ display: inline; float: right; width: 228px; height: 54px; background-image: url("img/tag1.png"); position: relative; }
.hed-center{ clear: both;  float: right; display: inline; width: 228px; background-image: url("img/tag2.png"); position: relative}
.hed-center a:hover{ background-color:#f7ffe1; border:1px solid #7ad423; color:#55b000;}
.hed-three{ display: inline; float: right; width: 228px; height: 42px; background-image: url("img/tag3.png"); position: relative; }



.onlatag{ font-weight: bold;width: 228px; margin: 13px 20px 0 0; float: right; display: inline; position: relative; }
.onlatag p{  overflow: hidden; width: 228px; height: 100%; background-image: url("img/onla2.png");}
.onla{ display: inline; float: right; width: 228px; height: 54px; background-image: url("img/onla1.png"); position: relative; }
.onla-center{ clear: both;  float: right; display: inline; width: 228px; background-image: url("img/onla2.png"); position: relative}
.onla-center a:hover{ background-color:#f0f9ff; border:1px solid #2dc1ef; color:#2dc1ef;}
.onla-three{ display: inline; float: right; width: 228px; height: 42px; background-image: url("img/onla3.png"); position: relative; }


.toptag{ font-weight: bold;width: 228px; margin: 13px 20px 0 0; float: right; display: inline; position: relative;color:#8f6199; }
.toptag p{  overflow: hidden; width: 228px; height: 100%; background-image: url("img/top2.png");}
.toptag  a{ color:#ff008b;}
.top{ display: inline; float: right; width: 228px; height: 54px; background-image: url("img/top1.png"); position: relative; }
.top-center{width: 228px; clear: both;  float: right; display: inline; background-image: url("img/top2.png"); position: relative;}
.top-center a{width: 146px; height:27px;float: right;background-image: url("img/top.png"); margin: 1px 30px 1px 0;color:#fff;}
.top-center a:hover{width: 146px; height:27px;background-image: url("img/top0.png");}
.top-three{ display: inline; float: right;width: 228px;height: 42px; background-image: url("img/top3.png");position: relative;}


.logtag{ font-weight: bold;width: 228px; margin: 13px 20px 0 0; float: right; display: inline; position: relative; color:#f04923; }
.logtag  a{ color:#ff9000;}
.logtag p{  overflow: hidden; width: 228px; height: 100%; background-image: url("img/log2.png");}
.log{ display: inline; float: right; width: 228px; height: 54px; background-image: url("img/log1.png"); position: relative; }
.log-center{ clear: both;  float: right; display: inline; width: 228px; background-image: url("img/log2.png"); position: relative}
.log-center a:hover{ background:#ffffff; border:1px solid ff9000; color:#ff9000; padding: 2px 8px 5px 8px; }
.log-three{ display: inline; float: right; width: 228px; height: 42px; background-image: url("img/log3.png"); position: relative; }


.ctttag{ width: 228px; margin: 13px 20px 0 0; float: right; display: inline; position: relative; }
.ctttag p{  overflow: hidden; width: 228px; height: 100%; background-image: url("img/ctt2.png");}
.ctt{ display: inline; float: right; width: 228px; height: 54px; background-image: url("img/ctt1.png"); position: relative; }
.ctt-center{ margin: 0 0 0 0; clear: both;  float: right; display: inline; width: 228px; background-image: url("img/ctt2.png"); position: relative}
.ctt-center a:hover{color:#ff0000;}
.ctt-center td :hover{background:#fff;}
.ctt-three{ display: inline; float: right; width: 228px; height: 18px; background-image: url("img/ctt3.png"); position: relative; }
