body {
margin: 0;
padding: 0;
width: 100%;
}



.bodybackground {
margin: 0;
padding: 0;
background-image:url(../images/diwali-wish.jpg);
background-repeat: no-repeat;
background-size: 100%
}


.logo {
width: 200px;
height: 36px;
padding-top: 4px;
padding-left: 15px;
float: left;
}
.welcome {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
margin-top: 25px;
margin-right: 10px;
float: left;
}


/* ^^^^^^^^ BELOW IS THE CODE FOR THE TAB ^^^^^^^^^^ */
ul.tab{
margin:0;
padding:0;
list-style-type:none;
width:100%;
position:relative;
display:block;
height:41px;
background-color: #f2f2f2;
font-family:Arial,Verdana,sans-serif;
font-size:12px;
float:left;
}



ul.tab li{
display:block;
float:left;
color:#ccc;
text-decoration:none;
padding:6px 16px 0 15px;
height:35px;
background-color: #f2f2f2;
border-left: solid 1px #ccc;
border-top: solid 1px #ccc;
}
ul.tab li.current{
color: #000;
background-color: #fff;
border-left: solid 1px #ccc;
padding:6px 16px 0 15px;
height:35px;
text-decoration:none;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE TAB ^^^^^^^^^^ */

.number {
font: normal 20px arial;
}
#r_border {
border-right: solid 1px #ccc;
}

.ddoverlap{
border-bottom: 3px solid #bbb8a9;
color:red;
}

.ddoverlap ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 6px 6px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
background: transparent url(../images/righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
color:#FFFFFF;
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: #333333;
}

.ddoverlap li a:hover{
	text-decoration: underline;
	color: #666666;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: #203C54;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../images/righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

#maincontbox {
width: 100%;
float:center;
}
#contentbox {
width: 98%;
margin: 1%;
}
.leftcontent {
width: 20%;
background-color: #737a83;
padding-top: 10px;
float: left;
}

.rightcontent {
width: 80%;
float: left;
background-color: #f2f2f2;
}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE homepage left ^^^^^^^^^^ */
.leftcontent_home {
width: 20%;
background-color: #f2f2f2;
padding-top: 10px;
float: center;
display: inline;
}

.pop{
background-color: #EEF1F9;
}

.login1 {
width: 96%;
float: right;
}

.left_heading {
padding: 5px 5px 5px 10px;
background-color: #959aa0;
font: bold 15px arial; 
color: #FFFFFF;
}

.login_username {
padding: 10px 5px 0px 5px;
font: 12px arial; 
color: #000;
}

.login_forgot {
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(../images/righttabselected.gif) 100% 0 no-repeat;
	
}

.login_btn {
width: 30px;
background-color: #606f84;
font: bold 12px arial; 
color: #fff;
margin: 5px 5px 30px 70px;
padding: 3px 20px 3px 20px;
}
.login_btn a {
font: bold 12px arial; 
color: #fff;
text-decoration: none;
}

.news {
width: 80%;
height: 80px;
margin-top: 7px;
padding: 5px;
font: normal 11px arial; 
color: #000;
float: left;
display: inline;
}

.newsbullet {
width: 5%;
margin-top: 10px;
padding: 5px 5px 0px 5px;
float: left;
display: inline;
}

.more {
font: bold 11px arial; 
color: #000;
text-decoration: underline;
}

/**html .news {
height: 1px;
}*/

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE homepage left ^^^^^^^^^^ */
.content {
width: 98%;
margin: 1%;
}
.heading {
width: 98%;
height: 20px;
padding: 5px 5px 5px 10px;
background-color: #959aa0;
font: bold 15px arial; 
color: #FFFFFF;
}

.blankdiv {
width: 100%;
height: 15px;
}
.blankdiv_h {
width: 10%;
height: 20px;
float: left;
}
.blankdiv_h_searchpannel_text {
width: 52px;
height: 20px;
float: left;
}
.blankdiv_h_searchpannel_text1 {
width: 60px;
height: 20px;
float: left;
}
.blankdiv_h_searchpannel_text2 {
width: 40px;
height: 20px;
float: left;
}
.blankdiv_h_searchpannel_text3 {
width: 50px;
height: 20px;
float: left;
}
.blankdiv_h_small {
width: 5%;
height: 20px;
float: left;
}
.blankdivsmall {
width: 100%;
height: 10px;
}
.blankdivtiny {
width: 100%;
height: 10px;
}
.subheading {
width: 97%;
height: 20px;
background: #d3d3d3 url(../images/subtitle_bullet.gif) no-repeat;
font: bold 12px arial; 
color: #000;
padding-left: 22px;
padding-top: 4px;
}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE homepage ^^^^^^^^^^ */
.welcome_homebg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border: solid 1px #ccc;
}
.hometext {
font: normal 12px arial;
float:left;
}
.homeboxborder {
border: solid 1px #959aa0;
}
.homeboxtitlebg {
background-color: #959aa0;
height: 20px;
font: bold 12px arial;
color: #FFFFFF;
padding-left: 10px;
}
.welcome_home {
font: normal 20px arial;
}
.welcome_texthome {
font: normal 12px arial;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE homepage ^^^^^^^^^^ */
.basicinfobg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.consignorbg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.consigneebg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.consignmentdetailsbg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.packagedetailsbg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.chargesbg {
padding: 20px 10px 10px 10px; 
background-color:#FFFFFF;
border-left: solid 1px #ccc;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
}
.chargestotalbg {
width: 260px;
height: 25px;
padding-top: 5px;
padding-left: 0px;
background-color:#e3e3e3;
}
.total_label {
width: 120px;
padding-left: 2px;
}
.form {
font: normal 12px arial; 
color: #000000;
}
legend {
margin: 0;
padding: 0;
line-height: 0;
}
label {
line-height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
vertical-align: bottom; 
}
.consignorstate {
width:9%;
float:left;
line-height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
padding: 0px 12px 0 0;
text-align: right;
}
.consignordep {
width:15%;
float:left;
line-height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
padding: 0px 10px 0 0px;
text-align: left;
}
.cweight {
width:16%;
float:left;
line-height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000;
padding: 0px 0 0 8px;
vertical-align: bottom;
}
.div_texbox{
width: 25%;
line-height: 20px;
float: left;
}
.div_texbox1{
width: 22%;
line-height: 20px;
float: left;
}
.div_texbox_consignorname{
width: 70%;
line-height: 20px;
float: left;
}
.div_texbox_consignorcity{
width: 15%;
line-height: 20px;
float: left;
}
.div_texbox_actual_weight{
width: 12%;
line-height: 20px;
float: left;
}
.div_texbox_actual_percentage{
width: 30%;
line-height: 20px;
float: left;
}
.div_texbox_cft{
width: 8%;
line-height: 20px;
float: left;
padding: 0px 0 0 5px;
vertical-align: bottom;
}
.div_texbox_cft_inch{
width: 5%;
padding: 0px 0 0 5px;
line-height: 20px;
float: left;
}
.div_texbox_cft_x{
width: 2%;
padding-left: 10px;
padding-right: 10px;
line-height: 20px;
float: left;
}
.div_date{
width: 5%;
line-height: 20px;
float: left;
padding: 0 0 0 5px;
}
.clear {
height: 5px;
clear:both;
}
.textfield_big {
width: 250px;
float: left;
}
.textfield {
width: 150px;
float: left;
}
.textfield_small{
width: 50px;
float: left;
}
.textfield_medium{
width: 100px;
float: left;
}
.textfield_mini{
width: 20px;
float: left;
}

input.btn{
width: 94px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#ffb90d;
margin-left: 15px;
border:1px solid;
border-color:#000;
}

input.btn_delete{
width: 100px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#e93115;
margin-left: 15px;
margin-top: 0px;
border:1px solid;
border-color:#000;
}
input.btn_delete_small{
width: 70px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#e93115;
margin-left: 0px;
margin-top: 0px;
border:1px solid;
border-color:#000;
}
input.btn_print{
width: 100px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#D1E7FE;
margin-left: 0px;
margin-top: 0px;
border:1px solid;
border-color:#000;
}
input.btn_save{
width: 100px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#14b800;
margin-left: 15px;
border:1px solid;
border-color:#000;
}
input.btn_cancel{
width: 100px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#000;
margin-left: 15px;
border:1px solid;
border-color:#000;
}
input.btn_find{
width: 100px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#2eb8ff;
margin-left: 15px;
border:1px solid;
border-color:#000;
}
input.btn_find1{
width: 100px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#2eb8ff;
border:1px solid;
border-color:#000;
}
input.btn_find_small{
width: 50px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#2eb8ff;
margin-left: 5px;
border:1px solid;
border-color:#000;
}
input.btn_find_medium{
width: 70px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#2eb8ff;
margin-left: 0px;
border:1px solid;
border-color:#000;
}
input.btn_edit{
width: 70px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#7e720d;
margin-left: 0px;
border:1px solid;
border-color:#000;
}
input.btn_history{
width: 70px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#931182;
margin-left: 5px;
border:1px solid;
border-color:#000;
}
input.btn_next{
width: 100px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#cccccc;
border:1px solid;
border-color:#000;
}
input.btn_adagency{
width: 100px;
color:#fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#e93115;
margin-left: 155px;
margin-top: 0px;
border:1px solid;
border-color:#000;
}
.table {
width: 100%;
border-spacing: 0;
border-collapse: collapse; 
}
.titletd{
background-color: #e3e3e3;
padding:5px 3px 5px 5px;
font: bold 12px arial;
color: #000;
border: solid 1px #000;
border-spacing: 0;
}
.datatd_href
{
	background-color: #FFF;
padding:5px 3px 5px 5px;
font: normal 12px arial;
color: #000;
border: solid 1px #000;
border-spacing: 0;

text-decoration: underline;
	
}
.datatd {
background-color: #FFF;
padding:5px 3px 5px 5px;
font: normal 12px arial;
color: #000;
border: solid 1px #000;
border-spacing: 0;
}
.datatdForReceived {
background-color: #e93115;
padding:5px 3px 5px 5px;
font: normal 12px arial;
color: #000;
border: solid 1px #000;
border-spacing: 0;
}
.search_btmpannel {
width: 25%;
background-color: #ccc;
height: 40px;
padding: 2px;
font: normal 12px arial;
color: #000;
}
.search_btmpannel_1 {
width: 26%;
background-color: #ccc;
height: 40px;
padding: 2px;
font: normal 12px arial;
color: #000;
}
.search_btmpannel_2 {
width: 23%;
background-color: #ccc;
height: 40px;
padding: 2px;
font: normal 12px arial;
color: #000;
}
.search_btmpannel_3 {
width: 24%;
background-color: #ccc;
height: 40px;
padding: 2px;
font: normal 12px arial;
color: #000;
}
.searchcomment1 {
width: 67%;
height: 20px;
float: left;
}
.searchcomment2 {
width: 10%;
height: 20px;
float: left;
font: normal 12px arial;
}
.searchcomment3 {
width: 10%;
height: 20px;
float: left;
text-align: right;
padding-left: 8px;
}
.searchcomment3 a {
width: 10%;
height: 20px;
float: left;
text-align: right;
padding-left: 8px;
text-decoration: underline;
color: #999;
}
.searchcomment3 a:hover {
width: 10%;
height: 20px;
float: left;
text-align: right;
padding-left: 8px;
text-decoration: underline;
color: #000;
}
.waybillnumber a {
width: 100px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#edd1ee;
margin-left: 15px;
margin-top: 0px;
border:1px solid;
border-color:#000;
}
.waybillnumber a:hover{
display: block;
background-color: #000000;
color: #ffffff;
}
.toprightbtn {
width: 35%;
float: right;
}
/* ^^^^^^^^ BELOW IS THE CODE FOR THE print waybill ^^^^^^^^^^ */
.maintable {
border: solid 1px #000;
}
.print_text_logo {
width: 389px;
height: 65px;
padding:5px;
font: normal 11px arial;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
}
.print_font {
width: 189px;
font: normal 11px arial;
border-bottom: solid 1px #000;
border-right: solid 1px #000;
padding:5px;
vertical-align: top;
}
.print_font3 {
font: normal 11px arial;
border-right: solid 1px #000;
padding:5px;
vertical-align: top;
}
.print_rightside {
width: 185px;
padding:5px;
font: normal 11px arial;
border-bottom: solid 1px #000;
vertical-align: top;
}
.print_rightside_small1 {
width: 94px;
padding:5px;
font: normal 11px arial;
border-right: solid 1px #000;
border-bottom: solid 1px #000;
vertical-align: top;
}
.print_rightside_small2 {
width: 80px;
padding:5px;
font: normal 11px arial;
border-bottom: solid 1px #000;
vertical-align: top;
}
.print_sign_topleft {
width: 60px;
height: 45px;
padding:5px 0px 0px 5px;
font: normal 9px arial;
vertical-align: top;
}
.print_sign_topright {
width: 130px;
height: 45px;
padding:5px 0px 0px 0px;
font: normal 9px arial;
vertical-align: top;
}
.print_sign_bottomleft {
width: 60px;
height: 45px;
padding:0px 0px 5px 5px;
font: normal 9px arial;
vertical-align: bottom;
}
.print_sign_bottomright {
width: 130px;
height: 45px;
padding:0px 0px 5px 0px;
font: normal 9px arial;
text-align: center;
vertical-align: bottom;
}
.print_paid {
width: 195px;
font: bold 20px arial;
padding:10px 0px 0px 0px;
text-align: center;
border-top: solid 1px #000;
}
.bottomnote {
width: 280px;
border: solid 1px #000;
font: normal 9px arial;
padding:5px;
}
.bottom {
width: 281px;
font: normal 11px arial;
padding:5px;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE print waybill ^^^^^^^^^^ */

/* ^^^^^^^^ BELOW IS THE CODE FOR THE login ^^^^^^^^^^ */
.loginarea {
width: 322px;
margin: 100px 0 0 350px;
}
.login_logo {    
width: 123px;
height: 36px;
float: left;
}
.login {
width: 282px;
height: 100px;
padding: 20px;
background-color: #616f85;
font: normal 13px arial;
color: #fff;
float:left;
}
.username {
width: 100px;
float:left;
height: 35px;
}
.password {
width: 100px;
float:left;
height: 40px;
}
.btn_login {
width: 100px;
float:left;
height: 25px;
padding-left: 85px;
}
input.btn_login{
width: 100px;
color:#000;
font-family:arial,helvetica,sans-serif;
font-size:12px;
font-weight:bold;
background-color:#ffb90d;
border:1px solid;
border-color:#000;
}
.blankdiv_login {
width: 100%;
height: 20px;
float:left;
}
/* ^^^^^^^^ ABOVE IS THE CODE FOR THE login ^^^^^^^^^^ */

.logoutlink a {
font: bold 12px arial;
color:#000000;
}

.viewcode {
font: bold 8px arial;
color:#000000;
}

.manifesttable {
width: 700px;
border: solid 1px #000;
border-spacing: 0;
border-collapse: collapse; 
}
.manifest {
padding:20px 0 40px 0;
font: bold 20px arial;
text-align:center;
}
.manifest_text_logo {
width: 389px;
height: 65px;
padding:5px;
font: normal 11px arial;
}
.manifest_text {
font: normal 12px arial;
padding-left: 3px;
}
.manifest_total {
text-align: right;
padding-right: 10px;
font: bold 15px arial;
color: #000;
}
.titletdblank{
background-color: #e3e3e3;
padding:5px 3px 5px 5px;
font: bold 12px arial;
color: #000;
border-right: solid 1px #000;
border-spacing: 0;
}
.manifest_datatd {
background-color: #FFF;
padding:5px 3px 5px 5px;
font: normal 12px arial;
color: #000;
border-top: solid 1px #000;
border-left: solid 1px #000;
border-right: solid 1px #000;
border-spacing: 0;
}
.manifest_datatd1 {
background-color: #FFF;
padding:5px 3px 5px 5px;
font: normal 12px arial;
color: #000;
border: solid 1px #000;
border-spacing: 0;
}
.searchcomment_report {
width: 7%;
height: 20px;
float: left;
font: bold 12px arial;
}
/***********rajesh******/
div.statusErr {
	color:#CC0000;	
	padding:5px 5px 5px 30px;
	font-weight:bold;
	font-size:11px;
	border:1px solid #FF0000;
	background:#FFCCCC url(../../images/exclamation.gif) 5px 5px no-repeat;
	margin-bottom:10px;
	display:none;
	text-align:left;
	}
 

marquee {
	word-wrap: break-word;
}

.pageBreakNeeded {
	word-wrap: none;
	word-break: break-all;
	white-space: normal;
}

/* The container */
.checkboxContainer {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}