/**************************************************************************************************************
 * Bill Pay
 **************************************************************************************************************/
html, body {height: 100%}
h1, h2, h3, h4 {margin:10px 0 10px 0;}
body
{
    margin:0px;
    text-align:left;
    height:100%;
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color:#FFFFFF;
}
form
{
    height:100%;
}
a:link {font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#002664;}     /* unvisited link */
a:visited {font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#002664;}  /* visited link */
a:hover {font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color:#FF0000;}   /* mouse over link */
a:active {color: #FF0000;}   /* selected link */
img
{
    border:none;
}
h1
{
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color:#002664;
}
h2
{
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color:#002664;
}
h3
{
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color:#002664;
}
h4
{
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color:#002664;
}
p
{
    color:#000000;
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin-top:8px;
    margin-bottom:8px;
    text-align:justify;
}
hr
{
    color:#666666;
    margin:0px;
    padding:0px;
}
ol li
{
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    list-style-type:square;
    margin-left:15px;
}
ul li
{
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: normal;
    list-style-type:square;
    margin-left:15px;
}
.TitleFont { /* CC - Main titles */    
  font-size : 14px;
  font-weight : bold;
  font-family : "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  color : #002664;
} 
.SmallFont { /*  */
  font-size: 10px;
  color : #000000;                       
  font-weight : normal;                
}                                      

.StandardFont { /*  */
  font-size: 12px;
  color : #000000;                       
  font-weight : normal;                
}                                      

.StandardFontBold { /*  */
  font-size: 12px;
  color : #000000;                       
  font-weight : bold;                  
} 
input {                                
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;                 
  padding-top: 2px;                    
  padding-bottom: 1px;                 
  padding-left: 2px;                   
  padding-right: 2px;                  
}                                      

/* Main submit style buttons (various widths) */

.optionbutton { 
    padding: 5px;                       
	border-bottom: thin solid #000000;
    border-right: thin solid #000000;
    border-top: thin solid #000000;
    border-left: thin solid #000000;
    font-size: 12px;
    font-weight: bold;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    background-color: #002664;
    color: #FFFFFF;
}                                      


.actionbutton {                        
	border-bottom: thin solid #000000;
    border-right: thin solid #000000;
    border-top: thin solid #000000;
    border-left: thin solid #000000;
    font-size: 12px;
    font-weight: bold;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    background-color: #002664;
    color: #FFFFFF;
}

.DottedUnderlinedLabel
{
    margin: 0px 0px 8px 0px;
    border-bottom:dotted 2px #CCCCCC;
}

.BusinessHeaderCell
{
    padding:4px;
}
.BusinessMapLink:link
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:8pt;
    color:#FFFFFF;
}
.BusinessMapLink:visited
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:8pt;
    color:#FFFFFF;
}
.BusinessMapLink:hover
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size:8pt;
    color:#FFFFFF;
}
.BusinessAddressCell
{
    padding:4px;
}
.BusinessServicesCell
{
    padding:4px;
}

.VeriSign
{
    margin:4px;
}
.McAfeeScanAlert
{
    margin:4px;
}
.PCI
{
    margin:4px;
}

/*
.divMain
{
    position:relative;
    height:100%;
    width:820px;
    background-image:url(images/bg-container.gif);
    text-align:center;
}
table#billpaymain
{
    height:100%;
    width:820px;
    margin:0px;
    padding:0px;
}
table#billpayaccount
{
    width:820px;
    margin:0px;
    padding:0px;
}
table#billpayheader
{
    height:75px;
    width:750px;
    margin:0px;
    padding:0px;
}
table#billpaytabs
{
    width:523px;
    height:23px;
    margin:0px;
    padding:0px;
    background:url(images/tabs_four.png);
}
td.billpaytab
{
    font:bold 9px Tahoma;
    color:#666666;
    cursor:pointer;
}

table#billpaybanner
{
    width:750px;
    margin:0px;
    padding:0px;
}

table#billpaycontentarea
{
    width:750px;
    height:100%;
    margin-top:10px;
    padding:0px;
    background:#EEEEEE;
}

table#billpaycontent
{
    width:750px;
    margin-top:10px;
    padding:0px;
    background:#EEEEEE;
}
        div#billpaypictureframe
        {
            position:relative;
            height:380px;
            width:275px;
            background:#FFFFFF;
            border:solid 1px #5F5D55;
            margin:10px;
            padding:10px;
            text-align:left;
        }
        div#billpaypicture
        {
            height:360px;
            width:255px;
            background:#CCCCCC;
            text-align:left;
        }
        table.billpaycontentframe
        {
            font:normal 9px Tahoma;
            color:#000000;
            margin:0px;
            padding:0px;
        }

table#billpaytripleframe
{
    width:750px;
    margin-top:5px;
    margin-bottom:-5px;
}
td.billpaytripleframe
{
    font:normal 9px Tahoma;
}
table.billpaytriplecontent
{
    width:100%;
    height:210px;
    padding:10px;
    background:#EEEEEE;
    font:normal 9px Tahoma;
}

table.billpayfooter
{
    margin-top:10px;
    width:750px;
    height:35px;
    background:#555555;
}
td.billpayfooter
{
    font:normal 9px Tahoma;
    color:#FFFFFF;
    margin:0px;
    padding:0px;
    text-align:center;
    vertical-align:middle;
}
td.billpayfooter a:link
{
    font:normal 9px Tahoma;
    color:#FFFFFF;
}
td.billpayfooter a:visited
{
    font:normal 9px Tahoma;
    color:#FFFFFF;
}
td.billpayfooter a:hover
{
    font:normal 9px Tahoma;
    color:#FFFFFF;
}
*/
.billpayimglink
{
    cursor:pointer;
}
.billpayimglinkborder
{
    cursor:pointer;
    border:solid 1px #555555;
}
.CustomerCare, .Services, .FAQ, .AboutUs, .SecuritySeal, .News, .VeriSign, .McAfeeScanAlert, .PCI
{
    float:left;
}
.ContentFirstImage, .ContentSecondImage, .ContentThirdImage
{
    margin:10px;
}
.ContentFirstLabel
{
    color:#666666;
    font:bold 14px Tahoma;
    font-style:italic;
    width:100%;
    text-decoration:none;
    border-bottom:dotted 2px #666666;
    cursor:pointer;
    margin-top:4px;
}
.ContentSecondLabel
{
    color:#666666;
    font:bold 14px Tahoma;
    font-style:italic;
    width:100%;
    text-decoration:none;
    border-bottom:dotted 2px #666666;
    cursor:pointer;
    margin-top:4px;
}
.ContentThirdLabel
{
    color:#666666;
    font:bold 14px Tahoma;
    font-style:italic;
    width:100%;
    text-decoration:none;
    border-bottom:dotted 2px #666666;
    cursor:pointer;
    margin-top:4px;
}

.MenuPanel
{
    padding-left:12px;
}
.Nav_Star
{
    margin-left:8px;
}
a.NavigationMenu:link
{
    color: #002664;
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
a.NavigationMenu:visited
{
    color: #002664;
    font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
a.NavigationMenu:hover
{
    color: #FF0000;
}
a.navigation:link {
  font-size : 13px;
  font-weight : bold;
  text-decoration : none;
  color : #002664;
  margin-left : 4px;
}
a.navigation:visited {
  font-size : 13px;
  font-weight : bold;
  text-decoration : none;
  color : #002664;
  margin-left : 4px;
}
a.navigation:hover {
  color : #FF0000;
}
a.leftnav:link {
  font-size : 12px;
  text-decoration : none;
  color : #002664;
  margin-left : 4px;
}
a.leftnav:visited {
  font-size : 12px;
  text-decoration : none;
  color : #002664;
  margin-left : 4px;
}
a.leftnav:hover {
  color : #FF0000;
}
/* Main Content Area Div */
#maincontent {
padding: 10px 20px;
width: 560px;
}
/* Main Content Area Div Metavante Pop Windows */
#maincontent2 {
padding: 10px 20px;
width: 660px;
}
/* Main Page Payment Option Divs */
.payment_option {
margin: 5px;
padding: 10px;
width: 160px;
text-align: center;
background-color: #f3f3f3;
border:1px solid #E1081E;
}
.Button
{
	border-bottom: thin solid #002664;
    border-right: thin solid #002664;
    border-top: thin solid #002664;
    border-left: thin solid #002664;
}
.FindButton
{
	border-bottom: thin solid #002664;
    border-right: thin solid #002664;
    border-top: thin solid #002664;
    border-left: thin solid #002664;
}

/**************************************************************************************************************
 * Reset
 **************************************************************************************************************/
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

/**************************************************************************************************************
 * Globals
 **************************************************************************************************************/


/*
body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
h1, h2, h3, p, table, ul { margin: 10px; }
h1 { font-size: 14pt; font-weight: bold; }
h2 { font-size: 12pt; font-weight: bold; }
h3 { font-size: 10pt; font-weight: bold; }
li { margin: 10px 10px 10px 40px; }
th { white-space: nowrap; font-weight: bold; }
td { text-align: left; vertical-align: top; }
a { color: #3B5E0B; text-decoration: none; }
a:hover { color: #3B5E0B; text-decoration: underline; }
input.text, textarea { border: solid #4D804D 1px; padding: 2px; }
strong { font-weight: bold; }
em { font-style: italic; }
blockquote { margin: 10px 50px; }
*/
.clear { clear: both; }
.right { text-align: right; }

/* dont show transparent pngs in IE until the js fixes them */
.ie5 .iefix, .ie6 .iefix { display:none; } 

/**************************************************************************************************************
 * Layout
 **************************************************************************************************************/
#page { margin: 0 auto; width: 750px; background-color: #fff; }
#page a { font-size: 12px; }

#header { background-color: #333333; color: #fff; height: 150px; margin: 0; overflow: hidden; text-align: right; }
#header ul { list-style: none; }
#header ul li { display: inline; margin: 0 2px; font-size: 8pt; }
#header ul li a { color: #fff; text-decoration: none; font-size: 8pt; }
#header ul li a:hover { text-decoration: underline; }
#header ul li.username { font-weight: normal; }
#header h1 { font-size: 18px; margin: 0 10px; float: left; }
#header .badge { margin: 0; margin-top: 25px; }

#nav { background: url("Images/tabs_bg.png") repeat-x left top; height: 34px; padding: 0; overflow: hidden; }
#nav ul { list-style: none; margin: 0; padding: 0; }
#nav ul li { display: inline; margin: 0; padding: 0; height: 34px; line-height: 34px; }
#nav ul li a { text-decoration: none; cursor: hand; float: left; text-decoration: none; margin: 0; padding: 0; font-weight: bold; }
#nav ul li a span { font-size: 12px; color: #fff; height: 34px; text-align: center; float: left; display: block; padding: 0 15px; }
#nav ul li a:hover span { color: #3B5E0B; }
#nav ul li a.selected span { color: #3B5E0B;  }

#content { }

#columns { background: url(Images/columns_bg.png) top left repeat-y; background: transparent;}
#column1 { width: 500px; overflow: hidden; float: left; }
#column1 a { font-size: 12px; }
#column2 { width: 250px; overflow: hidden; float: right; }
#column2 a { font-size: 12px; }

#footer { background-color: #2764C1; color: #fff; border: solid #2764C1 1px; height: 100px; font-size: 10px; }
#footer p  { font-size: 10px; }
#footer ul { list-style: none; float: right; font-size: 10px; }
#footer li { display: inline; margin: 0; font-size: 10px; }
#footer a  { color: #fff; font-size: 10px; }

/**************************************************************************************************************
 * Page Styles
 **************************************************************************************************************/
/* ~/Admin/Default.aspx */
#dashboard { width: 750px; margin: 0; padding: 0; }
#dashboard .column1 { width: 500px; }
#dashboard .column1 table { margin-right: 0; }
#dashboard .column2 { width: 250px; }

/* ~/Admin/Users.aspx */
#searchterms { margin: 10px; background-color: #eee; border: solid #333333 1px; }
#searchterms li, a { font-size: 10px; }
#searchterms li { margin-top: 2px; margin-bottom: 2px; }
#searchterms p { margin: 2px 4px; }

#userlist { }
#userlist .gv { margin: 0 10px; }
#userlist .count { margin: 0 10px; text-align: right; font-size: 8pt; font-weight: bold; }
#userlist .gvedrs td { width: 730px; padding: 5px; }

/* ~/Admin/Roles.aspx */
#roles { }
#roles .list { margin: 0 10px; padding: 10px; border: solid #333333 1px; background-color: #eee; }
#roles .list table { margin: 0; padding: 0; }
#roles .list td { padding: 4px; }
#roles .list label { margin-left: 5px; }
#roles .note { margin: 0 10px; }

/* ~/Login.aspx */
#login { margin: 8px; }
#login .container { width: 200px; margin-left: auto; margin-right: auto; text-align:left;}
#login h1 { margin: 0 0 10px 0; padding: 0; }
#login p { margin: 10px 0 0 0; padding: 0; font-size: 10pt; }
#login a { font-size: 10pt; }
#login label { display: block; font-weight: bold; }
#login input.text { width: 195px; }

/* ~/Signup.aspx */
#signup { margin: 8px 8px; width: 355px; text-align:left; }
#signup h1 { margin: 0 0 10px 0; padding: 0; }
#signup table { margin: 0 0 10px 0; border: none; width: 355px; }
#signup td { padding: 5px; }

/* ~/ForgotPassword.aspx */
#passwordrecovery { margin: 50px; }
#passwordrecovery .container { width: 300px; margin-left: auto; margin-right: auto; }
#passwordrecovery h1 { margin: 0 0 10px 0; padding: 0; }
#passwordrecovery p { margin: 10px 0 0 0; padding: 0; }
#passwordrecovery label { display: block; font-weight: bold; }
#passwordrecovery input.text { width: 295px; }

/* ~/Member/Account.aspx */
#accountinfo { }

/******************************************************************************
 * ASP.NET Controls
 ******************************************************************************/
 
/**** <asp:GridView /> ****/
.gv { background-color: #ccc; border: solid #CCCCCC 1px; border-collapse: collapse; }
.gv th, .gv td { text-align: left; padding: 2px; font-size: 10px; }
.gv th { color: #fff; background-color: #666666; }
.gv th a { color: #fff; text-decoration: none; }
.gvar { background-color: #fff; }
.gvpr td { color: #fff; font-weight: bold; background-color: #666666; font-size: 11px; }
.gvpr a { color: #ccc; font-weight: bold; }
.gvpr td table { margin: 0; }

/**** <asp:DetailsView /> ****/
.dv { border: solid #E1081E 1px; background-color: #f3f3f3; border-collapse: collapse; }
.dv td { padding: 4px; }
.dvh { font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; text-align: right; white-space: nowrap; color: #002664; background-color: #f3f3f3; font-weight: bold; font-size:12px; }
.dvh2 { font-family: Lucida Grande, Lucida Sans Unicode, Arial, Verdana, sans-serif; text-align: left; white-space: nowrap; color: #000000; font-weight: bold; font-size:12px; }

/* <asp:ValidationSummary /> */
.vs { color: #fff; background-color: #c00; margin: 0; padding: 4px; }
.vs ul { margin: 0; padding: 0; list-style: none; }
.vs li { margin: 0; padding: 0; font-size: 10px; font-weight: normal; }

/* <hc:Dialog /> */
.dialog { color: #000; background-color: #fff; border: solid #666666 2px; }
.dialog_title { color: #fff; background-color: #666666; font-size: 12px; font-weight: bold; padding: 4px; text-align: left; }
.dialog_content { text-align: left; }
.dialog_content .gv, .dialog_content .dv, .dialog_content table, .dialog_content p { margin: 10px 10px 0 10px; }
.dialog_buttons { padding: 10px; text-align: right; }
.dialog_background { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

/* <hc:Button /> */
button.btn { background-color: #002664; margin: 0; padding: 0; }
button.btn div { border:none ; cursor: pointer; padding: 0 10px 0 0; text-align: center; height: 28px; }
button.btn div span { display: block; white-space: nowrap; padding: 0 0 0 10px; color: #fff; font-size: 12px; font-weight: bold; height: 28px; line-height: 28px; }

/* button graphics 
button.btn div { background: url(Images/button_right.png) top right no-repeat; }
button.btn div span { background: url(Images/button_left.png) top left no-repeat; }
button.btn:hover div { background-color: #002664; } */
button.btn:hover div span { color: #FF0000; }

/* button browser specific tweaks */
/*.ie button.btn { width: auto; overflow: visible; padding: 0 0 0 4px; }*/

/*.gecko button.btn div { margin: 0 -3px; } */

/************************************************************************************
 * AjaxControlToolkit Popup Calendar
 ************************************************************************************/
.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:240px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:240px;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 TD {font-size:8pt;padding:0;}
.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(Images/arrow-left.gif);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(Images/arrow-right.gif);}
.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;}