/* 
	*	Apartur css
	*	v3 : 13 Nov 2006 : Matt Casey Source23.com
*/
body{
	margin: 0 auto;
	text-align:center;
	width:760px;
	font-size:11px;
	font-family:verdana, sans-serif;
	background:#5D7E9A;
	position:relative;
	padding-bottom:10px;
	line-height:135%;
}
#frame{
	margin-top:8px;
	width:744px;
	padding:0 8px 8px 8px;
	text-align:left;
	background:white;
	position:relative;
	border:2px silver solid;
	height:100%;
}

a {
	text-decoration:none;
	color:#cd4f00;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
	color:#FFC900;
}
a.sel{
	text-decoration:none;
	color:#069331;
	}
.fl{float:left;display:inline;}
.fr{float:right;}
.ac{	text-align:center;}
p.grizzle{	font-size:11px;color:white;}
p.grizzle a{color:#E59B11;}

p, h1, h2, h3, h4, h5, h6, h7, li{
	margin:0.4em 16px 0.5em 16px;padding:0;
	}
h1 {font-size:1.4em;color:#141E47;}	
h2 {font-size:1.3em;color:#141E47;border-bottom:1px #c0c0c0 solid;margin:0 0 0.2em 0;padding:0.4em 16px;}	
h3 {font-size:1.2em;color:#141E47;}	
h4 {font-size:1.1em;color:#141E47;}	
h5 {font-size:1.0em;color:#141E47;}	

form table{border-collapse:	separate;}
form{margin:0;padding:0;}
table{margin:0;padding:0;}
td{margin:0;padding:0;vertical-align:top;border-bottom:1px gray solid;}
img{border:0;	padding:0;	margin:0;}

#header{
	margin:0;
	position:relative;
	width:744px;
	padding:4px 0 0 0;
	/*text-transform:lowercase;*/
	border-bottom:2px silver solid;
}

#header div.logo{
	float:left;
	display:inline;
}

#header div.rhs{
	float:right;
	display:inline;
	text-align:right;
}

#header .menu{
	text-align:right;
	padding:4px;
}

#header input {
	font-size:9px;
	width:12em;
	line-height:11px;
	border:1px #c0c0c0 solid;
}

#header .button {
	width:6em;
	padding:1px;
}


div#banner{
	position:relative;
	height:115px;
	width:744px;
	padding:2px 0;
	border-bottom:2px silver solid;
	}
	
div#footer{
	border-top:2px silver solid;
	position:relative;
	width:744px;
	padding:12px 0;
	background:#F5F5F5;
	color:black;
	font-size:0.9em;
}

#container{
	background:white url(/images/watermark.jpg) bottom right no-repeat;
	padding:0;
	width:744px;
	margin:2px 0;
	border-top:1px silver solid;
	border-bottom:1px silver solid;
}

#content{
	float:right;
	width:504px;
	padding-bottom:16px;
}

#side{
	float:left;
	clear:left;
	width:236px;
	background:#F5F5F5;
	padding-bottom:16px;
	}

/*signup form*/
#side input, #side select, #side textarea{
	font-size:1.1em;
	padding:2px;
	color:#131D46;
	width:12em;
	border:1px silver solid;
	font-family:Verdana, Arial, Tahoma, sans-serif;
}

#side .contactform{
	border-top:1px #c0c0c0 solid;
	padding-top:8px;
}

#side .block {
	border-bottom:1px #c0c0c0 solid;
}

#side ul.menu {
	margin:0 0 0.5em 0;
	padding:0;
	position:relative;
}
#side ul.menu li{
	padding:0;
	position:relative;
	margin:0 0 1px 0;
	list-style-type: none;
	list-style-image: none;
	}
#side .menu li a {
	padding:2px 16px 2px 16px;
	display:block;
	zoom:1;/*Stupid IE fix to remove vertical gaps*/
	position:relative;
}
#side .menu a.sel {color:#131315;text-decoration:underline;}
#side .menu a:hover {color:#f7f8f7;background:#000}



button,
.button {
	border-top:1px #FFCA06 solid;
	border-left:1px #FFCA06 solid;
	border-right:1px #C81D08 solid;
	border-bottom:1px #C81D08 solid;
	background:white;
	font-size:10px;
	line-height:14px;
}

/*clearfix thingy */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*formstuff*/
input,
select,
textarea {
	border:1px #e87248 solid;
	padding:2px;
	font-size:11px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#content input.chbx {
	width:auto;
	border:none;
}
#content input,
#content textarea {
	width:26em;
}

#content input.var,
#content textarea.var {
	width:auto;
}

.req input{background:#eef4f8;}
.req select{background:#eef4f8;}
.req textarea{background:#eef4f8;}
.req{color:#005476;}

div.invalid {
	border-top:2px #cd4f00 solid;
	border-bottom:2px #cd4f00 solid;
	background:ghostwhite;
	margin-bottom:0.5em;
	padding:0.3em 0;
}

/*lisiting*/

#content div.block {
	border-bottom:1px #f5f5f5 solid;
}

#content div.member {
	background:#f5f5f5;
	border:1px #c0c0c0 solid;
	margin-bottom:1em;
	position:relative;
	padding-top:4px;
	padding-bottom:6px;
}
#content div.member * {
	/*not sure why I need this. IE causing a label to disapear*/
	position:relative;
}


#content label {
	font-style: italic;
	color:black;
	}
#content label.blk {
	color:black;	
	width:11em;
	text-align:right;
	margin-right:0.3em;
	vertical-align:baseline;
	float:left;
	clear:left;
	}



#content div.member.basic label {
	width:10em;
	}
#content p {
	clear:left;
	position:relative;
}

#content p span.blk {
	margin-left:11.5em;
	display:block;
	padding:0;
	vertical-align:top;
}
#content p span.hint {
	font-size:0.9em;
	color:#176dad;
}
#content div.member.basic p span.blk {
	margin-left:10em;
	}


/*////////
	Listings table
///////*/

.l h4 {
	background:#f5f5f5;
	font-weight:bold;
}
.l h4 a{
	font-weight:bold;
	font-size:0.8em;
}


.l a,
.l span {
	white-space:nowrap;
	font-weight:normal;
}
.l .c {
	background:transparent url(/icons/m1.gif) no-repeat left center;
	padding-left:12px;
	}
.l .t {
	background:transparent url(/icons/tl.gif) no-repeat 1px center;
	padding-left:14px;
	}
.l .e {
	background:transparent url(/icons/te.gif) no-repeat left center;
	padding-left:12px;
	}
.l .w {
	background:transparent url(/icons/th.gif) no-repeat left center;
	padding-left:12px;
	}

/*////////
	Discussion posts
///////*/

.block.post {
	border:1px #c0c0c0 solid ! important ;
	margin-bottom:0.5em;
	}
.block.post h4 {
	border-bottom:1px #f5f5f5 dotted;
	background:#f5f5f5;
	margin:0;
	padding:0.4em 15px;
	}

.block p.head {
	font-size:0.8em;
	margin:0;
	padding:0.2em 16px;
	background:#f5f5f5;
	color:#444;
	line-height:140%;
	}
	
.block p.head span.tools {
	float:right;
}

	
/*Debug styles : Used with js for javascript debugging */
div#debug{
	position:absolute;
	top:0px;
	right:0px;
	z-index:10000;
	border:1px dimgray solid;
	background:white;
	width:320px;
	font-size:9px;
	color:black;
	padding-bottom:4px;
	text-align:left;
}

div#debug h1{
	margin:0;
	padding:4px 0.5em;
	border-bottom:1px gray solid;
	background:silver;
	color:white;
	font-size:9px;
}
div#debug h1 a{
	position:absolute;
	padding:2px;
	right:2px;
	top:2px;
	background-color:white;
	border-top: 1px white solid;
	border-bottom: 1px dimgray solid;
	border-left: 1px white solid;
	border-right: 1px dimgray solid;
}
div#debug h2{
	margin:0;
	padding:3px 0.5em;
	border-bottom:1px silver dotted;
	font-size:9px;
}
div#debug p{
	margin:3px 0.5em;
}
div#debug strong{
	color:gray;
}