﻿/*----------------------------------------------------------*/
/* 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;}
.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;}
.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;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;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:#676767;color:#FFFFFF;font: 15px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;}
.Header04{text-align:left;vertical-align:middle;background: transparent url(../images/backgrounds/Header_04.png) repeat-x scroll 0 0;color:#646464;font-weight:bold;padding-bottom:2px;padding-top:2px;
    font-style: normal;
    font-variant: normal;
    font-size: 13px;
    line-height: normal;
    font-family: calibri, sans-serif;
}
.Header05{text-align:left;width:100%;vertical-align:middle;background-color:Black; color:#FFFFFF;font: 12px calibri,sans-serif;font-weight:bold;padding-bottom:2px;padding-top:2px;}
.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:#e3e3e3;border: 1px solid #ccc;color: #000000;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: 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;}
.PageButton {background: #000000;border: 0px solid #ccc;color: #FF6600;font-family: Calibri, sans-serif;font-size: 13px;font-weight: normal;padding: 2px 0 2px;text-align: center;width: 150px;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: 13px;font-weight: normal;padding: 2px 0 2px;text-align: center;width: 150px;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;}
