/* -------------------------------------------------
/* TESG Layout
/* ------------------------------------------------- */

/*****************************************
 Site Settings
*****************************************/
body{background: #73aecb url(../images/layout/site_background.gif) repeat-x; color: #000; font: 100% Arial, Helvetica, sans-serif; line-height:18px; }
*{outline: none;}

/*****************************************
 Typography
*****************************************/
h1, h2, h3, h4 { font-weight:bold; color:#000; }
h1 {font-size:1.125em; color:#FFF; }
h2 {font-size:0.875em; color:#3687B5; }
h3 {font-size:0.75em; color:#000; }
h4, p {font-size:0.75em;line-height:20px;}
.date { color:#666; font-size:0.75em; }

/*****************************************
 Login Page
*****************************************/

.login { background-color: #fff; position: relative; width: 200px; padding:10px; margin:0px auto; }
.login h1{background: url(../images/logos/logo_tesg.gif) no-repeat center; display: block; height: 93px; text-indent: -999em; position: relative; }
.login .interest{ display: block; font-size: 0.6875em; margin-top:5px; padding:5px 0 5px 0; text-align: center; width: 100%; color:#666; border:1px solid #fff; background:#fff; text-decoration: none; }
.login .interest:hover{ border:1px solid #bbb; background:#ddd; }
.login .validate{ display: block; font-size: 0.6875em; margin-top:5px; padding:10px 0 10px 0; text-align: center; width: 200px; color:#1372a8; border:1px solid #1372a8; background:#6ba9c8; }
.login .validate a { color:#fff; text-decoration: none; }
.login .validate a:hover { color:#ebebeb; }

/*****************************************
 Home / Content Settings
*****************************************/

.logout { background:#3687b5 url(../images/layout/site_header.gif) no-repeat; height:30px; color:#fff; font-size:0.75em; }
.logout a { color:#88bad4; text-decoration: none; }
.logout a:hover { color:#ebebeb; }
	.logout .name { float:left; margin: 5px 0 0 10px; }
	.logout .link {	float:right; margin: 5px 10px 0 0; }

/*****************************************
 Sidebar and Footer
*****************************************/

.sidebar { padding-top:25px; background: #fff; position: relative; }
.sidebar h1{background: url(../images/logos/logo_tesg.gif) no-repeat center; display: block; height: 93px; text-indent: -999em; position: relative; }

.sidebar ul { list-style: none;	padding:0; margin:0; }
.sidebar ul li { padding:15px 0 0 0; margin:0; border-top: 1px solid #EBEBEB; display: block; height:35px; color:#1473a5; text-align: center; }

	.sidebar ul li a { color:#1473a5; text-decoration: none; font-weight: bold; font-size:0.75em; }
	.sidebar ul li a:hover { color:#000; }
	.sidebar ul li.current { background-color: #EBEBEB; }
	.sidebar ul li.current a { color:#000; }
	.sidebar ul li:hover { background-color: #EBEBEB; }

.footer { font-size:0.6875em; color:#EBEBEB; }

/*****************************************
 Pages
*****************************************/

.panel { background: #fff url(../images/layout/section_top.gif) no-repeat; }
.panel .content { padding:100px 20px 20px 20px; }
.panel .content h1 { display:block; padding-bottom:20px;}

.panel .content .home-introduction {
	margin: 0 0 20px;
	border-bottom: 1px solid #EBEBEB;
}
.panel .content .home-documents { width:50%; float:left; }
	.panel .content .home-documents .document { margin-bottom:4px; padding:12px 8px 10px 35px; background: transparent url(../images/icons/document.gif) no-repeat 8px 8px; text-decoration: none; color: #3687B5; display:block; width:258px; }
	.panel .content .home-documents .document .title { font-weight:bold; display:block; font-size:0.75em; }
	.panel .content .home-documents .document:hover { text-decoration: none; color: #3687B5; background-color:#fbfbfb; }
	.panel .content .home-documents .document:hover .date { text-decoration: none; color: #3687B5; }
	.panel .content .home-documents .details { display:block; font-size:0.75em; padding-left:35px; color:#999; }
	.panel .content .home-documents .agent { color:#666; font-weight:bold; display:block; }

.panel .content .home-advertisement { float:right; margin: 0 0 20px 0; }
.panel .content .home-advertisement img { border:none; }
	
.show-image img{ border:5px solid #ebebeb; }

/*****************************************
 Lists
*****************************************/

.current .heading { padding:15px 0 15px 0; height:100%; width:668px; display: block; background-color: #3687B5; border: 1px solid #FEFEFE; margin-bottom:10px; }
.current .heading:hover {background:#3687B5;}
.current .heading .title{ float:left; padding-left:10px; color:#fff; font-size:1.2em; display: block; }
.current .heading .titleLink{ float:left; padding-left:10px; color:#fff; font-size:1.2em; display: block; cursor: pointer; }
.current .heading .date { float:right; padding-right:10px; color:#B8DBE9; font-size:0.9375em; }
.current .heading .manager { float:right; padding-right:10px; color:#fff; font-size:0.9375em; margin-top:5px; }
.current .heading .details { clear:both; float:left; display:block; color:#fff; font-size: 0.9375em; padding-left:10px; margin-top:5px; }

.current .property { color:#3687B5; font-weight:bold; }

.current ul{ list-style: none; padding:0; margin:0; }
.current ul li{	padding:15px 0; height:15px; width:668px; display: block; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom:10px; font-size:0.75em; }
.current ul li:hover {background:#fbfbfb;}

.current ul li a {text-decoration:none; color:#666; margin-bottom: 10px;}
.current ul li a:hover {color:#3687B5;}
.current ul li a img {border:none; vertical-align: middle; }

.current ul li .title{ float:left; padding-left:10px; color:#000; }
.current ul li .date { float:left; padding-left:10px; color:#666; font-size:0.75em; }
.current ul li .manager { float:right; padding-right:10px; color:#3687B5; font-size:0.9375em; }
.current ul li .document{ float:left; padding-left:40px; background: url(../images/icons/document.gif) no-repeat 15px; }
.current ul li .edit{ float:right; padding: 0 20px 0 40px; background: url(../images/icons/edit.gif) no-repeat 15px; }
.current ul li .mail{ float:right; padding: 0 20px 0 40px; background: url(../images/icons/mail.gif) no-repeat 15px;	 }
.current ul li .delete{ float:right; padding: 0 20px 0 40px; background: url(../images/icons/delete.gif) no-repeat 15px; }

.current ul li a.listLinkLeft { width: 334px; text-align: center; float: left;}
.current ul li a.listLinkRight { width: 334px; text-align: center;float: right;  position: relative; top: -18px; }

.checkboxes { padding:0; margin:10px 0 5px 0; float:left; list-style: none; width:663px; }
.checkboxes li { padding:0; margin:0px 0px 5px 0px; width:33%; float:left; font-size:0.75em; color:#666; }
.checkboxes li .checked { color: #000; }

ul.sideways { border: none;  }
ul.sideways li { display: inline; border: none; padding-right: 15px; }

.reportList ul{ list-style: none; padding:0; margin:0; }
.reportList ul li{	padding:15px 0; width:668px; display: block; background-color: #FFF; border: 1px solid #EBEBEB; margin-bottom:10px; font-size:0.75em; }
.reportList ul li:hover {background:#fbfbfb;}

.reportList ul li a {text-decoration:none; color:#666; margin-bottom: 10px;}
.reportList ul li a:hover {color:#3687B5;}
.reportList ul li a img {border:none; vertical-align: middle; }

.reportList ul li .title{ padding-left:10px; color:#000; font-weight: bold; }
.reportList ul li .subTitle{ padding-left:10px; color:#3687B5; font-weight: bold; }
.reportList ul li .content{ padding-left:10px; color:#000; }
.reportList ul li .buildingName{ padding-left:10px; color:#6d6f72; font-weight:bold; }

.outOfTheBox { padding: 8px 0 8px 10px; color:#000; font-weight: bold; font-size:0.75em; background-color:#EBEBEB; height: 15px;}

/*****************************************
 Forms
*****************************************/

.mail { color:#3687b5; padding-bottom:0px; }

.input-clear{ padding: 10px 0 0 0; color:#999; width:100%; height:22px; font-size: 0.75em; text-align: center; background-color: #FFF; border: 1px solid #A9A9A9; }
.input-focus{ padding: 10px 0 0 0; color:#666; width:100%; height:22px; font-size: 0.75em; text-align: center; background-color: #EBEBEB; border: 1px solid #999; }

.textarea-clear{ font: 100% Arial, Helvetica, sans-serif; line-height:18px; padding:10px 0 10px 0; color:#999; width:663px; font-size: 0.8175em; text-align: center; background-color: #FFF; border: 1px solid #A9A9A9; }
.textarea-focus{ font: 100% Arial, Helvetica, sans-serif; line-height:18px; padding: 10px 0 10px 0; color:#666; width:663px; font-size: 0.8175em; text-align: center; background-color: #EBEBEB; border: 1px solid #999; }

.button { cursor:pointer; background: #3687b5 url(../images/buttons/blue-large.gif) repeat-x; border: none; color:#FFF; font-size: 0.8175em; text-align: center; background-position: 0px 0px; text-decoration: none; display:block; }
.button:hover{ background-position: 0px -36px; }

.secondary { cursor:pointer; background: #3687b5 url(../images/buttons/grey-large.gif) repeat-x; border: none; color:#666; font-size: 0.8175em; text-align: center; background-position: 0px 0px; text-decoration: none; display:block; width:328px; height:18px; padding:8px 0 8px 0; margin: 0 12px 10px 0; }
.secondary:hover{ background-position: 0px -36px; color:#333; }
.last {margin-right: 0px; }

	.login .input-clear, .login .input-focus{ margin:0px 0px 5px 0; font-size:0.9375em; }
	.login .button{ margin: 0 0 5px 0; width:100%; height:36px; padding:6px 0 6px 0; font-size:0.8125em; }
	
	.content .button { border:1px solid #EEEEEE; margin: 10px 0 0 0; width:300px; padding:8px 0; display:block; }
	
	.content .form-updatehomepage .input-clear, .content .form-updatehomepage .input-focus { width:663px; }
	.content .form-updatehomepage .button { width:668px; height:36px; }
	
	.content .form-users .input-clear, .form-users .input-focus{ width:162px; margin: 0 5px 0 0; float:left; }
	.content .form-users .button { width:155px; height:36px; margin: 0 0 10px 0; }
	
	.content .form-editfiles .input-clear, .content .form-editfiles .input-focus { width:663px; }
	.content .form-editfiles .button { width:668px; height:36px; margin:5px 0 20px; clear:both; }
	
	.content .form-files .input-clear, .form-files .input-focus{ width:663px; height:26px; padding:10px 0 0 0; margin: 10px 5px 10px 0; }
	.content .form-files .button { width:668px; height:36px; padding:0; margin:0 0 10px 0; }
	
	.content .form-property .input-clear, .form-property .input-focus{ width:663px; height:20px; padding:5px 0 0 0; margin: 0 5px 5px 0; }
	.content .form-property .button { width:668px; height:36px; padding:0; margin:0 0 10px 0; }
	.content .form-property .select { color:#333333; font-size:0.75em; height:25px; margin-bottom:10px; padding:2px; width:668px; }

/*****************************************
 Utilities
*****************************************/

.grey { color:#666; }
.blue { color:#3687b5; }
.bold { font-weight:bold; }
.success{ color:#425c08; border:1px solid #425c08; background:#9dcc58; font-size:0.75em; }
.error{ color:#8c211a; border:1px solid #8c211a; background:#d9736d; font-size:0.75em; }
.float-left { float:left; }
.float-right { float:right; }
.push-top { margin-top:20px; }
.no-border { border:none; }
.clear { clear:both; }
.selectCheck { float:right; position:relative; top: -10px;}
.extraIndent { margin-left: 10px; }