/*General Style*/
html, body {
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
}
body {
	background:url('/images/bg.gif');
	color:#555;
	font:10pt Tahoma,Verdana,Helvetica,Arial,Sans-serif;
	margin:15px;
	width:97%;
	height:95%;
}
a:link, a:visited {
	text-decoration:none;
	text-transform:uppercase;
	color:#999;
}
a:hover, a:active {
	color:#6cf;
}
h1, h2, h3 {
	margin:0;
}
h1 {
	font:bold 14pt Tahoma,Verdana,Helvetica,Arial,Sans-serif;
	text-transform:uppercase;
}
h2 {
	font:bold 12pt Tahoma,Verdana,Helvetica,Arial,Sans-serif;
	color:#777;
	text-transform:uppercase;
}
h3 {
	font:bold 10pt Georgia,"Times New Roman",serif;
}
img {
	border:0;
}
.left {
	float:left;
	margin-right:10px;
}
.right {
	float:right;
	margin-left:10px;
}
.al {
	text-align:left;
}
.ar {
	text-align:right;
}
.cb {
	clear:both;
}
.description {
	width:500px;
}
.legal {
	font-size:80%;
}

/*Page Layout*/
#page_container {
	background:#000;
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	padding-bottom:10px;
	overflow:visible;
	position:relative;
}
#banner {
	background:url('/images/banner.jpg') no-repeat;
	width:783px;
	height:289px;
	margin-left:-15px;
	margin-bottom:-30px;
	z-index:10;
}
#content_container {
	background:#fff url('/images/page_bg.gif') no-repeat bottom right;
	width:760px;
	height: auto !important;
	height:100%;
	position:relative;
	overflow:visible;
}
#content {
	margin:10px;
	margin-top:55px;
	padding-bottom:10px;
	font:10pt;
	line-height:12pt;
	overflow:hidden;
}
#footer {
	font-size:8pt;
	position:relative;
	bottom:0;
	padding:10px;
	margin-left:110px;
}
#footer a {
	text-transform:none;
}
#footer_fix {
	height:30px;
	width:30px;
	overflow:hidden;
	margin:-25px;
}
#legal {
	font-size:8pt;
	line-height:8pt;
	width:500px;
	margin:10px 0;
	padding:5px;
	position:relative;
}

/* Navigation */
#menu {
	background:url('/images/menu_bg.png') repeat-x;
	height:32px;
	width:auto;
	padding:5px;
	margin:0;
	margin-right:-10px;
	overflow:hidden;
	float:right;
	z-index:30;
}
#nav {
	list-style:none;
	margin:0;
	padding:0;
	border:2px solid #777;
	border-width:0 2px;
}
#nav li {
	display:inline;
	float:left;
}
#nav li a, #nav li a:visited {
	display:block;
	background:#555;
	color:#fafafa;
	padding:3px 8px;
	border-top:2px solid #aaa;
	border-bottom:2px solid #333;
	border-right:1px dashed #eee;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
#nav li a:hover, #nav li a:active {
	background:#999;
	color:#fff;
}
#nav li #board_alert:hover, #nav li #board_alert:active {
	background:#d00;
	color:#fff0f0;
}
#nav li a.first {
	border-left:2px solid #444;
}
#nav li a.last {
	border-right:2px solid #444;
}
#welcome_nav {
	font-size:8pt;
	text-align:right;
	margin:20px 10px;
	position:relative;
}

/* index page */
#id_cards {
	background:url('/images/board_ids.png') no-repeat;
	width:259px;
	height:355px;
	margin-bottom:10px;
	position:relative;
	float:left;
}
#featured_boarder {
	background:url('/images/featured_boarder.gif') no-repeat top left;
	margin-top:10px;
	padding:125px 0 0 25px;
	border-top:10px dashed #333;
}
#featured_archive {
	background:url('/images/featured_archive.gif') no-repeat top left;
	display:block;
	width:165px;
	height:50px;
	margin-top:-58px;
	margin-left:207px;
	position:relative;
	float:left;
}
#featured_boarder img {
	margin:0 10px;
}

/* Advertisements */
.ad_container {
	background:#000;
	width:760px;
	position:relative;
	height:auto;
}
.advertisement {
	padding:5px 0;
	margin:15px 5px;
	border:1px solid #000;
	border-width:1px 0;
	text-align:center;
	clear:both;
}
.advertisement img {
	margin-top:-10px;
}
.adtext {
	background:#fff;
	color:#000;
	font-size:7pt;
	text-transform:uppercase;
	padding:0 3px;
	position:relative;
	top:-10px;
}

/* Forms */
.form_table {
	width:400px;
	margin:0 auto;
	font-size:8pt;
}
.field_name {
	font-weight:bold;
	text-align:right;
	vertical-align:top;
	line-height:15pt;
	width:100px;
}
.field {
	vertical-align:top;
}
input, select, textarea {
	color:#555;
	font-size:8pt;
	width:200px;
	padding:2px;
	margin:1px 0;
	border:1px solid #aaa;
}
textarea {
	font:8pt Tahoma,Verdana,Helvetica,Arial,Sans-serif;
}
select {
	width:206px;
}
input:focus {background:#d7f2ff;}
#Photo_edit {width:147px;}
#firstname, #first_name {width:90px;}
#lastname, #last_name {width:101px;}
#birthday_month, #birthday_day {width:64px;}
#birthday_year {width:66px;}
#photo {
	width:140px;
	margin-right:2px;
}
#submit, #Browse {
	background:#fff;
	color:#555;
	font:8pt tahoma,verdana,helvetica,arial,sans-serif;
	width:50px;
	height:20px;
	border:1px solid #aaa;
	text-align:center;
}
#submit:hover, #Browse:hover {
	color:#333;
	background:#d7f2ff;
}
#submit:active, #Browse:active {
	color:#000;
	background:#d7f2ff;
	margin-top:1px;
}
#Browse {
	display:inline
}

/* Admin Lists */
.table_list {
	width:600px;
	border:0;
	border-collapse:collapse
}
.table_header {
	background:#555;
	color:#fff;
	font-weight:bold;
}
.row_b {
	background:#eee;
}

/* System Messages */
.error, .failure {
	background:#900;
	color:#fff;
	padding:10px;
	margin:15px;
}
.success {
	background:#090;
	color:#fff;
	padding:10px;
	margin:15px;
}
.note {
	background:#ffc;
	font:10pt Verdana,sans-serif;
	width:400px;
	padding:10px;
	margin:0 auto;
}

/* Board Registration */
.photo_explain {
	display:block;
	width:200px;
	position:relative;
	top:5px;
}
.correct {
	margin-right:-70px;
	position:relative;
	top:0;
	left:-70px;
	float:left;
}
.wrong {
	float:right;
	position:relative;
	top:0;
	right:-70px;
	margin-left:-70px;
}

/* User Profile */
.account, .boards {
	width:450px;
	padding:5px;
	margin:10px auto;
	border:1px solid #000;
}
.edit {
	font-size:8pt;
	float:right;
}
.bold_title {
	font-weight:bold;
	font-size:8pt;
	text-align:right;
	vertical-align:top;
}
.info {font:10pt Verdana, Arial, Helvetica, sans-serif;}
.boards {height:220px;width:450px;}
.board {float:left; margin:0 20px; text-align:center;}
.manufacturer {font:bold 12px Verdana, Arial, Helvetica, sans-serif;}
.model {font:10pt Verdana, Arial, Helvetica, sans-serif;}
.serial {font:10pt Verdana, Arial, Helvetica, sans-serif; color:#999;}

.missing,.selling,.hidden,.suspended {font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#f00; text-transform:uppercase; text-shadow:#fff; display:block; position:relative; top:40px; margin-bottom:-28px; background:#fff; border:1px solid #ddd; border-width:1px 0;}

.missing,.suspended {color:#f00;}
.selling {color:#090;}
.hidden {color:#777;}

/* BoardAlertt */
#alert_table {
	width:740px;
	margin:0 auto;
	border:0;
}
.alert_header {
	background:#900;
	color:#fff;
	font-weight:bold;
}

/* Classifieds */
.classified {background:#999; padding:0; width:75%; font:11px tahoma,verdana,helvetica,arial,sans-serif; color:#555; margin:10px 0;}
.classtext {text-align:left; padding:2px 5px; background:#fff; border:1px #999 solid; border-width:0 1px;}
.classphoto {float:right; text-align:center; width:100px; margin-right:-10px;}
.classphoto img {border:0;}
.classified h1 {display:inline; color:#fff; font:bold 19px tahoma,verdana,helvetica,arial,sans-serif; line-height:19px; margin-left:5px; position:relative; top:-4px;}
.price {text-decoration:none; color:#fff; font:10pt tahoma,verdana,helvetica,arial,sans-serif; position:relative; top:4px; right:5px; float:right;}
.items {font-size:10px; margin-top:20px;}

b.stop b {display:block; height:1px; overflow:hidden; background:#999}
b.sbottom b {display:block; height:1px; overflow:hidden; background:#fff}
b.stop, b.sbottom {display:block; background:#fff;}
b.sbottom b.s1, b.sbottom b.s2, b.sbottom b.s3, b.sbottom b.s4 { background:#e0e0e0;}
b.s1 {margin:0 5px; border:1px #999 solid; border-width:0px;}
b.s2 {margin:0 3px; border:1px #999 solid; border-width:0px 1px 1px 1px;}
b.s3 {margin:0 2px; border:1px #999 solid; border-width:0px 1px;}
b.stop b.s4,b.sbottom b.s4 {margin:0px 1px; height:2px; border:1px #999 solid; border-width:0px 1px;}
