/* Cerasis CSS - Rater Specific Stylesheet  */
input, select {
	margin: 0 !important;
}

td.lview { padding: 0 0 0 0; }

div.textcenter {
text-align:center;
}

/* Grid */
div.span1 {
width: 33.3%;
float: left;
overflow: hidden;
}

div.span2 {
width: 66.6%;
overflow: hidden;
}

div.span3 {
width: 100%;
overflow: hidden;
}


div.pinstripe {
border: 1px solid Black; 
}

div.box250 {
width: 250px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box338 {
width: 338px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box300 {
width: 300px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box400 {
width: 400px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box500 {
width: 500px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box600 {
width: 600px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box750 {
width: 750px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.box900 {
width: 900px;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.boxfull {
width: 98%;
margin: auto;
overflow: hidden;
padding: 2px;
}

div.boxfullinside {
width: 100%;
margin-top:8px;
overflow: hidden;
}

div.fullcenter {
margin: auto;
padding: 2px;
}

div.datacube {
width: 250px;
height: 200px;
margin:  8px  auto;
overflow: hidden;
border: solid 1px black;
background-color: white;
}

div.datacubeedit {
width: 250px;
height: 200px;
margin:  8px  auto;
overflow: hidden;
font-size:smaller;
text-align: center;
border: solid 1px grey;
background-color: silver;
}




div.x3 {
width: 33.3%;
float: left;
overflow: hidden;
}

div.x2 {
width: 50%;
float: left;
overflow: hidden;
}



div.topstripe {
width: 98%;
margin: 2px auto ;
overflow: hidden;
border-top: 2px solid #403e3e; 
padding: 2px 10px 2px 10px;
}
div.bottomstripe {
width: 98%;
margin: 2px auto ;
overflow: hidden;
border-bottom: 2px solid #403e3e; 
padding: 2px;
}

/* End grid */


div.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

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


div.fl_right {
float: right;
}
div.fl_left {
float: left;
}




/* Table Styles */

table.center {
margin: 0px auto;
}


table.tablerater {
width: 100%; 
border-spacing: 3px; 
border-collapse: separate;
color: Black;
font-family: Verdana;
font-weight: normal;
font-size: small;
text-align: Left;
}

table.tablelview {
width: 100%; 
border-spacing: 3px; 
border-collapse: separate;
color: Black;
font-family: Verdana;
font-weight: normal;
font-size: small;
text-align: Left;
}

table.tablenopad {
width: 100%; 
border-spacing: 0px; 
border-collapse: collapse;
font-family: Verdana;
font-weight: normal;
font-size: small;
text-align: Left;
}

table.nopadmargin {
margin-bottom: 5px;
}

td.padkiler {
padding: 0px;
}

td.center {
text-align: center;
}

td.footleft {
text-align: left;
width: 300px;
font-size: 12px;
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}

td.footcenter {
text-align: center;
font-size: 12px;
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}


td.left {
text-align: left;
}


td.footright {
text-align: right;
width: 300px;
font-size: 12px;
font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
}


td.right {
text-align: right;
}

td.bold {
font-weight: bold;
}

label.topstripe {
    font-weight: bold;
}



td.tableheader {
font-weight: bold;
padding: 3px;
}

a.tableheader {
color: #ffffff;
text-decoration: none;  
}

td.tablelabel {
background-color: #337ab7;
color: #ffffff;
vertical-align: top;
padding:  3px 4px 3px 10px;
font-weight: bold;
border-left: 4px solid #337ab7;   
}

 span.splabel {
    color: White;
    background-color: #337ab7;   
    font-family: Verdana;
    font-weight: bold;
    font-size:x-small; 
    padding: 4px 15px 5px 10px ;
    text-align: right;
    }    

div.alert {
    font-size: 10pt;
    font-weight: bold;
    padding: 2px;
    margin: 0px auto 3px auto;
}

div.fat {
   
    padding: 10px;
   
}


td.alert {
    font-size: 10pt;
    font-weight: bold;
}

td.fat {
   
    padding: 10px;
   
}


td.red {
background-color: red;
color: white;
border-left: 0px solid Red;   
}

td.green {
background-color: #206c0e;
color: white;
border-left: 0px solid  #33cc00;   
}

div.green {
	background-color: #206c0e;
	color: white;
	border-left: 0px solid #33cc00;
}

td.orange {
background-color: #fb5a08;
color: white;
border-left: 0px solid Red;   
}


td.black {
background-color: black;
color: white;
}

td.charcoal {
background-color: #403e3e;    
color: white;
}

span.charcoal {
	background-color: #403e3e;    
	color: white;
}


tr.red {
background-color: red;
color: white;
border-left: 0px solid Red;   
}

tr.black {
background-color: black;
color: white;
}

tr.charcoal {
background-color: #403e3e;    
color: white;
}


td.ERI {
border-left: 4px solid red;
}


td.alternating {
background-color: #ddd;
}
tr.alternating {
background-color: #ddd;
}

td.microtext {
font-size: 7pt;
}

td.small {
font-size: 9pt;
}

td.top {
vertical-align:top !important;
}


span.microtext {
    font-size: 7pt;
}

span.mediumtext {
	font-size: 12pt;
	font-weight: bold;
	color: black;
	padding-bottom: 5px;
}



/* Color Divs */

div.red {
background-color: red;
color: white;
}

div.black {
background-color: black;
color: white;
}

div.charcoal {
background-color: #403e3e;    
color: white;
}

div.gray {
background-color: #808080;    
color: white;
}

div.ltgray {
background-color: #ddd;    
color: black;
}



div.mast {
height: 30px;
font: 14pt verdana;
padding-left: 12px;
padding-top: 4px;
text-align: center;
}

img.mast {
float: right;
margin: auto;
max-height: 35px;
padding-right: 15px;
}


span.red {
    color: red;
}

span.yellow {
    color: yellow;
}


/* Report Center */


span.ReportCatButton {
padding-left: 10px;
}

a.ReportCatButton {
 font: 12pt verdana; 
    font-weight:bold; 
    color: white;
    text-decoration:none;
}

.ReportCatButton {
    background-repeat:no-repeat; 
    width: 225px; 
    padding:   10px 10px 10px 10px; 
    font: 12pt verdana; 
    font-weight:bold; 
    color: white;
}

span.ReportCatButton_Shipper {
padding-left: 6px;
}

a.ReportCatButton_Shipper {
 font: 9pt verdana; 
    font-weight:bold; 
    color: white;
    text-decoration:none;
}

.ReportCatButton_Shipper {
    background-repeat:no-repeat; 
    width: 170px; 
    padding:   10px 10px 10px 10px; 
    font: 9pt verdana; 
    font-weight:bold; 
    color: white;
}





img.ReportScreenShot {
margin: 5px auto auto 10px;
position:absolute; 
}

img.ReportScreenShotNew {
position:absolute; 
top: 25px; 
z-index: 2;

}

A.ReportNav_white {
    color: white;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    text-decoration: none
    }


.ReportCatLabel {
    color: white;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
     }


td.ReportPagerText	{
    color: Black;
    font-family: Verdana;
    font-size: 9pt;
    font-weight: bold;
    text-align: left;
    }


.ReportSearch {
margin-top: 8px;
margin-bottom: 4px;

}


.CurationNotification	{
    margin: 0px;
    padding: 3px;
    background-color: Gray;
    border: thin solid #000000;
    font-family: Verdana;
    font-size: small;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;

    }	


.CurationNotification_Shipper	{
    margin: 0px;
    padding: 3px;
    background-color: yellow;
    border: thin solid #000000;
    font-family: Verdana;
    font-size: x-small;
    font-weight: bold;
    color: Black;
    text-align: center;

    }

.PurchaseInsuranceButton {
     padding-right: 8px;
    vertical-align: text-top;
}


.Base {
    display: inline-block;
    font: 12px/18px "segoe ui",arial,sans-serif;
    height: 22px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 58px;
    color: #fff;
    border: 1px solid #333;
}

.L0 {
    border: 0px none; 
    background-color: silver;
    width: 45px;
}
 
.L1 {
    background-color: #ff3933;
  
}
 
.L2 {
    background-color: #ff6633;
 
}
 
.L3 {
    background-color: #cccc33;
   
}
 
.L4 {
    
     background-color: #33cc00;
 
}
 
.L5 {
    background-color: #33cc00;
}


 /* Decision Report Styles */


table.decisionreport_Backround {
    background-color: White;
    width: 100%;
}

table.decisionreport_Pinstripe_small {
    background-color: black;
    width: 80px;
}

table.decisionreport_Backround_small {
    background-color: White;
    width: 80px; 
}
       



table.DecRep_TopTable {
width: 100%; 
background-color: #9b9898; 
border: 2px solid #9b9898; 

}

td.DecRep_TopTable_Cell1 {
padding: 1px 1px 1px 5px; 
background-color:  #ffffff; 
width:100%;
}

span.DecRep_CarrierNameSpan {
color: #FFFFFF; 
font-size: 15px;
font-weight: bolder;

}

span.DecRep_LOLSpan {
font-size: 5.5pt;
font-weight: bold;
color: #FFFFFF;
text-align: center;
}

div.DecRep_TransitElement {
	vertical-align: top;
	text-align: center;
	
}

div.DecRep_TransitElement_Days {
    width: 80px; 
    float: left; 
    text-align: center;
}

div.DecRep_TransitElement_Label1 { 
 text-align: center;
 font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
font-size: 7pt;
font-weight: bold;
 margin-top: 4px;
 margin-left: 0px; 
 width: 118px;
 
}
div.DecRep_TransitElement_Label2 {
	font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-size: 6pt;
	font-weight: bold;
	color: #fff;
	background-color: #000;
	width: 52px;
	margin: 0 auto;
}

div.DecRep_TransitElement_Label3 {
	font-size: 30px; 
	text-align: center;
	color: #000;
	background-color: #fff;
	width: 50px;
	margin: 0 auto 4px auto;
	border: solid black 1px;
	line-height: 1.0em;
}


div.dashheadleft {
	float: left;
	margin-left: 4px;
}
div.dashheadright {
    float:right;
margin-right: 4px;
width: 16px;
height: 16px;
}

div.DecRep_StandardFreight {
	text-align: center; 
	height: 70px;
	background-color: #3366CC; 
	padding: 3px;
}


span.DecRep_Calendar_Month {
	color: white; 
	font-size: xx-small; 
	margin: 0px; 
	padding: 0px;
}

span.DecRep_Calendar_Date {
	color: black; 
	font-size: 22px; 
	text-align: center;
}


div.DecRep_CalendarBig {
	Height: 51px;
	width: 52px;
	background-image: url('/themes/images/BlankCalendar2.png');
	background-repeat: no-repeat;
	margin: 3px auto;
	text-align: center;
}

div.DecRep_Calendar_MonthBig {
	color: white;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
}

div.DecRep_Calendar_DateBig {
	color: black;
	font-size: 30px;
	text-align: center;
}


div.StandardFreightCapsule {
	height: 93px;
	width: 100px;
	background-color: #3366cc;
	border: solid 1px black;
	border-radius: 12px;
	margin: 10px auto;
	padding: 0px
}


div.DecRep_Standard1 {
	text-align: center;
	font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-size: 7pt;
	font-weight: bold;
	margin-top: 5px;
	}

div.DecRep_Guaranteed1 {
	text-align: center;
	font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-size: 7pt;
	font-weight: bold;
	margin-top: 1px;
}



div.DecRep_Standard2 {
font-size: 14px;
font-weight: bold;
padding-top: 2px;
color: #FFFFFF
}

div.DecRep_Standard3 {
	font-size: xx-small;
	color: #99CCFF;
	padding-top: 15px;
	padding-bottom: 16px;
}

div.DecRep_Standard4 {
	
}


td.DecRep_StandardButtons {
width: 100%; 
text-align: center; 
vertical-align: bottom;
}


div.DecRep_GarElement1 {
	text-align: center;
	font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
	font-size: 7pt;
	font-weight: bold;
	margin-top: 4px;
}

div.DecRep_GarElement2 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 2px;
	color: #FFFFFF
}

div.DecRep_GarElement3 {
	font-size: xx-small;
	color: #000;
	padding-bottom: 5px;

}

div.DecRep_GarElement3 {
	text-align: center;
}

div.DecRep_GarElement4 {
	width: 90px;
	margin: 0px auto;
	
	}



td.DecRep_GarTable {
width: 183px; 
height: 76px;
background-color: #eae9e9; 
vertical-align: top;
}

td.DecRep_GarTable2 {
width: 183px; 
height: 76px;
background-color: #d5d5d5; 
vertical-align: top;
}

td.DecRep_GarTable3 {
width: 183px; 
height: 76px;
background-color: #b1b0b0; 
vertical-align: top;
}


div.DecRep_GarElement {
	height: 93px;
	width: 100px;
	border: solid 1px black;
	border-radius: 12px;
	margin: 5px 7px;
	padding: 0px
	}


div.Early {
	background-color: #3DB839;
}
div.Mid {
	background-color: #07AD07;
}
div.Late {
	background-color: #12960E;
}



input.Warp
{
    padding-top: 0px;
}

table.decisionreport_Admin{
    background-color: White;
    width: 595px; 
}

td.decisionreport_Body_Header {
    background-color: #eeeeee; 
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    text-align: left;
   }

td.decisionreport_Body_Header_Right {
    background-color: #ffcc33;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    text-align: right;
    width: 100px;
}

td.decisionreport_Body {
    background-color: #ffffff;
    font-family: Verdana;
    font-weight: normal;
    font-size: 8pt;
}
    
td.decisionreport_Body_Left {
    background-color: #337ab7;
    color: #000000;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    width: 100px;
}

td.decisionreport_Body_Right {
    background-color: #00AD5A;
    color: #000000;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    width: 100px;
}

td.decisionreport_Body_Right_Yellow {
    background-color: #00AD5A;
    color: yellow;
    font-family: Verdana;
    font-weight: bold;
    font-size: smaller;
}


.RadWizard .rwzButton {
background-color: #e3e7f8 !important;

}



.rrClipRegion {
background-color: transparent !important;

}

A.URLNav {
    color: Black;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    padding-right: 8px;
    padding-left: 8px;
    text-decoration: none
    }

A.URLNav_white {
    color: white;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    padding-right: 8px;
    padding-left: 8px;
     text-decoration: none
    }

A.URLNav_logoff {
    color: white;
    font-family: Verdana;
    font-weight: bold;
    /*font-size: small;*/
    padding-left: 8px;
    text-decoration: none
    }

.rwzPrevious {

float: left !important;
}



div.SurveyQuestion {

   color: #000000;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    text-align: left;
    vertical-align: top;
    padding-right: 20px;
    padding-left: 75px;
     }

#AppHeadline2	{
    color:  Navy;
    font-family: Verdana;
    font-size: medium;
    font-weight: bolder;
    }

.PsudoLink {
color: #06c8f3;
text-decoration: underline;
cursor: pointer;
}


.foot {
color: blue;
text-decoration: underline;
cursor: pointer;
}

.foot:hover {
color: red;
text-decoration: underline;
cursor: pointer;
}

.rwzButton {
 cursor: pointer !important;

}

.rightmenu { float: right !important; }


.topheavy {
    z-index: 10001 !important;
}


.RadCalendarPopup {
     z-index: 100002 !important;

}

div.RadCalendarFastNavPopup {
	z-index: 100003 !important;
}




 /*Resetting the default styles of the Map markers */
    .RadMap span.k-marker:before {
        content:"";
        color:none;
        text-shadow:none;
        height:auto;
        width:auto;
        padding:0;
    }



.s18- {
color: black !important;

}


/* Overide added for Kemper Valve. Firefox 40 era browsers had a bug that caused menu multipage to float right and be cut off.*/


.RadMenu_CerasisBOL {
float: none !important;

}




.rrButtonUp, .rrButtonDown, .rrButtonLeft, .rrButtonRight
{
    visibility: hidden !important;
}


.MiscTitle_Small	{
    color: Gray;
    font-family: Impact;
    font-size: 20px;
    padding-right: 20px;
    padding-bottom: 0;
    }  
     
.MiscTitle2_Small	{
    color: Gray;
    font-family: Verdana;
    font-size: 16px;
    padding-right: 20px;
    padding-bottom: 0px;
    float: Right;   
    }  

.MiscTitle3_Small	{
    color: White;
    font-family: Verdana;
    font-size: 14px;
    padding-left: 4px;
    padding-bottom: 0px;
    float: Left;   
    }


td.pad5 {
padding-right: 5px !important;

}

.SelectedGuaranteeTab {
	background-color: #fff !important;
	color: black !important;
}

.k-state-selected, k-state-hover, .k-state-focused, k-state-default, k-state-active, k-active-filter, .k-state-active, .k-state-border-down, k-link {
	background-color: #337ab7 !important;
}

/* Fix for Form Decorated Checkboxes & Radiobuttons in Firefox .65+ */
.t-ff input[type=checkbox].rfdRealInput,
.t-ff input[type=radio].rfdRealInput { position: static; }

.k-link:link, .k-link:visited {
	color: #fff !important;
}

.k-widget {
	border-color: #363940 !important;
	border-color: transparent !important;
}

.k-menu .k-group {
	 background: #000 !important; 
}

.k-menu .k-link.k-state-active, .k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover > .k-link {
	color: #fff !important;
	/*line-height: 1.7em !important;*/
	background-color: #337ab7 !important;
	
}
li.red {
	color: red !important;
}


.rtIn {
	max-width: 400px !important;
	

}


.FrozenHeader {
	height: 14px;
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	background-color: #403e3e;
	z-index: 12;
    border: 1px solid white;
}

.FrozenColumn {
	height: 14px;
	position: sticky;
	position: -webkit-sticky;
	background-color: white;
	z-index: 11;
    border: 1px solid white;
}

.StickyHeader {
	height: 14px;
	position: sticky;
	position: -webkit-sticky;
	left: 0;
	top: 0;
	background-color: #403e3e;
	z-index: 10;
    border: 1px solid white;
}

td.InvoiceCenter {
    background-color: #337ab7;
    border: 3px solid white;
    vertical-align: bottom;
}

span.InvoiceCenter {
    margin-left: 15px;
    color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 35px;
    font-weight: bold;
}