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

/* ====================================================================================
UI/Backend CSS
PLEASE KEEP IT NEAT:If you work on something that is in the "Needs A Home Section" please 
create a new section/group for it, or add it to the appropriate existing section/group. 
As you probably know where it belongs if you are working on it. Danka. 
=====================================================================================*/

/* General Styles 
=================================================*/
* { margin: 0px; padding:0px; }
img { border: 0px; }
a img { border: 0px; }
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_01px { height:1px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_05px { height:5px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_10px { height:10px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_20px { height:20px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_30px { height:30px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_40px { height:40px; font-size: 1px; line-height: 1px; font-weight: normal; }
.break_50px { height:50px; font-size: 1px; line-height: 1px; font-weight: normal; }
.italic { font-style: italic; }
.italic_grey { font-style: italic; color: #aaa; }
.bold { font-weight: bold; }
.float_left { float: left; }
.float_right { float: right; }
.highlight { background: #fffa96; }
.noMargin { margin: 0px; }
/* END =================================================*/


/* General Form Field Styles
=================================================*/
/* puts blue/grey border on form fields or boxes. just add new classes/ids if needed */
#search_property_name,
#search_company_name,
.list_row_cell input,
.form_line input { border: 1px solid #7f9db9; }
/* END =================================================*/


/* Rails AJAX Auto Complete Styles
=================================================*/
div.autocomplete { position: absolute; width:250px; background-color: #000000; border: 1px solid #888; margin: 0px; padding: 0px; }
div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; }
div.autocomplete ul li.selected { background-color: #FFFFE7; }
div.autocomplete ul li { list-style-type: none; display: block; margin: 0px; padding: 2px; height: 32px; cursor: pointer; }
#loading {width: 200px; height: 100px; background-color: #c0c0c0; position: absolute; left: 50%; top: 50%; margin-top:-50px; margin-left: -100px; text-align: center; }
/* END =================================================*/


/* Check List Styles
=================================================*/
.checklist{text-align:center;padding-left:5px;}
.checklist_incomplete{color:#af0000;}
.checklist_complete{color:#008500;padding:3px 0px 0px 0px;background-image:url(/images/check_green.gif);background-position:left;background-repeat:no-repeat;}
.checklist_complete_lg{color:#008500;padding:0px 0px 0px 23px;background-image:url(/images/check_green.gif);background-position:left;background-repeat:no-repeat;}
.checklist_optional{color:#008500;}
p.checklist_message{font:@@FONT-FAMILY;text-align:left;vertical-align:top;}
/* END =================================================*/


/* Flicker like Pagination Styles
=================================================*/
.pagination{padding:3px;margin:3px;}
.pagination a{padding:2px 5px 2px 5px;margin:2px;border:1px solid #aaaadd;text-decoration:none;color:#000000;}
.pagination a:hover,.pagination a:active{border:1px solid #6394da;color:#000000;background:#cccc99;}
.pagination span.current{padding:2px 5px 2px 5px;margin:2px;border:1px solid #87f1a1;font-weight:bold;background-color:@@PAGINATION_SPAN_BACKGROUND_COLOR;color:#000000;}
.pagination span.disabled{padding:2px 5px 2px 5px;margin:2px;border:1px solid #eee;color:#ddd;}
#info_wrap{margin-right:5%;}
.info_panel_header{background-color:#EEEEEE;font:12px Verdana,Arial,Helvetica,sans-serif;margin:0px;padding:5px 10px;color:#003069;}
.info_panel_block{margin:8px 10px 15px 10px;border:0px solid #FFFFFF;background:#FFFFFF;font-size:10px;}
#services ul{padding:0px;list-style-type:none;}
#services ul li{text-align:left;}
#services ul li a,img{display:inline;vertical-align:middle;}
#services_item a{vertical-align:middle;}
#block_left{float:left;width:40%;margin:-20px 0px 0px 0px;padding:0px 15px 0px 0px;}
#block_right{float:right;width:50%;margin:-20px 0px 0px 0px;padding:0px 10px 0px 35px;border-left:1px solid #dddddd;}
/* END =================================================*/


/* Flash Notice/Error Styles
=================================================*/
.flash_notice { padding: 15px; background-color: #ffffcb; margin: 15px 5px; color: #000000; text-align: center;font-family:@@FONT-FAMILY;font-size:12px;}
.flash_error{ background: #fff9f9; margin: 0px 10px 15px 10px; border-bottom: 1px solid #f2afaf; border-right: 1px solid #f2afaf; overflow: hidden; }
.flash_success{padding:15px;background-color:#ffffcb;margin:15px 5px;color:#006633;font-family:@@FONT-FAMILY;font-size:12px;text-align:center;}
.fieldWithErrors{padding:2px;background-color:red;display:table;clear:none;float:none;}
#errorExplanation{width:97%;padding:0px;margin:10px;background-color:#ffffcb;}
#errorExplanation h2{text-align:left;padding:5px 5px 5px 15px;font-size:12px;background-color:#c00;color:#fff;}
#errorExplanation  p { margin: 0px 5px 0px 5px; }
#errorExplanation ul li{ margin: 0px 5px 0px 10px; padding: 0px; list-style-type: disc; list-style-position: outside; }



/* END =================================================*/


/* Calendar Styles
=================================================*/
.calendar{margin:auto;}
.monthName{font-weight:normal;text-align:center;padding-top:1em;padding-bottom:0.7em;}
.dayName th{padding-top:0.6em;padding-bottom:0.3em;background-color:#303030;color:white;}
.otherMonth,.day,.specialDay{border-right:1px solid #bbbbbb;vertical-align:top;height:100px;width:14%;}
.otherMonth{color:#b3b3b3;background-color:white;}
.day,.specialDay{text-align:center;border-bottom:1px solid #bbbbbb;background-color:#eff0ff;}
.specialDay{background-color:#003355;color:white;}
.specialDay a,.specialDay a:visited,.specialDay a:hover{color:white;text-decoration:none;padding:1em;}
.specialDay a:hover{color:#fdff1e;}
.today a:hover{color:#035;}
.weekendDay{background-color:#ffffdd;color:#000;}
.weekendDay a,.weekendDay a:visited,.weekendDay a:hover{color:#191919;text-decoration:none;padding:1em;}
.weekendDay a:hover{color:#003355;}
.today{background-color:#bbccff;}
/* END =================================================*/


/* New Property Setting Screens Styles
=================================================*/
.enabled_photo{float:left;text-align:center;padding:5px;margin:3px;background:green;}
.disabled_photo{float:left;text-align:center;padding:5px;margin:3px;}
a.red_link:link{color:red;font-weight:bold;padding:5px;}
a.red_link:visited{color:red;font-weight:bold;padding:5px;}
a.red_link:hover{color:red;font-weight:bold;padding:5px;}
a.red_link:active{color:red;font-weight:bold;padding:5px;}
a.green_link:link{color:green;font-weight:bold;padding:5px;}
a.green_link:visited{color:green;font-weight:bold;padding:5px;}
a.green_link:hover{color:green;font-weight:bold;padding:5px;}
a.green_link:active{color:green;font-weight:bold;padding:5px;}
div.box-area{ margin:10px; }
div.box-contents{position:relative;padding:8px;color:#000;}
div.box-title{ color: #0c3297; padding: 10px; background-color: #bdd69e; font-weight: bold; }
div.box-subtitle{color:#0c3297;padding:5px;font-size:13px;font-weight:bold;background-color:#bdd69e;}
div.page-title{margin-right:10px;padding:10px;background-color:#bdd69e;font-weight:bold;font-size:large;}
/* END =================================================*/


/* Ajax Tools Styles
=================================================*/
.form_new{display:none;}
.form_edit{display:none;}
.jquery-dialog{overflow:none;}
.toolTip{font-style:italic;width:300px;float:left;}
.toolTip_header{background:#e28618;color:#fff;padding:2px 2px 3px 5px;font-weight:bold;}
.toolTip_body{background:#ffe7ca;color:#6d6d6d;padding:5px;font-size:12px;}
.toolTip_notifyHeader{background:#8e090b;color:#fff;padding:2px 2px 3px 5px;font-weight:bold;}
.toolTip_notifyBody{background:#ffbebe;color:#6d6d6d;padding:5px;font-size:12px;}
.frm_line{width:800px;}
.frm_line_label{width:200px;float:left;}
.frm_line_contents{float:left;width:px;}
.frm_newline{clear:both;}
/* END =================================================*/


/* Drag-N-Drop Styles
=================================================*/
/* for photos*/
#leasing_center_photo_list ul { padding: 5px 0px 0px 60px; }
.photolistitem { position:relative; display:block; float:left; list-style-type:none; height:190px; width:150px; background: url(/images/dragDrop/photoBG.png) top center no-repeat; cursor: move; }
.photolistitem_notInRole { position:relative; display:block; float:left; list-style-type:none; height:190px; width:150px; background: url(/images/dragDrop/photoBG_notInRole.png) top center no-repeat; }
.photolistitemHandle { height:190px; width:150px; }
.photolistitemDelete { width:143px; height:30px; padding: 18px 9px 0px 0px; text-align:right; }
.photolistitemPhoto {width:120px;height:75px;text-align:center; margin: 5px auto 0px auto;display:block;position: relative; background: #343434; border: 5px solid #0f0f0f; overflow: hidden;}
.photolistitemVisible {width:125px;height:20px;text-align:center;color:#2c2c2c;font-weight:bold;margin:10px auto 0px auto;overflow:hidden;display:block; font-size: 13px; }
.photolistitemPhoto a:link { text-decoration: none; }
.photolistitemPhoto a:visited { text-decoration: none; }
.photolistitemPhoto a:hover { text-decoration: none; }
.photolistitemPhoto a:active { text-decoration: none; }
.photolistitemPhotoPencil { background: url(/images/editButtonPencil.gif) top left no-repeat; position: absolute; bottom: 0px; right: 0; padding: 10px 18px 0px 0px; }

/* for lists*/
#hyperlink_list ul { padding: 0px 0px 0px 10px; }
.listItem { list-style-type: none; height: 30px; width: 335px; background:url(/images/dragDrop/listBG.png) top left no-repeat; cursor: move; }
.listItem_notInRole { list-style-type: none; height: 30px; width: 335px; background:url(/images/dragDrop/listBG_notInRole.png) top left no-repeat; }
.listItemHandle { height: 30px; width: 335px; }
.listItemWrapper { height: 24px; width: 322px; padding: 0px 0px 0px 28px; overflow: hidden;}
.listItemTitle { height: 16px; width: 155px; float: left; padding: 0px 3px 0px 0px; margin: 6px 0px 0px 0px; overflow: hidden; font-size: 13px; white-space: nowrap; overflow: hidden; }
.listItemButtons { height: 28px; float: left; overflow: hidden; font-size: 13px; font-weight: bold; padding: 3px 0px 0px 3px; }
.listItemButtonsVisible { float: left; height: 15px; width: 81px; padding: 0px; padding: 0px; margin: 0px; }
.listItemButtonsDelete { float: left; height: 20px; width: 22px; overflow: hidden; padding: 3px 3px 0px 0px; margin: 0px; background:url(/images/dragDrop/trash.gif) no-repeat 0px 3px; }
.listItemButtonsDelete a:link { text-decoration: none; }
.listItemButtonsDelete a:visited { text-decoration: none; }
.listItemButtonsDelete a:hover { text-decoration: none; }
.listItemButtonsDelete a:active { text-decoration: none; }
.listItemButtonsEdit { float: left; height: 20px; width: 22px; overflow: hidden; padding: 3px 3px 0px 0px; margin: 0px; background:url(/images/dragDrop/pencil2.gif) no-repeat 0px 3px; }
.listItemButtonsEdit a:link { text-decoration: none; }
.listItemButtonsEdit a:visited { text-decoration: none; }
.listItemButtonsEdit a:hover { text-decoration: none; }
.listItemButtonsEdit a:active { text-decoration: none; }
/* END =================================================*/


/* Jquery Checkbox Styles (on-off/yes-no switch)
=================================================*/
/* off-on*/
.jquery-checkbox_offon{display:inline;font-size:20px;line-height:20px;cursor:pointer;cursor:hand;}
.jquery-checkbox_offon .mark{display:inline;}
.jquery-checkbox_offon img{vertical-align:middle;width:60px;height:20px;}
.jquery-checkbox_offon img{background:transparent url(/images/jquery_checkbox_offon.png) no-repeat;vertical-align:middle;}
.jquery-checkbox_offon img{background-position:0px 0px;}
.jquery-checkbox_offon-hover img{background-position:0px -20px;}
.jquery-checkbox_offon-checked img{background-position:0px -40px;}
.jquery-checkbox_offon-checked .jquery-checkbox_offon-hover img{background-position:0px -60px;}
.jquery-checkbox_offon-disabled img{background-position:0px -80px;}
.jquery-checkbox_offon-checked .jquery-checkbox_offon-disabled img{background-position:0px -100px;}
/* yes-no*/
.jquery-checkbox_yesno{display:inline;font-size:20px;line-height:20px;cursor:pointer;cursor:hand;}
.jquery-checkbox_yesno .mark{display:inline;}
.jquery-checkbox_yesno img{vertical-align:middle;width:60px;height:20px; margin: 4px 5px 0px 0px;}
.jquery-checkbox_yesno img{background:transparent url(/images/jquery_checkbox_yesno.png) no-repeat;vertical-align:middle;}
.jquery-checkbox_yesno img{background-position:0px 0px;}
.jquery-checkbox_yesno-hover img{background-position:0px -20px;}
.jquery-checkbox_yesno-checked img{background-position:0px -40px;}
.jquery-checkbox_yesno-checked .jquery-checkbox_yesno-hover img{background-position:0px -60px;}
.jquery-checkbox_yesno-disabled img{background-position:0px -80px;}
.jquery-checkbox_yesno-checked .jquery-checkbox_yesno-disabled img{background-position:0px -100px;}
/* END =================================================*/


/* Photo Edit Pop-Up Styles
=================================================*/
.photoEditWrap { width: 675px; height: 300px; }
.photoEditPhotoArea {width:70%; height: 300px; text-align:center; float: left; overflow: hidden; background: #cccccc; }
.photoEditPhoto { border:4px solid #cccccc; }
.photoEditCaption { width:29%; height: 298px; float:right; }
.photoEditCaption h4 { height: 16px; font-size: 12px; font-weight: bold; }
.photoEditCaptionTextArea { width: 190px; height: 278px; float:none; margin:0px; padding: 0px; display: block; }
/* END =================================================*/


/* Dashboard UI Styles
=================================================*/
#dashboard_container { width: 985px; margin: 15px 0px 15px 0px;}

#dashboard_header { width: 100%; height: 25px; }
#dashboard_header h3 { margin: 0px 0px 0px 8px; color: #555; }
.dashboard_header_title { float: left; width: 60%; }
.dashboard_header_changeLC { float:right;width:39%;text-align:right; font-size: 12px; font-weight: bold; padding: 0px 5px 0px 0px;}
.dashboard_header_changeLC a:link { text-decoration: none; }
.dashboard_header_changeLC a:visited { text-decoration: none; }
.dashboard_header_changeLC a:hover { text-decoration: none; color: #1a4496;}
.dashboard_header_changeLC a:active { text-decoration: none; }

#dashboard_sidebar { width: 235px; float: left; overflow: hidden; }

#dashboard_dropShadow_wrap { width: 985px; background: url(/images/dashboard/content_dropShadowSides.png) repeat-y top right; }
#dashboard_shadowTop { width: 985px; height:7px; background: url(/images/dashboard/content_dropShadowTop.png) no-repeat bottom right; }
#dashboard_shadowBottom { height: 7px; width: 985px; background: url(/images/dashboard/content_dropShadowBottom.png) no-repeat top right; clear: both; }

/* snapshot photo*/
.dashboard_snapshot { width: 230px; height: 175px; padding: 27px 0px 0px 0px; background: url(/images/dashboard/snapshotBG.png) no-repeat top right; }
.dashboard_snapshot_photo { width: 170px; height: 105px; margin: 0px auto 0px auto; background: #343434; border: 5px solid #0f0f0f; overflow: hidden; text-align: center; }
.dashboard_snapshot_info { width: 180px; height: 30px; margin: 5px auto 0px auto; font-size: 12px; font-weight: bold; overflow: hidden; }
.dashboard_snapshot_info a:link { text-decoration: none; }
.dashboard_snapshot_info a:visited { text-decoration: none; }
.dashboard_snapshot_info a:hover { text-decoration: none; color: #1a4496;}
.dashboard_snapshot_info a:active { text-decoration: none; }

/* tab structure*/
#dashboard_sidebar  div>ul { padding: 0px; }
#leasing_center_tabnav_content { display: none; }
#dashboard_sidebar div>ul>li>a:link { color: #444; font-size: 16px; font-weight: bold; text-decoration:none; }
#dashboard_sidebar div>ul>li>a:visited { color: #444; font-size: 16px; font-weight: bold; text-decoration:none; }
#dashboard_sidebar div>ul>li>a:hover { color: #1a4496; font-size: 16px; font-weight: bold; text-decoration:none; }
#dashboard_sidebar div>ul>li>a:active { color: #444; font-size: 16px; font-weight: bold; text-decoration:none; }

#dashboard_sidebar div>ul>li[id="tab_container"] { background: url(/images/dashboard/dashboard_tabs.png) no-repeat 0px -50px;  vertical-align: top; margin: 0px 5px 0px 0px;  width: 235px; height: 38px; padding: 12px 0px 0px 15px; color: #444; font-size: 16px; font-weight: bold; overflow: hidden; cursor: pointer; }
#dashboard_sidebar div>ul>li[id="tab_container"][class~="active"] { background: url(/images/dashboard/dashboard_tabs.png) no-repeat 0px 0px;  vertical-align: top; margin: 0px 5px 0px 0px;  width: 235px; height: 38px; padding: 12px 0px 0px 15px; color: #444; font-size: 16px; font-weight: bold; overflow: hidden; cursor: pointer; }

a[imagename="house"] { background: url(/images/dashboard/icons/house.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }
a[imagename="box"] { background: url(/images/dashboard/icons/box.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }
a[imagename="camera"] { background: url(/images/dashboard/icons/camera.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }
a[imagename="graph"] { background: url(/images/dashboard/icons/graph.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }
a[imagename="mail"] { background: url(/images/dashboard/icons/mail.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }
a[imagename="support"] { background: url(/images/dashboard/icons/support.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }
a[imagename="gear"] { background: url(/images/dashboard/icons/gear.png) no-repeat 7px 0px; display: block; padding: 0px 0px 0px 34px; height: 28px; }

/* tips and tricks structure*/
.dashboard_sidebar_tips_tricks { width: 235px; height: 235px; background: url(/images/dashboard/sidebar_postit.png) no-repeat top left; font-style: italic; color: #3a2f2f; }
.dashboard_sidebar_tips_tricks_header { width: 175px; height: 20px; background: url(/images/dashboard/icons/lightbulb.png) no-repeat bottom left; margin: 0px 15px 0px 15px; padding: 30px 0px 0px 25px; font-size: 16px; font-weight: bold; }
.dashboard_sidebar_tips_tricks_body { width: 190px; height: 145px;  margin: 8px 15px 0px 20px; font-size: 12px; }
.dashboard_sidebar_tips_tricks_body a:link { text-decoration: none; }
.dashboard_sidebar_tips_tricks_body a:visited { text-decoration: none; }
.dashboard_sidebar_tips_tricks_body a:hover { text-decoration: underline; }
.dashboard_sidebar_tips_tricks_body a:active { text-decoration: none; }

/* content area*/
#dashboard_content { width: 745px; min-height: 780px; float: left; margin: 0px; border-top: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; }
#dashboard_content_headerBar { width: 735px; padding: 5px; color: #1a4496; font-size: 16px; font-weight: bold; border-bottom: 3px solid #BDD69E; }
#dashboard_content_wrap { margin: 15px 10px 50px 10px; }

.dashboard_content { background: #eff5f9 url(/images/dashboard/contentBG.png) repeat-x bottom left; }
.dashboard_content div[id="dashboard_content_headerBar"] { background: #98bdde; }
.dashboard_content div[class="dashboard_tile_box_title"] {  }

/* content tiles*/
.dashboard_content_full { background: url(/images/dashboard/content_tileBG.png) repeat top right; width: 723px; margin: 0px 0px 15px 0px; border: 1px solid #dddddd; }
.dashboard_content_full label { text-align: right; width: 100px; }
.dashboard_content_full input { width: 275px; border: 1px solid #cfcfcf; }
.dashboard_content_full textarea { margin: 0px 0px 0px 5px; width: 588px; height: 75px; border: 1px solid #cfcfcf; }
.dashboard_content_full img { margin: 0px 0px 0px 5px; }

.dashboard_content_half_left { background: url(/images/dashboard/content_tileBG.png) repeat top right; width: 355px; margin: 0px 0px 15px 0px; float: left; border: 1px solid #dddddd; }
.dashboard_content_half_left label { text-align: right; width: 90px; }
.dashboard_content_half_left input { width: 230px; border: 1px solid #dddddd; }
.dashboard_content_half_left textarea { margin: 0px 0px 0px 5px; width: 228px; height: 150px; border: 1px solid #cfcfcf; }
.dashboard_content_half_left img { margin: 0px 0px 0px 5px; }

.dashboard_content_half_right { background: url(/images/dashboard/content_tileBG.png) repeat top right; width: 355px; margin: 0px 0px 15px 0px; float: right; border: 1px solid #dddddd; }
.dashboard_content_half_right label { text-align: right; width: 90px; }
.dashboard_content_half_right input { width: 230px; border: 1px solid #cfcfcf; }
.dashboard_content_half_right textarea { margin: 0px 0px 0px 5px; width: 228px; height: 150px; border: 1px solid #cfcfcf; }
.dashboard_content_full img { margin: 0px 0px 0px 5px; }

.dashboard_content_half_left div[class="leasing_center_settings"] label { text-align: right; width: 200px; }
.dashboard_content_half_left div[class="leasing_center_settings"] input { text-align: right; width: 25px; }

.dashboard_content_basicItem { padding: 0px 0px 5px 0px; font-size: 12px; color: #666; }

.dashboard_tile_edit { font-size: 12px; color: #666; }
.dashboard_tile_box_title { height: 18px;  padding: 3px 5px 1px 5px; margin: 0px 0px 10px 0px; font-size: 13px; font-weight: bold; color: #1a4496; border-bottom: 3px solid #BDD69E; background: #cccccc;}
.dashboard_tile_box_title_noBar { height: 18px;  padding: 3px 5px 1px 10px; font-size: 12px; font-weight: bold; color: #666; }
.dashboard_tile_show_basicItem { padding: 5px 10px 0px 10px; font-size: 12px; color: #666; }
.dashboard_tile_show_exclaimItem { background: url(/images/dashboard/icons/exclaim2.png) no-repeat 10px 5px; padding: 5px 10px 0px 36px; font-size: 12px; color: #ce5d01; min-height: 22px; }
.dashboard_tile_show_item_notset { color: #bbbbbb; }

.dashboard_tile_show_label { display: inline-block; width: 90px; font-weight: bold; }

.dashboard_tile_editButton { height: 22px; width: 22px; float: right; font-weight: bold; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; background: url(/images/editButtonPencil.gif) no-repeat 2px 2px; margin: 10px 0px 0px 0px; }
.dashboard_tile_deleteButton { height: 22px; width: 22px; float: right; font-weight: bold; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; background: url(/images/trash2.gif) no-repeat 2px 2px; }
.dashboard_tile_addButton  { height: 19px; width: 35px; float: right; font-weight: bold; border-top: 1px solid #dddddd; border-left: 1px solid #dddddd; background: url(/images/dashboard/icons/add.png) no-repeat 4px 4px; padding: 3px 0px 0px 20px; margin: 10px 0px 0px 0px; font-size: 12px; }

.dashboard_tile_saveButton { cursor: pointer; margin: 5px 12px 0px 0px; background: #1a4496; color: #fff; font-weight: bold; border: none; float: right; }
.dashboard_tile_cancelButton { cursor: pointer; margin: 5px 12px 0px 0px; background: #cfcfcf; color: #fff; font-weight: bold; border: none; float: right; }
.dashboard_tile_form_return { margin: 0px 0px 0px 105px; color: #000; }
.dashboard_tile_form_copyData { margin: 0px 0px 0px 105px; font-size: 11px; color:  #3786ce; }

/* Scrollable Photos */
.scrollableDashboardWrap { height:150px; width:140px; background: url(/images/dashboard/scrollable_photoBG.png) top center no-repeat; padding: 15px 0px 0px 10px; }
.scrollableDashboardPhoto { width:120px; height:75px; text-align:center; background: #343434; border: 5px solid #0f0f0f; overflow: hidden; }
.scrollableDashboardBack { height:75px; width:21px; float: left; padding: 75px 8px 0px 7px; }
.scrollableDashboardForward { height:75px; width:21px; float: left; padding: 75px 7px 0px 8px; }
div.scrollable { position:relative; overflow:hidden; width: 600px; height: 160px; float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.scrollable div.items { width:20000em; position:absolute; }
div.scrollable div.items div { float:left; }

/* Scrollable Template Preview */
#formtastic_style_wrap { padding: 5px 0px 0px 0px; margin: 5px 0px 30px 0px; height: 300px; }
.scrollableDashboardBackTemplate { height:22px; width:22px; float: left; padding: 0px 0px 0px 240px; }
.scrollableDashboardForwardTemplate { height:22px; width:22px; float: left; }
.scrollableDashboardHintTemplate { height:22px; width: 598px; float: left; padding: 0px 5px 0px 5px;  font-style: italic; color: #666666; text-align: center; }

div.scrollableTemplate { position:relative; overflow:hidden; padding: 0px; width: 652px; height: 232px; float: left; }
div.scrollableTemplate div.itemsTemplate { width:20000em; position:absolute; }
div.scrollableTemplate div.itemsTemplate div { float:left; }
.itemsTemplateImageWrap { margin: 0px 13px 0px 0px; width: 153px; height: 202px; }
.itemsTemplateImage { width: 153px; height: 240px; position: absolute; }
.itemsTemplateImageLink { width: 153px; height: 190px; }
.itemsTemplateImageName, .itemsTemplateImagePreview { width: 153px; height: 12px; padding: 2px 0px 0px 0px; text-align: center; }
.itemsTemplateImageSelected  { width: 143px; height: 220px; border: 5px solid #fffa96; background: url(/images/templateCheckmark.gif) no-repeat bottom right; position: absolute; }

/* error messages*/
.dashboard_error { background: #fff9f9; margin: 0px 10px 15px 10px; border-bottom: 1px solid #f2afaf; border-right: 1px solid #f2afaf; overflow: hidden; }
.dashboard_error p { margin: 0px 5px 0px 5px; }
.dashboard_error li { margin: 0px 5px 0px 10px; padding: 0px; list-style-type: disc; list-style-position: outside; }
.dashboard_errortitle { height: 20px; background: #f2afaf url(/images/dashboard/icons/exclaim.png) no-repeat top left; padding: 2px 2px 2px 24px; font-size: 14px; font-weight: bold; color: #d42027; }
.dashboard_errorheader { margin: 5px 5px 0px 5px; }
/* END =================================================*/

/* Widget2 Temp Styles
=================================================*/
.widget2 { width: 950px; margin: 0px 0px 10px 0px; border: 1px solid #ccc; overflow: hidden; }
.widget2_editButton { height: 22px; width: 22px; float: right; font-weight: bold; background: url(/images/editButtonPencil.gif) no-repeat 2px 2px; margin: 10px 0px 0px 0px; }
.widget2 h2 { background: #bdd69e; color: #243297; display: block; font-size: 16px; font-weight: bold; height: 16px; padding: 10px; margin-bottom: 0px; }
.widget2 h2 a:link { text-decoration: none; font-weight: bold; font-size: 16px; }
.widget2 h2 a:visited { text-decoration: none; font-weight: bold; font-size: 16px; }
.widget2 h2 a:hover { text-decoration: none; font-weight: bold; font-size: 16px; }
.widget2 h2 a:active { text-decoration: none; font-weight: bold; font-size: 16px; }


.formtastic_show { padding: 0px 10px 10px 10px; }
.formtastic_show  fieldset { border: none; }

.formtastic_show fieldset ol { margin: 0px 5px 10px 5px; }
.formtastic_show fieldset ol li { list-style-type: none; clear: both; margin: 0px 0px 10px 0px;}
.formtastic_show fieldset ol li label { float: left; width: 25%; font-size: 12px; font-weight: bold; text-align: right; padding: 0px 5px 0px 0px; }
.formtastic_show fieldset ol li span { float: left; }

.formtastic_show fieldset legend span { color: #243297; display: block; font-size: 13px; font-weight: bold; height: 30px; width:100%; clear: both; padding: 10px 0px 0px 0px; }

.formtastic_show_set{ float: left; width: 650px; }

.formtastic_show_header { color: #243297; display: block; font-size: 13px; font-weight: bold; height: 15px; width:100%; clear: both; padding: 10px 0px 0px 0px; }

.formtastic_show a.NormalButton { float: right; margin: 10px 0px 0px 0px; }
.formtastic_show_not_set { font-style: italic; color: #aaa; }

.formtastic_show.floorplan_variation  fieldset ol li { float: none; list-style-type: none; }
.formtastic_show.floorplan_variation  fieldset ol li label { float: left; width: 25%; font-size: 12px; font-weight: bold; text-align: left; padding: 0px 5px 10px 0px; }

.formtastic_show_nothingSelected { font-style: italic; color: #aaa; padding: 10px 0px 0px 0px; }
.formtastic_show_nothingSelectedWarning { font-style: italic; color: #cc0000; }

/* posting tool UI*/
.formtastic_show fieldset ol.postingTool_instructions { margin: 15px 0px 0px 25%; width: 70%;}
.formtastic_show fieldset ol.postingTool_instructions li { margin: 15px 0px 0px 30px; list-style: decimal outside; }
.formtastic_show fieldset ol.postingTool_criteria { margin: 15px 0px 15px 0px; width: 100%;}
.formtastic_show fieldset ol.postingTool_criteria li { margin: 15px 0px 0px 30px; list-style: decimal outside; }

/* checklists*/
.formtastic_show_checklist_wrap { min-width: 750px; }
.formtastic_show_checklist_item { background: #eee; }
.formtastic_show_checklist_item_details { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 5px; margin: 0px 0px 10px 0px; }
.formtastic_show_checklist_item_details a:link { text-decoration: none; }
.formtastic_show_checklist_item_details a:visited { text-decoration: none; }
.formtastic_show_checklist_item_details a:hover { text-decoration: none; }
.formtastic_show_checklist_item_details a:active { text-decoration: none; }


.formtastic_show_checklist_label_product { float:left; width: 310px; padding: 5px; }
.formtastic_show_checklist_label_product p { padding: 2px 0px 0px 0px;}
.formtastic_show_checklist_label_mode { float:left; width: 270px; padding: 5px; }
.formtastic_show_checklist_label_mode p { padding: 2px 0px 0px 0px;}
.formtastic_show_checklist_label_date { float:left; width: 130px; padding: 5px; }
.formtastic_show_checklist_label_date p { padding: 2px 0px 0px 0px;}

/* floorplan UI*/
.formtastic_show fieldset ol li.photolistitem { list-style-type: none; clear: none;}
.property_floor_plan_title { width: 89%; float: left; }
.property_floor_plan_expander { width: 9%; text-align: right; float: right; }
.property_floor_plan_expander a:link { color: #243297; }
.property_floor_plan_expander a:visited { color: #243297; }
.property_floor_plan_expander a:hover { color: #243297; }
.property_floor_plan_expander a:active { color: #243297; }
/* END =================================================*/

/* Admin/Support Footer
=================================================*/
.adminSupportFooter_wrapper { position: fixed; right: 0px; z-index: 99999; width: 100%; background: #e8f3fc; border-top: 1px solid #3786ce; height: 35px; }
.adminSupportFooter_subWrapper { position: fixed;right: 0px; z-index: 99999; bottom: 0px; width: 100%; background: #e8f3fc; font-size: 14px; color: #062466; font-weight: bold; height: 25px; }


.adminSupportFooter_menuHeader { background: #062466; color: #f2f2f2; padding: 5px; font-size: 14px; }

ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 100%; background: #e8f3fc; font-size: 16px; }
ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; }
ul.topnav li a { padding: 2px; color:#0c329b; display: block; text-decoration: none; float:left; }
ul.topnav li span { width: 17px; height: 35px; float: left; background: #f2f2f2 no-repeat center top; }
ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; }
ul.topnav li ul.subnav { list-style: none; position: absolute; left: 0; bottom: 25px; background: #0c4488; margin: 0; padding: 0; display: none; float: left; }
ul.topnav li ul.subnav li { margin: 0; padding: 0; clear: both; width: 225px; }
html ul.topnav li ul.subnav li a { color: #f2f2f2; float: left; padding: 5px; font-size: 14px; }
html ul.topnav li ul.subnav li a:hover { background: #062466; width: 215px;  }
/* END =================================================*/

/* Help/Feedback Fly Outs
=================================================*/

/* for help*/
#all-help { position: fixed; top: 150px; right: 0px; z-index: 5000; }


#help-body {
	margin: 0px;
	overflow:auto;
	height:500px;
	background-color: #FFF;
}
#help-tab-button { cursor: pointer; display: block; float:left; z-index: 5000; }

#help-slideout { display: none; float:left; border: 2px solid #333; border-right: 0px; border-top: 0px; width: 600px; padding: 0px; }
#help-slideout  h1 { border: 2px solid #333; display: block; background-color: #E1E1E1; padding: 5px; font-size: 18px; margin: 0px; }

#help-body { margin: 0px; overflow:hidden; height:500px; background-color: #FFF; }
#help-body h2 { display: block; padding: 5px 5px 5px 5px; font-size: 14px; margin: 0px; }
#help-body p { padding: 0px 5px 0px 5px; }

#help-footer { font-size: 10px; padding: 5px; background-color: #E1E1E1; text-align: center; margin: 0px; }
#help-footer li { display: inline; padding: 0px; padding-left: 1px; padding-right: 1px; }
#help-footer > ul { padding-left: 0px !important; margin: 0px; }
#help-footer ul li a { color: #525252; }
#help-footer ul li a:hover { color:#0a94d6; }

/* for feedback*/
#all-feedback{ position: fixed; top: 250px; right: 0px; z-index: 4000; }

#feedback-tab-button { cursor: pointer; display: block; float:left; z-index: 4000; }

#feedback-slideout { display: none; float:left; border: 2px solid #333; border-right: 0px; border-top: 0px; width: 600px; padding: 0px; }
#feedback-slideout  h1 { border: 2px solid #333; display: block; background-color: #E1E1E1; padding: 5px; font-size: 18px; margin: 0px; }

#feedback-body { margin: 0px; overflow:auto; height:500px; background-color: #FFF; }
#feedback-body h2 { display: block; padding: 5px 5px 5px 5px; font-size: 14px; margin: 0px; }
#feedback-body p { padding: 0px 5px 0px 5px; }

#feedback-footer { font-size: 10px; padding: 5px; background-color: #E1E1E1; text-align: center; margin: 0px; }
#feedback-footer li { display: inline; padding: 0px; padding-left: 1px; padding-right: 1px; }
#feedback-footer > ul { padding-left: 0px !important; margin: 0px; }
#feedback-footer ul li a { color: #525252; }
#feedback-footer ul li a:hover { color:#0a94d6; }

/* for checklist*/
#all-checklist { position: fixed; bottom: 55px; left: 10px; z-index: 3000; }

#checklist-tab-button { cursor: pointer; display: block; z-index: 3000; height: 20px; background: #9dc9f2; color: #fff; font-weight: bold; width: 180px; font-size: 12px; text-align: center; padding: 4px 0px 1px 0px; border-left: 1px solid #7f9db9; border-right: 1px solid #7f9db9; border-top: 1px solid #7f9db9; }

#checklist-slideout { display: none; float: left;  clear: both; border-left: 1px solid #7f9db9; border-right: 1px solid #7f9db9; }
#checklist-slideout  h1 { display: block; background-color: #d6ebbb; padding: 5px; font-size: 18px; margin: 0px; }

#checklist-body { margin: 0px; overflow:hidden; width: 730px; height: 400px; overflow: scroll; padding: 0px 5px 10px 5px; background: #fff url(/images/posting_tool/background.gif) repeat-x bottom left; border-top: 5px solid #9dc9f2; }
#checklist-body h2 { background: #bdd69e; color: #243297; font-size: 13px; font-weight: bold; margin: 10px 0px 5px 0px; padding: 3px; width: 700px; }
#checklist-body li { list-style-type: none; font-size: 12px; margin: 2px 0px 0px 3px; width: 700px;}
/* END =================================================*/

/* Product Setup
=================================================*/
.productSetup_tableHeaderProduct { color: #243297; float: left; font-weight: bold; font-size: 13px; width: 305px; margin: 0px 0px 10px 0px; } 
.productSetup_tableHeaderDisable { color: #243297; float: left; font-weight: bold; font-size: 13px; width: 95px; margin: 0px 0px 0px 10px; }
.productSetup_tableHeaderAdd { color: #243297; float: left; font-weight: bold; font-size: 13px; width: 30px; margin: 0px 0px 0px 10px; border: }
.productSetup_tableHeaderStatus { color: #243297; float: left; font-weight: bold; font-size: 13px; width: 275px; margin: 0px 0px 0px 10px; } 

.productSetup_itemProduct { float: left; width: 295px; margin: 0px 0px 0px 10px; } 
.productSetup_itemDisable { float: left; width: 95px; margin: 0px 0px 0px 10px; }
.productSetup_itemAdd { float: left; width: 30px; margin: 0px 0px 0px 10px; }
.productSetup_itemStatus { float: left; width: 220px; margin: 0px 0px 0px 10px; }

.productSetup_itemHistory{ float: left; width: 240px; margin: 0px 0px 0px 0px; text-align: right; }
.productSetup_itemHistory a:link { text-decoration: none; }
.productSetup_itemHistory a:visited { text-decoration: none; }
.productSetup_itemHistory a:hover { text-decoration: none; }
.productSetup_itemHistory a:active { text-decoration: none; }
.productSetup_historyWrapper { float:right; width:465px; padding: 0px 0px 10px 0px; }
.productSetup_historyWrapper_status { float: left; width: 190px; }
.productSetup_historyWrapper_time { float: left; width: 145px; }
.productSetup_historyWrapper_user { float: left; width: 115px; overflow: hidden; }
.productSetup_divider { clear: both; border-top: 1px solid #cfcfcf; margin: 0px 10px 10px 10px; min-width: 870px; height: 1px; }
.productSetup_order_setup { padding: 0px 0px 0px 70px; margin: 0px;}

.demo_products { width: 400px; float: right; text-align: right; }
/* END =================================================*/

/* Product Report Queue
=================================================*/
.productReport { width: 950px;}
.productReport_sidebar { padding: 70px 0px 0px 0px; float: left; width: 165px;}
.productReport_sidebar p { margin: 6px 0px 0px 4px; }
.productReport_sidebar a:link { text-decoration: none; }
.productReport_sidebar a:visited { text-decoration: none; }
.productReport_sidebar a:hover { text-decoration: underline; }
.productReport_sidebar a:active { text-decoration: none; }
.productReport_body { float: left; width: 785px; font-size: 12px; }
.productReport_body h1 { margin: 0px; }
.productReport_body div.form_header { height: 15px; margin: 5px 0px 0px 0px; padding: 0px; background: none; font-size: 14px;}
table[id="product_table"] tbody tr.productReport_tableRow { border-bottom: 1px solid #cfcfcf; }
table[id="product_table"] tbody tr.productReport_tableRowReject { border-bottom: 1px solid #cfcfcf; color: #b32017; background: #ecc7c5; }
th.header.headerSortUp { background: #bdd69e url(/images/sort3.gif) no-repeat right 8px; cursor: pointer; }
th.header.headerSortDown { background: #bdd69e url(/images/sort2.gif) no-repeat right 8px; cursor: pointer; }
th.header { background: #bdd69e; cursor: pointer; }
.productReport_body_th { padding: 0px 20px 0px 0px;}
/* END =================================================*/

/* Setup Checklist
=================================================*/
.setupChecklist_header { background: #bdd69e; } 
.setupChecklist_backButton { width: 950px; text-align: right; } 
.setupChecklist_orderDate { color: #ffffff; font-weight: bold; float: left; padding: 0px 10px 10px 10px; width: 190px; }
.setupChecklist_orderDetails { color: #ffffff; font-weight: bold; float: left; padding: 0px 10px 10px 10px; width: 330px; } 
.setupChecklist_divider { clear: both; border-top: 1px solid #cfcfcf; margin: 5px 0px 20px 0px; height: 1px; }
.setupChecklist_label { float: left; width: 305px; margin: 0px 0px 0px 10px; }
.setupChecklist_complete { float: left; color: #44851e;  }
.setupChecklist_completeLabel { float: left; width: 300px; }
.setupChecklist_completeBy { float: left; margin: 0px 0px 10px 0px; }
.setupChecklist_incomplete { float: left; color: #ad1515; margin: 0px 0px 10px 0px; }
.setupChecklist_blank { float: left; color: #ad1515; font-weight: bold; }
.setupChecklist_commentField { width: 10px; height: 50px; }
.setupChecklist_noOrderTasks { padding: 5px 10px 20px 10px; color: #666; }
.checklistForms { margin: 20px 0px 0px 0px;}
/* END =================================================*/

/* Customer Approval
=================================================*/
.customerApproval_header { background: #bdd69e; } 
.customerApproval_backButton { width: 950px; text-align: right; } 
.customerApproval_orderCatagory { color: #ffffff; font-weight: bold; float: left; padding: 0px 0px 10px 10px; } 
.customerApproval_orderDetails { color: #ffffff; font-weight: bold; float: right; padding: 0px 10px 10px 40px; } 
.customerApproval_divider { clear: both; border-top: 1px solid #cfcfcf; margin: 20px 0px 20px 0px; height: 1px; }
.customerApproval_reqestChanges { width: 600px; padding: 10px 0px 0px 0px; }
.customerApproval_sliders { padding: 10px 0px 0px 0px; }
.customerApproval_sliders a:link { text-decoration: none; }
.customerApproval_sliders a:visited { text-decoration: none; }
.customerApproval_sliders a:hover { text-decoration: none; }
.customerApproval_sliders a:active { text-decoration: none; }
/* END =================================================*/



/* Amenities Selector
=================================================*/
.multi_select_arrows { width: 35px; padding: 90px 0px 0px 0px; float: left; }
.multi_select_add a { background: url(/images/dashboard/property_forwardArrow.png) center center no-repeat; height: 35px; width: 35px; display: block; }
.multi_select_remove a { background: url(/images/dashboard/property_backArrow.png) center center no-repeat; height: 35px; width: 35px; display: block; }
/* END =================================================*/



/* These Styles Need a Home (or removal)
=================================================*/
.summary_container{display:block;float:left;width:45%;background-color:#fff;margin:12pt 0 0 0;padding:0;}
.summary_box{background-color:#eee;display:block;float:left;width:500px;padding:9pt;margin:0 12pt 12pt 0;border:1px solid #ccc;}
h3.summary{margin-top:0;margin-bottom:9pt;padding-top:0;padding-bottom:3pt;font-size:1.1em;border-bottom:1px solid #ccc;}
h4.summary{margin-top:0;margin-bottom:9pt;padding-top:12pt;padding-bottom:3pt;font-size:1.0em;font-weight:bold;border-bottom:1px solid #ccc;}
.summary_highlight{background-color:#D0FF00;padding:3px 0px 3px 0px;}
.validation_messages{border:1px solid #D0E300;background:#D0FF00;}
.property_copy_container{display:block;float:left;width:45%;margin:0 12pt 0 0;padding:0;}
#info_box{background:#FFF;border:1px solid #333;width:300px;height:100px;position:absolute;}
.noitems{padding:15px;background-color:#ffffcb;margin:15px 5px;color:#FF0000;text-align:center;font-family:@@FONT-FAMILY;font-size:12px;width:690px;}
.chart{padding-left:10px;}
.check_valid{padding:10px;width:90%;font-size:normal;list-style-type:none;}
#powered{float:left;text-align:left;background-color:white;margin:20px 0px 0px 0px;padding:3px 3px 4px 3px;font-family:Verdana,Arial;color:#222;font-size:10px;}
#powered_rs{padding:0px 0px 0px 20px;}
#powered a{color:#3399FF;text-decoration:none;}
.header_bg{background-image:url(/images/ra_clouds.gif);background-repeat:no-repeat;background-position:top right;}
.content{background-color:#FFFFFF;background-image:url(/images/bgc.jpg);background-repeat:repeat-x;}
#add{font-size:12px;;}
#horiz_line{width:100%;border-top:1px solid #88A1c3;margin:0px 0px 10px 0px;}
.no_nav{background-color:#FFFFFF;color:#000000;margin:0;padding:0;behavior:url('/csshover.htc');}
.em_gray{font-size:14px;color:#999999;font-style:italic;font-weight:bold;}
.em_gray_sm{font-size:11px;color:#999999;font-style:italic;}
.basefont{font-size:12px;line-height:15px;}
.basefont_small{font-size:11px;}
.copyright{color:#666666;font-size:11px;}
.menulogin{font-weight:bold;font-size:11px;color:#ffffff;}
.menulogin a{color:#ffffff;text-decoration:none;}
.menulogin a:hover{color:#ffffff;text-decoration:underline;}
.menulogin a:visited{color:#ffffff;}
.menu_alt{font-weight:normal;}
.text_nolink{font-size:11px;font-color:#000000;}
.text_nolink a{font-color:#172C6D;text-decoration:underline;}
/* END =================================================*/