/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	


/*-----------------------------------------------------------------------------*/
/* images */
body {
	background-image: url("/images/background-city.jpg");
	background-repeat: no-repeat;
	background-color: #000000;
}
#container {
	/*background-image: url("/images/background_container.gif");*/
}
#header {
/*
	background-image: url("/images/logo-square-mile-sport.gif");
*/
}
#header_tennis {
	background-image: url("/images/logo-tennis.gif");
}
#header_rat_run {
	/*background-image: url("/images/logo-square-mile-rat-run.gif");*/
}
#footer {
}


/*-----------------------------------------------------------------------------*/
/* overwritten HTML tags */
a {
	color: #FF6633;
}
a:hover {
	color: #000000;
}
p, li, td, th, textarea, input, select, option, label {
	color: #FFFFFF;
}
h2, h3, h4, h5, legend {
	color: #F36F32;
}


/*-----------------------------------------------------------------------------*/
/* general layout */
body {
}
#container,
#header,
#header_rat_run,
#footer {
	border-color: #FFFFFF;
}
#container,
#main_content,
#main_wrapper,
#navigation {
}
#footer {
}
#footer li {
	border-color: #FF6633;
}

/*-----------------------------------------------------------------------------*/
/* navigation */
#navigation p.footer,
#navigation p.footer a {
	color: #ffffff;
}
#navigation #menu_main li .seperator {
	border-color: #d4ddec;
}


/*-----------------------------------------------------------------------------*/
/* utility */
#utility p.footer,
#utility p.footer a {
	color: #ffffff;
}


/*-----------------------------------------------------------------------------*/
/* panel styles */
.panel {
	background-image: url("/images/background_panel.jpg");
	background-position: bottom;
}
#main_content .panel {
	background-color: #000000;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	-khtmlControl-opacity: 0.80;
	border: solid 2px #ffffff;
}
#main_content .panel-gallery {
	background-color: #000000;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtmlControl-opacity: 1.0;
	border: solid 2px #ffffff;
	margin-bottom:10px;
	overflow:hidden;
	padding:10px;
}
#main_content .panel h3 {
	border-color: #4f79bf;
}
#main_content div.panel2 {
	border-color: #a9c2e0;
}
div.sponsors {
	border: solid 2px #ffffff;
	background-color: #000000;
	padding: 10px;
}

/* navigation and utility panel styles */
#navigation .panel,
#navigation .panel h3,
#utility .panel,
#utility .panel h3 {
	border-color: #4f79bf;
}
#utility .panel,
#navigation .panel {
	background-color: #eef3fa;
}
#navigation .panel p.footer,
#utility .panel p.footer {
	background-color: #4f79bf;
}

/* misc panel styles */
#main_content #latestnews.panel {
	background-color: #eef3fa;
}

/* panel styles - fieldsets */
#main_content form fieldset {
	border-color: #a9c2e0;
}
#main_content fieldset {
	background-color: #eef3fa;
}

/*-----------------------------------------------------------------------------*/
/* table (data_list and data_view) */
table.data_list,
table.data_list td,
table.data_list th,
table.data_view,
table.data_view td,
table.data_view th {
	border-color: #d4ddec;
}
table.data_list tr,
table.data_list .button,
table.data_view tr {
	background-color: #FFFFFF;
}
table.data_list th,
table.data_list .button a:hover, 
table.data_view th {
	background-color: #4f79bf;
}
table.data_list th,
table.data_list .button a:hover
table.data_view th {
	color: #ffffff;
}
table.data_list tr.extra_cost,
table.data_list .button a {
	background-color: #eef3fa;
}


/*-----------------------------------------------------------------------------*/

/* image borders */
#main_content img,
#navigation img,
#utility img {
	border: #4f79bf;
}

#eventsimg {
	border: #4f79bf;
	position: relative;
	left: 17%;
}

/* image which need NO borders list below */
#main_content #store .product .review_stars img {
	border: none;
}

/* styles which appear on more than one section, but not in a panel*/
#main_content p.article_seperator,
#main_content p.notice {
	background-color: #d4ddec;
}
#main_content p.description {
	background-color: #4f79bf;
	color: #ffffff;
}
#footer a:hover,
#main_content p a:hover,
#main_content h3 a:hover {
	background-color: #F27031;
}

/*-----------------------------------------------------------------------------*/
/* forum / message board */
#main_content #forum #page_description p.forum_breadcrumb,
#main_content #forum #search_control {
	background-color: #d4ddec;
}
#main_content #forum th {
	background-color: #4f79bf;
}
#main_content #forum th,
#main_content #forum th a {
	color: #ffffff;
}
#main_content .sponsors a:hover {
	background-color: transparent;
}


/*-----------------------------------------------------------------------------*/
/* store */
#main_content #store #productcategory_list .product,
#main_content #store #view #relatedproducts_list .product {
	border-color: #e0e6f0;
}
#main_content #store #payment #paymentchoice p {
	background-color: #FFFFFF;
}
#main_content #store #payment #paymentchoice p,
#main_content #store #payment #cardpayment label.security_code:hover .security_number_description {
	border-color: #4f79bf;
}
#main_content #store table.data_list tr.grandtotal {
	background-color: #d4ddec;
}



/*-----------------------------------------------------------------------------*/
/* your account */
#main_content #youraccount #index #addresses .address,
#main_content #youraccount #library_index .library_product,
#main_content #youraccount #library_index #streamingmedia {
	border-color: #d4ddec;
}
#main_content #youraccount #index #addresses p.add_new_address,
#main_content #youraccount #control #memberinfo_profile #current_avatar {
	border-color: #a9c2e0;
}
#main_content #youraccount #library_index .library_product,
#main_content #youraccount #library_index #streamingmedia {
	background-color: #eef3fa;
}
#main_content #youraccount #avatar p {
	background-color: #d4ddec;
}


/*-----------------------------------------------------------------------------*/
/* blogs */
#main_content #blog #index #blog_list .blog_summary {
	border-color: #a9c2e0;
}
#main_content #blog #view_blog #blog_entries .blogauthoravatar p,
#main_content #blog #view_comments #blog_entry .blogauthoravatar p,
#main_content #blog #view_comments #comments .comment .commentauthoravatar p {
	background-color: #d4ddec;
}
#main_content #blog #view_comments #comments .comment {
	border-color: #4f79bf;
}


/*-----------------------------------------------------------------------------*/
/* section navigation (appears in my account) */
#main_content #section_navigation li {
	border-color: #a9c2e0;
}
#main_content #section_navigation li:hover {
	background-color: #eef3fa;
}
#main_content #section_navigation li.current,
#main_content #section_navigation li.current:hover {
	background-color: #4f79bf;
}
#main_content #section_navigation li.current,
#main_content #section_navigation li.current:hover,
#main_content #section_navigation li.current a {
	color: #ffffff;
}


/*-----------------------------------------------------------------------------*/
/* forms and multipage controls */
.multipagecontrol a:hover {
	color: #000000;
}
.multipagecontrol a.currentpage,
.multipagecontrol a.currentpage:hover {
	color: #ffffff;
}
input.textbox,
input.textbox_small,
input.textbox_medium,
input.button,
input.button_next,
select.listbox,
textarea,
option,
.multipagecontrol a,
.multipagecontrol select.page_length,
.multipagecontrol a:hover,
.multipagecontrol a.currentpage {
	border-color: #303030;
	color: #000000;
}
input.textbox,
input.textbox_small,
input.textbox_medium,
input.button,
input.button_next,
select.listbox,
textarea,
.multipagecontrol a {
	background-color: #777777;
}
input.textbox:hover,
input.textbox_small:hover,
input.textbox_medium:hover,
input.button:hover,
input.button_next:hover,
textarea:hover,
select.listbox:hover,
.multipagecontrol a:hover {
	background-color: #000000;
	color: #FFFFFF;
	_background-color: #777777;
}
input.textbox:focus,
input.textbox_small:focus,
input.textbox_medium:focus,
textarea:focus,
textarea:focus,
select.listbox:focus {
	background-color: #cccccc;
	color: #000000;
}
input.button,
input.button_next {
	background-color: #000000;
	color: #F27031;
	border-color: #777777;
}
.multipagecontrol a.currentpage,
.multipagecontrol a.currentpage:hover {
	background-color: #4f79bf;
}
#main_content form strong.required span {
	color: #FF0000;
}


/*-----------------------------------------------------------------------------*/
/* form errors */
#main_content .form_errors {
	background-color: #FF9E9E;
	border-color: #383838;
}
#main_content .form_errors p {
	color: #FF0000;
	font-weight: bold;
}
#main_content .form_errors li {
	color: #252525;
}
#main_content .form_errors a {
	color: #F27031;
}