html
{
    min-height: 99%;
    margin-bottom: 0px;
}
body
{
    background-color: white;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 5px 0px 0px 0px;
    text-align: left;
    background-image: url(Images/Backgrounds/pageBackground.gif);
}

.fa-image {
    margin-bottom: 6px;
    margin-right: 10px;
}

.fa-image:hover {
    color: powderblue;
    cursor: pointer;
}

.fa-chart-line:hover {
    color: powderblue;
    cursor: pointer;
}

/*****************************************/
/** Hyperlink Styles                    **/
/*****************************************/
a:link {
    color: #003399;
    text-decoration: none;
}

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

a:hover 
{
    color: #003399;
    text-decoration: underline;
}

a:active 
{
    color: #003399;
    text-decoration: underline;
}

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

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

.footerContainer a:hover 
{
    color: #FFFFFF;
    text-decoration: underline;
}

.footerContainer a:active 
{
    color: #FFFFFF;
    text-decoration: underline;
}

/*****************************************/
/** Page Layout Styles                  **/
/*****************************************/

.pageOuterContainer
{
    width: 100%;
    text-align: center;
}

.pageInnerContainer
{
    margin-left: auto;
    width: 958px;
    text-align: left;
    margin-right: auto;
}

.headerContainer
{
    margin-top: 0px;
    background: url(Images/Backgrounds/pageBackground_Top.gif) #ffffff no-repeat;
    float: left;
    width: 959px;
    height: 134px;
}

.gridViewContainer
{
	font-size: small; 
	font-weight: normal; 
	vertical-align: text-top; 
	text-align: center; 
	margin-top: 35px;
}

.headerTable
{
}

.headerTable .logoContainer
{
    text-align: center;
    width: 153px;
    height: 90px;
    padding-left: 10px;
}

.headerContainer .searchContainer
{
    text-align: right;
    padding-right: 10px;
    color: #000;
    line-height: 3.8em;
    width: 153px;
    /*vertical-align: top;*/
}

.orangeDivider
{
    background-image: url(Images/Backgrounds/headerBackground_Orange.gif);
    height: 5px;
    width: 958px;
    float: left;
    text-align: center;
}

.content
{
    background-image: url(Images/Backgrounds/pageBackground_bottom.gif);
    background-repeat: repeat-y;
    margin-bottom: 0px;
    float: left;
    width: 958px;
    background-color: #eeeeee;
}

.bannerContainer
{
    background-color: #1e4775;
    height: 120px;
    width: 953px;
    padding-left: 5px;
}

.pageHeaderContainer 
{
    height: 101px;
    width: 500px;
}

.breadcrumbContainer 
{
    height: 22px;
    line-height: 2.0em;
    border-right: 1px solid #ACA899;
    width: 957px;
    background-color: #eeeeee;
    margin-left: 1px;
    margin-right: 1px;
    text-align: left;
}

.contentContainer
{
	
    background-color: #eeeeee;
    float: left;
    width: 957px;
    margin-left: 0px;
    margin-right: 1px;
    border-left: 1px solid #ACA899;
    border-right: 1px solid #ACA899;
    /*height: 450px;*/
	/*border-top-style: solid; border-width: 1px; border-color: #999999; margin-top: -10px;*/
}

.contentContainer .sideColumn
{
    width: 285px;
    float: left;
    background-color: #eeeeee;
}

.contentContainer .mainColumn
{
    width: 635px;
    float: left;
    background-color: #eeeeee;
    text-align: center;
}

.footerContainer
{
    margin-top: 0px;
    background: url(Images/Backgrounds/pageBackground_LowerBlue.gif) no-repeat;
    float: left;
    width: 959px;
    height: 17px;
    color: #FFFFFF;
    line-height: 1.5em;
    padding-left: 2px;
    text-align: center;
}

/*****************************************/
/** Page Navigation Styles              **/
/*****************************************/

.navigationTable 
{
    border-left: 1px solid #ACA899;  
}

.navigationStartItem
{
    background-image: url(Images/Navigation/startImage.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.navigationContainer
{
    background-color: #f8f8f8;
}
.navigationItem
{
}
.navigationItem .link
{
    background-image: url(Images/Navigation/background.gif);
    color: #000000;
    display: block;
}
.navigationItem a
{
    display: block;
    color: #000000;
    float: left;
    margin: 0px;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 92px;
    border-top-style: none;
    padding-top: 6px;
    background-repeat: no-repeat;
    border-right-style: none;
    border-left-style: none;
    height: 21px;
    text-align: center;
    text-decoration: none;
    border-bottom-style: none;
}
.navigationItem a:hover
{
    background-image: url(Images/Navigation/hover.gif);
    color: #ffffff;
}

/*****************************************/
/** Page Content Box Styles             **/
/*****************************************/

.contentBox
{
        line-height: 1.6em;
}

.contentBox .topLeft 
{
    width: 12px;
    height: 13.5px;
    background-image: url(Images/Boxes/topLeft.gif);
    background-repeat: no-repeat;
    line-height: normal;
    background-color: #EEEEEE;
}

.contentBox .Blade .topLeft 
{
    background-color: transparent;
}

.contentBox .top
{
    background-image: url(Images/Boxes/top.gif);
    background-repeat: repeat-x;
    height: 13.5px;
    line-height: normal;
}

.contentBox .topRight 
{
    width: 12px;
    height: 13.5px;
    background-image: url(Images/Boxes/topRight.gif);
    background-repeat: no-repeat;
    line-height: normal;
    background-color: #EEEEEE;
}

.contentBox .Blade .topRight 
{
    background-color: transparent;
}

.contentBox .left
{
    background-image: url(Images/Boxes/left.gif);
    background-repeat: repeat-y;
    background-size: contain;
    width: 12px;
}

.contentBox .boxContent
{
    padding: 10px;
    background-color: #FFFFFF;
    text-align: left;
}

.contentBox .right 
{
    background-image: url(Images/Boxes/right.gif);
    background-repeat: repeat-y;
    background-size: contain;
    width: 12px;
}

.contentBox .bottomLeft 
{
    width: 12px;
    height: 13.5px;
    background-image: url(Images/Boxes/bottomLeft.gif);
    background-repeat: no-repeat;
    background-color: #EEEEEE;
}

.contentBox .Blade .bottomLeft 
{
    background-color: transparent;
}

.contentBox .bottom
{
    background-image: url(Images/Boxes/bottom.gif);
    background-repeat: repeat-x;
    height: 13.5px;
}

.contentBox .bottomRight 
{
    width: 12px;
    height: 13.5px;
    background-image: url(Images/Boxes/bottomRight.gif);
    background-repeat: no-repeat;
    background-color: #EEEEEE;
}

.contentBox .Blade .bottomRight 
{
    background-color: transparent;
}

.boxContent .categoryHeader
{
    /*background-color: #1e4775;
    height: 3px;*/
    background-color: #999999;
    height: 1px;
}

.boxContent .pageBlurb
{
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
    /*1e4775*/
}

.boxContent .title
{
    border-bottom: 1px solid #999999;
    font-size: 14px;
    font-weight: bold;
    /*1e4775*/
}

.boxContent .titleNoBorder 
{
     /*font-size: 14px;
    font-weight: bold;
    font-variant: small-caps;
   color: #0B2B7E;*/
    border-bottom: 1px solid #999999;
    font-size: 14px;
    font-weight: bold;
}

.contentBox .contactForm 
{
    width: 100%;
}

.loggingpoint-toprow {
    margin-left: 50px;
    height: 35px;
    vertical-align: bottom;
    line-height: 1.8em;
}

.loggingpoint-bottomrow 
{
    margin-left: 50px;
    height: 30px
}

.loggingpoint-headercell 
{
    width: 70px;
    text-align: center;
    font-size: medium;
    font-weight: bolder
}

.loggingpoint-uploadicon
{
    margin-bottom: 10px;
}

.loggingpoint-firstcolumn {
    width: 193px;
}

.contactForm td {
    vertical-align: top;
}

.contactForm .textBox 
{
    width: 99%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.contactForm .button 
{
    background-image: url(Images/Navigation/background.gif);
    color: #000000;
    display: block;
    border: 1px solid #ACA899;
    display: block;
    margin: 0px;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 82px;
    border-top-style: none;
    background-repeat: no-repeat;
    height: 26px;
    text-align: center;
    text-decoration: none;

}

.contentBox .defaultForm 
{
    width: 100%;
}

.defaultForm td 
{
    vertical-align: top;
}

/*****************************************/
/** Page Text Styles                    **/
/*****************************************/

.pageHeaderText 
{
    font-size: 18px;
    font-weight: bold;
    color: #566896;
    text-align:center;
}

.pageDescriptionText 
{
    font-weight: normal;
    color: #FFFFFF;
    line-height: 1.4em;
}


/*****************************************/
/** Display Styles                      **/
/*****************************************/

.hidden 
{
    display: none;
}


/*****************************************/
/** Slide Menu			                **/
/*****************************************/

/* * {margin:0; padding:0}*/

.sm {list-style:none; width:871px; height:520px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

.sm_non-sw {
    list-style: none;
    width: 829px;
    height: 520px;
    display: block;
    overflow: hidden
}

.sm_non-sw li {
    float: left;
    display: inline;
    overflow: hidden
}

.Blade
{
	width: 620px;
	margin-left: 43px; 
	padding-top: 3px; 
}

.Chart
{
	width: 102%; 
	height: 356px; 
	margin-top:-65px; 
	margin-left:0px; 
	margin-right:0px;
}

.AccordionContainer
{
	margin-left: 0px;
	font-size: 12px;
}

.ViewSchemeTextBox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:2px;
	width: 150px;
	height:16px;
}

.ViewSchemeTR
{
	height:24px;
	white-space: nowrap;
}

/*****************************************/
/** View Scheme DropDown                **/
/*****************************************/

.ViewSchemeDD
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:157px;
	height:22px;
}

/*****************************************/
/** Scheme save info box                **/
/*****************************************/
.ErrorShow
{
	position:absolute;
	top:300px;
	left:50%;
	margin-left:-225px;
	border:2px solid red;
	width:450px;
	background-color:#ffffff;
}
.ErrorHide
{
	display:none;
}

/*****************************************/
/** File Upload control                 **/
/*****************************************/
.UploadControl
{
	/*width:1px;*/
	width:70px;
	font-size: 10px; 
	position:absolute; 
	margin-left:0px; 
	margin-top:2px; 
	border-style:none; 
	border-color:White;
}

.UploadButton
{
	width:60px; 
	font-size: 10px; 
	position:absolute;
	margin-left:140px;
	margin-top:2px; 
	border-style:none; 
	border-color:White;
	display:none;
}

.ServicePhotoUploadButton
{
	width:60px; 
	font-size: 10px; 
	position:absolute;
	margin-left:222px;
	margin-top:2px; 
	border-style:none; 
	border-color:White;
	display:none;
}

.DatUpload
{
	width:60px; 
	font-size: 10px; 
	position:absolute;
	margin-left:102px;
	margin-top:2px; 
	border-style:none; 
	border-color:White;
	display:none;
}

.AutoScrollSelection
{
	position:absolute; 
	top:120px;
}

/*****************************************/
/** Scheme Thumbnail image              **/
/*****************************************/
/* Not working ?! */
.SchemeImageThumbnail
{
	border:2px solid grey; 
	height:150px; 
	width:240px;
}

td.SchemeMap
{
	text-align: center
}

span.SchemeMap
{
	font-size: medium; 
	font-weight: bolder;
}

div.SchemeMap
{
	width: 500px; 
	height: 500px;
}

table.SchemeMap
{
	border-width: medium; 
	border-style: ridge; 
	margin-top: -12px; 
	margin-left: 12px;
}

table.SchemeMapMobile
{
	border-width: medium; 
	border-style: ridge; 
	margin-top: -25px; 
	margin-left: 1px;
}

.modalDialogBody
{
	background-image: none;
	padding: 10px;
	background-color: #FFFFFF;
}

td.ValuesHeaderLabel
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold; 
	font-size: x-large; 
	text-align: center; 
	vertical-align:middle;
}

td.GraphOptionsHeaderLabel
{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: bold; 
	font-size: large;
	text-align: center; 
	vertical-align:middle;
}

div.channelName
{
	height: 20px; 
	width: 87%; 
	position: absolute; 
	top: 12px; 
	left: 10px;
	text-align: center; 
	color: #0000FF; 
	font-weight: bold;	
}

div.graphContainer
{
	height: 465px; 
}

div.graphOptions
{
	font-family: Segoe UI, Arial, Verdana, sans-serif;
	overflow:scroll; 
	height:97%;
	/*width:20%;*/
	width: 260px; 
	position: absolute; 
	top: 10px; 
	right: 1px;
}

.graphChannelsShow
{
	display: block;
}

.headingText
{
	font-weight:bold;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align:left;
}

.graphOptionsInnerTable
{
	padding-left:20px;
	text-align:left; 
	width: 90%;
}

span.spanUsePrimaryYAxis
{
	position: absolute; 
	height: 20px; 
	left: 10px;
	display: block; 
	width: 200px;
	z-index: 2;
	color: white;
}

span.graphToolBar
{
	position: absolute; 
	height: 33px; 
	left: 0px;
	display: block; 
	width: 100%;
	z-index: 1;
}

.graphToolbarButton
{
	/*height: 25px;*/
	height: 30px;
	vertical-align: middle;	
}

button.graphToolbarButtonFS
{
	vertical-align: middle;
	position: absolute; 
	padding-bottom: 12px; 
	width: 24px; 
	height: 27px; 
	right: 20px; 
	bottom: 28px;
}

button.graphToolbarHiddenButton
{
	visibility: hidden; 
}

div.jQueryDialog
{
	height: 0px; 
	visibility: hidden; 
	text-align: center;
}

div.slider_navigation
{
    float: left;    
    text-align: center;
    width: 12%;
}
 
#slider 
{
    float: left;    
    height:20px;
    width: 75%;
}
            
#slider .ui-slider-handle 
{ 
	height:26px;
}

#slider .ui-slider-range 
{ 
	background: #ef2929; 
}

.UploadImage
{
	border:2px solid grey; 
	height:125px; 
	width:200px;
}

.SchemeSearchOptions
{
	position: absolute; 
	/*top: 157px; */
	margin-top: -1px;
	height: 59px; 
	overflow: hidden;
}

.LinkButtonAddService {
    position: relative;
    display: inline-block;
}

/* Tweaks for Chrome */
/*
@media screen and (-webkit-min-device-pixel-ratio:0)   
{
	.UploadControl
	{
		width: 75px;
	}
}
*/