/* Minification failed. Returning unminified contents.
(2480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(2514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
* 
{
margin: 0;
padding: 0;
}
body {
    /*font-size: .85em;*/
    font-size: 10px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #DCDCDC;
    /*background-color: #B0C4DE;
    background-color: #2f8be8*/
}

img { border: 0; padding:0 }
a { text-decoration: none; }

html {overflow-y: scroll;}

.overflowContainer {  
    overflow-x: scroll;  
    overflow-y: scroll;  
    height: 100%;  
    width: 100%;  
}  

.parcelContentsClass {
    width: 99%;
    height: 75px;
}

.DevExRowColorTeal {
    background-color: teal;
}

.ContentForCustomWaybill {
    width: 50px;
}

.BookingNoCss {
    width: 20px;
}

#manifestOptions {
    position: fixed;
    float:left;
}


/*  Loading
************/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: /*rgba( 255, 255, 255, .8 )*/ rgba(255,255,255, 0.9)
                /*url('/ewaybill/Content/images/ajax-loader.gif')*/ 
                url('/Wintrack_Kushesh_Online/Content/images/loading.gif') 
                50% 50% 
                no-repeat;
}

.loadingDX {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: /*rgba( 255, 255, 255, .8 )*/ rgba(255,255,255, 0.9)
                /*url('/Wintrack_Kushesh_Online/Content/images/ajax-loader.gif')*/ 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}

.ui-dialog .ui-state-error { padding: 0em; }
.validateTips { border: 1px solid transparent; }
.validateTipsSurcharge { border: 1px solid transparent;text-align: center;font-size: 8pt;padding-bottom: 5px; }

/* Div table behavior */
.columnin {
    margin:0; 
    padding:0;
    min-width:200px;
}
.cleaner {
    clear:both;
    height:1px;
    font-size:1px;
    border:none;
    margin:0; padding:0;
    background:transparent;
    display:none;
}

#divExistingFromClientFields {
    height: 170px;
}

#divNewFromClientFields {
    height: 170px;
}

#divExistingReceiverFields {
    height: 170px;
}

#divNewReceiverFields {
     height: 170px;
}

/* Div to table technique */

.positionImages {
    position: absolute;
    padding-top: 15px;
    padding-left: 15px;
    
}

.positionImagesLeft {
    position: absolute;
    margin-top: 45px;
    padding-left: 15px;
    
}

.positionImagesRight {
    position: absolute;
    
    padding-top: 15px;
    padding-left: 15px;
    /*padding-left: 15px;*/
    
}

.positionUserLabel {
    position: absolute;
    padding-top: 15px;
    padding-left: 426.66px;
    
}

.positionGridOverImage {
    position: absolute;
    margin-top: 63px;
}

.positionTermsAndConditionsImage {
    position: absolute;
}
.homePageCustomerLogo {
    width: 155px;
    height: 110px;
}

.divtable {
    width: 100%;
    padding:0;
    display: table;
    height: 35px;
}

.manifestTypeDropDown {
    border-style: solid;
    border-width: 1px;
    border-color: red;
}

.divtableDateWaybill {
    width: 100%;
    padding:0;
    display: table;
    height: 18px;
}

.divtableTT {
    width: 100%;
    padding:0;
    display: table;
    height: 40px;
}

.divtableTTEM {
    width: 100%;
    padding:0;
    display: table;
    height: 80px;
}

.divtableSurcharges {
    width: 85%;
    padding-left: 15%;
    /*padding:0;*/
    display: table;

    /*height: 35px;*/
}

.divTableRatesOptionsView {
    width: 100%;
    padding-left: 15%;
    /*padding:0;*/
    display: table;

    /*height: 35px;*/
}

.mapInfoDiv {
    height: 200px;
    width: 300px;
    -webkit-user-select: none;
    background-color: white;
}

.surchargeSection {
    text-align: center;

}

.sub-menu {
    width: 192px;
}

.quickTrackEmailDiv {
    width: 65%;
    background-color: lightgray; 
    border-radius: 10px; 
    /*border-style: solid;*/
    border-color: lightgray;
    border-width: 1px;
}

.CollectionsTopHeading {
    height: 20px; 
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-color: gray;
    border-top-color: gray;
    border-left-color: gray;
    border-right-color: gray;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    text-align: left;
    padding-top: 4px;
    padding-left: 3px;
    border-radius: 4px;
    background-color: gray;
    font-size: 6pt;
    color: white;
}

.breadcrumbspanel
{
    /*position:relative;
    top:0px;
    right:0px;
    width:100%;*/
    /*height: 15px;*/
    /*background-color: lightgray;*/
    display: none;
}

.viewRatesButtonQuote {
    width: 350px;
    visibility: collapse;
}

.divtableExistingClient {
    width: 100%;
    padding:0;
    display: table;
    height: 110px;
}

.divtableExistingToClient {
    width: 100%;
    padding:0;
    display: table;
    height: 110px;
}

.divtableExistingClientCollections {
    width: 100%;
    padding:0;
    display: table;
    height: 95px;
}

.divtableNewClient {
    width: 100%;
    padding:0;
    display: table;
    /*height: 110px;*/
}

.divtableNewToClient {
    width: 100%;
    padding:0;
    display: table;
    /*height: 90px;*/
}

.divtableNewClientCollections {
    width: 100%;
    padding:0;
    display: table;
    /*height: 90px;*/
}

.divtableGenEwaybill {
    /*width: 50%;*/
    padding:0;
    display: table-cell;
    height: 50px;
    float: left;
}

.divtableGenEwaybillEdit {
    /*width: 50%;*/
    padding:0;
    display: table-cell;
    height: 50px;
    float: left;
}

.divtableGenEwaybillAuto {
    width: 50%;
    padding:0;
    display: table-cell;
    height: 50px;
}

.divWaybillTextBox {
    width: 50%;
    padding:0;
    display: table-cell;
    height: 50px;
}

.divWaybillTextBoxCol {
    width: 150px;
    padding:0;
    height: 50px;
}

.divrow  {
    display: table-row;
}

#divExisting {
    height: 140px;
}



.divrowWayDueForRouteMani  {
    display: table-row;
    font-size: 8pt;
}

.jqueryDataTableFontSize {
    font-size: 6pt;
    white-space: nowrap;
}

.jqueryPagingStyle {
    float: left;
}

.divrowTT  {
    display: table-row;
    height: 100px;
}

.divrowCollections  {
    
    padding-bottom: 2px;
}

.btnSearchStyle {
    
    /*height: 15px;*/
    width: 90px;
    margin-bottom: 2px;
}

.quickTrackButtons {
    border-radius: 10px;
    background-color: darkgrey;
    color: white;
    font-weight: bold;
    height: 25px;
    width: 90px;
    cursor: pointer;
    float: right;
}

.btnSearchStyleAddNewFromClient {
    
    /*height: 15px;*/
    width: 130px;
    margin-bottom: 2px;
}

.btnSearchStyleChildWaybills {
    
    /*height: 15px;*/
    width: 70px;
    /*margin-bottom: 2px;*/
}

.btnSearchStyleQuote {
    
    /*height: 15px;*/
    width: 90px;
    margin-bottom: 2px;
}

.btnSurchargesStyle {
    
    /*height: 15px;*/
    width: 110px;
    margin-bottom: 2px;
}

.btnCapturePODStyle {
    
    /*height: 15px;*/
    width: 110px;
    margin-bottom: 2px;
}

.btnClearCapturePODStyle {
    
    /*height: 15px;*/
    width: 70px;
    margin-bottom: 2px;
}

.btnSearchStyleSavePrint {
    
    /*height: 15px;*/
    width: 100px;
    margin-bottom: 2px;
}
.divtoppageoutercell {
    width:150px;
    padding:0;
    display: table-cell;
}
.divtoppageinnercell {
    overflow: hidden;
    padding:0;
    display: table-cell;
}
.divcell {
    padding:2px;
    display: table-cell;
}

.divcellNewCM {
   
    display: table-cell;
}

.divcellManiQC {
    padding:0;
    /*height: 15px;*/
    display: table-cell;
}

.divcellCreateManifest {
    padding:2px;
    display: table-cell;
    width: 100px;
}

.divcellUploaded {
    padding:6px;
    /*display: table-cell;*/
    float: right;
    /*width: 450px;*/
}

.divcellUploadedLeft {
    /*display: table-cell;*/
    padding-bottom: 10px;
    /*width: 450px;*/
}

.divcellCollections {
    padding:0;
    display: table-cell;
}

.styleGridImage {
    text-align: center;
}

.divcellCollectionSaveButton {
    padding:2px;
    display: table-cell;
}

.divcellToClient {
    padding-left: 2px;
    /*padding-bottom: 3px;*/
    display: table-cell;
}

.divSearchCell {
    padding:2px;
    display: table-cell;
    width: 14.29%
}

.divSearchCellTT {
    padding:2px;
    display: table-cell;
    width: 30%;
}

.divSearchCellTTRM {
    padding:2px;
    display: table-cell;
    width: 100%;
}

.divcellRadio {
    padding-top:8px;
    display: table-cell;
}
.divcellRadioTT {
    /*padding-top:8px;*/
    display: table-cell;
    text-align: left;
}
.divcellfooter {
    padding:5px;
    display: table-footer-group;
}

.qouteLeftScreen {
    width: 49%;
    float: left;
    height: 100%;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-color: #666666;
    border-top-color: #666666;
    border-left-color: #666666;
    border-right-color: #666666;
    border-radius: 5px;
    /*padding-bottom: 8px;*/
}

.qouteRightScreen {
    width: 49%;
    float: right;
    height: 100%;
    border-bottom-style: solid;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-color: #666666;
    border-top-color: #666666;
    border-left-color: #666666;
    border-right-color: #666666;
    border-radius: 5px;
    padding-bottom: 8px;
}

.LabelForHeader /* Cell Labelling - right aligned */
{
	text-align:right;
	color: #232323;
    font-family: Arial;
	font-size:21pt;
	font-weight:normal;
	vertical-align:top;
	height:20px;
	vertical-align:middle;
	width:500px;
}

/* Rows */
.headerrow { margin-bottom: -3px; }
.headerrowQC {margin-bottom: -3px; background-color: white;}
.menurow { background-color: #CDCDCD; }
.bodyrow { background-color: #CDCDCD; }
.bodyrowQC { background-color: white; border-color: lightgray; border-style: solid; border-width: 1px; }
.footerrow { /*position:absolute; right:0px; width:100%; height:100%; */background-color: #FF7700; color:#FFF; padding:10px }
.pagecover { min-width:1600px; max-width:1600px; margin:0 auto;background-color: Gray; }
.pagecoverWin { min-width:1600px; max-width:1600px; margin:0 auto;background-color: lightgray; }
.pagecoverReports { min-width:1600px; max-width:1600px; height: 100%; margin:0 auto;background-color: white; }

.pagecoverDX { width:1600px; margin:0 auto;background-color: Gray; }

.pagecoverbg {
    background-image: url('/Wintrack_Kushesh_Online/Content/images/splash.jpg');
    height: 100%;
}
.Loginpagecoverbg { background-color: lightgray; }

/* Breadcrumps device view and logon status
----------------------------------------------*/
#breadcrumbspanel
{
    position:relative;
    top:0px;
    right:0px;
    width:100%;
    height: 15px;
}
#displaytopright
{
    position:relative;
    /*height: 12px;*/
    right:0px;
    float:right;
    text-align:right;
    /*font-size: .90em;*/
    font-size: 8pt;
}  
#breadcrumbs
{
    display: none;
    /*position:relative;
    top:0px;
    left:0px;
    float:left;
    text-align:left;
    font-size: .90em;*/
} 
#banner
{
    clear:both;
}
/* Menu Structure
---------------------------------------------*/
#menuholder
{
    clear:both;
    width:100%;
    height: 20px;
    vertical-align:text-bottom;
    background-color: Gray;
    /*background: #2f8be8;*/
}
#menu,
#menu ul { list-style: none; }
#menu { float: left; }
#menu > li { float: left; }
#menu li a { display: block; height: 20px; line-height: 20px; padding: 0 1em; text-decoration: none; }
#menu ul { position: absolute; display: none; z-index: 999; }
#menu ul li a { width: 80px; }
#menu li:hover ul { display: block; }

/* Main menu
------------------------------------------ */
#menu { font-family: Arial; font-size: 14px; /*background: #2f8be8;*/ }
#menu > li > a { color: #fff; font-weight: bold; }
#menu > li:hover > a { background: #fff; color: Gray; }

/* Submenu
------------------------------------------*/
#menu ul {
     background: Gray;
}
#menu ul li a {
     color: #fff;
     opacity: 1;
     transition: opacity .25s ease-in-out;
     -moz-transition: opacity .25s ease-in-out;
     -webkit-transition: opacity .25s ease-in-out;
}
#menu ul li:hover a {
     color: black;
    font-weight: bold;
     opacity: 0.5;
    background-color: white;
}

/* Body Styles
---------------------------------------------*/
#body 
{
    overflow:hidden;
    height:1%;
    /*background: #ffffff;*/
    width:100%;
    min-height:300px;
}
.topspacer
{
    padding-top: 0;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    /*border: 1px solid #ddd;
    
    margin: 0 0 0 0;*/
    padding: 5px 5px 5px 5px;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
}
.fieldsetbuttons
{
    height:60px
}
legend 
{
    /*
    font-size: 1.2em;
    font-weight: bold;
    */
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}
.list 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:190px;
	vertical-align:top;
}

.listBillAcc
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:140px;
	vertical-align:top;
}

.listCreateManifestCustom
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:130px;
	vertical-align:top;
}

.listPOD 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:140px;
	vertical-align:top;
}

.listHomeRight 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:40px;
	vertical-align:top;
}

.listEditManifest
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:260px;
	vertical-align:top;
}

.listUserCreateScreen
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
	vertical-align:top;
}

.listUserRegScreen
{
	font-family:Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	width:98%;
	vertical-align:top;
    height: 22px;
}

.listRouteName
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
	vertical-align:top;
}

.listDriverArrival
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:50%;
	vertical-align:top;
}

.listCollections
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:183.5px;
	vertical-align:top;
}

.listCollectionsServ
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:70%;
	vertical-align:top;
}

.dt-center {
    text-align: center;
}

.listQuotation 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:87%;
	vertical-align:top;
}

.listMhuDDL 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
	vertical-align:top;
}
/* Cell Labelling - Left aligned */
.accFirst {
    width: 103px;
    float:left; /* add this */
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
}

.accSecond {
    float: left;
}

.labelAccNum
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	/*min-width:100px;	
	max-width:100px;*/
}

.labelRightSide
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:100px;	
	max-width:100px;
    padding-left: 24px;	
}

.labelQuotes
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:100px;	
	/*max-width:100px;*/	
}

.label
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:100px;	
	max-width:100px;	
}

.labelEditFromClient
{
    text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	width:85px;	
		
}

.labelEditFromClientDevEx
{
    width:100px;	
}

.labelEditToClientDevEx
{
    width:100px;	
}

.labelCon
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:120px;	
	max-width:120px;	
}

.labelQCManifest
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:80px;	
	max-width:80px;	
}

.labelWithoutDimsManifest
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:115px;	
	max-width:115px;	
    
}

.labelQCManifestGreen
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:90px;	
	max-width:90px;	
}

.labelWithDimsManifest
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:100px;	
	max-width:100px;	
    
}


.labelCreateManifest
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:70px;	
	max-width:100px;	
}

.labelCreateManifestTwo
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:10px;
	min-width:100px;	
	max-width:100px;	
}

.labelMani
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:220px;	
	max-width:220px;	
}

.labelSurCharges
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:230px;	
	max-width:230px;	
}

.labelGenBulkMani
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:180px;	
	max-width:180px;	
}

.labelHomeTerms
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:200px;	
	max-width:200px;	
}

.labelRatesView
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    width: 150px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelRatesViewEQuote
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    width: 130px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelRatesViewEQuoteFarLeftPOD
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    width: 130px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelSurchargeLableDetailsView
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    /*min-width:150px;	
	max-width:150px;*/	
}

.labelRatesViewDisplay
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    font-weight: bold;
    /*width: 150px;*/
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelRatesViewDisplayEQuote
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    font-weight: bold;
    color: red;
    /*width: 150px;*/
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelDetailsView
{
    display:inline-block;
    vertical-align:middle;
	text-align:center;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    width: 150px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelDetailsViewHeading
{
    display:inline-block;
    vertical-align:middle;
	text-align:center;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    width: 150px;
    font-weight: bold;
    margin-bottom: 15px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelPODDimsHeading
{
    display:inline-block;
    vertical-align:middle;
	text-align:center;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    width: 150px;
    font-weight: bold;
    margin-bottom: 5px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelPODDimsHeadingParcels
{
    text-align:center;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:9pt;
	font-weight:normal;
	width: 250px;
    font-weight: bold;
    margin-bottom: 5px;
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelRatesViewDisplayINVLabel
{
    display:inline-block;
    vertical-align:middle;
	text-align:center;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    font-weight: bold;
    
    /*width: 150px;*/
	/*min-width:150px;	
	max-width:150px;*/	
}

.labelRatesViewDisplayINV
{
    display:inline-block;
    vertical-align:middle;
	text-align:center;
	color:blue;
	font-family:Verdana, Arial;
	font-size:11pt;
	font-weight:normal;
	height:20px;
    font-weight: bold;
    
    /*width: 150px;*/
	/*min-width:150px;	
	max-width:150px;*/	
}
.labelPODInvoiceDisplay {
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:gray;
	font-family:Verdana, Arial;
	font-size:10pt;
	font-weight:normal;
	height:20px;
    font-weight: bold;
}

.labelWaybillToViewChildren
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:12px;
	font-weight:normal;
	height:20px;
    width: 100%;
    font-weight: bold;
}

.labelEwaybillPermissions
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
		
}

.EwaybillGridText {
    color: green;
    font-weight: bold;
}

.labelDate
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 89px;	
}

.labelDateWaybill
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 48px;	
}

.labelDateWaybillUnder
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 65px;	
}

.labelBillAccWaybillCapture
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 70px;	
}

.labelWaybill
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 75px;	
}

.labelWaybillCapture
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 45px;	
}

.labelCostCentre
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 67px;	
}

.labelWaybillNumberEdit
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:18px;
    width: 65px;	
}

.addChildWaybillsCss {
    width: 17px;
    height: 17px;
    background-color: transparent;
    border-color: transparent;
    text-align: left;
    cursor: pointer;
}

.manifestAddButtons {
    width: 17px;
    height: 17px;
    background-color: transparent;
    border-color: transparent;
    text-align: left;
    cursor: pointer;
}

.manifestAddKeyDDL {
    width: 47px;
    height: 19px;
    background-color: transparent;
    border-color: transparent;
    text-align: left;
    cursor: pointer;
}

.childGrid {
    border-color: lightgray;
    border-width: 1px;
    border-style: solid;
    text-align: left;
}

.labelWithChild
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
    padding-left: 20px;
	min-width:100px;	
	max-width:100px;	
}

.labelMHU
{
    color:#000000;
	font-family:Verdana, Arial;
	font-size:9pt;
	font-weight:normal;
	height:20px;
	min-width:100px;	
	max-width:100px;	
}

.labelMHUReport
{
    color:#000000;
	font-family:Verdana, Arial;
	font-size:8pt;
	font-weight:normal;
	height:20px;
	min-width:100px;	
	max-width:100px;	
}

.labelRouteManifest
{
    vertical-align:top;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
    width: 100%;	
}
.label-mid
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:200px;	
	max-width:200px;	
}

.labelRadio
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	/*min-width:100px;	
	max-width:100px;*/	
}

.labelSuccessMessage
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:green;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	height:20px;
	width:100%;	
}

.labelErrorMessage
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:red;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	height:20px;
	width:100%;	
}

.labelCollections
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	min-width:70px;	
	max-width:70px;	
}

.labelCollectionsInstructions
{
    display:inline-block;
    vertical-align:middle;
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	height:20px;
	
}

.text 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:185px;
	vertical-align:top;
}

.textWaybillDate
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100px;
	vertical-align:top;
}

.textPOD 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:140px;
	vertical-align:top;
}

.textQuickTrackEmail
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:200px;
	vertical-align:top;
}

.textWaybillScreen
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:92.5%;
	vertical-align:top;
}

.textUserCreateScreen
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:99%;
	vertical-align:top;
}

.textAutoWaybillConfig
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:92%;
	vertical-align:top;
}

.textSurcharges
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:85%;
	vertical-align:top;
}

.textImport 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
	vertical-align:top;
}

.textReportData 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:185px;
	vertical-align:top;
    visibility: hidden;
}

.reportDataButton {
    visibility: hidden;
}

.textMHU 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:99%;
	vertical-align:top;
}

.listAddNewFromClient {
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
	vertical-align:top;
}

.styleddlForDummies {
    border-color: green;
    -moz-box-shadow: 0 0 30px green ; 
    -webkit-box-shadow: 0 0 30px green; 
    box-shadow: 0 0 30px green;
    
}

.styleddlForDummiesButton {
    -moz-box-shadow: 0 0 30px green; 
    -webkit-box-shadow: 0 0 30px green; 
    box-shadow: 0 0 30px green;
    border-color: green;
}

.textRouteManifest 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	width:250px;
    height: 30px;
    background-color: chartreuse;
	vertical-align:top;
}

.textRouteDebrief 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:bold;
	width:150px;
    height: 30px;
    vertical-align:top;
}

.textCollections
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:180px;
	vertical-align:top;
}

.textCollectionsWaybill
{
	font-family:Verdana, Arial;
	font-size:12pt;
	font-weight:normal;
	width:180px;
    height: 17px;
	vertical-align:top;
    
}

.textCollectionsRightSide
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:70%;
	vertical-align:top;
}

.textAreaCollections
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
    height: 25px;
	vertical-align:top;
}

.textInstructions 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:100%;
    height: 15px;
	vertical-align:top;
}

.textQuotation 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:85%;
	vertical-align:top;
}

.textWaybill 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:50%;
	vertical-align:top;
}

.textWaybillEditManifest
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:260px;
	vertical-align:top;
}

.textCreateManifest 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:110px;
	vertical-align:top;
}

.textCreateManifestRouteMani
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:135px;
	vertical-align:top;
}

.textViewManifestTT 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:200px;
	vertical-align:top;
}

.textToClientName 
{
	font-family:Verdana, Arial;
	font-size:11pt;
	font-weight:normal;
	width:250px;
    height: 18px;
	vertical-align:top;
}

.textAddNewFromClientName 
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:99%;
	vertical-align:top;
}

.textAccNum
{
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:165px;
	vertical-align:top;
}
.btn
{
	cursor: pointer;
    vertical-align: middle;
    padding: 2px 5px 2px 5px;
}
.btn32
{
	cursor: pointer;
    vertical-align: middle;
    padding: 5px 10px 5px 10px;
}
.img16
{
    height: 16px;
    cursor: pointer;
    vertical-align: middle
}

.robotPOD
{
    height: 16px;
    vertical-align: middle
}

.img18
{
    height: 18px;
    cursor: pointer;
    vertical-align: middle
}

.imgPODINV
{
    height: 65px;
    cursor: pointer;
    vertical-align: middle
}

#imgPadLock {
    height: 16px;
    cursor: pointer;
    vertical-align: middle
}

.img32
{
    height: 32px;
    vertical-align: middle
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    display:none;
}

.field-validation-valid {
    display: none;
}

input[type="text"].input-validation-error,
input[type="password"].input-validation-error {
    border: solid 1px #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid 
{
    display: none;
}
/* Cell Labelling - right aligned */
.celllabel 
{
	text-align:right;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	vertical-align:top;
	height:20px;
	vertical-align:middle;
}
.cells 
{
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
	height:20px;
	white-space:nowrap;
}
/* Container Decoration */
.contentborders
{
	background:#ffffff;
	padding:15px;
	margin-bottom:15px;
	border-top:6px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

.searchtableborders
{
	background:#ffffff;
	padding:5px;
	margin-bottom:15px;
	border-top:1px solid #011f75;
	border-bottom:1px solid #011f75;
}

/* Datatables Style
table.dataTable td.sorting_1{ background-color: white; border:1px lightgrey; }
table.dataTable td{ background-color: white;  border:1px lightgrey;}
table.dataTable tr.odd { background-color: white;  border:1px lightgrey;}
table.dataTable tr.even{ background-color: white; border:1px lightgrey; }

TD 
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
}*/


.dtcell { background-color: white; border:1px solid lightgrey ; /*overflow:hidden; white-space: nowrap; text-overflow: ellipsis;*/ }
.row_selected { background-color: Teal; }
.row_unselectable { background-color: lightblue; }
.manifestQCErrorCls { border-color: red; border-width: 1px; border-style: solid; padding: 0; }
.manifestQCErrorClsLeftDevEx { 
    border-left-color: red;
    border-top-color: red;
    border-bottom-color: red; 
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px; 
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: solid; 
    background-color: white;
    padding-right: 2px; 
    height: 20px;
    width: 150px;
}
.manifestQCErrorClsRightDevEx { 
    border-right-color: red;
    border-top-color: red;
    border-bottom-color: red; 
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px; 
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid; 
    background-color: white;
    height: 20px;
    width: 10px;
}

.manifestQCPassedClsLeftDevEx { 
    border-left-color: green;
    border-top-color: green;
    border-bottom-color: green; 
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px; 
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: solid; 
    background-color: white;
    padding-left: 2px; 
    height: 20px;
    width: 150px;
}

.manifestSelectedClsLeftDevEx { 
    border-left-color: green;
    border-top-color: green;
    border-bottom-color: green; 
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px; 
    border-left-style: solid;
    border-top-style: solid;
    border-bottom-style: solid; 
    background-color: white;
    padding-left: 2px; 
    height: 20px;
    width: 230px;
}
.manifestSelectedClsRightDevEx { 
    border-right-color: green;
    border-top-color: green;
    border-bottom-color: green; 
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px; 
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid; 
    background-color: white;
    padding-right: 2px; 
    height: 20px;
    width: 30px;
}
.manifestQCPassedClsRightDevEx { 
    border-right-color: green;
    border-top-color: green;
    border-bottom-color: green; 
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px; 
    border-right-style: solid;
    border-top-style: solid;
    border-bottom-style: solid; 
    background-color: white;
    padding-right: 2px; 
    height: 20px;
    width: 10px;
}

.manifestQCErrorClsGreen { border-color: green; border-width: 1px; border-style: solid; padding: 0; }
.row_unselectable_ManifestError { background-color: white; }
.row_DateTimeLessThan4 { background-color: #ece2e2;}
.row_rates { background-color: #D17575; }
.fixed_height { height: 600px; }



/* Style for logon fields*/
.divlogin
{
    
}
.fieldsetlogin
{
    width:172px
}

#logincontent
{
    position: absolute;
    width: 200px;
    left: 0;
    right: 0;
    margin: auto ;
    padding-top:50px
}

#quickTrackcontent {
    position: absolute;
    width: 200px;
    left: 0;
    right: 0;
    margin: auto ;
    padding-top:50px
}

#userQuickRegistercontent {
    position: absolute;
    width: 1280px;
    left: 0;
    right: 0;
    margin: auto;
    padding-top: 30px;
    /*margin-left: 80px;*/
}

.quickTrackGoToLoginButton
{
    position: absolute;
    width: 200px;
    left: 0;
    right: 0;
    margin: auto ;
    padding-top:50px
}
.celllabellogon /* Cell Labelling - right aligned */
{
	text-align:right;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	vertical-align:top;
	height:20px;
	vertical-align:middle;
	width:500px;
}
.cellslogon /* Left aligned cells */
{
	text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
	height:20px;
	width:170px;
	white-space:nowrap;
}

/* Styles for Dimensions*/
.celldim
{
    text-align:left;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	vertical-align:middle;
	height:20px;
	white-space:nowrap;
}
.celllabeldim
{
    text-align:right;
	color:#000000;
	font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	vertical-align:top;
	height:20px;
	vertical-align:middle;
}


.dimtext
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:71px;
	vertical-align:top;
}

.dimtextDevEx
{
    font-family:Verdana, Arial;
	font-weight:normal;
	width:105px;
    height: 20px;
	vertical-align:top;
    text-align: right;
}

.dimtextPar
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:200px;
	vertical-align:top;
}

.dimtextDesc
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:104px;
	vertical-align:top;
}

.textPopupAddStillage
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:150px;
	vertical-align:top;
}

.textQuicktrackSearch {
    font-family:Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	width:96%;
	vertical-align:top;
    height: 18px;
}

.textUserQuickRegisterPopup {
    font-family:Verdana, Arial;
	font-size:11px;
	font-weight:normal;
	width:130%;
	vertical-align:top;
    height: 18px;
}

.textPopupChildWaybill
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:150px;
	vertical-align:top;
}

.textPopupAddModule
{
    font-family:Verdana, Arial;
	font-size:10px;
	font-weight:normal;
	width:150px;
	vertical-align:top;
}

/* Style for Manifest Cart */
#slidingTopWrap {
	position: absolute;
    top: 0;
    width: 250px;
    z-index: 10;
	margin: 0 0 0 650px;
	padding: 0;
}

#slidingTopContent {
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: #CCCCCC solid;
	border-width: 0px 3px;
	background-color:#EBEBEB;
}

#slidingTopFooter {
	background-image: url('/ewaybill/Content/images/basketFooter.png');
	width: 250px;
	height: 40px;
	margin: -10px 0 0 0;
	font-size: 12px;
	color: #666666;
}

#slidingTopFooter A:link {
	text-decoration: none;
	color: #666666;
}

#slidingTopFooter A:visited {
	text-decoration: none;
	color: #666666;
}

#slidingTopFooter A:hover {
	text-decoration: underline;
	color: #666666;
}

#slidingTopFooter A:active {
	text-decoration: underline;
	color: #666666;
}


#slidingTopFooterLeft {
	float: left;
	margin: 15px 0 0 20px;
}

#slidingTopFooterRight {
	float: right;
	margin: 15px 30px 0 0;
}

.dealerToDealerValidationClass {
    border-width: 1px;
    border-style: solid;
    border-color: red;
}

.quickQuoteBody {
    /*background-color: white !important;*/
    background-color: white;
    border-left-style: solid;
    border-right-style: solid;
    border-left-color: lightgray;
    border-right-color: lightgray;
    border-left-width: 1px;
    border-right-width: 1px;
}

.rpt-row {
    padding-right: 2em;
}

.rpt-group {
    border: thin solid black;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

input.empty {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}
/*
 *  File:         demo_table_jui.css
 *  CVS:          $Id$
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */


/*
 * jQuery UI specific styling
 */

.paging_two_button .ui-button {
	float: left;
	cursor: pointer;
	* cursor: hand;
}

.paging_full_numbers .ui-button {
	padding: 2px 6px;
	margin: 0;
	cursor: pointer;
	* cursor: hand;
	color: #333 !important;
}

.dataTables_paginate .ui-button {
	margin-right: -0.1em !important;
}

.paging_full_numbers {
	width: 350px !important;
}

.dataTables_wrapper .ui-toolbar {
	padding: 5px;
}

.dataTables_paginate {
	width: auto;
}

.dataTables_info {
	padding-top: 3px;
}

table.display thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
}

div.dataTables_wrapper .ui-widget-header {
	font-weight: normal;
}


/*
 * Sort arrow icon positioning
 */
table.display thead th div.DataTables_sort_wrapper {
	position: relative;
	padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 0;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * Everything below this line is the same as demo_table.css. This file is
 * required for 'cleanliness' of the markup
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	clear: both;
}

.dataTables_processing {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 250px;
	margin-left: -125px;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 11px;
	padding: 2px 0;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 50%;
	float: left;
}

.dataTables_paginate {
	float: right;
	text-align: right;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
}

table.display tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}




table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: #E2E4FF;
}

tr.even {
	background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	-webkit-overflow-scrolling: touch;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers a.paginate_button,
 	.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: #EAEBFF;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting example
 */
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}