body
{
    font: 1em DroidSans, Droid Sans, Verdana;
    color: #000000;
    margin: 0;
    cursor: default;
}
/***Links***/

a
{
    font: 1em DroidSans, Droid Sans, Verdana;
    color: rgb(0,0,0);
    text-decoration: underline;
}
/*a:hover
{
    font: 1em DroidSans, Droid Sans, Verdana;
    color: #F7931E;
}*/
a:visited
{
    /*color: #DA5D08;*/
    text-decoration: underline;
}

.SpecialButton:after {
    background-color:#F0680B
}

.SpecialButton {
    background-color: #0478c9;
    font-family: DroidSans, Droid Sans, Verdana;
    color: #ffffff;
    padding:10px 10px 10px 10px;
    text-decoration:none;
    border:none;
    font-size:10pt;
    margin-right:20px;
}

.BalanceHeading {
    color:white;
}

.NoStyleLink:visited, .NoStyleLink:hover
{
    color: #fff;
    text-decoration: none;
    font: 1em DroidSans, Droid Sans, Verdana;
}
.DisplayName
{
}

#LoginMenuButton,#MainMenuButton
{
    font-family:DroidSans, Droid Sans, Verdana;
    text-transform:uppercase;
}

#FullName, #AccountBalance,#PaymentSystem,#balanceFooter
{
    color:white; 
    padding:1px 10px;
    font-family: DroidSans, Droid Sans, Verdana;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    text-transform:uppercase;
}

/*14/04/2015, JM: changed text to make use of em instead of px and changed color*/
.MenuItem a,.MenuItem span
{
    font-family: DroidSans, Droid Sans, Verdana;
    font-weight:bold;
    color: white;
    text-decoration: none; 
}

.MenuItemLink
{
    font: 1.2em DroidSans, Droid Sans, Verdana;
    font-weight:bold;
    color: white;
    text-decoration: none; 
}

.SubMenuItemLink
{
    font: 1.2em DroidSans, Droid Sans, Verdana;
    font-weight:bold;
    color: black;
    text-decoration: none; 
    vertical-align: text-bottom;
}

td.MenuItem a:hover
{
    font: 1.3em DroidSans, Droid Sans, Verdana;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}
/*.MenuItem a:visited
{
    color: #464545;
    text-decoration: none;
}*/
.SubMenuItem a
{
    font: 1.3em DroidSans, Droid Sans, Verdana;
    color: #DA5D08;
    font-weight: normal;
}
.SubMenuItem a:hover
{
    font: 1.3em DroidSans, Droid Sans, Verdana;
    color: #000000;
    font-weight: normal;
}
.SubMenuItem a:visited
{
    font: 1.3em DroidSans, Droid Sans, Verdana;
    color: #464545;
    font-weight: normal;
}
.SubHeader a
{
    font: 1.1em DroidSans, Droid Sans, Verdana;
    color: #DA5D08;
    font-weight: bold;
    text-decoration: none;
}
.ContentHeader a
{
    font: 0.8em DroidSans, Droid Sans, Verdana; /*14/04/2015, JM: changed text to make use of em instead of px*/
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    text-align:center;
}


/**Header**/

/*14/04/2015, JM: changed max size to 1020px and centered it by using margin: auto auto*/
#MainWrapper
{
    width: 1020px;
    margin: auto auto;
	height: auto;
}

#HeaderImage
{
	background-color: #F78E3E;
	/*background-image: url(images/HeaderRepeat.jpg);
	background-repeat: repeat-x;
	height: 161px;*/	
}
#Header
{
	background-image: url(images/HeaderImage2013.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 161px;
	
}
#Menu
{
    text-align: right;
    padding-left: 7px;
}
#HeaderRepeat
{
    background-image: url(images/HeaderRepeat.jpg);
    background-repeat: repeat-x;
    height: 161px;
}

/**Menu**/

/*14/04/2015, JM: changed text to make use of em instead of px, and added padding to the left right and top*/
.MenuItem
{
    font: 1em DroidSans, Droid Sans, Verdana;
    font-weight: bold;
    color: #ccc;
    text-align: left;
    padding-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}


.SubMenuItem
{
    font: 1.3em DroidSans, Droid Sans, Verdana;
    color: red;
    font-weight: bold;
}
.SubMenuTbl
{
    width: 70%;
}

#BackButton {
    margin-right: 5px;
    text-align: center;
    float: left;
    font-weight: bold;
    /*width:30px;*/
}

#MenuBackground {
    padding: 5px;
    background-color: black;
}

#MenuBar
{
    background-image: url(images/MenuBg.jpg);
    background-repeat: no-repeat;
}

/**Content**/

#ContentWrapper
{
    background-color: #464545;
    text-align: center;
    vertical-align: top;
    height: 800px;
}

#MainContent
{
    
    margin-top: 10px 0px 0px 0px;    
}
.ContentInfo
{
    width: 100%;
    text-align: left;
}

/**Login**/

#LoginTbl
{
    width: 100%;
}
#InvoiceView
{
    text-align: center;
}

.ContentHeader
{
    font: 1.5em DroidSans, Droid Sans, Verdana;
    color: #000000;
    font-weight: bold;
}
.SubHeader
{
    font: 1em DroidSans, Droid Sans, Verdana;
    color: #F7931E;
    font-weight: bold;
    text-align:left;
}

input[type=password],input[type=text],input[type=email],input[type=number],input[type=file], textarea{
    font: 1.0em DroidSans, Droid Sans, Verdana;
    margin-bottom:2px;
    width:99%;
    min-width:240px;
    border:none;
}


input[type=radio]{
  position: absolute;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font: 0.8em DroidSans, Droid Sans, Verdana;
}
::-moz-placeholder { /* Firefox 19+ */
   font: 0.8em DroidSans, Droid Sans, Verdana;
}
:-ms-input-placeholder { /* IE 10+ */
   font: 0.8em DroidSans, Droid Sans, Verdana;
}
:-moz-placeholder { /* Firefox 18- */
   font: 0.8em DroidSans, Droid Sans, Verdana;
}

label .btn{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 25px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

select {
    font: 1em DroidSans, Droid Sans, Verdana;
    margin-bottom:2px;
    width:100%;
    min-width:240px;
    border:none;
    background-color:#0478c9;
    color:white;
}



.chkStyle {
    -ms-transform: scale(5); /* IE */
    -moz-transform: scale(5); /* FF */
    -webkit-transform: scale(5); /* Safari and Chrome */
    -o-transform: scale(5); /* Opera */
    margin-left:20px; 
    margin-bottom:50px;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    vertical-align:central;
}

.loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity:0.8;



    z-index: 2;
    text-align:center;
    vertical-align:middle;
}
/*
@media (min-width:1300px)
{
    #loader {
        z-index: -1;
    }
}
*/
#LoadingSign {
position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index:2;
  background: #fff;
  text-align:center;
  font-weight:600;
  padding:10px;
}

.Button {
    background-color: #0478c9;
    /*background-image: -webkit-linear-gradient(top, #6b6b6b, #242424);
    background-image: -moz-linear-gradient(top, #6b6b6b, #242424);
    background-image: -ms-linear-gradient(top, #6b6b6b, #242424);
    background-image: -o-linear-gradient(top, #6b6b6b, #242424);
    background-image: linear-gradient(to bottom, #6b6b6b, #242424);*/
    font-family: DroidSans, Droid Sans, Verdana;
    color: #ffffff;
    padding:10px 10px 10px 10px;
    text-decoration:none;
    border:none;
    margin-right:20px;
    text-transform:uppercase;
    cursor: pointer; 
    cursor: hand;
}

.BorderlessBtn {
    border:none;
    background-color:white;
    color:black;
    font-family:"DroidSans, Droid Sans";
    padding:10px 10px 10px 10px;
    display:inline;
    font-size:1.3em;
    text-transform:uppercase;
}

.BorderlessBtn:hover {
    background-color:#0478c9;
    cursor:pointer;
    color:white;
}

.TableButton {
    background-color: #0478c9;
    /*background-image: -webkit-linear-gradient(top, #6b6b6b, #242424);
    background-image: -moz-linear-gradient(top, #6b6b6b, #242424);
    background-image: -ms-linear-gradient(top, #6b6b6b, #242424);
    background-image: -o-linear-gradient(top, #6b6b6b, #242424);
    background-image: linear-gradient(to bottom, #6b6b6b, #242424);*/
    font-family: DroidSans, Droid Sans, Verdana;
    color: #ffffff;
    padding-left:5px;
    text-decoration:none;
    border:none;
    font-size:8pt;
}

#HamMenu {
    width:100%
}

.Button:hover {
  background: #ff7d26;
  /*background-image: -webkit-linear-gradient(top, #909090, #494949);
  background-image: -moz-linear-gradient(top, #909090, #494949);
  background-image: -ms-linear-gradient(top, #909090, #494949);
  background-image: -o-linear-gradient(top, #909090, #494949);
  background-image: linear-gradient(to bottom, #909090, #494949);*/
  text-decoration: none;
}

html.can-touch .Button:hover{
    background-color: #0478c9; /* disable hover effect on touch devices */
}

#ContentBlock
{   
    height: auto;
}
.ContentLeft
{
    background-color: white;
    border-left: solid 7px #F7931E;
}
.ContentTop
{
    background-color: white;
    border-top: solid 7px #F7931E;
}
.ContentBottom
{
    background-color: white;
    border-bottom: solid 7px #F7931E;
}

.ContentRight
{
    background-color: white;
    border-right: solid 7px #F7931E;
}

/***PopUps***/

.pupBack
{
    background-color: #464545;
}


.pupErr
{
    background-color: #F7931E;
    border: solid 3px #464545;
}
.labelErr
{
    color: Red;
    font-weight: bold;
    font-size: 13px;
}
.errImage
{
    vertical-align: middle;
    padding: 0px 3px 0px 3px;
}
/***Statement Table***/

.statementHeader
{
    background-color: rgba(59, 76, 89, 1);
    color: white;
    padding-left: 3px;
}
.statementInfoAlt
{
    color: black;
    background-color: #f5f5f5;
}

.statementInfo
{
    color: black;
    background-color: #e5e5e5;
}

.grid
{    
    margin-left:auto;
    margin-right:auto;
}

.gridHeader
{
    /*Gradient for My Account Header*/
   background-image: linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -o-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -moz-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -ms-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(197,111,50)),
	color-stop(0.60, rgb(245,142,63))
);
    font: 1.1em DroidSans, Droid Sans, Verdana;
    font-weight:bold;
    text-align: center;
}

.gridHeaderNoAlign
{
    /*Gradient for My Account Header*/
   background-image: linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -o-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -moz-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -webkit-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);
background-image: -ms-linear-gradient(bottom, rgb(197,111,50) 1%, rgb(245,142,63) 60%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(197,111,50)),
	color-stop(0.60, rgb(245,142,63))
);
    font: 1.1em DroidSans, Droid Sans, Verdana;
    font-weight:bold;
}

.gridRow
{
    background-color: rgb(250,205,170);
    text-align: center;
}

.gridRowNoAlign
{
    background-color: rgb(250,205,170);
}

.gridAltRow
{
    background-color: rgb(250,165,96);
    text-align: center;
}

.gridAltRowNoAlign
{
    background-color: rgb(250,165,96);
}

/*05/02/2013, NS: Inserted Navigation MenuBar2*/
ul.cssMenu, ul.cssMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;     
    z-index:1;
    font-size: 1.3em;
}

/*Style for 1st level menu header*/
ul.cssMenu li
{    
    position: relative;
    float: left;
    zoom: 1; /*Needed for IE*/  
           
}

/*Style for 1st level menu header*/
/*14/04/2015, JM: changed the height of the menu item to 35px*/
ul.cssMenu li.MainItem
{    
    position: relative;
    float: left;
    zoom: 1; /*Needed for IE*/  
    height:35px;
           
}
ul.cssMenu li a:hover
{
    background-color: rgba(161, 161, 161, 1);  
    color:white;
    background-image:none;
    cursor:pointer;
}
ul.cssMenu li a
{
    /*Menu link styles*/
    display: block;
    padding: 5px;
    color: #000000; /*font-family: Arial, Times New Roman, Tahoma;*/
    font: 0.9em DroidSans, Droid Sans, Verdana;
    font-weight: bold;
    /*Right arrow image*/
    background-color: #F78E3E;
    background-image:url(images/arrow_right32.png);    
    background-repeat:no-repeat;
    background-position:right;    
}

/* Building menu items - for 2nd and more level menu items*/
/*14/04/2015, JM: changed background colour, width and top position*/
ul.cssMenu ul
{
    display: none; /*initially menu item is hidden*/
    position: absolute; /*absolute positioning is important for menu to float*/
    width: 200px; /*Formating of menu items*/
    left: -5px;
    background-color: #F78E3E;
    top: 100%;
}
ul.cssMenu ul li
{
    border-bottom: 1px solid #111;
    float: none;
    color: #000000; /*font-family: Arial, Times New Roman, Tahoma;*/
    background-color: #F78E3E  
}

ul.cssMenu ul li a
{
    display: block;
    padding: 5px;
    color: white; /*font-family: Arial, Times New Roman, Tahoma;*/
    font: 0.9em DroidSans, Droid Sans, Verdana;
    background-color: rgba(99, 99, 99, 1)
}

ul.cssMenu ul li ul li a
{
    display: block;
    padding: 5px;
    color: #000000; /*font-family: Arial, Times New Roman, Tahoma;*/
    font: 0.6em DroidSans, Droid Sans, Verdana;
    background-color: #F78E3E
}

/* Menu item position for 3rd level and more */
ul.cssMenu ul ul
{
    left: 100%;
    top: 0;
}

/* Hover effect for menu*/
ul.cssMenu li:hover > ul
{
    display: block;
}
/*End of Navigation MenuBar2 Style*/

/****18/03/2013, EL: Round Corners***/
.RoundCorners
{
    padding:10px;
    background:#ffffff;
    background-color: white;
    border:2px solid #f7931e;
    border-radius: 4px;   
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    width: 90%;
    margin: auto auto;
    margin-top: 5px;
    font: 0.9em Tahoma;
}

/*22/10/2014, NS: New Table for Master Page Main Content Place Holder*/
/*14/04/2015, JM: Changed background colour*/
#ContentTable
{    
    margin:auto;
    width: 100%;
    height: auto;
    padding:5px;
    background-color:#fff;
}

/*22/10/2014, NS: Cell style for #ContentTable*/
.content-Maincell
{
  width:100%;
    background-color: #ffffff;
     padding:10px;
}

/*22/10/2014, NS: Parent Div that contains #ContentTable*/
/*14/04/2015, JM: changed styling*/
#content-full 
{
    width: 100%;
    margin: auto auto;
    max-width: 1024px;
    position: relative;
    /*top: 15px;*/
    clear: both;
}

/*Control: ContactDetails Table Style*/
#sidebar
{
    font-family: DroidSans, Droid Sans, Verdana; 
    font-size: 11px;  
    width:100%;
    text-align: center; 
}

/*Control: ContactDetails Table Style: <th>*/
.sidebar-th
{
    padding-left:0px;
    font-size: 12px;
}

/*Control: ContactDetails Table Style: <td>*/
.sidebar-td
{
   
    text-align: center; 
    height: 20px;
}

/*29/10/2014, NS: Cell style for #ContentTable*/
.content-sideCell
{
    width:10%;
    background-color: #ffffff;
    vertical-align: top;
    border:4px solid #f7931e;
    border-radius: 4px;   
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
     padding:10px;
}

/*29/10/2014, NS: added*/
.GraphDisclaimer
{
    margin-left: auto;
    margin-right: auto; /*width: 1020px;*/
    width: auto; /*height: 250px;*/
    background-color: #bbb;
    padding: 10px;
    margin:5px;
}

/*28/05/2015, JM: Created*/
.GraphDisclaimerList
{
    text-align: left;
}



/*15/04/2015, JM: added*/
.TabBody
{
    background-color:#e5e5e5;
    text-align:center;
}

/*28/05/2015, JM: Created*/
.CurrentTab
{
    display:inline-block;
    padding:5px;
    background-color:#e5e5e5;
    width:100%;
}

/*28/05/2015, JM: Created*/
.TabTable
{
    background-color:#efefef;
    border-collapse: collapse;
}

/*28/05/2015, JM: Created*/
form{
    box-shadow: 0px 0px 80px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 80px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 80px 10px rgba(0,0,0,0.2);
    background-color:white;
}



.Formtable{
    /*box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);*/
    margin:auto;
    z-index:1;
}

.Shaddow{
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    background-color:rgba(235, 235, 235, 1);
    padding:20px;
}

.Formtable tr td:first-child{
    /*padding-top:2px;*/
    width:150px;
    /*font-weight:bold;*/
    text-align:right;
}

.Formtable tr {
    vertical-align:top;
}

p{
    text-align:center;
}


html * {max-height:1000000px;}

ol > li
{
    cursor: pointer; 
    cursor: hand;
    display:inline-block;
    width:34%;
    text-align:center;
    /*background: url(../Images/PopUps/success.gif) no-repeat left top;
    background-size:contain;

    padding-left: 45px;
    height:40px;*/
}

.HomeMenuItemImage{
    width:60%;
    overflow:auto;
}
.homeMenuP {
    font-size:1.3em
}



.Formtable:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
   *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML += '<div class="ie7-clear"></div>' );
}

.ie7-clear {
    display: block;
    clear: both;
}


ol li:hover
{
    background-color:#f8f8f8;
}

.flot-x-axis-lable{
    font-size:50px;
}

.legendTable
{
    border-image: none;
    font: 0.8em DroidSans, Droid Sans, Verdana;
    display: inline-block;
    background-color: white;
}

.legendColorBox{
    display:none;
}

.legendLabel{
    vertical-align: top;
    text-align:center;
}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

#flot-placeholder div.xAxis {
}
#flot-placeholder div.xAxis div.tickLabel 
{    
   /* Rotate Axis Labels */
    transform: translateX(50%) rotate(90deg); /* CSS3 */
    transform-origin: 0 50%;

    -ms-transform: translateX(50%) rotate(90deg); /* IE */
    -ms-transform-origin: 0 50%;

    -moz-transform: translateX(50%) rotate(90deg); /* Firefox */
    -moz-transform-origin: 0 50%;

    -webkit-transform: translateX(50%) rotate(90deg); /* Safari and Chrome */
    -webkit-transform-origin: 0 50%;

    -o-transform: translateX(50%) rotate(90deg); /* Opera */
    -o-transform-origin: 0 50%;
}

img {
 user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}

.DocumentsTable {
    border-collapse: collapse;
    width: 100%;
}

.DocumentsTable td{
    padding:5px;
}

.DocumentsTable td.hover{
    padding:5px;
    cursor: pointer; 
    cursor: hand;
}

.DocumentsTable th {
    padding:5px; text-align:left;
    font-size:1.1em; 
    background-color: #1E4A67; 
    color:#fff;
}

.DocumentsTable img{
    height:20px;
}

.MoreInfoTile {
    font-size:0.813em;
    font-family:DroidSans, Droid Sans, Verdana;
}

.LoginDiv {
    text-align:center;
    width:600px;
    /*box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);*/
    /*-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    background-color:rgba(235, 235, 235, 1);*/
    padding:20px;
    margin:auto;
    z-index:1;
}

.DivHeaders {
    /*width:100%;*/
    background-color:#e6e7e8;
    /*font-size:1.3em;*/
    text-align:left;
    padding:5px;
    text-transform:uppercase;
    font-weight:bold;
    color:#58585b;
    margin:auto;
}

.VerticalMenuItems {
    width:100%;
    text-align:left;
    margin: 0;
    vertical-align: middle;
    line-height: 70px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
}

.VerticalMenuImages {
    width:15%;
}

.VerticalMenuItems > i {
    width:15%;
}

.HamburgerMenuItems {
    width:100%;
    text-align:left;
    margin: 0;
    vertical-align: middle;
    z-index:10000;
}

.inputContainer {
    border:1pt solid #e6e7e8;
    font-family:DroidSans, Droid Sans, Verdana;
    /*width:100%;*/
    /*padding-left:3px*/
}

textarea{
     border:2pt solid #e6e7e8;
resize: none;
            overflow: hidden;
            min-height: 50px;
            padding: 2px;
}

.divInfo {
    text-align:left;
    padding-left:5px;   
}
.divInfo > a {
    font-size:1em;
    font-family:'DroidSans, Droid Sans, Verdana';
}

.CircleItem {
    border-radius: 50%;
    /*behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    display:inline-block;
}

.statementsCircleItem {
    border-radius: 50%;
    display:inline-block;
}

.Icon {
    color:white;
}

#ZoomButtonsRow {
    text-align:center;
}

.LoginPageButtons {
    margin:auto auto;
    text-align:center;
}

.ErrorDiv {
    border:1pt solid black;
    text-align:center;
    font-size:1.3em;
}

@font-face {
    font-family: 'DroidSans, Droid Sans';
    src: url('../Stylesheets/fonts/DroidSans.ttf') format('truetype');
}

.DivBorder {
    background-color:white;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.2);
    padding:6px;
}

#LoginMenuButton {
    cursor:pointer;
}

#legendContainer {
    text-align:center;
}

.zoomBtn {
    margin-right:20px;
    display: inline-block;
    width: 100%;
    background: #0478c9;
    padding: 5px;
    text-align: center;
    color: white;
    font-size:1.8em;
}

#radioSelect {
    margin:4px;
   
    float:left;
}

#radioSelect label {
    float:left;
    width:200px;
    margin:4px;
    background-color:#eee;
    border-radius:10px;
    border:1px solid #ccc;
    overflow:hidden;  
    white-space: nowrap;
    text-overflow: ellipsis;
}

#radioSelect label span {
    text-align:center;
    font-size: 1em;
    padding: .5em 5px;
    display:block;
}

#radioSelect label input {
    position:absolute;
    top:-20px;
}

#radioSelect input:checked + span {
    border: 1px solid #0478c9;
    background-color:#4596ce;
    color:#fff;
}

.LegendCont {
    color: black;
    background-color: white;
    text-align: left;
    overflow: visible;
    margin: auto 0;
    display: inline-block;
}

.LegendHeader {
/*width: 100%; */
    background-color: #e6e7e8;   
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #58585b;
}

/*
    covid banner
*/

#covidFooter {
    /*width: 1022px;*/
    background-color: #FF0000;
    padding:10px;
}

#covidfooter-left
{
    color:white;
}

.covidLink {
    color: white !important;
    text-decoration: none;
}