/**
 * Basic
 */
* { margin: 0;}
html, body { font: 13px "Lucida Grande", Arial, sans-serif; background-color: #eee; line-height:1.5; height: 100%; }

a { color: #21759B; }
a:hover { color: #D54E21; }

h2 { font-family: "Lucida Grande", Arial, sans-serif; color: #000; font-size: 36px; font-weight: normal; border-bottom: 1px dotted #ccc; margin: 0px 0px 10px 0px;  }
h3 { font-family: "Lucida Grande", Arial, sans-serif; color: #000; font-size: 16px; font-weight: bold; }

.error,
.notice,
.success,
.message { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice,
.message { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a { color: #D12F19; }
.notice a,
.message a { color: #817134; }
.success a { color: #529214; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; }


/**
 * Content
 */
#main { margin-top: 20px; }
#main #content { margin-bottom: 20px; background: #fefefe; padding: 15px 20px 15px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px; -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px; }


/**
 * Pagination
 */
div.paging,
div.counter { text-align: center; margin: 10px; }
div.counter { margin-top: 10px; }


/**
 * Tables
 */
table { width: 100%; border: 1px solid #fff; background-color: #fff; clear: both; border: 1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
table tr th { padding: 10px; background: #e5e5e5; color: #333; border-bottom: 0px; text-align: left; font-weight: bold; }
table tr th a { color: #333; text-decoration: none; }
table tr th a:hover { color: #333; text-decoration: underline; }
table tr td { padding: 10px 8px; border-bottom: 1px solid #dfdfdf; vertical-align: middle;text-align: left; }
table tr td a { font-weight: normal; text-decoration: none; padding: 0px 5px 0px 0px; }
table tr td a:hover { text-decoration: underline; }
table tr td div.operations a { font-size: 12px; margin-right: 15px; text-decoration: none; text-transform: lowercase; }
table tr td img { margin: 0px; padding: 0px; }
.striped { background-color: #f8f8f8; }

div.level-0 { }
div.level-1 { margin-left: 30px; }

img.permission-toggle:hover { cursor: pointer; }
img.hook-toggle:hover { cursor: pointer; }

.controller-row { background: #6f6f6f; color: #fff; font-weight: bold; }
.controller-row a { color: #efefef; }
.controller:hover { cursor: pointer; }
.collapse { background: url('../img/icons/bullet_arrow_down.png') no-repeat; padding-left: 15px; }
.expand { background: url('../img/icons/bullet_arrow_right.png') no-repeat; padding-left: 15px; }


/**
 * Forms
 */
label { margin: 0px 0px 0px 3px; font-family: "Lucida Grande", Arial, sans-serif; font-size: 20px; color: #464646; }
.text label,
.textarea label,
.select label,
.file label,
.datetime label,
.password label { display: block; }
form input[type=file]{font-size: 20px; margin-bottom: 10px; width: 98%;padding: 8px; }
form input[type=text],
form input[type=password],
form textarea {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:5px; font-size: 15px; margin-bottom: 5px; width: 100%;border: 1px solid #CCCCCC;
    }
form input[type=text]:focus,
form input[type=password]:focus,
form textarea:focus, form select:focus{ border:1px solid #888 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color=#8e8e8e)";/*IE 8*/
-moz-box-shadow: 0px 0px 6px #8e8e8e;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 6px #8e8e8e;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 6px #8e8e8e;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color=#8e8e8e); /*IE 5.5-7*/
}
form textarea { border: 1px solid #888; }
form input[type=submit] {
border:1px solid #3fa2e8;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding: 4px 25px;
/*give the background a gradient - see cssdemos.tupence.co.uk/gradients.htm for more info*/
-moz-border-radius: 5px;/*Firefox*/
-webkit-border-radius: 5px;/*Safari, Chrome*/
border-radius: 5px;
/*style to the text inside the button*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
color:#fff;
font-size:15px;
font-weight:bold;
letter-spacing:.1em;
font-variant:small-caps;
/*give the corners a small curve*/
background:#3fa2e8;
background: -moz-linear-gradient(90deg, #3fa2e8 0%, #9ad2fa 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #3fa2e8), color-stop(100%, #9ad2fa));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #3fa2e8 0%, #9ad2fa 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #3fa2e8 0%, #9ad2fa 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #3fa2e8 0%, #9ad2fa 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3fa2e8', endColorstr='#9ad2fa', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #3fa2e8 0%, #9ad2fa 100%);/* W3C */
text-shadow:0 -1px 0 #3fa2e8;

}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
form input[type=submit]:hover, form input[type=submit]:focus {
	background:#3fa2e8;
color:#fff;

}

form button { font-size: 13px; }
form textarea { background: #fff; width: 100%; height: 60px; font-size: 13px; }
form textarea.content { height: 350px; }
form .wide { width: 500px; height: 150px; }
form select[multiple=multiple] { padding: 0px; }
form select[multiple=multiple] optgroup { font-style: normal; }
form select[multiple=multiple] optgroup option { text-indent: 25px; }

div.radio legend { font-size: 20px; margin-bottom: 10px; }
div.radio input { float: left; clear: both; margin-top: 5px; margin-right: 5px; }
div.radio label { font-size: 16px; float: left;  }

/*div.input { margin-top: 15px; }*/
div.input span.description { font-size: 11px; color: #999; }


/**
 * Header
 */
#header { width: auto; font-size: 11px; background-color: #3c3c3c; padding: 3px 0px 3px 0px; color: #ccc; border-bottom: 1px solid #222; }
#header a { color: #ccc; text-decoration: none; font-size:14px;}
#header a:hover { text-decoration: underline; }
#header span { color: #666; }
#header .header-right { text-align: right; font-size:12px; padding-top:9px;}

/**
 * Navigation
 */
.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }
.sf-menu { line-height: 1.0; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu ul li { width: 100%; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left: 0; top: 2.5em; z-index: 99; }
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul { left: 10em; top: 0; }
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }

.sf-menu { float: left; margin-bottom: 1em; }
.sf-menu a { padding: .75em 1em; text-decoration:none; }
.sf-menu a, .sf-menu a:visited  { color: #13a; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; }

.sf-menu a.sf-with-ul { padding-right: 	2.25em; min-width: 1px; }
.sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('../img/arrows-ffffff.png') no-repeat -10px -100px; }
a > .sf-sub-indicator { top: .8em; background-position: 0 -100px; }
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; }

.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; }

.sf-shadow ul { background: url('../img/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; }
.sf-shadow ul.sf-shadow-off { background: transparent; }

#nav-container { background:#21759B; width: auto; height: 40px; }

#nav { margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }
#nav ul > li{ border-left:1px solid #5F99B4;}
#nav ul li,
#nav ul li a { float: left; display: block; font-size: 12px; }
#nav ul > li a { color: #fff; text-decoration: none; border-left:1px solid #2E5566; }
#nav ul li a:hover,
#nav ul li.sfHover > a { background: #2b2b2b; }
#nav ul li a.selected { border-bottom: 1px solid #fff; }
#nav ul li a.selected:hover { background: #f7f7f7; border-bottom: 1px solid #ccc; }
#nav ul li a {padding:14px 18px; }
#nav ul li a.last { margin-right: 0px; }
#nav ul li li a { margin-right: 0px; }

#nav ul li ul { padding-top:10px; width:180px;}
#nav ul li ul li ul { padding-top: 0px; }
#nav ul li ul li { background: #2b2b2b;  border:none;}
#nav ul li ul li a { -moz-border-radius: 0px; -webkit-border-radius: 0px; display:block; float:none; border:none;}
#nav ul li ul li a:hover,
#nav ul li ul li.sfHover > a { background: #000; display:block;}
#nav ul li ul li a.separator { border-bottom: 1px solid #333; }


/**
 * Nodes
 */
div.meta { background: #eee; padding: 15px; margin-bottom: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.meta .actions { margin: 0px; padding: 0px; display: block; }
div.meta .actions { text-align: right; }
div.meta .fields .input { padding: 0px; margin: 0px; }

div.nodes .type h3 { font-size: 14px; }
div.nodes .type p { margin: 10px 10px 10px 20px; }

div.filter { margin: 10px 0px 20px 0px; background: #efefef; padding: 0px 15px 15px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div.filter form label { font-size: 14px; }
div.filter form .input { float: left; margin-right: 10px; }
div.filter form select { width: 100px; }
div.filter form .text input { font-size: 12px; padding: 0px; }
div.filter .submit { float: left; margin-top: 35px; }


/**
 * Themes
 */
div.extensions-themes h3 { font-size: 16px; margin: 10px 0px 10px 0px; }
div.extensions-themes .current-theme .screenshot { float: left; margin: 0px 70px 0px 0px; }
div.extensions-themes .available-themes { border-top: 1px dashed #ccc; margin: 50px 0px 0px 0px; }
div.extensions-themes .available-themes ul li { float: left; margin: 0px 70px 0px 0px; display: block; }
div.extensions-themes .available-themes .actions a { margin-right: 10px; }


/**
 * Footer
 */
#footer { width: auto; text-align: center; background-color: #000; padding: 15px 0px 15px 0px; color: #fff; height: 20px; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.push { height: 50px; }


/**
 * Tooltip
 */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../img/icons/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/**
 * Others
 */
div.tabs { margin-bottom: 10px; }
div.tabs p { margin: 50px 0px 0px 0px; }

div.actions { padding: 0px 0px 40px 0px; }
div.actions ul { float: left; margin-left:0;}
div.actions ul li { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; float: left; }
div.actions ul li a { padding: 6px 10px; color:#3FA2E8; margin-right: 5px; text-decoration: none; font-weight: bold; float: left; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #ddd; }
div.actions ul li a { background: -moz-linear-gradient(center top, #fefefe, #eee) repeat scroll 0 0 transparent; }
div.actions ul li a { background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#eee)); }
div.actions ul li a:hover { border: 1px solid #bbb; background:#fff !important;}
div.actions ul li a:active { background: -moz-linear-gradient(center top, #eee, #fefefe) repeat scroll 0 0 transparent; }
div.actions ul li a:active { background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#fefefe)); }

div.bulk-actions { display: block; margin: 15px 0px 15px 0px; }
div.bulk-actions .input { display: inline; padding: 4px; }
div.bulk-actions .submit { display: inline; }

div.breadcrumb { margin: 0px 0px 20px 0px; }

div.extensions-hooks div.plugin { font-weight: bold; }

#loading { margin: 0 auto; width: 20px; text-align: center; }
#loading p { background-color: #FFF1A8; font-weight: bold; padding: 5px; margin: 0px; }

.round { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.hidden { display: none; }


/**
 * Login
 */
p#backtosite { padding: 0px 0px 0px 20px; }

#login { margin: 0px auto; width: 461px; padding: 50px 0px 0px 0px; }
#login h2 { border-bottom: 0px; }
#login .forgot { float: right; }
#login input[type=text],
#login input[type=password] {padding:5px; width: 95%; border:1px solid #ccc;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;}
#login div.input{ margin-top:6px;}
#login label{font-size:15px;}

#login form { margin: 30px 0px 0px 0px; width:420px; padding: 0px 20px 20px 20px; background: #fff; border: 1px solid #B8B8B8;-moz-border-radius: 10px;/*Firefox*/
-webkit-border-radius: 10px;/*Safari, Chrome*/
border-radius: 10px;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color=#999999)";/*IE 8*/
-moz-box-shadow: 0px 0px 20px #999999;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 20px #999999;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 20px #999999;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=20, Direction=90, Color=#999999); /*IE 5.5-7*/
 }
#login form { -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px; -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px; }
#login form { -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.login #footer { background: none; color: #444; }
.login #footer a { color: #444; }


/**
 * Buttons
 */
div.buttons { display: block; text-align: right; margin: 10px 0; }
div.buttons .submit { display: inline; margin-left: 10px; }
div.buttons .cancel { margin: 20px 20px 20px 10px; }


/**
 * jQuery UI
 */
.ui-tabs { border: 0px; }
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button { font-family: "Lucida Grande", Arial, sans-serif; }


/**
 * DebugKit
 */
#debug-kit-toolbar ul li.panel-tab { display: none; }
#debug-kit-toolbar ul li.icon { display: inline; }
.commonform{ width:450px; margin:10px auto; border:10px solid #ddd; padding:10px 15px; background:#eee;}
.tabs input[type="text"], .tabs textarea{ border:1px solid #ccc; padding:5px; }
.tabs label{ font-size:15px;}
.tabs select{ border:1px solid #ccc; padding:5px;/* width:300px;*/}
.tabs input[type="file"]{ font-size:15px;}
.form h2, .users h2{ font-size:24px;}
.actions a{-moz-border-radius: 5px;/*Firefox*/
-webkit-border-radius: 5px;/*Safari, Chrome*/
border-radius: 5px;}
.pricebox{width:50% !important;}
.viewPropertyTitle img{ float:left; }
.viewPropertyTitle span {
  float: left;
  padding: 36px 0 0 24px;
  font-size: 20px;
}
/*.commonform .input{clear:both;}
.commonform .input label{ float:left; }
.commonform .input input[type="text"], .commonform .input input[type="password"],.commonform .input select{ float:right;}*/

.linkbutton{ background:#efefef;
	background: -moz-linear-gradient(90deg, #efefef 0%, #ffffff 100%);/* FF3.6+ */
background: -webkit-gradient(linear, 90deg, color-stop(0%, #efefef), color-stop(100%, #ffffff));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(90deg, #efefef 0%, #ffffff 100%);/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(90deg, #efefef 0%, #ffffff 100%);/* Opera 11.10+ */
background: -ms-linear-gradient(90deg, #efefef 0%, #ffffff 100%);/* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType='0'); /* for IE */
background: linear-gradient(0deg, #efefef 0%, #ffffff 100%);/* W3C */border: 1px solid #DDDDDD;
    float: left;
	font-size:12px;
    font-weight: bold;
    margin: 3px;
    padding:1px 5px;
    text-decoration: none;-moz-border-radius: 3px;/*Firefox*/
-webkit-border-radius: 3px;/*Safari, Chrome*/
border-radius: 3px;}
 .clr{ clear:both;}
.linkbutton:hover { border: 1px solid #bbb; text-decoration:none; background:#fff;}
.paging span{ background:#eee; border:1px solid #ddd;  padding:1px 5px;}
.reDetail .Rent, .reDetail .Expenses{ float:left; /*width:412px; margin-left:15px*/width:100%;}
.reDetail .Rent{ margin-left:0;}
.reDetail legend{ font-size:18px; padding:18px 0 0 0px}
.rnf{ color:#21759B; margin-top:5px;}
.vpdf {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  color: #21759B;
  display: block;
  float: right;
  margin-top: 35px;
  padding: 5px;
  text-decoration: none;
  -moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px;
}
.vpdf:hover{ border:1px solid #999; text-decoration:none;}
.tbldashboard a img, .iconborder img{ border:1px solid #ccc;-moz-border-radius: 4px;/*Firefox*/
-webkit-border-radius: 4px;/*Safari, Chrome*/
border-radius: 4px; padding:2px;}
.tbldashboard a img:hover, .iconborder img:hover{ border:1px solid #3FA2E8;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#bbbbbb)";/*IE 8*/
-moz-box-shadow: 0px 0px 5px #bbbbbb;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 5px #bbbbbb;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 5px #bbbbbb;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#bbbbbb); /*IE 5.5-7*/
}

.commonformrtf .Zebra_DatePicker_Icon_Wrapper input[type="text"]{ width:98% !important;}
.Zebra_DatePicker_Icon_Wrapper input[type="text"]{ width:224px !important;}
.commonformrtf .text {
  float: left;
  width: 216px;
  margin-left: 18px;
}
.commonformrtf #block-basic div.text:nth-child(2){ margin-left:0;}
.commonformrtf select{ width:100%;}
.tbldashboard tr td:last-child{ text-align:right;}
.tbldashboard tr th:last-child{ text-align:center;}
/*.adminDashboard { padding:30px;}*/
.adminDashboard ul li{ margin:10px 0 0 20px; float:left; list-style:none; padding:10px;border:8px solid #eee;padding:10px;	-webkit-transition: all 0.4s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.4s ease-in-out;/* Firefox 4-15 */
	-o-transition: all 0.4s ease-in-out;/* Opera 10.5-12.00 */
	transition: all 0.4s ease-in-out;/* Firefox 16+, Opera 12.50+ */}
.adminDashboard ul li img{ width:150px; height:150px; }
.adminDashboard ul li:first-child{ margin-left:0;}
.adminDashboard ul li:hover{ border:8px solid #ccc;-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#bbbbbb)";/*IE 8*/
-moz-box-shadow: 0px 0px 5px #bbbbbb;/*FF 3.5+*/
-webkit-box-shadow: 0px 0px 5px #bbbbbb;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
box-shadow: 0px 0px 5px #bbbbbb;/* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=90, Color=#bbbbbb); /*IE 5.5-7*/

}
.header-left a{ font-size:26px !important; color:#fff !important; text-decoration:none;}
.header-left a:hover{ text-decoration:none !important;}
.index h2, .blocks h2{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#333;}
.loginfrm{ float: left; margin-top:15px; margin-right:20px;}
#UserAdminLoginForm fieldset{ float:left; margin-left:20px; margin-top:16px; width:216px;}
#UserAdminLoginForm .submit{ margin-top:8px;}
.loginfrm img{ width:146px;}
.psdreset{
	color:white;
	float:right;
	padding-top:5px;
	padding-right:10px;
}
.psdreset a:hover{color:white !important;text-decoration:none !important;}
.propertyDetail tr:nth-child(2n+0){ background:#F7F7F7;}
select{margin-bottom: 10px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%;}
.dtbox{ background:#fff url(../img/calIcon.png) no-repeat scroll right center}
.dshlink{ text-align:center; display:block;}

@media only screen and (max-width:768px){
	.container_12, .container_16{ width:auto;}
	.container_12 .grid_6, .container_16 .grid_8{ width:auto;}
	.header-right {  padding-top: 3px !important;float:right;}
	.container_12 .grid_12, .container_16 .grid_16{ width:auto; display:inherit; float:none;}
	#main #content { margin-bottom: 10px; padding: 6px 10px;}
	.index h2, .blocks h2{ font-size:18px;}
	.adminDashboard {padding: 0;}
	#footer{ font-size:12px;}
	.tbldashboard tr td a{ padding:0;}
	#header .header-left a{ font-size:20px !important;}
	.commonform{ width:auto; margin-top:0; margin-bottom:5px; padding:10px; border:1px solid #DDDDDD}
	.tabs textarea{  font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	div.input{ margin-top:0;}
	.tabs label{ font-size:15px;}
	.tabs input[type="file"]{ font-size:13px;}
	div.buttons{ margin:6px;}
	.pricebox{ width:224px !important;}
	.tabs select{box-sizing:border-box; -moz-box-sizing:border-box; width:100%;padding: 6px;line-height:30px;height:30px;}
	form input[type=text],
form input[type=password],
form textarea{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;font-size:14px; padding:6px;}
label{ font-size:15px;}
.viewPropertyTitle img {float: left;height: 70px;width: 70px;}
.viewPropertyTitle span {font-size: 18px;padding: 22px 0 0 17px;}
table tr th{ font-size:12px; padding:4px;word-break: break-all;}
.commonformrtf .text{ float:none; margin-left:0;}
form input[type="submit"]{ font-size:14px;}
#login input[type="text"], #login input[type="password"]{ padding:8px; width:100%;}
.reDetail .Rent, .reDetail .Expenses{ width:100%; margin-left:0;}
.adminDashboard ul li {
  border: 1px solid #EEEEEE;
  float: left;
  list-style: none outside none;
  margin: 10px 0 0 20px;
  padding: 10px;
  transition: all 0.4s ease-in-out 0s;
}
.adminDashboard ul li:hover{ border:1px solid #ccc;

}
	
	}

@media only screen and (min-width:320px) and (max-width:480px){
	
	#login{ width:292px;padding:0;}
	#login form{ width:248px;}
	.loginfrm{ float:none; margin:0; text-align:center;}
	#UserAdminLoginForm fieldset { float: none; margin-left:0; margin-top:0; width: 250px; }
.loginfrm img {width: 92px;}
#nav ul li a {margin-right: 0; padding:14px 6px;}
.psdreset{ color:#fff; padding-top:9px; margin-bottom:9px;}
.adminDashboard ul li img{ height: 115px;width: 97px;}
div.actions ul li a{font-size: 12px;padding: 5px 7px;}
table tr td{ padding:4px;}
.tbldashboard a img, .iconborder img{padding: 0; width: 20px;}
.tbldashboard tr td:nth-child(2) img{ width:75px; height:auto;}



	
	}
@media only screen and (max-width:479px){
	#main{margin-top: 41px;}
	.psdreset{ padding-top:0;}
	}
@media only screen and (max-width:360px){
.header-right{ float:left;}
.psdreset{ color:#3FA2E8; margin-top:0; margin-bottom:9px;}

	}
	
	
	
	
.admin_portfolio_report table.tbldashboard tr th:nth-child(4){width:65px;} 
.admin_portfolio_report table.tbldashboard tr th:nth-child(10){width:65px;} 
.admin_portfolio_report table.tbldashboard tr td:first-child{padding:0 0 0 5px;}
.admin_portfolio_report table.tbldashboard tr td:last-child{padding:0px 5px 0 0;}


/* 08-04-2020 custom css for icon and search form */

form#propertiesAdminIndexForm { display: table; width: 100%; position: relative; top: 15px; }
form#propertiesAdminIndexForm .input.text { vertical-align: top; display: table-cell; padding: 0; margin: 0; }
form#propertiesAdminIndexForm .input.text input { height: 34px; }
form#propertiesAdminIndexForm .buttons { vertical-align: top; display: table-cell; width: 150px; }
form#propertiesAdminIndexForm .buttons .submit { margin: 0; width: 100%; }
form#propertiesAdminIndexForm .buttons input[type=submit] { background: #3c3c3c; border: none; text-shadow: 0 0 0 #ddd !important; border-radius: 0px; width: 100%; height: 34px; font-size: 15px; font-family: arial; text-transform: uppercase; font-weight: normal; letter-spacing: normal; }

/*form#propertiesSearchForm {   display: table; width: 100%; position: relative; top: 15px; }
form#propertiesSearchForm .input.text { vertical-align: top; display: table-cell; padding: 0; margin: 0; }
form#propertiesSearchForm .input.text input { height: 34px; }
form#propertiesSearchForm .buttons { vertical-align: top; display: table-cell; width: 150px; }
form#propertiesSearchForm .buttons .submit { margin: 0; width: 100%; }
form#propertiesSearchForm .buttons input[type=submit] { background: #3c3c3c; border: none; text-shadow: 0 0 0 #ddd !important; border-radius: 0px; width: 100%; height: 34px; font-size: 15px; font-family: arial; text-transform: uppercase; font-weight: normal; letter-spacing: normal; }*/