/**********************************************Global****************************************************/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 99%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}
a img {border: 0;}
body, p, td, input, button, select, ul, ol, li  {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	/*font-size:12px; */
}

#dvBestViewedIn
{
    position:fixed;
    bottom:50px;
    left:90px;
    z-index:999;    
}

input[type=text],input[type=password].btnFilterMenu, textarea,input[type=password],select {
  background-image: url("blue_bg.png");
  background-position: center top;
  background-repeat: repeat-x;
  border: 1px solid #85B1DE;
  font-weight:normal;
  padding:1px;
}
input[type=text]:focus,input[type=password]:focus.btnFilterMenu:focus, textarea:focus,input[type=password]:focus,select:focus
{
    border: 2px solid #85B1DE;    
    padding:0px;
}
input[type=radio] {
  border:0px; 
}
input[rel^='datepicker']
{
    width:110px;
}
/*.btnFilterMenu
{
    background-color: #EEEEEE;
    border: 1px solid #85B1DE;
    cursor: pointer;
    padding: 1px;
}
.btnFilterMenu:hover
{
    background-color: #FFFFFF;
}*/

.btnFilterMenu {
    background-color: transparent;
    background-image: url("../images/btnFilter.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnFilterMenu:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnNext {
    background-color: transparent;
    background-image: url("../images/btnNext.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnNext:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnPrev {
    background-color: transparent;
    background-image: url("../images/btnPrev.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnNew {
    background-color: transparent;
    background-image: url("../images/btnNew.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnNew:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnPrev:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnList {
    background-color: transparent;
    background-image: url("../images/btnList.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnList:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnUpload {
    background-color: transparent;
    background-image: url("../images/btnUpload.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnUpload:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnCopy {
    background-color: transparent;
    background-image: url("../images/btnCopy.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;   
}
.btnEdit
{
  background-image: url("btnEdit.png");
  cursor: pointer;
  display: block;
  font-size: 1px;
  height: 20px;
  line-height: 0;
  overflow: hidden;
  text-indent: -999px;
  width: 20px;
}
.btnCopy:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnClearFilterMenu {
    background-color: transparent;
    background-image: url("../images/btnClearFilter.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnClearFilterMenu:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnToday {
    background-color: transparent;
    background-image: url("../images/btnToday.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnToday:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnReports {
    background-color: transparent;
    background-image: url("../images/btnReports.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnReports:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.iconToday {
    background-image: url("../images/icon_today.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconToday:hover{
	cursor:pointer;
}

.iconExcel {
    background-image: url("../images/icon_excel.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconToday:hover{
	cursor:pointer;
}

.iconList {
    background-image: url("../images/icon_list.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconList:hover{
	cursor:pointer;
}

.iconReports {
    background-image: url("../images/icon_reports.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconReports:hover{
	cursor:pointer;
}
.iconNew {
    background-image: url("../images/icon_new.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconNew:hover{
	cursor:pointer;
}

.iconSearch {
    background-image: url("../images/icon_search.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconSearch:hover{
	cursor:pointer;
}

.iconChart {
    background-image: url("../images/icon_piechart.png") !important;
    background-repeat:no-repeat !important;
    border: 0 solid !important;
    display: block;
    height: 43px;
    width: 100px;
    float:left;
}
.iconChart:hover{
	cursor:pointer;
}

.btnRefresh {
    background-color: transparent;
    background-image: url("../images/btnRefresh.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnRefresh:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnCancel {
    background-color: transparent;
    background-image: url("../images/btnCancel.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnCancel:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnChart {
    background-color: transparent;
    background-image: url("../images/btnChart.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnChart:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnToExcel {
    background-color: transparent;
    background-image: url("../images/btnToExcel.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnToExcel:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnPrint {
    background-color: transparent;
    background-image: url("../images/btnPrint.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:right;
}
.btnPrint:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnDownload {
    background-color: transparent;
    background-image: url("../images/btnDownload.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:right;
}
.btnDownload:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnFullImage {
    background-color: transparent;
    background-image: url("../images/btnFullImage.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:right;
}
.btnFullImage:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnNewAddress {
    background-color: transparent;
    background-image: url("../images/btnNewAddress.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:right;
}
.btnNewAddress:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnNewPackage {
    background-color: transparent;
    background-image: url("../images/btnNewPackage.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:right;
}
.btnNewPackage:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnSave
{
    cursor:pointer;
}
select{
    border: 1px solid #85B1DE;
    font-weight:normal;
}
p {
    color: #333333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-size-adjust: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 17px;
    margin-bottom: 6px;
}
h1 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
}
strong {
	font-weight: bold;
}
body {
}
.clear { clear: both; }
a:link {  }
a:visited {  }
a:hover {  }
#container {
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
}
/***************************************************End Global***********************************************/
/*****************************************************Header*************************************************/
#header {
  float: left;
  left: 0;
  margin-bottom: 10px;
  margin-top: 5px;
  position: relative;
  top: 0;
}
.mainHeader
{
}

.pageHeader {
  background-color: transparent !important;
  background-image: url("pageHeaderBG.png") !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 998;
}

.tblMainContent
{
    margin-top:36px;
}

div.Header table, table.Header {
  float: none;
  width: 100%;
}
div.Header {
  height: auto;
  margin-bottom: 5px;
  min-height:30px;
}

/*div.Header table, table.Header
{
    float:right;
    width:340px;
    text-align:right;
}*/
div.Header table td, table.Header td
{
    vertical-align:top;
    /*color:#FFFFFF;*/
}
div.Header span
{
    font-weight:bold;
    font-size:16px;
}
div.Header a, table.Header a {
  /*color: #FFFFFF;*/
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  text-decoration: none;
}
div.Header a:hover, div.Header a:active, table.Header a:hover, table.Header a:active{
    color:#DB7E2E;
}
.header_title {
  float: left;
  font-family: arial;
  font-size: 22px;
  font-weight: bold;
  padding: 0px;
  text-align: left;
}
.main_logo{
	float:left;
}

.main_logo img{
	/*width:120px;*/
}
/****************************************************End Header*******************************************************/
/******************************************************* Menu *********************************************************/
#menuDrop, #menuDroplogin{
	display:none;
	padding-left: 15px;
  position: absolute;
  right: 30px;
  top: 33px;
  width: 251px;
  z-index: 101;
}
#filtermenuDrop
{
    display:none;
	padding-left: 15px;
  position: absolute;
  left: 30px;
  top: 33px;
  width: 401px;
  z-index: 101;
}
#options-mid {
  background-image: url("optionsbg-mid.png");
  background-repeat: repeat-y;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
}
#filtermenu-mid
{
    background-image: url("filtermenu-mid.png");
  background-repeat: repeat-y;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding-left: 20px;
}

#filtermenu div
{
}

#options li, #menuDrop li, #menuDroplogin li {
  background-image: url("optionbtn.jpg");
  background-repeat: no-repeat;
  height: 29px;
  list-style-type: none;
  padding-top: 10px;
  text-align: center;
  width: 202px;
}
#options li a, #menuDrop li a, #menuDroplogin li a {
  color: #FFFFFF;
  font-size: 14px;
  text-decoration: none;
  font-weight:normal;
}
#options li:hover, #menuDrop li:hover, #menuDroplogin li:hover {
  background-position: 0 -38px;
  color:#EEEEEE;
}
.menu {
  border: 1px solid;
  cursor: pointer;
  float: right;
  font-size: small;
  margin-right: 4px;
  margin-top: 1px;
  padding: 4px;
}
.menu img {
    padding-bottom: 2px;
    padding-left: 4px;
}
.menu:hover{
	background-color:#EEEEEE;
}
li.logout
{
}
.logout {
  background-image: url("logout-small.png");
  background-repeat: no-repeat;
  float: right;
  height: 25px;
  padding: 4px;
  width: 75px;
  text-align:right;
  font-size:12px !important;
  text-align:-999px !important;
}
.logout:hover{
	background-position: 0px -33px;
	text-decoration:underline;
}
.main_menu
{
    
}
.main_menu div
{
    padding-left:0px !important;
    padding-right:0px !important;
}
.main_menu ul
{
    list-style-type:none;  
    border-bottom:0px solid;
    border-top:0px solid;      
}
.main_menu ul li {
  /*background-color: #EEEEEE;*/
  padding-bottom: 1px;
  text-align: left;
  padding-left:3px;
}
.main_menu ul li:hover
{
   background-color:#EEEEEE;
   color:#333333;
   font-weight:bold;
}
.main_menu ul li a {
    text-decoration:none;
    padding-left:25px;
    padding-top:3px;
}

.main_menu ul li a:hover
{    
    color:#333333;
    font-weight:bold;
}

/********************************************************** End Menu *****************************************************/
/**********************************************************Main Content **************************************************/
#main_content{
	float:left;
}

/******************************************************Preview Panel*****************************************************/
#dvPreviewPanel,#dvUploadPOD,#dvAddDetail
{
    display:none;
    border:1px solid;
    position:absolute;
    width:auto;
    height:auto;   
}
#dvPreviewPanel,#dvUploadPOD,#dvAddDetail {
  border: 1px solid;
  height: auto;
  position: absolute;
  width: auto;
  background-color:Gray;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:10px;
  z-index:998;
}
#dvPreviewPanel table,#dvAddDetail table
{
    background-color:#FFFFFF;
}



#dvPreviewPanel table td,#dvAddDetail table td.tblAddDetail
{
    /*min-width:150px;*/
    background-color:#EEEEEE;
    border:1px solid; 
    padding:5px;
}
#dvPreviewPanel table td.tdPreviewHeader, .tblEdit td.tdPreviewHeader,#dvAddDetail table td.tdPreviewHeader
{
    background-color: #333333;
    background-image: url("tablebg2.png");
    background-repeat: repeat-x;
    font-size:14px;
    font-weight:bold;
    width:100%;
}
#dvPreviewPanel table td.header,#dvAddDetail table td.header {
  background-color: #333333;
  background-repeat: repeat-x;
  border-color: #000000;
  color: #FFFFFF;
}
#dvPreviewPanel img,#dvAddDetail img
{
    text-align:center;
}

.previewClose {
  background-image: url("close.png");
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 14px;
  width: 14px;
  cursor:pointer;
}

/**********************************Login******************************/
.tblLogin{
    margin-left:20px;
}
.tblLogin tr td{
	padding:4px;
}
.tblLogin input{
	border:1px solid;
	background-image: url("blue_bg.png");
  background-position: center top;
  background-repeat: repeat-x;
}
.btnLogin {
    background-color: transparent;
    background-image: url("../images/btnLogin.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 112px;
}
.btnLogin:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}

.btnSaveLarge {
    background-color: transparent;
    background-image: url("../images/btnSave_large.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
}
.btnSaveLarge:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnDeleteLarge {
    background-color: transparent;
    background-image: url("../images/btnDelete_large.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
}
.btnDeleteLarge:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
/*.dvCompatible
{
    
}
.dvCompatible table {
    float: right;
    text-align: center;
    width: 300px;
}
.dvCompatible table td
{
}
.dvCompatible table td a
{
}
.dvCompatible table td a:hover
{
}
.dvCompatible table td a img
{

}*/
.dvCompatible {
  background-color: white;
  border: 1px solid;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px;
  bottom: 50px;
  display:none;
  float: left;
  padding: 10px;
  position: fixed;
  z-index: 1000;
}
.dvCompatible table {
    float: right;
    text-align: center;
    width: 300px;
}
.dvCompatible table td
{
}
.dvCompatible table td a
{
}
.dvCompatible table td a:hover
{
}
.dvCompatible table td a img
{

}
/*********************************End Login*************************/
/**********************************Results************************************/
/*Search Area*/
.dvSearch {
  float: left;
  font-size: 11px;
  margin-bottom: 15px;
  margin-right: 0;
  text-align: right;
}
.dvSearch input{
	border: 1px solid;
	height: 17px;
	width: 100px;
	font-weight:normal;
}	
.dvSearch input[type=checkbox]{
	height:13px;
	width: 20px;
}	
.dvSearch select{
	border:1px solid;
	width:100px;
	margin-right:3px;
	font-weight:normal;
}
.dvStatus {
  float: none;
  margin-left: 25px;
  margin-right: 0;
  text-align: left;
}
.dvDates {
  float: none;
  font-weight: bold;
  margin-left: 65px;
  margin-top: 15px;
  text-align: right;
  padding-bottom:5px;
}
.dvDates input {
  border: 1px solid;
  font-weight: normal;
  height: 17px;
  width: 90px;
  vertical-align:top;
}
.dvDates input[type=radio]
{
    width:20px;
    border: 0px;
}
.dvDates td {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 3px;
  vertical-align: top;
}
.dvAdminComp,.dvHaulierList
{
     font-size:11px;
}
.dvAdminComp table,.dvHaulierList table
{
    margin-left:50px;
}
.dvAdminComp table td
{
}


.btnSearch {
  background-color: transparent;
  background-image: url("../images/btnsearch.png");
  background-position: 0 42px;
  background-repeat: repeat;
  border: 0 none;
  display: block;
  font-size: 0;
  height: 43px;
  width: 104px;
}
.btnSearch:hover{
	background-position:0 -2px;
	cursor:pointer;
}
.btnExcel{
    width:20px;
}
.btnExcel:hover{
    opacity:0.4;  
    filter:alpha(opacity=20);
    cursor:pointer;
}
/*End Search Area*/
/*Results*/
.dvResults{
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:98%;
}
.tblResults{
	width:98%;
	border: 1px solid;
}
.tblResults td.tblHeader {
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
.tblResults td.tblHeader a:hover{
	text-decoration:underline;
	cursor:pointer;
}
.tblResultsHeader {
  background-color: #333333;
  background-image: url("tablebg2.png");
  background-repeat: repeat-x;
  cursor:e-resize;
}
.tblResultsHeader td
{
    /*background-image: url("sort_arrow.png");
    background-position:right;
    background-repeat:no-repeat;*/
}
.tblResultsHeader a{
    color:#333333;
    text-decoration:none;
}
.tblResultsHeader a:hover{
    text-decoration:underline;
    cursor:pointer;
}
.tblResults td{
	border: 1px solid #333333;
	padding: 2px;
}
.job_link{
	color:#333333;
	text-decoration:none;
}
.job_link:hover{
	color:#FF00CB;
	text-decoration:underline;
}
/*End Results*/
/*Status Legend*/
.legendtd{
    vertical-align:middle;  
    border: 1px solid;
	width: 20px;
	height:20px;
	text-align:center; 
}
.legendtd span input{
    background-image:none !important;
}
.legendtd input{
    background-image:none !important;
}
ul.legend
{
    margin-top:3px;
}
.legendli {
  float: left;
  font-size: 11px;
  font-weight: lighter;
  list-style-type: none;
  margin-bottom: 11px;
  width: 50%;
}
.legendli span {
  border: 1px solid;
  padding: 4px 4px 1px;
}
.legendli input
{
}

/*End Legend*/
/**********************************Chart*****************************************/
.dvChartResults
{
    text-align:center;
}
.dvChartResults img
{
}
/********************************End Chart**************************************/

/***********************************End Results***********************************/
/***********************************Job - General ********************************/
.fvJob{
    width:100%;
}
.tblJobGeneral{
    width:100%;
}
.tblJobGeneral td {
  border: 1px solid;
  padding: 2px;
}
.tblJobGeneral td.header {
  background-color: #EEEEEE;
  width: 25%;
}
.tblJobGeneral td.header span{
    font-weight:bold;
}
/**********************************End Job - General******************************/
/***********************************Job - Status Table****************************/
.tblStatus {
  width: 100%;
}
.tblStatus th {
  background-color: #333333;
  background-image: url("tablebg2.png");
  background-repeat: repeat-x;
  border: 1px solid;
}
.tblStatus tr
{
}
.tblStatus td {
  border: 1px solid;
  text-align: center;
}
/***********************************End Job - Status Table************************/
/*************************************Delivery************************************/
ul.delivery
{
}

ul.delivery li {
  border: 1px solid;
  float: left;
  list-style-type: none;
  width: 49%;
}
ul.delivery li table {
  width: 100%;
}

ul.delivery li table td
{
    padding:3px;
}
ul.delivery li table td.header
{
    background-color:#eeeeee;
    font-weight:bold;
    width:100px;
}

/*************Temp For BLS****************************/

.tblDelivery {
  margin: 10px;
  width: 98%;
}
.tblDelivery .tblHeader {
  background-color: #EEEEEE;
}
.tblDelivery td {
  border: 1px solid;
  padding: 3px;
}

.tblEdit {
  margin: 40px;
  width: 90%;
}
.tblEdit .tblHeader
{
    background-color: #EEEEEE;
}
.tblEdit td
{
    border: 1px solid;
  padding: 3px;
}
.tblEdit input {
  background-color: Red;
  background-image: none;
  color:#ffffff;
}

.tblBox {
  border: 1px solid;
  float: left;
  height: 105px;
  width: 49%;
}
.tblBox td
{
    padding:2px;
}
.tblBox td.tdHeader {
  background-color: #EEEEEE;
  width: 150px;
}

/*************/

/***********************************End Delivery *********************************/

/********************************End Main Content*********************************/
/* Loading*/
#loading{
    display:none;
    position:absolute;
	top:0;
    width:100%;
    height:100%;
    background-image:url(../images/semi-transparent.gif);    
}
#loading img{
    left: 43%;
	position: relative;
	top: 50%;   
}
/* End Loading*/

/******************************************Shadowbox Override**********************************/
#sb-body, #sb-loading{
    background-color:#FFFFFF !important;
}
#sb-loading-inner {
	position: absolute !important;
	font-size: 14px !important;
	line-height: 24px !important;
	height: 24px !important;
	top: 10% !important;
	margin-top: 22px !important;
	width: 100% !important;
	text-align: center !important;
	color: #333 !important;
}
#sb-loading-inner span {
	background: url(../images/loading.gif) no-repeat !important;
	background-position: top !important;
	padding-left: 20px !important;
	display: inline-block !important; 
	width: 182px !important;
	height: 116px !important;
	font-size: 0px;
}
/*End ShadowBox Override*/
/******************************************************Admin***************************************************/
.adminHeader {
  background-color: #FFFFFF;
  background-image: url("menubg.png");
  background-repeat: repeat-x;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
  text-align: center;
  width: 100%;
}
.adminHeader a {
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  text-decoration: none;
}
.adminHeader a:hover, .adminHeader a:active{
    text-decoration:underline;
    color:#EEEEEE;
}
.tblUsers, .tblCompanies {
  border: 1px solid;
  margin-left: 10px;
  width: 98%;
}
.tblUsers td, .tblCompanies td{
    padding:3px;
    border:1px solid;
}

#ulRoles,#ulAddServ,#ulScreenLayout,#ulPackages
{
    list-style-type:none;
}

#ulAddServ li,#ulPackages li
{
    padding:2px;
}
#ulAddServ li input,#ulPackages li input
{
}
#ulAddServ li label,#ulPackages li label
{
    padding-left:3px;
}

/*T&T Admin Page */
td#config {
  border-style: solid none solid solid;
  border-width: 1px 0 1px 1px;
  width: 380px;
}
div.dvSearchFields{
    border-bottom:solid 1px;
}
div.dvSearchFields table td {
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-top:3px;
  vertical-align: top;
}
div.dvStatusLegend{
    border-bottom:solid 1px;
}
div.dvStatusLegend table td {
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  padding-top:3px;
  vertical-align: top;
}
div.dvTableLayout{
	border-bottom:solid 1px;
}
div.dvTableLayout table td{
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	padding-top:3px;
	vertical-align: top;
}
div.dvTableLayout table tr{
	height:20px;
}
div.dvTableLayout table td span label
{
    font-size:10px;
}
td.preview {
  border: 1px solid;
  width: auto;
}
td.preview iframe{
	width:100%;
	height:550px;
}

.color{
    background-image:none;
}
/*.btnAddNewUser, .btnAddNewCompany{
    width:30px;
}
.btnAddNewUser:hover, .btnAddNewCompany:hover,.btnSave:hover{
    opacity:0.4;  
    filter:alpha(opacity=20);
    cursor:pointer;
}*/

.btnAddNewUser {
    background-color: transparent;
    background-image: url("../images/btnaddUser.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnAddNewUser:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnAddNewDriver {
    background-color: transparent;
    background-image: url("../images/btnaddDriver.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnAddNewDriver:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.dvAddNewColumn {
  display:none;
  background-color: #FFFFFF;
  border: 1px solid;
  left: -1px;
  padding: 5px;
  position: relative;
  top: -97px;
  width: 350px;
}
.dvAddNewField {
  display:none;
  background-color: #FFFFFF;
  border: 1px solid;
  left: -1px;
  padding: 5px;
  position: absolute;
  top: 104px;
  width: 350px;
}
.dvAddNewStatus {
  display:none;
  background-color: #FFFFFF;
  border: 1px solid;
  left: -1px;
  padding: 5px;
  position: absolute;
  top: 104px;
  width: 350px;
}
.dvEdtColumnAtt{
    display:none;
  background-color: #FFFFFF;
  border: 1px solid;
  padding: 5px;
  position: absolute;
  width: 195px;
}
.dvEditTableAtt
{
    display:none;
  background-color: #FFFFFF;
  border: 1px solid;
  padding: 5px;
  position: absolute;
  width: 260px;
}
.dvEdtStatusAtt
{
    display:none;
  background-color: #FFFFFF;
  border: 1px solid;
  padding: 5px;
  position: absolute;
  width: 230px;
}
.popupInfo,.statusInfo
{
    cursor:pointer;       
}


.Sortable li{
    list-style-type:none;
    height:24px;
}
.Sortable li input, .Sortable li select
{
    z-index:1000000;
    background-image:none;
}
.Sortable li table
{
    width:100%;
}
#dvLoading{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-image:url(../images/semi-transparent.gif);
    text-align:center;
    z-index:100000000;
}
#dvUpdating
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index:100000000;
}
#dvLoading table,#dvUpdating table {
  height: 100%;
  width: 100%;
}
#dvLoading td,#dvUpdating td
{
    vertical-align:middle;
}

li.Role img
{
    cursor:pointer;
}
.btnLink {
  color: blue;
  cursor: pointer;
  font-size: 12px;
}
.btnLink:hover
{
    text-decoration:underline;
}

.tblEdtUsers {
  border: 1px solid;
  width: 100%;
}

.tblEdtUsers tr
{
}
.tblEdtUsers td {
  border-left: 1px solid;
  padding: 5px;
}
.tblEdtUsers td.header {
  background-color: #EEEEEE;
  border: 0 none;
  width: 20%;
}

/************************************************Tabber*************************************************/
/*Tabber*/
/*|||||||||||||||||||||||| Tabber |||||||||||||||||||||||||||*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */
/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}
ul.tabbernav li{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #eeeeee;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #000000; }
ul.tabbernav li a:visited { color: #000000; }
ul.tabbernav li a:hover{
 color: #FFFFFF;
 background: #56000F;
 border-color: #0051a0;
}
ul.tabbernav li.tabberactive a{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
ul.tabbernav li.tabberactive a:hover{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
/*.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;*/
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
 /* height:200px; */
 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */
 /* overflow:auto; */
/*}*/
.tabberlive .tabbertab {
  border-right: 0 solid #AAAAAA;
  border-style: none solid solid;
  border-width: 1px 1px 1px;
  padding: 5px;
  border-color:#AAAAAA;
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	 height:200px;
	 overflow:auto;
}
div#mainTab.hidden {
	position: absolute;
	left: 0;
	top: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mainTab.visible {
	position:absolute;
	left: 0;
	top: 1px;
	width: 1px;
	height: 1px;
	overflow: visible;
}
/* End Tabber*/


/***********************************************End Tabber**********************************************/

/************************************Radio Button*****************************************/
.dvRbs
{
    margin-left:130px;
}
p:not(#foo)> input + label:before{
    background: url(circle-icon-2.png) 0 -2px no-repeat scroll;
    position: absolute;
    z-index: 2;
    left: 160px;
    content: ""; /* 3x   */
    overflow: hidden;
    width: 16px;
    height: 20px;
    margin: 0 0 3px;
    border: 0px;
}
p:not(#foo)> input[type=radio]:checked + label:before {
    background-position: 0px -42px;
}
input[type=radio]:hover + label:before,input[type=radio]:focus + label:before {
    background-position: 0px -42px;
}
input[type=radio]:hover:checked + label:before,input[type=radio]:focus:checked + label:before {
    background-position: 0px -42px;
}
input[type=radio]:hover:disabled + label:before,input[type=radio]:focus:disabled + label:before {
    background-position: 0px -42px;
}
input[type=radio]:hover:disabled:checked + label:before,input[type=radio]:focus:disabled:checked + label:before {
    background-position: 0px -42px;
}
input[type=radio]:active + label:before {
    background-position: 0px -42px;
}
input[type=radio]:active:checked + label:before {
    background-position: 0px -42px;
}
p.green
{
    color:#6FC463;
}
/*********************************End Radio Button****************************************/

/******************************************Print******************************************/
.tblPrint {
  border: 2px solid;
  margin: 0 auto;
  width: 900px;
}
.tblPrint td {
  border: 1px solid;
  padding: 2px;
  height:30px;
  vertical-align:top;
  width: 50%;
  padding-left:15px;
}
.tblPrint table {
  width: 100%;
}
.tblPrint table td {
  border: 0 solid;
  width: auto;
}
.tblPrint td.header
{
    font-weight:bold;
}
/***********************************End Of Print******************************************/

/********************************** Booking Screen****************************************/
.btnNewBooking {
    background-color: transparent;
    background-image: url("../images/btnNewBooking.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnNewBooking:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
.btnReports {
    background-color: transparent;
    background-image: url("../images/btnReports.png") !important;
    background-position: 0 42px !important;
    background-repeat:repeat !important;
    border: 0 solid !important;
    display: block;
    font-size: 0;
    height: 43px;
    width: 100px;
    float:left;
}
.btnReports:hover{
	background-position:0 -2px !important;
	cursor:pointer;
}
#dvBookingScreen
{
    width:98%;
    padding:10px;
}

#dvBookingScreen #tblColumns
{
    width:100%;
}

#dvBookingScreen #tblColumns td
{
    /*width:50%;*/
}

#dvBookingScreen .accordion
{
    float:none;
    width:97%;
    padding:10px;
}

#dvBookingScreen .accordion h3 {
  background-image: url("tablebg2.png");
  background-repeat: repeat-x;
  border: 0 none;
  margin-top: 0;
  padding: 0;
}

#dvBookingScreen .accordion table {
  border: 1px solid #DDDDDD;
  width: 100%;
}

#dvBookingScreen .accordion table tr {

}

#dvBookingDetails,#dvAdditionalServices
{
    border:1px solid #AAAAAA;
    padding:10px;
    -moz-border-radius:5px;
    border-radius:5px;
}

#dvBookingScreen .accordion table td,#dvBookingDetails table td,#dvAdditionalServices table td {
  padding: 3px;
  vertical-align: top;
}
#dvBookingScreen .accordion table td.Header,#dvBookingDetails table td.Header, #dvAdditionalServices table td.Header {
  background-color: #EEEEEE;
  width: 20% !important;
}

#dvBookingScreen .accordion table td input[type=text]{

}

#dvBookingScreen .accordion table td textarea{

}
#dvBookingScreen .accordion table td select{

}

#dvBookingScreen #dvBookingHeader
{
}

#dvAddressList
{
    display:none;
    border:1px solid;
    position:absolute;
    width:auto;
    height:auto;   
}
#dvAddressList {
  border: 1px solid;
  height: auto;
  position: absolute;
  width: auto;
  background-color:Gray;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:10px;
}
#dAddressList table
{
    background-color:#FFFFFF;
}


#dvAddressList table tr.result:hover
{
  background-color: #FFFFFF !important;
  cursor: pointer;  
  color:Red;
}

#dvAddressList table td
{
    /*min-width:150px;*/
    background-color:#EEEEEE;
    border:1px solid; 
    padding:5px;
}
#dvAddressList table td.tdPreviewHeader, .tblEdit td.tdPreviewHeader
{
    background-color: #333333;
    background-image: url("tablebg2.png");
    background-repeat: repeat-x;
    font-size:14px;
    font-weight:bold;
}
#dvAddressList table td.header {
  background-color: #333333;
  background-repeat: repeat-x;
  border-color: #000000;
  color: #FFFFFF;
}
#dvAddressList img
{
    text-align:center;
}

ul.list
{
    list-style-type:none;       
    margin-top:3px;
}

ul.list li
{       
    width:300px;
    height:23px;
}

ul.list li div input
{       
    width:50px; 
}

ul.list li label
{       
    padding-left:5px;
}
div.packages span
{
    margin-right:15px;
}
div.packages select
{
    margin-right:16px;
    max-width:111px;
}
div.packages input
{
    width:50px;
}

/***Temp Hide Second Address Column***/
 td.secondAddress
 {
     display:none;
 }
 .bookingHeaderTable
 {
     width:100%;
 }
 .bookingHeaderTable td
 {
     
 }
 
 .tblUploadBookings
 {
     width:100%;
 }
 .tblUploadBookings tr
 {
 }
 .tblUploadBookings td
 {
     padding:10px;
 }
 
 .tblUploadBookings td ul
 {
     list-style:none;
 }
 
 .tblUploadBookings td ul li
 {
     margin-bottom:5px;
 }

/********************************End of Booking Screen************************************/

/************************************Side Menu********************************************/
.ui-accordion .ui-accordion-content-active
{
    padding-top:0px !important;
    padding-bottom:0px !important;   
}

/*Report*/
#dvReports
{
    position:absolute;
    display:none;
    border:1px solid;
    background-color:White;
}
#dvReports ul
{
    list-style:none;
    padding:10px;
}
#dvReports ul li
{
}

/*#dvReports ul li:hover ul
{
    display:block;
}*/

#dvReports ul li a
{
    float:none;
    padding-left:28px;
}
/*#dvReports ul li ul {
  background-color: white;
  border: 1px solid;
  height: 55px;
  left: 141px;
  position: relative;
  top: 38px;
  z-index: 100;
  display:none;
}*/
/*#dvReports ul li ul li {
  margin-bottom: 7px;
  position: relative;
  top: -75px;
}*/
#dvManifestReport
{
}


/*****************************************************************************************/

.chartTable
{
    text-align:left;
}
.chartTable td
{
    padding:5px;
}
.chartTable td input
{
   
}
.chartTable td input.loading {
  border: 1px solid;
  padding: 2px;
}
table.buttons {
  background-color: #FFFFFF;
  border-bottom: 1px solid;
  border-top: 1px solid;
  height: 63px;
  left: 0;
  position: fixed;
  text-align: left;
  top: 32px;
  width: 100%;
}

/*table.buttons {
  background-color: #0083FF;
  background-image: url("menubuttonsbg.png");
  border-bottom: 1px solid;
  border-top: 1px solid;
  height: 63px;
  left: 0;
  position: fixed;
  text-align: left;
  top: 32px;
  width: 100%;
}*/

table.buttons ul
{
    list-style-type:none; 
    margin-left:200px;  
}
table.buttons ul li
{
   float:left;   
}

.groupbox {
  border: 1px solid;
  border-radius: 5px 5px 5px 5px;
  /*float: left;*/
  margin: 3px;
  background-color:#ffffff;
  padding: 5px;
}
.groupbox legend
{
    padding:4px;
}

.ui-tabs .ui-tabs-panel
{
     background-color:#F9F9F9 !important;   
}


/***********************************/

#dvAddDetail
{
     position:absolute;
     top:260px;
     left:188px;
     z-index:1000;        
}
#dvAddDetail table
{
    background-color:#F9F9F9;
    
}
#dvAddDetail table tr
{
    
    
}
#dvAddDetail table tr td
{
    border:0px solid;   
    
}

.bodyQuotationPrint
{
    font-size:18px;
    /*Temp*/
    /*background-image:url('../../logos/hyapp/hygenicinvoicebg.png');
    background-repeat:no-repeat;
    background-position:left center;*/
}
.tblPrintQuoteAddress
{
    
}
.tblPrintQuoteAddress td
{
    padding-left:15px;
    height:0px;
}
.tblPrintDetails
{
}
.tblPrintDetails tr.header {
  background-image: url("tablebg2.png");
  background-repeat: repeat-x;
  font-size: 12px;
  font-weight: bold;
  -webkit-print-color-adjust: exact;
}
.tblPrintDetails tr.header td
{
}
.tblPrintDetails tr {
  background-color: #FFFFFF;
  font-size: 12px;
}
.tblPrintDetails tr.alternating
{
    background-color: #EEEEEE;
  font-size: 12px;
}
.tblPrintDetails tr td
{
    font-size:18px;
}

.tblPrintDetails tr td p
{
    font-size:12px;
}
.tblPrintDetails tr td ul li, .tblPrintDetails tr td ol li {
  font-size: 12px;
  margin-left: 20px;
}

@media print {
.noPrint {
    display:none;
}
}

#ctl00_ContentPlaceHolder1_dvTableResults
{
    text-align:center;
}