/* CSS Document */

* {
	margin:0; padding:0;
}

body{
 background: #fff url(images/bg_body.jpg) 0 0 repeat-x;
}


a:hover{text-decoration:none;}

a img { border:0;}
img {vertical-align:top; float:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html
	{
		font-family:Arial;
		font-size:12px;
		color:#868686;
	}


strong {color:#444444;}

a {color:#000000; font-size:12px;}

#main { margin:0 auto;}
#main { width:800px;}


.bx1 {}
.bx1 .bx1-tl {background:url(images/b_tl.png) top left no-repeat;}
.bx1 .bx1-tr {background:url(images/b_tr.png) top right no-repeat; width:100%;}
.bx1 .bx1-bg {background:url(images/b_bg.png) 0 0 repeat; height:6px; }
.bx1 .bx1-pd {padding-left:6px; padding-right:6px; }
.bx1 .bx1-cn {background:url(images/b_bg.png) 0 0 repeat;}
.bx1 .bx1-fl {background:url(images/b_bl.png) bottom left no-repeat;}
.bx1 .bx1-fr {background:url(images/b_br.png) bottom right no-repeat; width:100%;}

.st1 {}
.st1 .st1-tl {background:url(images/b_tl-1.png) top left no-repeat;}
.st1 .st1-tr {background:url(images/b_tr-1.png) top right no-repeat; width:100%;}
.st1 .st1-bg {background:url(images/b_bg-1.png) 0 0 repeat; height:6px; }
.st1 .st1-pd {padding-left:6px; padding-right:6px; }
.st1 .st1-cn {background:url(images/b_bg-1.png) 0 0 repeat;}
.st1 .st1-fl {background:url(images/b_bl-1.png) bottom left no-repeat;}
.st1 .st1-fr {background:url(images/b_br-1.png) bottom right no-repeat; width:100%;}

.bxblue {}
.bxblue .bxblue-tl {background:url(images/blue-top-left.png) top left no-repeat;}
.bxblue .bxblue-tr {background:url(images/blue-top-right.png) top right no-repeat; width:100%;}
.bxblue .bxblue-bg {background:url(images/blue-bg.png) 0 0 repeat; height:6px; }
.bxblue .bxblue-pd {padding-left:6px; padding-right:6px; }
.bxblue .bxblue-cn {background:url(images/blue-bg.png) 0 0 repeat;}
.bxblue .bxblue-fl {background:url(images/blue-bottom-left.png) bottom left no-repeat;}
.bxblue .bxblue-fr {background:url(images/blue-bottom-right.png) bottom right no-repeat; width:100%;}

.share_bg {background:url(images/share_bg.png) bottom repeat-x; height:295px; }
.share_r {background:url(images/share_r.png) bottom right no-repeat;}
.share_l {background:url(images/share_l.png) bottom left no-repeat; width:100%; height:295px;}

.share_bg1 {background:url(images/share_bg-1.png) bottom repeat-x; height:347px; }
.share_r1 {background:url(images/share_r-1.png) bottom right no-repeat;}
.share_l1 {background:url(images/share_l-1.png) bottom left no-repeat; width:100%; height:347px;}

.share_bg2 {background:url(images/share_bg-2.png) bottom repeat-x; height:100px; }
.share_r2 {background:url(images/share_r-2.png) bottom right no-repeat;}
.share_l2 {background:url(images/share_l-2.png) bottom left no-repeat; width:100%; height:100px;}

.headerdiv { border-bottom: 1px solid #BACBD6; height:15px; padding-left:5px; padding-right:5px; padding-bottom:3px; padding-top:3px; font-weight: bold; }
.tvlink { color:#868686; font-weight: bold; text-decoration:none; }
.tvlink:hover { color:#21557A; text-decoration:underline;}
.bg_hr{ background: #4EA0DA 0 0 repeat-x; height:2px; }
.zgl { font-size:16px; color:#21557A; font-weight:bold; text-decoration:underline; padding-top:2px; text-align:left;}
.divrar { background: #F8F8F8; padding-left:5px; padding-top:2px; padding-bottom:2px; border-top: 1px solid #4EA0DA; border-bottom: 1px solid #4EA0DA;  border-left: 1px solid #4EA0DA; float:left; text-align:left; font-weight:bold; }

.l1 { font-size:12px; font-weight:bold; color:#21557A; text-decoration:none; }
.l1:hover { color:#000; }

.l2 { font-size:14px; color:#CCC; font-weight: bold; text-decoration:none; }
.l2:hover { color:#21557A; text-decoration:underline;}
.l3 { font-size:14px; font-weight:bold; color:#21557A; }

.vlens { font-size:14px; font-weight:bold; color:#2A8DD3; text-decoration: none; border-bottom:2px dotted #2A8DD3; }
.vlens:hover { border-bottom:2px dotted #21557A; color:#21557A; }

.m-menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.m-menu ul li{
cursor:pointer;
text-align:center;
padding-top:60px;
position: relative;
display: inline;
float: left;
}

.m-menu ul li:hover a{
color:#000;
}

.m-menu ul li a{
font-family:Arial;
font-size:12px;
color:#2A8DD3;
font-weight:bold;
display: block;
text-decoration: none;
white-space: nowrap;
}

* html .m-menu ul li a{
display: inline-block;
}

.m-menu  .static {
background:url(images/n/info.png) no-repeat center 3px; 
width:64px; 
}
.m-menu  .blogin {
background:url(images/n/builder.png) no-repeat center 5px;
width:68px;
}
.m-menu  .telv {
background:url(images/n/television.png) no-repeat center 1px; 
width:64px; margin-left:13px;  
}
.m-menu  .forum {
background:url(images/n/forum.png) no-repeat center -1px; 
width:64px; margin-left:8px; 
}
.m-menu  .quest {
background:url(images/n/tiket.png) no-repeat center 4px;
width:64px; margin-left:13px;  
}
.m-menu  .money {
background:url(images/n/cash.png) no-repeat center 3px; 
width:64px; margin-left:13px;
}
/*
.m-menu  .blogin:hover {
 opacity: 1.0;
}
.m-menu  .quest:hover {
 opacity: 1.0;
}
.m-menu  .money:hover {
 opacity: 1.0;
}
.m-menu  .static:hover {
 opacity: 1.0;
}
*/

.m-menu ul li ul{
border-top: 2px solid #4EA0DA;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

.m-menu ul li ul li{
padding-top:0px;
text-align:left;
display: list-item;
float: none;
}

.m-menu ul li ul li a{
font-weight:bold;
width: 150px;
padding-left: 7px; 
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #4EA0DA;
border-left: 1px solid #4EA0DA;
border-right: 1px solid #4EA0DA;
color:#000;
background: #E0E0E0;
}

.m-menu ul li ul li a:hover{ 
background: #D1D1D1;
}

#jsddm
{	
    margin: 0;
    padding: 0;
	float:right;
}

#jsddm li
{	
    float: left;
	list-style: none;
	font: 12px Tahoma, Arial;
}
#jsddm li a
{	
    display: block;
	padding: 0px 0px;
	font-weight:bold;
	text-decoration: none;
	color: #868686;
	white-space: nowrap;
}
#jsddm li a:hover
{	
    color:#21557A; 
	text-decoration:underline;
}	
#jsddm li ul
{	
    margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
    margin-left:-120px;
    margin-top:5px;
	border-left: 1px solid #BACBD6;
	border-right: 1px solid #BACBD6;
	background: #FFFFFF none repeat scroll 0 0;
}		
#jsddm li ul li
{	
    float: none;
	display: inline;
}			
#jsddm li ul li a
{	
    width: 150px;
	border-bottom: 1px solid #BACBD6;
	padding:4px 5px;
	color: #444;
    text-align:right;	
}			
#jsddm li ul li a:hover
{	
   background: #D1D1D1;
   text-decoration:none;
   color:#444;
}
/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/	
.tTip {}
.tip   {color: #333;}
				
.tip {
	width: 300px;
	padding-top: 20px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 20px 5px 20px;}
.tipBtm {background: transparent url(images/tipBtm.png) no-repeat bottom; height: 32px;}	
/*-----------------------------------------------------------------------------------------------*/
/*                                         PROPLATA STYLES                                       */
/*-----------------------------------------------------------------------------------------------*/	
#tab {
    float:left;
    width:800px;
}
#tab ul {
    margin:0;
    padding:0;
	list-style:none;
    float:left;
    width:800px;	
}
#tab li {
    display:inline;
    margin:0;
    padding:0;
	width:200px;
	height:55px;
}
#tab div.stajer {
    float:left;
    background:url("images/stajer_1.png") no-repeat 0 0;
    margin:0;
    padding:0;
	width:200px;
	height:55px;
	cursor:pointer;
}
#tab div.operator {
    float:left;
    background:url("images/operator_1.png") no-repeat 0 0;
    margin:0;
    padding:0;
	width:200px;
	height:55px;
	cursor:pointer;
}
#tab div.rejiser {
    float:left;
    background:url("images/rejiser_1.png") no-repeat 0 0;
    margin:0;
    padding:0;
	width:200px;
	height:55px;
	cursor:pointer;
}
#tab div.produser {
    float:left;
    background:url("images/produser_1.png") no-repeat 0 0;
    margin:0;
    padding:0;
	width:200px;
	height:55px;
	cursor:pointer;
}
#tab div.default {
    float:left;
    background:url("images/default_1.png") no-repeat 0 0;
    margin:0;
    padding:0;
	width:200px;
	height:55px;
	cursor:pointer;
}
#tab div.opes {
    float:left;
    text-align:right;
    width:190px;
	font-weight:bold;
	color:#F8F8F8;
	font-size:16px;
}
#tab div.oname {
    float:left;
    text-align:right;
    width:190px;
	margin-top:5px;	
    font-size:22px;
    font-weight:bold;
	color:#F8F8F8;
}
#tab div.sname {
    float:left;
    text-align:right;
    width:190px;
	margin-top:5px;	
    font-size:22px;
    font-weight:bold;
    color:#F8F8F8;	
}
#tab div.rname {
    float:left;
    text-align:right;
    width:190px;
	margin-top:5px;	
    font-size:22px;
    font-weight:bold;
    color:#F8F8F8;	
}
#tab div.pname {
    float:left;
    text-align:right;
    width:190px;
	margin-top:5px;	
    font-size:22px;
    font-weight:bold;
    color:#F8F8F8;	
}
#sbg {
    background:#FFE5EC no-repeat 0 0;
	float:left; 
    margin-left:2px;
    width:796px;
	display:block;
}
#obg {
    background:#E5F0FF no-repeat 0 0;
	float:left; 
    margin-left:2px;
    width:796px;
	display:none;
}
#rbg {
    background:#FFEEE5 no-repeat 0 0;
	float:left; 
    margin-left:2px;
    width:796px;
	display:none;
}
#pbg {
    background:#EFFFE5 no-repeat 0 0;
	float:left; 
    margin-left:2px;
    width:796px;
	display:none;
}