* {margin: 0; padding: 0;}
body, textarea {background:#fdfdfd; font-family: "Lucida Grande", Verdana, Arial, sans-serif; color: #303030; font-size: 11px; line-height: 150%}
body {overflow: hidden}
#main_content{ top: 61px; left: 260px; bottom: 0; right: 0; position: absolute; overflow: hidden}
#sidebar{ top: 61px; left: 0; bottom: 0; width: 259px; position: fixed; z-index: 100; background: #efefef url(/images/gui/actions_bg.gif) top left repeat-x; border-right: 1px solid #ccc}
#masthead {top: 0; left: 0; bottom: 60px; right: 0; position: fixed; color: white; height: 60px; vertical-align: bottom; background: #333 url(/images/gui/masthead_bg.png) bottom left repeat-x; border-bottom: 1px solid #ccc}
#masthead_custom {top: 0; left: 0; bottom: 50px; right: 0; position: fixed}
#logo {height: 50px; overflow: hidden}
#maintenance {height: 36px; margin: 2px; padding: 4px; background: #C88; border: 1px solid red; color: black; font-weight: bold; width: 250px; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 100000}
#spaces {width: 400%; height: 100%; overflow: hidden; position: relative}
#spaces div.scroll {overflow: auto; width: 25%; height: 100%; float: left; position: relative}
* html #container{ height:1%}
.full_screen {position: fixed !important; top: 0px !important; left: 0px !important; bottom: 0px !important; right: 0px !important; background: white; z-index: 40000; overflow: scroll}
div.guide {padding: 10px; padding-left: 65px; margin: 10px; background: #DDF url(/images/gui/dialog-information.png) 10px center no-repeat; border: 1px solid #AAF}
div.guide ol {margin-left: 0; padding-left: 0}
h1, h2, h3, h4, h5, h6 {margin-top: 0.5em}
h1 {font-size: 1.4em}
h2, h2 .in_place_editor_field {font-size: 1.2em}
h3 {font-size: 1.1em}
h4, h5, h6 {font-size: 1.0em}
a {color: #165788; font-weight: bold; text-decoration: none}
a img {border: 0; vertical-align: middle}
li.tab a {min-width: 30px; height: 18px; text-align: center}
li.tab a span.tab_label {display: none}
li.selected a span.tab_label, li.tab a:hover span.tab_label {display: inline !important}
a:hover {text-decoration: underline; background-color: transparent}
img.icon, table tr td img.icon {border:0 !important; padding: 0 !important; margin: 0 !important; vertical-align: middle !important; float: none !important}
img.ajax_indicator, table.display img.ajax_indicator {position: absolute; border: none; padding: 0; margin: 0 2px 0 2px}
form p img.ajax_indicator {margin-top: 0.5em}
.pagination img.ajax_indicator {margin-left: -20px}
div.tools, span.tools {display: block; float: right}
select#sort_field {width:85px;}
optgroup {font-style: normal; padding-top: 10px; padding-bottom: 10px}
div.controls {padding-top: 5px; margin-top: 15px; border-top: 1px solid #CCC; clear: both}
input[type="text"], input[type="search"], input[type="password"], textarea, select {border: 1px solid #79B}
input[type="text"], input[type="password"], textarea, input[type="search"] {padding: 2px}
select {padding: 1px 0 1px 0}
fieldset {border: solid 0 transparent; margin: 1em 0; padding: 1em; width: 34em; background: #efefef url(/images/gui/actions_bg.gif) top left repeat-x; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #ccc}
legend {font-weight: bold; padding-top: 40px}
label {color: #333}
input[type="submit"], input[type="button"].submit, button.submit, a.submit {background: #60a4e5 url('/images/gui/button_bg.gif') top left repeat-x; border: 1px solid #85b2c6; border-bottom: 1px solid #005BBB; color: white !important; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; margin-top: 0.5em; padding: 2px 6px 2px 6px; cursor: pointer; line-height:16px}
input[type="submit"].delete, input[type="button"].delete, button.delete {background: #ff3911 url('/images/gui/button_red_bg.gif') top left repeat-x; border: 1px solid #c68585; border-bottom: 1px solid #BB5B00; color: white !important; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; margin-top: 0.5em; padding: 2px 6px 2px 6px; cursor: pointer}
input[type="submit"]:hover, input[type="button"].submit:hover {background: #60a4e5; border: 1px solid #85b2c6; border-top: 1px solid #005BBB}
input[type="submit"].delete:hover, input[type="button"].delete:hover {background: #ff3911; border: 1px solid #c68585; border-top: 1px solid #BB5B00 }
span.checkbox {white-space:nowrap}
form .indent {margin-left: 125px}
. {color: #303030 !important; border-top: 1px solid #ddd; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #999; background: #efefef url(/images/gui/actions_bg.gif) top left repeat-x; padding: 3px; text-align: center; margin-top: 5px; margin-bottom: 5px}
a.action, a.action:hover {text-decoration: none !important}
a.action:hover {color: #000 !important}
.transparent {opacity: 0.3}
.formatting {border: 0; margin: 0; padding: 0}
.block {display: block; float: left; width: 48%; margin-right: 2%}
.toggle {cursor: pointer}
.modal_dialog {background: #EEEEEE url(/images/gui/heading_bg.png) repeat-x scroll left top; max-width: 700px; max-height: 500px; border: 1px solid #ccc; border-top: 1px solid #ddd; border-bottom: 1px solid #999; overflow: auto; padding: 10px 10px 10px 20px}
.modal_dialog .dialog_controls {border-left: 1px solid #CCC; border: 1px solid #ccc; border-bottom: 1px solid #999; border-top: none; padding: 5px; overflow: hidden; margin-right: 12px; background: white}
.close_button {text-indent: -9999px; position: absolute; width: 30px; height: 30px; background: url(/images/gui/overlay_close.png) no-repeat; top: -15px; left: -15px; z-index: 1004 !important}
.subtab_view embed {display: block; float: left}
.centred {width: 600px; display: block; text-align: center}
.centred span {width: 340px; margin-left: auto; margin-right: auto; display: block}
.date_form {display: block; float: left; margin-bottom: 0.5em}
div.auto_complete {position:absolute; width:250px; background-color:white; margin:0px; padding:0px; z-index: 2000}
#RB_redbox .modal_dialog div.auto_complete {z-index: 6000}
div.auto_complete ul {border:1px solid #888888; list-style-type:none; margin:0pt; padding:0pt; width:100%}
div.auto_complete li {cursor: default; text-align: left}
div.auto_complete li.selected {background-color: #ffb}
ul.sticky_menu {list-style-image: none; list-style-position: outside; list-style-type: none; margin-top: 0pt; padding: 5px; position: absolute; width: 220px; z-index: 1000; background: white; border: 1px solid gray}
ul.sticky_menu li {float: none; margin-left: 0}
ul.sticky_menu li a {display: block; padding: 2px}
ul.sticky_menu li a:hover {background: #165788 !important; color: white !important}
#upload_progress {display:none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.content {padding-left: 1em; padding-right: 1em; padding-bottom: 1em}
#list_view, #content_view {background:#fdfdfd}
.heading {width: 100%; height: 30px; background: #eee url(/images/gui/heading_bg.png) top left repeat-x; vertical-align: middle; border-bottom: 1px solid #ddd}
.heading h1 {display: block; float: left; margin-top: 7px; color: #222; font-size: 14px; margin-left: 10px}
.previous {display: block; float: left; height: 30px; width: 40px; border-right: 1px solid #ddd; margin-right: 5px; text-align: center; vertical-align: middle; padding-left: 0px}
.previous img {margin-top: 7px; margin-left: 4px}
.next {display: block; float: right; height: 30px; width: 40px; border-left: 1px solid #ddd; padding-left: 5px; margin-left: 5px}
.heading .descriptors {float: right; text-align: right}
.descriptors img.icon {margin-left: 2px !important}
.descriptors a {display: block; float: left; height: 25px; padding: 5px 5px 0 5px; border-left: 1px solid #DEDEDE; text-decoration: none; font-weight: normal}
.inner {min-height: 100%; width: 100%; overflow: auto}
table.data, table.display {margin-top: 0.5em; border: 1px solid #ccc; border-collapse:collapse; border-top: 1px solid #ddd; border-bottom: 1px solid #999}
table.data td img {vertical-align: middle}
table td .fixed {height: 16px; overflow-y: hidden}
table.data tr th, table.display tr th.title, table.edit tr th.section {background: #fff url('/images/gui/th_bg.gif') top left repeat-x; border: 0; color: #333; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; padding:3px; text-align: center}
table.data tr td, table.display tr td, table.display tr th {padding:3px; border-left: 1px solid #ccc; vertical-align: top; background-color: #fff}
table.data tr.subtotal td {background-color: #EDF3FE; font-weight: bold}
table.spreadsheet select.wide, table.spreadsheet input[type="text"].wide {width:95%; margin:0 auto}
table.display img {padding: 2px; border: 1px solid #ccc; margin: 0.5em}
table.display tr th {background-color: #edf3fe; text-align: right}
table.data td.numerical {text-align: right; padding-right: 5px }
table.data td.icon {text-align: center}
table.data tr td.first {padding-left: 1em}
table.data tr td.comment {padding: 0px}
table.data tr td, table.display tr td {border-top: #D3E1F5 1px solid}
table.data tr.inactive td {background-color: #eee; color: #666; font-style: italic; border-top: #ccc 1px solid}
table.data tr.inactive td a {color: #666 !important}
table.data tr:hover td a.action {background: transparent url(/images/gui/button_bg.gif) top left repeat-x}
table.data tr.selected td {background-color: #edf3fe}
table.data tr:hover td {background: #5999e1 url(/images/gui/tr_bg.gif) top left repeat-x !important; color: #fff !important; border-left: 1px solid #5999e1 !important}
table.data tr:hover td a {color: #fff !important}
table.data tr td.subject, table.data tr th.subject {width: 50%}
table.data tr.odd td {background-color: #edf3fe}
table td.date, table td.count, table td.icons, table td.checkbox {text-align: center; white-space:nowrap}
table .checkbox {text-align: center; width: 2em}
table.wide {width: 100% }
table.formatting td {vertical-align: top}
table.display th img {padding:0; margin:0; border:0}
td#images {vertical-align: top}
h2.section {border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 1em; margin-top: 1em}
table.edit td, table.edit th {vertical-align: top; padding: 4px}
table.edit td div.example {color: #999}
table.edit td div span.example {color: #999; text-decoration: none}
#extra_features_form table.edit td label {min-width: 120px; display: block; float: left; text-align: left}
.summary_card {width: 100%}
.summary_card .brief {display:block; float:left; width: 60%}
.summary_card .info {display:block; float:left; width: 40%}
.card img {display: block; float: left}
.card p {display:block; float:left}
.info {display: block; float:left}
div.error {color: red}
table.data tr:hover div.error {color: white !important}
div.validation_warnings div, div.validation_errors div {padding-left: 55px}
div.validation_warnings div div, div.validation_errors div div {padding-left: 0}
div.validation_errors {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #A99; background: #FFE0EB url('/images/gui/dialog-error.png') no-repeat 20px 20px; color: black; font-weight: bold; width: 94%; padding: 2%; min-height: 42px}
div.validation_warnings {border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #BA6; background: #FDF3CB url('/images/gui/dialog-warning.png') no-repeat 20px 20px; color: black; width: 94%; padding: 2%; min-height: 42px}
div.tips_area {background: #DAF3FD url(/images/gui/help-browser-large.png) no-repeat scroll 20px 10px; border-bottom: 1px solid #355A98; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 2%; width: 94%; min-height: 42px; position: relative; color: black}
div.tips_area p {float: none !important}
div.tips_area ul {padding-left: 2em; margin: 1em}
div.tips_area div.tips_closer {position: absolute; bottom: 5px; right: 5px}
div.tips_area div {padding-left: 55px}
div.tooltip {position: absolute; text-align: center; color: white; opacity: 0.85; width: 200px; z-index: 101}
div.tooltip div.tip_contents {padding: 4px; -moz-border-radius: 4px; background: black}
div.tooltip div.tip_contents div.heading {font-weight: bold; background: none; height: auto; border: none}
div.radio_option, span.radio_option {padding: 5px; background: #CDD; margin: 2px; -moz-border-radius: 10px}
span.radio_option {line-height: 26px}
div.radio_option input, span.radio_option input {margin-right: 5px; position: relative; top: 2px}
div.radio_option select {font-size: 10px; position: relative; top: 0px}
.interface input[type="text"], .interface input[type="password"], .interface input[type="search"] {}
.interface input[type=text].date_input {width: auto}
.interface textarea {width: 30em; height: 10em}
.interface input[type="text"]:focus,.interface input[type="password"]:focus, .interface input[type="serach"], .interface textarea:focus, .interface select:focus {background-color: #FFFFEA}
.interface input.required, textarea.required {background: #FDEAEB}
.interface label em {color: #780000}
.interface input.required {background-color: #FDEAEB}
.interface input, .interface textarea, .interface label {margin-top: 2px; margin-bottom: 2px}
.interface label {}
table.edit th label {display: block; float: left; width: 120px; margin-right: 5px; text-align: right}
.interface label.top_label {width: auto; font-weight: normal; text-decoration: underline; padding: 2px; margin-top: 2px; float: none; text-align: left; display: block}
.interface span.checkbox label {float: none; font-weight: normal; display: inline; margin-left: 5px}
.interface span.checkbox {margin-right: 5px}
.interface div.text_field_array {width: 100%}
.interface div.text_field_array div.element {display: block}
.interface input {color: black}
input.ghosted {color: gray}
ul.tabs {list-style:none; padding:0; padding-left: 1em; margin:0 1em 1em 0; width:99%; overflow:none; border-bottom: 1px solid #ccc}
.tabs li.first {margin-left: 0.5em}
.tabs li a {display:block; float:left; padding: 4px 10px 4px 10px; border: 1px solid #ccc; border-top: 1px solid #ddd; margin-left: 0.5em; margin-bottom: -1px; color: #fff !important; color: #303030 !important; text-decoration: none !important; background: #eee}
.tabs li.selected a {background: #fcfcfc; border-bottom: 1px solid #fcfcfc}
.tabs li:hover a {background: #fff; text-decoration: none !important}
ul.subtabs {list-style:none; padding:0; margin:0 1em 0 0; width:98%; overflow:none; border: 1px solid #ccc; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff url('/images/gui/th_bg.gif') top left repeat-x}
.subtabs li a {display:block; float:left; padding: 4px 10px 4px 10px; border: 1px solid #ccc; border-top: 0; margin-bottom: -1px; margin-left: -1px; color: #303030 !important; text-decoration: none !important}
.subtabs li.icon {border: none}
.subtabs li.icon img {padding: 4px 10px 0 10px}
.subtabs li.selected a {background: #fff; border-bottom: 1px solid #fcfcfc}
.subtabs li:hover a {background: #fff; text-decoration: none !important}
.subtab_view {width: 94%; background-color: #fff; padding: 1em 2% 1em 2%; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #999}
.subtab_view div .wrapper{ width: 100%}
.subtab_view p {margin: 0.5em}
img.framed, img.framed-no-margin {padding: 2px; border: 1px solid #ddd; border-top: 1px solid #ccc; border-bottom: 1px solid #999; background: white}
img.framed {margin: 0.5em}
.interface .button {background: #60a4e5 url('/images/gui/button_bg.gif') top left repeat-x; border: 1px solid #85b2c6; border-bottom: 1px solid #005BBB; color: white; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; margin-top: 1em; padding: 2px 6px 2px 6px}
.interface .button:hover {background: #60a4e5; border: 1px solid #85b2c6; border-top: 1px solid #005BBB}
.interface a.delete {background: #ff3911 url('/images/gui/button_red_bg.gif') top left repeat-x; border: 1px solid #c68585; border-bottom: 1px solid #BB5B00; color: white; font-weight: bold; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; margin-top: 1em; padding: 2px 6px 2px 6px}
.interface a.delete:hover {background: #ff3911; border: 1px solid #c68585; border-top: 1px solid #BB5B00}
.control_panel {background-color: #EDF3FE; padding: 10px; vertical-align: top; text-align: center}
#images_subtab_view, #floorplans_subtab_view, #vrs_subtab_view {width: 98%; padding: 0}
#images, #floorplans, #virtual_realities, #externals {width: 100%; vertical-align: top}
.page_control_panel {background-color: #EDF3FE; padding: 10px; vertical-align: top; text-align: left}
.page_control_panel h1 {size: 12px; font-weight: bold}
.interface .control_panel form {padding-bottom: 10px; border-bottom: 1px solid #D3E1F5}
.interface .control_panel form label {text-align: left}
.interface label.secondary {text-decoration: underline; clear: right; text-align: left; display: block; float: left; width: 50px; padding:3px 17px 3px 3px}
.interface label.fake_text_field {width:15em; text-align:left; padding:3px 17px 3px 3px}
.interface .control_panel img {border: 0}
.wastebin {padding-top: 10px; padding-bottom: 10px; border:1px solid #EDF3FE}
.wastebin-active {background-color: #FFF4D8; border:1px solid #E8A400}
div#type_list, div#loc_list {padding-top: 2px; padding-bottom: 2px; margin-bottom: 2px; border-bottom: 1px solid grey}
table.edit div.entry-box label {width: 120px}
table.edit th label {display: block; float: left; width: 100px; margin-right: 5px}
table.edit td label {display: inline; float: none; width: auto}
#shopping-cart .money {text-align:right;width:100px;}
#shopping-cart .date {text-align:right;width:100px;}
#shopping-cart .quantity {width:60px;text-align:center;}
#shopping-cart .quantity input {width:40px;text-align:right;}
#shopping-cart .subtotal td {text-align:right;}
#products-list .product {width:160px;float:left;margin-right:10px;margin-bottom:20px;text-align:center;}
#products-list .thumbnail img {border:1px solid #ddd;}
#products-list .thumbnail {border:1px solid #ddd;padding:4px;background-color:#eee;width:124px;margin:0 auto 10px auto;}
#products-list .title {font-weight:bold;font-size:12px;display:block;}
#products-list .price {font-weight:bold;font-size:12px;color:#666;display:block;}
.product .remove-item {-moz-border-radius-topleft:10px;-moz-border-radius-bottomleft:10px;-webkit-border-top-left-radius:10px;-webkit-border-bottom-left-radius:10px;padding-left:8px;}
.product .add-item {-moz-border-radius-topright:10px;-moz-border-radius-bottomright:10px;-webkit-border-top-right-radius:10px;-webkit-border-bottom-right-radius:10px;padding-right:8px;}
.product .remove-item.disabled, .product .add-item.disabled {color:#ccc !important;background-image: url(../images/gui/groups_bg.png);border:1px solid #aaa;}
.product .remove-item.disabled:hover, .product .add-item.disabled:hover {cursor:default;}
.product input[type="text"] {text-align:center;}
div#action-bar {left:0;right:0;bottom:0;height:34px;padding:5px 10px;border-top:1px solid #eee;background-color:#eaeaea;position:absolute;border-top:1px solid #ddd;}
div#action-bar a.submit {line-height:34px;}
#cart-summary {float:right;line-height:32px;}
#cart-summary span {font-size:14px;color:#666;width:100px;display:block;float:right;text-align:right;}
#cart-summary #cart-total {font-size:14px;color:#111;width:100px;display:block;float:right;text-align:right;}
label.checkbox_label {display:inline; float:none}
.modal_dialog p.indent {margin-left: 112px}
table.edit span.suburb {display:block; float:left; width:50%}
.errorExplanation ul {margin-top: 0.5em; clear: both; padding-left: 1.5em}
.fieldWithErrors {display: inline}
.fieldWithErrors input {border: 1px solid red}
#allocated_employees ul, #agency_features_list ul {width: 100%; list-style: none; padding: 10px}
#allocated_employees li, #agency_features_list li {display: block; float: left; width: 33%; overflow: hidden}
#agency_features_list li {width: 25%}
#allocated_employees img {border: 1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #ccc}
.modal_dialog h1, .modal_dialog h2 {padding-bottom: 10px}
.modal_dialog table.edit td, .modal_dialog table.edit th {padding: 2px 4px}
.modal_dialog table.edit textarea {height: 5em}
.little_info, div.field_hint {color: gray}
span.archived {font-style: italic; color: #666 !important}
.editable {}
.editable:hover {}
.drop_ok {border: 1px solid aqua}
div#newsletter_recipients {background-color: #EDF3FE; padding: 0.5em}
ul#newsletter_recipients_list {margin-left: 125px; margin-top: 1em; list-style: none}
ul#newsletter_recipients_list li {display: block; float: left; margin-right: 1em; padding: 2px 6px 2px 6px}
ul#newsletter_recipients_list li.recipient {border: 1px solid #A4BDEC; background-color: #DEE7F8}
div.auto_complete ul {max-height: 120px; overflow-y:auto}
div.auto_complete ul.properties li {border-top: 1px solid #eee; vertical-align: middle}
div.auto_complete ul.properties li img {display: block; float: left}
body#today div.inner {background: #666 url(/images/today_bg.png) top left repeat-x}
.nowrap {white-space: nowrap}
#new_property_appraisal_notes {width: 28em}
ul.activities-list {list-style:none; margin:1em}
ul.activities-list li {padding: 5px 5px 5px 30px; margin-bottom:5px; background-color:#E4F1EE; position:relative; color:#303030 !important; border:1px solid #C9E3DC}
ul.activities-list li span.due {margin-right:1em; font-weight:bold}
ul.activities-list.overdue li span.due {color:red}
ul.activities-list li span.name {font-weight:bold}
ul.activities-list li span.name, ul.activities-list li span.phone, ul.activities-list li span.email {margin-right:10px}
ul.activities-list li span.assigned {float: right; padding-right: 10px}
ul.activities-list li input {margin:0 0 0 5px; padding:0}
ul.activities-list li {background: #E4F1EE url(../images/actions/lightning.png) 5px 5px no-repeat}
ul.activities-list li.fax {background: #E4F1EE url(../images/actions/fax.png) 5px 5px no-repeat}
ul.activities-list li.meeting {background: #E4F1EE url(../images/actions/report.png) 5px 5px no-repeat}
ul.activities-list li.mail {background: #E4F1EE url(../images/actions/email.png) 5px 5px no-repeat}
ul.activities-list li.phone {background: #E4F1EE url(../images/actions/phone.png) 5px 5px no-repeat}
ul.activities-list li.ofi {background: #E4F1EE url(../images/actions/calendar_view_day.png) 5px 5px no-repeat}
ul.activities-list span.activity-plan {float: right}
ul.activities-list li:hover {background-color: #C9E3DC}
ul.activities-list li .status {float: right}
table#action_plans_list tr.activities td {background-color: #F6F8FA}
table#action_plans_list.data tr:hover td {color:#303030 !important; background:none !important}
#action_plans_list table.data tr:hover td a.action:hover {color:#303030 !important}
.interface .segmented-button {font-weight: bold; font-size: 12px}
.interface .segmented-button a {padding: 7px 8px 7px 8px; display:block; float:left; background: #eee url('/images/gui/heading_bg.png') top left repeat-x; border: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-left:-1px; color: #333}
.interface .segmented-button a:hover {background: #eaeaea}
.interface .segmented-button.selected a {background: #ddd}
ul#dashlet_menu {position: relative; display:block; float:left; list-style: none; top: 22px}
ul#dashlet_menu li {float: left}
ul#dashlet_menu li a {display: block; position: relative; padding: 8px 12px 6px 12px; font-size: 12px; line-height: 14px; background: #fff url(/images/gui/dashlet_menu_bg.png) bottom left repeat-x; margin: 0 0 0 10px}
ul#dashlet_menu li a:hover {background: #fff url(/images/gui/dashlet_menu_bg_selected.png) bottom left repeat-x; color: #111}
#menu ul#dashlet_menu li#reports_dashlet_menu a,#monthly_statistics ul#dashlet_menu li#mas_system_dashlet_menu a, #today ul#dashlet_menu li#today_dashlet_menu a, #campaigns ul#dashlet_menu li#campaigns_dashlet_menu a,#compositions ul#dashlet_menu li#campaigns_dashlet_menu a,
#automatic_compositions ul#dashlet_menu li#campaigns_dashlet_menu a, #newsletters ul#dashlet_menu li#campaigns_dashlet_menu a, #contacts ul#dashlet_menu li#contacts_dashlet_menu a, #web_contacts ul#dashlet_menu li#contacts_dashlet_menu a, #real_estate ul#dashlet_menu li#real_estate_dashlet_menu a, #marketing ul#dashlet_menu li#marketing_dashlet_menu a, #employees ul#dashlet_menu li#admin_dashlet_menu a, #agency ul#dashlet_menu li#admin_dashlet_menu a, #emag_editions ul#dashlet_menu li#campaigns_dashlet_menu a, #reports ul#dashlet_menu li#reports_dashlet_menu a, #calendar ul#dashlet_menu li#today_dashlet_menu a, #operations ul#dashlet_menu li#website_administrator_dashlet_menu a, #connection_services ul#dashlet_menu li#website_administrator_dashlet_menu a, #moving_services ul#dashlet_menu li#website_administrator_dashlet_menu a, #address_services ul#dashlet_menu li#website_administrator_dashlet_menu a, #authentication_updates ul#dashlet_menu li#updates_menu a, #authentication_updatestestimonials ul#dashlet_menu li#testimonials_menu a, #authentication_tutorials ul#dashlet_menu li#tutorials_menu a, #authentication_contact ul#dashlet_menu li#contact_menu a, #authentication_login ul#dashlet_menu li#login_menu a, #authentication_attempt_login ul#dashlet_menu li#login_menu a, #authentication_about ul#dashlet_menu li#about_menu a {border-bottom: 1px solid #d2d2d2; background: #fff url(/images/gui/dashlet_menu_bg_selected.png) bottom left repeat-x; color: #111; margin-top: -6px; padding-top: 12px; font-size: 14px; line-height: 16px; font-weight: bold}
ul#dashlet_menu li a, ul#dashlet_menu li a:hover {text-decoration: none; font-weight: bold}
ul#dashlet_menu li a {color: #d3d3d3}
ul#dashlet_menu li a:hover {color: #111}
div.admin {position: relative; display: block; float: left; top: 10px; margin-left: 1em}
#username {font-weight: bold}
#useragency {color: #DDD; font-weight: normal}
#logout {color: white; font-weight: normal; text-decoration: underline}
ul#dashlet_menu li.tasks ul {width:220px; position:absolute; margin-top: 0; padding: 0; z-index: 1000; list-style:none}
ul#dashlet_menu li.tasks ul li {float:none; margin-left: 0}
ul#dashlet_menu li.tasks ul li a {display: block; position: relative; padding: 8px 12px 6px 12px; font-size: 12px; line-height: 14px; background: #4E4E4E; margin: 0 0 0 10px; color: #ccc; border-bottom: 1px solid #ccc}
ul#dashlet_menu li.tasks ul li a:hover {border-bottom: 1px solid #d2d2d2; color: #111; background: #fff url(/images/gui/dashlet_menu_bg_selected.png) bottom left repeat-x}
ul#dashlet_menu li.tasks ul li:hover {}
#masthead a:hover {text-decoration: underline}
#masthead #logo {display:block; float:right}
#masthead_custom {height: 50px}
.pagination, .letter-navigation {width: 100%; margin-top: 0em; margin-bottom: 0.5em; font-weight: bold; text-align: right}
.letter-navigation {text-align: left}
.pagination img {vertical-align: middle}
.pagination a, .letter-navigation a, .pagination .current, .letter-navigation .current, .pagination .disabled, .letter-navigation .disabled {color: #303030; margin-left: 2px; padding: 3px; border: 1px solid #ddd; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #999; background: #efefef url(/images/gui/actions_bg.gif) top left repeat-x; text-align: center; line-height: 2.4em}
.pagination .disabled, .letter-navigation .disabled {background: #eee; color: #bbb}
.pagination a:hover, .letter-navigation a:hover {background: #fff; text-decoration: none !important}
.pagination .current, .letter-navigation .current {background: #5699E2 url('/images/gui/button_bg.gif') top left repeat-x}
#dashboard_container .pagination {width:auto; margin-bottom:0; display:inline; display:block; position:absolute; top:9px; right: 5px}
#dashboard_container .pagination a, #dashboard_container .pagination .current, #dashboard_container .pagination .disabled {line-height:1em; padding:0px 3px 1px 3px; border: 1px solid #fff; background: none; color: #fff; font-weight: bold}
#dashboard_container .pagination .disabled {color: #9AA3C9; border: 1px solid #9AA3C9}
#dashboard_container .pagination ul.sticky_menu {width:20px; position:absolute; margin-top: 3px; padding: 0; z-index: 1000; list-style:none}
#dashboard_container .pagination ul.sticky_menu li {float:none; margin-left: 0; margin-top: -1px}
#dashboard_container .pagination ul.sticky_menu li a {display: block; position: relative; line-height:1em; padding:1px 6px 2px 6px; border: 1px solid #fff; background: #5877AD; color: #fff; font-weight: bold}
#dashboard_container .pagination ul.sticky_menu li a:hover {color: #5877AD; background-color: #fff}
#loading_overlay {-moz-border-radius: 10px; -webkit-border-radius: 10px; width: 120px; height: 120px; opacity: 0.9; background: #000 url("/images/gui/ajax-big-overlay.gif") center center no-repeat; position: fixed; top: 50%; left: 50%; margin-top: -60px; margin-left: -60px; z-index: 1000}
#loading_overlay.error {background: #000 url("/images/gui/monkey-error.png") center center no-repeat}
#messages{ width: 492px; position: absolute; left: 50%; z-index: 200; opacity: 0.9}
#messages .close_message {color: #ccc !important; font-size: 10px !important; position: absolute; bottom: 5px !important; right: 10px !important}
#notice, #warning, #error {opacity: 1; margin-left:auto; margin-right:auto; position: relative; padding: 20px 20px 24px 72px; width: 400px; min-height: 17px; top: 0; left: -248px; z-index: 10000; font-size:14px; color: #fff; background: #000}
#messages p {background: #000}
#notice {background: #000 url(/images/gui/dialog-information.png) 20px 15px no-repeat}
#warning {background: #000 url(/images/gui/dialog-warning.png) 20px 15px no-repeat}
#error {background: #000 url(/images/gui/dialog-error.png) 20px 15px no-repeat}
#sidebar form {font-size: 11px}
#sidebar ul.groups {list-style: none; width: 230px; margin-left: 4px; margin-right: auto; margin-top:5px}
#sidebar ul.groups li.tab {margin-top: -1px; width: 100%; border-top: 1px solid #ddd; border-right: 1px solid #bbb; border-left: 1px solid #bbb; border-bottom: 1px solid #999; background-color: #fff}
#sidebar ul.groups li h3 a {display: block; text-decoration: none; color: #444 !important; background: #eee url(/images/gui/groups_bg.png) top left repeat-x; padding: 2px 4px 2px 4px; text-align: center; text-shadow: #ccc 2px 2px 1px}
#sidebar ul.groups li h3 {margin-top: 0}
#sidebar ul.groups form {border-top: 1px solid #ccc; background-color: #fff; color: #333; text-align: left; padding-top: 0.5em; padding-bottom: 0.5em}
#sidebar ul.groups form p {margin-top: 0.5em; margin-bottom: 0.5em}
#sidebar form label {width: 80px; display: block; float:left; text-align: right; margin-right: 5px; margin-top: 2px; overflow:hidden; white-space:nowrap}
#sidebar form select, #sidebar form input[type="text"], #sidebar form input[type="password"], #sidebar form input[type="search"] {max-width: 130px !important; margin-top: 2px; margin-bottom: 2px}
#sidebar form select, #sidebar form input, #sidebar form textarea {text-align: left}
#sidebar form .indent {padding-left: 85px; margin-left: 0}
#sidebar .action_list {width: 220px; margin-left: 14px; margin-top: 5px}
#sidebar .action {border: 0; background: none}
#sidebar .folders {width: 18px; display: block; float: right; list-style: none; height: 100%; background: #DBDBDB url(/images/gui/folders_bg.png) top left repeat-y; overflow:hidden}
#sidebar .folders li {margin-top: -2px; z-index: 100px}
#sidebar .folders li:hover, #sidebar .folders li.selected {z-index: 102px; background: #efefef}
#sidebar .folders li.selected {z-index: 101px}
#sidebar .folders li:hover .top, #sidebar .folders li.selected .top {background: #efefef url(/images/gui/folder_selected.png) top left no-repeat}
#sidebar .folders li:hover .bottom, #sidebar .folders li.selected .bottom {background: #efefef url(/images/gui/folder_selected.png) bottom left no-repeat}
#sidebar .folders li .top {height: 10px}
#sidebar .folders li img {padding: 10px 2px 10px 4px}
#sidebar .folders li .bottom {height: 10px}
#sidebar div.tab_content {border-top: 1px solid #ccc; background-color: #fff}
#sidebar div.tab_content p {margin:10px 10px 10px 10px; width:210px}
#sidebar div.tab_content form p {margin-top: 0.5em; margin-left: 0; margin-right: 0; margin-bottom: 0.5em; width: auto; padding-bottom: 0}
#sidebar ul#assets {list-style:none}
#sidebar #assets_tabs form {padding-top: 0; border: 0}
#sidebar ul#assets li {display: block; float: left; margin-bottom: 1em; margin-right: 1em}
#sidebar ul#assets li img {border: 1px solid #ccc; padding: 2px}
#recent_items {width:230px; margin:10px auto}
#recent_items ul {list-style:none; margin-top:5px}
#recent_items li {padding: 4px 10px; background-color:#fafafa; border:1px solid #dadada; margin-top:-1px}
#recent_items li.selected {background-color:#EDF3FE}
body {background-color: #5f5f5f !important; font-size: 14px; font-family: "myriad pro", helvetica, arial}
a {font-weight: normal}
div#wrapper {top: 60px; width: 100%; bottom: 0px; overflow: auto; position: fixed}
#main_interface {min-height:300px}
#main_interface_shaded {background: #f8f8f9 url(/images/login/main_shade.gif) top left repeat-x; width: 100%}
body.about #main_interface_shaded, body.login #main_interface_shaded, body.attempt_login #main_interface_shaded, body.updates #main_interface_shaded, body.contact #main_interface_shaded {background: #fefefe url(/images/updates/idashboard_about_bg.png) top left repeat-x}
div#masthead {z-index: 100}
#login_messages {font-weight: bold}
#main_interface {padding-top: 30px; padding-bottom: 10px; width: 800px; margin-left: auto; margin-right: auto}
#footer {font-size: 12px; margin: 4em 0 0 0; border-top: 1px solid #ccc; color: #666; width: 100%; background: #f8f8f9 url(/images/login/main_shade.gif) center left repeat-x; overflow: hidden}
#footer .inner {width: 800px; padding: 5px 0 5px 0; margin-left: auto; margin-right: auto}
#footer .menu {display: block; float: left}
#footer .copyright {display: block; float: right}
#footer a {color: #333; font-weight: normal}
#footer .menu a {margin-right: 20px}
body.about #main_interface {padding-top: 0px}
body.login #main_interface form, body.attempt_login #main_interface form {border: 3px solid #696865; padding: 10px 10px 20px 10px; width: 240px}
#main_interface form.login {display: block; float: left; color: #fcfcfc; background: #28251c url(/images/updates/idashboard_login_form_bg.png) top left repeat-x}
img.feature {display: block; float: right}
form.login a {color: #62a6e6 }
form.login div.login_heading {font-size: 16px; line-height: 150%; margin-top: 10px; width: 200px}
form.login p {margin-top: 5px}
#forgot_link, form.login input.password {float:left}
#register_link, form.login input.login {float:right; width: 50px; margin-top: 0px}
div.forgot, div.register {margin-bottom: 1em; font-size: 13px; font-family: helvetica, arial}
#dashlet_menu {padding-left: 100px; font-family: "Lucida Grande", Verdana, Arial, sans-serif}
#main_interface div.auth_heading {font-size: 14px; line-height: 200%; color: #5f5f5f; margin-left: -20px}
h1 {font-size: 16px; margin-bottom: 1em}
div.entry {margin-top: 2em}
div.entry div.date {font-weight: bold}
div.entry h2 {font-size: 16px; margin-bottom: 10px}
div.entry h3 {font-size: 14px; margin-bottom: 5px}
div.entry ul, div.entry ol {padding-left: 2em}
div.entry p {padding-top: 5px; padding-bottom: 5px}
#authentication_contact form label {font-weight: normal; font-size: 14px; color: #5F5F5F}
#authentication_contact form {margin-top: 1em}
.validation_errors {font-size: 14px !important; font-weight: normal !important}
table#features {z-index: 10; width: 100%; margin-top: -40px; margin-bottom: 2em }
table#features h1 {font-family: "Myriad Pro", Arial; font-size: 18px; margin: 0; width: 362px}
table#features h2 {font-family: "Myriad Pro", Arial; font-size: 16px; padding-bottom: 5px; width: 362px; color: #666}
table#features p {font-family: "Myriad Pro", Arial; font-size: 14px; color: #888; line-height: 16pt; width: 362px}
table#features td {min-height: 122px; vertical-align: top; padding: 10px; width: 382px !important; background: transparent url(/images/updates/idashboard_info_bg.png) bottom left no-repeat; border-bottom: 10px solid #fefefe; z-index: 10}
table#features td.left {border-right: 36px solid #fefefe}
table#features td.interested {background: #fefefe url(/images/updates/idashboard_info_highlight_bg.png) bottom left no-repeat}
.browser_check {text-align:center}
div#updates {background: white url(/images/updates/idashboard_about_bg.png) repeat-x left -245px; border: 2px solid white; padding: 25px 35px 15px 40px}
div#updates h1 {color: white; font-size: 18pt}
div#contact_us h1 {font-size: 18pt}
div#contact_us {color: white; background: #28251C url(/images/updates/idashboard_login_form_bg.png) repeat-x scroll left top; padding: 25px 35px 15px 40px; border: 2px solid #808080}
div#contact_us label {height: 25px; padding-top: 5px; color: white; display: block; text-align: left}
div#contact_us div.column {width: 350px; float: left}
div#contact_us div.controls {clear: both; text-align: right; width: 691px; padding-top: 10px}
#authentication_contact .controls {border-top: 0}