/* CSS Document */

/* RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td	{ margin:0;	padding:0; }
table							{ border-collapse:collapse;	border-spacing:0; }
fieldset,img					{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var	{ font-style:normal; font-weight:normal; }
ol,ul							{ list-style:none; }
caption,th						{ text-align:left; }
h1,h2,h3,h4,h5,h6				{ font-size:100%; font-weight:normal; }
q:before,q:after				{ content:''; }
abbr,acronym					{ border:0; }
.clear							{ clear:both; }

/* Clearfix!! */
.clearfix:after 				{ visibility: hidden; display: block; font-size: 0;	content: " "; clear: both; height: 0; }
* html .clearfix             	{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom: 1; } /* IE7 */

/*TYPOGRAPHY*/
h1								{ font-size: 30px; }
h2								{ font-size: 24px; font-weight:bold; }
h3								{ font-size: 18px; color: #74b9ff; text-transform: uppercase; font-weight: bold; margin: 0 0 .5em; }
h4								{ font-size: 18px; font-weight: bold; }
h4 a							{ text-decoration:none; color:Black; }
h4 a:visited					{ text-decoration:none; color:Black; }
h4 a:hover						{ text-decoration:underline; color:#74b9ff; }
h5								{ font-size: 16px; font-weight: bold; }
h6								{}
p								{ font-size: 14px; line-height:1.5em; margin: 0 0 1em; }
strong							{ font-weight: bold; font-style: inherit; }
em								{ font-weight: inherit; font-style: italic; }
ul								{ margin: 0 0 0 30px; }
li								{ line-height: 1.5em; margin: 0 0 1em; }
a								{}
a:hover							{}

.welcomenotes ul				{ margin:0px; font-size:12px;}


/* PAGE SHELL LAYOUT */
html							{ overflow-y: scroll; }
body							{ border-top: 5px solid #989898; background: #f0f0f0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10px; color: #222; }
#page-wrap						{ border-left: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; width: 978px; margin: 0 auto; background: #fff; }

/*HEADER*/
#header-img						{ width: 978px; overflow:hidden; display:block; }
#header-img img					{ width: 100%; }

#resident-web-tab				{ background: url(../images/rwTab-left-opaque.png) left top no-repeat; margin: -65px 0 -4px 0; z-index: 1; position:relative; padding: 0 0 0 30px; left:75px; }
#resident-web-tab .inner1		{ background: url(../images/rwTab-right-opaque.png) right top no-repeat; padding: 0 33px 0 0; }
#resident-web-tab .inner2		{ background: url(../images/rwTab-middle-opaque.png) top repeat-x; height: 38px; }
#resident-web-tab h1			{ font-size: 16px; text-transform: uppercase; padding: 8px 0 0; text-align: center; }

#main-nav						{ background: url(../images/nav-left.png) left top no-repeat; padding:0 0 0 7px; width: 893px; margin: 0 auto; position:relative; z-index: 2; }
#main-nav .inner1				{ background: url(../images/nav-right.png) right top no-repeat; padding:0 7px 0 0; }
#main-nav ul					{ background: url(../images/nav-middle.png) top repeat-x; padding: 4px 0; margin: 0; height:57px; }
#main-nav li					{ display:block; margin: 0; float: left; text-align:center; vertical-align:middle; }
#main-nav li a					{ display:block; /*float:left; line-height: 1;*/ color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; background: url(../images/darkGrey-vert-groove.png) right repeat-y; height: 45px; padding: 13px 11px 0; text-shadow: 0 1px 1px #3a3a3a; }
#main-nav li a.singleline		{ height:37px; padding-top:21px; }
#main-nav li a.last				{ background: none; }

#main-verify					{ padding:7px; width: 893px; margin: 7px auto; position:relative; z-index: 2; background-color:#E9F5FF; box-shadow: 5px 5px 7px 1px #CCC;}
#main-verify a					{ font-size:14px; font-weight:bold; color:Red; text-decoration:none;}
#main-verify a:visited   		{ font-size:14px; font-weight:bold; color:Red; text-decoration:none;}
#main-verify a:hover	   		{ text-decoration:underline;}
#main-verify img				{ margin-bottom:-3px;}
#main-verify p					{ padding-left:21px; margin: .5em 0em 0em 0em;}

/*LOGGED OUT HEADER*/
/* 2011/10/10 RS Dropped the logged out header adjustments in favor of the new header image/design. */
/*
.loggedout #resident-web-tab	{ margin: -38px 0 -4px 0; }
.loggedout #main-nav			{ display:none; }
*/

/*BODY*/
#content						{ padding: 20px 40px; }
#acct-header					{ border-top: 1px solid #bcbcbc; border-bottom: 1px solid #bcbcbc; margin: 0 0 20px; }
#acct-header h2					{ float: left; width: 300px; border-right: 1px solid #bcbcbc; padding: 10px; background: #F0F0F0; }
#acct-header .date				{ font-size: 18px; padding: 12px 0 0 20px; display:block; float:left; }
#logout							{ float: right; background: url(../images/logout-btn.png) no-repeat; width: 101px; height: 26px; padding: 5px 17px 0 0; margin: 9px 8px 0 0; text-align: right; font-size: 16px; text-transform: uppercase; text-decoration:none; color: #222; }

.section-panel					{ background: #e9f5ff; padding: 20px; }

#welcome						{ background: #e1e1e1; clear: both; border: 1px solid #a9a9a9; padding: 15px 20px 20px; margin: 20px 0 0; }

/*BODY - HOME PAGE*/
#summary td						{ border: none; vertical-align:top;}
#messages .section-panel		{ background: url("../images/lightBlue-horz-grad.png") repeat-x center top #E9F5FF; }
#messages p						{ background: url(../images/lightBlue-horz-groove.png) bottom repeat-x; padding: 0 0 1em; }
.sub-col						{ width: 320px; float: left; }
.main-col						{ width: 558px; float: right; }

/*BODY - NOTES */
#divDateRange					{ margin: 0 0 20px; }


#divDateRange					{ margin: 0 0 20px; }
#divDateRange td				{ width: 315px; }
#divDateRange td#all-dates		{ padding: 3px 0 0; }
#divDateRange label				{ margin: 0 5px; }
#divDateRange .text				{ width: 190px; }

#divDateRange-error				{ display:none; color: #fff; background: #AE060E; padding: 5px 10px; margin: 10px 0 0; width: 455px; }
#divDateRange-error p			{ margin: 0; }


#divNotes						{ }
#divNotes h4					{ margin-bottom:5px; margin-top:20px; }
#divNote 						{ margin-bottom:15px; border: 1px solid #BCBCBC; box-shadow: 5px 5px 7px 1px #ccc; 
         						  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#divNoteDate					{ float: left; width: 85px; margin: 0; font-size:16px; font-weight:bold;padding:10px;}
#divNoteComment					{ width:600px;float:left;padding:10px; font-size:14px;}
#divNoteAttach					{ float: right;width: 40px;margin: 0;padding: 1em;}

/*BODY - TRANSACTION HISTORY*/
#transaction-range				{ margin: 0 0 20px; }
#transaction-range td			{ width: 315px; }
#transaction-range td#all-dates	{ padding: 3px 0 0; }
#transaction-range label		{ margin: 0 5px; }
#transaction-range .text		{ width: 190px; }

#transaction-range-error		{ display:none; color: #fff; background: #AE060E; padding: 5px 10px; margin: 10px 0 0; width: 455px; }
#transaction-range-error p		{ margin: 0; }

/*BODY - MAKE A PAYMENT*/
#balance-info .wrap				{ margin: 20px 0 0; }
#balance-due					{ background: url(../images/lightBlue-horz-grad.png) top repeat-x #e9f5ff; padding: 5px 10px; margin: 0 0 10px -10px; width: 175px; }
#balance-due .value				{ background: #fff; padding: 5px 10px; margin: 5px 0; }

#payment-amt					{ margin: 20px 0; background: url("../images/lightBlue-horz-grad.png") repeat-x center top #E9F5FF; }
#payment-type					{ margin: 20px 0 0; }
#payment-input					{ float: left; }
#payment-input .text			{ width: 115px; }
#payment-amt .form-error1		{ float: right; margin: 10px 0 0; }
#payment-amt .form-error2		{ float: right; margin: 10px 0 0; }

#payment-type td				{ width: 50%; vertical-align:top; }
#payment-type input.text		{ height: 15px; width:230px; }
#payment-type select			{ display: block; margin: 5px 0; width:240px; }
#payment-type #cc_exp_month		{ display:inline-block; width:70px; }
#payment-type #cc_exp_year		{ display:inline-block; width:166px; }

#acct-on-file-panel span		{ display:block; margin: 0 0 10px; }

/*GENERAL TABLE STYLING*/
table.data-table                { }
table.full-width				{ width: 100%; }
table.mid-width					{ width: 85%; }
table.center-table				{ margin: auto; }
table.data-table td				{ padding: 5px; font-size: 14px; }
.data-table thead td			{ background: #f0f0f0; font-size: 16px; border-bottom: 1px solid #e6e6e6; font-weight:bold; }
.data-table thead th			{ background: #f0f0f0; font-size: 16px; border-bottom: 1px solid #e6e6e6; font-weight:bold; }
.data-table tbody td			{ border-bottom: 1px solid #e6e6e6;}
.data-table tbody tr:hover td	{ background: #e9f5ff; }
.data-table tfoot td			{ background: #f0f0f0; font-size: 16px; font-weight:bold; }

/*GENERAL FORM STYLING*/
label							{ font-size: 12px; }
input.text						{ font-size: 12px; padding: 3px; width: 150px; background: url(../images/input-bg.jpg) top repeat-x #fff; border: 1px solid #9ec1e1; }
input.block						{ display:block; margin: 5px 0; }
textarea						{ padding: 3px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
select							{ font-size: 12px; padding: 3px; width: 158px; height:23px;  background: url(../images/input-bg.jpg) top repeat-x #fff; border: 1px solid #9ec1e1; }
input.submit					{ background: url(../images/grey-btn.png) no-repeat; border:0; color: #fff; text-align: center; width: 118px; height: 31px; padding: 0 0 2px; font-weight:bold; text-shadow: 0 1px 1px #3a3a3a; }

.form-error						{ background: url(../images/redLeftTri.png) left 10px no-repeat; padding: 0 0 0 10px; display: none; }
.form-error1					{ background: url(../images/redLeftTri.png) left 10px no-repeat; padding: 0 0 0 10px; display: none; }
.form-error2					{ background: url(../images/redLeftTri.png) left 10px no-repeat; padding: 0 0 0 10px; display: none; }
.form-error p					{ background: #ae060e; color: #fff; padding: 7px 20px 12px; margin: 0; text-align: center; width: 330px; border-top: 1px solid #fb0a15; }
.form-error1 p					{ background: #ae060e; color: #fff; padding: 7px 20px 12px; margin: 0; text-align: center; width: 330px; border-top: 1px solid #fb0a15; }
.form-error2 p					{ background: #ae060e; color: #fff; padding: 7px 20px 12px; margin: 0; text-align: center; width: 330px; border-top: 1px solid #fb0a15; }
label.error						{ color: #AE060E; margin: 0 0 10px; display: block; }
 
/*BUTTONS*/
#pay							{ background: url(../images/greenBtn.png) no-repeat; width: 111px; height:34px; text-align: center; color:#fff; text-decoration: none; font-size: 18px; float:right; margin: 20px 20px 0; padding: 6px 0 0; text-shadow: 0 1px 1px #3A3A3A; font-weight:bold; }
#new-service-issue				{ background: url(../images/plusBtn.png) left top no-repeat; display:block; float: left; text-decoration: none; font-size: 18px; margin: 20px 0 0; padding: 2px 0 0 32px; height: 27px; color: #74B9FF; font-weight:bold; }


/*LOGIN*/
#login							{ background: url(../images/lightBlue-horz-grad.png) top repeat-x #E9F5FF; width: 350px; margin: 0 auto; border: 1px solid #d8e8f6; padding: 20px; -webkit-border-radius: 5px;
                                  -moz-border-radius: 5px; border-radius: 5px; }

#corpid							{ margin: 0 0 10px; }
.corpid-display					{ font-size: 14px; color: #909090; }
.corpid-display a				{ font-size: 11px; }

#login label, #login .label		{ font-size: 14px; margin: 0; }
#login span						{ font-size: 14px; margin: 0; }
#login label					{ width: 200px; }
#login select					{ font-size: 14px; padding: 3px; margin: 5px 0 10px; display: block; width: 294px; }
#login input.text				{ font-size: 14px; padding: 3px; margin: 5px 0 10px; display: block; width: 285px; }

/*MY ACCOUNT*/
.account-form   				{ background: url("../images/lightBlue-horz-grad.png") repeat-x scroll center top #E9F5FF; margin: 10px auto 0; padding: 20px; position: relative; }
/* replaced 2 below with 1 above 
.account-form					{ margin: 20px 0 0; }
.account-form form				{ background: url("../images/lightBlue-horz-grad.png") repeat-x scroll center top #E9F5FF; margin: 10px auto 0; padding: 20px; position: relative; }
*/
.account-form input.text		{ display:block; width: 200px; margin: 5px 0 10px; }
.account-form textarea			{ display:block; margin: 5px 0 10px; resize: vertical; width: 400px; }
.account-form select			{ display:block; width: 208px; margin: 5px 0 10px; }
.account-form .form-error		{ position:absolute; top: 280px; left: 242px; }

.account-creation input.text	{ display:block; width: 200px; margin: 5px 0 10px; }
.account-creation textarea		{ display:block; margin: 5px 0 10px; resize: vertical; width: 400px; }
.account-creation select		{ display:block; width: 208px; margin: 5px 0 10px; }
.account-creation .form-error	{ position:absolute; top: 673px; left: 500px; }

/*SERVICE ISSUE DETAIL*/
#service-issue-details td		{ width: 33%; }
.title                       { font-size: 18px; font-weight: bold; } /* added for compatibility with old html style */

/*SERVICE ISSUE SUCCESS*/
#issue-success form				{ float: left; margin: 10px 20px 0 0; }

/*FOOTER*/
#footer							{ width:893px; margin: 0 auto; height:20px;}
#footer_location				{ width:200px; float:left;}
#copyright						{ margin-left: 200px; padding-left: 135px; font-size:14px; line-height:1.5em;}

/*INFO*/
#info						    { text-align: center; font-size: 16px; font-weight: bold; color: black; }

/* customlogininfo */
#customlogininfo                { text-align: center; font-size: 16px; font-weight: bold; color: black;}

/*ERROR*/
#error						    { text-align: center; font-size: 16px; font-weight: bold; color: red;}

/* cleanup aspx server labels */
#adduserTop span				{ font-size: 12px; }
#payment-type span				{ font-size: 12px; }
#payment span                   { font-size: 12px; }

/* table rows, if needed */
.aligncenter { text-align:center; padding: 5px; }                       /* added padding to make sure column headings don't run together */
.alignleft { text-align:left; padding: 5px;  }                          /* added padding to make sure column headings don't run together */
.alignleftnowrap { text-align:left; padding: 5px; white-space: nowrap;} /* added padding to make sure column headings don't run together */
.alignright { text-align:right; padding: 5px;  }                        /* added padding to make sure column headings don't run together */
.even-alignright { text-align:right; }
.odd-alignright { text-align:right; }
.footer-alignright { text-align:right; }

/* uniform late fees */
.latefees { color:Red;font-weight:bold; }

/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; height: 26px; overflow:hidden; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; background: url(../images/tabs-bg.png) no-repeat; width:175px; height: 23px; padding: 2px 0 0; margin: 2px 0 0; text-align: center; font-size: 12px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color: #222; background-position: right; margin:0; font-size: 13px; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; color: #777; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/*DATEPICKER*/
#ui-datepicker-div				{ background: #f7fbff; padding:5px; width: 240px; border: 1px solid #bbb; font-family: Arial, Helvetica, sans-serif; position:absolute; left:-9999px; top: 0; margin: 4px 0 0;  }
.ui-datepicker-title			{ font-size: 14px; text-align:center; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #bbb; padding: 0 0 3px 0; margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; }
.ui-datepicker-prev				{ float:left; cursor:pointer; padding: 2px; font-family:Arial, Helvetica, sans-serif; color:#1E618B; }
.ui-datepicker-next				{ float: right; cursor:pointer; padding: 2px; font-family:Arial, Helvetica, sans-serif; color:#1E618B; }
#ui-datepicker-div th, #ui-datepicker-div td
	{ font-size: 12px; text-align:center; font-family: Arial, Helvetica, sans-serif; }
#ui-datepicker-div td a			{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-align:center; text-decoration: none; color: #1E618B; }

.ui-datepicker-calendar			{ width: 100%; }

/*Display Fixes*/
input::-moz-focus-inner /*Remove button padding in FF*/
	{ border: 0; padding: 0; }

/*Notes*/

.TitleText {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
.TableTitlebarSilver {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
	background-image:url(images/tab_bg.jpg); 
	background-repeat:repeat-x; 
	background-position:top;
	border:#666666; 
	border-style:solid; 
	border-width:0px;
}
.TableHeadSilver {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#ffffff;
	background:#999999;
	border:solid 1px #666666; 
}
.TrSilver {
	font:Arial, Helvetica, sans-serif;
	border:none;
	color:#4a5b6d;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background-color:#cccccc;
	text-align:center;
	table-layout:inherit;
}
.TdSilver {
	border:solid 1px #666666; 
	padding-left:2px;
	padding-right:2px;
	font:Arial, Helvetica, sans-serif;
	color:#4a5b6d;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background-color:#cccccc;
}
.TdSilverNotLastRow {
	border-left:solid 1px #666666;
	padding-left:2px;
	padding-right:2px;
	font:Arial, Helvetica, sans-serif;
	color:#4a5b6d;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background-color:#cccccc;
}
.TdSilverLastRow {
	border-left:solid 1px #666666; 
	border-bottom:solid 1px #666666; 
	padding-left:2px;
	padding-right:2px;
	font:Arial, Helvetica, sans-serif;
	color:#4a5b6d;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background-color:#cccccc;
}
.TdOffWhite 
{
	border:none;
	padding-left:2px;
	padding-right:2px;
	font:Arial, Helvetica, sans-serif;
	color:#4a5b6d;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	background-color:#F0F0F0;
	height:5px;
}