/* ******************************************************************
 * Core styles
 */

body {
	font-family: Verdana, Arial, Helvetica, Sans-Serif; 
	font-size: 83%;
	color: #333; 
	font-weight: normal;
	background: white;
}
p {
	margin: 10px 0 10px 0;
}
p.spaced {
	line-height: 140%;
}

/* Links */
a {
	text-decoration: underline;
}
a:link {
	color: black;	
}
a:visited {
	color: black;
}
a:hover { 
	color: #999;
}
a:active { 
	color: red; 
}
a.forums:visited {
	color: #666
}

/* Only show link when hovering */
a.hoverul {
	text-decoration: none;
}
a.hoverul:hover {
	text-decoration: underline;
}


/* horizontal rules */
hr {
	display: none;
}
div.dotted, div.dottednomargin {
	height: 1px;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	background-image: url(../../images/hr_dotted.gif);
}
div.dottednomargin {
	margin-top: 5px;
	margin-bottom: 5px;
}
div.solid {
	height: 3px;
	border: none;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	background-color: #846666;
}







/* lists */
ul {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul li {
	padding-left: 17px;
	margin-left: 0;
	background-image: url(../../images/li.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-bottom: 10px;
}
ol li {
	padding-left: 5px;
	margin-left: 0;
	padding-bottom: 20px;	
}
ul.compact li, ol.compact li {
	padding-bottom: 2px;
}



/* 	Headings */
/*
 	h1 is the heading for that page, directly below the breadcrumb
	h2 is the subheading for that page
	h3 is the heading for sections within the page, or a heading within a box
	h4 is the subheading for a section within the page, or a subheading within a box
*/
h1 {
	color: black;
	font-size: 150%;
	font-weight: normal;
	margin: 5px 0 15px 0;
}
h2 {
	color: black;
	font-size: 110%;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
h3 {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0;	
	margin-bottom: 0;	
}
h4 {
	font-size: 85%;
	font-weight: normal;
	margin-top: 0;	
	margin-bottom: 0;	
}
small {
	font-size: 85%;
}
big {
	font-size: 110%;
}
strong { /* call to action */
	font-weight: bold;
	font-size: 110%;
}
quote {
	font-style: italic;
	margin-left: 20px;
	margin-right: 20px;
	display: block;
}
acronym {
	border-bottom: 1px dotted #333; 
	cursor: help;
}

/* forms */
textarea, input {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 95%; 	
}
label {
	font-weight: bold;
	color: #333;
	font-size: 100%;
}
input, option, textarea {
	/* font-size: 11pt; */
	color: black;
}
input.big {
	font-size: 140%;	
}
.requiredfield {
	color: red;
	font-weight: bold;	
}




/* ******************************************************************
 * Layout styles
 */

body {
	margin: 0;
	text-align: center;
}
div.fullwidthheader {
	width: 100%;
	height: 70px;
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/backgrounds/header.gif);
}
table.header, div.headermenu, div.maincontent3columns, div.maincontent2columns, div.footer {
	width: 750px;
	margin: 0 auto 0 auto;
	text-align: left;
}
div.maincontent3columns, div.maincontent2columns {
	margin: 20px auto 20px auto;
}
table.header {
	border: 0;
	margin-top: 0px;
	border-collapse: collapse;
	height: 70px;
}
div.leaderboard, div.footerboard {
	background: #F3F1F1;
	width: 750px;
	border: 0;
	margin: 0 auto 0 auto; /* centered */
	text-align: center;
	padding: 10px 0 10px 0;
}

/* Special formatting for footer */
div.footer {
	font-size: 85%; 
	color: #666; 
}
div.footer h4 {
	font-size: 120%;
	color: #666;
	font-weight: bold;
	margin-bottom: 5px;
}
div.footer a:link, div.footer a:visited {
	color: #666;
}

/* generic layout tables to save from css hell */
table.layout, table.layout100 {
	border: none;
	border-collapse: collapse;
}
table.layout100 {
	width: 100%;
}
table.layout td, table.layout100 td {
	vertical-align: top;
	padding: 0;
}

/* main content layout tables */
div.maincontent3columns td.leftcolumn {
	width: 200px;
	margin: 0;
	padding: 0;
}
div.maincontent3columns td.rightcolumn {
	width: 200px;
	margin: 0;
	padding: 0;
}
div.maincontent3columns td.main {
	margin: 0;
	padding: 0;
}
div.maincontent2columns td.leftcolumn {
	width: 365px;
	margin: 0;
	padding: 0;
}
div.maincontent2columns td.rightcolumn {
	width: 365px;
	margin: 0;
	padding: 0;
}
td.columnspacer {
	width: 10px;
	margin: 0;
}
/* Images are inline elements by default and so leave room for descenders */
img.block {
	display: block;
}

/* ******************************************************************
 * Boxes in left and right hand columns
 */

.box {
	padding: 10px;
	border: 1px solid #ccc;
	margin: 15px 0 35px 0;
	background-image: url(../../images/backgrounds/box.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
.boxnobox {
	padding: 0;
	border: 0;
	margin: 15px 0 35px 0;
}
.boxyellow, .boxblue {
	color: black; 
	padding: 20px 15px 15px 15px;
	border: 0;
	margin: 15px 0 40px 0;
	background-repeat: no-repeat;
}
.boxyellow {
	background: #FFF4D2 url(../../images/backgrounds/boxyellow200.gif);
}
.boxblue {
	background: #F6F9FD url(../../images/backgrounds/boxblue200.gif);
}
.boxheader {
	margin: -25px 0 10px 0;
}
/* allow elements to leak off the side of a box */
.leakright {
	 position: relative; 
	 left: 20px
}
.leakleft {
	 position: relative; 
	 right: 20px
}
.flushtop {
	 margin-top: -10px;
}
.leakbottom {
	margin-bottom: -20px;	
}

/* wide box for two column layout */
.maincontent2columns .boxyellow {
	background: #FFF4D2 url(../../images/backgrounds/boxyellow365.gif);
}
.maincontent2columns .boxblue {
	background-image: url(../../images/backgrounds/boxblue365.gif);
}

.boxspeech {
	height: 255px;
	border: 0;
	margin: 0;
	padding: 35px 10px 10px 10px;
	background: #d7cece url(../../images/backgrounds/boxspeech200.gif);	
}

.boxhighlightcontent {
	width: 500px;
	margin: 20px auto 20px auto;
	padding: 15px;		
	background: #F6F9FD url(../../images/backgrounds/boxblue530.gif);
}


/* type styles in boxes */
.box {
	color: #333;
	font-size: 85%;
}
.boxyellow, .boxblue {
	font-size: 100%;
}
.maincontent2columns .box {
	font-size: 100%;
}
.box .menu {
	font-size: 118%;
}
.box h3 {
	font-size: 118%;
	font-weight: bold;
	color: #404040;	
}
.maincontent2columns .box h3{
	font-size: 100%;
	font-weight: bold;
	color: #404040;	
}
.box li, .boxyellow li, .boxblue li {
	padding-left: 15px;
	background-position: 0 3px;
	padding-bottom: 10px;
}



/* ******************************************************************
 * popups
 */
div.popupcontent {
	margin: 20px;
	text-align: left;
}



/* ******************************************************************
 * Breadcrumb
 */

div.breadcrumb, div.breadcrumb a:link, div.breadcrumb a:visited  {
	color: #666;
	font-weight: bold;
}
div.breadcrumb {
	font-size: 85%;
	padding: 0 0 10px 0;
	background-image: url(../../images/hr_dotted.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}


/* ******************************************************************
 * Context menu at head of page
 */

.contextmenu, .contextmenu a:visited, .contextmenu a:link {
	text-align: right;
	color: #ddd;
	font-size: 85%;
	margin-top: 5px;
	margin-bottom: 10px
}
.contextmenu a:link, .contextmenu a:visited {
	text-decoration: underline;
	color: #333;
}

/* ******************************************************************
 * Help menu in header
 */

.helpmenu, .helpmenu a:link, .helpmenu a:visited {
	font-size: 85%;
	margin: 5px 0 10px 0;
	color: #333; 
	/* background: url(../images/contexthr.gif); */
}


/* ******************************************************************
 * Tabbed context selector
 */

.tabs {
	padding: 10px 50px 6px 10px;
	margin: 10px 0 30px 0;
	border-bottom: 1px solid #ccc;
	background: white;
}
.tabs span.on {
	background: white;
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 4px 10px 7px 10px; /* 7px hides div border */
}

.tabs span.off {
	background: #F3F1F1;
	border: 1px solid #ccc;
	border-bottom: 2px solid #E9E7E7;
	padding: 4px 10px 4px 10px; /* 4px gives room for 2px shadow */
}
.tabs a:link, .tabs a:visited  {
	font-size: 100%;
	color: #333;
}
.tabs .on a {
	font-weight: bold;
	text-decoration: none;		
}




/* ******************************************************************
 * listings styles
 */

/* Title */
.listings h3 {

}
/* Subhead (eg. location) */
.listings h4 {
	/* color: #666;
	font-weight: bold; */
	font-size: 85%;
	margin-bottom: 10px;
}
.listings .type {
	font-size: 85%;
}
.listings .fulldetails, .listings .fulldetails a {
	/* color: #666; */
	float: right;
}


/* ******************************************************************
 * Search configurators
 */

.configurator {
	width: 500px;
	margin: 20px auto 20px auto;
	padding: 15px;		
	background: #F6F9FD url(../../images/backgrounds/boxblue530.gif);
}

table.configuratorform {
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table.configuratorform td {
	vertical-align: top;
	padding: 5px;
}


/* ******************************************************************
 * Premium ads
 */

.premium, .premiumlava, .premiumatom, .premiumuniverse {
	color: black;
	padding: 10px;
	border: 1px solid #ccc;
}
.premium {background-image: url(../../images/backgrounds/premium.gif); border-color: #FFD375;}
.premiumlava {background-image: url(../../images/backgrounds/premiumlava.gif); border-color: #A3A5E9;}
.premiumatom {background-image: url(../../images/backgrounds/premiumatom.gif); border-color: #D6F02A;}
.premiumuniverse {background-image: url(../../images/backgrounds/premiumuniverse.gif); border-color: #AEB9DA;}


/* ******************************************************************
 * Midstream styles
 */

.midstreamhint {
	width: 500px;
	margin: 20px auto 20px auto;
	background: #F6F9FD url(../../images/backgrounds/boxblue530.gif);
	padding: 15px;
}

/* ******************************************************************
 * Advert grouping headers
 */

.adgroup {
	width: 500px;
	padding: 15px;
	background: #f3f1f1 url(../../images/backgrounds/adgroup.gif);
	margin: 40px 0 0 0;
}


/* ******************************************************************
 * Notice box text is designed to be noticed!
 */

.noticebox {
	background: #EBF2FA;
	padding: 10px;
	border: 1px solid #CCCCCC;
	background: url(../../images/bg_blue.gif);
}
.noticeboxwithfooter {
	background: #EBF2FA;
	padding: 10px;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
}
.noticeboxfooter {
	background: #EBF2FA;
	padding: 0;
	border: 0;
}


/* ******************************************************************
 * Styles for lists of categories
 */
h3.categoryheader { 
	font-size: 110%; 
	font-weight: bold; 
	color: #000000; 
	text-decoration: none;
	margin-bottom: 5px;
}
ul.subcategorylist {
	margin-left: 20px;
}
div.subcategorylist {
	font-size: 85%;
	line-height: 130%;
	margin: 5px 0 10px 0;
}



/* ******************************************************************
 * Various specific styles
 */


.highlight {
	background: yellow;
}
/* old style message */
.message, .message:link, .message:visited {
	font-size: 100%; 
	font-weight: bold; 
	color: #f00; 
}
/* message in header */
div.headermessage {
	width: 750px;
	margin: 0 auto 0 auto;
}
div.headermessage .message, div.headermessage .message:link, div.headermessage .message:visited {
	font-size: 110%; 
	font-weight: bold; 
	color: #333;
}
div.headermessage .message {
	background: #f7d2d0;
	background-image: url(../../images/backgrounds/message750.gif);
	margin: 20px auto 20px auto;
	padding: 20px 20px 20px 60px;
	text-align: left;
}

.hint, .hint a:visited, .hint a:link {
	font-weight: normal; 
	color: #999;
	font-size: 85%;
}

.speech {
	background: #d7cece;
	padding: 15px;
}
.speechread {
	background: #f3f1f1;
	padding: 15px;
}

img.thumbnail {
	max-width: 100px;
}

/* ******************************************************************
 * Members lists - formats lists in the members area
 */

table.memberslist {
	border: 0 solid;
	border-collapse: collapse;
	width: 100%;
}
table.memberslist td {
	font-size: 85%;
	border-bottom: 1px solid #CCCCCC;
	height: 30px;
	padding-right: 10px;
	vertical-align: middle;
}
table.memberslist th {
	font-size: 100%;
	font-weight: bold;
	background-color: white;
	border-bottom: 3px solid #846666;
	text-align: left;
	vertical-align: middle;
	height: 30px;	
	padding-right: 7px;
}
table.memberslist td.multiple, table.memberslist th.multiple  {
	background-color: #F3F1F1;
	text-align: center;
	padding: 3px;
}
table.memberslist td.multipleheader  {
	background-color: #F3F1F1;
	border: 0 solid;
	text-align: right;
	padding: 4px;
}
table.memberslist td.searchheader  {
	border-bottom: 0px;
	background-color: #d7cece;
	text-align:left;
	padding: 4px;
}
table.memberslist input {
	font-size: 85%;
}
table.memberslist td.alignright, table.memberslist th.alignright {
	text-align: right;
}

/* ******************************************************************
 * memberdetails form - special formatting for sign up form
 */
table.memberdetails {
	border: 0;
	border-collapse: collapse;
	width: 100%
}
table.memberdetails td {
	padding: 5px 20px 10px 2px;
	margin: 0 0 2px 0;
	/* border-top: 1px solid #ccc; */
}
table.memberdetails td.public {
	background: #F3F1F1;
	border-top: 2px solid white;
}
table.memberdetails .spacer {
	border: 0px;
	height: 30px;
	background-image: url(../../images/hr_dotted.gif);
	background-position: center left;
	background-repeat: repeat-x;
}

/* ******************************************************************
 * paymnenthint table - hints attached to upgrade button
 */
table.paymenthint {
	border: 0;
	border-collapse: collapse;
	width: 100%;
	background: #FFF4D2;
}
table.paymenthint td {
	vertical-align: top;
	margin: 0;
	padding: 10px;
}