/*---------------------------------------------------+
| MyClubWeb.com WebDesign
+----------------------------------------------------+
| Copyright © 2002 - 2008 Alec Wright
| http://www.myclubweb.co.uk
+---------------------------------------------------*/
/* Sheepishly.co.uk Style Sheet 
Blue 557FFF
light blue D4FFFF
light green 7FFF7F
light orage FFAA7F
orange FF7F55
green 55FF55
White FFFFFF
red FF0000
Black 000000
*/

body{
	margin: 0px;
	padding: 0px;
	font-family: arial, "Times New Roman";
	font-size: 12px;
}

img{
	border:0;
}

a:link 		{color: #557FFF}     							/* unvisited link */
a:visited 	{color: #557FFF}  								/* visited link */
a:hover 	{color: #000000}   								/* mouse over link */
a:active 	{color: #557FFF}   								/* selected link */

h1,h2,h3,h4,h5,h6{
  	font-family: "Comic Sans MS", arial, "Times New Roman";
	color: #557FFF;
	margin: 5px;
	padding: 0px;
}

.authname,
.privacy,
.username{ 	color: #FF7F55; }
.Male{ 		color: #5555FF; }
.Female{ 	color: #FF557F; }

.email,
.date{ color: #557FFF; }
.date_highlight{ color: #FF0000; }

.authname,
.Male,
.Female,
.privacy,
.username,
.email,
.date,
.date_highlight,
.ip{ font-weight: bold; }

.privacy{
	float: right;
}

.flag,
.username_dot,
.menu_dot,
.middle_img{
  	vertical-align: middle;
  	margin: 0px 3px 0px 3px;
}
/*--------------------------------------------------
	HEADER
----------------------------------------------------*/
.header_top{
  	min-width: 800px;
}
.header_top,
.header{
  	margin: 0px;
	overflow: auto;
}
.header{
	border-bottom: 1px solid #557FFF;
}

.header img{
	border: 0px;
}
.header_top img.logo,
.container_list img.flag,
.container_list img.username_dot{
  	float: left;
  	border: 0px;
  	margin: 0px 3px 0px 3px;
}

#header_search{display: none;}

.header_search{
  	float: right;
}

.header_search form{
  	margin: 5px 10px 10px 10px;
}

.header_search input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 120px;
	color: #557FFF;
	font-size: 11px;
}

.header_search input[type="submit"]{
	font-size: 11px;
}


/*--------------------------------------------------
	FOOTER
----------------------------------------------------*/
.footer{
	clear: both;
	text-align: center;
	border-top: 1px solid #557FFF;
	padding: 5px;
	margin: 0px 0px 30px 0px;
	overflow: auto;
}

/*--------------------------------------------------
	CONTAINERS
----------------------------------------------------*/
table.admin_list{
	border-spacing: 0px;
	width: 100%;
}

table.admin_list td{
	border-bottom: 1px solid #557FFF;
	padding:3px;
}

table.admin_list td form{
	text-align: right;
}

.container_main1,
.container_main{
	background-color: #D4FFFF;
	overflow: auto;
	padding: 0px 0px 30px 20px;
}
.container_main{
	min-width: 800px;
}

.container_main1{
	padding: 0px 0px 10px 20px;
}

#cse-search-results,
.loginform,
.container_right_ad,
.container,
.container300,
.container600{
  	padding: 10px;
  	margin: 5px;
	background-color: #FFFFFF;
	border: 1px solid #557FFF;
	overflow: auto;
}

.container300 p,
.container600 p{
  	margin: 0px 15px 7px 15px;
  	text-align: justify;
}

.object_item,
.object_list,
.container600 ul{
	clear: both;
}

.sd_navigation{
	margin: 10px 0px;
}

.sd_navigation ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0 0 0 10px;
}

.sd_navigation ul li a{
	color:#0000FF;
	font-family:arial,sans-serif;
	font-size:13px;
	font-weight:bold;
}

.object_item{
	margin: 5px 5px 5px 10px;
	border-bottom: 1px solid #557FFF;
}

.object_item img{
	border: 0;
	float: left;
	margin: 0px 5px;
}


.loginform,
.container300{
  	float: left;
  	width: 300px;
}

.container600{
/*  	float: left;
  	display: block;
*/
  	min-width: 600px;
}
#cse-search-results{
  	padding: 5px;
  	margin: 5px 0px 5px 0px;
  	min-width: 650px;
}
.container_right_ad{
  	padding: 2px;
	float: right;
	width: 120px;
}

.container_center_ad{
  	padding: 2px;
	text-align: center;
}

.container_top_ad{
  	float: left;
  	width: 468px;
  	padding: 4px;
}

.container_list{
  	clear: right;
	border-bottom: 1px solid #557FFF;
	margin: 0px 0px 0px 20px;
	padding: 4px 0px 3px 3px;
	overflow: auto;
}

.container_list_box{
	display: inline;
	float: left;
	white-space: nowrap;
	margin: 0px 3px 0px 3px;
	width: 150px;
	overflow: hidden;
}

.container_list_box img{
  	float: left;
  	border: 0px;
  	margin: 0px 3px 0px 3px;
}

.menuform,
.container_list form{
  	float: right;
  	clear: both;
  	display: inline;
  	margin: 0px 5px 0px 0px;
}

.menuform p{
  	display: inline;
  	position: relative;
  	top: -20px;
}

.menuform select,
.container_list form select,
.form_select,
.menuform input[type="submit"],
.container_list form input[type="submit"]{
  	font-size: 11px;
}


.container_list p{
  	display: inline;
  	margin: 0px;
}

.key{
	font-weight: bold;
}

.key,
.value{
	width: 150px;
}

form img{
	border: 0;
}
/*--------------------------------------------------
	MESSAGES
----------------------------------------------------*/

#ErrorMessage,
#SuccessMessage,
#WarningMessage,
#DiscountMessage{
  	float: left;
  	clear: left;
	padding: 5px 50px 5px 5px;
  	margin: 5px;
	background-color: #FFFFFF;
}

#ErrorMessage{border: 1px solid #FF0000;}
#SuccessMessage{border: 1px solid #55FF55;}
#WarningMessage{border: 1px solid #FF7F55;}
#DiscountMessage{border: 1px solid #FF0000;}

#ErrorMessage h2{color: #FFAAAA;}
#SuccessMessage h2{color: #7FFF7F;}
#WarningMessage h2{color: #FFAA7F;}
#DiscountMessage h2{color: #557FFF;}

#DiscountMessage img#goto{
	float: right;
	border: 0;
}

#DiscountMessage img#disicon{
	margin: 5px;
	float: left;
}
#DiscountMessageInternal{
	padding: 0px 10px 0px 40px;
}

/*--------------------------------------------------
	BREADCRUMB
----------------------------------------------------*/
.breadcrumb{
  	float: left;
  	clear: left;
	padding: 5px;
	margin: 0px 0px 0px 10px;
	display: inline;
}

.breadcrumblink{
  	clear: both;
	padding: 5px;
	margin: 0px 0px 5px 10px;
	display: inline-block;
}

.breadcrumblink a,
.breadcrumb a{
	text-decoration: none;
	font-weight: bold;
}

.faqlink a{
  	margin: 0px 0px 0px 10px;
	color: #FF7F00;
	font-weight: bold;
	float: left;
	padding: 5px;
	display: inline;
}


/*--------------------------------------------------
	FAQ & SUB-FAQs
----------------------------------------------------*/
/*
.faqpagelink a{
  	float: right;
  	margin: 0px 10px 0px 10px;
  	color: #FF7F00;
  	font-weight: bold;
}
*/

.faqdetail{
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;
}

.faq_heads{
	clear: right;
	float: left;
}

.faqdetail_text{
  	clear: both;
	padding: 10px 10px 15px 10px;
}
.faqdetail_text h3{
	margin: 20px 0px 0px 0px;
}
.faqdetail_text p{
	margin: 4px 0px 0px 0px;
}


.faq_heads ul{
	list-style-image: url('images/theme/icons/ic_16_252.png');
}
.faq_heads ul li{
	padding: 0px 0px 3px 0px;
}

.faq_heads ul li a{
	padding: 0px 0px 0px 5px;
}
.faqmenu{
  	float: left;
  	border-right: 1px solid #557FFF;
  	margin: 5px 20px 5px 0px;
  	padding: 10px 5px 10px 0px;
}

.faqmenu ul{
	list-style: none inside none;
	margin: 0px;
	padding: 0px;
}

.faqmenu ul li a.selected{
	font-weight: bold;
}

.faqlevel_1{
  	margin: 10px 0px 0px 0px;
}
.faqlevel_2{
  	margin: 0px 0px 0px 10px;
}
.faqlevel_3{
  	margin: 0px 0px 0px 20px;
}
.faqlevel_4{
  	margin: 0px 0px 0px 30px;
}
.faqlevel_5{
  	margin: 0px 0px 0px 40px;
}
.faqlevel_6{
  	margin: 0px 0px 0px 50px;
}
.backtotop a{
  	float: right;
  	padding: 3px;
	font-weight: bold;
	background-color: #FFAA7F;
	color: #FFFFFF;
}
.backtotop a:hover{
	color: #000000;
	background-color: #557FFF;
}


/*--------------------------------------------------
	MENU & SUB-MENU 1
----------------------------------------------------*/
.submenus{
  	float: right;
  	overflow: auto;
  	padding: 0px 0px 5px 0px;
/*
  	max-width: 500px;
*/
}
.submenu1 ul,
.submenu2 ul,
.submenu3 ul,
.submenu4 ul,
.submenu5 ul,
.menu ul{
  	float: right;
  	margin: 0px 0px 0px 0px;
	padding: 5px 6px 5px 6px;
	border-bottom: 1px solid #557FFF;
	overflow: visible;
	clear: right;
}

.submenu1 li,
.submenu2 li,
.submenu3 li,
.submenu4 li,
.submenu5 li,
.menu li{
  	list-style: none inside none;
	display: inline;
	padding: 0px 0px 5px 0px;
  	margin: 0px;
  	overflow: visible;
}

.submenu1 li a,
.submenu2 li a,
.submenu3 li a,
.submenu4 li a,
.submenu5 li a,
.menu li a{
  	text-decoration: none;
  	padding: 5px 6px 5px 6px;
}

.submenu1 li a.selected,
.submenu2 li a.selected,
.submenu3 li a.selected,
.submenu4 li a.selected,
.submenu5 li a.selected,
.menu li a.selected{
  	font-weight: bold;
  	background-image: url("images/theme/blue_arrow_up.jpg");
  	background-repeat: no-repeat;
  	background-position: bottom center;	
}

.submenu1 li a:hover,
.submenu2 li a:hover,
.submenu3 li a:hover,
.submenu4 li a:hover,
.submenu5 li a:hover,
.menu li a:hover{}

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

.submenu1 ul,
.submenu3 ul,
.submenu5 ul{
	border: 0px;
	background-color: #557FFF;
}

.submenu1 li a,
.submenu3 li a,
.submenu5 li a{
  	color: #ffffff;
}

.submenu1 li a.selected,
.submenu3 li a.selected,
.submenu5 li a.selected{
  	background-image: url("images/theme/white_arrow_up.jpg");
}

.submenu1 li a:hover,
.submenu3 li a:hover,
.submenu5 li a:hover{
  	color: #000000;
}

/*--------------------------------------------------
	LOGIN FORM
----------------------------------------------------*/
.loginform p{
	width: 150px;
	clear: left;
	margin: 0px;
	margin-left: 20px;
	padding: 5px;
	padding-left: 100px; /*width of left column containing the label elements*/
	height: 1%;
}

.loginform label{
	font-weight: bold;
	float: left;
	text-align: right;
	margin-left: -100px; /*width of left column*/
	width: 90px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.loginform input[type="text"],
.loginform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 80px;
	font-size: 11px;
}

.headlogin input[type="submit"],
.loginform input[type="submit"]{
  	font-size: 11px;
}
/* HEADER LOGIN FORM*/

.headlogin{
	font-weight: bold;
	text-align: center;
	font-size: 11px;
	padding: 10px 0px 0px 0px;
}

.headlogin form{
  	color: #557FFF;
	margin: 0px;
	padding: 0px;
}

.headlogin input[type="text"],
.headlogin input[type="password"]{
  	font-size: 11px;
  	width: 70px;
}

.headlogin a{
	color: #FFAAAA;
}

.headlogin p span{
  	padding: 0px 10px 0px 0px;
}


/*************************************************
			CSS FORM 
**************************************************/
.cssform,
.cssform select,
.cssform textarea,
.cssform input[type="text"],
.cssform input[type="password"]{
	color: #557FFF;
}

.cssform input[type="submit"]{
  	font-size: 11px;
}

.cssform table#aw_table{
	margin:0 0 0 20px;
	padding:0 0 0 250px;
	position:relative;
	top:-15px;
}

.cssform calendarDateInput{
	width: 40px;
}

.cssform p{
	width: 300px;
	clear: left;
	margin: 0px;
	margin-left: 20px;
	padding: 5px 0px 8px 0px;
	padding-left: 250px; /*width of left column containing the label elements*/
	border-top: 1px solid #557FFF;
	height: 1%;
}

.cssform img{
	padding: 5px 0px 5px 0px;
}

.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -250px; /*width of left column*/
	width: 245px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"],
.cssform input[type="password"]{ /*width of text boxes. IE6 does not understand this attribute*/
	font-size: 11px;
	width: 180px;
}

.cssform input[type="text"].calendarDateInput{
	width: 40px;
}

div.form_desc{
  	border: 0px;
  	width: 270px;
	padding: 5px 5px 5px 280px;
}
div.form_desc p{
  	border: 0px;
  	padding: 0px;
  	width: 270px;
}

.form_select{
  	min-width: 180px;
}


.dob_select{
  	font-size: 11px;
}

.cssform textarea{
  	font-size: 11px;
	width: 300px;
	height: 250px;
}


.cssform #blacklist_reason{
  	font-size: 11px;
	width: 300px;
	height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}



/*************************************************
			Pagnation 
**************************************************/
.pagenav{

}

.pagination{
	padding: 2px;
	margin: 10px;
	margin-bottom: 20px;
	text-align: center;
	clear: both;
}

.pagination h1{
  	display: inline;
  	font-size: 12px;
  	text-align: left;
}

.pagination ul{
	display: inline;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	/*text-align: right; Set to "right" to right align pagination interface*/
	font-size: 14px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	line-height: 23px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #557FFF;
	text-decoration: none; 
	color: #557FFF;
}

.pagination a:hover, .pagination a:active{
	border: 1px solid #557FFF;
	color: #EEEEEE;
	background-color: #557FFF;
}

.pagination a.currentpage{
	background-color: #557FFF;
	color: #D4FFFF !important;
	border-color: #D4FFFF;
	font-weight: bold;
	cursor: default;
}

.pagination a.prevnext{
	font-weight: bold;
}