/* © 2009 viipiin@live.com */
body,div,ul,li,input,select,textarea,p,td,h1,h2,h3,h4,form{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0; }
ul,li{ text-align:left; list-style:none}
h2{
	font-size:12px;
	color:#819f01;
	padding:4px 2px;
}
a{ color:#800000;  text-decoration:none; outline:none}
a:hover{ text-decoration:underline;}
/* Updated */
html,body{width:100%;height:100%;margin:0;padding:0}
body{overflow-y:scroll;overflow-x:auto;text-align:center; background:#f4f4f4}
#masterBody{overflow:hidden}


img{ border:none;}

/*  End of Updated */

.logerror{ color:#CC0000; border:1px solid #CC0000; padding:2px; }

#master{ width:960px; margin-left:auto; margin-right:auto; text-align:left}

#master .tophdlink{repeat-x; height:24px; } 

#master .tophdlink .navs{background:url(../images/topnav_02.gif) repeat-x bottom; float:right; height:24px;  color:#666666; font-size:11px; margin-right:20px;  }

#master .tophdlink .navs a{ margin-top:5px ; color:#999999; text-decoration:none}

#master .tophdlink .navs a:hover { color:#FFCC00; }

#master .tophd{ height:84px; background:url(../images/hdbg.png) no-repeat 150px;}

#master .tophd .lt{ float:left; background:url(../images/tpco.png) no-repeat  left; width:4px; height:84px}

#master .tophd .rt{ float:right; background:url(../images/tpco.png) no-repeat right; width:4px;  height:84px}

#master .tophd .searchbx{ float:right; width:405px; height:64px; margin:10px;   }

#master .tophd .searchbx a{ color:#000000; text-decoration:none; vertical-align:middle; font-weight:bold}

#master .tophd .searchbx a:hover{ font-weight:bold; color:#CC0000}

#master .tophd .searchbx div{ padding:6px 4px; font-size:11px; margin:0px 5px; background:#ffd600; }

#master .tophd .searchbx .txt{ width:337px !important; border:2px solid #333333 !important; margin:4px 0px !important; vertical-align:middle !important;padding:4px 3px !important; font-weight:bold !important; height:27px !important; }

#master .tophd .searchbx .search{ background:url(../images/search.png) no-repeat; border:none; vertical-align:middle; margin:0px; padding:0px; height:27px; width:33px; cursor:pointer;    }

#master .tophd .searchbx .rt{ float:right; background:url(../images/sebx.gif) no-repeat left; width:5px;  height:64px;  right:-5px}

#master .tophd .searchbx .lt{ float:left; background:url(../images/sebx.gif) no-repeat right; width:5px;  height:64px;  left:-5px}

#header{ background:url(../images/top_01.png) #ffc400 repeat-x ;}



#menu, #promenu{
	height:34px;
	background:url(../images/mn.png ) center top no-repeat;
	font-size:12px;
	font-weight:bold;
	vertical-align:middle

}

#menu img,#promenu img { vertical-align:middle}



#menu li, #promenu li {
font-size:12px;
float: left;

list-style:none;

list-style-type:none;

}

#mygallery a { text-decoration:none; color:#000000}

#mygallery a:hover{ text-decoration:underline;}

#mygallery img{ }



.navsettings a, #menu li a{

padding-top:9px;color:#252525;float: left; block;text-decoration: none;text-align: left;

height: 24px;  background:url(../images/icondisabled.png) no-repeat    ; padding-left:40px; margin:0px 5px;

}



#promenu li a{

padding-top:9px;color:#252525;float: left; block;text-decoration: none;text-align: left;

height: 24px;  background: url(../images/msgstrip.gif) no-repeat    ; padding-left:40px; margin:0px 5px;

}

#promenu li.nav0 a{background-position:10px -65px}

#promenu li.nav1 a{background-position:10px 5px}

#promenu li.nav2 a{background-position:10px -32px}

#promenu li.navnews a{background-position:10px -95px}

#promenu li.home a{background-position:10px -127px}

#promenu li.find a{ background:url(../images/find.gif) left no-repeat; background-position:9px 10px}


#promenu li a:hover{ color:#003399}

.navsettings{ float:right; width:103px; }

.navsettings a{ background-position:10px 4px; padding-top:11px; height:22px; }

#menu li.nav0 a{ background-position:10px -26px}

#menu li.nav1 a{ background-position:10px -63px}

#menu li.nav2 a{ background-position:10px -100px}

#menu li.nav3 a{ background-position:10px -137px}

#menu li.nav4 a{ background-position:10px -175px}

#menu li.nav5 a{ background-position:10px -208px}

#menu li.navnews a, { background-position:10px -242px}

.navsettings a:hover,#menu li a:hover{ background-image:url(../images/icon.png) ; color:#CC0000;  }











#menu li.divider { display:block; width:1px; height:28px; border-left:1px solid #FFF; border-right:1px solid #e6e6e6 ; margin:3px 10px; }

.navsettings a:hover{ color:#000066}

#menu li.none a,#promenu li.none a{ background:none; padding-left:0px; font-weight:bold;color:#252525}



.masterHolder{ }

.masterHolder .topds{ background:url(../images/chold.png) top  no-repeat; height:8px; overflow:hidden}

.contentHolder{ background:#FFF; border:1px solid #e4e4e4;  border-width:0px 1px;  }

.masterHolder .bottomds{background:url(../images/choldbt.png) ; height:8px; overflow:hidden; clear:both  }

.contentHolder .display{ background:url(../images/display.gif) repeat-x; height:306px; margin:0px 07px; padding:0px 10px 0px 0px; }

.login{

	width:232px;

	float:right;

	background:url(../images/log.gif) repeat-y;

	margin:0px 0px 0px 0px;

	height:286px;

	padding:10px  20px;


}

.login .txt{
	background:url(../images/txtbg.gif) repeat-x #92bb00;
	width:98%;
	border:1px solid #4e7b00;
	height:27px;
	padding:4px 2px;
	font-weight:bold;
}

.btnplace{ text-align:right; padding:10px 0px;}

.btnlog{ background:url(../images/loginds.png) no-repeat; border:none; height:59px; width:114px; text-align:top;}



.btnlogover{ background:url(../images/login.png) no-repeat; border:none; height:59px; width:114px; text-align:right; }



.login h1{

	font-family:"trebuchet MS",Arial ,"Courier New", Courier, "Monospac821 BT";

	font-size:18px;

	color:#777;

	margin:10px 0px;

}

.login label{
	display:block;
	padding:5px 0px;
	font-size:14px;
}



.login h1 strong{ color:#90ba00;}



.login  a{ font-size:11px; text-decoration:none; color:#000 }

.login  a:hover{ font-size:11px; text-decoration:underline; }

.adscorner{ width:662px; height:306px; overflow:hidden; background:url(../images/advt.jpg) right no-repeat; float:left; }

.fl{ float:left};

.fr{ float:right};

.cl{ clear:both}

.stTab{ height:157px; background:url(../images/setTabbg.gif) repeat-x;  padding:10px; clear:both; margin:0px;  display:none};

.stactive{background:url(../images/settings.gif) top left no-repeat;

}

.panelContainer{ margin:0px 7px; background:#FFF; padding:7px 0px;  display:table }

.panel1 {   display:block; }

.panel1 span.indicator{ float:right; display:block; cursor:pointer; background:url(../images/indi1.gif) no-repeat ;  height:24px; width:24px; margin-top:2px; background-position:0px -35px;}

.panel1 span.active{ background-position:0px 0px;}



.panel1 .lc{ background:url(../images/panel.png) no-repeat left top; width:9px;  display:block; height: 40px;  float:left   }

.panel1 .rc{ background:url(../images/panel.png)  no-repeat right top; width:9px;  display:block; height: 40px; float:right  }

.panel1 .innerDiv{  background:url(../images/panelh.gif) #FFF repeat-x; margin:0px 9px;}

.panel1 .innerDiv h1{ background:url(../images/h1y.gif) no-repeat left top; height: 42px; padding:5px 10px;  font-size:14px; display:block; overflow:hidden  }

.content{
	display:block;
	padding-bottom:15px;
	padding:0px  10px

}



.content h3{ color:#CC3300; border-bottom:1px solid #f3f3f3; padding:5px;font-size:11px;}

.content h3 span{ color:#999999; }

.content h3 a{ color:#CC3300; text-decoration:none}

.content h3 a:hover{ text-decoration:underline}

.blogs { border-bottom:1px solid #f3f3f3; padding:5px; font-size:11px; letter-spacing:1px;  }

.blogs  a{ color:#333333; text-decoration:none;}

.blogs  a:hover{ text-decoration:underline}

.contentcl{ background:url(../images/borderde.gif) bottom repeat-x; display:block; clear:both;  padding-bottom:15px; text-align:right;  border-top:1px solid #F3f3f3;}

.contentbl { border-bottom:1px solid #F3f3f3; text-align:right}

.contentcl a,.contentbl a{ margin:0px 2px;display:inline-block; border:1px solid #EFEFEF; padding:0px 2px; color:#000; font-weight:bold; text-decoration:none; font-size:11px; background:#fff;}

.contentcl a:hover, .contentbl a:hover{ border:1px solid #666; background:#f3f3f3; }



.content p{font-size:11px;}

.tags, .dt{
	font-size:10px;
	color:#819f01;
	text-align:right
}
.dt{ float:right}


.usertags{  padding:5px;  margin:5px 0px; border:1px solid #f3f3f3; background:url(../images/tad.gif) repeat-x  }
.usertags:hover{ border:1px solid #ccc;}
.usertags .title{ padding:3px 2px; font-size:10px; }
.usertags .title strong{ color:#90cc00; color:#666; font-size:11px}
.usertags .title a{ text-decoration:underline; color:#999999 }
.usertags .title a:hover { color:#000}
.usertags .title a strong{ text-decoration:none; color:#000}
.usertags img{ width:30px; height:30px; border:3px solid #d8d8d8; margin:0px 4px; vertical-align:middle; float:left  }

.usertags .proimg{ width:50px; height:50px;}

.usertags .updates{ margin-left:65px;}

.usertags .updates p{ line-height:1.8em}

.usertags img { float:none; margin:2px}

/* done by me*/

.usertags a{ text-decoration:none; color:#000000}

.usertags a:hover{ color:#000000; text-decoration:underline}

/* done by me*/

.panel2 {
	display:block;
}

.panel2 span.indicator{ float:right; display:block; cursor:pointer; background:url(../images/indi2.gif) no-repeat ;  height:24px; width:24px; margin-top:2px; background-position:0px -35px;}

.panel2 span.active{ background-position:0px 0px;}

.panel2 .lc{ background:url(../images/panel2.png) no-repeat left top; width:9px;  display:block; height: 40px;  float:left   }

.panel2 .rc{ background:url(../images/panel2.png)  no-repeat right top; width:9px;  display:block; height: 40px; float:right  }

.panel2 .innerDiv{  background:url(../images/panel2h.gif) #FFF repeat-x; margin:0px 9px;}

.panel2 .innerDiv h1{ background:url(../images/h2y.gif) no-repeat left top; height: 42px; padding:5px 10px;  font-size:14px; display:block; overflow:hidden  }



.usersIMG{ background:url(../images/userbg.png)  center top no-repeat; width:81px; height:89px; margin:5px;  color:#000; font-size:11px; border:1px solid #FFF; float:left; text-align:center; cursor:pointer}

.usersIMG:hover{ background:url(../images/userbgover.png)  center top no-repeat; }

.usersIMGovr{ background:url(../images/userbgover.png) #000  center top no-repeat; }

.usersIMG span{ margin:10px auto; display:block; padding:0px; overflow:hidden; height:49px; width:59px;  overflow:hidden; margin-bottom:10px; }

.usersIMG .name{ display:block; margin:0px; padding:0px; height:auto; width:auto}

.usersIMG a { text-decoration:none; color:#000000}

.usersIMG a:hover {  color:#000000; text-decoration:underline}



.gallery{border:1px solid #fff; width:230px; height:80px; float:left; margin:1px;}

.gallery:hover{ border:1px solid  #EEEEEE }

.galleryTag{ float:right; width:130px; font-size:10px; color:#666666}

.galleryTag h2{ font-weight:bold; color:#000000; font-size:11px;}

.galleryTag h2 a{color:#000000;  text-decoration:none; }

.galleryIMG{ background:url(../images/userbg.png)  center top no-repeat; width:81px; height:69px; margin:5px;  color:#000; font-size:11px; border:1px solid #FFF; float:left; text-align:center; cursor:pointer;}

.galleryIMG span{ margin:10px auto; display:block; padding:0px; overflow:hidden; height:49px; width:59px;  overflow:hidden; margin-bottom:10px; }

.galleryIMG:hover{ background:url(../images/userbgover.png)  center top no-repeat; }





.itemIMG{
	width:156px;
	height:145px;
	margin:5px;
	color:#000;
	font-size:11px;
	border:1px solid #FFF;
	float:left;
	text-align:center;
	cursor:pointer
}

.itemIMG img{ border:4px solid #F0F0F0; cursor:pointer}

.itemIMG a:hover img{ border: 4px solid #E5E5E5}

.itemIMGover{  }

.itemIMG a{ text-decoration:none; color:#999; font-weight:bold}

.itemIMG a:hover{ color:#000000;}

.itemIMG span{
	margin:10px auto;
	display:block;
	padding:0px;
	overflow:hidden;
	height:100px;
	width:135px;
	overflow:hidden;
	margin-bottom:0px;
	border:2px #CCCCCC;
}

.itemIMG .name{ display:block; margin:0px; padding:0px; height:auto; width:auto}





hr{ color:#FFFFFF}

.nodespanel{ background:url(../images/nopan.gif) top repeat-x; padding-top:10px; }

.nodespanel span.end,.end {background:url(../images/borderde.gif) bottom repeat-x; padding-bottom:10px; height:10px; border:none; display:block}



.uspot{  width:150px; float:right}

span a{ text-decoration:none; color:#333333}

span a:hover{ text-decoration:underline;}

div.nodespanel h2{ font-size:14px; background:none; color:#000; padding-left:10px; }

span.dwn{ background:url(../images/coicons.gif) no-repeat ; background-position:0px 1px; padding:2px; padding-left:20px; display:inline-block; font-size:10px; }

span.ups{ background:url(../images/coicons.gif) no-repeat ; background-position:0px -18px; padding:2px; padding-left:20px; display:inline-block; font-size:10px;}

span.cwn{ background:url(../images/coicons.gif) no-repeat ; background-position:0px -38px; padding:2px; padding-left:20px; display:inline-block; font-size:10px;}

span.cm{background:url(../images/coicons.gif) no-repeat ; background-position:0px -56px; padding:2px; padding-left:20px; display:inline-block; font-size:10px;}

.footer{ text-align:center; line-height:20px; font-size:11px;

 padding:20px 0px;

}



.footer a{ text-decoration:none; color:#000000 }

.footer a:hover { text-decoration:underline }





.proMenu{ }

.proMenu ul li{ padding:2px; list-style:none; list-style-type:none;   }

.proMenu ul li a{  text-decoration:none;display:block; font-size:11px; color:#000000; border-bottom:1px solid  #F4F4F4; padding:2px;  } 

.proMenu ul li a:hover{  color:#009900}

.proMenu ul li img { vertical-align:middle; border:none; margin-right:10px; }



/*Updated */

.proph{

	background:url(../images/prophoto.png) no-repeat top;

	width:138px;

	height:130px;

	margin:auto;

	padding: 12px 15px;

	text-align: center;



}

.proph span{

	display:block;

	height:95px;

	vertical-align:middle;

	text-align:center;

	width: 132px;

	padding: 0;

	overflow: hidden;

	margin:auto;



}

.proph span img{ text-align:center}

.proph .name{ display:block; height:30px; padding-top:15px; }



/*Updated */

span.q{ font-size:20px; color:#999999; vertical-align:middle; font-style:italic; font-weight:bold; font-family:"Times New Roman", Times, serif}

.quote{ font-size:14px; color:#999999; text-align:center; border-bottom:1px solid #F0F0F0}

.profileLink{ font-size:11px; color:#999999; text-align:left; border-bottom:1px solid #F0F0F0; padding:05px}

.profileLink p { line-height:17px;}

.updatesLinks{ text-align:left; padding:0px; font-size:11px; font-weight:bold; color:#666666 ; background:url(../images/nopan.gif) bottom  repeat-x;}

.updatesLinks li { list-style:none; display:inline}

.updatesLinks a { color:#666666; text-decoration:none; display:inline-block;  padding:5px 10px; border:1px solid  #F5F5F5; }

.updatesLinks a:hover, .updatesLinks a.selected{ color:#000000; text-decoration:underline; background:#FFFFFF; border:1px solid #CCCCCC; border-bottom:0px;}

.slider{ display:block;  width:100%; height:32px;}

.slider .left a{ background:url(../images/left.png) no-repeat center; text-align:center; height:31px; width:31px; display:inline-block;  text-decoration:none;  left:0px; float:left }

.slider .left a:hover{ background:url(../images/lefth.png) no-repeat center; text-align:center;  display:inline-block;text-decoration:none;}

.slider .right a{ background:url(../images/right.png) no-repeat center; text-align:center; height:31px; width:31px; display:inline-block;  text-decoration:none; float:right; right:0px;}

.slider .right a:hover{ background:url(../images/righth.png) no-repeat center; text-align:center;  display:inline-block;text-decoration:none;}

.alert{ background:url(../images/in.gif) no-repeat top  center; padding-top:7px; margin:5PX;}

.alert div{    border:1px solid #b5d500; padding:5px; font-size:10px; }

.alert div a { color:#FF6600}

.alert div a:hover{ color:#333333}

a.lbt { background:url(../images/btn.png) no-repeat center; font-weight:bold; color:#000000; text-decoration:none; width:75px; display:inline-block; padding:3px 0px; 	text-align: center; margin:2px; 

}

#prev{ padding:5px;}
a.lbt:hover{

	background:url(../images/btnh.png) no-repeat center;
	color:#000000;
	text-decoration:underline;

}

.btn2{  background: url(../images/lbtng.gif) no-repeat center; font-weight:bold; color:#000000; text-decoration:none; width:105px; display:inline-block; padding:3px 0px; 	text-align: center;  border:none; cursor:pointer; }
.btn3{  background:url(../images/btnh.png)  no-repeat center; font-weight:bold; color:#000000; text-decoration:none; width:75px; display:inline-block; padding:3px 0px; 	text-align: center;  border:none; cursor:pointer; }


/*done by me*/

a.lbt1 { background:url(../images/btn.png) no-repeat center; font-weight:bold; color:#000000; text-decoration:none; width:75px; display:inline-block; padding:3px 0px; 	text-align: center; 

}

a.lbt1:hover{

	background:url(../images/btnh.png) no-repeat center;

	color:#000000;

	text-decoration:underline;

}

.dvhdr1 {

            background:#FFDE57;

            font-family:arial;

            font-size:12px;

            font-weight:bold;

            border:1px solid #C8BA92;

            padding:5px;

            width:100px;

         }

         

         .dvbdy1 {

            background:#FFFFFF;

            font-family:arial;

            font-size:12px;

            border-left:1px solid #C8BA92;

            border-right:1px solid #C8BA92;

            border-bottom:1px solid #C8BA92;

            padding:5px;

            width:100px;

         }

/*end here*/



.CommentBoxLeft{  padding:10px 0px; }

.CommentBoxLeft img{ border:none}

/*height changed*/

.CommentBoxLeft .commenter{

	width:92px;

	float:left;

	overflow:hidden;

	display:block;

	height:80px

}

.CommentBoxLeft .commenter .usersIMG{ height:90px }

/*height changed*/



.CommentBoxLeft .whosays{ margin-left:100px; height:30px; border-bottom:1px solid #F3F3F3;

 padding:0px 10px;}

.CommentBoxLeft .who{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:14px; color:#999999;padding-top:4px; display:inline-block}

.CommentBoxLeft .spantools{ float:right; }

.CommentBoxLeft .commnets{

	padding-left:36px;

	background:url(../images/leftbubble.gif) no-repeat 10px 25px;

	padding-top:7px;

	line-height:18px;

	font-size:11px;

	

}

 .CommentBoxLeft .content p, .simtext { padding:0px 10px; display:block; margin-left:100px;}





.CommentBoxLeft .top{ height:18px; background:url(../images/commentbox.png) no-repeat top left  ; display:block; 	width:100%; 

  }

  

.CommentBoxLeft .righttop{ height:18px; background:url(../images/commentbox.png) no-repeat top right #FFF ; width:18px; float:right; display:block; 	

  }

 .CommentBoxLeft .rightbottom{ height:14px; background:url(../images/commentbox.png) no-repeat bottom right #FFF  ;width:18px; float:right; display:block; 	}

   

  

.CommentBoxLeft  .content{

border:1px solid #FFF;

	border-left:1px solid  #b9da00;

	border-right:1px solid  #b9da00;

	font-size:12px;

	color:#666666;

	line-height:1.7em;

	padding-bottom:0px;

}



.ctools{

	clear:both;

	padding:2px;

	padding-bottom:0px;

}

.CommentBoxLeft .bottom{

	height:14px;

	width:100%;

	background:url(../images/commentbox.png) no-repeat bottom left;

	display:block;

	clear:both;



}



.pager{
	padding:4px 10px;
	background:url(../images/pager.png) top right no-repeat;
	height:22px;
	font-weight:bold;
	font-size:11px;
	text-align:left;
	color:#333333;
	margin-top: 5px;
}
.pager .right{ float:right}


.pager a{ display:inline-block; padding:0px 3px; color:#333333; text-decoration:none; border:1px solid  #E6E6E6; margin:0px; text-transform:uppercase}

.pager a:hover{ border:1px solid #9CCB5C; background:#b1d100 }

.txtquick{ width:540px; height:200px; border:1px solid #99CC00; padding:5px;}

.shouts { margin:0 10px; }

.shouts textarea {  padding:5px; width:642px; height:100px; border:1px solid  #b9da00; background:url(../images/borderde.gif) repeat-x; display:block}

/*done by me*/

.addpersonalmess{ width:300px; height:100px; border:1px solid #99CC00; padding:5px;}

.mes{

	background:url(../images/ctoo.gif) top repeat-x;

	clear:both;

	padding:2px;

	text-align:left;

	padding-bottom:0px;

}

.buttons{

	background:url(../images/ctoo.gif) top repeat-x;

	clear:both;

	padding:2px;

	text-align:center;

	padding-bottom:0px;

}

.CommentBoxLeft .cmmdiv{  display:block; 	width:100%; height:100px}

.buttondiv{  width:81px; height:89px; margin:5px;  color:#000; font-size:11px; border:1px solid #FFF; float:left; text-align:center; }

/*done by me*/



/* NEW Updates */



.img{ border:none}

.CommentBoxLeft .communityName{ font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:14px; color:#9DB10E;padding-top:4px; display:inline-block}

.uline{ border-bottom:1px solid #F3f3f3}

a.longbt { background:url(../images/lbtn.gif) no-repeat; font-weight:bold; color:#000000; text-decoration:none; width:100px; display:inline-block; padding:0px 0px; text-align:center; margin:0px 3px;  border:none; height:20px;

 }

a.longbt:hover{ background:url(../images/lbtng.gif) no-repeat; color:#000000; text-decoration:underline }

a.longbtfr { background:url(../images/lbtn.gif) no-repeat; font-weight:bold; color:#000000; text-decoration:none; width:100px; display:inline-block; padding:0px 0px; text-align:center; margin:0px 3px;  border:none; height:20px;  float:right; margin-top:5px;

 }

a.longbtfr:hover{ background:url(../images/lbtng.gif) no-repeat; color:#000000; text-decoration:underline }

.serror{ padding:2px 5px; background:url(../images/error.png) no-repeat left center #FFFFE8; margin-left:100px; color:#CC0000; margin-right:10px; padding-left:30px; }

.CommentBoxLeft .box1{ border:1px solid #b9da00; }



.alb{

	background:url(../images/vid.png) no-repeat top;

	width:110px;

	height:130px;

	margin:auto;

	padding: 12px 15px;

	text-align: center;

}

.alb span{

	display:block;

	height:85px;

	vertical-align:middle;

	text-align:center;

	width: 107px;

	padding: 0;

	overflow: hidden;

}

.alb .name{
	display:block;
	height:30px;
	padding-top:5px;
}

.alb { margin:3px; float:left; text-align:center}

#hotbx { position:absolute; z-index:10; bottom:0px; width:98%; left:0px; background:transparent; margin-right:20px;}

.hotbox{ width:253px; float:left; margin:0px 5px; }

.hotbox .ctrl{background:url(../images/dh.png); height:30px; text-align:left; padding:0px 5px;}

.hotbox .ctrl .title{ padding:10px 0px; font-weight:bold}

.hotbox .ctrl span{width:23px; height:20px; margin:5px 2px; background:url(../images/sh.gif) no-repeat; display:inline-block;}

.hotbox .ctrl span.minmax{ cursor:pointer; background-position:-50px 0px; float:right }

.hotbox .ctrl span.minmax:hover{ background-position:0px 0px;  }

.hotbox .ctrl span.close{cursor:pointer; background-position:-75px 0px;float:right }

..hotbox .ctrl span.close:hover{ background-position:-25px 0px}

.hotbox .box{ background:#fff; border:1px solid #ffc100; padding:5px; height:100px; overflow-y:auto}

ul.comm {}



 ul.comm li{ margin:0px; padding:5px 2px ; display:block;  list-style:none; border-bottom:1px solid #f3f3f3; border-collapse:collapse  ; font-size:11px; font-family:tahoma, Verdana, Arial, Helvetica, sans-serif}

  ul.comm li .label{ float:left; display:block; width:40%; text-align:right; color:#666666;  }

  ul.comm li .text{ margin-left:42%; display:block; color:#000000}

    ul.comm li.hl{ background:#F8F8F8}

	

.cmmforum ul li { border:none}

.forum{ display:block;  height:23px;  border:1px solid #f3f3f3; }

.forum span { border-collapse:collapse; padding:0px; margin:0px;}

.b{  font-weight:bold;  background: #F4F4F4}

.forum span.topic{ display:block; width:41%; float:left; padding:2px 1%; border-right:1px solid #f3f3f3; }

.forum span.post{display:block; width:10%; float:left; padding:2px 1%; border-right:1px solid #f3f3f3;}

.forum span.auther{display:block; width:20%; float:left;padding:2px 1%; border-right:1px solid #f3f3f3;}

.forum span.reply{display:block; width:19% ; float:left;padding:2px 1%;}

.forum span.replybt{display:block; width:20% ; float:left;padding:2px 1%; }

.forum span.clf{ clear:both}

.logo{ float:left; padding:10px;}

.commonerr { margin:5px 5px; padding:10px 10px; padding-left:50px; background: url(../images/err.png)  left top no-repeat; border-bottom:1px solid #EAEAEA;    }

.commonerr  strong{ color:#FF3300; }

.commonerr  p{ font-size:11px; line-height:1.5em}

.proview {width:41%; float:left; margin-left:10px; background:none; border:2px solid #f3f3f3; padding:10px;}

.proview:hover{ background:#FBFBFB; border:2px solid #ACCB00}

.proview p{ color:#666666}

.proview p span a{ color:#000}

.proview img {  margin-right:10px;}

.proview img:hover{ border:3px solid #999}

.usertags strong{ font-weight:bold;  font-size:11px; color:#333333; } 

.a2 {}

a.a2{ text-decoration:none; color:#000000}

a.a2:hover { text-decoration:underline;}


.rht{ text-align:right}

.lft{ text-align:left}
table{
	margin:0px;
	padding:0px;

}
table{ text-align:left}
#mastb,#mastb2{	width:945px}
/* for two colums*/
#mastb .lclmn{ width:200px}
#mastb .rclmn{ text-align:left}

#mastb2 .lclmn{width:200px}
#mastb2 .rclmn{ width:230px;}
#mastb2 .cclmn{width:505px;}
.previewbx{}
.previewbx fieldset{ border:1px solid #b9da00; margin:10px;}
.previewbx fieldset legend{ padding:0px  10px;  font-weight:bold; color:#000 }
.adspan{ margin:0 20px; padding-bottom:5px;}
.cropx{padding:5px; width:500px; margin:auto}
.xclose,.yclose{ display: inline-block; float:right; width:60px;  background:url(../images/xclose.gif) no-repeat right; cursor:pointer; height:20px}
.yclose{background:url(../images/yclose.gif) no-repeat right; }
.cropbtn{ background:url(../images/up.gif) repeat-x;  padding:15px; font-size:14px; font-weight:bold; cursor:pointer; font-family:Arial, Helvetica, sans-serif}
.cropreg{ padding:10x;}
.lightbox_bg{ background-color:#000000;  position:absolute; left:0px; top:0px; z-index:20000;opacity:0.6;filter:alpha(opacity=60);}
.xwindowa{ position:absolute; z-index:200441; color:#000; background:#FFF;border:4px solid #b6d800; padding:5px; -moz-border-radius: 10px;border-radius:10px;
-webkit-border-radius: 10px;  margin:auto}
.xoverlay{ position:absolute; z-index:200441; color:#000;  padding:5px; -moz-border-radius: 10px;border-radius:10px;
-webkit-border-radius: 10px;  margin:auto}

form li span.label,form li div.label{ display:inline-block; width:200px; text-align:right; font-size:12px; vertical-align:top; margin-right:15px;}
form li div.tips{ display:block; margin-left:200px; padding:2px 5px; font-size:10px; color:#000 }
.longBtn{ background:url(../images/longbtn.png)  no-repeat center; border:none; width:200px; height:40px; margin:0px; font-weight:bold;}
.info { margin:5px 5px; padding:10px; padding-left:50px; background: url(../images/i.png)  left top no-repeat; border-bottom:1px solid #EAEAEA; height:35px;    }
.info  strong{ color:#0080C0; }
.info p{ font-size:11px; line-height:1.5em}

.err { margin:5px 5px; padding: 10px; padding-left:50px; background: url(../images/err.png)  left top no-repeat; border-bottom:1px solid #EAEAEA;    }
.err  strong{ color:#FF3300; }
.err p{ font-size:11px; line-height:1.5em}
.succes { margin:5px 5px; padding:10px; padding-left:50px; background: url(../images/succes.png)  left top no-repeat; border-bottom:1px solid #EAEAEA;     }
.succes  strong{ color:#009900; }
.succes p{ font-size:11px; line-height:1.5em}
.uphead{ font-size:14px; padding:5px; text-align:left; font-weight:bold; border-bottom:1px solid #f3f3f3}
.ilive{
	height:300px
}

.ilive .xcst{ border:3px solid #a9ca00; padding:0px 5px; background:#fff; float:right;width:150px; display:none; height:300px;  opacity:0.9;filter:alpha(opacity=90);
-moz-border-radius-topleft : 5px;-moz-border-radius-bottomleft: 5px;
border-radius:5px;-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px;}
.ilive .hbtn{
	background:url(../images/ilive.gif) no-repeat left top;
	width:32px;
	height:48px;
	margin-top:10px;
	cursor:pointer;
	float: right;
}
.ilive .xcst li { display:block; margin:0px; cursor:pointer; padding:3px; border-bottom:1px solid #f3f3f3; text-align:left; padding-left:15px;background:url(../images/off.gif)  center left no-repeat; list-style:none}
.ilive .xcst li:hover { font-weight:bold;}
.livebox{
	position:absolute;
	right:-1px;
	top:0px;
	z-index:200;
	margin-right:17px;
	margin-top:5px;
	width: 40px;
}

/*------- chat -----*/

input,select,textarea{ outline:none;}
.ifr-ct{ margin:0px; padding:0px; width:206px ; height:170px; overflow:hidden; }
.chw{ float:left;   width:208px ; margin:5px 5px 0px 5px}
.chw .wmx{ border:1px solid #AECE00; background:#fff}
.chatw{ word-wrap: break-word; overflow:auto; height:100px;  border:1px solid #f3f3f3; padding:3px; }
.chw form{ margin:0px; padding:0px;}
.chitchat{ width:194px; height:50px;padding:3px; border:1px  solid #ccc; margin:2px; border-top:1px  solid #bbb}
.chw .wbar{ background:url(../images/wind.png) no-repeat; padding:3px; height:20px ;  font-weight:bold; text-align:left; padding-left:10px;}
.chw .wbar .tl{}
.chw .wbar span{ margin:0px 1px; cursor:pointer}
.chw .wbar .xclo{display:block; width:23px; height:20px;float:right; background:url(../images/windowbtn.gif) -25px }
.chw .wbar .xclo:hover { background-position:-75px}
.chw .wbar .mn{display:block; width:23px; height:20px; float:right; background:url(../images/windowbtn.gif) 0px }
.chw .wbar .mn:hover{background-position:-50px}
.chw .wbar .mx{display:block; width:23px; height:20px; float:right; background:url(../images/windowbtn.gif) -125px }
.chw .wbar .mx:hover{background-position: -100px}
#CBLayer{margin:auto; position:absolute; bottom:0px; left:0px;  z-index:50; vertical-align:bottom}
.conv1{display:block;border-bottom:1px solid #f3f3f3; background:#faffee; color:#304900; margin:0px;padding:2px;}
.conv2{display:block;border-bottom:1px solid #f3f3f3; margin:0px; padding:2px;}

/*------- chat -----*/

/*---------messages--------*/


.msgcontainer{ width:100% ;}
.msgcontainer ul li {  display:block; border-bottom:1px solid #e1e1e1;  font-size:12px; padding:0px}
.msgcontainer ul li div.lis, div.active, div.controbc span, div.controbc span a{ background:url(../images/iconsprite.png); cursor:pointer; margin:0px; padding:0px; }
.msgcontainer ul li div.lis{height:23px;  overflow:hidden; }
.msgcontainer ul li div.lis span.msx{ margin:0px; padding:0px }
div.active,div.controbc span{ background-position:0px -69px; border-top:1px solid #b5d500; border-bottom:1px solid #b5d500; }
div.active{ border-top:none}
div.controbc span a { padding-left:20px; background-repeat:no-repeat}
div.controbc span a.close{ background-position:0px -119px;  }
div.controbc span a.rply{background-position:0px -262px;}
.msgcontainer ul li div.contex{ border-bottom: 1px solid #b5d500; padding:5px}
div.controbc{ padding:10px; }
div.controbc span{ display:inline-block; padding:3px 5px; border:1px solid #e1e1e1}

.msgcontainer li input{ vertical-align:middle; margin:0px; padding:0px; *vertical-align:top; }
.msgcontainer li span { display:inline-block; padding:3px; margin:0px; }
.msgcontainer ul li div.lis:hover{background-position:0px -32px; }
.msgcontainer ul li:hover{border-bottom:1px solid #cce5c0;}
.msgcontainer li span.name{ width:150px;  font-weight:bold}
.msgcontainer li span.content{ width:250px;  color:#666666}
.msgcontainer li span.date{ width:120px; color:#999999}
.msgcontainer li span.ctrl{ width:120px; text-align:right; padding:0px;}
span.ctrl span{background:url(../images/iconsprite.png) no-repeat; }
span.ctrl span{width:20px; height:20px; padding:0px;  }
span.ctrl span.del{ background-position:0px -144px; }
span.ctrl span.abu{  background-position:0px -230px;}

.wtitle{ font-size:15px; font-weight:bold; padding:3px; background:#f3f3f3; text-align:left}
span.btn{ background:url(../images/btns.gif) repeat-x; display:inline-block;  border:1px solid #e5e5e5; padding:0px; font-size:12px}
span.btn a.close{ display:inline-block; padding:5px; border:1px solid #fff;  }
span.btn a.close:hover{ display:inline-block; border:1px solid #ccc;  }
.dispmsg{ display:none; border-top:1px solid #b5d500; line-height:1.8em}

.UserThumb{
	background:url(../images/userbg.png)  center top no-repeat;
	width:81px;
	height:69px;
	margin:5px;
	color:#000;
	font-size:11px;
	border:1px solid #FFF;
	float:left;
	text-align:center;
	cursor:pointer
}
.UserThumb span{ margin:7px auto !important; display:block !important; padding:0px; overflow:hidden; height:49px; width:59px;  overflow:hidden; margin-bottom:10px; }
.UserThumb span img{height:49px; width:59px;}
.loader{ width:100px; height:35px; background:url(../images/32pxloader.gif) no-repeat left center; padding-left:40px; padding-top:10px; font-weight:bold; color:#C43B00}
/*---------messages--------*/