 /*------------             Olexa 31-10-2011 start   -------- */
.main_banner{
	width:100%;
	height:auto;
	background-color: #dedede;
}

}.banner_rt{
	width:auto;
	height:50px;
	float:right;
}
.banner_lft{
	width:auto;
	height:50px;
	float:left;	
}
.banner{
	width:90%;
	height:47px;
	background-image:url("../../../images/banner.jpg");
	background-repeat:no-repeat;
	margin:0 auto;
}
.border_line{
	width:100%;
	border:1px solid #ededed;
	float:left;
	margin:2px 0 0 0;
}
 /*------------             Olexa 31-10-2011 end   -------- */
/*-------------------------- end of top banner---------------------------------------------*/
.tp_bar
{
	width: 100%;
	height: 30px;
}
.tp_bar_1
{
	width: 100px;
	height: 10px;
	margin-right: 25px;
	padding-top: 6px;
	float: right;
	font-family: 'Arial';
	font-size: 14px;
	color: #1C1C1C;
}
.tp_bar_2
{
	width: 200px;
	height: 25px;
	margin-right: 100px;
	padding-top: 10px;
	float: right;
	font-family: 'Arial';
	font-size: 14px;
	color: #999;
	text-decoration:none;
}
.tp_bar_2 a{
	text-decoration:none;
	
}

.divider
{
	width: 1px;
	height: 18px;
	margin: 6px 15px 0 0;
	background: #0703D4;
	float: right;
}

/*----------------------------------------------------login box-------------------------------------------*/
.login_bx
{
	/*float:right;*/
	width: 380px;
	height: 186px;
	margin-top: 10%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}
.login_top
{
	width: 380px;
	height: 31px;
	background-image: url(../../../image/log_bx_top_2.jpg);
	background-repeat: no-repeat;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.forpass_top
{
	width: 243px;
	height: 31px;
	background-image: url(../../../image/log_bx_top_2.jpg);
	background-repeat: no-repeat;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.login_mid
{
	width: 380px;
	height: 130px;
	background: #F2F2F2;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.forpass_mid
{
	width: 350px;
	height: 100px;
	background: #F2F2F2;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.forpass_bot
{
	width: 350px;
	height: 22px;
	background-image: url(../../../image/login_btm.jpg);
	background-repeat: no-repeat;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.login_bot
{
	width: 380px;
	height: 22px;
	background-image: url(../../../image/login_btm.jpg);
	background-repeat: no-repeat;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

/*------------------------------------------------------login form--------------------------------------------*/
.login_main
{
	width: 377px;
	height: 114px;
	border-bottom: 1px solid #DDDBDC;
	border-top: 1px solid #DDDBDC;
	float: left;
	background: #F1F1F1;
}
.login_form
{
	width: 310px;
	margin: 10px 0 0 35px;
	height: 550px;
	position: absolute;
}
.login_form label
{
	width: 90px;
	height: 15px;
	float: left;
	font-size: 12px;
	font-family: 'Arial';
	font-weight: 600;
	color: #000000;
}
.login_form input
{
	border: solid 1px #B8B8B8;
	width: 170px;
	height: 15px;
	float: left;
	margin: 5px 0 0 0px !important;
	margin: 5px 0 0 3px;
	font-size: 12px;
	font-family: 'Arial';
	font-weight: 600;
}
.button
{
	width: 160px;
	height: 25px;
	margin: 20px 0 0 80px !important;
	margin: 40px 0 0 80px;
}
.button
{
	width: 160px;
	height: 23px;
	margin: 10px 0 0 80px !important;
	margin: 10px 0 0 80px;
}
.button input
{
	width: 101px;
	height: 29px;
	background-image: url(../../../images/login_butt.png);
	background-repeat: no-repeat;
	border: none;
}

/*-------------------------------------------------------------- login form -------------------------------------*/
.login_bot
{
	width: 380px;
	height: 22px;
	background-image: url(../../../image/login_btm.jpg);
	background-repeat: no-repeat;
}
/*------------------------------------------------------------login box--------------------------------------------*/

/*---------------------------- left panel ----------------------- */
.lft_pannel
{
	width: 25%; /*height:506px;*/ /*margin-left:10px !important; */ /*margin-left:5px;*/ /*background-image:url(../images/lft_pnl.jpg);*/ /*background-repeat:no-repeat;*/
	float: left;
	overflow: auto; /*position: fixed;*/
}

.rt_pnnel
{
	width: 75%; /*min-height:450px; 	height: auto !important;*/ /*margin:10px 10px 10px 0 !important;*/ /*margin:10px 5px 10px 0;*/
	background: #FFFFFF;
	float: right;
	overflow: auto;
}
/*------------------------------------------------------------a links--------------------------------------------*/
a
{
	text-decoration: none; /*......general link......*/
	font-family: 'Arial';
	font-size: 12px;
	color: #000000;
}
a:hover
{
	text-decoration: none; /*......hover link......*/
	background: #CCCCCC;
	font-family: 'Arial';
	font-size: 12px;
	color: #3366FF;
}
a:active
{
	text-decoration: none; /*.....active link......*/
	background: #CCCCCC;
	font-family: 'Arial';
	font-size: 12px;
	color: #3300FF;
}
a:visited
{
	text-decoration: none; /*......visited link......*/
	font-family: 'Arial';
	font-size: 12px;
	color: #333333;
}
/*------------------------------------------------------------a links--------------------------------------------*/

