/*----------------------------------------------------------*/
/* DEFAULTS*/
/*----------------------------------------------------------*/
.body{background-color: #333;font-size:13px;font-family:calibri,sans-serif;color:#000000;height:100%; background-color:White;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}      
a:link {text-decoration: none;color:#FFFFFF;}
a:visited {text-decoration: none;color:#FFFFFF;}
a:hover {text-decoration: none;color:#FFFFFF;}
a:active {text-decoration: none;color:#FFFFFF;}
.StandardText{color:#000000;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextWhiteBgd{color:#000000;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#FFFFFF;}
.StandardTextBold,.StandardTextBoxBold{color:#414241;text-align:left;font: bold 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px}
.StandardTextAlternateBold{color:#414241;font: bold 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#EFEFEF;}
.StandardTextAlternate{color:#414241;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#EFEFEF;}
.HeaderBackground{background:#000 url(../images/Backgrounds/stripe.gif) repeat top left;Font:Bold 13px calibri,sans-serif;line-height:35px;height:35px;margin-bottom:15px;border-bottom:7px solid #222;}
.FooterBackground{background:#000 url(../images/backgrounds/stripe.gif) repeat top left;Font:Bold 13px calibri,sans-serif;bottom:0;line-height:35px;height:35px;border-top:7px solid #222;color:#fff;}
.BackgroundColour{color:#FFFFFF;background-image:url('Images/Header_01.png');Font:Bold 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align:left;}
.ValidationText{color:Red;font: bold 11px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextOrange{color:#414241;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:Orange;}
.StandardTextRed{color:#FFFFFF;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:Red;}
.StandardTextYellow{color:#414241;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:Yellow;}
.StandardTextAlternate{color:#414241;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#EDEDED;}
.StandardTextWhite{color:#FFFFFF;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextAlternateLogin{color:#999999;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:Black;}
.StandardTextGreen{color:#FFFFFF;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:Green;}
.StandardTextBlue{color:#FFFFFF;font: normal 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:Blue;}
.StandardTextWhiteBold{color:#FFFFFF;font: bold 13px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.BackgroundTexture {color:#FFFFFF;font: bold 12px calibri,sans-serif;position:relative;width:100%;background:#000 url(../images/Backgrounds/stripe.gif) repeat top left;}
.StandardTextYellowReverse{color:Yellow;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#333;}
.StandardTextYellowReverseWhite{color:Olive;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextRedReverse{color:Red;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#333;}
.StandardTextRedReverseWhite{color:Red;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextGreenReverse{color:Green;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#333;}
.StandardTextGreenReverseWhite{color:Green;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextOrangeReverse{color:Orange;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardTextOrangeReverseWhite{color:Orange;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#FFFFFF;}
.StandardTextWhiteReverse{color:#000000;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left; background-color:#FFFFFF;}
.StandardTextSmall{color:#FFFFFF;font: normal 10px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.StandardComboSmall{color:#000000;font: normal 10px calibri,sans-serif;padding-bottom:2px;padding-top:2px;text-align: left;}
.HeaderBackgroundBlack{background:#000 url(../images/Backgrounds/blank.gif) repeat top left;Font:Bold 13px calibri,sans-serif;line-height:35px;height:35px;margin-bottom:15px;border-bottom:7px solid #222;}
.FooterBackgroundBlack{background:#000 url(../images/backgrounds/blank.gif) repeat top left;Font:Bold 13px calibri,sans-serif;bottom:0;line-height:35px;height:35px;border-top:7px solid #222;color:#fff;}

.ServiceDueText{color:Yellow;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;}
.ServiceOverdueText{color:Red;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;}
.ServiceInText{color:Green;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;}
.ServiceOutText{color:Orange;font: normal 12px calibri,sans-serif;padding-bottom:2px;padding-top:2px;}
.LegendText{color:#FFFFFF;font: normal 16px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;border: 2px; border-color:Black;}

/*----------------------------------------------------------*/
/* HEADERS */
/*----------------------------------------------------------*/
.h0{color:#333333;font: normal 34px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #FFFFFF; border: 2px; border-color:White;}
.h0White{color:#FFFFFF;font: normal 34px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:Black;}
.h1{color:#333333;font: normal 24px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:White;}
.h1White{color:#FFFFFF;font: normal 24px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:Black;}
.h2{color:#333333;font: normal 20px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:White;}
.h2White{color:#FFFFFF;font: normal 20px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 1px 0 #444; border: 2px; border-color:Black;}
.h3{color:#333333;font: normal 16px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:White;}
.h3White{color:#FFFFFF;font: normal 16px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:Black;}
.h4{color:#333333;font: normal 13px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:White;}
.h4White{color:#FFFFFF;font: normal 13px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:Black;}
.h5{color:#333333;font: normal 12px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:White;}
.h5White{color:#FFFFFF;font: normal 12px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 0px 0px 0 #444; border: 2px; border-color:Black;}
.Header01{text-align:left;width:100%;vertical-align:middle;background: transparent url(../images/backgrounds/Header_01.png) repeat-x scroll 0 0;color:#FFFFFF;font: 18px calibri,sans-serif;font-weight:bold;height:30px;padding-bottom:2px;padding-top:2px;}
.Header02{text-align:left;width:100%;vertical-align:middle;background: transparent url(../images/backgrounds/Header_02.png) repeat-x scroll 0 0;color:#FFFFFF;font: 16px calibri,sans-serif;font-weight:bold;height:30px;padding-bottom:2px;padding-top:2px;}
.Header02Small{text-align:left;width:100%;vertical-align:middle;background: transparent url(../images/backgrounds/Header_02.png) repeat-x scroll 0 0;color:#FFFFFF;font: 13px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;}
.Header03{text-align:left;width:100%;vertical-align:middle;background-color:#2A3942;color:#FFFFFF;font: 15px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;}
.Header03Details {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background: transparent url(../images/backgrounds/Header_03Details.png) repeat-x scroll 0 0;
    background-color: #2A3942;
    color: #FFFFFF;
    font: 15px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}
.Header04 {
    text-align: left;
    vertical-align: middle;
    background-color: #9E9E9E;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    font-style: normal;
    font-variant: normal;
    font-size: 15px;
    line-height: 25px;
    font-family: calibri, sans-serif;
}
.Header05 {
    text-align: left;
    vertical-align: middle;
    background-color: #CBCBCB;
    color: #000000;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    font-style: normal;
    font-variant: normal;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    font-family: calibri, sans-serif;
}
.reportheader {position:relative;width:100%;height:100px;line-height:20px;bottom:0;border-top:7px solid #222;text-align:center;color:#fff;background:#000;}
.reportheader a{color:#aaa;padding:0px 10px;}
.reportheader a:hover{color:#fff;text-shadow:0px 0px 1px #fff;}
.h4WhiteHeader{color:#FFFFFF;font: normal 13px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;text-shadow: 1px 1px 0 #444; border: 2px; border-color:Black;background:#000 url(../images/Backgrounds/stripe.gif) repeat top left;}
.Header02Reverse{text-align:left;width:100%;vertical-align:middle;background: transparent url(../images/backgrounds/Header_02Reverse.png) repeat-x scroll 0 0;color:#FFFFFF;font: 13px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;}
.ModuleLabels{color:#FFFFFF;font: normal 16px calibri,sans-serif;font-weight:normal;padding-bottom:2px;padding-top:2px;text-shadow: 1px 1px 0 #444; border: 2px; border-color:Black;}

/*----------------------------------------------------------*/
/* BUTTONS/TEXTBOXES/COMBOS                                 */
/*----------------------------------------------------------*/
.StandardButton {background: #e3e3e3;border: 1px solid #ccc;color: #333;font-family: Calibri, sans-serif;font-size: 12px;font-weight: normal;padding: 2px 0 2px;text-align: center;width: 150px;cursor:pointer;margin:2px 2px 2px 2px;text-shadow: 0px 1px 0px #fff;-moz-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0px 0px 2px #fff inset;-webkit-box-shadow: 0px 0px 2px #fff inset;box-shadow: 0px 0px 2px #fff inset;}
.StandardButton hover {background: #e3e3e3;-moz-box-shadow: 0px 0px 2px #eaeaea inset;-ms-box-shadow: 0px 0px 2px #eaeaea inset;-webkit-box-shadow: 0px 0px 2px #eaeaea inset;box-shadow: 0px 0px 2px #eaeaea inset;color: #222;}
.StandardButtonRed {background:red;border: 1px solid #ccc;color: #FFFFFF;font-family: Calibri, sans-serif;font-size: 13px;cursor:hand;-moz-border-radius: 2px;-ms-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;-moz-box-shadow: 0px 0px 2px #fff inset;-webkit-box-shadow: 0px 0px 2px #fff inset;box-shadow: 0px 0px 2px #fff inset;}
.StandardTextBox{color:#000000;font: normal 12px calibri,sans-serif;resize:none;padding-bottom:1px;padding-top:1px;text-align: left;background-color:#EFEFEF;
    width: 101px;
}
.StandardButtonGreen{background:lime;border: 1px solid #ccc;color: #333;font-family: Calibri, sans-serif;font-size: 12px;font-weight: bold;padding: 2px 0 2px;text-align: center;width: 175px;cursor:pointer;margin:2px 2px 2px 2px;text-shadow: 0px 1px 0px #fff;-moz-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0px 0px 2px #fff inset;-webkit-box-shadow: 0px 0px 2px #fff inset;box-shadow: 0px 0px 2px #fff inset;}
.PageButton {background: #000000;border: 0px solid #ccc;color: #FF6600;font-family: Calibri, sans-serif;font-size: 14px;font-weight: bold;padding: 2px 0 2px;text-align: center;width: 175px;cursor:pointer;margin:2px 2px 2px 2px;text-shadow: 0px 0px 0px #fff;-moz-border-radius: 10px;-ms-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 0px 0px 2px #fff inset;-webkit-box-shadow: 0px 0px 2px #fff inset;box-shadow: 0px 0px 2px #fff inset;}
.PageButton hover {background: #FD5E0B;-moz-box-shadow: 0px 0px 2px #eaeaea inset;-ms-box-shadow: 0px 0px 2px #eaeaea inset;-webkit-box-shadow: 0px 0px 2px #eaeaea inset;box-shadow: 0px 0px 2px #eaeaea inset;color: #222;}
.PageButtonGreyBackground {background: #676767;border: 0px solid #ccc;color: #FF6600;font-family: Calibri, sans-serif;font-size: 14px;font-weight: normal;padding: 2px 0 2px;text-align: center;width: 175px;cursor:pointer;margin:2px 2px 2px 2px;text-shadow: 0px 0px 0px #fff;-moz-border-radius: 4px;-ms-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0px 0px 2px #fff inset;-webkit-box-shadow: 0px 0px 2px #fff inset;box-shadow: 0px 0px 2px #fff inset;}

/*----------------------------------------------------------*/
/* CUSTOM MESSAGE BOX                                       */
/*----------------------------------------------------------*/
#modalContainer {background-color:transparent;position:absolute;width:100%;height:100%;top:0px;left:0px;z-index:10000;}
#alertBox {position:relative;width:300px;min-height:100px;margin-top:50px;border:2px solid #000;background-color:#F2F5F6;background-repeat:no-repeat;background-position:20px 30px;}
#modalContainer > #alertBox {position:fixed;}
#alertBox h1 {margin:0;font:bold 0.9em verdana,arial;background-color:#000000;color:#FFF;border-bottom:1px solid #000;padding:2px 0 2px 5px;}
#alertBox p {font:0.7em verdana,arial;height:50px;padding-left:5px;margin-left:55px;}
#alertBox spcl {float:left;display:block;margin:5px auto;padding:3px;border:0px solid #000;width:25px;}
#alertBox spcr {float:right;display:block;margin:5px auto;padding:3px;border:0px solid #000;width:25px;}
#alertBox #YesBtn {float:left;display:block;margin:5px auto;padding:3px;border:2px solid #000;width:75px;font:0.7em verdana,arial;text-transform:uppercase;text-align:center;color:#000000;background-color:#F2F5F6;text-decoration:none;}
#alertBox #NoBtn {float:right;display:block;margin:5px auto;padding:3px;border:2px solid #000;width:75px;font:0.7em verdana,arial;text-transform:uppercase;text-align:center;color:#000000;background-color:#F2F5F6;text-decoration:none;}

/*--- Standard Popup ---*/
.popupsectiontop{border-top-left-radius:25px;border-top-right-radius:25px;border: 2px solid #FF6600;background: #FF6600;padding: 10px;}
.popupsectionmiddle{border-bottom-left-radius:25px;border-bottom-right-radius:25px; border-bottom: 2px solid #FF6600; border-left: 2px solid #FF6600;border-right: 2px solid #FF6600;padding:10px;}

/*--- Full Details Popup ---*/
.popupfulldetailstop{border-top-left-radius:15px;border-top-right-radius:15px;border: 2px solid #FF6600;background: #FF6600;padding:0px;}
.popupfulldetailsmiddle{border-bottom-left-radius:0px;border-bottom-right-radius:0px; border-bottom: 2px solid #FF6600; border-left: 2px solid #FF6600;border-right: 2px solid #FF6600;padding:10px;}
.popupfulldetailsmiddlemap{border-bottom-left-radius:0px;border-bottom-right-radius:0px; border-bottom: 2px solid #FF6600; border-left: 2px solid #FF6600;border-right: 2px solid #FF6600;padding:0px;}
.popupfulldetailstopleft{border-top-left-radius:15px;border: 2px solid #FF6600;background: #FF6600;padding:0px;}
.popupfulldetailstopright{border-top-right-radius:15px;border: 2px solid #FF6600;background: #FF6600;padding:0px;}

/*--- JQuery Bottom Tabs ---*/
.ui-tabs-bottom {position: relative;} 
.ui-tabs-bottom .ui-tabs-panel {overflow: auto; } 
.ui-tabs-bottom .ui-tabs-nav{position: absolute !important;left: 0;bottom: 0;right:0;padding: 0 0.2em 0.2em 0; } 
.ui-tabs-bottom .ui-tabs-nav li  {margin-top: -2px !important;margin-bottom: 1px !important;border-top: none;border-bottom-width: 1px;}
.ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected{margin-top: -4px !important;}

/*--- Grid DHTML */
.even_row{background-color:#FFF4A3;}
.odd_row{background-color:#FFFFFF;}
.CellDefault a {text-decoration:none;color:black;height:25px;}
.CellEH_Due a {text-decoration:none;color:darkgoldenrod;}
.CellEH_Overdue a {text-decoration:none;color:red;}
.CellODO_Due a {text-decoration:none;color:darkgoldenrod;}
.CellODO_Overdue a {text-decoration:none;color:red;}
.CellAUXEH_Due a {text-decoration:none;color:darkgoldenrod;}
.CellAUXEH_Overdue a {text-decoration:none;color:red;}
.CellNextService_Due a {text-decoration:none;color:darkgoldenrod;}
.CellNextService_Overdue a {text-decoration:none;color:red;}
.CellSpeed_Move a {text-decoration:none;color:green;}
.CellSpeed_Idle a {text-decoration:none;color:darkgoldenrod;}
.CellSpeed_Stop a {text-decoration:none;color:red;}       


/* remove main borders */
.borderLessDialog.RadWindow
{
    border: none;
    padding: 0;
}

/* both selectors below can be replaced with setting VisibleTitlebar="false" */
/* remove the titlebar widening */
.borderLessDialog.RadWindow .rwTitleBar
{
    margin: 0;
}

/* remove the titlebar */
.borderLessDialog .rwTitleBar
{
    display: none;
}

/* the selector below can be replaced with setting VisibleStatusbar="false" */
/* remove the statusbar */
.borderLessDialog .rwStatusBar{display: none;}

/* remove the border around the content */
.borderLessDialog.RadWindow .rwContent{border: none;}

/* Telerik Button Icons */
/* RadButton Predefined Icons */
.demo-container table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

    .demo-container table th,
    .demo-container table td {
        padding: 6px 10px;
        border: 1px solid #dddddd;
        text-align: left;
    }

.rbPredefined16, .rbPredefined24 {
    background-image: url(images/rbPredefinedIcons.png);
    background-repeat: no-repeat;
}

.rbPredefined16 {
    width: 16px !important;
    height: 16px;
}

.rbPredefined24 {
    width: 24px;
    height: 24px;
}

/* 16x16 Icons*/
.rbAdd16 {
    background-position: 0 0 !important;
}

.rbRemove16 {
    background-position: -24px 0 !important;
}

.rbOk16 {
    background-position: -48px 0 !important;
}

.rbCancel16 {
    background-position: -72px 0 !important;
}

.rbUpload16 {
    background-position: -94px 0 !important;
}

.rbDownload16 {
    background-position: -120px 0 !important;
}

.rbPrevious16 {
    background-position: -144px 0 !important;
}

.rbNext16 {background-position: -168px 0 !important;}
.rbOpen16 {background-position: -192px 0 !important;}
.rbAttach16 {background-position: -210px 0 !important;}
.rbSave16 {background-position: -232px 0 !important;}
.rbConfig16 {background-position: -256px 0 !important;}
.rbPrint16 {background-position: -280px 0 !important;}
.rbRefresh16 {background-position: -306px 0 !important;}
.rbSearch16 {
    background-position: -332px 0 !important;
}
.rbHelp16 {
    background-position: -356px 0 !important;
}
.rbCart16 {
    background-position: -380px 0 !important;
}
.rbEdit16 {
    background-position: -406px 0 !important;
}

.rbRSS16 {
    background-position: -432px 0 !important;
}

.rbMail16 {
    background-position: -456px 0 !important;
}

.rbFB16 {
    background-position: -498px 0 !important;
}

.rbTwitter16 {
    background-position: -526px 0 !important;
}

/* 24x24 Icons */
.rbAdd24 {
    background-position: 0 -18px !important;
}

.rbRemove24 {
    background-position: -24px -18px !important;
}

.rbOk24 {
    background-position: -48px -18px !important;
}

.rbCancel24 {
    background-position: -72px -18px !important;
}

.rbUpload24 {
    background-position: -94px -18px !important;
}

.rbDownload24 {
    background-position: -120px -18px !important;
}

.rbPrevious24 {
    background-position: -144px -18px !important;
}

.rbNext24 {
    background-position: -168px -18px !important;
}

.rbOpen24 {
    background-position: -192px -18px !important;
}

.rbAttach24 {
    background-position: -210px -18px !important;
}

.rbSave24 {
    background-position: -232px -18px !important;
}

.rbConfig24 {
    background-position: -256px -18px !important;
}

.rbPrint24 {
    background-position: -280px -18px !important;
}

.rbRefresh24 {
    background-position: -306px -18px !important;
}

.rbSearch24 {
    background-position: -332px -18px !important;
}
.rbHelp24 {background-position: -356px -18px !important;}
.rbCart24 {background-position: -380px -18px !important;}
.rbEdit24 {
    background-position: -406px -18px !important;
}
.predIcons {
    color: #000;}
    .predIcons td {
        padding: 6px 6px 6px 10px;
        border: 1px solid #ddd;
    }
.predIcons thead tr {background-color: #eee;}
.predIcons tr {background-color: #fff;}
.predIcons tr.dark {background-color: #efefef;}
.predIcons tr:hover {background-color: #FDFEE3;}
.predIcons tr.head {border: 0;background: transparent;}
.predIcons tr.head:hover {background: none;}
.predIcons tr.head td {border: 0;}
.rbPredefinedIcons {display: block;float: left;width: 16px; height: 16px;background-image: url(images/rbPredefinedIcons.png);}
.text {display: block;width: 100px;float: right;text-align: left; padding-right: 15px;}
.predIcons .rborder {padding-right: 10px;}
/*----------------------------------------------------------*/
/* GENERAL */
/*----------------------------------------------------------*/
.Body {
    background-color: #ffffff;
    font-size: 13px;
    font-family: calibri,sans-serif;
    color: #000000;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.BodyModule {
    background-color: #EAEAEA;
    font-size: 13px;
    font-family: calibri,sans-serif;
    color: #000000;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.TitleBreak {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background-image: linear-gradient(#1C262C, #C0C0C0);
    color: #404040;
    font: 18px calibri,sans-serif;
    font-weight: bold;
    height: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.ModuleLabels {
    color: Black;
    font: normal 16px calibri,sans-serif;
    font-weight: normal;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: #FFFFFF;
}

.HeaderTopBreak {
    width: 100%;
    background-image: linear-gradient(#EAEAEA, #C0C0C0);
    height: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.StandardTextBold, .StandardTextBoxBold {
    color: #414241;
    text-align: left;
    font: bold 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px
}

.BlackSeperationLine {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    height: 5px;
    background-color: #ffffff;
    border-bottom-color: #000000;
    border-bottom-width: thin;
    border-bottom-style: solid;
}

.BlackSeperationLineTransparent {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    height: 5px;
    background-color: #EAEAEA;
    border-bottom-color: #000000;
    border-bottom-width: thin;
    border-bottom-style: solid;
}

.GreySeperationLine {
    width: 100%;
    vertical-align: middle;
    height: 5px;
    background-image: linear-gradient(#2A3942, #B4B4B4);
}

/*----------------------------------------------------------*/
/* HEADERS */
/*----------------------------------------------------------*/
.Header02 {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background-color: #C0C0C0;
    color: #606060;
    font: 18px calibri,sans-serif;
    font-weight: bold;
    height: 35px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-top: 2px;
}

.HeaderWhite {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    color: #ffffff;
    font: 15px calibri,sans-serif;
    font-weight: bold;
    height: 35px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-top: 2px;
}

.HeaderBlack {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background-color: #ffffff;
    color: #606060;
    font: 16px calibri,sans-serif;
    font-weight: bolder;
    height: 35px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-top: 2px;
}

.Header02WhiteFade {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background-image: linear-gradient(#C0C0C0 75%, #ffffff);
    background-repeat: no-repeat;
    color: #606060;
    font: 18px calibri,sans-serif;
    font-weight: bold;
    height: 35px;
    padding-bottom: 2px;
    padding-left: 15px;
    padding-top: 2px;
}

.HeaderTab02 {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    color: #606060;
    font: 15px calibri,sans-serif;
    font-weight: bold;
    height: 25px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #EFEFEF;
}

.HeaderTab {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    color: #606060;
    font: 16px calibri,sans-serif;
    font-weight: bolder;
    height: 30px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    vertical-align: middle;
    background-color: #ffffff;
    border-bottom-color: #C0C0C0;
    border-bottom-width: thick;
    border-bottom-style: solid;
}

.HeaderTabDoubleLine {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    color: #606060;
    font: 16px calibri,sans-serif;
    font-weight: bolder;
    height: 30px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #ffffff;
    border-bottom-color: #C0C0C0;
    border-bottom-width: thick;
    border-bottom-style: solid;
    border-top-color: #C0C0C0;
    border-top-width: thick;
    border-top-style: solid;
}

.HeaderTabTop {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    color: #606060;
    font: 15px calibri,sans-serif;
    font-weight: bold;
    height: 30px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #ffffff;
    border-bottom-color: #000000;
    border-bottom-width: thin;
    border-bottom-style: solid;
}

.HeaderTabStandardText {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    color: #606060;
    font: 13px calibri,sans-serif;
    font-weight: normal;
    height: 30px;
    padding-left: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    background-color: #ffffff;
    border-bottom-color: #C0C0C0;
    border-bottom-width: thick;
    border-bottom-style: solid;
}




a:link {
    text-decoration: none;
    color: #FFFFFF;
}

a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

a:hover {
    text-decoration: none;
    color: black;
}

a:active {
    text-decoration: none;
    color: black;
}

.StandardText {
    color: #000000;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextWhiteBgd {
    color: #000000;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #FFFFFF;
}

.StandardTextAlternateBold {
    color: #414241;
    font: bold 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #EFEFEF;
}

.StandardTextAlternate {
    color: #414241;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #EFEFEF;
}

.HeaderBackground {
    background: #000 url(../images/Backgrounds/stripe.gif) repeat top left;
    Font: Bold 13px calibri,sans-serif;
    line-height: 35px;
    height: 35px;
    margin-bottom: 15px;
    border-bottom: 7px solid #222;
}

.FooterBackground {
    background: #000 url(../images/backgrounds/stripe.gif) repeat top left;
    Font: Bold 13px calibri,sans-serif;
    bottom: 0;
    line-height: 35px;
    height: 35px;
    border-top: 7px solid #222;
    color: #fff;
}

.BackgroundColour {
    color: #FFFFFF;
    background-image: url('Images/Header_01.png');
    Font: Bold 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.ValidationText {
    color: Red;
    font: bold 11px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextOrange {
    color: #414241;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #FF9E5E;
}

.StandardTextRed {
    color: #FFFFFF;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #FF4F4F;
}

.StandardTextYellow {
    color: #414241;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #ffff99;
}

.StandardTextAlternate {
    color: #414241;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #EDEDED;
}

.StandardTextWhite {
    color: #FFFFFF;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextAlternateLogin {
    color: #999999;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: Black;
}

.StandardTextGreen {
    color: #FFFFFF;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #99cc99;
}

.StandardTextBlue {
    color: #FFFFFF;
    font: normal 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: Blue;
}

.StandardTextWhiteBold {
    color: #FFFFFF;
    font: bold 13px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.BackgroundTexture {
    color: #FFFFFF;
    font: bold 12px calibri,sans-serif;
    position: relative;
    width: 100%;
    background: #000 url(../images/Backgrounds/stripe.gif) repeat top left;
}

.StandardTextYellowReverse {
    color: #ffff99;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #333;
}

.StandardTextYellowReverseWhite {
    color: #ffff99;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextRedReverse {
    color: Red;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #333;
}

.StandardTextRedReverseWhite {
    color: Red;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextGreenReverse {
    color: #99cc99;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #333;
}

.StandardTextGreenReverseWhite {
    color: #99cc99;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextOrangeReverse {
    color: #FF9E5E;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardTextOrangeReverseWhite {
    color: #FF9E5E;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #FFFFFF;
}

.StandardTextWhiteReverse {
    color: #000000;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
    background-color: #FFFFFF;
}

.StandardTextSmall {
    color: #FFFFFF;
    font: normal 10px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.StandardComboSmall {
    color: #000000;
    font: normal 10px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
    text-align: left;
}

.HeaderBackgroundBlack {
    background: #000 url(../images/Backgrounds/blank.gif) repeat top left;
    Font: Bold 13px calibri,sans-serif;
    line-height: 35px;
    height: 35px;
    margin-bottom: 15px;
    border-bottom: 7px solid #222;
}

.FooterBackgroundBlack {
    background: #000 url(../images/backgrounds/blank.gif) repeat top left;
    Font: Bold 13px calibri,sans-serif;
    bottom: 0;
    line-height: 35px;
    height: 35px;
    border-top: 7px solid #222;
    color: #fff;
}

.ServiceDueText {
    color: #ffff99;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ServiceOverdueText {
    color: #FF4F4F;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ServiceInText {
    color: #99cc99;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
}

.ServiceOutText {
    color: #FF9E5E;
    font: normal 12px calibri,sans-serif;
    padding-bottom: 2px;
    padding-top: 2px;
}

.LegendText {
    color: #FFFFFF;
    font: normal 16px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    border: 2px;
    border-color: Black;
}





.h0 {
    color: #333333;
    font: normal 34px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #FFFFFF;
    border: 2px;
    border-color: White;
}

.h0White {
    color: #FFFFFF;
    font: normal 34px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: Black;
}

.h1 {
    color: #333333;
    font: normal 24px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: White;
}

.h1White {
    color: #FFFFFF;
    font: normal 24px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: Black;
}

.h2 {
    color: #333333;
    font: normal 20px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: White;
}

.h2White {
    color: #FFFFFF;
    font: normal 20px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 1px 0 #444;
    border: 2px;
    border-color: Black;
}

.h3 {
    color: #333333;
    font: normal 16px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: White;
}

.h3White {
    color: #FFFFFF;
    font: normal 16px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: Black;
}

.h4 {
    color: #333333;
    font: normal 13px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: White;
}

.h4White {
    color: #FFFFFF;
    font: normal 13px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: Black;
}

.h5 {
    color: #333333;
    font: normal 12px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: White;
}

.h5White {
    color: #FFFFFF;
    font: normal 12px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 0px 0px 0 #444;
    border: 2px;
    border-color: Black;
}

.Header01 {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background-image: linear-gradient(black, black);
    color: #FFFFFF;
    font: 18px calibri,sans-serif;
    font-weight: bold;
    height: 30px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.Header02Small {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background: transparent url(../images/backgrounds/Header_02.png) repeat-x scroll 0 0;
    color: #FFFFFF;
    font: 13px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}

.HeaderUpdate {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background-color: #172025;
    color: #FFFFFF;
    font: 13px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}

.HeaderTabDetails {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background: transparent url(../images/backgrounds/Header_03Details.png) repeat-x scroll 0 0;
    background-color: #2A3942;
    color: #FFFFFF;
    font: 15px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}

.Header04 {
    text-align: left;
    vertical-align: middle;
    background-color: #9E9E9E;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    font-style: normal;
    font-variant: normal;
    font-size: 15px;
    line-height: 25px;
    font-family: calibri, sans-serif;
}

.Header05 {
    text-align: left;
    vertical-align: middle;
    background-color: #CBCBCB;
    color: #000000;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    font-family: calibri, sans-serif;
}

.reportheader {
    position: relative;
    width: 100%;
    height: 100px;
    line-height: 20px;
    bottom: 0;
    border-top: 7px solid #222;
    text-align: center;
    color: #fff;
    background: #000;
}

    .reportheader a {
        color: #aaa;
        padding: 0px 10px;
    }

        .reportheader a:hover {
            color: #fff;
            text-shadow: 0px 0px 1px #fff;
        }

.h4WhiteHeader {
    color: #FFFFFF;
    font: normal 13px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
    text-shadow: 1px 1px 0 #444;
    border: 2px;
    border-color: Black;
    background: #000 url(../images/Backgrounds/stripe.gif) repeat top left;
}

.Header02Reverse {
    text-align: left;
    width: 100%;
    vertical-align: middle;
    background: transparent url(../images/backgrounds/Header_02Reverse.png) repeat-x scroll 0 0;
    color: #FFFFFF;
    font: 13px calibri,sans-serif;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}

/*----------------------------------------------------------*/
/* BUTTONS/TEXTBOXES/COMBOS                                 */
/*----------------------------------------------------------*/
.StandardButton {
    background: #e3e3e3;
    border: 1px solid #ccc;
    color: #333;
    font-family: Calibri, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0 2px;
    text-align: center;
    width: 150px;
    cursor: pointer;
    margin: 2px 2px 2px 2px;
    text-shadow: 0px 1px 0px #fff;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

    .StandardButton hover {
        background: #e3e3e3;
        -moz-box-shadow: 0px 0px 2px #eaeaea inset;
        -ms-box-shadow: 0px 0px 2px #eaeaea inset;
        -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
        box-shadow: 0px 0px 2px #eaeaea inset;
        color: #222;
    }

.StandardButtonRed {
    background: #FF4F4F;
    border: 1px solid #ccc;
    color: #FFFFFF;
    font-family: Calibri, sans-serif;
    font-size: 13px;
    cursor: hand;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

.StandardTextBox {
    color: #000000;
    font: normal 12px calibri,sans-serif;
    resize: none;
    padding-bottom: 1px;
    padding-top: 1px;
    text-align: left;
    background-color: #EFEFEF;
    width: 101px;
}

.StandardButtonGreen {
    background: #99cc99;
    border: 1px solid #ccc;
    color: #333;
    font-family: Calibri, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 0 2px;
    text-align: center;
    width: 175px;
    cursor: pointer;
    margin: 2px 2px 2px 2px;
    text-shadow: 0px 1px 0px #fff;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

.PageButton {
    background: #000000;
    border: 0px solid #ccc;
    color: #FF6600;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 0 2px;
    text-align: center;
    width: 175px;
    cursor: pointer;
    margin: 2px 2px 2px 2px;
    text-shadow: 0px 0px 0px #fff;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

    .PageButton hover {
        background: #FD5E0B;
        -moz-box-shadow: 0px 0px 2px #eaeaea inset;
        -ms-box-shadow: 0px 0px 2px #eaeaea inset;
        -webkit-box-shadow: 0px 0px 2px #eaeaea inset;
        box-shadow: 0px 0px 2px #eaeaea inset;
        color: #222;
    }

.PageButtonGreyBackground {
    background: #676767;
    border: 0px solid #ccc;
    color: #FF6600;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 2px 0 2px;
    text-align: center;
    width: 175px;
    cursor: pointer;
    margin: 2px 2px 2px 2px;
    text-shadow: 0px 0px 0px #fff;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 2px #fff inset;
    -webkit-box-shadow: 0px 0px 2px #fff inset;
    box-shadow: 0px 0px 2px #fff inset;
}

/*----------------------------------------------------------*/
/* CUSTOM MESSAGE BOX                                       */
/*----------------------------------------------------------*/
#modalContainer {
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

#alertBox {
    position: relative;
    width: 300px;
    min-height: 100px;
    margin-top: 50px;
    border: 2px solid #000;
    background-color: #F2F5F6;
    background-repeat: no-repeat;
    background-position: 20px 30px;
}

#modalContainer > #alertBox {
    position: fixed;
}

#alertBox h1 {
    margin: 0;
    font: bold 0.9em verdana,arial;
    background-color: #000000;
    color: #FFF;
    border-bottom: 1px solid #000;
    padding: 2px 0 2px 5px;
}

#alertBox p {
    font: 0.7em verdana,arial;
    height: 50px;
    padding-left: 5px;
    margin-left: 55px;
}

#alertBox spcl {
    float: left;
    display: block;
    margin: 5px auto;
    padding: 3px;
    border: 0px solid #000;
    width: 25px;
}

#alertBox spcr {
    float: right;
    display: block;
    margin: 5px auto;
    padding: 3px;
    border: 0px solid #000;
    width: 25px;
}

#alertBox #YesBtn {
    float: left;
    display: block;
    margin: 5px auto;
    padding: 3px;
    border: 2px solid #000;
    width: 75px;
    font: 0.7em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    background-color: #F2F5F6;
    text-decoration: none;
}

#alertBox #NoBtn {
    float: right;
    display: block;
    margin: 5px auto;
    padding: 3px;
    border: 2px solid #000;
    width: 75px;
    font: 0.7em verdana,arial;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    background-color: #F2F5F6;
    text-decoration: none;
}

/*--- Standard Popup ---*/
.popupsectiontop {
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border: 2px solid #FF6600;
    background: #FF6600;
    padding: 10px;
}

.popupsectionmiddle {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    border-right: 2px solid #FF6600;
    padding: 10px;
}

/*--- Full Details Popup ---*/
.popupfulldetailstop {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 2px solid #FF6600;
    background: #FF6600;
    padding: 0px;
}

.popupfulldetailsmiddle {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    border-right: 2px solid #FF6600;
    padding: 10px;
}

.popupfulldetailsmiddlemap {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 2px solid #FF6600;
    border-left: 2px solid #FF6600;
    border-right: 2px solid #FF6600;
    padding: 0px;
}

.popupfulldetailstopleft {
    border-top-left-radius: 15px;
    border: 2px solid #FF6600;
    background: #FF6600;
    padding: 0px;
}

.popupfulldetailstopright {
    border-top-right-radius: 15px;
    border: 2px solid #FF6600;
    background: #FF6600;
    padding: 0px;
}

/*--- JQuery Bottom Tabs ---*/
.ui-tabs-bottom {
    position: relative;
}

    .ui-tabs-bottom .ui-tabs-panel {
        overflow: auto;
    }

    .ui-tabs-bottom .ui-tabs-nav {
        position: absolute !important;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 0 0.2em 0.2em 0;
    }

        .ui-tabs-bottom .ui-tabs-nav li {
            margin-top: -2px !important;
            margin-bottom: 1px !important;
            border-top: none;
            border-bottom-width: 1px;
        }

            .ui-tabs-bottom .ui-tabs-nav li.ui-tabs-selected {
                margin-top: -4px !important;
            }

/*--- Grid DHTML */
.even_row {
    background-color: #FFF4A3;
}

.odd_row {
    background-color: #FFFFFF;
}

/* remove main borders */
.borderLessDialog.RadWindow {
    border: none;
    padding: 0;
}

    /* both selectors below can be replaced with setting VisibleTitlebar="false" */
    /* remove the titlebar widening */
    .borderLessDialog.RadWindow .rwTitleBar {
        margin: 0;
    }

/* remove the titlebar */
.borderLessDialog .rwTitleBar {
    display: none;
}

/* the selector below can be replaced with setting VisibleStatusbar="false" */
/* remove the statusbar */
.borderLessDialog .rwStatusBar {
    display: none;
}

/* remove the border around the content */
.borderLessDialog.RadWindow .rwContent {
    border: none;
}

/* Telerik Button Icons */
/* RadButton Predefined Icons */
.demo-container table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

    .demo-container table th,
    .demo-container table td {
        padding: 6px 10px;
        border: 1px solid #dddddd;
        text-align: left;
    }

.rbPredefined16, .rbPredefined24 {
    background-image: url(images/rbPredefinedIcons.png);
    background-repeat: no-repeat;
}

.rbPredefined16 {
    width: 16px !important;
    height: 16px;
}

.rbPredefined24 {
    width: 24px;
    height: 24px;
}

/* 16x16 Icons*/
.rbAdd16 {
    background-position: 0 0 !important;
}

.rbRemove16 {
    background-position: -24px 0 !important;
}

.rbOk16 {
    background-position: -48px 0 !important;
}

.rbCancel16 {
    background-position: -72px 0 !important;
}

.rbUpload16 {
    background-position: -94px 0 !important;
}

.rbDownload16 {
    background-position: -120px 0 !important;
}

.rbPrevious16 {
    background-position: -144px 0 !important;
}

.rbNext16 {
    background-position: -168px 0 !important;
}

.rbOpen16 {
    background-position: -192px 0 !important;
}

.rbAttach16 {
    background-position: -210px 0 !important;
}

.rbSave16 {
    background-position: -232px 0 !important;
}

.rbConfig16 {
    background-position: -256px 0 !important;
}

.rbPrint16 {
    background-position: -280px 0 !important;
}

.rbRefresh16 {
    background-position: -306px 0 !important;
}

.rbSearch16 {
    background-position: -332px 0 !important;
}

.rbHelp16 {
    background-position: -356px 0 !important;
}

.rbCart16 {
    background-position: -380px 0 !important;
}

.rbEdit16 {
    background-position: -406px 0 !important;
}

.rbRSS16 {
    background-position: -432px 0 !important;
}

.rbMail16 {
    background-position: -456px 0 !important;
}

.rbFB16 {
    background-position: -498px 0 !important;
}

.rbTwitter16 {
    background-position: -526px 0 !important;
}

/* 24x24 Icons */
.rbAdd24 {
    background-position: 0 -18px !important;
}

.rbRemove24 {
    background-position: -24px -18px !important;
}

.rbOk24 {
    background-position: -48px -18px !important;
}

.rbCancel24 {
    background-position: -72px -18px !important;
}

.rbUpload24 {
    background-position: -94px -18px !important;
}

.rbDownload24 {
    background-position: -120px -18px !important;
}

.rbPrevious24 {
    background-position: -144px -18px !important;
}

.rbNext24 {
    background-position: -168px -18px !important;
}

.rbOpen24 {
    background-position: -192px -18px !important;
}

.rbAttach24 {
    background-position: -210px -18px !important;
}

.rbSave24 {
    background-position: -232px -18px !important;
}

.rbConfig24 {
    background-position: -256px -18px !important;
}

.rbPrint24 {
    background-position: -280px -18px !important;
}

.rbRefresh24 {
    background-position: -306px -18px !important;
}

.rbSearch24 {
    background-position: -332px -18px !important;
}

.rbHelp24 {
    background-position: -356px -18px !important;
}

.rbCart24 {
    background-position: -380px -18px !important;
}

.rbEdit24 {
    background-position: -406px -18px !important;
}

.predIcons {
    color: #000;
}

    .predIcons td {
        padding: 6px 6px 6px 10px;
        border: 1px solid #ddd;
    }

    .predIcons thead tr {
        background-color: #eee;
    }

    .predIcons tr {
        background-color: #fff;
    }

        .predIcons tr.dark {
            background-color: #efefef;
        }

        .predIcons tr:hover {
            background-color: #FDFEE3;
        }

        .predIcons tr.head {
            border: 0;
            background: transparent;
        }

            .predIcons tr.head:hover {
                background: none;
            }

            .predIcons tr.head td {
                border: 0;
            }

.rbPredefinedIcons {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    background-image: url(images/rbPredefinedIcons.png);
}

.text {
    display: block;
    width: 100px;
    float: right;
    text-align: left;
    padding-right: 15px;
}

.predIcons .rborder {
    padding-right: 10px;
}

/*Create RadSwitch with custom icons*/
button.RadSwitch.customIcons .k-switch-container .k-switch-handle, .RadSwitch:hover .k-switch-container .k-switch-handle {
    font-family: "WebComponentsIcons";
    text-align: center;
    height: 30px;
}

button.RadSwitch.customIcons.k-switch-on .k-switch-container .rbHovered,
button.RadSwitch.customIcons.k-switch-on:hover .k-switch-container {
    color: black;
    box-shadow: inset 0 0 0 1px seagreen;
}

button.RadSwitch.customIcons.k-switch-on .k-switch-container,
button.RadSwitch.customIcons.k-switch-on:hover .k-switch-container {
    color: white;
    background-color: green;
}

button.RadButton.customIcons.k-switch-on:hover .k-switch-handle,
button.RadButton.customIcons.k-switch-on.k-state-hover .k-switch-handle {
    color: black;
    border-color: seagreen;
}

button.RadSwitch.customIcons.k-switch-off .k-switch-container,
button.RadSwitch.customIcons.k-switch-off:hover .k-switch-container {
    color: white;
    background-color: red;
}

    button.RadSwitch.customIcons.k-switch-off .k-switch-container .rbHovered,
    button.RadSwitch.customIcons.k-switch-off:hover .k-switch-container {
        color: black;
        box-shadow: inset 0 0 0 1px brown;
    }

button.RadButton.customIcons.k-switch-off:hover .k-switch-handle,
button.RadButton.customIcons.k-switch-off.k-state-hover .k-switch-handle {
    color: black;
    border-color: brown;
}

.customIcons.k-switch-on .k-switch-handle:before {
    font-size: 2em;
    content: '\e118';
}

.customIcons.k-switch-off .k-switch-handle:before {
    font-size: 2em;
    content: '\e11b';
}
/*********************/


/*Make a square RadSwitch*/
button.RadSwitch.squareSwitch.k-switch,
button.RadSwitch.squareSwitch.k-switch .k-switch-container,
button.RadSwitch.squareSwitch.k-switch .k-switch-handle {
    border-radius: initial;
}
/*********************/


/*Create Fluid RadSwitch*/
.RadButton.RadSwitch.fluidSwitch {
    box-sizing: border-box;
}
/*********************/


/*Create elastic RadSwitch*/
.RadButton.RadSwitch.elasticSwitch .k-switch-handle {
    width: 2em;
    height: 2em;
}

.RadButton.RadSwitch.k-switch-on.elasticSwitch .k-switch-handle {
    left: calc( 100% - 2em);
}

.RadButton.RadSwitch.elasticSwitch,
.RadButton.RadSwitch.elasticSwitch .k-switch-container {
    width: 4em;
}
/*********************/