/* ---------------------------------------------------- +
	|	Client: Ontario Tax Sales							|
	|	Built by: STW Design								|
	|	18 March 2009										|
	+ ---------------------------------------------------- */

/* Global
=================================================== */

html {
	height: 101%;
}

body {
	margin: 0;
	padding: 0;
	font: normal 10px arial, sans-serif;
	color: #004031;
}

a img {
	border: none;
}

a {
	color: #a43236;
	text-decoration: none;
}

#content-center a {
	text-decoration: underline;
}

p, h1, h2, h3, h4, h5, ul, ol, li {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

.red {
	color: #a43236;
	font-weight: bold;
}

h1 {
	color: #a43236;
	font-size: 26px;
}

#textarea h1 {
	line-height: 26px;
}

/* Structure
=================================================== */

#o-container {
	width: 904px;
	margin: 0 auto 0 auto;
}	

#i-container {

}

#header {
	width: 100%;
	height: 223px;
	background:url(../images/bg-header.jpg) no-repeat;
}

#content-shell {
	background: url(../images/bg-content.jpg) no-repeat scroll top;
}

#content {
	padding: 30px 15px;
	background: url(../images/bg-content-bottom.jpg) no-repeat scroll bottom;
	font: normal 1.2em arial, sans-serif;
}

#content-inner {
	width: 900px;
	background: url(../images/bg-content-inner.jpg) repeat-y;
}

#content-left {
	width: 199px;
	float: left;
}

#content-center {
	width: 487px;
	float: left;
}

#content-right {
	width: 167px;
	padding: 0 0 0 15px;
	float: left;
}

#copyright {
	padding-top: 5px;
	text-align: center;
	clear: both;
	display: none;
}

#footer {
	clear: both;
	color: #447368;
	padding: 0 126px;
	padding-top: 40px;
	
}

#footer a {
	padding: 0 4px;
	text-transform: uppercase;
	font: normal 0.75em arial, sans-serif;
	color: #004031;
}

#logo {
	width: 301px;
	height: 188px;
	padding: 14px 0 0;
	margin-left: 62px;
	float:left;
}


/* Menus
=================================================== */

/* --- mainmenu --- */

ul#mainmenu {
	margin-top: 50px;
	margin-right: 30px;
}

ul#mainmenu li {
	display: block;
	font: normal bold 1.0em arial, sans-serif;
	text-transform: uppercase;
	margin-bottom: 12px;
	text-align: right;
	list-style: none;
}

ul#mainmenu a {
	color: #a43236;
}

ul#mainmenu a:hover {
	color: #447368;
}

ul#mainmenu li a.active {
	color: #447368;
}

ul#submenu li {
	text-transform: none;
	margin: 5px 0;
}

ul#submenu li a {
	color: #81a099;
}

/* --- login --- */

ul#loginmenu {
	border-top: 1px solid #a43236;
	margin-right: 15px;
	padding-top: 15px;
}

ul#loginmenu li {
	margin-right: 15px;
	text-align: right;
	list-style: none;
	margin-bottom: 12px;
}

ul#loginmenu li.last {
	border: none;
}

ul#loginmenu a {
	color: #a43236;
	text-decoration: none;
	font: normal bold 1em arial, sans-serif;
	text-transform: uppercase;
}

/* --- footer --- */

ul#footmenu {
	width: 770px;
	display: block;
	color: #447368;
	text-align: center;
}

ul#footmenu li {
	list-style: disc;
	float: left;
	margin: 0 10px;
	font-size: 0.8em;
	width: auto;
}

ul#footmenu a {
	color: #447368;
	text-transform: uppercase;
	list-style: disc;
	width: auto;
}



/* Layout
=================================================== */

.pagetitle {
	color: #a43236;
	font: normal bold 1.2em arial, sans-serif;
	text-align: center;
}

#textarea {
	padding: 20px 30px;
	font: normal 1.0em arial, sans-serif;
	line-height: 1.5em;
	margin-bottom: 10px;
}

#textarea p {
	margin: 0;
}

#textarea ul li {
	margin-left: 15px;
	padding-left: 15px;
}

#textarea ol li {
	margin-left: 45px;
	padding-left: 10px;
}

#textarea h2 {
	color: #a43236;
	font: normal bold 1.1em arial, sans-serif;
	margin: 15px 0 0;	
}

#textarea h3 {
	color: #a43236;
	font: normal bold 1.0em arial, sans-serif;
	margin: 15px 0 0;	
}

#textarea h4 {
	color: #a43236;
	font: normal bold 1.0em arial, sans-serif;
	margin: 15px 0 0;
}

#showcase {
	width: 400px;
	height: 100px;
	margin: 35px 65px 10px 0;
	float: right;
}	

#showcase img {
	width: 142px;
	height: 85px;
}

#showcase p {
	font: normal 1.2em arial, sans-serif;
	color: #004031;
	text-align: center;
	margin: 15px 0 0;
}

#showcase p a {
	text-decoration: underline;
}

.joinOTS {
	width: 400px;
	height: 40px;
	display: block;
	margin: 35px 60px 0 0;
	float: right;
}

.joinOTS p {
	font: normal bold 16px arial, sans-serif;
	text-align: center;
}

.joinOTS p a {
	color: white;
	text-decoration: underline;
	padding: 7px 5px 10px;
	background: #a43236;
}

#textarea .tx-irfaq-pi1 li {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

#textarea .tx-irfaq-pi1 ul.tx-irfaq-questions-list {
	margin: 0;
	padding: 0;
	font-style: italic;
	color: #004031;
}

#left-elements h1 {
	font-size: 1.4em;
	text-align: center;
	width: 130px;
	margin-left: 40px;
}

#left-elements p a, #right-elements p a {
	text-decoration: underline;
	font-size: 1.0em;
}

#right-elements h1, #left-elements h1 {
	font-size: 1.4em;
	text-align: center;
	width: 170px;
	height: 40px;
	padding-top: 30px;
	background: url(../images/roof-icon.jpg) no-repeat scroll top right;
	margin: 0;

}

#right-elements h2 {
	font-size: 1.4em;
	text-align: center;
	width: 170px;
	margin-left: ;
	color: #a43236;
}


#left-elements p, #right-elements p {
	clear: both;
	text-align: center;
	width: 170px;
	margin: 5px 0 0;
}

#left-elements h1, #left-elements p {
	margin-left: 15px;
}

#left-elements a, #right-elements a {
	font: normal bold 1.2em arial, sans-serif;
}

#left-elements a:hover, #right-elements a:hover {
	text-decoration: underline;
}

/* Powermail
=================================================== */

fieldset#tx-powermail-pi1_fieldset_1 {
	border: none;
}

fieldset#tx-powermail-pi1_fieldset_1 legend {
	display: none;
}

fieldset#tx-powermail-pi1_fieldset_1 label {
	display: block;
	width: 130px;
	float: left;
	font-weight: bold;
	color: #a43236;
}

fieldset#tx-powermail-pi1_fieldset_1 .powermail_check_inner label {
	font-weight: normal;
}

fieldset#tx-powermail-pi1_fieldset_1 .tx_powermail_pi1_fieldwrap_html_checkbox_title {
	font-weight: bold;
	color: #a43236;
}

fieldset#tx-powermail-pi1_fieldset_1 input {
	float: left;
}

fieldset#tx-powermail-pi1_fieldset_1 #powermaildiv_uid1 input, fieldset#tx-powermail-pi1_fieldset_1 #powermaildiv_uid2 input, fieldset#tx-powermail-pi1_fieldset_1 #powermaildiv_uid4 input {
	width: 250px;
}

fieldset#tx-powermail-pi1_fieldset_1 #powermaildiv_uid5 textarea {
	width: 250px;
	height: 150px;
}

fieldset#tx-powermail-pi1_fieldset_1 #powermaildiv_uid6 input {
	float: right;
	border: none;
	background: none;
	color: #a43236;
	margin-right: 15px;
}

fieldset#tx-powermail-pi1_fieldset_1 #powermaildiv_uid3 label {
	width: auto;
}

#textarea .tx-powermail-pi1 ul.powermail_mandatory_list li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #a43236;
}

#scroll-box {
	color: #447368;
}

#scroll-box a {
	color: #447368;
	font-weight: bold;
	color: #a43236
}

.table {
	margin: 15px 0;
	display: block;
	width: 400px;
}

.table p {
	list-style: none;
	display: block;
	clear: both;
}

.table p.subtitle {
	height: 30px;
	font-weight: bold;
}

span.number {
	display: block;
	font-weight: bold;
	width: 40px;
	height: 30px;
	text-align: left;
	float: left;
	color: #a43236
}

.table span.title {
	display: block;
	width: 350px;
	text-align: left;
	float: right;
}

#powermaildiv_uid7 {
	clear: both;
	color: #a43236;
	font-style: italic;
}	

p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	width:100px;
	float:left;
}
.simon {
	font-weight:bold;
}

ul.csc-menu-1 a {
	color: #004031;
	font-weight: bold; 
}

.tx-irfaq-pi1 a p {
	color: #a43236;
}


fieldset {
	border: none;
}

form#tx-srfeuserregister-pi1-fe_users_form textarea {
	width: 265px;
}

form#tx-srfeuserregister-pi1-fe_users_form select {
	width: 270px;
}

.tx-srfeuserregister-pi1 dt {
	width: 120px;
	text-align: left;
}

.tx-srfeuserregister-pi1 legend {
	padding: 0;
}

input.tx-srfeuserregister-pi1-password-again {
	float: left;
}

.tx-srfeuserregister-pi1 dd {
	width: auto;
}


.tx-felogin-pi1 form input#user, .tx-felogin-pi1 form input#pass {
	width: 300px;
}

legend {
	display: none;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form#powermail {
	margin: 20px 0;
}

form#powermail div#powermaildiv_uid7 {
	margin: 40px 0 15px 0;
	padding: 15px 0 0;
}

form#powermail input#uid1, form#powermail input#uid2, form#powermail input#uid4 {
	margin: 0 0 10px 0;
}


.powermail_mandatory_js {
	color: red;
	font-weight: bold;
	clear: both;
	margin: 0px 0 5px 130px;
}

#textarea .tx-powermail-pi1_confirmation {
	padding: 20px 0 0;
}

#textarea input.tx-powermail-pi1_confirmation {
	padding: 0;
}





/* Additional Styling
=================================================== */

.tx-stwtaxsalesproperties-pi1 h1 {
	font: normal bold 1.6em arial, sans-serif;
	text-align: left;
	padding-bottom: 15px;
	border-top: 1px solid #a43236;
	padding-top: 10px;
	margin-top: 10px;
}

#textarea .tax-sale-items li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#textarea .accordion-content li {
	list-style: square;
	margin-left: 15px;
	padding-left: 10px;
}

#textarea .accordion-content li a {
	text-decoration: none;
}

#textarea .tax-sale-items li a:hover {
	text-decoration: underline;
}

.tx-stwtaxsalesproperties-pi1 .municipality-map-link {
	margin: 10px 0;
}

.tx-tax-sale-listed-date { display: none; }

.property-heading {
	display: block;
	margin: 15px 0;
	padding: 10px;
	background: #ddd;
	border: 1px solid #999;
}

.tax-sales-search-form label {
	width: 200px;
	display: block;
	float: left;
}

.tax-sales-search-form select {
	float: left;
}





.tx-pagebrowse {
	width:400px;
}

.municipality-description a {
	padding-top: 15px;
	clear: both;
}

.accordion p #ext-gen2 {
	cursor: pointer;
}

ul.tax-sale-items {
	
}

.upcoming-tax-sales h1 { margin: 0; padding: 0; }




ul.tx-pagebrowse {
	width: 100%;
}

ul.tx-pagebrowse li {
	display: inline;
	margin: 0;
	padding: 0;
}

ul.tx-pagebrowse li.tx-pagebrowse-pages {
	width: 150px;
}


#textarea ul.tx-pagebrowse li {
	margin: 0 8px;
	padding: 0;
}

.property-details-map {
	float: right;
	text-align:left;
}

.property-specs label.label-map {
	float: left;
	width: 30px;
}

.tx-stwtaxsalesproperties-pi1 form {
	margin-top: 10px;
}




/* ====================================== */

.totals {
	margin: 15px 0 0;
	clear: both;
}

#tetarea .shopping-cart .totals h2 {
	margin-top: 0;
}

.totals label {
	width: 150px;
	display: block;
	float: left;
}

.button {
	border: 1px solid #A43236;
	padding: 1px 7px;	
}

.right {
	float: right;
}

#textarea p.tx-srfeuserregister-pi1-notice {
	margin: 10px 0;
}

.tx-stwtaxsalesproperties-pi1 {
	margin: 10px 0;
}

.tx-stwtaxsalesproperties-pi1 p {
	margin: 5px 0;
}

.tender-lede {
	border-top: 1px solid #A43236;
	background: #ddd;
	padding: 3px;
}

#textarea .tender-lede h2 {
	margin: 0 0;
}

.tx-srfeuserregister-pi1-notice {
	color: #ff0000;
}

form#credit-card-info label {
	float: left;
	display: block;
	width: 150px;
	clear: both;
}

form#credit-card-info div {
	clear: both;
}

form#credit-card-info label, form#credit-card-info select, form#credit-card-info input {
	margin: 3px 0;
}

.total-price {
	font-weight: bold;
	text-align: right;
	margin-bottom: 10px;
	background: #ddd;
	padding-right: 6px;
	font-size: 14px;
}

.divider {
	border-bottom: 1px solid #A43236;
	clear: both;
	padding-top: 10px;
}

.upcoming-tax-sales label { width: 110px; display: block; float: left; }

.upcoming-tax-sales h1 { text-align: center; border: none; margin-top: 15px; font-size: 1.4em; background: white; padding: 10px 0; }
.upcoming-tax-sales {  background: white url(../images/uts_bg.gif) repeat-y; }

p.red {
	clear: both;
}

p.red a {
	text-align: left;
}

/* Tax Sale Properties
=========================================================================== */

#upcoming-shell { font-family: arial, sans-serif; }
#textarea .property h1 { text-align: center; color: #a43136; font-size: 14px; }
h2 { color: #a43136; font-size: 16px; }
h3 { text-align: center; color: #a43136; font-size: 14px; }
#textarea h4.right {
	margin-right: 85px;
}

.region {  }
.left { float: left; }
.right { float: right; margin-right: 110px; }
.clear { clear: both; }
.region p { margin: 0; padding: 0; color: black; font: normal 12px arial, sans-serif; }
.region p a { text-decoration: underline; }
.region { margin: 20px 0 0; clear: both;   width: 440px; }

#textarea .property h2 { margin: 0; padding: 0; font-weight: bold; font-size: 14px; }
#textarea .property { width: 200px; margin: 10px 0;}
.up-left {
	float: left;
}

.up-right {
	float: right;
}

.property.feature { float: left; clear: left; }
#textarea .property.other { float: right; clear: right; width: 202px; }

#textarea .property { height:175px;}





.descrip {
	padding: 0 10px 5px; background: #eee; border: 1px solid #bbb; margin-bottom: 15px;
}

.descrip.wide {
	width: 420px;
}

.descrip h2 {
	margin: 0 0 4px; padding: 0;
}





h5 {
	font: normal bold 13px arial, sans-serif;
}

#textarea .slideInfoZone h2 {
	margin:5px;
	color:#FFFFFF;
	font-weight:normal;
}

#textarea .tx-felogin-pi1 h3 {
	font-size:1.3em;
}

#textarea #tx_slsitemap ul {
	
}
#textarea #tx_slsitemap ul ul {
	padding-left:33px;
}

#textarea #tx_slsitemap li a{
	margin-left:35px;
}	

.headT {
	margin-top:5px;
}

div.tax_sales_header {
	padding-top:10px;
	padding-bottom:10px;
}

div.imagesformembersonly {
	height: 187px;
	width: 383px;
	/*background: url(../images/recessed-bg.jpg) no-repeat;*/
	text-align:center;
	padding: 4px;
	padding-top:125px;
	font-size:1.2em;
	background-color: #FFFFFF;
	border: thick inset #999999;
}

div.imagesformembersonly a {

	display:block;
	
}

#wt_contentchange_link { display: none; }

#textarea h4 {
	text-align: center;
}
.howFind {
	float:left;
	width:45%;
}

form#requestform {
	width: 450px;
	margin: 20px 0;
	display: block;
}

form#requestform label {
	display: block;
	float: left;
	width: 150px;
	margin: 10px 0 0;
}

form#requestform input {
	display: block;
	float: left;
	width: 250px;
	margin: 10px 0 0;
}

form#requestform input.powermail_submit {
	width: 80px;
	margin-left: 150px
}

#right-elements h6 {
	text-align: center;
	font: normal bold 12px arial, sans-serif;
	border-top: 1px solid #A43236;
	border-bottom: 1px solid #A43236;
	padding: 7px 0;
	margin: 0;
}

#right-elements h6 a {
	text-decoration: none;
}

#right-elements h6 a:hover {
	text-decoration: none;
}
#textarea h6 { font-size:1.3em; color:#004031; font-weight:bold; }


#mainmenu li span.big-button {
	/* background: #f1d3d4; */
	display: block;
	float: right;
	width: 170px;
	padding: 4px 0 0;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 14px;
	color: #447368;
}

#mainmenu li a:hover span.big-button  {
	color: #A43236;
	cursor: pointer;
}

#mainmenu li .active span.big-button {
	
}

#pivot {
	margin: 10px 0 20px;
}

.rgsgcontent {
	margin-left: 0;
}


.propTitle { margin: 10px 0; font-size: 15px !important; font-weight: bold; padding-top: 10px; }
.picture {
}
#textarea .tx-srfeuserregister-pi1 h4 {
	text-align:left;
}

.min_amount {
	font-weight: bold;
	color: #A43236;
}

.minimum-tender {
	font-size: 13px;
}

.file-number {
	font: normal 0.9em arial, sans-serif;
	margin: 10px 0;
}

.click-details {
	color: white;
	width: 170px;
	float: right;
	margin-top: 10px;
}

.click-details a {
	color: white;
	text-decoration: none !important;
	font-weight: bold;
}


.printonly { display:none;}
.screenonly {}
.property.feature .other-only { display:none;}
.property.other .featured-only { display:none;}
.property.other .other-only ul, .property.other .other-only li { margin-bottom:0px;; padding-bottom;}

/* Twitter Feed */
#left-elements .tx-imtwitterajax-pi1 h1 { display:none; }
#left-elements .tx-imtwitterajax-pi1 .userProfile img { display:none;}
#left-elements .tx-imtwitterajax-pi1 ol.twitter-timeline { margin-left:15px; margin-right:5px;}

#left-elements .tx-imtwitterajax-pi1 .userProfile .friends { display:none;}

/*  Page Styles (mostly overrides) */

#o-container.facebook { width:490px; border:1px solid black; margin:0px;}
#o-container.facebook  #textarea { padding:0px;}
#o-container.facebook #header { display:none; }
#o-container.facebook #content-inner { background:none; width:auto;}
#o-container.facebook #content { background:none; padding:30px 5px;}
#o-container.facebook #content-left { display:none; }
#o-container.facebook #content-right { display:none; }
#o-container.facebook #content-center { width:480px; float:none;}