/* Body and Meta styles */
body{
	background-color:#fff;
	background-image: url('../img/topbluefade.gif');
	background-repeat: repeat-x;
}
body,td,th {
	margin-left:15px;
	margin-right:15px;
	margin-top:0px;
	padding:0px;
	border:0px;
	font-size:13px;
	vertical-align:top;
}
body,td,th,input {
	font-family: lucida, "Lucida Grande", verdana, arial, sans-serif;
	color: #666666;
}
th{
	padding-right:20px;
}


h1 {
	line-height:9px;
	font-size:32px;
}

h2 {
	line-height:9px;
	font-size:18px;
	margin-top:5px;
}

h3 {
	line-height:9px;
	font-size:14px;
}

em {
font-style:oblique;
color:#CCCCCC;
}


/* Content and header */

.content {
	width:99%;
	text-align:left;
	margin-top:0;
	position:relative;
	min-width: 1013px;
}

.search_box {
	float: right;
	padding-top:17px;
}

.login_box {
	float: right;
	padding-top:17px;
	font-size:10px;
}


.title {
	float:left;
	padding-top:0px;
}

/* For testing purposes */

.test {
	border:#FF0000 dotted 1px;
}

.test2 {
background-color:#FFFFCC;
}

/* Columns that split the page in three */

.column_1 {
	width: 23%;
	float:left;
	min-width:240px;
	margin-right:10px;
}

.column_2 {
	width: 23%;
	float:left;
	min-width:240px;
	margin-right:10px;
}

.column_3 {
	width: 23%;
	float:left;
	min-width:240px;
	margin-right:10px;
}

.column_4 {
	clear:right;
	float:right;
	width:240px;	
}

.colum_welcome {
	width:50%;
	margin-right:15px;
	float:left;
	background-color:red;
}


/* Column (headers and body) for standard link boxes */

.link_title {
	margin:0px;
	padding-bottom:3px;
	font-weight:bold;
	font-size:16px;
	color:#CCCCCC;
}

.link_title a {
	color:#CCCCCC;
}


.subcolumn_links {
	padding:3px;
	font-size:13px;
	margin-bottom:10px;
	line-height:18px;
}

.subcolumn_links ol {
	margin:0px;
	padding-left:27px;
	
}

.subcolumn_links ul {
	margin:0px;
	padding-left:7px;
	list-style-type: none;
}

/* Inline Edit for link boxes */

.subcolumn_edit li:hover {
	background-color:  #FFFFCC;
	padding-right: 24px;
	text-decoration: none;
}

.edit_window {
	background-color: #FFFFFF;
	visibility: hidden;
	position: absolute;
	width:270px;
	border: 3px #FFFF66 solid;
	margin-left: -7px;
	margin-top: -6px;
	padding: 0px;
}

.edit_iframe {
	background-color: #FFFFCC;
	visibility: visible;
	position: absolute;
	width:270px;
}

.edit_iframe input {
	background-color: #FFFFCC;
	color:#CCCCCC;
	font-family: lucida, "Lucida Grande", verdana, arial, sans-serif;
	color: #666666;
	font-size: 13px;
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom: 3px;
	height: 16px;
}

.edit_iframe input:hover {
	background-color: #FFFFFF;
}

/* Column (headers and body) for Expert link boxes */

.subcolumn_experts {
	padding:3px;
	font-size:13px;
	color:#666666;
	margin-bottom:10px;
	line-height:18px;
}


.subcolumn_experts ol {
	margin:0px;
	padding-left:27px;
	
}

.subcolumn_experts ul {
	margin:0px;
	padding:0px;
	list-style-type: none;
	border-left: #e9e9e9 16px solid;
}

.subcolumn_experts li {
	position:relative;
}

.subcolumn_experts li a {
}

.expert_details {  /* Displays the grey #1 in Expert column */
	position:absolute;
	right:10px;	
	font-style:oblique;
	color:#CCCCCC;
}


/* Column (headers and body) for standard Meta/Page Tools boxes */

.subcolumn_meta {
	padding:3px;
	font-size:13px;
	color:#666666;
	margin-bottom:10px;
	line-height:18px;
}


.subcolumn_meta ul {
	margin:0px;
	padding-left:7px;
	list-style-type: none;
	border-left: #e9e9e9 16px solid;
}

.meta_abuse a:hover {
	background-color:#FF0000;
	color:#FFFF00;
}


/* Column (headers and body) for Ads link boxes */


.subcolumn_ads {
	padding:3px;
	font-size:13px;
	color:#666666;
	margin-bottom:10px;
	line-height:18px;
}


.subcolumn_ads ul {
	margin:0px;
	padding-left:7px;
	list-style-type: none;
	border-left: #e9e9e9 16px solid;
}

.subcolumn_ads a {
	color:#666666;
	text-decoration:none;
}

.subcolumn_ads a:hover {
	text-decoration: none;
	color: #6600FF;
}

textarea.description{
	border:1px solid silver;
	width:450px;
	height:200px;
	padding:10px;
	font-style:oblique;
}

/* Tags */

.tag1 { color: #FF0000 !important; font-size: 10px; white-space:nowrap; }
.tag2 { color: #FF0033 !important; font-size: 12px; white-space:nowrap; }
.tag3 { color: #FF0066 !important; font-size: 14px; white-space:nowrap; }
.tag4 { color: #FF0099 !important; font-size: 18px; white-space:nowrap; }
.tag5 { color: #FF00CC !important; font-size: 20px; white-space:nowrap; }
.tag6 { color: #FF00FF !important; font-size: 22px; white-space:nowrap; }

/* vertical stuff at the bottom of the page */

.vote_box {
background-color:#ffffff;
padding:8px;
border-top: #EDFFEE 16px solid;
}

.explain_tab { 
	padding:6px;
	text-align:left;
	border-top: #FFFFCC 16px solid;
}	
	
/* Error messages */

.form_error_account {
color:#CC0000;
font-weight:bold;
}


.title_color	{ color:#666; }
.border_color	{ border-left: #ccc 16px solid; }
 
a:link 			{ text-decoration:none;color: #ff0099; 		}
a:visited 		{ text-decoration:none;color: #ff0099; 	}
a:hover 		{ text-decoration:none;color: #000000;		}
a:active 		{ text-decoration:none;color: #000000; 	}

tr{
	height:18px;
}
td, th{
	padding:4px;
}

tr.oddRow{
	background-color:#efefef;
}
tr.spam, .spam{
	background-color:#fcc;
	border:1px solid #f00;
	padding:4px;
}
.spam{
	float:left;
}
tr.spam{
	float:none;
}

ul{
	padding:0px 0px 0px 14px;
	margin:0px;
}
li.error{
	list-style-type:square;
}
.error{
	color:#d00;
	font-weight:bold;
}
#flashMessage, #spamMessage{
	position:relative;
	margin: 10px 0px 0px 0px;
	padding: 14px;
	border:1px dotted #33c;
	background-color: #eef;
	color:#33c;
}
#flashMessage.error, #spamMessage.error{
	border-color:#c33;
	background-color: #fee;
	color:#c33;
}