/* CSS Document */
*{ margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; outline:none;}

body{ background:#1f2e71 url(images/page_bg.gif) repeat-x top;}
p.copyright{ font-size:10px; color:#6e7ec5; width:450px; margin:10px auto; text-align:center;}
p.copyright1{ font-size:11px; color:#6e7ec5; width:850px; margin:10px auto; text-align:center;}
.clear{ clear:both;}

#login_panel{ width:420px; height:360px; border:5px solid #001264; margin:50px auto 0 auto; background:#fff; padding:10px;}
#login_panel #notification{ background:#fff9d8; border:2px solid #ffe8cd; padding:5px; color:#333; font:bold 13px Arial, Helvetica, sans-serif; margin:20px 0 30px 0;}
#login_panel label{ display:block; width:100px; font:bold 14px Arial, Helvetica, sans-serif;float:left; clear:both; margin-bottom:20px; padding:5px; color:#333; }
#login_panel .txtinput{ width:280px; font-size:14px;float:left; border:1px solid #dadada; border-left:1px solid #b4b4b4;border-top:1px solid #727272; background:url(images/input_bg.gif) repeat-x top; padding:5px;}
#login_panel .txtinput:focus{border:1px solid #727272;}
#login_panel a{ display:block; clear:both; text-align:right; width:240px; float:right; margin-right:20px; color:#00aeef; font:bold 14px Arial, Helvetica, sans-serif;}
#login_panel .btn{ clear:both; display:block; float:right; margin:30px 18px 0 0;}

#page_contents{ width:860px; border:5px solid #001264; margin:30px auto 0 auto; background:#fff;}

#page_contents #top_panel{ padding:10px 0 0 20px;}
#page_contents #top_panel img{ float:left;}
#page_contents #top_panel .login_details{ display:block; float:right; padding:10px;}
#page_contents #top_panel .login_details a{ display:block; float:right; color:#e50000; text-decoration:none; background:url(images/ico_logout.gif) no-repeat left; padding-left:20px; margin-right:10px; font-weight:bold;}
#page_contents #top_panel .menu{ background:#001264; width:600px; float:right; clear:right;}
#page_contents #top_panel .menu a{ color:#fff; padding:10px 20px; display:block; float:left; text-decoration:none; font-weight:bold;}
#page_contents #top_panel .menu a:hover{ background:#051b81;}
#page_contents #top_panel .menu .active,#page_contents #top_panel .menu .active:hover{ background:#019bee;}


#page_contents #left_panel{ background:url(images/panel_bg1.gif) repeat-x top; width:550px;margin-left:20px;_margin:0px; position:relative; float:left; min-height:500px;}
#page_contents span.topcorner{ display:block; position:absolute; width:550px; height:5px; background:url(images/panel_bg1_top.gif) no-repeat;}
#page_contents h1{ font:normal 18px Arial, Helvetica, sans-serif; background:url(images/ico_profile.gif) no-repeat 25px 15px; padding:15px 0 15px 55px; color:#4e4d4d;}
#page_contents p{ display:block; width:250px; float:left; padding-left:20px;}
#page_contents label{ clear:both; display:block; color:#000; font-weight:bold;}
#page_contents input{ clear:both; width:215px; border:1px solid #dadada; border-left:1px solid #b4b4b4;border-top:1px solid #727272; background:#fff url(images/input_bg.gif) repeat-x top;margin:0 0 10px 0; padding:3px;color:#737272;}
#page_contents textarea{clear:both; width:220px; height:65px; border:1px solid #dadada; border-left:1px solid #b4b4b4;border-top:1px solid #727272; background:#fff url(images/input_bg.gif) repeat-x top; margin:0 0 10px 0;color:#737272; line-height:20px;}
#page_contents select{ clear:both; width:220px; border:1px solid #dadada; border-left:1px solid #b4b4b4;border-top:1px solid #727272; background:#fff url(images/input_bg.gif) repeat-x top;margin:0 0 10px 0; padding:3px;color:#737272;}
#page_contents input:focus,#page_contents textarea:focus{ border:1px solid #727272;}
#page_contents .display, #page_contents .display:focus{width:220px; border:0 !important; border-bottom:1px solid #acacac !important; background:none;padding:6px 0 0; }
#page_contents textarea.display,#page_contents textarea.display:focus{ border:0;background:  url(images/bg_lines.gif) !important; line-height:23px;}

#page_contents #right_panel{  width:250px;_width:240px;margin-left:10px;_margin:0; position:relative; float:left;}
#page_contents #right_panel h1{ background:url(images/ico_property.gif) no-repeat 25px 15px;}

#page_contents h1.alterations{background-image:url(images/ico_alterations.gif); }
#page_contents h1.support{background-image:url(images/ico_support.gif); padding-left:65px;}
#page_contents h1.supportnew{background-image:url(images/ico_support_new.gif) !important; padding-left:60px;}
#page_contents h1.pay_sale{ float:left; width:220px;background-image:url(images/ico_pay_sale.gif);}
#page_contents h1.pay_construction{ float:left;width:220px;background-image:url(images/ico_pay_construction.gif);}
#page_contents h1.photo{ float:left;background-image:url(images/ico_photo.gif); width:700px; padding-left:65px;}
#page_contents h1.payment_details{background-image:url(images/ico_payment_details.gif) !important; padding-left:60px;}

#page_contents p.bigpanel{ width:570px; }
#page_contents p.bigpanel input{ width:500px;}
table.paymentlisting{ border:0;}
table.paymentlisting th{border:0;border-bottom:1px solid #ccc;padding:8px 5px; background:#ccc; font-weight:bold;}
table.paymentlisting td{border:0;border-bottom:1px solid #ccc;padding:8px 5px;}
table.alterationlisting { border:0;}
table.alterationlisting th{border:0;border-bottom:1px solid #ccc;padding:5px; background:#ccc; font-weight:bold;}
table.alterationlisting td{border:0;border-bottom:1px solid #ccc;padding:5px;}
/*#page_contents table{ height:300px; width:500px; clear:both;}*/
#page_contents .notes{ height:200px;}

#page_contents #photo_panel{  width:850px;margin-left:20px; position:relative; float:left;}
#page_contents #photo_panel p{ clear:both; display:block; width:800px;}
#page_contents #photo_panel div{ background:url(images/bg_photo.gif) no-repeat; float:left; width:208px; height:171px; padding:10px; margin:5px 20px;}
#page_contents #photo_panel div img{ padding-bottom:5px; width:188px; height:130px; }
#page_contents #photo_panel div span{ padding:10px; margin:10px;}


.collapsePanel{ width:100%; height:0; margin-bottom:3px;}
.collapsePanel table{ margin-left:20px;width:510px;border-right:1px solid #d6d6d6; }
.collapsePanel table td{ padding:5px;background:#e6e6e6;border-left:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6; }
.strongLabel{ font-weight:bold;}
.supportPanel table{ width:510px; margin-left:20px; border-right:1px solid #d6d6d6;}
.supportPanel table td{background:url(images/line_bg.gif) repeat-x 1px 1px;  padding:5px 10px;height:14px;}
.supportPanel table td.buttons{background:none; padding:0 !important; width:26px !important; border:0 !important; vertical-align:bottom;}
.supportPanel table td.buttons img{ border:0; margin-top:1px;}
.supportHeader table {width:510px;margin-left:20px;}
.supportHeader table th{ background:#d6d6d6; font-weight:bold;  height:20px; padding:5px; text-align:left;}

.expand_selection{ background:red !important;}