/* How to change theme

To change Back Ground color, replace #f2f8ff
To change Confirmation page label fore color, replace DarkBlue

*/

body
{
    font-family: Verdana;
    font-size: 10pt;
    background-color: #f2f8ff;
}
.master
{
    margin: 0;
    text-align: center;
}
#IrpMenu ul li ul
{
    display: none;
}
#IrpMenu ul li
{
    position: relative;
    list-style: none;
}

.irpbody
{
    font-family: Verdana;
    font-size: 9pt;
    background-color: #f2f8ff;
    text-align: center;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 0;
    height: auto;
}
.irpform
{
    width: 997px;
}
.irpheader
{
    margin: 1;
}
.container
{
    padding: 0.50%;
}
.readonlytxt
{
    background-color: Red;
    border: 1px solid #036AAD;
}



.normaltxt
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #363636;
    padding: 8px;
}
.designame
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #ffffff;
}
.heading1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #BD9949;
    color: #FFFFFF;
    padding-left: 8px;
}
.heading2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #036AAD;
    color: #FFFFFF;
    padding-left: 8px;
}
.tdbordergrey
{
    border: 1px solid #A1A1A1;
}
.tdborderblue
{
    border: 1px solid #036AAD;
}
.formtitles
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #036AAD;
}
.textbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    border: 1px solid #036AAD;
}
.innerpgtextbox
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #CECECE;
}

.innerpgdropdownlist
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.radiobutton
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #036AAD;
}
.bottomlinks
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    text-decoration: none;
}

.formbuttons
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #036AAD;
}
.innerformbuttons
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10px;
    color: #836c3a;
}

.heading3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #a98a45;
    background-color: #ffdc87;
    padding-left: 5px;
}
.heading4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ffdc87;
    padding-left: 5px;
    background-color: #ff0000;
}

.innerpagetitle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
}

.heading5
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-color: #dc143c;
    color: #dc143c;
    padding-left: 8px;
}
.lable
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}
.lblerror
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: Red;
}
.textboxlbl
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.lable1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.frameHeader
{
    background-color: #000084;
    font-family: Garamond;
    font-size: .12em;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 0 0 0;
    height: auto;
}
.heading
{
    padding-top: -2px;
    padding-bottom: -2px;
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #DAA520;
    height: 14px;
    white-space: nowrap;
    border-collapse: collapse;
}
.smallheading
{
    padding: 2px 2px;
    font-size: 9px;
    font-family: Arial, sans-serif;
    text-align: left;
    color: #DAA520;
    height: 13px;
    white-space: nowrap;
    border-collapse: collapse;
    vertical-align: bottom;
}

.frameNote
{
    background-color: #faf0e6;
    font-family: Garamond;
    font-size: .12em;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
}

.tabledata
{
    text-align: right;
}
.button
{
    width: 100px;
}
.confirmPageLabel
{
    font-family: Verdana;
    font-size: 10pt;
    color: #B22222;
}
.pageLabel
{
    font-family: Verdana;
    font-size: 10pt;
}
.validationsummarycss
{
    background-color: #FAFAD2;
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    width: 100%;
}
.HeaderPanel
{
    padding: 2px;
    font-size: .8em;
    text-align: left;
}
.HeaderBackgroundColor
{
    background-color: #BFCDDB;
}

.HeaderPanel span
{
    padding-left: 5px;
    font-size: 1em;
    text-align: left;
}

.style1
{
    font-family: sans-serif;
    font-size: .9em;
}

.myTable
{
    width: 100%;
    margin-top: 0px;
}
.myTable2Col
{
    width: 100%;
    margin-top: 0px;
}
.myTableNoColWidth
{
    width: 100%;
    margin-bottom: 10px;
    margin-top: 0px;
}
.myTable4Col
{
    width: 100%;
    margin-top: 0px;
}
.zeroWidthTable
{
    width: 0%;
}
.myButtonTable
{
    margin-top: 0px;
    align: center;
}

.readonlytext
{
    background-color: #DDDDE1;
    color: black;
    font-weight: bold;
}

.dataTable
{
    background-color: white;
    border: 1px outset #000066;
    font-size: 9pt;
    font-weight: normal;
    text-align: left;
    width: 100%;
    margin-top: 5px;
    line-height: 110%;
}

.ui-helper-reset
{
    line-height: 0.7;
}

.ui-tabs .ui-tabs-nav
{
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0.0;
    padding-right: 0.0;
    padding-top: 0.0;
}

.dataTable td
{
    padding-left: 5px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}

.dataTable thead tr
{
    background-color: #fc0;
}

.dataTable th a, .dataTable th a:visited
{
    color: #DCE1EF;
}

.dataTable th.sortable:hover
{
    background-color: #899DCB;
}
.dataTable th.sortable a
{
    background-position: right;
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none;
}

.dataTable th.sorted
{
    background-color: #000000;
}

.dataTable th.sorted a
{
    background-position: right;
    display: block;
    width: 100%;
}

.dataTable tr.odd
{
    background-color: #F7F7F7;
}

.dataTable tr.even
{
    background-color: #E6E6E6;
}
.dataTable tr:hover
{
    background-color: #D5DCEC;
    cursor: pointer;
}

.dataTable span.export
{
    padding: 0 4px 1px 20px;
    display: inline;
    display: inline-block;
    cursor: pointer;
}

.hideTable
{
    display: none;
}

.showTable
{
    display: block;
}
.hidden
{
    display: none;
}

.dataTable span.pagebanner
{
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    margin-top: 10px;
    display: block;
    border-bottom: none;
}
div.pagelinks
{
    border: none;
    width: 100%;
    display: block;
    margin-top: 10px;
}
.dataTable span.pagelinks
{
    background-color: #eee;
    border: 1px dotted #999;
    padding: 2px 4px 2px 4px;
    width: 79%;
    display: block;
    border-top: none;
    margin-bottom: -5px;
}

#topLink
{
    height: 30px;
}
#others
{
    float: right;
}
#heading
{
    valign: top;
    font-size: 1.2em;
    font-weight: bold;
}
.mandatory
{
    color: red;
}

.tdheader_right
{
    vertical-align: center;
    text-align: right;
}

.tdheader_left
{
    vertical-align: center;
    text-align: left;
}

.tdheader_center
{
    vertical-align: center;
    text-align: center;
}

.tdDefault
{
    vertical-align: middle;
    text-align: left;
    width: 100%;
}



.td-child-right
{
    vertical-align: center;
    text-align: right;
    width: 120px;
}

.td-child-center
{
    vertical-align: center;
    text-align: left;
    width: 20px;
}


.buttonClass
{
    width: 100px;
    font-size: 0.85em;
}
.buttonClassNoWidth
{
    font-size: 0.85em;
}
.borderBlack
{
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    border-top: black 1px solid;
    border-right: black 1px solid;
}

.cssDTPComboBox
{
    font-weight: normal;
    vertical-align: middle;
    font-size: 7pt;
    color: black;
    font-family: Verdana;
    background-color: white;
}
.cssDTPLabel
{
    font-size: 11px;
    vertical-align: middle;
    color: black;
    direction: ltr;
    font-family: Verdana;
    text-align: left;
}
body
{
}
/******************************************/
/* for the calendar control only */



.cssDatePickerBase
{
    padding-right: 0px;
    padding-left: 0px;
    font-size: 11px;
    border-left-color: #a8a8a8;
    border-bottom-color: #a8a8a8;
    padding-bottom: 0px;
    color: black;
    border-top-color: #a8a8a8;
    padding-top: 0px;
    font-family: Verdana;
    background-color: white;
    border-right-color: #a8a8a8;
}
.cssDatePickerDayHeader
{
    border-right: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid;
    color: black;
    border-bottom: 1px solid;
    font-family: Verdana;
    font-size: 11px;
    height: 1px; /*background-color: #faf1fa;*/ /*background-color: #9FADD1;*/
    background-color: #CBD4EB;
}
.cssDatePickerToday
{
    /*background-color: #B0C0E9;*/
    border-color: #F0A12A;
    border-style: solid;
    border-width: 2px;
    background-color: White;
    font-size: 11px;
}
.cssDatePickerDay
{
    border-right: 0px solid;
    padding-right: 1px;
    border-top: 0px solid;
    padding-left: 1px;
    padding-bottom: 1px;
    border-left: 0px solid;
    padding-top: 1px;
    border-bottom: 0px solid;
    font-size: 11px;
}
.cssDatePickerOtherMonthDay
{
    background-color: #ECEDF0;
    color: white;
    font-size: 11px; /*background-color:#faf1fa;*/
}
.cssDatePickerSelectedDay
{
    padding-right: 0px;
    padding-left: 0px;
    background-image: none;
    padding-bottom: 0px;
    margin: 0px;
    color: white;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none; /*background-color: #c871bf;*/
    background-color: White;
    border-bottom-style: none;
    border-color: #F0A12A;
    font-size: 11px;
}
.cssDatePickerTitle
{
    border-right: none;
    padding-right: 0px;
    border-top: none;
    padding-left: 0px;
    font-weight: bold;
    padding-bottom: 0px;
    margin: 0px;
    border-left: none;
    width: 100%;
    color: white;
    padding-top: 0px;
    border-bottom: none;
    height: 100%; /*background-color: #c871bf;*/
    background-color: #3050A3;
    font-size: 11px;
}
.cssDatePickerNextPrev
{
    border-right: blue 0px solid;
    padding-right: 0px;
    border-top: blue 0px solid;
    padding-left: 0px;
    font-weight: bold;
    padding-bottom: 0px;
    margin: 0px;
    border-left: blue 0px solid;
    width: 100%;
    color: white;
    padding-top: 0px;
    border-bottom: blue 0px solid;
    height: 100%;
    background-color: #c871bf;
    font-size: 11px;
}
.cssDatePickerWeekend
{
    /*background-color:white;*/
    background-color: #CBD4EB;
    color: white;
    font-size: 11px;
}
.cssDatePickerSelector
{
    border-right: medium none;
    padding-right: 0px;
    border-top: white 1px;
    padding-left: 0px;
    background-image: none;
    padding-bottom: 0px;
    margin: 0px;
    border-left: white 1px;
    color: blue;
    padding-top: 0px;
    border-bottom: white 1px;
    background-color: #c871bf;
    font-size: 11px;
}
.cssPagerPageLabel
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
}
.bodyBackgroundImageIftaLevel
{
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../OpenFiles/Images/New MVE1.jpg);
}
/*
.bodyBackgroundImage
{
	background-repeat:no-repeat; 
	background-position:center; 
	background-image:url(../OpenFiles/Images/New MVE1.jpg);
}
*/
.cssDynamicMenu
{
    z-index: 100;
    width: 100%;
}
.csstransactionTab
{
    background-color: Black;
    font-size: .20em;
    background-image: url(../OpenFiles/Images/FleetGlow.jpg);
}

.tdright
{
    text-align:right;
}

.tdleft
{
    text-align: left;
}
.tdcenter
{
    text-align: left;
    width: 2px;
}
.tdZeroWidth
{
    width: 0px;
}
.tdDefault
{
    vertical-align: middle;
    text-align: left;
    width: 100%;
}
.amountField
{
    text-align: right;
}
.ConfirmLabel
{
    color: DarkBlue;
}
/* for axle details usercontrol start*/
 .hiddenButton
 {
     display:none;
     
 }
 .visiblebutton
 {
     display:block;
 }
 
  .ListViewHeaderstyle
{
    background-color:#6F9AB5;
    color: #000000;
    font-weight: bold;
}
 .ListViewRowStyle
{
    border-color: #333333;
    background-color: #FFFFFF;
    color: #333333;
}
    
 .ListViewAlternatingRowStyle
{
    background-color: #FFFFFF;
    color: #333333;
    
}
 .ListViewSelectedRowStyle
{
    background-color: #FFFFFF;
    font-weight: bold;
    color: #000080;
}
/* for axle details usercontrol end*/

.headerLabel
{
    cursor: pointer;
    color: Gold;
    background-color: #000084;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    font-size: 9pt;
}

.modal-loading
{
    position: fixed;
    top: 0;
    left: 0;
    background-color: Black;
    z-index: 999;
    opacity: 0.1; /* Theoretically for IE 8 & 9 (more valid) */ /* should come BEFORE filter */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10); /* Older than Firefox 0.9 */
    -moz-opacity: 0.1; /* Safari 1.x (pre WebKit!) */
    -khtml-opacity: 0.1;
    min-height: 100%;
    width: 100%;
}

.loading
{
    display: none;
    position: fixed;
    z-index: 999999;
    top: 45%;
    left: 45%;
}


.buttonClassRouting {
    width: 80px;
    font-size: 0.85em;
}

.buttonColorRouting {    
    color:#036AAD;
    font-family:Verdana;
    font-size:10pt;
}

.pageValidationSummary {
    background-color: LightGoldenrodYellow;
    border-color: Black;
    border-width: 1px;
    border-style: Solid;
    width: 100%;
    text-align: left;
}

.HelpPopup
{
    border-right: #32451A 1px solid;
    border-top: #32451A 1px solid;
    border-left: #32451A 1px solid;
    border-bottom: #32451A 1px solid;
    display: none;
    filter: alpha(opacity=100);
    color: #32451A;
    position: fixed;
    background-color: White;
    padding: 2px;
    z-index: 100000;
}
/* Help popup start*/
.helpbuttonSection{
    position:absolute; 
    top:0px;
    right:15px;
    }
    .helpbuttonHeader{
    position:absolute; 
    top:0px;
    right:15px;
    }
    .PositionRelative{
        position:relative;
        }
#pnlToolTipHelpHeader
{
   background-color:#51616F;
   border-width:1px;
   border-style:solid;
   border-color:#000000;
   font-weight:bold;
   color:White;
   font-family:Verdana;
   font-size:10pt;
}
/*Help popup end*/
#ODOWMenu a.static
{
    border-style:solid;
    border-left-color: #808094;
    border-right-width:0px;
    border-left-width:1px;
    border-top-width:0px;
    border-bottom-width:0px;
    padding:2px 5px 2px 5px;
}
/*Help popup end*/