BODY { font-size: 12px; font-family: arial, geneva cy, sans-serif; margin-bottom: 20px; COLOR: #eee; BACKGROUND-COLOR: #2D2D2D; overflow: auto; background: #2D2D2D url(/profile/img/bg.gif) repeat-x; }



#menu{
                     z-index: 1;
                     height: 100px;
                     width: 100%;
	position: absolute; 
}

.menuitem{
	font-weight: bold;
	margin-left: 20px;
	color: #ffffff;
	line-height: 25px;
	text-decoration: none
}

.menu a:link{
	color: #13C4FF
}

.menu a:hover{
	padding-bottom: 2px;
	color: #DEFF98;
	border-bottom: #DEFF98 1px solid
}

/*-----------------------------------------------------*/
/*--- [MOD] Ajax Star Rating --------------by Bash-T---*/
/*START------------------------------------------------*/
#star ul.star { LIST-STYLE: none; MARGIN: 0; PADDING: 0; WIDTH: 85px; HEIGHT: 20px; LEFT: 0px; TOP: -5px; POSITION: relative; FLOAT: left; BACKGROUND: url('images/stars.gif') repeat-x; CURSOR: pointer; }
#star li { PADDING: 0; MARGIN: 0; FLOAT: left; DISPLAY: block; WIDTH: 85px; HEIGHT: 20px; TEXT-DECORATION: none; text-indent: -9000px; Z-INDEX: 20; POSITION: absolute; PADDING: 0; }
#star li.curr { BACKGROUND: url('images/stars.gif') left 25px; left:0px; FONT-SIZE: 10px; }
#star div.user { LEFT: 15px; padding-right: 5px; POSITION: relative; FLOAT: left; FONT-SIZE: 11px; FONT-FAMILY: Arial; COLOR: #717E7D; }
/*-----------------------------------------------------*/
/*--- [MOD] Ajax Star Rating --------------by Bash-T---*/
/*--------------------------------------------------END*/

.rules { color:#fff; padding: 10px; margin: 10px 0px 10px 0; border: #444 1px solid; background:#222; width: 200px; text-align:center; line-height: 12px; }

.recomend { color:#DEDEDE; padding: 10px 10px 10px 20px; margin: 10px 0px 10px 0; background:#333; border: #444 1px solid; width: 295px; line-height: 15px; }
.recomend  span {color: #33F979; }

.pro { float:left; PADDING: 6px 0px 6px 10px; margin:0px; height: 50px; width: 65px; }
.infopro { width:155px; float:left; margin:0px; padding-top: 8px; }
.file { margin-top: 15px; }

.select:hover  a {color:#2CB8E8; }
.select:hover { padding:1px; margin:0px; BORDER: #2CB8E8 1px solid; }
.select {color: #555;  width: 245px; padding:1px; margin:0px; BORDER: #444 1px solid; clear:both; cursor:hand; }

.prolist { float:left; PADDING: 6px 0px 6px 10px; margin:0px; height: 50px; width: 65px; }
.listpro { width:250px; float:left; margin:0px; padding-top: 8px; }


#vivacity { margin: 0; }

.newsblock {
                     text-align:center;
                     border: 1px solid #333;
                     margin-right: 15px;
	margin-bottom: 20px;
	line-height:18px; 
                     color: #999;
	width: 100px;
	height: 150px;
	float:left;
                     padding: 10px;
                     overflow: hidden;
}

.date{
                     margin-bottom: 10px;
                     display: inline; 
                     clear: both;
	font-size: 11px;
	color: #999
}

.newsblock:hover {
                     border: 1px solid #0088C1;
}

.newsblock img { margin:0; }
.newsblock p { margin-top: 8px; color: #999;}

.tx a { text-decoration: none; color: #999;}
.tx a:hover { text-decoration: underline; }


.listselect:hover  a {color:#2CB8E8; }
.listselect:hover { padding:1px; margin:0px; BORDER: #2CB8E8 1px solid; }
.listselect {color: #555;  width: 545px; padding:1px; margin:0px; BORDER: #444 1px solid; clear:both; cursor:hand; }

.city {color: #555; width: 200px; padding:1px; margin:0px; BORDER: #444 1px solid; clear:both; cursor:hand; }

.row:hover {background: #009C4B; color: #fff; }
.row:hover a {color: #fff; }

.smalltext {font-size: 11px; color: #00D265}

.row1  { color: #888; padding: 5px;}
.row1  span { font-size:11px; padding-left: 5px; line-height:10px;}
.row2  { color: #888;  background: #333; padding: 5px; }
.row2  span { font-size:11px; padding-left: 1px; line-height:10px;}
.row3  { color: #888;  background: #333; padding: 5px 15px 5px 5px; text-align:right;}
.row1  a { text-decoration: none; }
.row2  a { text-decoration: none; }

.inform { padding: 10px; background: #333; border: #222 1px solid; }
.list td {background: #555; border: #222 1px solid; }


.bestset { background: #333; height: 34px; margin:15px 0px 15px 0px; padding-left:15px; }
.fileset { background: #333; height: 34px; margin:15px 0px 15px 0px; padding-right:15px; }

.comtext { color:#c2c2c2; font-size:12px; float:left; clear:both; width:100%; padding-right:10px; }

.comment { font-size:12px; margin-top:20px; COLOR: #eee; BACKGROUND-COLOR: #333; padding:10px; }
.comment small{ font-size: 10px; COLOR: #555; }
.comment p { padding:0px; margin-top:10px; line-height: 16px; }
.comform{ margin-top:10px; }

.inform b { font-weight: bold; }
.inform li { list-style: none; color: #21D56D;}

.login a { padding-right:10px; } 

.usname {
background: #333 url(/profile/img/user.gif) no-repeat; 
background-position: 5px 7px; 
padding-bottom: 5px; 
padding-left: 25px; 
color: #04B9F8;
font-weight: bold;
}

.sight {
padding-bottom: 5px; 
padding-left: 5px; 
color: #04B9F8;
font-weight: bold;
}

#resize {
text-align: left;
overflow: hidden;
position: relative; 
width: 152px;
height: 122px;
border: 0px;
margin-bottom:0px;
margin-right: 0px;
padding: 0px;
}

small { font-size: 11px; line-height: 14px; }

#resize img { overflow: hidden; }
#resize A IMG:hover { BORDER: #2CB8E8 1px solid; }
#resize A IMG { BORDER: #2d2d2d 1px solid; }

#next a { font-size: 22px; color: #555; text-decoration:none;}
#next a:hover{ color: #fff; }
#next  td { font-size:11px; color: #555; padding-top: 10px;}
#next A IMG:hover { BORDER: #fff 1px solid; }
#next A IMG { BORDER: #2d2d2d 1px solid; }

td { line-height: 22px; }
hr { margin-bottom: 10px; padding: 0px; }

#resizecat {
text-align: left;
overflow: hidden;
position: relative; 
width: 122px;
height: 122px;
margin-bottom: 15px;
margin-right: 15px;
padding: 0;
}

#resizecat  img { overflow: hidden; }
#resizecat  A IMG:hover { BORDER: #2CB8E8 1px solid; }
#resizecat  A IMG { BORDER: #2d2d2d 1px solid; }

#bestphoto {
text-align: left;
border:0px;
overflow: hidden;
position: relative; 
width: 510px;
height: 298px;
margin-right: 0;
padding: 0;
}

#bestphoto img { overflow: hidden; }

h1 { font-weight: normal; font-size: 22px; padding-bottom: 15px; padding-top: 15px; margin: 0; color: #999; }
h2 { padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 18px; padding-bottom: 15px; margin: 0px; padding-top:15px;}
h3 { font-weight: normal; margin:0px; padding:0px; font-size: 18px; color: #888; }
h3 a { font-weight: normal; font-size: 12px;}

h4 { font-weight: normal; margin:0px; padding:10px; font-size: 18px; color: #888; }
h5 { font-weight: normal; font-size: 12px; padding: 10px; margin-top: 10px; color: yellow; background: #222; border: 1px solid #444;}
h6 { padding-right: 0px; padding-left: 0px; font-weight: normal; font-size: 18px; padding-bottom: 5px; margin: 0px; }


IMG { border: 0px; padding:0px; margin: 0px; }

UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

td { font-size: 12px; font-family: arial, geneva cy, sans-serif; }

.selectnext ul { margin-top: 10px; }
.selectnext li { display: inline; }

.cat { font-size: 24px; padding: 0px; margin: 0px; clear: both; float: left }
.add { font-size: 12px; margin: 0px; text-decoration: none; clear: both; float: right }


.addtop a { font-size:12px; margin-right: 15px; maegin-left: 15px; color:#00DB69; }
.addtop a:hover {  color:#2CB8E8; text-decoration:none;  }

.addcity { font-size: 12px; margin: 0; text-decoration: none; clear:both;   }
.addcity a { margin-right:10px; color:#777; padding-bottom:1px; border-bottom: 1px dashed; text-decoration: none;  }
.addcity a:hover { color:#fff; padding-bottom:1px; border-bottom: 1px dashed; text-decoration: none;  }
.com { display: none }

.text { font-size: 12px; padding-top: 20px;  font-family: arial, geneva cy, sans-serif }
.copy { padding-right: 2px; padding-left: 2px; font-size: 9px;  padding-top: 2px; }
.rss { margin-bottom: 5px; padding: 10px 0px 0px 0px; }
.rss a { padding-right: 5px; padding-left: 5px; }

.selectnext li a {padding-right: 10px; display: block; padding-left: 10px; font-weight: 700; padding-bottom: 8px; color: #fff; padding-top: 8px; border-bottom: #444 1px solid; text-decoration: none! important}

.selectnext li a:hover{ padding-right: 10px; display: block; padding-left: 10px; font-weight: 700; background: #dc1e05; padding-bottom: 8px; color: #fff; padding-top: 8px; border-bottom: #444 1px solid; text-decoration: none! important }

/*--- start mod: photo preview hack, reworked by kw ---------------------------*/
.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; }
/*--- start mod: photo preview hack, reworked by kw ---------------------------*/

.maincat  {  font-family: tahoma, sans-serif; text-align: left; font-size: 18px; font-weight: normal; text-decoration: none; line-height: 25px; }

.subcat { font-size: 12px; font-weight: bold; }
.load { background:url('/profile/img/load.gif')  0 0 no-repeat; background-position: center; }

.new img { position:absolute; left: 10px; top: 10px; }

.rzd { position:absolute; right: 10px; top: 5px; font-size: 10px; background: #000; text-decoration: none; padding: 2px;}
.rzdcat { position:absolute; top: 5px; right: 5px; padding: 2px; }
.rzdcat a { color: #fff; background: #0B7397; font-size: 10px; text-decoration: none; padding: 2px; }
.rzdcat a:hover { color: #fff; background: #E10C0C; font-size: 10px; text-decoration: none; padding: 2px; }

.hd { background: #000; }

.top {margin:0; padding:0; }
.top A IMG:hover { BORDER: #2CB8E8 1px solid; }
.top A IMG { BORDER: #2d2d2d 1px solid; }


.avator_item { float: left;  width: 50px; margin-right: 15px; margin-bottom: 5px; height: 72px }
.avator_item A IMG:hover { BORDER: #2CB8E8 1px solid; }
.avator_item A IMG { BORDER: #2d2d2d 1px solid; }

.comment_item { float:left; width: 50px; height: 50px; padding-bottom: 5px;}
.comment_item A IMG:hover { BORDER: #2CB8E8 1px solid; }
.comment_item A IMG { BORDER: #2d2d2d 1px solid; }

.dop_info { font-size: 9px; font-family: tahoma; text-align:center;}
.absmiddle { vertical-align: middle; margin-right:8px; }

.button {
	font-family: Arial;
	font-size: 12px;
	padding: 6px 10px 6px 10px;
	color: #fff;
                     margin: 0px;
	background-color: #009C4B;
	border: #009C4B 0px solid;
}

textarea, input {
	font-family: Arial;
	color: #fff;
                     margin: 0px;
	background-color: #333;
	border: #444 1px solid;
                     padding: 6px;
                     scrollbar-face-color:#444;
                     scrollbar-highlight-color:#444;
                     scrollbar-3dlight-color:#444;
                     scrollbar-darkshadow-color:#444;
                     scrollbar-shadow-color:#222;
                     scrollbar-arrow-color:#111;
                     scrollbar-track-color:#555;
}


#pages  { background-color:#333; overflow:auto; }
#pages a  { font-family: "Times New Roman", Times, serif; font-size:14px; color:#fff; display:block; padding:6px 15px; float:left; background-color:#3b3b3b; border-right:1px solid #2d2d2d; text-decoration:none; }
#pages a:hover  { background-color:#111; }
#pages span  { font-family: "Times New Roman", Times, serif; font-size:14px; color:#fff; display:block; padding:6px 15px; float:left; background-color:#009C4B; border-right:1px solid #333; text-decoration:none; }

.name { font-family: "Times New Roman", Times, serif; font-size:18px; color:#fff; display:block; padding:10px 10px; float:left; background-color:#009C4B; border-right:1px solid #333; text-decoration:none; }

form { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; }


.proinfo LI { DISPLAY: block; FLOAT: left; WIDTH:150px; POSITION: relative; HEIGHT:120px; BACKGROUND-COLOR: #2d2d2d; padding:0px; top:0px; border:1px;}
.index LI { DISPLAY: block; FLOAT: left; WIDTH: 150px; POSITION: relative; HEIGHT:120px; BACKGROUND-COLOR: #2d2d2d; margin: 5px; }

.proinfo .wrapper { DISPLAY: none; }
.proinfo .shade { DISPLAY: block; BACKGROUND: #000; WIDTH: 150px; POSITION: absolute; HEIGHT: 120px; opacity: 0.80; FILTER: alpha(opacity=80)}

.proinfo .user { PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; RIGHT: 0px; PADDING-BOTTOM: 5px; COLOR: #fff; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; TEXT-DECORATION: none; }
.proinfo .url { PADDING: 0px; DISPLAY: block; HEIGHT: 120px; WIDTH: 150px; PADDING-TOP: 0px; POSITION: absolute; TEXT-DECORATION: none; }
.proinfo .title { DISPLAY: block; line-height: 12px; FONT-SIZE: 11px; LEFT: 7px; COLOR: #fff; BOTTOM: 10px; POSITION: absolute; TEXT-DECORATION: none;  WIDTH: 70px; }
.proinfo .user img { padding-right: 3px; }
.proinfo .user:hover { PADDING-RIGHT: 7px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 11px; RIGHT: 0px; PADDING-BOTTOM: 5px; COLOR: #2CB8E8; BOTTOM: 0px; PADDING-TOP: 0px; POSITION: absolute; TEXT-DECORATION: underline }
.proinfo .active .wrapper { DISPLAY: block }
.proinfo .shade { FILTER: alpha(opacity=60) }
.proinfo .highlight .shade { FILTER: alpha(opacity=100) }