@charset "utf-8";


body{
	margin:0;
	font-size:15px;
	color:#678197;
}

a{
	text-decoration:none;
}

img{
	border:0;
}

.clear{
	clear:both;
	font-size:1px;
	line-height:1px;
}

.red-star{	
	color:#678197;
}

.center{	
	text-align:center;
}

.left-txt{
	text-align:left;
}

.right-txt{
	text-align:right;
}

.buttom{
	width:70px;
	height:22px;
	background:url(../images/en/button.gif) no-repeat  ;
	font-size:11px;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
	padding-bottom:2px;
}

.center{
	text-align:center;
}

select{
	font-size:10px;
}

.hide{
	display:none;
}

.top{
	vertical-align:top;
}

.image{
	margin-left:10px;
}

.buttom-area{
	text-align:center;
}

.just{
	text-align:justify;
}

.q{
	width:184px;
	height:27px;
	background:url(../images/en/bu.gif) no-repeat  ;
	font-size:11px;
	color:#FFFFFF;
	border:0px;
	cursor:pointer;
	padding-bottom:2px;
}

.red{
	color:#990000;
}

hr{
	color:#990000;
	width:500px;
	display:inline-block;
}

#wrapper{
	width:922px;
	background:#f9fafa;
	margin:0 auto;
}



/*-----------------------------------------------*/
/*--------------------header---------------------*/
/*-----------------------------------------------*/

#header{
	width:922px;
	height:200px;
	background:url(../images/en/header.jpg) no-repeat;
	clear:both;
}

/*-----------------------------------------------*/
/*---------------------main----------------------*/
/*-----------------------------------------------*/

#main{
	clear:both;
}

/*-----------------------------------------------*/
/*---------------------left----------------------*/
/*-----------------------------------------------*/

#left{
	width:190px;
	background:#f9fafa;
	padding:5px;
	float:left;
}

/*------------------menu-------------------*/

#menu{
	clear:both;
	background:#f6f8f9;
	border:2px #e4e3e3 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}

#menu li{
	display:block;
	list-style:none;
}

#menu li a{
	height:16px;
	display:block;
	text-decoration:none;
	padding:3px 0 3px 30px;
	color:#333333;
	background-image:url(../images/en/bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#menu li a:hover{
	background:#e4e8ec;
	background-image:url(../images/en/bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
}

/*---------------random pic----------------*/

#random-pic{
	clear:both;
}

/*------------------login------------------*/

#login{
	clear:both;
	background:#f6f8f9;
	border:2px #e4e3e3 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:8px;
	margin-top:10px;
	font-size:11px;
}

.login-button{
	text-align:right;
}

.form-width{
	width:100px;
}


/*-----------------------------------------------*/
/*-----------------------------------------*/
/*-----------------------------------------------*/

#middle{
	width:712px;
	background:#f9fafa;
	padding:5px;
	float:right;
}

#tata{
	width:688px;
	background:url(../images/en/bg1.jpg) repeat-x #fcfdfd;
	border:2px #e4e3e3 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:10px;
	clear:both;
}

.button-area{
	clear:both;
	text-align:center;
	margin:25px 0;
}

/*-----------------welcome-----------------*/

#welcome{
	width:685px;
	background:url(../images/en/bg1.jpg) repeat-x #fcfdfd;
	border:2px #e4e3e3 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	text-align:justify;
	padding:10px;
	clear:both;
}

#bottom-box{
	width:685px;
	background:url(../images/en/bg1.jpg) repeat-x #fcfdfd;
	margin-top:5px;
	border:2px #e4e3e3 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:10px;
	clear:both;
}

/*-----------------------------------------------*/
/*--------------------footer---------------------*/
/*-----------------------------------------------*/

#footer{
	font-size:11px;
	background:#f9fafa;
	clear:both;
}

#copy-right{
	width:461px;
	float:left;
	padding:10px 0;
	text-align:center;
}

#designer{
	width:461px;
	float:right;
	padding:10px 0;
	text-align:center;
}

#designer a{
	color:#003366;
}

#designer a:hover{
	color:#FF6600;
}


/*-----------------------------------------------*/
/*--------------------tables---------------------*/
/*-----------------------------------------------*/

.shadow{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	background:#e5eff8;
	padding:.3em 0.5em;
	text-align:center;
}

.light{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	background:#ffffff;
	padding:.3em 0.5em;
	text-align:center;
}

.shadow1{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	background:#e5eff8;
	padding:.3em 0.5em;
	text-align:left;
}

.light-header1{
	color:#FFFFFF;
	background:#91d412;
	text-align:left;
}

.light1{
	color:#678197;
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	background:#ffffff;
	padding:.3em 0.5em;
	text-align:left;
}

.light-header{
	color:#FFFFFF;
	background:#91d412;
	text-align:center;
}

.tdheader{
	color:#FFFFFF;
}

td {
   color:#678197;
}

.tata-table {
   width:100%;
   border-top:1px solid #e5eff8;
   border-right:1px solid #e5eff8;
   margin:1em auto;
   border-collapse:collapse;
   margin-left:0px;
}

.tata-table td{
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1px;
}

.tata-table-1 {
   width:100%;
   border-top:1px solid #e5eff8;
   border-right:1px solid #e5eff8;
   margin:1em auto;
   border-collapse:collapse;
   font-size:12px;
   margin-left:0px;
}

.tata-table-1 td{
	border-bottom:1px solid #e5eff8;
	border-left:1px solid #e5eff8;
	padding:.3em 1px;
}

/*-----------------------------------------------*/
/*---------------------steps---------------------*/
/*-----------------------------------------------*/

.breadcrumb{
	position:relative;
	height:30px;
	width:100%;

}

.breadcrumb ul{
	position:relative; 
	margin:0 5px 0 5px; 
	padding:0; 
	height:30px; 
	background:url('../images/en/steps.jpg') 0px -30px repeat-x; 
}

.breadcrumb ul li{
	padding:0; 
	margin:0; 
	list-style:none; 
	float:left; 
	height:30px;
	width:135px; 
	display:inline;
}

.breadcrumb ul li a{
	font:12px Arial, Helvetica, sans-serif; 
	color:#0a4c81; 
	text-decoration:none; 
	line-height:30px;
	text-align:center; 
	display:block; 
	background:url('../images/en/steps.jpg') 100% -60px no-repeat; 
}

.breadcrumb ul li a span{
	padding:0 17px 0 15px;
}

.breadcrumb ul li a:hover span{
	text-decoration:none; 
	color:rgb(255,255,255);
}

.breadcrumb ul li a.active{
	background:url('../images/en/steps.jpg') 100% -60px no-repeat;
	font-size:13px;
	font-weight:900;
}

.breadcrumb ul li a.active span{
	color:#FFFFFF;
}

.breadcrumb ul li a.active:hover span{
	text-decoration:none;
}

.breadcrumb ul li a.active1{
	background:url('../images/en/steps.jpg') 100% -30px no-repeat;
	font-size:13px;
	font-weight:900;
}

.breadcrumb ul li a.active2{
	background:none;
}

.breadcrumb ul li a.active1 span{
	color:#FFFFFF;
}

.breadcrumb ul li a.active1:hover span{
	text-decoration:none;
}

.breadcrumb .left{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:10px; 
	height:30px; 
	display:block; 
	z-index:1; 
	background:url('../images/en/steps.jpg') 0% 0px no-repeat;
}

.breadcrumb .right{
	position:absolute;
	top:0px; 
	right:0px; 
	width:10px; 
	height:30px; 
	display:block; 
	z-index:1; 
	background:url('../images/en/steps.jpg') 100% -90px no-repeat; 
}



/*-----------------------------------------------*/
/*---------------------help----------------------*/
/*-----------------------------------------------*/


.help{
	position:absolute;
	width:500px;
	top:200px;
	left:300px;
	clear:both;
	font-size:12px;
	background:#dfefff;
	border:3px #006aaf solid;
	padding:10px;
	z-index:1000;
}


.help-content{
	width:470px;
	float:left;
}



/*-----------------------------------------------*/
/*---------------------alert----------------------*/
/*-----------------------------------------------*/


.alert{
	position:absolute;
	width:500px;
	top:280px;
	left:300px;
	clear:both;
	background:#dfefff;
	border:3px #006aaf solid;
	padding:10px;
	z-index:1000;
}

.alert-content{
	width:470px;
	float:left;
} 


.close{
	width:20px;
	float:right;
}


/*--------------------index user-----------------*/



.user{
	clear:both;
	background:#f6f8f9;
	border:2px #e4e3e3 solid;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	margin-top:10px;
}

.user ul{
	list-style:none;
	margin:0;
	padding:0;
}

.user li{
	display:block;
	list-style:none;
}

.user li a{
	height:16px;
	display:block;
	text-decoration:none;
	padding:3px 0 3px 30px;
	color:#333333;
	background-image:url(../images/en/bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.user li a:hover{
	background:#e4e8ec;
	background-image:url(../images/en/bullet.gif);
	background-position:left;
	background-repeat:no-repeat;
}

.welcome-user{
	clear:both;
	padding-left:15px;
	padding-top:8px;
	padding-bottom:8px;
	background:#DBE3EA;
}

.welcome-user-name{
	font-size:14px;
	color:#990000;
	font-weight:bold;
	padding-right:10px;
}




/*--------------------loader-----------------*/




#loader-bg{
	position:relative;
	top:280px;
	left:380px;
	width:300px;
	height:134px;
	background:url(../images/en/bg-loader.jpg) no-repeat;
	z-index:1;
}

#loader-gif{
	position:relative;
	height:19px;
	background:url(../images/en/ajax-loader.gif) no-repeat;
	top:50px;
	left:43px;
}



/*--------------------comment-----------------*/


.comment{
	width:250px;
	display:none;
	position:absolute;
	clear:both;
	top:250px;
	left:400px;
	text-align:center;
	z-index:100;
}

.flash{
	clear:both;
	text-align:center;
}

.comment-text{
	clear:both;
	padding:10px;
	border:2px #73bade solid;
	background:#CCEEFF;
}


/*--------------------gallery-----------------*/


.gallery{
	width:123px;
	margin-right:10px;
	margin-bottom:10px;
	background:#CCCCCC;
	border:2px #C1E0E3 solid;
	float:left;
}

.gallery table{
	text-align:center;
}
/* CSS Document */


#a1{
	width:230px;
	margin:0 auto;
	text-align:center;
	padding:5px;
	border:2px #CEDEEA solid;
	background:#e5eeee;
	clear:both;
}

#a2{
	clear:both;
}

#a3{
	width:688px;
	clear:both;
}

.a3-box{
	width:210px;
	margin-right:3px;
	border:2px #CEDEEA solid;
	text-align:center;
	background:#e5eeee;
	padding:5px;
	font-size:12px;
	float:left;
}

.a3-box-left{
	width:300px;
	margin-right:3px;
	border:2px #CEDEEA solid;
	text-align:center;
	background:#e5eeee;
	padding:5px;
	font-size:12px;
	float:left;
}

.a3-box-right{
	width:300px;
	margin-right:3px;
	border:2px #CEDEEA solid;
	text-align:center;
	background:#e5eeee;
	padding:5px;
	font-size:12px;
	float:right;
}

#a4{
	clear:both;
}

#a5{
	clear:both;
}

.mark{
	text-align:left;
}

.mark td{
	vertical-align:top;
}

.tick{
	width:688px;
	clear:both;
	font-size:12px;
	border:2px #CEDEEA solid;
	background:#e5eeee;
}

.tickbox{
	float:left;
	width:190px;
	margin-left:20px;

}

.tickbox2{
	float:left;
	width:230px;

	margin-left:8px;
}

.tickbox3{
	float:left;
	width:220px;

	margin-left:8px;
}

/*
 * ---
 */
.style1 {
	width:688px;
	clear:both;
	font-size:12px;
	border:2px #CEDEEA solid;
	background:#e5eeee;
	color: #BB0000;
	}
.style2 {color: #41723F}
.style3 {color: #000000}