/*******************************************
**   Client: CommercialBroker
**   Site: www.commercialbroker.ca
**   Designer: MXS Media Solutions LTD./MV
**   Online: www.mxs.ca
**   E-mail: info@mxs.ca
** 
**   Created: Friday January 18th, 2008
********************************************/

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Arial, Verdana, Century Gothic;
	text-align: center;
	background: url('/img/content_bg.jpg') repeat-y top center;
	color: #323232;
	}

a:link, a:visited {
	text-decoration: none;
	color: #d64e00;
	}

a:hover {
	text-decoration: underline;
	}

h2 {
	margin-top: 0;
	font-size: 30px;
	font-weight: normal;
	}

p {
	line-height: 24px;
	}

#Header {
	margin: 0;
	padding: 0;
	background: url('/img/bg.jpg') repeat-x bottom left;
	text-align: center;
	}

#HeaderTop, #HeaderBottom {
	margin: 0;
	padding: 0;
	width: 900px !important;
	width: 901px;
	margin-left: auto;
	margin-right: auto;
	background: url('/img/header_orange.jpg') no-repeat center top;
	}

#HeaderBottom {
	background: url('/img/header_blue.jpg') no-repeat center bottom;
	height: 149px;
	}

#HeaderTop span {
	display: block;
	text-align: right;
	line-height: 25px;
	height: 45px;
	position: relative;
	top: 20px;
	padding-right: 20px;
	color: #c2c0c0;
	}

#HeaderTop span a:link, #HeaderTop span a:visited {
	color: #7e7e7e;
	}

.Nav {
	float: right;
	display: inline;
	padding: 0;
	margin: 0;
	width: 176px;
	margin-right: 15px;
	text-align: right;
	margin-bottom: 15px;
	padding-top: 15px !important;
	padding-top: 25px;
	}

.NavMid {
	width: 186px;
	}

.NavH {
	display: block;
	font-weight: normal;
	color: #FFF;
	font-size: 1px;
	font-family: Arial;
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 38px;
	}

#HeaderTop .NavH span {
	display: none;
	}

.NavBrokers { background: url('/img/NavBrokers.jpg') no-repeat 26px 0px; }
.NavRequests { background: url('/img/NavRequests.jpg') no-repeat 18px 0px; }
.NavListings { background: url('/img/NavListings.jpg') no-repeat 35px 0px; }

.Nav a:link, .Nav a:visited {
	display: block;
	font-size: 12px;
	color: #d2d1d1;
	margin-top: 7px;
	margin-right: 7px;
	}


#wrapper {
	margin: 0;
	padding: 0;
	width: 900px !important;
	width: 901px;
	margin-right: auto;
	margin-left: auto;
	background: url('/img/content_top.jpg') no-repeat center top;
	text-align: left;
	padding-top: 30px;
	}

.clear {
	clear: both;
	}

/* Content Area Columns */

#ColLeft {
	display: inline;
	float: left;
	width: 630px;
	margin: 0;
	margin-left: 54px;
	padding: 0;
	overflow: hidden;
	}

#ColRight {
	display: inline;
	float: right;
	width: 196px;
	margin: 0;
	padding: 0;
	}

#InnerLeft {
	display: inline;
	float: left;
	width: 330px;
	margin: 0;
	padding: 0;
	}

#InnerRight {
	display: inline;
	float: right;
	width: 240px;
	margin: 0;
	padding: 0;
	border-left: 1px solid #c2c0c0;
	padding-left: 20px;
	}

#RightBox {
	margin: 0;
	margin-bottom: 25px;
	padding: 0;
	width: 196px;
	background: url('/img/RightBox_bg.jpg') repeat-y top center;
	color: #FFF;
	}

#RightBox span {
	display: block;
	margin: 0;
	width: 196px;
	background: url('/img/RightBox_top.jpg') no-repeat top center;
	padding-top: 10px;
	text-align: center;
	}

#RightBox span p {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	font-size: 11px;
	line-height: 14px;
	}

#RightBox a:link, #RightBox a:visited {
	font-weight: bold;
	color: #ffbe4c;
	}

#RightBox div {
	display: block;
	margin: 0;
	padding: 0;
	height: 5px;
	width: 196px;
	background: url('/img/RightBox_bottom.jpg') no-repeat bottom center;
	}

#RightBox img {
	margin-bottom: 5px;
	margin-top: 2px;
	border: 2px solid #ffbe4c;
	}

#Copyright {
	text-align: center;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 25px;
	font-size: 11px;
	color: #999;
	line-height: 1.5em;
	margin-left: 75px;
	margin-right: 50px;
	border-top: 1px solid #CCC;
	}

#Errors {
	color: #FF0000;
	line-height: 1.5em;
	margin-top: 15px;
	margin-bottom: 15px;
	}

.Exclusive {
	color: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	}

/* Style Forms */

form {
	border: 3px solid #e6e6e6;
	padding: 3px;
	background: #f0efef;
	}

input, label, select, form span {
	float: left;
	display: inline;
	line-height: 24px;
	margin: 0;
	padding: 0;
	text-align: left;
	margin-bottom: 3px;
	font-size: 12px;
	}

#JoinForm span, #ContactForm .check {
	margin-top: 4px;
	width: 450px;
	}

#JoinForm span input, #ContactForm .check input {
	width: 20px;
	}

label {
	width: 150px;
	text-align: right;
	margin-right: 3px;
	background: #dbdada;
	padding: 3px;
	font-weight: bold;
	}

input, select {
	height: 30px;
	padding: 3px;
	width: 200px;
	}

#ContactForm textarea, #JoinForm textarea {
	margin-top: 5px;
	width: 420px;
	height: 150px;
	text-align: left;
	}

/* Listing Results */

#ListingResults {
	border: 3px solid #e6e6e6;
	border-bottom: 0;
	width: 610px;
	}

.light { background: #f0efef; }
.dark { background: #d6dfea; }

#ListingResults .ListNotes p { line-height: 1.7em; }

#ListingResults td {
	border-bottom: 3px solid #e6e6e6;
	padding: 5px;
	margin: 0;
	font-size: 12px;
	line-height: 1.2em;
	}

#ListingResults .ListMain {
	display: inline;
	float: left;
	width: 150px;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	}

#ListingResults .ListPhoto { width: 200px; }
#ListingResults .ListPhotoFull { width: 400px; }
#ListingResults .BrokerThumb { width: 75px; }
#ListingResults .ListInfo { width: 410px; }

#ListingResults p {
	line-height: 1.2em;
	margin-bottom: 0;
	}

#ListingResults h2, #ListingResults h3 {
	font-size: 12px;
	font-weight: bold;
	}

#ListingResults h3 { font-size: 16px; }

#ListingResults .BrokerInfo h2 { margin-bottom: 0; }
#ListingResults .BrokerInfo p { margin-top: 0px; margin-bottom: 10px; }

#ListingResults .ListSpecs {
	display: inline;
	float: right;
	width: 150px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	}

#ListingResults .BrokerInfo .BrokerSpec, #ListingResults .BrokerInfo .BrokerLists {
	display: inline;
	float: left;
	padding: 0;
	margin-right: 10px;
	width: 250px;
	}

#ListingResults .BrokerInfo .BrokerLists { float: right; width: 95px; }

#ListingResults .ReqWho { width: 100px; text-align: center; }
#ListingResults .ReqType { width: 50px; text-align: center; }
#ListingResults .Req { width: 300px; }