body {
        font-family:'exo_2regular'; 
	background-color: #DBDBDB;
	background: linear-gradient(to top, #000, #444);
	z-index:1;
	margin: 0px;
} 

 


div.hdiv {margin-top:-120px;
          margin-left: 50px;
          border: 2px solid #000000;
          background-color: #FFFFFF;
          position:absolute;display:none;}

#panel {	
	color: #f0f0f0;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 14px; 	
	text-align: right;
    	background-color: #EEEEEE;
    	background: linear-gradient(to top, #000, #777);
	width:100%;
        height:30px;
	position: fixed;
	z-index: 20;
	top: 0px;
	right: 0px;
}
			.logo { color: blue; } 
			#panel2 {
				height:50px;
				padding-top: 10px;
				background-color: #3c8dbc;
    				color: white;
				display: block;
			}

			#panel2 .trigger-button {
				text-align: center;
			}

			#panel2  .logo {
				text-align: center;
			}

			#panel2  .info-panel {
				text-align: right;
				padding-right:20px;
			}

			#panel2 .info-panel:hover {
				color: #525f64;
			}

			#panel2 .logout-panel {
				text-align: center;			
			}


#all_black{
	width:100%;
	height:100%;
	display:none;
	top:0px;
	left:0px;
	position:fixed;
	background:url('/img/black.png');
	z-index:25;}
#panel2 {
        border-radius: 10px;	
	color: #202020;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 16px; 	
	text-align: center;
        background-color: #FFFFFF;	
	position: absolute;
	z-index: 30;
	top: 150px;
	left: 50%;
	width:600px;
	height:350px;
	border: 3px solid #C2C2C2;
	margin-left:-200px;
        text-overflow: clip;
        overflow:hidden;
}
#panel_login {display:none;}
#panel3 {	
	color: #FF2020;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 16px; 
}


#kbal {color: #20AA20;}
#kbal-k {color: #909090;}
#kbal-m {color: #AA2020;}


#tstat {font-size: 10px;}

#osnova {
	background-color: #FFFFFF;
	background-image: url(/img/bginside.png);
	background-repeat: repeat-x;
    width:100%;
    text-align:center;
position: relative;
    height: 100%;
	padding: 10px;
    /overflow-y: auto;
}
#scroll {
	
	
        width:100%;
        height:220px;

        overflow-y:scroll;

}

#bottom {
	border-top: 1px solid #C2C2C2;
	color: #606060;
	font-family: Verdana,Geneva,sans-serif;
	font-size: 10px;
	line-height: 20px;
	text-align: right;	

}

.im {
filter: alpha(Opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

#ur { color: #0000DD;text-decoration: underline;}
#ur:hover {  color: #8888FF;cursor:pointer;}

#td_con {background-color: #DDDDFF; color: #000000;}
#td_con:hover {background-color: #DDDDFF;  color: #008800;cursor:pointer;}

#td_obr {background-color: #DDFFDD; color: #000000;}
#td_obr:hover {background-color: #DDFFDD;  color: #000088;cursor:pointer;}


#td_1 {background-color: #AAFFAA; color: #000000;}
#td_0 {background-color: #FFAAAA; color: #000000;}
#td_p {background-color: #FFEE00; color: #000000;}
#td_n {background-color: #DDDDDD; color: #000000;}
#td_1f {background-color: #AAFFAA; color: #0000DD; text-decoration: underline;}
#td_1f:hover {color: #8888FF;cursor:pointer;}
#td_0f {background-color: #FFAAAA; color: #0000DD; text-decoration: underline;}
#td_0f:hover {color: #8888FF;cursor:pointer;}
#td_pf {background-color: #FFEE00; color: #0000DD; text-decoration: underline;}
#td_pf:hover {color: #8888FF;cursor:pointer;}
#td_nf {background-color: #DDDDDD; color: #0000DD; text-decoration: underline;}
#td_nf:hover {color: #8888FF;cursor:pointer;}


#chrome {display:block; float:center; width:235px; height:90px; background: url(../img/chrome.png) no-repeat 0px 0px;}
#chrome:hover {background: url(../img/chrome.png) no-repeat 0px -94px;}



.sPaySe {background-color: #FF00AA;overflow:hidden;}
.sPayCo {background-color: #AAFFFF;overflow:hidden;}
.sPayMe {background-color: #FFFFAA;overflow:hidden;}
.sPayIv {background-color: #AAAA00;overflow:hidden;}
.sPayAl {background-color: #00AAAA;overflow:hidden;}
.sPayBa {background-color: #00FF00;overflow:hidden;}




#u_sms, #adm_sms {
margin:10px;
padding:15px 20px 15px 15px;
border:1px solid #999999;
border-radius: 10px;
-moz-border-radius:10px 10px 10px 10px;
box-shadow:2px 2px 3px #999999;
-moz-box-shadow:2px 2px 3px #999999;
-webkit-box-shadow: #999 2px 2px 3px;
background-position:20px 50%;
background-repeat:no-repeat;
position:relative;
text-align:justify;
}

#u_sms {background-color:#E9FFD4;}

#adm_sms {background-color:#FFFFCC;}








#img_b {
    
    z-index:200;
    width: 50px;
    height:17px;
    
    text-indent: 0px;
    border: 1px solid #888;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
cursor: pointer;}
  
#img_b:hover {
   
    -webkit-transform: scale(8);
    -moz-transform: scale(8); 
    -o-transform: scale(8);
 
}








form.login-form {
    width: 100%;
    height: 100%;
    position: absolute;
}

form.login-form h1 {
	font-size: 1.6em;
    font-weight: 200;
    padding-left: 2%;
    margin-top: 0%;
    padding-top: 2.5%;
    padding-bottom: 1%;
    height: 12%;
    margin-bottom: 3%;
    color: #FFFFFF;
    background-color: #0066CC;
}

form.login-form p.info {
    margin: 0;
    height: 7%;
    width: 74%;
    margin-left: 10%;
    font-size: 1em;
}

form.login-form p.input {
	position: relative;
    margin: 0;
    height: 13.5%;
    margin-bottom: 3%;
    width: 80%;
    border: 0.1em solid #D0D0D0;
    margin-left: 10%;
}

form.login-form img {
    width: 6%;
    display: block;
    float: left;
    margin-left: 2%;
    padding-top: 1.2%;
}

form.login-form p.input input {
	position: relative;
    top: 10%;
    left: 2%;
    width: 87%;
    height: 60%;
    border: 0;
    font-size: 1.1em;
    background-color: rgb(247, 247, 247);
    display: block;
    padding: 0% 1%;
    padding-top: 1%;
    padding-bottom: 1%;
    border-radius: 0.2em;
    color: #393937;
    font-family: 'exo_2regular';
}

form.login-form p.buttom {
    position: relative;
    margin: 0;
    height: 5%;
    margin-top: -1.5%;
    width: 79%;
    margin-left: 10%;
    font-size: 0.85em;
    text-align: right;
}

form.login-form p.buttom input#avt {
    position: relative;
    height: 100%;
    width: 3.5%;
    margin: 0%;
    padding: 1%;
	cursor: pointer;
}

form.login-form p.buttom label {
    position: relative;
    bottom: 0.26em;
	cursor: pointer;
}

form.login-form p.buttom-osn {
    position: relative;
    margin: 0;
    height: 14%;
	margin-top: 1.8%;
    width: 80%;
    margin-left: 10%;
    font-size: 0.8em;
    text-align: center;
}

form.login-form p.buttom-osn input[type="button"] {
    width: 30%;
    height: 100%;
    background-color: #393937;
    color: #FFFFFF;
    padding: 2%;
    border: 0;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 1.1em;
    cursor: pointer;
}

form.login-form p.buttom-osn input[type="button"]:hover {
    background-color: #0066CC;
    color: #FFFFFF;
}




.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display:none; }
.tabs>div { display: none;
    padding: 12px;
    border: 1px solid #C0C0C0;
    background: #FFFFFF;
    height: 260px; overflow-y:scroll; text-align: left;
}
.tabs>label {
    display: inline-block;
    padding: 7px;
    margin: 0 -5px -1px 0;
    text-align: center;
    color: #666666;
    border: 1px solid #C0C0C0;
    background: #E0E0E0;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 1px solid #C0C0C0;
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }