/*!
 * CSS for cada project
 */

/** Mass Reset 
 -----------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,header,hgroup,footer,nav,aside,section,article { margin:0; padding:0; }
header,hgroup,footer,nav,aside,section,article { display: block; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { 	border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
input,select { vertical-align:middle; }
a:hover,a:active { outline: none; }
/** End Mass Reset
------------------------------*/

/***** PREFERRED STYLING *****
 -----------------------------
el/class { position/float/display/list-type margin/padding/border width/height background/color font/text CSS3 }
------------------------------
*/

/***** BEGIN STYLES ******
 -----------------------------------*/
html, body, form { height: 100%; }
html { -webkit-font-smoothing: antialiased; }
body { padding-bottom: 20px; color: #333; background: #efede7; font-family: Arial, Sans-Serif; font-size: 10pt; text-align: left; }


/** Global Styles 
 -----------------------------*/
p { margin: 15px 0; }
p.mrg-top-ten { margin-top: 10px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }


/** Buttons
 -----------------------------*/
button.ui, input[type=submit].ui { 
    padding: .3em .7em; 
    border: solid 1px #d2d2d2; 
    background: url(/images/button-bg.jpg) repeat-x top left; 
    -moz-border-radius-topleft: 2px; 
    -webkit-border-top-left-radius: 2px; 
    -moz-border-radius-topright: 2px; 
    -webkit-border-top-right-radius: 2px; 
    -moz-box-shadow: 1px 1px 1px #666;
    -webkit-box-shadow: 1px 1px 1px #666;
}
button.ui-hover, input[type=submit].ui-hover {
    border-color: #9b9b9b;
    background: url(/images/button-hover-bg.jpg) repeat-x top left; 
}


/** Forms
 -----------------------------*/
.form label, .form input[type=text], .form input[type=password], .form textarea, .form select { display: block; }
.form label.inline { display: inline !important; }
.form label.lbl-radio { display: inline-block; margin: 0 10px 0 2px; } 
.form label span { color: #666; font-size: 0.9em; }
.form input[type=text], .form input[type=password], .form textarea, .form select { padding: 4px; border: 1px solid #999 !important; font-family: Arial, Sans-Serif; }
.form input[type=text], .form input[type=password], .form textarea, .form select { margin-bottom: 10px; }
.form input[type=text], .form input[type=password] { width: 190px; }
.form input[type=text].state { width: 20px; }
.form input[type=radio], .form input[type=checkbox] { display: inline; vertical-align: top; }
.form textarea { width: 400px; height: 50px; }
.form td { vertical-align:top; }
fieldset { margin-top: 20px; padding: 0 20px 20px 20px; border: solid 1px #C0C0C0; }
fieldset legend { font-size: 1.5em; font-weight: bold; }
.form fieldset input[type=text], .form fieldset input[type=password], .form fieldset textarea, .form fieldset select { margin-bottom: 5px; } 
.form section.row { margin-top: 10px; }
.form section.row:first-child { margin-top: 0; }
.form section.two-columns { width: 410px; }
.form section.three-columns { width: 230px; }
.form section.four-columns { width: 180px; }
.results span { font-weight: bold; }
.Normal { font-size:0.8em; }

#tb-from-date, #tb-to-date { width: 100px; display: inline }
#ddl-property-list { display: inline }

/** Validator Classes
 -----------------------------*/
.error { border: solid 1px red !important; background: #faefef; color: Red; }
.status-error { color: Red; font-size: 0.8em; }


/** Soho-Grid
 -----------------------------*/
.soho-grid { border: 1px solid #666; width: 898px; }
.soho-grid tr { background: #f4f8fd; cursor: pointer; }
.soho-grid tr.alt-row { background: #eaf1f8; }
.soho-grid th { background: #c1d2e4; font-weight: bold; text-align: center; }
.soho-grid th.sort { cursor: pointer; }
.soho-grid th, .soho-grid td { padding: 4px 6px; border-left: 1px solid #666; }
.soho-grid th:first-child, .soho-grid td:first-child { border-left: 0; }
.soho-grid td { border-top: 1px solid #666; font-size: 0.9em; }
.soho-grid td.hover { padding: 4px 6px; }
.soho-pager { margin-top: 10px; }
.soho-pager span { display: inline-block; margin-right: 5px; }
.soho-pager .prev, .soho-pager .next { color: #003063; text-decoration: underline; cursor: pointer; }


/** Rows + Columns
 -----------------------------*/
section.row { margin-top: 20px; }
section.row:first-child { margin-top: 0; }
section.column { float: left; display: inline; margin-left: 30px; }
section.left-column { margin-left: 0; }
section.two-columns { width: 435px; }
section.three-columns { width: 280px; }
section.four-columns { width: 202px; }


/** Headers
 -----------------------------*/
h2 { margin-bottom: 10px; font-size: 1.8em; }
h3 { margin-bottom: 10px; font-size: 1.5em; }
h4 { margin: 10px 0; font-size: 1.25em; }


/** Page Wrapper
 -----------------------------*/
#page-wrapper { margin: 0 auto; width: 950px; background: #fff; }


/** Header
 -----------------------------*/
header { height: 95px; background: #7b9eb5; }


/** Nav
 -----------------------------*/
nav { margin: 1px auto; width: 950px; height: 32px; background: #003063; }
nav ul { background: white; }
nav ul li {	float: left; height: 31px; font-size: 12px; }
nav li a {	
	display: block;
    border: solid 1px #003063;
    border-top: 0;
    background: #003063;
	padding: 8px 15px;
    text-decoration: none;
	color: white;
	white-space: nowrap;
}
nav li a:hover { border: solid 1px #443728; border-top: 0; color: #363636; background: #dfe5ec; }
nav li ul {	
	position: absolute;
	visibility: hidden;
    margin-top: 0px;
    border: solid 1px #443728;
    border-top: 0;
    border-bottom: 0;
    background: #7b9eb5;
	z-index: 500;
}
nav li ul li { float: none; display: inline; text-align: left; }
nav li ul li a {	
	padding: 5px 30px 5px 15px; 
    border: 0;
	border-bottom: solid 1px #443728;
    color: #363636;
	background: #dfe5ec;
}
nav li ul li a:hover {
    border: 0;
    border-bottom: solid 1px #443728;
	background: #003063; 
	color: white; 
	text-decoration: none; 
}


/** Page Content
 -----------------------------*/
#page-content { padding: 20px 25px; }


/** Footer
 -----------------------------*/
footer { margin: 1px 0; padding: 4px 10px; background: #003063; color: #fff; font-size: 0.8em; }
footer a { color: #fff; text-decoration: none; }


/** Report
 -----------------------------*/
.reporttable {
	color: #000000;
	font-family: Arial;
    font-size: 12pt;
	font-weight: normal;
	border: 0px solid #3300CC;
	margin-left:20px;
}
.reportlabel { width:200px; }
.reporttitle { color: black; font-family: Arial; font-size: 14pt; font-weight: bold; }
.reportdata { padding-left: 4px; color: blue; font-family: Arial; font-size: 12pt; font-weight: bold; }


/** Search 
 -----------------------------*/
#btn-back-to-search, #btn-open-results, #btn-export { float: right; display: inline; }
#search-results { margin-top: 20px; }


/* Prop Details
 -----------------------------*/
.header-info #property-info-header { font-size: 1.4em; padding:4px;}
#btn-print { float: right; display: inline; }
#print-results label { display: inline !important; }
#print-results span { font-size: 1.0em;  }
#print-results fieldset { margin-top: 2px; padding: 0px 0px 10px 0px; border: solid 0px #C0C0C0; }

/* Notes 
-----------------------------*/
#log-results table { font-family: Arial; font-size: 10pt; width:600px;}

/* File upload
-----------------------------*/
#lblUploadStatus { font-family: Arial; font-weight: bold; }

/** Attachments-Grid
 -----------------------------*/
.attachments-grid { border: 1px solid #666; width: 400px; }
.attachments-grid tr { background: #f4f8fd; cursor: pointer; }
.attachments-grid tr.alt-row { background: #eaf1f8; }
.attachments-grid th { background: #c1d2e4; font-weight: bold; text-align: center; }
.attachments-grid th.sort { cursor: pointer; }
.attachments-grid th, .attachments-grid td { padding: 4px 6px; border-left: 1px solid #666; }
.attachments-grid th:first-child, .attachments-grid td:first-child { border-left: 0; }
.attachments-grid td { border-top: 1px solid #666; font-size: 0.9em; }
.attachments-grid td.hover { padding: 4px 6px; }
.attachments-pager { margin-top: 10px; }
.attachments-pager span { display: inline-block; margin-right: 5px; }
.attachments-pager .prev, .soho-pager .next { color: #003063; text-decoration: underline; cursor: pointer; }	

/** Message **
-------------------------------*/
.message, .messagestatus { font-size: 1.3em; font-weight: bold; }
.message .date, .message span { font-size: 0.5em; }


/** Gmap **
 ------------------------------*/
.gmap-container {
	position: relative;
}

.hidden {
	display: none !important;
}

.gmap {
	height: 100%;
	min-height: 300px;
	position: relative;
	width: 100%;
}

.gmap img {
	max-width: none;
}

#map-status {
	background: rgba(45, 45, 45, .85);
	color: #fff;
	font-family: sans-serif;
	font-size: 14px;
	min-width: 200px;
	opacity: 0;
	padding: 15px 50px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	transition: opacity .175s ease;
	z-index: 50;
}

#map-status.in {
    opacity: 1;
}

#map-status.in p {
	margin: 0;
}