* { margin: 0; padding: 0; }
textarea{ resize:none; font:13.33px/normal Arial}

/*
css for data table
*/
.dataTableContainer table{
	
}

.clientmsg {
    background-color: #A30808;
    color: #FFF;
    font-weight: bold;
    text-shadow: 1px 0px 0px #000;
}

.bottm{color: #fff;
font-weight: bold;
margin-left: 12px;
font-size: 16px;}

.dataTableContainer table th{
	text-align: center;
	background-color: #168DBB;
	color: #FFF;
	height:46px;
	border: 1px solid #03657E;
}

.dataTableContainer table td{
	border:1px solid #00A3FF;
	text-align: center;
	
}

.dataTableContainer table td textarea,
.dataTableContainer table th textarea,
.dataTableContainer table td input[type=password],
.dataTableContainer table tbody td input[type=text]{
	border: 0;  
	overflow: hidden; 
	resize: none; 
	font-family: Arial, Helvetica, sans-seri;
	font-weight: bold;
	color: #000;
	width: 100%;		
	height: 100%;
	text-align:center;
}
.dataTableContainer table th textarea{
	
	font-size: 12px;
	background-color: #168DBB;
	color: #FFF;
}

.dataTableContainer table td .header{
	
	font-size: 12px;
	background-color: #168DBB;
	color: #FFF;
}

.dataTableContainer table th  .calc_sum{
	
	background-color: #0E4F68;
}

.dataTableContainer table td textarea,
.dataTableContainer table td input[type=password],
.dataTableContainer table tbody td input[type=text]{
	font-size: 11px;
background-color: #BBCBCC;
}

.dataTableContainer table td .link{
	cursor:pointer;
	font-size: 14px;
}


/*
*@partha
*css for message box
*/
.messageBox
{
width: 83%;

text-align: center;
font-weight: bold;
color: #000000;
position: fixed;
bottom: 2px;
left: 13%;

text-transform:uppercase;
}




/*#div_reportview table textarea { border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: #BBCBCC;height: 100%; text-align:center;}*/

/*#payrollsubview textarea,#payrollview textarea{ border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent; text-align: center;word-wrap:break-word;  }*/




/*#form_bookdetails textarea { border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent;text-align:center;height: 50px; }*/
/*#div_reportview table th,#div_reportview table td,#payrollsubview td,#payrollsubview th,#payrollview td,#payrollview th ,#form_bookdetails table  td,#form_bookdetails table th,.right-panel1 .alerts th { text-align:center; border:thin solid #00A3FF}*/
/*#form_bookdetails table th{ height:55px;}*/


/*#payrollsubview th,#payrollview th,.right-panel1 .alerts th{
	font-size:12px;
	padding:1px;
	font-weight:bold;
	border: thin solid;
	border-color: #00A3FF;
	background-color:#00B8FF;
	height: 40px;
	word-break: break-word;
}*/
/*#div_reportview table th textarea{ background-color: #00B8FF; font-size: 12px; height:100%  }
*/
/*textarea {font-family: Arial, Helvetica, sans-serif;}*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #77ACAF;
	
	width:95%;margin:auto;min-width:600px;max-width:2000px;

}
/*h1,  h3, h4, h5, h6, p, ul, ol, li, input, textarea {
	padding: 0px;
	margin: 0px;
	text-align: left;
	word-wrap: break-word;
}*/
table
{
	font-size: 8pt;
	font-weight: normal;
	text-align: right;

}

#table_billingdetails td ,.right-panel1 .alerts td{ border:thin solid}

.right-panel1 .alerts td{
	border-color: #5C8B8E;

}

.right-panel1 .alerts1 td{
	background-color:#CF9696;

}
.table_otherdetail  { border:thin solid}

td {
	font-size:11px;
	font-weight:bold;
    font-family:Verdana;
}





a {

	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.main {
	width:100%;margin:auto;min-width:600px;max-width:2000px;
}
.main1 {
	width:100%;margin:auto;min-width:600px;max-width:2000px;
}
.ms{font-size:1em;font-weight:bold	;padding:2px}
.ms1{font-size:2em;font-weight:bold	;padding:6px}

/*.page{
	width: 1150px;
	float: left;
}*/
/*.pagep{
	width: 825px;
	float: left;
}*/
.header {
	width:100%;
	height:90px;
	}
.banner {
	
	background-image: linear-gradient(right , #8FDAE6 29%, #A4A6A6 100%, #E1F7F7 54%);
background-image: -o-linear-gradient(right , #8FDAE6 29%, #A4A6A6 100%, #E1F7F7 54%);
background-image: -moz-linear-gradient(right , #8FDAE6 29%, #A4A6A6 100%, #E1F7F7 54%);
background-image: -webkit-linear-gradient(right , #8FDAE6 29%, #A4A6A6 100%, #E1F7F7 54%);
background-image: -ms-linear-gradient(right , #8FDAE6 29%, #A4A6A6 100%, #E1F7F7 54%);

background-image: -webkit-gradient(
	linear,
	right top,
	left top,
	color-stop(0.29, #8FDAE6),
	color-stop(1, #A4A6A6),
	color-stop(0.54, #E1F7F7)
);
/*background-image: url(../images/head_3.gif);
*/	background-repeat: no-repeat;
	background-position: left top;
	background-color: #AEC2C7;

	height: 90px;
	
}
.banner h2 {
	font-family: "Arial, Helvetica, sans-seri";
	font-size: 48px;
	line-height: 100%;
	color: #A0ACEB;
	
	
}


.button {
	background-image:url(../images/Pdf_png.png);
	outline:none;
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9fd1d4), color-stop(1, #1f6f73) );
	background:-moz-linear-gradient( center top, #9fd1d4 5%, #1f6f73 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fd1d4', endColorstr='#1f6f73');
	background-color:#9fd1d4;
	-webkit-border-top-left-radius:7px;
	-moz-border-radius-topleft:7px;
	border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	-moz-border-radius-topright:7px;
	border-top-right-radius:7px;
	-webkit-border-bottom-right-radius:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-radius-bottomleft:7px;
	border-bottom-left-radius:7px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	color:#004347;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:33px;
	/*line-height:33px;*/
	width:76px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #91b4d6;
	cursor:pointer
}
.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1f6f73), color-stop(1, #9fd1d4) );
	background:-moz-linear-gradient( center top, #1f6f73 5%, #9fd1d4 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f6f73', endColorstr='#9fd1d4');
	background-color:#1f6f73;
}.button:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */
/* This button was generated using CSSButtonGenerator.com */
/* This button was generated using CSSButtonGenerator.com */
/*.button{color: #FFF;
font-weight: bold;
font-size: 100%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #197B7F;
width: 65px;
text-align: center;
cursor: pointer;
padding: 2px;
box-shadow: -2px 2px #0F0505;
-webkit-box-shadow: -2px 2px #0F0505;
-moz-box-shadow: -2px 2px #0F0505;
}*/

.logout
{
	
	 display: box;                     /* As specified */
        display: -moz-box;                /* Mozilla */
        display: -webkit-box;             /* WebKit */

        /* Children should be oriented vertically */
        box-orient: horizontal;           /* As specified */
        -moz-box-orient: horizontal;      /* Mozilla */
        -webkit-box-orient: horizontal;   /* WebKit */

	padding: 5% 9%;
	font-size: 14px;
	margin-right: 10%;
		box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);

	}
/*.button
{
	padding: 5% 5%;
	font-size: 12px;
	box-shadow: 0 1px 0 #666, 0 1px 0 #444, 0 2px 0px rgba(0, 0, 0, 0);
		
		}*/
/*.logout,.button*/
.logout
{
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	text-align:center;
	color: #ccc;
	background-color: #27666B;
	background: -webkit-linear-gradient(#27666B, #555);
	background: linear-gradient(#27666B, #555);;
	border: 0 none;
	border-radius: 3px;
	text-shadow: 0 -1px 0 #000;
	cursor: pointer;

	

}
.logout:focus,.logout:hover
/*.logout:focus,.button:focus,.logout:hover,.button:hover*/
{
	animation: pulsate 1s linear 0s 100;
	-webkit-animation: pulsate 1s linear 0s 100;
}
	
@-webkit-keyframes pulsate
{
	0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
	50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
	100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}
		
@keyframes pulsate
{
	0%   { color: #ddd; text-shadow: 0 -1px 0 #000; }
	50%  { color: #fff; text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff; }
	100% { color: #ddd; text-shadow: 0 -1px 0 #000; }
}

/*.logout:active,.button:active*/
.logout:active
{
	color: #fff;
	text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
	box-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 2px 2px rgba(0,0,0,0.9);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
	-webkit-animation: none;
	animation: none;
}

.copy,.bill{font-size: 100%;
font-weight: bold;
padding: 2px;
background-color: #CACECC;}
.save1,.new1,.close1{font-size:2em;font-weight:bold	;padding:5px;background-color:#CACECC	}


.filter_table,.hidefilter_table,.delete_row{font-size: 15px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #75D6DA; 
}

.delete_row{
	padding:0 3px;
	display:none;
}

.cmpname{position: absolute;
width: 90%;
top: 20px;
text-align: center;color:#1A2A7A;font-size:2em;font-weight:bold}
/*.cmp,.branch{width:200px}
.bookingdetail{width:250px}
.sortby{width:150px}
.cmp{width:80px}
.branch{width:80px}*/

.topmenu {
	width: 989px;
	height: 38px;
	float: left;
}
.topmenu ul {
	list-style-type: none;
}
.topmenu ul li {
	display: inline;
	padding: 0px 22px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}
.topmenu ul li a {
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	color: #FFFFFF;
	text-decoration: none;
}
.topmenu ul li a:hover {
	color: #ff0303;
}
.content {

	background-repeat: no-repeat;
	background-position: left top;
	width: 989px;
	float: left;
	padding-top: 20px;
}


.content-in {
	
	background-repeat: no-repeat;

	width: 948px;
	float: left;
	padding-left: 20px;
	padding-right: 21px;
	padding-bottom: 20px;
}
.left-panel {
width: 10%;
float: left;
margin-right: 5px;
border-right: 2px solid #696D6C;

}
.left-panel h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 48px;
	color: #f1f1f1;
	background-repeat: no-repeat;
	background-position: left top;
	height: 48px;
	padding-left: 5px;
}
.gap {
	
	clear: both;
}

.gap1 {
	width: 9px;
	clear: both;
}

.group
{
background-color:#C4C4C4;
}
#inside_iframe td {font-size:10px; background-color:#F1F1F1}
#inside_iframe .filtertablehead{background-color:#CCCCCC}

.left-content {
	
	
	background-position: left bottom;

}
.left-content ul {

	list-style-type: none;
}
.left-content ul li {
	
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 28px;
}

.left-content ul li a.pageLinks {
font-family: Arial, Helvetica, sans-seri;
font-size: 14px;
font-weight: bold;
line-height: 29px;
color: #000;
text-align: left;
display: block;
height: 29px;
padding-left: 5px;
text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.left-content ul li a.Linksdisable {
  font-family: Arial, Helvetica, sans-seri;
  font-size: 14px;
  font-weight: bold;
  line-height: 29px;
  color: #685F5F;
  text-align: left;
  display: block;
  height: 29px;
  padding-left: 5px;
  text-shadow: 0px 4px 3px rgba(84, 84, 84, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
}

.left-content ul li a.pageLinks:hover {
	color: #ff0303;
}
.left-content ol {
	padding-right: 11px;
	padding-left: 11px;
	list-style-type: none;
}
.left-content ol li {
	color: #000000;
	background-image: url(../images/black-bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 24px;
	padding-left: 16px;
	padding-top: 20px;
}

.left-content p {
font-family: Arial, Helvetica, sans-seri;
font-size: 13px;
font-weight: bold;
line-height: 29px;
color: #000;
text-align: left;
display: block;
height: 23px;
padding-left: 5px;
}

.left-content p span{
text-decoration: underline;
	}

.loginform table{
margin: 5% auto;
}
.loginform1{
padding:3cm 6cm ;
position:relative;
bottom: 80px;

}
a.more {
	font-size: 12px;
	color: #ff0303;
	text-decoration: none;
	text-align: right;
}
a.more:hover {
	text-decoration: underline;
}
.right-panel {
	background-repeat: no-repeat;
width: 88%;
float: left;

	
}
.right-panel1 {
	background-repeat: no-repeat;
	width:100%;
	
	

	
}

.right-panel-in strong {
	color: #FFFFFF;
}
.row {
	clear: both;
}
.title {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: 25px;
	color: #fafafa;
	background-color: #898989;
	height: 25px;
	padding-left: 34px;
}
.title span {
	background-color: #646363;
	padding-right: 5px;
	padding-left: 5px;
}
.title span span {
	color: #990000;
	padding: 0px;
}
.row2 {
	clear: both;
	padding: 14px 35px 55px 44px;
}
ul.list-home {
	list-style-type: none;
}
ul.list-home li {
	background-image: url(../images/round-bullet.jpg);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left: 25px;
	margin-top: 10px;
}
.vline {
	background-image: url(../images/vline.jpg);
	background-repeat: no-repeat;
	background-position: 340px top;
	width: 689px;
	float: left;
	padding-right: 9px;
}
.section1 {
	width: 320px;
	float: left;
}
.section2 {
	width: 320px;
	float: right;
}
a.more2 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
a.more2:hover {
	text-decoration: none;
}
/*
#vchdetails table input[type='text']{ border: 0;  overflow: hidden; resize: none; font-family: Arial, Helvetica, sans-seri;font-size: 12px;color: #000;width: 100%;font-weight: bold;background-color: transparent; text-align: center;word-wrap:break-word;  }*/

/*#form_bookdetails table th textarea ,#masres table th{
	font-size:12px;
	text-align:center;
	color:#000;
	font-weight:bold;
	border: thin solid;
	border-color: #00A3FF;
	background-color:#00B8FF;
}

#form_bookdetails table th textarea{
	width:100%;
	height:100%
}*/

/*#form_bookdetails table td textarea{
	cursor:pointer
}*/
/*#vchdetails table th{
	font-size:12px;
	text-align:center;
	padding:1px;
	color:#000;
	font-weight:bold;
	border: thin solid;
	border-color: #00A3FF;
	background-color:#00B8FF;
}*/

/*#vchdetails table td,#form_bookdetails table td,#masres table td, .blue_border_table td {
	font-size:12px;
	padding:1px;
	font-weight:bold;
	border: thin solid;
	border-color: #00A3FF;
	

}*/


#mastertype input[type="button"]{
	width:100%
}
#smsemail {
background-color: #504C4C;
width: 780;
position: absolute;
top: 140px;
right: 0px;
}

#RepEmail {
background-color: #504C4C;
width: 744px;
position: absolute;
top: 210px;
right: 0px;
}
#rvemail input[type="text"]{ width:100%;}
#rvemail input[type="text"],#rvemail textarea{width:100%;}

.repclose{
	float:right;}

#vehhire {
background-color: #504C4C;
width: 683px;
position: absolute;
top: 292px;
right: 0px;
}

#vehhire input[type="text"]{ width:100%}

#smsemail input[type="text"],#smsemail textarea{
	width:100%
}


#transperent{
	left:0px;
	width:100%; 
	height:100%; 
	background:#FFF;
	opacity:0.6;
	position: absolute;
	background-image: url(../images/loading_big.gif);
	background-repeat: no-repeat;
	background-position: center;
	
}
#transperent p{
	position: absolute;
top: 250px;
left: 400px;
	font-size: 50px;
color: black;
text-align: center;
}

.payroll_slip input[type=text]{
	width:90%}
.payroll_slip td {
	padding:2px
	}	

#table_pysubview .drvname{
	cursor:pointer;
	}	
	
.sal{
	font-size:1.5em;
}

fieldset{
	border-radius: 5px;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;

}

#div_page .links,#masres .links{
	
	margin-left: 5px;
border: thin solid;
padding: 2px;
color:#fff;
}

#SmsEmail table td div{
	font-weight:normal
}


#alerts_iframe{
	display:none;
/*background-color: #504C4C;*/
width: 80%;
position: absolute;
right: 0px;
bottom: 0px;
height: 60%;
border: none;	
}

.price,.miscprice,.daprice,.tollcharge,.miscprice_notax{
	text-align:right
}


.textarea_div
{
	width:100%;
	color:red;
	font-weight:bold;
	
}


/*
css for upcoming duties
*/

div#upcomingDuties {
z-index: 1000;
width: 190px;
border-bottom: 2px solid #D35959;
border-left: 2px solid #D35959;
border-right: 2px solid #D35959;
border-radius: 0px 0px 10px 10px;
}
.upcomingDuties {
position: fixed;
top: 0px;
right: 10%;
}

.dragDown
{
	text-align:center;
	font-size:20px;
	 cursor:pointer;
	 background: #E2C4C4;
	 border-radius: 0px 0px 10px 10px;
}

.dragDown:hover
{
color: #FFF;
background: #CF9393;
}

#bookingform table  td input[type=text], #bookingform table  td textarea , #bookingform table  td select{
	width:100%
	
}

#bookingform table  td textarea{
	height:100%
	
}
.alerts thead tr th{
background-color: #77ACAF;
  border: 1px solid #187176;
text-align:center;
color:#FFF;
text-shadow: 1px 0px 2px #808080;
height: 42px;
word-break: break-all;
}

.alerts tbody tr td{

word-break: break-all;
}

#plac_table {
margin:0 auto;
}


#plac_table td input[type=text]{text-align: center;
  font-size: 19px;
}

#plac_table td input[type=text] {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFF;
  font-family: inherit;
  border: 1px solid #CCC;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 19px;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;}


.flashingtext{
              /*  font-family: Trebuchet MS, sans-serif;*/
                font-size: 24px;
                color: #000;
            }

.colow td {
    background-color: white;
}