/*
	Skies V3 Theme
	
	Author: James Edgeworth (unless specified)
	
	For: carbootarchive.co.uk
	
	
*/



/****Begin CSS Reset****/
/* 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 CSS Reset****/

body
{
	margin: 0px;
	padding: 0px;
	font: normal 10pt sans-serif;
	background: #D8ECFF;
	background: #CCDDDD;
	background-attachment: fixed;
	font-family: Segoe UI, Verdana, Tahoma, DejaVu Sans, sans-serif;
}


/*
	Headers
*/

h1
{
	margin: 0px;
	padding: 2px;
	padding-top:5px;
	color: #FFFFFF;
	font-size: 14pt;
	font-weight: bold;
	font-family: Tahoma;
}

h3
{
	margin: 0;
	padding:2px;
	padding-left:10px;
	font-weight: normal;
	color: #FFFFFF;
	background:#FFFFFF url(../images/h_back.png);
	border: solid 0px #436fdf;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit_border_radius:5px;
}

h4
{
	margin:0px;
	padding:2px;
	font-weight: bolder;
	color: #1111FF;
}

h6, h6.pad
{
	font-weight:bolder;

}

h6.pad
{
	padding-left:10px;
}



div.header
{
	width:100%;
	height:160px;
	margin:0px;
	border:0px;
	background: #436FDF;
	background: url('../images/header.png');
}

/*
	button styles
	
	Note that vertical-align would not seem to adjust the font's position. Instead we pad it down 2 pixels, and reduce the button height by that amount.
	
*/
.button {background: url(../images/buttons/darkblue_button100x25.png) 0 0 no-repeat; width:100px; height:23px; display:block; text-align:center; vertical-align:50%; color:#FFFFFF; font-weight:bold; border: 0px;}
.button:hover{background-position:0px -25px; text-decoration:none; font-weight:bold; color:#CCCCCC;}
div.button {margin-left:10px; display:inline;}
a.button { margin-left:10px; padding-top:2px;}
input.button{height:25px; padding-bottom:2px;}

div.button2, input.button2 { padding:2px; background: url(../images/buttons/blue_button_back.png) 0 0 repeat-x; height:25px; display:block; text-align:center; color:#FFFFFF; font-weight:bold; margin-left:10px; display:inline; border:1px solid #000000; -moz-border-radius:10px; -webkit_border_radius:10px;}
div.button2:hover, input.button2:hover{background-position:0px -25px; text-decoration:none; font-weight:bold; color:#CCCCCC;}
div.button2 a {font-weight:bold; color:#FFFFFF; padding:2px;}
div.button2 a:hover {font-weight:bold; color:#EEEEEE; text-decoration:none;}

.text {border: solid 1px #000000; background-color: #eeeeee;}

/*
	Options Bar
	
	Stores links, date/time etc in header area
*/
.options
{
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	border:0px;
	text-align:center;
	display:block;
	color:#FFFFFF;
}

.options a 
{
	margin-left: 2px;
	margin-right: 2px;
	text-decoration: none;
	color:#FFFFFF;
}


.options a:hover
{
	text-decoration: underline;
}

.options div.options_right
{
	text-align:right;
	display:inline;
	float:right;
}

.options div.options_left
{
	text-align:left; display:inline; float:left;
}

.options div.options_center
{
	text-align:center;
	display:inline;
	margin:auto;
}

/*

	Page Devisions
	
	The following aren't 'seen' - they define the left, centre, and right divisions which store nested DIV's to show the fancy effects, hold content, etc.
	
*/

div.left, div.right
{
	display:inline;
	width: 220px;
	border:0px;
	background: #ffffdd;
	border-top: 0;
}

div.left
{
	float: left;
	margin-left:5px;
}

div.right
{
	float: right; 
	margin-right:5px;
}


div.content
{
	margin-left: 230px; 
	margin-right:230px; 
	background:#ffffdd; 
	border:0px; 
	padding:0px; 
	margin-bottom:0px;
	
	vertical-align:top;
}


/*
	Menus
*/

ul.linkmenu
{
	list-style:none;
	margin:0px;
	padding:0px;
	border-left: solid 0px #436fdf;
	border-top: solid 0px #436fdf;
	border-right: solid 0px #436fdf;
	background:#ffffdd;
}

ul.linkmenu li
{
	margin:0px;
	padding:0px;
	border-bottom:0px solid #436fdf;
	background:inherit;
}

ul.linkmenu a
{
	display:block;
	margin:0px;
	padding:6px;
	color: #0066cc;
	text-decoration:none;
}

ul.linkmenu a:hover 
{
	border: solid 0px #436fdf;
	background-color: #436fdf;
	color: #ffffff;
}


/* 

	Main Content Area
	Note that there is no id-based cascading (#this) as it was intefering with google maps.
	
*/

span
{
	padding:10px;
}

p
{
	padding: 10px; 
	color: #000000;
}

a 
{
	color: #0066cc; 
	text-decoration: none;
}

a:hover 
{
	color: #0000ff; 
	text-decoration: underline;
}

fieldset
{
	-moz-border-radius:10px;
	-webkit_border_radius:10px;
}

input
{
	background:#DDEEFF url(../images/input_back.png) 0 -15px repeat-x;
	-moz-border-radius:10px;
	-webkit_border_radius:10px;
}

textarea
{
	background:#DDEEFF url(../images/input_back.png) repeat-x;
	-moz-border-radius:10px;
	-webkit_border_radius:10px;
}

select
{
	background:#DDEEFF url(../images/input_back.png) 0 -15px repeat-x;
}

table
{
	padding:10px;
	border:solid 0px;
}

td
{
	padding:1px; 
	border:0px solid #000000; 
	border-collapse:collapse;
}

td.td_form_info
{
	width:500px; 
	vertical-align:top;
}

td.td_form_info_narrow
{
	width:200px; 
	vertical-align:top;
}

th
{
	padding:1px;
	border:solid 0px #436fdf;
	border-collapse:collapse;
	font-weight:bold;
	background:#EEEEEE url(../images/h_back.png);
	color:#FFFFFF;
	padding:2px 10px 2px 10px;
	text-align:center;
}

td.red_highlight
{
	color: #FF0000;
}


td.bordered1
{
	border:1px solid #ffffa6; 
	border-collapse:collapse; 
	padding:2px 10px 2px 10px; 
	background:#ffffc1; 
	vertical-align:top;
}

td.bordered2
{
	border:1px solid #ffffc1;
	border-collapse:collapse;
	padding:2px 10px 2px 10px;
	background:#ffffa6;
	vertical-align:top;
}

div.map
{
	margin-left:10px;
}

div.rss
{
	width:300px;
	float:left;
	display:inline;
	margin:4px;
}

sub 
{
	font-size:8pt;
}

label
{
	font-weight:bold;
}

/*
	content column set
	These are used for a row of column div's in the main content area.
*/
div.column_container
{
	border:1px;
	display:block;
	width:100%;
}


div.column
{
	border:1px solid #436fdf;
	display:inline;
	float:left;
	width:300px;
	height:100%;
	overflow:auto;
	border-collapse:collapse;
}




/*
	Popup Styles
*/
div.infoHoverTrigger
{
	width:16px;
	height:16px;
	min-height:16px;
	min-width:16px;
	background: url(../../_common/help_16.png) left top repeat-y;
	display:inline;
}

div.infoHoverPopup
{
	border:1px solid #FFF156;
	padding:3px;
	background: #FFF3A4;
	position:absolute;
	top:0;
	left:0;
	visibility:hidden;
	width:200px
}

div.dropDownPopup
{
	border:1px solid #DDEEFF;
	padding:3px;
	background: #DDEEFF;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:100px;
	overflow:auto;
}


div.topRightPopup
{
	border:1px solid #DDEEFF;
	padding:3px;
	background: #FFF3A4;
	position:fixed;
	top:0;
	left:0;
	width:200px;
	overflow:auto;
}


/*
	Tab Bar
*/
#tabBar {border:solid 0px; height:22px; display:inline;}
#tabBar ul {list-style:none; padding:0px; margin:0px; display:inline; height:22px;}
#tabBar li {display:inline; border:solid #4e81ff; border-width: 1px 1px 0px 1px; margin: 0px 0.5em 0px 0px;}
#tabBar li a {padding: 0px 1em; font-weight: bold; background:#BBCCFF}
#tabBar li a.selected {padding-bottom:1px; background:#DDEEFF;}


#footer {background-color: #436fdf; color:000000;}
#footer p {float: left; margin: 0;}
#footer h5 {margin: 0; text-align: right; padding:2px; text-align:center; background:#CCDDDD;}




/* 
	Rounded-Rectangle Corners
 */

div.rec_tl
{
	float: left;
	display:inline; 
	background: url('../images/rectangle/rec_tl.png');
	background-repeat: none;
	width: 15px;
	height: 14px;
}

div.rec_tr
{
	float: right;
	display:inline; 
	background: url('../images/rectangle/rec_tr.png');
	background-repeat: none;
	background-position:right;
	width: 16px;
	height: 14px;
}

div.rec_tl_h
{
	float: left;
	display:inline; 
	background: url('../images/rectangle/rec_tl_h.png');
	background-repeat: none;
	width: 10px;
	height: 31px;
}

div.rec_tr_h
{
	float: right;
	display:inline; 
	background: url('../images/rectangle/rec_tr_h.png');
	background-repeat: none;
	background-position:right;
	width: 16px;
	height: 31px;
}

div.rec_bl
{
	float: left;
	display:inline; 
	background: url('../images/rectangle/rec_bl.png');
	background-repeat: none;
	width: 15px;
	height: 18px;
}

div.rec_br
{
	float: right;
	display:inline; 
	background: url('../images/rectangle/rec_br.png');
	background-position:right;
	background-repeat: none;
	width: 16px;
	height: 18px;
}



div.rec_header
{
	float: none;
	background: url('../images/rectangle/rec_t.png');
	background-repeat: repeat-x;
	height: 10px;
}

div.rec_header_true
{
	float: none;
	background: url('../images/rectangle/rec_t_h.png');
	background-repeat: repeat-x;
	height: 31px;
}

div.rec_header_true h3
{
	text-align:center;
	vertical-align:middle;
	padding-top:8px;
}


div.rec_mid
{
	background: url('../images/rectangle/rec_r.png');
	background-repeat: repeat-y;
	background-position:right;
	display:block;
	padding-left:0px;
	padding-right:7px;
	border-left:1px solid #436fdf;
}

div.rec_footer
{
	float: none;
	background: url('../images/rectangle/rec_b.png');
	background-repeat: repeat-x;
	background-position:bottom;
	width: 100%;
	height: 18px;
}



div.newheader
{
	width:100%;
	height:111px;
	margin:0px;
	border:0px;
	padding-left:5px;
	background: #436fdf;
	background: url('../images/header_mid.png');
	background-position: 0px -50px;
	margin-left:1px;
}


div.header_l
{
	float:left;
	display:inline;
	background: url('../images/header_l.png');
	width: 13px;
	height: 161px;
}

div.header_r
{
	float:right;
	display:inline;
	background: url('../images/header_r.png');
	width: 17px;
	height: 161px;
}


div.comment_header
{
	background:#ffffa6;
	padding: 5px;
}

div.comment_body
{
	background:#ffffc1;
	padding: 5px;
}

div.rating_block
{
	display:block;
	width:100px;
	height:20px;
	background: url('../../_common/rating_star20.gif');
	background-repeat:repeat-x;
	background-position:0px 0px;
	padding:0px;
	margin:0px;
}

div.rating_star
{
	float:left;
	width:20px;
	height:20px;
	background: url('../../_common/rating_star20.gif');
	background-repeat:repeat-x;
	background-position:0px -20px;
}