/* DEFAULTS
----------------------------------------------------------*/

    body  
    {
        margin: 0px;
	    font-family: verdana;
	    font-size: 0.8em;
    }

    fieldset
    {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;   
    }
    
    html body .RadInput_Default .riDisabled, html body .RadInput_Disabled_Default {
        border-color: #8E8E8E #B8B8B8 #B8B8B8 #8E8E8E !important;
    }

    html body .RadInput_Default .riDisabled:hover, html body .RadInput_Disabled_Default:hover {
        border-color: #515151 !important;
    }

    textarea {
        resize: none;
    }

    input[type=text], input[type=password] 
    {
        height: 18px!important;
    }

    input[type=text], input[type=password], textarea
    {
    	font-family: "Segoe UI",Arial,sans-serif !important;
        font-size: 1em;
        padding: 1px 4px 1px 4px;
    }
    
    input[type=submit], input[type=button], input[type=image], linkButton
    {
        font-size: 1em;
        outline: 0;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        /*line-height: 20px;*/
        vertical-align: middle;
        height: 22px;
    }
    
    input[type=checkbox]
    {
        /*width: 15px;
        height: 15px;*/   
        transform: scale(1.2);
        border: 0px solid #FFF;
        padding: 0px;
        margin: 1px 5px 0px 0px;
    }

    input[type=radio]
    {
        transform: scale(1.2);
    }
    
    .gridRow input[type=checkbox]
    {
        /*margin: 0px 2px 2px 0px;*/
    }
    
    .border input[type=checkbox]
    {
         margin: 2px;
    }
    
    input[type=radio]
    {
        margin-top: 0px;   
    }

    .tblWprCls input[readonly="readonly"] {
        opacity: 0.5;
    }
    
    label
    {
           margin-bottom: 5px;
    }
    
    select
    {
        vertical-align: middle;
        font-size: 1em;
    }

    input[type=text], input[type=password], textarea, select
    {
        border: 1px solid #AAA;
        font-family: Verdana;
    }
    
    input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover
    {
        border: 1px solid #515151;
        background-color: #E5E5E5;
    }    
    
    /*input[type=submit]:focus, input[type=button]:focus,*/ 
    input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
    {
        border: 1px solid #515151;
        background-color: #E5E5E5;
    }


    input[type=submit]:active, input[type=button]:active {
        border: 1px solid #515151;
        background-color: #E5E5E5;
    }



/* HEADINGS   
----------------------------------------------------------*/

.gnl-ttl {
    font-size: 0.9em; 
    font-weight: bold;
}

.boxHeaderH2, .boxHeaderH3, .gridBackground caption
{
    background-color: #DDD; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #DDD 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#DDD)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#DDD 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#DDD 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#DDD 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#DDD 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#DDDDDD',GradientType=0 ); /* IE6-9 */
    color: #ee3158;
    margin: 0px 0px 0px 0px;
    text-align: Left;
    vertical-align: middle;
    height: 25px;
    font-size: 1em;
    font-weight: bold;
    padding-top: 6px;
    padding-right: -6px;
    padding-left: 6px;
    border-bottom: 1px solid #CCC;
}

.boxHeaderH3
{
      font-size: 0.9em;  
}



/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

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


.setMargin
{
    padding-top: 5px;   
}



.saveArea, .buttonArea02
{
    margin: 5px; 
	padding: 10px 0px; 
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;	
    clear: both;
}

.wndButtonArea {
    background-color: Menu;
    padding: 1%;
    width: 98%;
    height: 7%;
    text-align: right;
}

.optionBtn {
    border-radius: 2px 0px 0px 2px !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/* TAB MENU   
----------------------------------------------------------*/




/* BOXES   
----------------------------------------------------------*/

.spliterSection
{
    background-color: #ee3158; 
    padding:  0px 8px 8px 8px;
    height: 100%;
    z-index: 2000;
    position: relative;
}

.middlePane
{
    font-family: inherit;
    border-width: 0px;
    z-index: 5000;
}

.EndPane
{
    background-image: url(../images/right_pane_bk.png);
    background-repeat: repeat-y;
    background-position: top right;
    border: 1px solid #484848;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.RadSplitter .rspRotatedTabText.rspPaneTabTex {
    transform: rotate(90deg);
}

    .paneBorder {
        border: 1px solid #484848;
    }

    .mainBox
{
    height: 100%;
    color: #706F6F;
    background-color: #ffffff; 
    margin: 0px;
    padding: 0px;
    position: relative;
    z-index: 1998;
}

.box01, .clear-flt {
    clear: both;
    overflow: auto;
}

.box01 {
    overflow: initial !important;
    display: inline-block !important;
    min-width: 98.6%;
}

    .box01, .box03, .box01Alt
    {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: solid 1px #ccc;
        margin: 0px 0.2% 0.2% 0.2%;
        padding: 0.4%;
        display: block;
    }

    .box01Alt {
        display: table;
        display: inline-block\0; /* table; */

        width: 98%;
        width: inherit\0;
    }
    
    .box02, .box04, .box06, .box07, .box08
    {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: solid 1px #CCC;
        margin: 0px 5px 5px 5px;
        padding: 10px;
        background-color: #f7f7f7;
    }    
    
    .box03, box04
    {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;        
    }

    .box05
    {
        margin-left: 5px;
        margin-bottom: 10px;
        padding-left: 5px;
        border-left: 1px solid #E5E5E5; 
        min-width: 330px;
    }

    .box05a
    {
        margin-left: 5px;
        margin-bottom: 10px;
        padding-left: 5px;
        border-left: 1px solid #E5E5E5; 
    }
    
    .box06
    {
        padding: 0px;  
        margin: 0px 0px 5px 0px; 
    }
    
    .box06 label
    {
        margin-right: 5px;
    }
    
    .box07
    {
        margin: 0px;   
    }
    
    .box08
    {
        margin: 0px 0px 5px 0px;
    }

    .box09 
    {
        display: inline-block;
        vertical-align: top;
    }

    .box09 {
        display: inline !ie7;
    }

    .box10 
    {
        margin-left: 0px;
        margin-bottom: 0px;
        padding-left: 5px;
        border-left: 1px solid #E5E5E5; 
        min-width: 330px;
    }

.boxfltleft {
    float: left;
    margin-right: 5px;
}

.dashBox01 {
    padding: 5px 0px;  
    margin: 5px; 
    max-width: 510px;
    width: 510px;
    height: 270px;
    max-height: 270px;
    float: left;
    overflow: hidden;
}

.dashBox02 {
    padding: 5px 0px;  
    margin: 5px; 
    max-width: 595px;
    width: 595px;
    height: 440px;
    max-height: 440px;
    float: left;
}

.abellioDashBox{

    padding: 5px 0px;  
    margin: 5px; 
    max-width: 720px;
    width: 720px;
    height: 422px;
    max-height: 422px;
    float: left;
}

.boxWth350
{
    width: 350px;
}

.boxWth400
{
    width: 400px;
}

.boxWth450
{
    width: 450px;
}

    .boxWhite300 {
        background-color: #FFF;
        min-width: 300px !important;
        width: 300px;
        height: 150px;
        margin: 0px 0.15% 0.15% 0px !important;
    }

    .boxWhite300:hover {
        background-color: #9FD0F5;
    }

        .boxWhite300 table td {
            word-wrap: break-word !important; 
            cursor: default;
        }

.tdBoxOverflow {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tdBoxOverflow198 {
    max-width: 198px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.tdBoxOverflow80
{
    width: 70px;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


    .fixedTbl {
        table-layout: fixed; 
        word-wrap: break-word; 
        width: 100%;
    }

        .fixedTbl td:first-child  {
            width: 90px;
        }
    
    .paddedBox
    {
        padding: 4px; 
    }
    
    .paddedBox h3
    {
        font-size: 1em;
        margin-top: 0px;
        font-weight: bold;
    }
    
    .plainBox
    {
        width: 100%; 
        border: solid 1px #000; 
        background-color: #fff;   
    }

    .buttonholder
    {
        margin: 10px 0px;   
    }
    
    .formTable td
    {
        vertical-align: text-top;
    }

.tdOverflow {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}




.grpbx-cln
{
	float: left; 
	width: 49.4%;	
    min-height: 500px;
    height: 500px;
	max-height: 500px;
}

.grpbx-cln fieldset
{
	min-height: 135px;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

.cbxSeasonRate input[type="checkbox"] 
{
    margin-right: 0px;   
}

input.textBoxAlign
{
    text-align: right;   
}


/* GRID   
----------------------------------------------------------*/

    .gridBackground
    {
        background-image: url('../images/grid.gif');
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #FFF;
        cursor: default;
    }
    
       .gridHeader
    {
	    margin: 8px;
	    padding-left: 9px;
	    height: 31px;
	   /*background: none repeat scroll 0 0 #F0F1F0;*/
	    color: #ee3158;
	    vertical-align: middle;
	    border-top: 1px #e5e5e5 solid;
	    border-bottom: 1px #e5e5e5 solid;
    }

    .headerTextTop th
    {
        vertical-align: text-top;
    }

    .gridRow
	{
		border-bottom: 1px #e5e5e5 solid;
	}

    .gridAltRow  {
        background-color: #EFEFEF;
        cursor: default;
    }



	.cellRight
	{
	    text-align: right;   
	}

.cellLeft {
    text-align: left;
}
	
    .gridFooter
    {
        height: 31px;
        color: #155179;   
        border-bottom: 1px #bbb solid;
        background-color: ButtonFace;
    }

        .gridFooter span {     
            color: red;
        }


    .gridPaging a, .gridPaging span {

        /*border: 1px solid transparent;
        padding: 3px;*/

        border-radius: 4px;
        color: #ee3158 !important;
        display: inline-block;
        font-size: 18px;
        font-weight: 200;
        letter-spacing: 1px;
        padding: 5px 10px;
        text-transform: uppercase;
        background: #ffffff;
        clear: both;
        text-decoration: none !important;
        font-size: 11px;
        cursor: pointer;
        margin-right: 5px;
        border: 1px solid transparent;
    }

    .gridPaging a.aspNetDisabled
    {
        visibility: collapse;
        display:none;
    }

    .gridPaging span
    {
        border: 1px solid #CCC;
        background-color: #E5E5E5;
    }

    .gridPaging a:hover {
        border: 1px solid #CCC;
        background-color: #E5E5E5;
    }

    .gridHeader.gridPaging table 
    {
        display: inline-block;
    }

    .gridHeader.gridPaging .records 
    {
        display: inline-block;
        padding: 15px 5px 5px;
        position: relative;
        text-align: right;
        top: -11px;
    }

    .gvwHeader
    {
        background: linear-gradient(to bottom, #f2f5f6 0%, #e3eaed 37%, #ddd 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        border-bottom: 1px solid #aaa;
        color: #ee3158;
        font-size: 1em;
        font-weight: bold;
    }

    .gvwFooter {
        background-color: ButtonFace;
        border-top: 1px solid #aaa;
        font-size: 1em;
        font-weight: bold;
    }

    
    table.setCaption
    {
        empty-cells: show;   
        background-color: White;
    }
    
    table.setCaption caption
    {
        height: 31px;
	    background-image: url('../images/grid_header.gif');
	    background-repeat: repeat-x;
	    color: white;
	    border: Solid Black 1px;
    }
    
    table.setCaption th, table.setCaption td
    {
        border: Solid Black 1px;
        
    }

    .FixedPrices td
    {
        color: #000;
    }
    
    .journeyDetails
    {
        border-collapse: collapse;  
        width: 100%; 
    }
    
    .journeyDetails td
    {
        padding: 4px;
    }

    .dayBlock
    {
        width: 23px;
        border-right: 1px solid #000;
        display: inline-block;   
    }
    
    .dayBlockEnd
    {
        width: 23px;
        display: inline-block; 
    }
    
    .journeyCln
    {
		min-width: 180px;	
    }

    .carDaysTable 
    {
        border-spacing: 2px;
    }

    .carDaysTable td
    {
        cursor: help;
        color: #000 !important;
        padding: 2px 4px;
    }

    .gridHourCell 
    {
        width: 59px;
        border-right: solid 1px Black;
    }

    .gridHourCellLast 
    {
        width: 60px;
    }

    .tdAlignCtr 
    {
        text-align: center;
    }


    .customerDDL {
        display: table; 
        table-layout: fixed; 
        border-collapse: separate; 
        border-spacing: 2px;
    }

    .custDDLImg {
        display: table-cell; 
        width: 20px;
    }

    .custDDLPC, .custDDLName {
        display: table-cell; 
    }

    .custDDLPC div {
        width: 60px; 
        overflow: hidden;
    }

.rteSchlSettingsTbl {
    border-spacing: 0px;
}

.rteSchlSettingsTbl td, .rteSchlSettingsTbl th  {
    cursor: default;
    padding: 6px;
}

.rteSchlSettingsTbl td + td, .rteSchlSettingsTbl td input[type=text] {
    text-align: right;
}

.rteSchlSettingsTbl td input[type=text] {
    width: 80px;
}

.rteSchlSettingsTbl tr + tr:hover {
    background-color:  #9FD0F5;
}

.cellNoPadding {
    padding: 0px !important;
}

.collectionJob table,
.returnJob table {
    border-spacing: 0px;
    border-collapse: collapse;
}

.collectionJob table th,
.collectionJob table td,
.returnJob table th,
.returnJob table td {
    padding: 5px;
}

.collectionJob table th:first-child,
.collectionJob table td:first-child, 
.returnJob table th:last-child,
.returnJob table td:last-child {
    background-color: #20B2AA;
    color: #000;
}


.gvwSpacing
{
    border-spacing: 2px 2px;
    border-collapse:separate;
}

.lblOverflowElip100
{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;        
}

.lblOverflowElip140
{
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;   
}

.lblOverflowElip150
{
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
   /*white-space: nowrap;*/
    display: inline-block;   
}

.lblOverflowElip160
{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;        
}

.lblOverflowElip180
{
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;    
}

.hghRows table tr td span 
{
    cursor: help;
}

.hghRows table tr:hover td
{
    background-color: #9FD0F5;
}


.bdr-grn-rght
{
    border-right: 1px solid green;
}

.bdr-grn-left
{
    border-left: 1px solid green;
}

.bdr-grn-top
{
    border-top: 1px solid green;
}



/* BUTTONS, LINKS 
----------------------------------------------------------*/

.imageSelector {
    position: relative;
    top: 6px;
    cursor: pointer;
}



/* WIZARD STEPS  
----------------------------------------------------------*/

.wzdNav table {
    margin: 0px 10px 0px auto;
}


.wzdCheckWpr {
    margin: 8px 20px;
}


/* CALENDAR, SCHEDULAR 
----------------------------------------------------------*/
    .todayCal
    {
        background-color: rgba(0, 255, 0, 0.3);
        border-color:#8D8D8D #7D7D7D #6C6C6C;
    }


/* MISC  
----------------------------------------------------------*/

span.pinSet
{
    display: inline-block;
    margin: 2px 2px 2px 0px;
}

span img.imgPinSet
{
    bottom: -3px; 
    position: relative;
}

.displyVer
{
    padding: 5px 0px 0px 0px; 
    color: #ee3158; 
    text-align: right; 
    font-size: 0.8em;                     
    margin-right: 10px;
}

.loggedIn
{
    position: absolute; 
    top: 5px; 
    right: 10px; 
    width: 45%; 
    text-align: right;   
}

.WaterMark
{
    font-style: italic;
    color: #C0C0C0;
}

.copyrightNotice
{
   font-size: xx-small;
}

.loginPanel
{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #C0C0C0;
}

.pageBreak
{
    page-break-after: always;
}
        
.filterBox
{
    height: 125px; 
    border-left: 1px solid black; 
    border-right: 1px solid black; 
    border-top: 1px solid black; 
}

.vehicleTooTip caption
{
    text-align: left;
    border-bottom: 1px solid #CCC;
    width: 100%;
}

.spaceTopBottom10
{
	display: block;
	margin: 10px 0px;
}


ul.failedList {
     margin: 0px;
     padding: 0px 0px 0px 20px;
     list-style-type: decimal;
}
.expired {
background-image: url(/images/expired.png);
background-repeat: no-repeat;
background-position: center center;

}

.expiredMedium {
background-image: url(/images/expired_medium.png);
background-repeat: no-repeat;
background-position: center center;

}

.plusImage, .minusImage{
    display: inline-block;
    width: 11px;
    height: 11px;
    background-image: url(/images/PlusMinus.png);
    background-position: 0px 0px;
    cursor: pointer;
}

 .minusImage{
    background-position: 0px 11px;
}

.dutyWrapper {
    position: relative;
    display: block;
    z-index: 0;
    overflow: auto;
}

.dutySheetSize {

    min-height: 830px;
    width : 798px;    
    border-color: ButtonShadow;
    border-style: solid;
    border-width: 1px;
}

.dutyNonRunning {
    position: absolute;

    width: 100%;
    height: 100%;
    background-image: url(../images/nonrunning.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:contain;
    z-index: auto;
}

.dutyNonRunning span {
    position: absolute;
    top: 50%;
    left: 37.5%;
    width: 200px;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}


.btnAreaRight {
    text-align: right;
}

poo.dutyNonRunning div {
    /*position: absolute;
    width: 5px;
    background-color:aqua;
    height: 100%;
    top: 0px;
    left: 0px;*/

       background-color: aqua;
    height: 100%;
    left: 391px;
    min-height: 1189px;
    position: absolute;
    top: -174px;
    /*transform: rotate(44deg);*/
    width: 5px;

-moz-transform:rotate(44deg); /* Firefox */
-webkit-transform:rotate(44deg); /* WebKit: Chrome/Safari */
-o-transform:rotate(44deg); /* Opera */
-ms-transform:rotate(44deg); /* IE9 */
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9914448613738104,
M12=-0.13052619222005157,
M21=0.13052619222005157,
M22=0.9914448613738104, sizingMethod='auto expand'); /* IE8 */

}

.boldText {
    font-weight: bold;
}

.bgWht {
    background-color: #FFF;
}


.imgPreview {
    font-style: italic;
    font-size: 0.8em;
    text-align: center;
    display: inline-block;
    width: 80px;
}

.lftCol {
    text-align: left;
}

.priceCol {
    text-align: right;
}

.centerCol {
    text-align: center;
}

    .centerCol a {
        text-align: center !important;
    }


.spanTxt {
    padding: 1px 4px;
    border: 1px solid #AAAAAA;
    width: 40px;
}

.overridden {
    color: red;
    text-decoration: line-through;
}

.boldTxt {
    font-weight: bold;
}

.rblOptions {
    padding: 0px;
    margin: 0px;
    display: inline;
}

.rblOptions li {
    display: inherit;
    line-height: 22px;
}

    .rblOptions li label {
        margin-right: 0px;
    }

.zidxTemp{
    z-index: 9999 !important;
}

.hdrAlign{
    display: inline-block; 
    margin:  7px 10px;
}

.hdrAligntd
{
    vertical-align: middle !important;
}

.zidxTemp11
{
    z-index: 11;
}

        .infoPosVeh{
            float: right;
            position: relative;
            top: 6px;
            right: 5px;
        }

        .infoPosPH {
            float: left;
            position: relative;
        }

        .infoPosDrv{
            float: right;
            position: relative;
            top: 3px;
            right: 2px;
        }

        .notifLink li a
        {
            color: white;
        }

        .cur-def
        {
            cursor: default;
        }

        .facTest ul
        {
            list-style-type: none;
            padding: 0px !important;
        }
         
        .facTest ul li
        {
            margin-top: 3px;
            width: 200px;
            display: inline-block;
            vertical-align: text-top !important;
        }

            .facTest ul li input[type="checkbox"] {
                float: left;
            }
        
        .facTest label
        {
            width: 85%;
            display: inline-block;
            word-wrap: break-word;
            margin: 0px !important;
        }

.depDet {
    height: 21px;
    width: 21px;
    left: -5px;
    position: relative;
    top: 7px;
    cursor: pointer;
}


/* Duty allocation Type styles
----------------------------------------------------------*/

.signOnOffItem
{
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: Blue;   
}

.JourneyItemNotInDuty
{
	border: 1px solid #FF0000;
    border-radius: 2px;
    -moz-border-radius: 2px;  
    background: Yellow; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f5f6 0%, Yellow 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,Yellow)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f5f6 0%,Yellow 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f5f6 0%,Yellow 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f5f6 0%,Yellow 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f5f6 0%,Yellow 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='Yellow',GradientType=0 ); /* IE6-9 */
}

.JourneyItem
{
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;    
    /*background-color: ButtonFace;*/
    
    background: #f2f5f6; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
    
}

.waitingItem {
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px; 

    background: #e6f0a3; /* Old browsers */
    background: -moz-linear-gradient(top, #e6f0a3 0%, #d2e638 37%, #dbf043 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(37%,#d2e638), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e6f0a3 0%,#d2e638 37%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e6f0a3 0%,#d2e638 37%,#dbf043 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e6f0a3 0%,#d2e638 37%,#dbf043 100%); /* IE10+ */
    background: linear-gradient(to bottom, #e6f0a3 0%,#d2e638 37%,#dbf043 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */
}


.waitingItemAllocated {
    border: 1px dashed #2989D8;
    border-radius: 2px;
    -moz-border-radius: 2px; 
}

.depotItem {
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px; 

    background: #7db9e8; /* Old browsers */
    background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 37%, #1e5799 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(37%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 37%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 37%,#1e5799 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 37%,#1e5799 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7db9e8 0%,#2989d8 37%,#1e5799 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
}

.driverItem {
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    background-color: LightGreen;
    background: -moz-linear-gradient(top, #f2f5f6 0%, LightGreen 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,LightGreen)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f2f5f6 0%,LightGreen 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f2f5f6 0%,LightGreen 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f2f5f6 0%,LightGreen 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f2f5f6 0%,LightGreen 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='LightGreen',GradientType=0 ); /* IE6-9 */
}

.breakItem
{
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    
    background: #ff6600; /* Old browsers */
    background: -moz-linear-gradient(top, #ffcc00 0%, #ff9900 37%, #ff6600 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc00), color-stop(37%,#ff9900), color-stop(100%,#ff6600)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffcc00 0%,#ff9900 37%,#ff6600 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffcc00 0%,#ff9900 37%,#ff6600 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffcc00 0%,#ff9900 37%,#ff6600 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffcc00 0%,#ff9900 37%,#ff6600 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#ff6600',GradientType=0 ); /* IE6-9 */ 
}

.genericItem
{
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px; 
    background-color: Aqua;    
}

.dutySection
{
	border: 1px dashed #CCC;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    background-color: #FFF;
}

.notInDuty {
    color: red;
    font-size: 1.2em;
    font-weight: bold;
}

.legendItem
{
    border: 1px solid #000;
    border-radius: 2px;
    -moz-border-radius: 2px;
    width: 20px;
    height: 20px;
}

/* Private Hire Add Edit Page
----------------------------------------------------------*/

.depotTable td
{
    padding-left: 7px;
    padding-right: 7px;
     padding-bottom: 4px;
    padding-top: 4px;
}

.depotTable td a
{
    color: #000;
}

.depotTableCellCenter
{
    text-align: center;   
}

.vtPass {
    background-color: #CCCCCC;
    border-color: #333333;
    border-width: 1px;
    border-style: solid;
    width: 100%;
}

    .vtPass div {
        padding: 3px;
    }

.notesLO {
    float: left;
    margin-right: 5px;
}


/* override styles
----------------------------------------------------------*/

.RadMenu .rmLink, .cur-pntr
{
  cursor: pointer !Important;   
}

.RadGrid_Default, .RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, 
.RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, 
.RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table, .GridToolTip_Default
.RadGrid_Default, .RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, 
.RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, 
.RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table, .GridToolTip_Default
{
    font-size: inherit !Important;   
    font-family: Verdana !Important;
}

html body .RadInput_Default .riHover, html body .RadInput_Hover_Default, html body .RadInput_Default .riFocused, html body .RadInput_Focused_Default {
    border-color: #515151;
    background-color: #E5E5E5 !important;
}

.RadComboBox_Metro .rcbReadOnly .rcbInputCell, .RadComboBox_Metro .rcbArrowCell {
    background-color: #FFF !important;
}

.RadComboBox_Metro .rcbHovered .rcbInputCell, .RadComboBox_Metro .rcbHovered .rcbArrowCell {
    background-color: #E5E5E5 !important;
}

.RadComboBox_Metro .rcbFocused .rcbInputCell, .RadComboBox_Metro .rcbFocused .rcbArrowCell {
    background-color: #E5E5E5 !important;
    border-color: #515151 !important;
}

.RadComboBox_Metro, .RadComboBox_Metro .rcbInput, .RadComboBoxDropDown_Metro {
    color: #000 !important;
}

.RadComboBox .rcbInput {
    padding: 0px !important;
}

.RadComboBox .rcbInputCell {
        height: 18px !important;
    line-height: 18px !important;
}

div.RadComboBox .rcbInputCell .rcbInput
{

}

.RadComboBox_Metro table td {
    height: 19px !important;
}

.RadComboBoxDropDown_Metro .rcbSeparator {
    color: #000 !important;
}

html body .RadInput .riTextBox, html body .RadInputMgr {
    padding: 2px 1px 1px !important;
}

.RadMenu_Black .rmVertical .rmSlide, .RadMenu_Black .rmSlide .rmSlide, .RadMenu_Black_Context .rmGroup .rmSlide {
    margin: 0px !important;
}

.RadSplitter_Black {
    font-family: inherit !important;
    font-size: inherit !important;
}

.RadSplitter_Black .rspPane, .RadSplitter_Black .rspPaneHorizontal,
.RadSplitter_Black .rspSlideContent {
    color: #706F6F !important;
}

div.rspSlidePane
{
    z-index: 90000 !important;
}

.todayCal {
    background-color: #25A0DA !important;   
    border-color: #25A0DA !important;
}

.todayCal a {
    color: #FFF !important;
}

.calImgPos
{
    position: relative;
    top: 3px;
}

.RadPicker, .RadPicker input[type=text] {
    height: 22px !important;
}

.TelerikModalOverlay 
{
    z-index: 8001; /*!important;*/
}

/*.riSingle {
    top: -2px;
    height: 22px !important;
}

.riTextBox[type="text"] {

    padding: 1px 4px !important;
    font-size: 1em !important;
    height: 18px !important;
    -moz-box-sizing:content-box !important;

}*/

.RadWindow .RadWindow_Default .rwNormalWindow .rwTransparentWindow {
    z-index: 8002 !important;
}

.RadColorPicker .rcpIcon a, .RadColorPicker .rcpIcon em {
    z-index: auto !important;
}

.RadComboBox .rcbArrowCell a {
    height: 20px !important;
}

div.RadComboBox_Metro .rcbArrowCellRight, div.RadComboBox_Metro .rcbArrowCellHidden.rcbArrowCellRight,
div.RadComboBox_Metro table td.rcbInputCellLeft
{
	border-color: #AAAAAA !important;
}

div.RadComboBox_Metro table td.rcbInputCellLeft {
    border-width: 1px 0 1px 1px !important;
}

div.RadComboBox_Metro table td.rcbInputCellRight {
    border-width: 1px 1px 1px 0 !important;
}
    
div.RadComboBox_Metro .rcbHovered .rcbArrowCellRight,
div.RadComboBox_Metro .rcbHovered td.rcbInputCellLeft
{
    background-color: #E5E5E5 !important;
	border-color: #515151 !important;
}

div.RadComboBox_Metro .rcbArrowCellLeft, div.RadComboBox_Metro .rcbArrowCellHidden.rcbArrowCellLeft {
    border-width: 1px 0 1px 1px !important;
}

div.RadComboBox_Metro .rcbArrowCellRight, div.RadComboBox_Metro .rcbArrowCellHidden.rcbArrowCellRight {
    border-width: 1px 1px 1px 0 !important;
}

div.RadComboBox .rcbInputCell .rcbInput {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: none;
}

div.RadComboBoxDropDown_Metro .rcbHovered {
 background-color: #25A0DA;
    border: 1px solid #25A0DA;
    color: #FFFFFF;
    padding: 1px 5px;
}

.radPageView {
    overflow-y: auto;
}

.rtTitlebar {
    font: 14px/20px "Segoe UI",Arial,Sans-serif !important;
}

.RadToolTip.rtShadow .rtCalloutTopLeft, .RadToolTip.rtShadow .rtCalloutTopRight {
    margin-top: -6px !important;
}

.rtCallout
{
   background-image: none !important;
} 

.tabPdgBtm
{
    padding-bottom: 8px !important;
}

/* Support Pages
----------------------------------------------------------*/

    .spt-layout
    {
        display: table;
        height: 100%;

    }

    .spt-layout .spt-lft-col
    {
        display: table-cell;
        width: 75%;
        padding: 1em;
        height: 100%;
    }

    .spt-layout .spt-col-rght
    {
        display: table-cell;
        width: 20%;
        height: 100%;
        border-left: 1px solid #CCC;
        padding: 1em;
    }

    .spt-col-rght ul
    {
        list-style-type: none;
        padding: 0px;
        margin: 20px 0px;
    }

    .spt-col-rght ul li
    {
        margin: 5px 0px;
    }


/* Map styles
----------------------------------------------------------*/

#pointChoices
{
	border: 1px solid #CCCCCC;	
	position: absolute; 
	top: 25%; 
	left: 20%; 
	width: 300px; 
	height: 150px; 
	background-color: #FFF;
}

.pointChoicesTop
{
	background-color: #DDDDDD;
    border-bottom: 1px solid #CCCCCC;
    color: #EE3158;
    margin: 0;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
    height: 49px;
}

.pointItem
{
	padding: 2px;	
}

.pointItem:hover
{
	background-color: #9FD0F5;
}

/* validation
----------------------------------------------------------*/

.checkFailed {
    background-color: lightpink !important;
    border: 1px solid red !important;
}

div.checkFailed table td.rcbInputCell {
    background-color: lightpink !important;
}


/* BORDER
---------------------------------------------------------- */

.bkclr-ddd
{
    background-color: #DDD;
}


/* BORDER
---------------------------------------------------------- */

.bdrBlk
{
    border: 1px solid #000;
}

.bdrTopBlk
{
    border-top: 1px solid #000;
}

.bdrRghtBlk
{
    border-right: 1px solid #000;
}

.bdrBtmBlk
{
    border-bottom: 1px solid #000;
}

.bdrleftgray
{
    border-left: 1px solid #e5e5e5;
}



/* ELEMENT POSITIONING
---------------------------------------------------------- */

.flt-rght
{
    float: right;
}

.flt-left {
    float: left;
}

.pos-Rel
{
    position: relative;
}

.ovrflw-hdn
{
    overflow: hidden;
}

.ovrflwY-auto
{
    overflow-y: auto;
}

.ovrflwY-scr
{
    overflow-y: scroll;
}


.top3
{
    top: 3px;
}
.top4
{
    top: 4px;
}



/* ITEM SIZES
---------------------------------------------------------- */

/* WIDTH */

.wth5
{
    width: 5px;
}

.wth20
{
    width: 20px;
}

.wth40
{
    width: 40px;
}

.wth50
{
    width: 50px;
}

.wth55
{
    width: 55px;
}

.wth59
{
    width: 59px;
}

.wth60
{
    width: 60px;
}

.wth80
{
    width: 80px;
}

.wth84
{
    width: 84px;
}

.wth90
{
    width: 90px;
}

.wth100
{
    width: 100px;
}

.wth110
{
    width: 110px;
}

.wth120
{
    width: 120px;
}

.wth130
{
    width: 130px;
}

.wth135
{
    width: 135px;
}

.wth150
{
    width: 150px;
}

.wth165
{
    width: 165px;
}

.wth200
{
    width: 200px;
}

.wth240
{
    width: 240px;
}

.wth250
{
    width: 250px;
}

.wth258
{
    width: 258px;
}

.wth270
{
    width: 270px;
}

.wth290
{
    width: 290px;
}

.wth300
{
    width: 300px;
}

.wth320
{
    width: 320px;
}

.wth350
{
    width: 350px;
}

.wth360
{
    width: 360px;
}

.wth400
{
    width: 400px
}

.wth450
{
    width: 450px
}

.wth500
{
    width: 500px;
}

.wth600
{
    width: 600px;
}

.wth780
{
    width: 780px;
}

.wth800
{
    width: 800px;
}



.wth25per
{
    width: 25%;
}

.wth48per
{
    width: 48%;
}

.wth70per
{
    width: 70%;
}

.wth100per
{
    width: 100%;
}


/* MIN-WIDTH */

.min-wth80
{
    min-width: 80px;
}

.min-wth200
{
    min-width: 200px;
}

.min-wth330
{
    min-width: 330px;
}

.min-wth780
{
    min-width: 780px;
}


/* MAX-WIDTH */

.max-wth1000
{
    max-width: 1000px

}


/* HEIGHT */

.hgt10
{
    height: 10px;
}

.hgt20
{
    height: 20px;
}

.hgt30
{
    height: 30px;
}

.hgt40
{
    height: 40px;
}

.hgt60
{
    height: 60px;
}

.hgt75
{
    height: 80px;
}

.hgt80
{
    height: 80px;
}

.hgt100
{
    height: 100px;
}

.hgt120
{
    height: 120px;
}

.hgt160
{
    height: 160px;
}

.hgt200
{
    height: 200px;
}

.hgt258
{
    height: 258px;
}

.hgt298
{
    height: 298px;
}

.hgt320
{
    height: 320px;
}

.hgt330
{
    height: 330px;
}

.hgt88Per
{
    height: 88%;
}

.hgt100per
{
    height: 100%;
}


/* MIN-HEIGHT */

.min-hgt20
{
    min-height: 20px;
}

.minHght100{
    min-height: 100px;
}

.min-hgt120 {
    min-height: 120px;
}

.min-hgt160
{
    min-height: 160px;
}

.min-hgt200
{
    min-height: 200px;
}

.min-hgt260
{
    min-height: 260px;
}

.min-hgt360
{
    min-height: 360px;
}

.min-hgt420
{
    min-height: 420px;
}

.min-hgt430
{
    min-height: 430px;
}

.min-hgt460
{
    min-height: 460px;
}


/* MAX-HEIGHT */

.max-hgt48
{
    max-height:48px;
}

.max-hgt360
{
    max-height:360px;
}

.max-hgt430
{
    max-height:430px;
}

.max-hgt460
{
    max-height:460px;
}