body{
	background: url(../images/body_bgr.jpg) top repeat-x;
	background-color:#373737;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
}

input {font-family: Verdana; font-size: 12px; font-weight: bold; color: #555;}

a, a img { outline: none; }

.clear-both {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.container {	
	margin: 0px auto 0px auto;
	overflow:hidden;
}

*+html .container {	
	width: 100%;
	margin: 0px auto 0px auto;
	overflow-x:hidden;
}

.container .success{	

	margin-left:0px;
	margin-bottom:20px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.7px;
	border: 1px solid #4fa42d;
	background: #387a1e;
	padding-top: 5px; 
	padding-bottom: 5px; 
	width: 362px;
	text-align:center;

}


.container .sms-info{	
	color: #fff; 
	font-weight: normal; 
	letter-spacing: 0.4px; 
	border: 1px solid #999; 
	background: #666; 
	padding-top: 5px; 
	padding-bottom: 5px; 
	text-align: center;
	margin-right:15px;
	margin-left:15px;
	margin-top:10px;
	font-size: 12px;
}


.container .error{	
	text-align:center;
}


.container .error table td{	
	width: 362px;
	margin-left:20px;
	font-size: 12px; 
	color: #fff; 
	font-weight: bold; 
	letter-spacing: 0.7px; 
	line-height: 160%;
	border: 1px solid #b13535; 
	background: #781f1f; 
	padding-top: 5px; 
	padding-bottom: 5px;
	color: #ccc; 
	text-decoration: underline;
	text-align:center;
}

.container .login{	
width:360px; height:190px;
margin-left: auto;
margin-right: auto;
margin-top: 10%;
/*	margin-left: 200px; /* half of width */ 
/*margin-top: 50px; /* half of width */ 
}

.container .register{	
width:360px; height:500px; 
margin-left: auto;
margin-right: auto;
margin-top: 10%;
	/*margin-left: 200px; /* half of width */ 
/*margin-top: 0px; /* half of width */ 
}

.container .login-active{
	margin-top:-2px;
	margin-left:25px;
	background-color:#505050;
	font-weight:bold;
	font-size:14px;
	color:#D4D4D4;
	height:15px;
	padding:5px; 10px 0 10px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	float:left;
}

.container .login-normal{	
	margin-top:-2px;
	margin-left:25px;
	background-color:#404040;

	padding:5px; 10px 0 10px;
	border:1px solid #666666;
	height:15px;
	float:left;
}

.container .login-normal a{	
	font-weight:bold;
	font-size:14px;
	color:#D4D4D4;
}

.container .registration{	
	margin-top:-2px;
	margin-left:15px;
	background-color:#404040;

	padding:5px; 10px 0 10px;
	border:1px solid #666666;
	height:15px;
	float:left;
}

.container .registration-active{
	margin-top:-2px;
	margin-left:25px;
	background-color:#505050;
	font-weight:bold;
	font-size:14px;
	color:#D4D4D4;
	height:15px;
	padding:5px; 10px 0 10px;
	border-left:1px solid #666666;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	float:left;
}

.container .registration a{	
	font-weight:bold;
	font-size:14px;
	color:#D4D4D4;
}
.email{
	width:160px; height:15px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2%;
	background-color:#404040;
	padding:5px; 10px 0 10px;
	border:1px solid #666666;
}

.email a{	
	font-weight:bold;
	font-size:14px;
	color:#D4D4D4;
}



.container .form-top{	
	background: url(../images/top-form.png) no-repeat;
	background-color:transperant;
	width:362px;
	height:20px;
	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/top-form.png'); 
	_background: none;
}

.container .form-middle{	
	background: url(../images/middle-form.png) repeat-y;
	background-color:transperant;
	width:362px;
	font-weight:bold;
	font-size:14px;
	color:#9C9C9C;

	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../../../../images/middle-form.png'); 
	_background: none;
}

.container .form-middle .input-header{	
	margin-left:15px;
	padding-top:5px;
	width:100px;
	float:left;

}

*html .container .form-middle .input-header{	
	margin-left:5px;
}

.container .form-middle .input-text{
	float:left;
}

.container .form-middle .input-text a{
	color:#ccc;
}

.container .form-middle .input-text input{	
	background-color:#2E2E2E;
	padding-top:5px;
	padding-left:5px;
	color:#FFFFFF;
	width:225px;
	height:25px;
}

.container .form-middle .input-text a.fpassword{	
	font-weight:bold;
	font-size:14px;
	color:#9C9C9C;
	margin-left:50px;
	margin-top:5px;
}


.container .form-bottom{	
	background: url(../images/bottom-form.png) no-repeat;
	background-color:transperant;

	width:362px;
	height:20px;

	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/bottom-form.png'); 
	_background: none;
}

.container .services{	
	width:570px; height:1100px; 
	margin-left: 300px; /* half of width */ 
	margin-top: 150px; /* half of width */ 
}

.container .user-info{
	font-weight:bold;
	font-size:14px;
	color:#BCBBBB;
	padding-left:25px;
	float:left;
}

.container .user-info a{
	font-size:12px;
	font-weight:normal;
	color:#BCBBBB;
}

.container .user-info span{
	color:#52B638;
}

.container .recharge{
	background-color:#545454;
	width:280px;

	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	border-top:1px solid #545454;
	border-left:1px solid #545454;
	border-right:1px solid #545454;
	margin-right:25px;
	font-weight:bold;
	font-size:14px;
	color:#BCBBBB;
	
	float:right;
}

.container .recharge span{
	font-size:12px;
	color:#fff;
}

.container .recharge .input-header{	
	margin-left:15px;
	padding-top:5px;
	width:80px;
	float:left;

}

*html .container .recharge .input-header{	
	margin-left:5px;
}

.container .recharge .input-text{
	float:left;
}

.container .recharge .input-text a{
	color:#ccc;
}

.container .recharge .input-button{
	margin-left:10px;
	margin-top:1px;
	float:left;
}

.container .recharge .input-text input{	
	background-color:#2E2E2E;
	padding-top:5px;
	padding-left:5px;
	color:#FFFFFF;
	border:1px solid #545454;
	width:130px;
	height:25px;
	margin-bottom:2px;
}

.container .big-top{
	background: url(../images/big-top.png) no-repeat;
	background-color:transperant;
	margin-top:-1px;
	width:565px;
	height:25px;

	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/big-top.png'); 
	_background: none;
}

.container .big-middle{
	background: url(../images/big-middle.jpg) repeat-y;
	background-color:transperant;
	width:565px;
	font-weight:bold;
	font-size:14px;
	color:#9C9C9C;
}

.container .big-bottom{
	background: url(../images/big-bottom.png) no-repeat;
	background-color:transperant;

	width:565px;
	height:25px;

	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/big-bottom.png'); 
	_background: none;
}

.container .big-middle .services-box{
	text-align:center;
	padding-left:10px;

}

.container .big-middle .services-box .services-top{
	background: url(../images/services-top.png) no-repeat;
	background-color:transperant;
	width:545px;
	height:35px;
	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/services-top.png'); 
	_background: none;
}

.container .big-middle .services-box .services-middle{
	background: url(../images/services-middle.png) repeat-y;
	background-color:transperant;
	width:505px;
	padding:0px;
	font-size:14px;
	color:#fff;
	text-align:left;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;

	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../../../../images/services-middle.png'); 
	_background: none;
}

.container .big-middle .services-box .services-middle span{
	font-weight:normal;
}

.container .big-middle .services-box .services-bottom-green{
	background: url(../images/services-bottom-green.png) no-repeat;
	background-color:transperant;


	font-size:20px;
	color:#E6E6E6;
	font-weight:bold;
	
	padding-top:3px;
	padding-right:15px;
	width:530px;
	height:40px;
	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/services-bottom-green.png'); 
	_background: none;

}

.container .big-middle .services-box .services-bottom-green .click{
	margin-left:8px;
	width:260px;
	position:relative;
	cursor:pointer;
	float:left;
}

.container .big-middle .services-box .services-bottom-red{
	background: url(../images/services-bottom-red.png) no-repeat;
	background-color:transperant;


	font-size:20px;
	color:#E6E6E6;
	font-weight:bold;

	padding-top:3px;
	padding-right:15px;
	width:530px;
	height:40px;

	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/services-bottom-red.png'); 
	_background: none;

}

.container .big-middle .services-box .services-top .top-green-left{
	margin-left:8px;
	margin-top:9px;
	background: url(../images/top-gereen-left.jpg) no-repeat;
	background-color:transperant;
	width:15px;
	height:30px;
	float:left
}

*html .container .big-middle .services-box .services-top .top-green-left{
	margin-left:4px;
}

.container .big-middle .services-box .services-top .top-green-middle{
	margin-top:9px;
	padding-top:5px;
	background: url(../images/top-gereen-middle.jpg) repeat-x;
	background-color:transperant;
	height:25px;
	color:#fff;
	float:left
}

.container .big-middle .services-box .services-top .top-green-right{
	margin-top:9px;
	background: url(../images/top-green-right.png) no-repeat;
	background-color:transperant;
	width:38px;
	height:30px;
	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/top-green-right.png'); 
	_background: none;
	float:left
}

.container .big-middle .services-box .services-top .top-red-left{
	margin-left:8px;
	margin-top:9px;
	background: url(../images/top-red-left.jpg) no-repeat;
	background-color:transperant;
	width:15px;
	height:30px;
	float:left
}

*html .container .big-middle .services-box .services-top .top-red-left{
	margin-left:4px;
}

.container .big-middle .services-box .services-top .top-red-middle{
	margin-top:9px;
	padding-top:5px;
	background: url(../images/top-red-middle.jpg) repeat-x;
	background-color:transperant;
	height:25px;
	color:#aaaaaa;
	float:left
}

.container .big-middle .services-box .services-top .top-red-right{
	margin-top:9px;
	background: url(../images/top-red-right.png) no-repeat;
	background-color:transperant;
	width:38px;
	height:30px;
	/* PNG FIx za IE6 */
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='../../../../../images/top-red-right.png'); 
	_background: none;
	float:left
}

.container .logout{
	margin-left:30px;
}


.container .big-middle .profile-title{
	margin-left:20px;
	font-size:20px;
	color:#F5F5F5;
	font-weight:bold;
}

.container .big-middle .input-header{
	margin-top:10px;
	margin-left:20px;
	width:200px;
	float:left;
}

.container .big-middle .input-text{
	float:left;
}

.container .big-middle .input-text input{
	background-color:#2E2E2E;
	padding-top:5px;
	padding-left:5px;
	color:#FFFFFF;
	width:300px;
	height:25px;
}

.container .big-middle .input-text select{
	background-color:#2E2E2E;
	
	padding:3px 3px 3px 3px ;
	color:#FFFFFF;
	width:300px;
}


a.vaucher {
    width: 151px; height: 214px;
    float: left;
    margin-right: 5px;
    display: block;
    border: 5px solid #777;
	margin-left:14px;
}

a.vaucher:hover {
    border: 5px solid #888
}

a.vaucher img {
    width: 151px; height: 214px;
    padding: 1px;
}