﻿/* CSS Document */
* {
        /* Reset browsers default margin, padding and font sizes */
        margin: 0;
        padding: 0;
}
BODY {
        PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;
        FONT-SIZE: 1em;
        BACKGROUND-COLOR: #DDDDE1;
        FONT-FAMILY: "Lucida Grande", Geneva, Arial, Verdana,Helvetica, sans-serif;
        color: #FFFFFF;
        BORDER-RIGHT: transparent 0px;
        BACKGROUND-POSITION: left top; BORDER-TOP: transparent 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: transparent 0px; PADDING-TOP: 0px; BORDER-BOTTOM: transparent 0px;
        BACKGROUND-REPEAT: no-repeat;
        margin: auto;

}

table {
	margin-left: auto;
	margin-right: auto;
	vertical-align:top;
}

P {
   padding-top: 15px;
}

a:link {
   text-decoration: none; color: white;
}
a:visited {
   text-decoration: none; color: white;
}
a:hover {
   text-decoration: underline; color: #FF8040;
}
a:active {
   text-decoration: underline; color: #FF8040;
}

.centerit {
  margin-left: auto;
  margin-right: auto;
}


.base {
        FONT-FAMILY: "Lucida Grande", Geneva, Arial, Verdana,Helvetica, sans-serif;
        color: #C0C0C0; font-size: 100%;
        background-color:#FFFFF0;

}
#alltop {
        padding: 0 0 0 0;
        margin: 0px auto 0px auto;
        width:800px;
        height:100px;
        position: relative;
        display:block;
}

#topheader {
        padding: 0 0 0 0;
        /*margin: 0 0 0 0;*/
        margin: 0;
        height:100px;
        width:560px;
        float:left;

}
#topheader a {
        text-indent:-9000px;	
        BACKGROUND: url('../images/masthead_1.jpg') no-repeat #fff 0px 0px;
        height:100px;
        width:560px;
        margin: 0;
        padding:0;
        position:absolute;
}

.topheader1 {
        BACKGROUND: url('../images/top_header_2.jpg') repeat-x;
        padding: 0;
        margin: 0;
        height:100px;
        width:30px;
        float:left;
}

.topheader2 {
        BACKGROUND: url('../images/masthead_2.jpg') no-repeat;
        width: 210px;
        height: 100px;
        margin:0;
        padding:0;
        left:610px;
        float:right;
}
.barfill {
        color: #000000; font-size: 100%; background-color: #A5C7E9;
        BACKGROUND-IMAGE: url('../images/menubar.png');
        BACKGROUND-REPEAT: repeat-x;
        width: 800px;
        vertical-align:middle;
        border-top: 1px #B4B4B4 solid;
        border-bottom: 1px gray solid;
        height: 30px;
        display:block;

}
#allbartop {
        padding: 0 0 0 0;
        margin: 2px auto 0px auto;
        position: relative;
        display:block;
        vertical-align:middle;
}

.newbarblock {
    font-size: .8em; color: #FFFFFF;
    text-align: center;
    display:inline;
    padding:0px 10px 0px 10px;
    vertical-align:middle;
    border-right: 1px #C3C3C3 solid;
}
.newbarblock a:link {
   text-decoration: none; color: white;
}
.newbarblock a:visited {
   text-decoration: none; color: white;
}
.newbarblock a:hover {
   text-decoration: underline; color: #FFD595;
}
.newbarblock a:active {
   text-decoration: underline; color: #FFD595;
}


.footer {
        BACKGROUND: url('../images/base_1.jpg') no-repeat left top;
        background-position: 0px -1px;
}
.footertext {
        BACKGROUND: #FEFEFE url('../images/footexp.jpg') repeat-x;
        background-position: 0px -1px;
        FONT-FAMILY: "Lucida Grande", Geneva, Arial, Verdana,Helvetica, sans-serif;
        font-size: 8pt; color: #000000; background-color: #FEFEFE;
        position: relative;
        padding-top:5px;

}
.footertext a:link {
   text-decoration: none; color: #000000;
}
.footertext a:visited {
   text-decoration: none; color: #000000;
}
.footertext a:hover {
   text-decoration: underline; color: #FF8040;
}
.footertext a:active {
   text-decoration: underline; color: #FF8040;
}

.normfiller {
        background-color: #FFFFF0;
}
.primary2 {
    font-size: 100%; color: #000000;
    background-color: #A5C7E9;
    border: 1px solid #FF8000;
}

.menutext{
    font-size: 100%; color: #FFFFFF;
    text-align: left;
    BACKGROUND-IMAGE: url('../images/bar.png');
BACKGROUND-REPEAT: repeat-x;
    text-indent: 10px;
    vertical-align: text-top;
}
.menuhigh{
    font-size: 100%; color: #FFFFFF;
/*    BACKGROUND-IMAGE: url(..../images/bar.png); BACKGROUND-REPEAT: repeat-x;*/
    background-color: #808000;
/*    border-top: red 1px solid;
    border-bottom: red 1px solid; */
}
.menuhightext{
    font-size: 1.3em; color: #000000;
    text-align: left;
    padding-left: 35px;
}
.mblock{
    font-size: 1em; 
    background-color:white;
    color:#454545;
}
.mblock a:link {
   text-decoration: none; color: #B08500;
}
.mblock a:visited {
   text-decoration: none; color: #B08500;
}
.mblock a:hover {
   text-decoration: underline; color: #FF9900;
}
.mblock a:active {
   text-decoration: underline; color: #FF9900;
}

.mblockinput {
	font-size: 1em;
	height: 14px;
}
.mblocktext {
   font-size: .9em;
   padding: 0px 10px 0px 10px;
   font-family:Verdana;
   vertical-align:top;
}
.mblockactiontext {
   font-size: .9em;
   padding: 0px 10px 0px 10px;
   font-family:Verdana;
   background-color:white;
}

.mblock2{
    font-size: 1em;        
    color: black;
    }
.mblock2 a:link {
   text-decoration: underline; color: #FFCC33;
}
.mblock2 a:visited {
   text-decoration: underline; color: #FFCC33;
}
.mblock2 a:hover {
   text-decoration: none; color: #FF9900;
}
.mblock2 a:active {
   text-decoration: underline; color: #FF9900;
}

.blockv{
    font-size: 100%; color: #FFFFFF;
    background-color: #DFE0EE;
}
.shadow{
    color: #000000;
    BACKGROUND-IMAGE: url('../images/shadow.png');
BACKGROUND-REPEAT: repeat;
    width: 528px;
}
.titleblocks {
   font-size: .85em;
   background-color: #ADD1FF;
   border: 1px solid #F4F4FF;
   padding: 3px 1px 3px 1px;
   color: #646464;
   text-align: center;
   vertical-align: text-top;
}

.helpblock{
    font-size: .9em; 
    color: #336699;
    border: 1px solid #646464;

}
.logintitle {
    font-size: 1.1em; 
    color: #336699;
    padding: 1px 10px 5px 10px;

}
.helptitle {
    font-size: .9em; 
    color: #336699;
    padding: 1px 10px 5px 10px;

}
.helpbutton {
    font-size: .9em; color: black;
    padding: 5px;

}
.editinfo {
   color: #FFFFFF;
   vertical-align: middle;
   font-size:1em;

}
.addrblock {
   color: #000000;
   background-color: #F0F2FF;
   border: 1px solid #F4F4FF;
   font-size: 0.9em;
   padding: 5px 5px 5px 30px;
   text-indent: -25px;
   display:block;
}
.contactblock {
   color: #000000;
   background-color: #F0F2FF;
   border: 1px solid #F4F4FF;
   font-size: 0.9em;
   padding: 5px 5px 5px 5px;
   text-indent: 0px;
   display:block;
   width: 152px;
}

.actionbar {
	padding-left:5px; 
	font-size:1em; 
	height:30px; 
	text-align:center;
	
}

.statusinfo {
   text-align: right;
   font-size: 1em;
}


.generaltitle {
        font-size: .8em;
        color: black; 
        text-align: left;
        background-color: white;
}

.leftblock {
    font-size: .9em; color: #FFFFFF;
    border: 1px solid #646464;
}

.editblock {
        background-color: white;
        color: black;
}
.arrearsfill {
   background-color: white;
}
.arrearstitle {
   background-color: white;
        border-bottom: 1px gray solid;
        text-align:center;
        color:black;
}
.arrears {
        background-color: #EAF7FF;      
        border-right: 1px gray solid;
        border-bottom:1px gray solid;
        padding: 0px 5px 0px 5px;
        text-align:center;
        height: 25px;
        vertical-align:middle;
        
}

.QAblock{
    background-color:#B3D9FF;
    font-size: .9em; 
    color: black;
    vertical-align:middle; 
    position:relative;
    margin: auto;
    border: 1px #669999 solid;
}
.historytitle {
   background-color: white;
        border-right: 1px gray solid;
        border-bottom: 1px gray solid;
        text-align:center;
        color:black;
}
.history {
        background-color: #EAF7FF;      
        border-right: 1px gray solid;
        border-bottom:1px gray solid;
        padding: 0px 5px 0px 5px;
        text-align:center;
        height: 25px;
        vertical-align:middle;
        
}

.QnAQuestion{
	font-size: 1em;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
}
.QAtext {
   font-size: 1em;
   padding: 0px 10px 0px 10px;
   position:relative;
   
}

.QnAHint{
	font-size: 0.9em;
	font-style:italic
}
.QnAAnswer {
   font-size: 1em;
   padding: 0px 10px 0px 10px;
   font-family:Verdana;
   text-align:left;
   background-color:#C2DCFF;
/*    BACKGROUND-IMAGE: url('../images/bg.png'); 
    background-repeat:repeat ;*/
   
}
.QnAMsg {
   font-size: 1em;
   padding: 0px 10px 0px 10px;
   font-family:Verdana;
   color:black;
   background-color:#FFFFCC;
   vertical-align:middle;
   position:relative;
   visibility:hidden;
}
.QnAMsg a:link {
   text-decoration: underline; color: black;
}
.QnAMsg a:visited {
   text-decoration: underline; color: black;
}
.QnAMsg a:hover {
   text-decoration: none; color: red;
}
.QnAMsg a:active {
   text-decoration: underline; color: black;
}
.PayValue {
   font-size: 1em;
   padding: 0px 0px 0px 0px;
   position:relative;
   
}
.err {
        FONT-FAMILY: "Lucida Grande", Geneva, Arial, Verdana,Helvetica, sans-serif;
        background-image:url('../images/warning.png');
        background-repeat:no-repeat;
        background-position: 1px 10px;
        color: #333300; 
        background-color:#FFFF99;
        text-align: left;
        vertical-align: middle;
        margin:0;
        padding-left:26px;
}

.sidebar {
   vertical-align:top;
   width:215px;
   visibility:visible;
   font-size: .9em;
}
.sidebar a:link {
   text-decoration: none; color: #B08500;
}
.sidebar a:visited {
   text-decoration: none; color: #B08500;
}
.sidebar a:hover {
   text-decoration: underline; color: #FF9900;
}
.sidebar a:active {
   text-decoration: underline; color: #FF9900;
}

.nosidebar {
   vertical-align:top;
   width:0px;
   visibility:hidden;
}

.sidebarbase {
	background-image:url('../images/boxbase2.png');
	background-repeat:no-repeat;
	margin-left:5px;
	padding-left:9px;
    background-position: 0px -130px;

}

.sidebarmid {
	background-image:url('../images/boxmiddle2.png');
	background-repeat:repeat-y;
	margin-left:5px;
	padding-left:9px;
}
.sidebartop {
	background-image:url('../images/boxtop2.png');
	background-repeat:no-repeat;
	background-position: 0px -2px;
	margin-left:5px;
	padding-top:4px;
	padding-left:9px;
	color:white;
	vertical-align:middle;
	font-size:.9em;
}

.mainsection {
   padding:15px;
   vertical-align: top;
   font-size: .9em;
}

.bc {
   font-family:"Lucida Grande", Geneva, Arial, Verdana,Helvetica, sans-serif;
   font-size: .9em;
   border-bottom: 1px silver solid;
   padding-left:20px;
   height:28px;
   vertical-align:top;
   margin:5px;
}

.srtitle {
    font-size: .9em; 
    color: #336699;
    padding: 1px 10px 5px 10px;

}
.srhint {
    font-size: .7em; 
    color: #336699;
    padding: 1px 10px 5px 10px;

}
.srhdetail {
    font-size: .8em; 
    color: #336699;
    padding: 1px 10px 5px 10px;
    border-top: 1px #336699 solid;
    border-bottom: 1px #336699 solid;
}
.srdetail {
    font-size: .8em; 
    color: #336699;
    padding: 1px 10px 5px 10px;

}
.srfoot {
    font-size: .75em; 
    color: #336699;
    padding: 10px 5px 5px 10px;
    text-align:right;
    border-top: 1px #336699 solid;
    border-bottom: 1px #336699 solid;
}
.srfootsrch {
   text-align:left; 
   color:#336699; 
   background-color:#FFFFCC; 
   padding: 15px;
	
}
#waiting {
	vertical-align:middle;
	display:block;
	float:left;
}
.gonext {
	height:24px;
	padding:0 2px 0 2px;
	display:block;
	float:left;
}
.buts {
	height:24px;
	padding:0 2px 0 2px;
	display:block;
	float:left;
}
.searchtitle {
	font-size:1.1em;
	color: #336699;
}
.dregtitle {
        font-size: .7em;
        color: black; 
        background-color: white;
        display: inline;
        height:28px;
}
.dregtitle a:link {
   color:#FF9900;
   text-decoration: none;
}   
.dregtitle a:visited {
   color:#FF9900;
   text-decoration: none;
}   
.dregtitle a:hover {
   color:#FF9900;
   text-decoration: underline;
}      
.dregtitle a:active {
   color:#FF9900;
   text-decoration: underline;
}   