/* CSS Reset created by Eric Meyer - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* End Reset */

/* Sitewide Styles */
html { background-color: #000000; padding: 0; margin: 0; }
body { font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; line-height:18px; background-color:#000000; text-align: center; /* for IE */ margin: 0; padding:0; }
ul li { list-style: square; }
a img { border: none; }
.clear { clear: both; display: none; }
p { margin:4px 0 6px 0; }
strong { font-weight:bold; }
em { font-style:italic; }
h1, h2, h3, h4 { font-weight:bold; margin:10px 0 0 0; }
h1 { font-size:26px; }
h2 { font-size:23px; }
h3 { font-size:20px; }
h4 { font-size:17px; }
a:link, a:visited { color:#888888; text-decoration:underline; }
a:hover, a:active { color:#222222; text-decoration:none; }
ul { margin:5px 0 5px 20px; padding:0; list-style-type:disc; }
ol { margin:5px 0 5px 30px; padding:0; list-style-type:decimal; }
ul li, ol li { margin:4px 0 15px 0; padding:0; }

/* Page Setup Styles */
#wrapper { margin: 0 auto; text-align: left; padding: 0; }
#header { margin: 0; padding: 0; }

/* Content Page Styles */
.pageheading { margin: 15px 15px 15px 15px; color: #34617E; border-bottom: 1px solid #34617E; height: 25px; }
#joinleft { float: left; margin: 50px 0 0 30px; }
#joinleft h2{ margin: 20px 0 10px 0; }
#joinright { border: 1px solid #34617E; background: #E0E9EF; padding: 20px; width: 300px; float: right; margin: 50px 50px 50px 0; }
.joinput { text-align: right; margin: 5px 0 0 0; width: 400px; }
.joinnote { text-align: left; width: 100%; color: #b1a88b; font-size: 12px; margin: -3px 0 0 190px; }
#page { width: 100%; background: #ffffff; margin: 0; padding: 20px 0 10px 0; }
#post { background-color: #ffffff; margin: 10px 20px 10px 20px; padding: 0; clear: both; border: 2px dashed #E0E9EF; }
#postleft { width: 450px; float: left; margin: 0 0 0 30px; }
#postright { width: 380px; float: right; border-left: 4px solid black; margin: 37px 0 0 30px; padding: 0 0 0 50px; }
#tools { margin: 15px 15px 15px 15px; }
#tools h3 { font-size: 16px; font-weight: bold; color: #222222; border-bottom: 1px solid #222222; height: 20px; margin: 30px 0 10px 0; }
#posting {margin: 15px 15px 15px 15px;}
#searching {margin: 15px 15px 15px 15px;}
.buttontitle{ font-size: 13px; font-weight: bold; }
.buttonexample{ margin: 10px 0 10px 20px; border: 1px solid #34617E; background: #E0E9EF; padding: 15px; }
.buttonexample br { margin: 10px 10px 10px 10px; }
.buttoncode { margin: 10px 0 10px 20px; border: 1px solid #8FBF97; background: #E0EFE2; padding: 15px; }
.buttoncode textarea{ width:100%; }
#profile { margin: 15px 15px 15px 15px; }
#profile h3 { font-size: 16px; font-weight: bold; color: #222222; border-bottom: 1px solid #222222; height: 20px; margin: 30px 0 10px 0; }
#flagpost { margin: 15px 15px 15px 15px; }
#flagpost h3 { font-size: 16px; font-weight: bold; color: #222222; border-bottom: 1px solid #222222; height: 20px; margin: 30px 0 10px 0; }
#infonav { margin: 0 30px 30px 30px; list-style: square; }
#infonavdiv { margin: 0 15px 0 15px; background: #E0E9EF; border: 1px solid #34617E; border-top: none; padding: 15px 15px 0 15px; }
#aboutpm, #privacy, #tos { margin: 0 15px 30px 15px; }
#toolcontainer {
padding:5px 10px 5px 10px;
}
#tooldrop {
border:1px dashed #ffffff;
padding:10px;
font-size:11px;
color:#ffffff;
height:63px;
}
.toolicon{
float:left;
margin: 0 0 0 10px;
display:block;
}
#tooldrop ol{
float:left;
position:absolute;
top:10px;
left:60px;
}
#tooldrop a {
color:#ffffff;
}
#tooldrop li {
margin:3px 0 0 0;
}
#logo {
float:left;
width:70px;
height:20px;
margin:0 30px 0 0;
}
#infolink {
float:left;
width:120px;
height:14px;
margin:0;
}
#infolink a{
color:#ffffff;
font-weight:bold;
text-decoration:none;
font-size:10px;
margin:0;
}


/* Map and Search Styles */
#map { float:left; margin:0; padding:0; background-color:#eeeeee; }
.window{ width: 350px; max-height: 250px; font-size: 11px; overflow: auto; }
.window a, a:visited{ color: #34617E; }
.window a:hover{ color: #000000; }
.pt { margin: 3px 0 0 0; padding: 2px; border: 1px dotted #444444; background: #EFEFEF; }
.pe { margin: -1px 0 0 0; padding: 2px; font-size: 10px; border-right: 1px dotted #444444; border-left: 1px dotted #444444; border-bottom: 1px dotted #444444; background: #EDEADC; }
.userinfo { font-size: 10px; border-top: 1px dashed #222222; }
.userinfo img{ border: none; margin: 0; }
#searchbox { color: #14384F; background:#99B3CC; font-weight: bold; float: right; margin: 0; width:100%;border-bottom:1px solid #ffffff;heigth:23px; }
.yui-content { padding: 9px; color: #ffffff; font-weight: bold; background: #34617E; overflow: auto; }
#mytags, #poptags, #latesttags {line-height:30px;}
#mytags li, #poptags li, #latesttags li { list-style:none;display:inline;margin:0 10px 10px 0;}
.yui-content a{ color: #ffffff; }
.yui-content a:visited{ color: #ffffff; }
.yui-content form{ text-align:right; margin: 0 10px 0 0; }
.yui-nav { list-style: none; margin:0;float:right; }
.yui-nav li { display: inline; font-size: 12px; color: #34617E;margin: 0; }
.yui-nav li a { color: #34617E; text-decoration: none;display:block;float:left;margin: 1px 10px 0 0;padding:0 4px 0 4px;border:1px solid #ffffff;border-bottom:none;  }
.yui-nav ul li a:hover { color: #ffffff; text-decoration: none; }
.yui-nav li.selected { background: #34617E; color: #ffffff; }
.yui-nav li.selected a { color: #ffffff; background: #34617E;}
.yui-nav li.selected2 { background: #9FB6CC; color: #000000; }
.yui-nav li.selected2 a { background: #9FB6CC; color: #34617E; }
#rightbar { background: #34617E; height: 300px; width: 30%; float: right; display: inline; }
#nav { list-style: none; text-align: left; color: #34617E; font-size: 11px; margin: 2px 0 2px 0;text-align:center; }
#nav li{ display:inline; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #444444; }
#nav li a{ color: #ffffff; }
#nav li a:visited{ color: #ffffff; }
#mytags, #latesttags, #poptags { line-height: 20px; }
#mapdata { display:inline; float:left;padding:0; margin:2px 0 0 0; font-weight:normal;font-size:11px;width:300px; }
#mapdata li { display:inline;padding:0; margin: 0 5px 0 5px; }
#mapdata li a { color:#14384F;text-decoration:none; }
#sm_1 {display: none; background: #ffffff; padding: 5px 20px 20px 20px;  border:1px solid #34617E; color: #34617E; position:fixed; top:60px; left:20%; z-index:10; }
#sm_2 {display: none; background: #ffffff; padding: 5px 20px 20px 20px;  border:1px solid #34617E; color: #34617E; position:fixed; top:0; left:0; z-index:10; }
.close {font-size: 9px; height:15px;text-align:right;}

#panel {
	background: #34617E;
	height: 100px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(images/btn-slide.gif) no-repeat center top;
	float:right;
	display:inline;
	width:150px;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	font-weight:bold;
}
.active {
	background-position: right 12px;
}


/* Footer Styles */
#footer { background-color: #111111; height: 70px; text-align: center; padding: 6px; }
#footer p { font-size: 11px; font-weight: bold; margin: 6px 0 6px 0; }

/* Alert and Warning Styles */
.red { border: 2px solid red; }
.warn { color: red; font-size: 12px; }
.error { margin: 15px 15px 15px 15px; border: 1px solid #34617E; background: #E0E9EF; padding: 30px; }
.alert { margin: 15px 15px 15px 15px; border: 1px solid #34617E; background: #E0E9EF; padding: 15px; }
.redflag { margin: 15px 15px 15px 15px; border: 1px solid #BF0000; background: #EFC2C2; padding: 15px; }

/* JGrowl CSS */

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
}



/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	border: 			2px solid #34617E;
	background-color: 		#ffffff;
	color: 					#000000;
	opacity: 				.93;
	filter: 				alpha(opacity = 93);
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				12px;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: 					right;
	font-weight: 			bold;
	font-size: 				12px;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 				15px;
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				11px;
	font-weight: 			bold;
	text-align: 			center;
}

/* jQuery Tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}