.clear{clear: both;}
#footer{border-top: 2px solid #888; background: #FFFFFF url(../images/body-bg.jpg) repeat-x scroll left top; padding: 7px 0; height: 40px;}
#footer ul li{ float: left;}
#footer .footer-right{float: right; margin-right: 20px; color: #fff;}
#footer .footer-left{float: left; margin-left: 20px; color: #fff;}

#subnav li a:hover{background: none;}
#navtabs li a{display: block; padding: 0 8px;}
#navtabs li a:hover{background: transparent url(../images/menu-tab-bg.jpg) repeat-x scroll left bottom; color: #5B5E56; display: block; padding: 0 8px;}

#content{ margin-right: 20px; margin-left: 20px;float: none; width: auto;} /*if sidebar exist reduce to 60%*/
li#side-current a{color: #9FB03E}
.hidden{display: none;}
table caption a{padding: 2px 7px; border: 1px solid #9FB03E; margin: 0px 15px;}
table caption{padding-bottom: 10px;}
table th a, table th a:hover, table th a:active, table th a:visited{color: #fff; text-decoration: none;}

.subnav {margin-left: 16px; height: 34px; font-size: 12px; color: #5b5e56; text-transform: uppercase;} 
.subnav li {float: left; margin-right: 20px; line-height: 34px;} 
.subnav li a {text-decoration: none; color: #5b5e56; height: 25px; padding: 2px;}
.subnav li a:hover {background: transparent; color: #5b5e56; border-bottom: #5b5e56 1px solid;}
.subnav li#sub-current a {}
.subnav li#sub-current a:hover {background: transparent; color: #5b5e56; border-bottom: #5b5e56 1px solid;}
.today{background: none; background-color: #dee4bd; font-weight: bold; color: #666;}
#content h3{clear: both; border-bottom: 1px dashed #888; padding-top: 20px; padding-bottom:10px;}
.none{display: none;}
#sidebar{width: 260px; margin-right: 20px; float: right;}
#navtabs{margin-left: 10px;}
#login{margin-right: 20px;}

.chooser{}
.chooser .box{width:45%;float:left; margin-right: 1%; padding: 10px;}
#content .chooser .box h3{ margin: 0px;font-size: 200%; line-height: 1.2em;text-align: right; height: 126px; float: right; width: 70%; border: none;}
.chooser #user{background: #fff url('../img/property.png') top left no-repeat;}
.chooser #landlord{background: #fff url('../img/building.png') top left no-repeat;}
.chooser .box {position: relative;}
.chooser .box .content{clear: both; border-top: 3px solid #a4bf2e; height: 120px; padding: 20px; }
.chooser .actions{float: right; position: absolute; top: 180px; right: 5px;}

select, option{margin-right: 0px;}
option{margin-bottom: 0px;}


th.criterion, td.criterion{ text-align: right; border-right: 1px solid #000;}
th.criterion{ width: 150px;}
table.properties{width: auto;}
table.properties tr th{ width: 100px; background: #FFFFFF url(../images/sidebar-header.jpg) repeat-x scroll left top; color: #666; border-bottom: 1px solid #000;}
table.properties tr th.criterion{ background: none; border-top: none; border-left: none; color: #000;}
.add_building_step3_ajax_table1 { }
.permissions table td{border: none;}
.permissions table tr{border: none;}
.permissions table{border: none;}
table>tbody.fixed-height {
        overflow: auto;
        height: 400px;
        overflow-x: hidden;
}

.map-container{margin-left: 180px;}
#map_canvas{width: 450px; height: 300px}
.map-explanation{float: left; width: 170px; }

div.input input.green, div.input input.green:focus{border: 1px solid #68AA25;}
div.input input.red, div.input input.red:focus{border: 1px solid #A30606;}

.wizard-steps{margin: 0 0 35px 0; float: left;}
.wizard-steps li{float: left; padding: 5px 7px 5px 30px; margin-right: 15px; font-weight: bold;}
.step1{background: transparent url(../img/wizard-steps.png) left -60px no-repeat;}
.step2{background: transparent url(../img/wizard-steps.png) left -30px no-repeat;}
.step3{background: transparent url(../img/wizard-steps.png) left -0px no-repeat;}
.step1-selected{background: transparent url(../img/wizard-steps.png) left -150px no-repeat; color: #9fb03e;}
.step2-selected{background: transparent url(../img/wizard-steps.png) left -120px no-repeat; color: #9fb03e;}
.step3-selected{background: transparent url(../img/wizard-steps.png) left -90px no-repeat; color: #9fb03e;}
.right{text-align: right;}
.center{text-align: center;}
.property-number{border: 1px solid #ccc; padding:5px; width: 4em;}
.properties-form{width: auto; border: none;}
.properties-form tr{border: none;}
.properties-form tr:hover{background: none;}
.properties-form td{background-color: #ebe9dc;}
td.floor{width: 10em; border: none; background-color: #fff;}
div.submit{margin-left:0;}
#authake div.menuheader{display: none;}

/**
 * Flash messages
 */
#flashMessage, .flash_box{border: 1px solid #ccc; padding: 20px; margin-bottom: 20px; font-weight: bold; background-color: #efefef; -moz-border-radius: 3px; -webkit-border-radius: 3px; display: none;}
.flash_warning{padding-left: 60px; background: #F9DB86 url(../img/warning.png) 8px 5px no-repeat; border: 1px solid #E2AD1B; color: #825D00;}
.flash_success{padding-left: 60px; background: #CFF484 url(../img/success.png) 8px 5px no-repeat; border: 1px solid #A9DD1A; color: #487F00;}
.flash_error{padding-left: 60px; background: #F2A985 url(../img/error.png) 8px 5px no-repeat; border: 1px solid #DB4D1A; color: #7C0200;}
.clear-fix{float: left; width: 100%;}
.explanation{padding: 20px; margin-bottom: 20px; padding-left: 60px; background: #DDFFBC url(../img/info.png) 8px 5px no-repeat; border: 1px solid #81B75F; color: #3F3F3F;-moz-border-radius: 3px; -webkit-border-radius: 3px;}

.property{border: 1px solid #ACDB48; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 4px; float: left; margin: 1%; width: 46%;}
.property .property-name{padding: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.edit-property{float: right; padding: 4px;}
div.actions{clear: both;}

.floor{border: 1px solid #DDDDDD; padding: 0px; float: left; clear: both; -moz-border-radius: 5px; -webkit-border-radius: 5px;
       -moz-border-radius-topleft: 0px; -webkit-border-radius-topleft: 0px;
       width: 98%; margin-top: 30px; margin-bottom: 20px;}
.floor-name{background-color: #9FB03E; border: 1px solid #658902; padding: 5px; width: 150px; margin-top: -30px; margin-left: -1px; position: absolute;
            -moz-border-radius-topleft: 5px; -webkit-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px; color: #fff; font-weight: bold;}
#property_people_table div.input input{width: auto;}
.button{-moz-border-radius: 3px; -webkit-border-radius: 3px;}
div.month-year select{width: auto;}
.record{font-weight: bold; color: #F96800;}
.hover-cell{background-color: #fff; cursor:pointer}

div.submit input, button{
        color: #fff;
        font-weight: bold;
        border: 1px solid #ED9810;
        background: #F6A828 url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png)
                repeat-x scroll 50% 50%;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        text-transform: lowercase;
        padding: 4px 7px;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
        box-shadow: 0 1px 2px rgba(0,0,0,.4);
}
div.submit input:hover, button:hover{text-shadow: none;}
.year-navigation{border-top: none; border-left: none;}

#authake .users dl{display: none;}

.negative{color:#900; }
.positive{color:#186300; }
.input .positive{color:#000; }
div.input .auto-width{width: auto;}
.remove{ color: #fff; background: #FF4F4F url(../img/remove.png) center no-repeat; border: 1px solid #CE0000; padding: 4px 11px;}
.remove:hover{color: #fff; background: #db1f1f url(../img/remove1.png) center no-repeat;}

tr.total td{border: none; border-top: 1px solid #2C6300; font-weight: bold;}
tr.total td input, tr.total td input:focus, tr.total td input:hover{border: none; background: none;}

tr.filter td{background-color: #f0f0f0; padding: 0px;}
tr.filter input, tr.filter input:hover, tr.filter input:active, tr.filter input:focus{background-color: #f0f0f0;width: 100%; padding: 5px 0; border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; text-align: center}
tr.filter select{width: 100%;}
tr.filter div.input{margin: 0px;}
tr.filter button{-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: 0px; padding: 4px 0px; width: 100%; -moz-border-radius: 0px; -webkit-border-radius: 0px;border-radius: 0px;}
.filterLoader{background: #fff url(../img/loader.gif) center center no-repeat;}
.filterLoader a.filter{visibility: hidden;}
tr.filter div.input .positive, tr.filter div.input .negative{border: none; background:#fff none; }
.minus{color: #900;}
tr.filter td.actions a.filter{color: #fff; border: 1px solid #ED9810; background: #F6A828 none; padding: 4px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius: 3px;}
tr.filter td.actions a.filter-button{margin-right: 10px;background: #1F92FF url('../img/icons/search-gray.png') center center no-repeat; border:0px;}


tr.filter td.actions a.clear-filter-button{background: #1F92FF url('../img/icons/clear-gray.png') center center no-repeat; border:0px;}

table.layout{border: none; border-collapse: inherit; margin-bottom: 0px;}
table.layout td{border: none; vertical-align: top; text-align: left;}
table.layout tr:hover{background: transparent none;}
#popup-window .submit{display: none;}
.transaction-common-details label{display: block; text-align: left; width: auto; float: none; padding: 0px;}
.filter .actions .filter-button{position: relative;}
.filter .actions button.clear-filter{width: 30px; position: absolute; right: 0px; top: 1px; border: none;
                                     border-radius-topright: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius-topright: 5px;
                                     border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-radius-bottomright: 5px;
                                     width: 0px;
                                     color: #fff; background: #FF4F4F url(../img/remove.png) center no-repeat;;
}
.filter .actions button.clear-filter:hover{color: #fff; background: #db1f1f url(../img/remove1.png) center no-repeat;}
.filter-wrapper{position: relative;width: 100%; height: 20px;}
div.ui-dialog-titlebar{ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.portlet-header{padding: 4px 4px;}
div.edit{float: right; padding: 4px 4px;}
div.edit a{color: #964B00;}
table.layout td.right{text-align: right;}
.nowrap{white-space: nowrap;}
div.input input.width100{width: 96%;}
.super-explanation{margin-top: 20px; /*height: 40px;*/}
/** tabs */
.tabs{clear: both;}
.tabs h2{display: none;}
.tabs .actions h3{display: none;}
#supplierknowledge select{width: 70%;}
.filtered{background: #FF3D3D !important; border: 1px solid #D10000 !important;}
.warn{background: #FCF4BD;}
.highlight td{background: #FCF4BD;}
.bold{font-weight: bold;}
td.amounts div.input input{width: 8em;}
tr.total-line td{border-top: 2px solid #333;}
.change-status div.select select{width: auto;}
.left{text-align: left;}
div select.item-type{width: auto;}
.not-paid{color: #900;}
.paid{}
h2 span{font-size: 12px;}
div.language div.select select{width: 273px;}
div.translation div.dtp-proofread{display: none;}
div.dtp-proofread div.translation{display: none;}
div.discount div{display: none;}
div.popuper.discount div.discount{display: block;}
div.popuper.discount div.discount div{display: block;}

/*Custom radio style*/
div.radio.custom label{padding-right: 0px;}
div.radio.custom input{margin-right: 25px;}

span.supplier-price{color: #900;}
span.customer-price{color: #090;}
span.header-links{text-decoration: none; text-transform: none; font-style: normal; text-shadow: none; font: 12px/18px "Lucida Grande","Lucida Sans",sans-serif;}
.tax-certificates #select-year{margin-left: 15px;}
.payment-report #select-date{margin-left: 15px;}
.print-certificate{float: right; margin-top: -7px;}
.print-certificate button{font-size: 12px;}
tr.warning td{background-color: #FF0000; color: #FFFFFF;}
tr.warning td a{color: #FFFFFF;}

tr.overdue td{color: #FF0000;}
tr.overdue td a{color: #FF0000;}

tr.inactive td{color: #777;}
tr.inactive td a{color: #777;}

div.tax-payment-report select{width: auto; margin-right: 15px;}

.dashboard-content{max-height: 200px; overflow: auto; overflow-x: hidden;}
.dashboard a{text-decoration: underline;}
.dashboard .subtitle{font-weight: bold; border-bottom: 1px solid;}

dd.empty{background: none; border: 1px solid #fff;}
.change-status{margin-bottom: 15px;}

#DocumentationContent{width: 100%; height: 300px;}
#preview{border:1px solid;margin-bottom:20px;min-height:100px;padding:15px;}
.sidebar{width: 230px; border-right: 1px solid #FFCD6B; padding-right: 15px; margin-right:15px; float: left;}
.documentation-preview{margin-left: 265px;}
.document-active{background: #FFCD6B; color: #fff;}
.documentation-section{font-weight: bold;}

#preview ul li, .documentation-preview ul li{margin-left: 15px; list-style: circle; list-style-position: inside;}
#preview ol li, .documentation-preview ol li{margin-left: 15px; list-style: decimal; list-style-position: inside;}

/*PDF*/
div.field-title{font-weight: bold; border-bottom: 1px solid #666; padding: 3px;}
div.field-content{padding: 3px}
div.row{margin-bottom: 15px;}
#content h2.print-title{font-family: Verdana, Arial, sans-serif; font-style: normal; text-shadow: none; bordeer: 1px solid #046ea8; background: #0490c5; color: #fff; padding: 20px; line-height: 1.4em;}
.pdf-font{font-size: 150%;}
.page-breaker {page-break-before:always;}
.boxit {border:1px solid #DFD5C3; margin:0;padding:1em;}
.totals_top_row td {border: 0px;}
.totals_top_row tr {border: 0px;}
.refreshElementWithAjax {
        position:absolute; 
        width:100%; 
        height:100%; 
        background-color:yellow; 
        top:0px; 
        opacity: 0.2;
}