/*	BROWN-GREEN = #8F8771	BLUE = #D1D4E5		RED = #860034	TAN = #FDEACC	*/



#content_box_container	{
	top: 25px;
	margin: 0px 0px 0px 0px;
	}

/*	CONTAINER FOR THE PORTAL NAVIGATION	*/
#portal_navigation	{
	position: absolute;
	top: 118px;		/*top: 303px;	USE WHEN THE HEADER IMAGE IS IN PLACE */
	left: 521px;
	width: 245px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

/*	CONTAINER FOR THE ADMIN PORTAL NAVIGATION	*/
#admin_portal_navigation	{
	position: absolute;
	top: 158px;
	left: 521px;
	width: 245px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	}

/*	CONTAINER FOR THE HOLDING ANY CONTENT INSIDE THE PORTAL	*/
#portal_container	{
	float: left;
	width:  728px;
	font-size: 13px;
	line-height: 150%;	
	color: #4D4D4D;
	margin: 15px 0px 0px 0px;
	}

/*	STYLES THE PAGE NUMBERS THAT ARE USED FOR NAVIGATING LARGE TABLES EX: (GUEST PORTAL HOME)	*/
#page_numbers	{
	position: relative;
	width: 728px;
	text-align: right;
	font-size: 12px;
	color: #BBB39C;
	}

/*	TEXT BOX FOR CONTENT INSIDE THE PORTAL SECTIONS	*/
#portal_text_box	{
	position: relative;
	float: left;
	width:  550px;
	font-size: 13px;
	line-height: 150%;	
	color: #4D4D4D;
	}

#hide_form	{	display: inline;	}

#printemaillogout	{
	position: relative;
	top: 55px;
	left: 0px;
	margin-left: 5px;
	z-index: 2;
	color: #8F8771;
	clear: both;
	}
	
/* 	USED IN THE CONTROL PANEL "X"	*/
.close_btn	{
	position: relative;
	top: 15px;
	left: 3px;
	width: 20px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	display: block;
	}

/*	TYPE STYLING FOR WARNING LABELS WHEN THE USER INCORRECTLY FILLS OUT A FORM	*/
.warning	{
	font-size: 11px;
	color: red;
	}













/*	----------------- CONTROL PANEL SETTINGS ----------------- */

.save	{
	/*behavior:url(#default#savehistory);*/
	background-color: #BDB8AB;
	padding: 0px;
	}

.closed	{
	border: 0px;
	margin: 0px;
	padding: 3px 0px 4px 5px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	background-color: #8F8771;
	}

.open	{
	border: 0px;
	margin: 0px;
	padding: 3px 0px 4px 5px;
	display: block;
	font-weight: normal;
	font-size: 14px;
	background-color: #8F8771;
	}

.save h4	{
	border: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
	font-weight: normal;
	font-size: 12px;
	}

/*	USED AS THE SPACE BETWEEN THE CONTROL PANEL TITLE AND THE MAIN SUB NAVIGATION */
.save h5	{
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 8px;
	line-height: 100%;
	}

/*____________________________________________*/

.closed a	{
	text-decoration: none;
	margin: 0px;
	padding: 0px 50px 0px 20px;
	text-decoration: none;
	text-align: left;
	line-height: 120%;
	color: #fff;
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	}

.closed	a:link	{}
.closed a:visited	{}

.closed	a:hover	{
	text-decoration: none;
	color: #FDEACC;
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	}

.closed	a:active	{}

/*____________________________________________*/

.open a	{
	text-decoration: none;
	margin: 0px;
	padding: 0px 50px 0px 20px;
	text-decoration: none;
	text-align: left;
	line-height: 120%;
	color: #fff;
	background-image: url(../images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	}

.open	a:link	{}
.open a:visited	{}

.open	a:hover	{
	text-decoration: none;
	color: #FDEACC;
	background-image: url(../images/arrow_down.gif);
	background-repeat: no-repeat;
	background-position: 3px 2px;
	}

.open	a:active	{}

/*____________________________________________*/

a.close_btn	{
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/x.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
}

a.close_btn:link	{}
a.close_btn:visited	{}

a.close_btn:hover	{
	text-decoration: none;
	background-image: url(../images/x_over.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}

a.close_btn:active	{}

/*____________________________________________*/

.head	{
	width: 200px;
	display: block;	
	}

a.head	{
	text-decoration: none;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 2px 18px;
	text-decoration: none;
	text-align: left;
	line-height: 160%;
	color: #fff;
	}

a.head:link	{}	
a.head:visited	{}

a.head:hover	{
	text-decoration: none;
	color: #fff;
	background-image: url(../images/arrow_down_small.gif);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	background-color: #D0CBC1;
	}

a.head:active	{}

/*____________________________________________*/
	
.headsolo	{
	width: 200px;
	display: block;
	}

a.headsolo	{
	text-decoration: none;
	margin: 0px 0px 0px 12px;
	padding: 2px 0px 2px 18px;
	text-decoration: none;
	text-align: left;
	line-height: 160%;
	color: #fff;
	}

a.headsolo:link	{}
a.headsolo:visited	{}

a.headsolo:hover	{
	text-decoration: none;
	color: #fff;
	background-color: #D0CBC1;
	}

a.headsolo:active	{}
	
/*____________________________________________*/
	
.dspcont	{	display: none;	}

.dspcont	p	{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border: 0px;
	}

.sub_2	{
	width: 150px;
	display: block;
	}

a.sub_2	{
	font-size: 12px;
	text-decoration: none;
	margin: 0px 0px 0px 40px;
	text-decoration: none;
	text-align: left;
	line-height: 150%;
	color: #fff;
	padding: 0px 15px 0px 5px;
	}

a.sub_2:link	{}
a.sub_2:visited	{}

a.sub_2:hover	{
	text-decoration: none;
	color: #fff;
	background-color: #D0CBC1;
	}

a.sub_2:active	{}











/*	----------------- PORTAL STYLES FOR TEXT AND TABLES ----------------- 	*/

.login_form	{
	width: 728px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	}

.information_table	{
	width: 728px;
	margin: 0px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	}

.top_left	{
	background: url(../images/top_left_corner.gif);
	background-repeat: no-repeat;
	width: 13px;
	}

.blue	{
	left: 0px;
	background: url(../images/background_blue.gif);
	background-repeat: repeat;
	font-size: 14px;
	color: #8F8771;
	border: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	}

.blueH	{
	left: 0px;
	background: url(../images/background_blue.gif);
	background-repeat: repeat;
	font-size: 14px;
	color: #8F8771;
	border: 0px;
	padding: 0px 5px 10px 0px;
	margin: 0px;
	border-collapse: collapse;
	}

.blue_header	{	padding: 0px 55px 0px 0px	}

.invoice_address	{
	display: block;
	padding: 0px 0px 30px 0px;
	}

.login_menu	{
	text-align: right;
	background: url(../images/background_blue.gif);
	background-repeat: repeat; 
	color: #4D4D4D;
	font-size: 11px;
	}

.top_right	{
	background: url(../images/top_right_corner.gif);
	background-repeat: no-repeat;
	width: 13px;
	height: 30px;
	}

.content	{
	background-color: #F9F7EE;
	text-align: left;
	}


.two_column_table	{
	width: 728px;
	margin: 0px 0px 14px 0px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	}

.multi_column_table	{
	width: 728px;
	margin: 0px 0px 14px 0px;
	border: 0px;
	padding: 0px;
	background-color: #F9F7EE;
	}

.dark	{
	background-color: #DEDBD4;
	font-size: 11px;
	padding: 5px 5px 2px 5px;
	vertical-align: top;
	}

.dark_first	{
	background-color: #DEDBD4;
	padding: 5px 0px 2px 15px;
	font-size: 11px;
	vertical-align: top;
	}

.totals	{
	background: url(../images/background_blue.gif);
	background-repeat: repeat;
	font-size: 11px;
	padding: 5px 5px 2px 5px;
	vertical-align: top;
	}

.first_totals	{
	background: url(../images/background_blue.gif);
	background-repeat: repeat;
	padding: 5px 0px 2px 15px;
	font-size: 11px;
	vertical-align: top;
	}

.light	{
	background-color: #F9F7EE;
	font-size: 11px;
	padding: 5px 5px 2px 5px;
	vertical-align: top;
	}

.light_topmargin	{
	background-color: #F9F7EE;
	font-size: 11px;
	padding: 15px 5px 2px 15px;
	vertical-align: top;
	}

.light_no_border	{
	background-color: #F9F7EE;
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	}

.light_first	{
	font-size: 11px;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 15px;
	vertical-align: top;
	}

.service_request_light	{
	background-color: #F9F7EE;
	font-size: 11px;
	padding: 5px 10px 20px 5px;
	vertical-align: top;
	}

.service_request_dark	{
	background-color: #DEDBD4;
	font-size: 11px;
	padding: 5px 10px 20px 5px;
	vertical-align: top;
	}

.service_request_details_light	{
	background-color: #F9F7EE;
	font-size: 11px;
	padding: 5px 40px 20px 15px;
	vertical-align: top;
	}

.service_request_details_dark	{
	background-color: #DEDBD4;
	font-size: 11px;
	padding: 5px 40px 20px 15px;
	vertical-align: top;
	}

.service_request_details_totals	{
	background: url(../images/background_blue.gif);
	background-repeat: repeat;
	font-size: 11px;
	padding: 5px 40px 20px 15px;
	vertical-align: top;
	}

.form_text	{
	width: 500px;
	display: block;
	}

 .comment_instruction{
 	font-size: 11px;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 0px;
	border: 0px;
	margin: 0px;
	border-bottom: 1px #ccc solid;
 }
.comment_light	{
	font-size: 11px;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 0px;
	border: 0px;
	margin: 0px;
	}

.ratingH{
	padding: 5px 15px 2px 15px;
	text-align:center;
	width:50px;
	border-right: 1px #ccc solid;
}
.rating{
	padding: 5px 5px 2px 5px;
	text-align:center;
	
}
.bH{
	padding-top: 30px;
}
.header1	{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	font-size: 18px;
	font-weight: normal;
	color: #8F8771;
	line-height: 100%;
	}
	
.lighten	{	color: #8F8771;	}

.footnote	{
	color: #8F8771;
	font-size: 10px;
	display: block;
	margin: 5px 0px 10px 0px;
	}

.comment_dark {
	background-color: #DEDBD4;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
	}

.information_table	h2	{
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	font-size: 15px;
	color: #8F8771;
	font-weight: normal;
	line-height: 110%;
	display: block;
	}

.comment_light_form	{
	background-color: #F9F7EE;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
	
.information_table	input	{	margin-top: 10px;	}


.comment_dark2 {
	background-color: #DEDBD4;
	font-size: 11px;
	line-height:1.1;
	padding: 2px 0px 2px 0px;
	}
.comment_light2	{
	font-size: 11px;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 0px;
	line-height:1.1;
	border: 0px;
	margin: 0px;
	}	
.comment_instruction{
	line-height:1.1;
	padding-bottom:4px;
}	
/*	STYLES FOR THE INVOICE DETAILS (CURRENT INVOICE) PG	*/

.invoice_label_2	{	color: #8F8771;	}

.invoice_label	{
	color: #8F8771;
	width: 130px;
	vertical-align: top;
	text-align: left;
	padding-right: 5px;
	}

.invoice_label_from	{
	color: #8F8771;
	width: 130px;
	vertical-align: top;
	text-align: left;
	padding-right: 5px;
	}

.invoice_label_right	{
	color: #8F8771;
	width: 170px;
	text-align: left;
	vertical-align: top;
	padding-right: 5px;
	}

.invoice_data	{
	color: #666;
	width: 170px;
	vertical-align: top;
	padding-right: 28px;
	}

.invoice_data_right	{
	color: #666;
	width: 230px;
	vertical-align: top;
	}

.invoice_note	{
	font-size: 11px;
	color: #8F8771;
	padding-left: 5px;
	}

.invoice_from_to_data	{
	color: #666;
	background-color: #F9F7EE;
	vertical-align: top;
	padding: 15px 10px 15px 0px;
	width: 270px;
	text-align: left;
	font-size: 11px;
	}

.invoice_from_to_label	{
	color: #8F8771;
	background-color: #F9F7EE;
	vertical-align: top;
	padding: 15px 7px 15px 0px;
	font-size: 11px;
	}

/* 	STYLES THE PERSON 1 PERSON 2 IN THE COMMENT CARD FORM	*/

.radio_txt	{
	vertical-align: bottom;
	margin-left: 5px;
	margin-top: 2px;
	display: block;	
	}

.two_columns	{
	background-color: #F9F7EE;
	text-align: left;
	width: 360px;
	padding: 5px 0px 20px 16px;
	vertical-align: top;
	}

.two_columns_spacer	{	background-color: #F9F7EE;	}

.description	{
	font-size: 11px;
	color: #8F8771;
	padding: 0px 3px 0px 0px;
	line-height: 180%;
	}

.first_header_description	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 13px;
	vertical-align: bottom;
	}

.header_description	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	vertical-align: bottom;
	}

.first_header_description_task	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 13px;
	width: 80px;
	vertical-align: bottom;
	}

.header_description_reservation	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 80px;
	vertical-align: bottom;
	}

.header_description_status	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 80px;
	vertical-align: bottom;
	}

.header_description_service_request	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 263px;
	vertical-align: bottom;
	}

.header_description_reported	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 75px;
	vertical-align: bottom;
	}

.header_description_category	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 85px;
	vertical-align: bottom;
	}

.header_description_completed	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 65px;
	vertical-align: bottom;
	}

.header_description_follow-up	{
	font-size: 11px;
	color: #8F8771;
	background-color: #F9F7EE;
	padding: 5px 0px 2px 5px;
	width: 80px;
	vertical-align: bottom;
	}

.first	{	padding: 0px 0px 0px 13px;	}

.dynamic_data	{
	font-size: 11px;
	color: #8F8771;
	}
/*____________________________________________*/

#portal_container	a	{	text-decoration: underline;		}
#page_numbers		a	{	text-decoration: none;		}



/*____________________________________________*/

#printemaillogout a {
	text-decoration: none;
	font-size: 11px;
	color: #8F8771;
	}

#printemaillogout a:link {}
#printemaillogout a:visited {}

#printemaillogout a:hover {
	text-decoration: none;
	color: #CBC4B2;
	}

#printemaillogout a:active {}

/*____________________________________________*/

.blue a {
	text-decoration: none;
	color: #8F8771;
	}

.blue a:link {	text-decoration: none;	}
.blue a:visited {	text-decoration: none;	}

.blue a:hover {
	text-decoration: none;
	color: #CBC4B2;
	}

.blue a:active {}

.blue h1{
	margin-bottom:3px;
	padding-bottom:0px;
}
/*____________________________________________*/

.login_menu a {
	text-decoration: none;
	color: #8F8771;
	}

.login_menu a:link {	text-decoration: none;	}
.login_menu a:visited {	text-decoration: none;	}

.login_menu a:hover {
	text-decoration: none;
	color: #CBC4B2;
}

.login_menu a:active {}