a, .PrintLink
{
	color: #0000FF;
}

table
{
	line-height: 21px;
}

.h3
{
	font-size: 12pt;
	font-weight: bold;
	display: inline;
	width: 100%;
}

.password-expiry {
    color: black;
    background: yellow;
    margin: 20px;
}

.WHUBInvoiceSectionHeader
{
	font-size: 12pt;
	font-weight: bold;
}

.invisible
{
	display: none;
	visibility: hidden;
}
.visible
{
	display: inline;
	visibility: visible;
}

.WHUBDropDownList
{
	display: inline-block;
	border-color: InactiveBorder;
	border-style: solid;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.WHUBTextBox
{
	display: inline-block;
	border-color: InactiveBorder;
	border-style: solid;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.WHUBRadioGroupList
{
	display: inline-block;
	border-color: InactiveBorder;
	border-style: solid;
	border-width: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.filler
{
	display: block;
	clear: both;
	width: 100%;
	height: 10px;
	overflow: hidden;
}

.WHUB-Page
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000066;
	height: 100%;
}

.WHUB-PageHeaderText
{
	color: White;
}

.WHUB-PageHeaderLabel
{
	font-family: Tahoma;
	font-size: 14pt;
	font-weight: bold;
	background-color: White;
	color: #00436D;
	width: 100%;
	text-align: center;
	line-height: 23px;
}

.WHUB-PageHeaderVersionLabel
{
	text-align: right;
	float: right;
}

.WHUB-PageHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFCC00;
	width: 100%;
	height: 20px;
}

.WHUB-Banner
{
	background-color: White;
	background-image: url('WaterHubBanner_Left.jpg');
	background-repeat: no-repeat;
	padding-right: 6px;
	vertical-align: middle;
	font-weight: bold;
	text-align: right;
	width: 100%;
	height: 63px;
}

.WHUB-Banner A
{
	height: 63px;
	width: 300px;
	text-indent: -9999px;
	position: absolute;
	z-index: 10;
	text-align: left;
	display: block;
	left: 0px;
	top: 21px;
}

.WHUB-BannerFill
{
	color: White;
	background-color: #00436D;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-right: 6px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
	width: 100%;
}

.WHUB-HelpBanner
{
	border-bottom: solid 4px #00436D;
	padding-top: 0px;
	padding-right: 6px;
	vertical-align: bottom;
	font-weight: bold;
	text-align: left;
	text-indent: 6px;
}

.WHUB-HelpBannerLeft
{
	background-image: url('WaterHubBanner_Bottom.gif');
	background-repeat: no-repeat;
}

.WHUB-Logo
{
	vertical-align: top;
	max-height: 50px;
}

.WHUB-Banner A, .WHUB-Banner A:VISITED
{
	color: #000066;
	text-decoration: none;
}

.WHUB-Banner A:HOVER, .WHUB-Banner A:VISITED:HOVER
{
	color: #000066;
	text-decoration: underline;
}

.WHUB-Title
{
	font-size: 14pt;
	font-weight: bold;
	color: #000066;
	padding-left: 6px;
	height: 50px;
}

.WHUB-SubTitle
{
	font-size: 10pt;
	font-weight: bold;
	color: Gray;
}

.WHUB-Menu
{
	vertical-align: top;
	font-weight: bold;
}

.WHUB-Menu-Top
{
	vertical-align: top;
	background-position: top;
	background-image: url('Water_drops_Menu_Top.gif');
	background-repeat: no-repeat;
}

.WHUB-Menu-Bottom
{
	vertical-align: top;
	background-position: bottom;
	background-color: #F0F5F8;
	background-image: url('Water_drops_Menu_Bottom.gif');
	background-repeat: no-repeat;
}

.WHUB-Menu TD
{
	padding: 1px;
}

.WHUB-Menu A:LINK, .WHUB-Menu A:VISITED, .WHUB-Menu SPAN
{
	color: Gray;
	text-decoration: none;
}

.WHUB-Menu A:HOVER, .WHUB-Menu A:VISITED:HOVER
{
	color: Black;
	text-decoration: underline;
}

.WHUB-Menu-Active
{
	text-decoration: underline;
}

.WHUB-Body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

SELECT, INPUT, TEXTAREA, SPAN, LOGIN, .login_error
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

TABLE.WHUB-View
{
	margin-top: 16px;
	margin-left: 16px;
}

.WHUB-ViewTitle
{
	text-align: left;
	background-repeat: no-repeat;
	background-color: #990033;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 2px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	width: 100%;
}

.WHUB-CompositeView TR
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.WHUB-CompositeView TABLE TH
{
	text-align: right;
}

.WHUB-EntityView
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.WHUB-EntityView TR
{
	height: 21px;
}

.WHUB-EntityView TH
{
	right: 0;
	text-align: right;
	padding-right: 8px;
	vertical-align: top;
}

.WHUB-EntityView TD
{
	text-align: left;
	padding-right: 8px;
	vertical-align: top;
}

.WHUB-EntityView-Header
{
	text-align: right;
	padding-right: 8px;
}

.WHUB-ListView-Repeater-Header
{
	text-align: Left;
	padding-right: 8px;
	font-weight: bold;
	background-color: #AAAAAA;
	text-align: Center;
}

.WHUB-ListView-Repeater-Row
{
	text-align: Center;
	padding-right: 8px;
}

.WHUB-ListView
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.WHUB-ListView TR
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

.WHUB-ListView TABLE TH
{
	text-align: left;
	padding-right: 5px;
}

.WHUB-ListView TABLE TD
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 14px;
	border-top: 1px solid #CCCCCC;
	text-align: left;
}

.WHUB-ViewPage
{
	border-color: #AAAAAA;
	border-width: 0px;
	border-bottom: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: Solid;
	background-color: #CCCCCC;
	padding-left: 10px;
	padding-bottom: 100px;
	width: 99%;
}

.WHUB-ViewPage TABLE TH
{
}

.WHUB-TabStripTopGroup
{
	border-bottom-width: 0px;
}

.WHUB-TabStripNormal
{
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	background-color: white;
	background-image: url('centre.jpg');
}

.WHUB-TabStripSelected
{
	position: relative;
	background-color: Maroon;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-bottom-style: none;
}

.WHUB-TabStripHover
{
	position: relative;
	background-color: Lime;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom-style: none;
	color: White;
}

.WHUB-Login
{
	border-left: solid 5px transparent;
}

.TextBox
{
	width: 200px;
}

.WHUB_Instruction
{
	color: Red;
}

.WHUB_Message
{
	font-weight: normal;
	text-align: center;
	font-style: italic;
}

.WHUB_Message_Small
{
    width:50%;
}

.WHUB_Instruction_Large
{
	text-align: center;
	font-size: large;
	color: Red;
}

.WHUB-TableHeading
{
	color: #990033;
}

.WHUB-Bold
{
	font-weight: bold;
}

.WHUB_HTML_Buttons
{
	font-weight: bold;
}

.WHUB_Mandatory
{
	color: Red;
}

/********************************************/

.li
{
	padding: 1px;
	list-style-type: none;
	color: #0A478B;
}

/********************************************
 * gridview
 ********************************************/

.gridview_Pager
{
	font-weight: bold;
	color: White;
	background: url(bg_sprite.png) repeat-x 0px 0px;
}

.gridview_Pager A
{
	color: White;
}

.gridview_header
{
	text-align: left;
	background: url(bg_sprite.png) repeat-x 0px 0px;
	font-weight: bold;
	color: White;
	height: 27px;
}

.gridview_alternating
{
	background-color: #EAEAEA;
	text-align: left;
}

.gridview_rowstyle
{
	text-align: left;
}

.gridview
{
	border: 1px #445491 solid;
}

.detailsview
{
	border: solid 1px #000000;
	border-spacing: 0px;
}
.detailsview td
{
	border: solid 1px #000000;
	border-spacing: 0px;
}

.detailsview_header
{
	text-align: left;
	background: url(bg_sprite.png) repeat-x 0px 0px;
	font-weight: bold;
	color: White;
	height: 20px;
}

.detailsview_rowstyle
{
	background-color: #FAFAFA;
	text-align: left;
}

.detailsview_alternating
{
	background-color: #EAEAEA;
	text-align: left;
}

/***********************************
* Different Text box sizes
************************************/
.text_10
{
	width: 110px;
}

.text_15
{
	width: 165px;
}

.text_20
{
	width: 220px;
}

.text_25
{
	width: 275px;
}

.text_30
{
	width: 330px;
}

.text_50
{
	width: 550px;
}

.text_year
{
	width: 60px;
}

.text_date_ddmmyyyy
{
	width: 70px;
}

.text_numeric_10
{
	width: 80px;
}

.text_numeric_5
{
	width: 40px;
}

.text_numeric_6
{
	width: 48px;
}

.text_numeric_4
{
	width: 32px;
}



/***********************************
* Maintenance form columns
************************************/

.maint_column_label_td
{
	width: auto;
	text-align: left;
	padding: 0px 15px 0px 0px;
    vertical-align: top;
}

.maint_column_value_td
{
    vertical-align: top;
}

/***********************************
* Progress popup
************************************/
.progress
{
	display: block;
	position: absolute;
	padding: 2px 3px;
}

.progress_container
{
	border: solid 1px #808080;
	border-width: 1px 0px;
}

.progress_header
{
	background: url(sprite.png) repeat-x 0px 0px;
	border-color: #808080 #808080 #ccc;
	border-style: solid;
	border-width: 0px 1px 1px;
	padding: 0px 10px;
	color: #000000;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.9;
	font-family: arial,helvetica,clean,sans-serif;
}

.progress_body
{
	background-color: #f2f2f2;
	border-color: #808080;
	border-style: solid;
	border-width: 0px 1px;
	padding: 10px;
}

.progress_background
{
	background-color: gray;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	-ms-opacity: 0.1;
    filter: alpha(opacity=10);
    opacity:0.1;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=60);
	-moz-opacity: .60;
	opacity: .60;
}

/***********************************
* Homepage information boxes
************************************/

#Homepage-Header
{
	width: 100%;
	height: 80px;
	z-index: 0;
}

.stretch
{
	width: 100%;
	height: 100%;
}

.Homepage-WaterRestrictions
{
	position: absolute;
	top: 170px;
	right: 2%;
	z-index: 10;
	font-weight: bold;
	color: Black;
}

.HomePage_InfoBox
{
	border-style: solid;
	border-color: White;
	border-width: 1px;
	background-color: #E4EEF2;
	width: 100%;
}

.HomePage_InfoBox SPAN
{
	display: inline-block;
	padding: 0px 5px 0px 5px;
}

.time_period_date_list
{
	min-width: 750px;
}

.time_period_date_list td
{
	display: inline-block;
	width: 90px;
}


/* AA 20121130 Additions for Login.aspx */
#login_header
{
	width: 100%;
	height: 89px;
	border-bottom: solid 1px black;
	display:block;
}
#login_logo-left 
{
	width: 450px;
	height: 89px;
	/*background-image:url(/CookieAuth.dll?GetPic?formdir=9&image=lgntop_whub.gif);	*/
	background-image:url(/Images/lgntop_whub.gif);
	background-repeat: no-repeat;
	float:left; 
}
#login_logo-right 
{
	height: 89px;
	width: 160px;
	/*background-image:url(/CookieAuth.dll?GetPic?formdir=9&image=lgntop_qwc.gif);	*/
	background-image:url(/Images/lgntop_qwc.gif);
	background-repeat: no-repeat;
	float:right; 
	margin-right: 20px;
}
.login_container 
{
	margin: auto;
	width: 800px;
}
#login_leftcolumn, .login_leftcolumn
{
	width: 49%; 
	/*border: 1px solid red; */
	float: left;
}
.login_leftcolumn {
    padding-left: 5px;
}
#login_rightcolumn, .login_rightcolumn
{
	width: 49%; 
	/*border: 1px solid red; */
	float: right;
}
/* AA 20121130 END */

/*KC20170223 having to include the styles here for the calendar pop-up as they werent being applied whem creating the ajax control programmatically*/

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=r8BNdfn9Gjf7i5FPG0KdNxz975nsyTZX9na8C1aHN_FWyTETLq1quxK_On_ENhsZmyJMbjsgw7XFRO_N0jaLZ2v9uKdq1O5ngqTLJDiUqbK4VHjB5NIe1-zF_XZDImk64o6Jx7mMQT5KFiEMgsPJHa1-_ZE1&t=636051172042876983);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=59X7udyPa1HPBFOnE52-nLQNzXRcGKKD8BAJQiwWgSrTYWTnSCinqv7iYtiAh31b9pNDyLHT6kYEydfAgaT7_K6KOLrIKgIP-S7vth3VIBOcNiHtddKHKPwFW4HSOeZap8iMvWQWKYr8wjScBiGK8NKdICw1&t=636051172042876983);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.hidden {
    display: none;
}


/* ComboBox styles */
#master_content .ajax__combobox_itemlist
{
    margin: 0px;
}

 .ajax__combobox_buttoncontainer button
{
    background-image: url(/Images/dropdownarrow.gif);
    background-position: center;
    background-repeat: no-repeat;
    border-color: ButtonFace;
    height: 15px;
    width: 15px;
}
.ajax__combobox_itemlist
{
    margin: 0px;
    padding: 0px;
    cursor: default;
    list-style-type: none;
    text-align: left;
    border: solid 1px ButtonShadow;
    background-color: Window;
    color: WindowText;
}
.ajax__combobox_itemlist li
{
    white-space: nowrap;
    width: 100%;
    padding: 0 3px 0 2px;
}

.toBeDeleted {
    text-decoration: line-through !important;
}

.comment {
        color: green;
}

.scroll {
    clear: both;
    display:block;
    max-height: 700px !important;
    overflow:auto !important;
    border-style: solid;
    border-width: thin;
    border-color: lightgray;
    padding-left: 10px;
    padding-bottom: 10px;
}

.pop-up {
    border: Solid 3px #00436D; width: 100%;
    max-height: 800px;
}

.table-title {
    height: 10%; 
    color: White; 
    font-weight: bold; 
    font-size: larger; 
    text-align:center;
}

.sql-statement {
    font-family: Courier New, Courier, monospace !important;
}

.full-width {
    width: 100% !important;
}

.Initial
{
  /*float: left;*/
  display: block;
  background: url("../Images/SelectedButton.png") no-repeat right top;
  padding: 4px 18px 4px 18px;
  color: Black;
  font-weight: bold;
  color: White;

}

.firstTab {
    float:left;

}
.Initial:hover
{
  color: black;
  background: url("../Images/InitialImage.png") no-repeat right top;
}
.Clicked
{
  display: block;
  padding: 4px 18px 4px 18px;
  /*float: left;*/
  background: url("../Images/InitialImage.png") no-repeat right top;
  color: Black;
  font-weight: bold;
}

.tab-display {
    padding-top: 20px;
}

.sql-error {
   color: red;
}

.align-top {
    vertical-align:top;
}

.right-align {
    text-align:right;
}