@charset "UTF-8";
/* CSS Document */

a, a:link, a:visited, a:active{
	color:#393;
	text-decoration:none;
}

small{
	font-size:9px;
	color:#333;
}

.underline{
	text-decoration:underline;
}

a:hover{
	text-decoration:underline;
}

html{
	background:url(../images/bg_color.jpg) repeat top;
}

body{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	margin:0 auto;
	background:url(../images/bg_left.jpg) repeat-x top;
	float:left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}

#body_short{
	padding:0;
	margin:0;
	height:100%;
	width:100%;
	margin:0 auto;
	background:url(../images/bg_left_short.jpg) repeat-x top;
	float:left;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}

#container{
	width: 900px;
	height:100%;
	margin:0 auto;
	background:url(../images/container.jpg) repeat-y top;
}

#left{
	float:left;
	width:56px;
	height:673px;
	background:url(../images/left_top.jpg) no-repeat top;
}

#left_short{
	float:left;
	width:56px;
	height:435px;
	background:url(../images/left_top_short.jpg) no-repeat top;
}

#middle{
	float:left;
	width:788px;
	background:#FFF;
}
#top_logo{
	background:url(../images/logo.jpg) no-repeat top;
	width:340px;
	height:164px;
	float:left;
}

#top_middle{
	background:url(../images/top.jpg) repeat-x top;
	height:164px;
	width:140px;
	float:left;
}

#top_login{
	background:url(../images/login.jpg) no-repeat top;
	height:64px;
	width:283px;
	float:left;
	padding:25px 10px 75px 15px;
	
}

#top_login_authorized{
	background:url(../images/login_authorized.jpg) no-repeat top;
	height:14px;
	width:283px;
	float:left;
	font-size:13px;
	padding:135px 10px 15px 15px;
	
}

#login_lefttext{
	color:#666;
	text-align:right;
	width: 100px;
	float:left;
}

#login_fields{
	text-align:left;
	width:183px;
	float:left;
}

#login_bottomtext{
	width:288px;
	color:#d5b611;
	font-size:11px;
	text-align:center;
}

#menu{
	width:788px;
	height:25px;
	background:url(../images/bg_color.jpg) repeat top;
	padding: 15px 0px 10px 0px;
	font-size:18px;
	font-weight:lighter;
	font-variant:small-caps;
	color:#FFF;
	text-align:center;
	margin:0 auto;
}

#navlist{
	padding:0;
	margin:0 auto;
	width:100%;
	text-align:center;
}

#navlist li{
	display:inline;
	list-style-type:none;
	/*padding-right:40px;*/
}

#navlist li a{
	color:#FFF;
	text-decoration:none;
}

#navlist li a:hover{
	color:#FFF;
	text-decoration:underline;
}

#active{
	color:#FFF;
	text-decoration:underline;
}

#navlist_last{
	padding-right:0;
}

#header_images{
	width:784px;
	padding: 2px;
	height: 238px;
	background:#FFF;
}

#content{
	background:#FFF;
	height:100%;
	width:788px;
	padding-top:0px;
}

#content_left{
	width:400px;
	padding: 0px 10px 10px 20px;
	float:left;
}

#content_full{
	width:748px;
	margin: 0 20px 10px 20px;
}

#content_divider{
	width:6px;
	height:100%;
	float:left;
}

#content_right{
	width:310px;
	padding: 0 20px 10px 10px;
	float:left;
}

h1{
	color:#d5b611;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-variant:small-caps;
	font-weight:lighter;
}

p{
	color:#333;
	font-size:0.8em;
}

label{
	color:#333;
	font-size:10px;
}

label.error{
	color:red;
	font-family:10px;
}

input.error{
	border: 1px dotted red;
}

#right{
	float:left;
	width:56px;
	height:673px;
	background:url(../images/right_top.jpg) no-repeat top;
}

#right_short{
	float:left;
	width:56px;
	height:435px;
	background:url(../images/right_top_short.jpg) no-repeat top;
}

#table_query
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
}
#table_query th
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: #c7e2b1;
	border-top: 4px solid #c8e1a4;
	border-bottom: 1px solid #fff;
	color: #390;
	text-align:center;
}
#table_query td
{
	padding: 4px;
	background: #eff8e7; 
	border-bottom: 1px solid #fff;
	color: #696;
	border-top: 1px solid transparent;
	text-align:center;
}
#table_query tr:hover td
{
	background: #e1f1cf;
	color: #393;
}

div.attention{
	display:block;
	margin:10px 0;
	color: #E1B42F;
	background: url(../images/attention.png) 0 100% repeat-x;
	border-bottom: 1px solid #E4E4D5;
}

div.attention .icon{
	display: block;
	padding: 15px 10px 0px 36px;
	margin: 10px 0;
	background: url(../images/attention-icon.png) 10px 17px no-repeat;
}

div.approved{
	display:block;
	margin:15px 0;
	color: #648434;
	background:#CDEFA6;
	border: 1px solid #9BCC54;
}

div.approved .icon2{
	display: block;
	padding: 8px 10px 8px 36px;
	margin: 15px 0;
	background: url(../images/approved-icon.png) 10px 10px no-repeat;
}

#google_maps{
	margin: 0 auto;
	border: 1px #666 solid;
	padding: 5px;
	width:310px;
	height:300px;
}

#google_maps2{
	margin: 0 auto;
	border: 1px #666 solid;
	padding: 5px;
	width:600px;
	height:300px;
}

.building_summary{
	margin: 0 auto;
	padding: 2px;
	width:720px;
}

.building_thumbnail{
	padding:5px;
	border: 1px #CCC solid;
}

.building_info{
	width:100%;
	height:120px;
}

.building_address{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #390;
	font-size:22px;
	margin-left:10px;
}

.building_units{
	margin:2px 5px 5px 5px;
}

#property_info{
	width:390px;
	float:left;
}

#building_right{
	margin-left:10px;
	width:310px;
	float:left;
}

.unit_table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	text-align: left;
	border-collapse: collapse;
}
.unit_table th
{
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: #c7e2b1;
	border-top: 4px solid #c8e1a4;
	border-bottom: 1px solid #fff;
	color: #390;
	text-align:center;
}
.unit_table td
{
	padding: 4px;
	background: #eff8e7; 
	border-bottom: 1px solid #fff;
	color: #696;
	border-top: 1px solid transparent;
	text-align:center;
}
.unit_table tr:hover td
{
	background: #e1f1cf;
	color: #393;
}

#contact_us{
	margin:0 auto;
	width:100%;
}

.contacts{
	margin:0 15px 0 15px;
	width:44%;
	text-align:center;
	float:left;
}

#questions{
	float:left;
	width:230px;
	padding-top:25px;
	font-size:0.6em;
}

#questions_table td{
	padding: 6px 4px 8px 4px;
}
#questions_table td h2{	height:19px; width:100px; margin:0; padding:0; }

.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }

#bottom{
	width:900px;
	margin:0 auto;
	background:url(../images/bg_color.jpg) repeat top;
	height:50px;
}


.application_table{
	margin:0;
	padding:0;
}

.application_table td{
	padding:0;
	margin:0;
}

.application_table tr{
	margin:0;
	padding:0;
}

.application_table p{
	padding:0;
	margin:0;
}

#cheque{
	width:700px;
	margin:0 auto;
	padding:5px;
	border:#999 1px solid;
	background:#EEE;
	overflow:auto;
}

.left_float{
	float:left;
	clear:left;
}

.left2{
	float:left;
	padding-left: 10px;
}

.right_float{
	float:right;
}

.clear{
	clear:both;
}

.account_details{
	margin: 20px;
	padding-bottom: 15px;
	height: 100%;
}

/**** Work Order Styling ***/
#wo_thumb_holder{
	float:left;
	margin:0 auto;
	padding-bottom:20px;
}

.wo_ctg_holder{
	width:150px;
	height:95px;
	float:left;
	padding:2px;
	margin:12px 12px 20px 12px;
	border:#CCC thin solid;
	background-color:#F7F7F7;
}

.wo_ctg_holder a p{
	text-align:center;
	padding:4px;
	margin:0;
	color:#666;
}

.wo_ctg_holder a:hover p{
	text-align:center;
	padding:4px;
	margin:0;
	color:#666;
	text-decoration:underline;
}

.wo_thumb{
	opacity:0.7;
	filter:alpha(opacity=70);
	border:0;
}

.wo_thumb:hover{
	opacity:1;
	filter:alpha(opacity=100);
	border:0;
}

#wo_request{
	width:720px;
	margin:20px auto;
	padding:10px;
	border:#ECDF64 thin solid;
	background-color:#FFFAD4;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

#wo_request:hover{
	border:#ecc464 thin solid;
	background-color:#fffbdc;
}

#wo_request p:hover {
	text-decoration:none;
}

a #wo_request p:hover {
	text-decoration:none;
}

#wo_request p a:hover {
	text-decoration:none;
}

#wo_request a p:hover {
	text-decoration:none;
}

#wo_request a:hover p {
	text-decoration:none;
}

/**** FOOTER ****/
#footer_copyright{
	color:#FFF;
	font-size:9px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
}


#footer_border{height: 1px; width: 700px; border-top: 1px solid #D9DBDD; margin: 0 auto;}

#footer{
	width:700px;
	margin:0 auto;
}

#hr_dotted{height: 1px; width: 700px; border-top: 1px dotted #D9DBDD; margin: 0 auto;}

#content_footer{ float: left; padding-top:12px;}
#content_footer ul{float:left; width:90px;margin-right:5px; list-style:none;}
#content_footer li {width:90px; border-bottom:1px dotted #D1D1D1;padding:1px 0px 3px 5px ;}
#content_footer li a{text-decoration:none;font-size:0.7em; color:#5A5B5E;}
#content_footer li a:hover{text-decoration:underline;}

#content_footer li h2{height:19px; width:90px; margin:0; padding:0;}

.edit_property_pic{ float: left; border:#666 1px solid; padding: 5px; }


/***** BUILDING AND UNIT GALLERY *****/
#property_gallery{ width:750px; height:330px; margin:0 auto; padding:#999 1px thin; padding-bottom:10px;}

#main_image{margin:0 auto 0 auto;width:420px; float: left; text-align:center; padding-right:10px;}

.gallery_demo{width:250px; height:330px; margin:0 auto; float:left; overflow-y:auto; overflow-x:hidden;}
.gallery_demo li{float:left; width:100px;border:3px double #eee;margin: 0 2px 2px 0; background:#eee; padding:2px;}
.gallery_demo li div{left:240px;}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}