/* CSS Document */
body{
	margin:0px;
	padding:0px;
	border:0px;
	}
ul,li,h1,h2,h3,p,img,span{
	margin:0px;
	padding:0px;
	}
#wraper
{
	width:100%;
	height:100%;
	background:#ffffff;

	}
#main{
	
	background:#ffffff;
	overflow:hidden;
	margin:auto;
	padding-bottom:10px;
	width:100%;	
	/*height:520px;*/
	}
		
#logo{
	float:left;
	width:950px;
	height:136px;
	
	}
#logo_left{
	width:166px;
	height:134px;
	float:left;
	}
#logo_left img{
	max-width:150px;
	}
#logo_midle{
	float:left;
	width:500px;
	height:150px;
	}
#logo_midle h3{
	float:left;
	width:500px;
	line-height:15px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#1062ac;
	margin-top:9px;
	}
#logo_midle p{
	float:left;
	width:500px;
	line-height:15px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#1062ac;
	}
	
#logo_right{
	float:left;
	/*width:250px;*/
	width:21%;
	height:150px;
	}
.right_image{
	float:left;
	width:120px;
	height:80px;
	border:1px solid #ccc;
	margin-left:73px;
	clear:both;
	max-width:100px;
	
	}
	.right_image img
	{
		max-width:120px;
		margin:0px;
		padding:0px;
		
	}

#logo_right input{
	float:left;
	width:170px;
	line-height:15px;
	margin-left:41px;
	border:none;
	margin-top:3px;
	
	}
#logo_right button{
	float:left;
	width:60px;
	line-height:15px;
	margin-top:3px;
	}

#top{
	float:left;
	
	width:950px;
	height:30px;
	background:#cbd9e7;
	/*background: #c9bdcc; 
background: -moz-linear-gradient(top, #c9bdcc 0%, #e3e6f4 49%, #c9bdcc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9bdcc), color-stop(49%,#e3e6f4), color-stop(100%,#c9bdcc)); 
background: -webkit-linear-gradient(top, #c9bdcc 0%,#e3e6f4 49%,#c9bdcc 100%); 
background: -o-linear-gradient(top, #c9bdcc 0%,#e3e6f4 49%,#c9bdcc 100%); 
background: -ms-linear-gradient(top, #c9bdcc 0%,#e3e6f4 49%,#c9bdcc 100%); 
background: linear-gradient(to bottom, #c9bdcc 0%,#e3e6f4 49%,#c9bdcc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9bdcc', endColorstr='#c9bdcc',GradientType=0 ); */
	}
#top h1{
	width:950px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	color:#3187a4;
	padding-left:6px;
	}
#top p{
	width:60px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	color:#3187a4;
	/*color:#333;*/
	cursor:pointer;
	}
#top p:hover{
	color:#3187a4;
	}
#top img{
	margin:0px;
	padding:0px;
	width:22px;
	height:22px;
	float:left;
	margin-top:5px;
	}
.iconimg{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	float:left;
	color:#01a2d8;
	}
#fields{
	float:left;
	width:950px;
	overflow:hidden;
	background:#f2f2f2;
	}
#fields div{
	float:left;
	width:236px;
	line-height:20px;
	text-align:left;
	margin-top:5px;
	}
#fields p{
	float:left;
	width:90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:5px;
	color:#076f92;
	}
#fields input{
	float:left;
	width:130px;
	line-height:15px;
	font-size:9px;
	border:1px solid #999;
	}
#fields select{
	float:left;
	width:134px;
	line-height:15px;
	font-size:9px;
	border:1px solid #999;
	padding:3px;
	}
#fields radio{
	float:left;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	}
.inpimage{
	float:left;
	width:140px;
	background-image:url(images/calender.png);
	background-repeat:no-repeat;
	background-position:right;
	max-height:12px;
	}
#report{
	float:left;
	width:950px;
	overflow:hidden;
	}
.reportmain{
	width:950px;
	line-height:30px;
	background: #dadada; /* Old browsers */
background: -moz-linear-gradient(top, #dadada 0%, #f2f2f2 29%, #fafafa 50%, #f2f2f2 71%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(29%,#f2f2f2), color-stop(50%,#fafafa), color-stop(71%,#f2f2f2), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	}
.reportmain p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3187a4;
	line-height:30px;
	text-align:center;
	background: #dadada; /* Old browsers */
background: -moz-linear-gradient(top, #dadada 0%, #f2f2f2 29%, #fafafa 50%, #f2f2f2 71%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(29%,#f2f2f2), color-stop(50%,#fafafa), color-stop(71%,#f2f2f2), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
	}
.report2{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#06F;
	line-height:30px;
	text-align:center;
	}
.report2 p{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	cursor:pointer;
	}
#account{
	float:left;
	width:950px;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:5px;
	background:#f2f2f2;
	}
#account div{
	width:425px;
	float:left;
	margin-top:5px;
	}
#account p{
	float:left;
	width:180px;
	line-height:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-right:30px;
	color:#333;
	margin-left:10px;
	}
.accountimg{
	float:right;
	width:20px;
	height:15px;
	background-image:url(../images/calender.png);
	background-repeat:no-repeat;
	background-position:right;
	}
#account input{
	float:left;
	width:200px;
	line-height:15px;
	border:none;
	border:1px solid #999;
	}
#account checkbox{
	float:left;
	width:20px;
	line-height:20px;
	border:none;
	border:1px solid #999;
	}
#account textarea{
	float:left;
	width:200px;
	overflow:hidden;
	border:1px solid #999;
	}
#account select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
-webkit-appearance: none; /*Removes default chrome and safari style*/
-moz-appearance: none; /* Removes Default Firefox style*/
/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 205px; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
#account .box{
	float:left;
	width:927px;
	overflow:hidden;
	margin-left:10px;
	/*border:1px solid #ccc;*/
	}
.box h1{
	float:left;
	width:229px;
	height:20px;
	background: #dadada; /* Old browsers */
background: -moz-linear-gradient(top, #dadada 0%, #f2f2f2 29%, #fafafa 50%, #f2f2f2 71%, #e9e9e9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(29%,#f2f2f2), color-stop(50%,#fafafa), color-stop(71%,#f2f2f2), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* IE10+ */
background: linear-gradient(to bottom, #dadada 0%,#f2f2f2 29%,#fafafa 50%,#f2f2f2 71%,#e9e9e9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
line-height:20px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #ccc;
color:#3187a4;
}

.box p{
	float:left;
	width:235px;
	height:25px;
line-height:25px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid #ccc;
margin:0px;
padding:0px;
}

.space{
	float:left;
	width:950px;
	height:100px;
	}
	
/*transation*/

input[type="text"], input[type="password"]
{
        border: 1px solid #999999;
    }

input[type="text"]:focus, input[type="password"]:focus
{
        border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
    }

.required
{
	border:1px solid #f00 !important;
	}
.space
{
	float:left;
	width:6%;
	height:20px;
	}

#transation{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transation div{
	float:left;
	width:33%;
	height:auto;
	margin-top:18px;
	}
#transation p{
	float:left;
	width:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
#transation input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
#transation[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
.radiob
{
	float:left;
	width:35px;
	height:20px;
	}

#transation input:placeholder{
	color:#eee;
	}
	
::-webkit-input-placeholder {
    color:    #999;
}
:-moz-placeholder {
    color:    #999;
}
::-moz-placeholder {
    color:    #999;
}
:-ms-input-placeholder {
    color:    #999;
}
#transation input:focus{
	border:1px solid #F60;
	}
.transimg{
	width:15px;
	height:15px;
	background-image:url(../images/calender.png);
	background-repeat:no-repeat;
	background-position:right;
	}
#transation select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

background: url(../images/select_arrow.png) no-repeat 98% center;
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
#transation select:focus{
	border:1px solid #F60;
	}
	
#transation textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
#transation textarea:focus{
	border:1px solid #F60;
	}
#transation button{
	float:left;
	width:60px;
	height:25px;
	line-height:21px;
	background:#FF6633;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:none;
	margin-left:4px;
	font-weight:bold;
	box-shadow:1px 1px 2px #666;
	border-radius:5px;
	border:1px solid #fff; 
	}
#top_1{
	margin:auto;
	
	width:100%;
	height:30px;
	background:#cbd9e7;
	 background: #56afd1;
  background: -moz-linear-gradient(top, #78c9e7 0%, #56afd1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78c9e7), color-stop(100%, #56afd1));
  background: -webkit-linear-gradient(top, #78c9e7 0%, #56afd1 100%);
  background: -o-linear-gradient(top, #78c9e7 0%, #56afd1 100%);
  background: -ms-linear-gradient(top, #78c9e7 0%, #56afd1 100%);
  background: linear-gradient(to bottom, #78c9e7 0%, #56afd1 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@topnavbgcolorstart', endColorstr='@topnavbgcolorend',GradientType=0 );*/

	}
#top_1 h1{
	width:400px;
	height:30px;
	line-height:30px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	color:#333;
	padding-left:6px;
	}
#top_1 button{
	height:30px;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-right:6px;
	float:left;
	text-align:right;
	border:none;
	background:none;
	}
	
button
{
	height:25px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	margin-right:6px;
	/* float:left; */
	text-align:right;
	border:none;
	border-radius:6px;
	font-weight:bold;
	}
button:hover
{
	/* height:25px;
	line-height:25px;
	margin-top:6px; */
	background:#01a2d8;
	color:#fff;
	
	}

	#top_1 button:hover
	{
		color:#fff;
	}
#icons{
	height:30px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3187a4;
	margin-right:6px;
	float:right;
	}
	
#transation_1{
	margin:auto 34px;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transation_1 div{
	float:left;
	width:40%;
	height:auto;
	margin-top:18px;
	}
#transation_1 radio
{
	float:left;
	width:10px;
	height:20px;
	}
#transation_1 h4
{
	width:6%;
	line-height:20px;
	
	}
#transation_1 p{
	float:left;
	width:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
#transation_1 input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
#transation_1 input:focus{
	border:1px solid #F60;
	}
.transimg{
	width:15px;
	height:15px;
	background-image:url(../images/calender.png);
	background-repeat:no-repeat;
	background-position:right;
	}
#transation_1 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

background: url(../images/select_arrow.png) no-repeat 98% center;
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
#transation_1 select:focus{
	border:1px solid #F60;
	}
	
#transation_1 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:20px;
	}
#transation_1 textarea:focus{
	border:1px solid #F60;
	}
.star{
	color:#f00;
	}
	
/*Transation3*/
#transation_3{
	margin:auto 34px;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	margin-left:28%;
	margin-top:0%;
	/*background:#f4f8fd;*/
	}
#transation_3 div{
	float:left;
	width:40%;
	height:auto;
	margin-top:10px;
	}
#transation_3 radio
{
	float:left;
	width:10px;
	height:20px;
	}
#transation_3 h4
{
	width:6%;
	line-height:20px;
	
	}
#transation_3 p{
	float:left;
	width:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	padding-left:6px;
	line-height:25px;
	color:#333;
	}
#transation_3 input{
	float:left;
	width:50%;
	height:25px;
	border:1px solid #999;
	font-size:11px;
	}
#transation_3 input:focus{	
	    border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
}
	#transation_3 input[type="radio"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	#transation_3 input[type="checkbox"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	#transation_3 label
	{
	float:left;
	height:20px;
	line-height:20px
	
	}
	
	
	
	#transationc input[type="radio"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	#transationc input[type="checkbox"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	#transationc label
	{
	float:left;
	height:20px;
	line-height:20px
	
	}
	
	#transation_3 input:focus
	{
	    /*box-shadow:1px 1px 6px #55a9f8;*/
	       border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	    
	   input[type="textbox"]:focus
	{
	    /*box-shadow:1px 1px 6px #55a9f8;*/
	       border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	    
	    
#transation_3 input:focus{
	    border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	}
	#transation_3 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:25px;
	}
#transation_3 select:focus
	{
	        border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	
#transation_3 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:25px;
	}
#transation_3 textarea:focus{
	border:1px solid #F60;
	}
	
/*Transation 2*/

#transation_2
{
    float:left;
	width:50%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transation_2 div{
	float:left;
	width:90%;
	height:auto;
	margin-top:18px;
	}
#transation_2 radio
{
	float:left;
	width:10px;
	height:20px;
	}
#transation_2 h4
{
	width:6%;
	line-height:20px;
	
	}
#transation_2 p{
	float:left;
	width:50%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
#transation_2 input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
#transation_2 input:focus{
	border:1px solid #F60;
	}
.transimg{
	width:15px;
	height:15px;
	background-image:url(../images/calender.png);
	background-repeat:no-repeat;
	background-position:right;
	}
#transation_2 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
#transation_2 select:focus{
	border:1px solid #F60;
	}
	
#transation_2 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:20px;
	}
#transation_2 textarea:focus{
	border:1px solid #F60;
	}
	/* For Employee Form*/
	
	#transatione{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transatione div{
	float:left;
	width:31%;
	height:auto;
	margin-top:18px;
	}
#transatione p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
#transatione input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
#transatione[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
	#transatione select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
	#transatione textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
	
	/* 3 parts*/
	
	#transatione3 input[type="radio"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	#transatione3 input[type="checkbox"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	#transatione3 label
	{
	float:left;
	height:20px;
	line-height:20px
	
	}
	
	
	#transatione3{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transatione3 div{
	float:left;
	width:31%;
	height:auto;
	margin-top:10px;
	}
#transatione3 p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:25px;
	color:#333;
	}
#transatione3 input{
	float:left;
	width:50%;
	height:25px;
	border:1px solid #999;
	font-size:11px;
	padding-left:8px;
	}
	#transatione3 input:focus
	{
	       border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	    
	   #transatione3 input[type="submit"]:focus
	   {
	       background:#333333;
          color:#ffffff;
	       }
#transatione3[type=radio]
{
	float:left;
	width:20px;
	height:25px;
	}
	#transatione3 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:25px;
	}
	#transatione3 select:focus
	{
	         border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	#transatione3 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:25px;
	}
	
	#transatione3 textarea:focus{
	     border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	}
	/* 3 parts end*/
	
	
	/*Travel master */
	.transatione1{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
.transatione1 div{
	float:left;
	width:31%;
	height:auto;
	margin-top:18px;
	}
.transatione1 p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
.transatione1 input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
.transatione1[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
	.transatione1 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
	.transatione1 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
	
	/* Transactione end*/
	
	/* Transactionc start*/
	/*for more height*/
	#transationc{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transationc div{
	float:left;
	width:48%;
	height:auto;
	margin-top:10px;
	}
#transationc p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:25px;
	height:25px;
	color:#333;
	}
#transationc input{
	float:left;
	width:50%;
	height:25px;
	border:1px solid #999;
	font-size:11px;
		padding-left:8px;
	}
	
	#transationc input:focus
	{
	       border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	/*#transationc #CalendarExtender1
	{
	    width:200px
	}*/
#transationc[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
	#transationc select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
line-height:25px;
	height:25px;
	}
	#transationc select:focus
	{
	        border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	#transationc textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
	
	/* Transationc End*/
	
	
	
	
	
	
	
	
	/* Print Start*/
	#transprint{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
#transprint div{
	float:left;
	width:31%;
	height:auto;
	margin-top:18px;
	}
#transprint p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
#transprint input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
#transprint[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
	#transprint select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
	#transprint textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
	/* Print end*/
	
	
	
	
	#transationt div{
	float:left;
	width:33%;
	height:auto;
	margin-top:18px;
	}
#transationt p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
#transationt input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
#transationt[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
	#transationt select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
	#transationt textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
	
	
/*  Login page css */
	
#login{
	width:100%;
	height:100%;
	background:#ccc;
	}
.logheader{
	float:left;
	width:100%;
	height:55px;
	border-bottom:1px solid #666;
	
	}
.logheader img{
	float:left;
	width:150px;
	height:52px;
	margin-left:4%;
	}
#logbanner{
	position:relative;
	width:100%;
	height:80%;
	float:left;
	}
#logbanner img{
	margin:0px;
	padding:0px;
	width:100%;
	height:700px;
	}
.topinp{
	float:right;
	width:400px;
	border:none;
	border:1px solid #ccc;
	line-height:25px;
	background:#f15921;
	height:30px;
	margin-top:15px;
	margin-right:15px;
	}
.logheader ul{
	float:right;
	margin:0px;
	padding:0px;
	margin-right:25px;
	}
.logheader ul li{
	list-style-type:none;
	float:left;
	width:30px;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#f15921;
	font-size:16px;
	}
.logheader ul li:hover{
	color:#fff;
	background:#f15921;
	cursor:pointer;
	}
.topinp p{
	float:left;
	width:60px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-size:12px;
}
.topinp input{
	float:left;
	width:336px;
	height:26px;
	line-height:26px;
	margin-top:1px;
	margin-left:1px;
	border:none;	
}
.topinp button{
	float:left;
	width:50px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:25px;
	text-align:center;
	color:#fff;
	font-size:12px;
	background:none;
	border:none;}
#logright{
	position:absolute;
	width:25%;
	height:37%;
	background:#eee;
	right:3%;
	top:25%;
	border-radius:10px;
	border:3px solid #58aafe;
	box-shadow:1px 1px 12px #58aafe;
	}

#logright h1{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:40px;
	width:100%;
	text-align:center;
	}
#logright div{
	float:left;
	width:100%;
	height:20px;
	margin-top:8px;
	}
#logright p{
	float:left;
	width:35%;
	height:20px;
	line-height:20px;
	color:#333;
	margin-left:5%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	}
#logright input{
	float:left;
	width:55%;
	height:20px;
	line-height:20px;
	color:#666;
	border:none;
	border:1px solid #ccc;
	border-radius:4px;
	}
#logright button{
	float:right;
	width:25%;
	height:30px;
	line-height:20px;
	color:#fff;
	border:none;
	border:2px solid #fff;
	border-radius:4px;
	background:#58aafe;
	text-align:center;
	margin-right:90px;
	border-radius:4px;
	}
#logright h3{
	float:left;
	margin:0px;
	padding:0px;
	height:20px;
	line-height:30px;
	color:#333;
	border:none;
	border-radius:4px;
	text-align:center;
	margin-right:62px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	cursor:pointer;
	}
.remind{
	width:62%;
	float:right;
	height:20px;
	}
#logright h4{
	float:right;
	margin:0px;
	padding:0px;
	width:60%;
	height:20px;
	line-height:18px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	cursor:pointer;
	font-weight:normal;
	}
#logright h4:hover{
		text-decoration:underline;
		}
#mainforget{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:101;
	display:none;
	}
#logforget{
	position:absolute;
	width:28%;
	height:50%;
	background:#eee;
	left:37%;
	top:25%;
	border-top-left-radius:40%;
	border-bottom-right-radius:40%;
	border:3px solid #58aafe;
	box-shadow:1px 1px 12px #58aafe;
	z-index:100;
	}
#logforget h1{
	float:left;
	width:100%;
	height:60px;
	line-height:60px;
	font-family:"Trebuchet MS";
	font-size:20px;
	text-align:center;
	padding-left:8px;
	
	
}
#logforget p{
	float:left;
	width:100%;
	height:25px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-left:30px;
}
#logforget input{
	float:left;
	width:85%;
	height:25px;
	line-height:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:none;
	border:1px solid #ccc;
	margin-left:10%;
	border-radius:4px;	
}
#logforget select{
	float:left;
	width:86%;
	height:30px;
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	border:none;
	border:1px solid #ccc;
	margin-left:10%;
	border-radius:4px;	
}
#logforget button{
	background:none;
	border:none;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#58aafe;
	border-radius:4px;
	color:#fff;
	margin-top:8px;
	vertical-align:central;
	margin-left:50px;
	cursor:pointer;	
}
#copyrights{
	margin:0px;
	padding:0px;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
	background:#eee; /* Old browsers */
	}
#copyrights h1{
	float:left;
	height:30px;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
	margin-left:20px;
	}
@media (min-width:320px) and (max-width:768px){
	#logright{
	position:absolute;
	width:50%;
	height:60%;
	}
	#logright h1{
	font-size:14px;
	color:#fff;
	line-height:20px;
	width:100%;
	}
	#logright div{
	float:left;
	width:100%;
	height:15px;
	margin-top:5px;
	}
	#logright p{
	float:left;
	width:40%;
	height:15px;
	line-height:15px;
	color:#333;
	font-size:10px;
	}
	#logright input{
	float:left;
	width:50%;
	height:15px;
	line-height:15px;
	color:#666;
	border:none;
	border:1px solid #eee;
	border-radius:4px;
	}
	#logright button{
	float:right;
	width:30%;
	height:20px;
	line-height:15px;
	color:#fff;
	border:none;
	border:1px solid #eee;
	border-radius:4px;
	background:#0065cd;
	text-align:center;
	margin-right:42px;
	
	
	}
	
/*  Login page css end*/

#old
{
    float:left;
    width:45%;
    height:100px;
    border:1px solid #ccc;
    margin-left:4%;
    background:#ccc;
    
    }
    .transatione1{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
.transatione1 div{
	float:left;
	width:31%;
	height:auto;
	margin-top:18px;
	}
.transatione1 p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:20px;
	color:#333;
	}
.transatione1 input{
	float:left;
	width:50%;
	height:20px;
	border:1px solid #999;
	font-size:11px;
	}
.transatione1[type=radio]
{
	float:left;
	width:25px;
	height:20px;
	}
	.transatione1 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:20px;
	}
	.transatione1 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:16px;
	}
	
	
	/* Tabs Css */
	
	#w {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: none;
}


#tabs_content {
  display: block;
  background: #fff;
  padding: 0px 15px;
   padding-top:37px;
}


.contentblock {
  display: block;
 /* padding: 15px 20px; */
}

.contentblock.hidden {
  display: none;
}

/* side navigation */
#tabs_menu {
  margin: 0;
  padding: 0;
  position:absolute;
  border-right: 1px solid #c9c9c9;
  width:97%;
  height:35px;
  background: #bcbcbc; /* Old browsers */
background: -moz-linear-gradient(top, #bcbcbc 0%, #e4e4e4 3%, #e7e7e7 13%, #fefefe 58%, #fbfbfb 63%, #f6f6f6 66%, #dcdcdc 87%, #dadada 89%, #dadada 97%, #bcbcbc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(3%,#e4e4e4), color-stop(13%,#e7e7e7), color-stop(58%,#fefefe), color-stop(63%,#fbfbfb), color-stop(66%,#f6f6f6), color-stop(87%,#dcdcdc), color-stop(89%,#dadada), color-stop(97%,#dadada), color-stop(100%,#bcbcbc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bcbcbc 0%,#e4e4e4 3%,#e7e7e7 13%,#fefefe 58%,#fbfbfb 63%,#f6f6f6 66%,#dcdcdc 87%,#dadada 89%,#dadada 97%,#bcbcbc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bcbcbc 0%,#e4e4e4 3%,#e7e7e7 13%,#fefefe 58%,#fbfbfb 63%,#f6f6f6 66%,#dcdcdc 87%,#dadada 89%,#dadada 97%,#bcbcbc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bcbcbc 0%,#e4e4e4 3%,#e7e7e7 13%,#fefefe 58%,#fbfbfb 63%,#f6f6f6 66%,#dcdcdc 87%,#dadada 89%,#dadada 97%,#bcbcbc 100%); /* IE10+ */
background: linear-gradient(to bottom, #bcbcbc 0%,#e4e4e4 3%,#e7e7e7 13%,#fefefe 58%,#fbfbfb 63%,#f6f6f6 66%,#dcdcdc 87%,#dadada 89%,#dadada 97%,#bcbcbc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-9 */
}
#tabs_menu ul{
float:left;
width:100%;
margin-left:50px;
}

#tabs_menu li { 
display: block; 
text-align: center; 
font-size: 1.1em; 
float:left; 
padding-right:2px;
  height:35px;
  line-height:35px;
  }

#tabs_menu li a { 
  display: block;
  color: #555;
  height:30px;
  line-height:35px;
  text-decoration: none;
  padding-left:10px;
  padding-right:10px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;

}
#tabs_menu li a:hover {
  background: #bcbcbc;
}

#tabs_menu li a strong { 
  display: block;
  margin-top: 5px;
}

#tabs_menu li a.open {
  width: 101%;
  background: #bcbcbc;
  color:#fff;
}

	/* Tabs css End*/
	
	
	
	
	
	
	
	.transatione3 input[type="radio"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	.transatione3 input[type="checkbox"]{
	float:left;
	width:15px;
	height:15px;
	
	}
	.transatione3 label
	{
	float:left;
	height:20px;
	line-height:20px
	
	}
	
	
	.transatione3{
	float:left;
	width:100%;
	overflow:hidden;
	margin-bottom:0px;
	/*background:#f4f8fd;*/
	}
.transatione3 div{
	float:left;
	width:31%;
	height:auto;
	margin-top:10px;
	}
.transatione3 p{
	float:left;
	width:37%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	padding-left:6px;
	line-height:25px;
	color:#333;
	}
.transatione3 input{
	float:left;
	width:50%;
	height:25px;
	border:1px solid #999;
	font-size:11px;
	padding-left:8px;
	}
	.transatione3 input:focus
	{
	    /*box-shadow:1px 1px 6px #55a9f8;*/
	       border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
.transatione3[type=radio]
{
	float:left;
	width:20px;
	height:25px;
	}
	.transatione3 select{
	/*float:left;
	width:205px;
	overflow:hidden;
	border:1px solid #ccc;
	padding:1px;
	font-size:11px;
	box-shadow:none;*/
	float:left;

/*background: url(../images/select_arrow.png) no-repeat 98% center;*/
width: 50%; /*Width of select dropdown to give space for arrow image*/
text-indent: 0.01px; /* Removes default arrow from firefox*/
text-overflow: ""; /*Removes default arrow from firefox*/ /*My custom style for fonts*/
border:1px solid #999;
font-size:11px;
color:#666;
height:25px;
	}
	.transatione3 select:focus
	{
	         border: 1px solid rgb(85, 169, 248);
    box-shadow: 0 0 2px rgb(85, 169, 248);
	    }
	.transatione3 textarea{
	float:left;
	width:50%;
	border:1px solid #999;
	height:25px;
	}
	
	
	
	.globaladd span label
        {
            width: 37% !important;
        }
        .globaladd span
        {
            width: 31% !important;
        }
        .helpbox
        {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            display: none;
            z-index: 1000;
        }
        .help_inner
        {
            position: absolute;
            width: 650px;
            height: 450px;
            border: 5px solid #666;
            top: 10%;
            left: 20%;
            background: #fff;
        }
        .help_header
        {
            float: left;
            width: 100%;
            height: 35px;
            background: #4d90fe;
        }
        .help_inner h3
        {
            float: left;
            height: 35px;
            line-height: 35px;
            font-size: 18px;
            font-family: Arial;
            line-height: 35px;
            padding-left: 5px;
            color: #fff;
        }
        .help_close
        {
            float: right;
            width: 30px;
            height: 35px;
            font-size: 25px;
            color: #fff;
            font-weight: bold;
            cursor: pointer;
        }
        .help_close:hover
        {
            color: #f00;
        }
        .help_left
        {
            float: left;
            width: 100%;
            height: 91%;
        }
        
        .help_left div
        {
            float: left;
            width: 100%;
            height: 26px;
            border: 1px solid #eee;
        }
        
        .help_left div p
        {
            float: left;
            width: 20%;
            height: 25px;
            margin: 0px;
            padding: 0px;
            line-height: 25px;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            color: #333;
            padding-left: 5px;
        }
        
        .help_left div span
        {
            float: left;
            width: 6%;
            height: 25px;
            margin: 0px;
            padding: 0px;
            line-height: 25px;
            font-family: Arial;
            font-size: 15px;
            font-weight: bold;
            color: #333;
        }
        
        .help_left div h4
        {
            float: left;
            width: 73%;
            height: 25px;
            padding: 0px;
            margin: 0px;
            line-height: 25px;
            font-family: Arial;
            font-size: 14px;
            font-weight: bold;
            color: #333;
        }