/* 
----------------------------------------
Default CSS document
---------------------------------------- 
*/

#nonhumanfield{
display:none;
}

body{
	font-family: verdana, arial, sans-serif;
	color: #000000;
	background-image: url(images/pagebg.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	font-size: 10px;
	height: 100%; 
	width: 100%; 
	margin: 0;
}

h1{
font-size: 14px;
color: #FF9B06;
font-weight:bold;
text-transform:uppercase;
margin-bottom: -8px;
padding: 0px;
}

h2{
font-family: arial;
font-size: 12px;
color: #FF9B06;
margin-bottom: -10px;
padding: 0px;
}

h3{
font-family: arial;
font-size: 11px;
color: #FF9B06;
margin-bottom: -5px;
padding: 0px;
}

.TextOnGrey h1{color: #000000;}
.TextOnGrey h2{color: #2A2A2A;}
.TextOnGrey h3{color: #2A2A2A;}

Table{
	font-family: verdana, arial, sans-serif; 
	font-size: 11px;
	text-align:left;
}

.Table{
	font-family: verdana, arial, sans-serif; 
	font-size: 10px; 
	text-align: left;
}


.partnerText a{color: #F3F3F3;}
.partnerText a:hover{color: #002C91;}

.Thumbnails{
border: solid 1px #000000;
}

.Headline{
	font-family: Verdana, Geneva, Arial, sans-serif; 
	font-size: 12pt;
	Color: #FFFFFF;
	Font-Weight: bold;
}

.contentArea{
	font-size: 11px; 
	Padding: 4px;
	color: #000000;
}

.menulinks{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px; 
letter-spacing: 1px;
}

#JobPostHeadLine{Font-weight: bold;}
#JobPostLink{padding-left: 16px;}

.menulinks:hover{
color: #FFFFFF;
font-family: Verdana;
font-size: 11px; 
letter-spacing: 1px;
}

.menulinksSel{
color: #3E3E3E;
font-family: Verdana;
font-size: 11px; 
letter-spacing: 1px;
}

.menulinksSel:hover{
color: #3E3E3E;
font-family: Verdana;
font-size: 11px; 
letter-spacing: 1px;
}

.infobox{
background-color: #C1E29A;
border: #B6B6B4 1px solid;
width: 160px
height: auto;
color: #2C2C2C;
}
.infobox a{
color: #4B4B4B;
}

.businesscard h2{
margin: 0px;
padding: 0px;
color: #4A4A4A;
font-size: 16px;
}

.businesscard p{
margin: 0px;
padding: 0px;
}


/* CrewList V2 */

.CrewV2InfoHeader{
height: 30px;
background-image: url('/skins/site/sportlife/images/Bgmainmenu.gif')
}


.CrewV2InfoHeader h1{
color: #ffffff;
font-size: 11px;
margin: 0px;
margin-top: -5px;
}

.Crewv2Logoarea{
background-image: url('/skins/site/sportlife/images/MenuLogo.gif');
width: 23px;
height: 30px;
position: absolute;
right: 10px;
top: 0px;
}


.Crewv2Separator{
width: 100%;
height: 2px;
background-image: url('/skins/site/sportlife/images/RightSeparator.gif');
}

.crewv2body{
background-color: #E4D9BD;
}


/* PT Page */

.PTtrainerSeparator{height: 30px;}
.PTtrainerTitle{font-weight: bold; background-color: #C2BAA7;height: 36px;padding-left: 10px;}
.PTtrainerDescription{padding-left: 7px;}
.PTPriceBox{background-color: #ffedd3;height: auto;padding: 5px;width: 100%;border: solid 1px #fcab1e;}
.PTPriceBoxGreen{background-color: #d6ead8;height: auto;padding: 5px;width: 100%;border: solid 2px #009a50;}
.PTPriceBoxOrange{background-color: #fed395;height: auto;padding: 5px;width: 100%;border: solid 2px #fcab1e;}

/* --- [Edit Specific] -----*/

#EditAreaActive{
	background-color: #FFFFFF;
	border: solid 1px #DE0C01;
	Height: auto;
	margin-bottom: 20px;
}

#EditAreaInActive{
	background-color: #FFFFFF; /* <-- User the same background color as the page */
	border: solid 1px #706D6D;
	Height: auto;
	margin-bottom: 20px;
}

#EditCol1{
width: 350px;
padding-right: 10px;
height: auto;
}

#EditCol2{
width: 543px;
height: auto;
}
/* --- [/Edit Specific] -----*/


a{
font-family:verdana, arial, sans-serif;
font-size: 10px;
color:#000099;
text-decoration: none;
}

a:hover {
font-family:verdana, arial, sans-serif;
font-size: 10px;
color:#3366FF;
text-decoration: none;
}

#LoginBoxDIV{
padding-right: 5px;
}

#txtUserName{
Border: Solid 1px #FFFFFF;
width: 80px;
height: 16px;
font-size: 9px;
font-family: verdana;
background-image: url(/skins/site/eklunds/images/txtfld14px.gif);
}

#txtPassword{
Border: Solid 1px #FFFFFF;
width: 80px;
height: 16px;
font-size: 10px;
background-image: url(/skins/site/eklunds/images/txtfld14px.gif);
}

#loginbtn{
height: 20px;
font-size: 10px;
}

#LoginFailedMsg{
color: #C10500;
font-weight: bold;
}


/* 
----------------------------------------
Open Times
---------------------------------------- 
*/
.openTimes{
display: block;
background-repeat: no-repeat;
border: #B6B6B4 1px solid;
width: 150px;
width: "160px";
padding: 5px;
height: auto;
color: #000;

margin-bottom: 10px;
background-color: #b1fa52;
height: auto;
}

.openTimes table{
color: #000;
}

.openTimes a{
color: #000;
}
.OpenTimesHeader{
font-weight: bold;
margin-bottom: 10px;
}

.OpenTimesExtraInfoBox{
color: #242424;
margin-top: 5px;
}


/* 
----------------------------------------
Booking Info-Box
---------------------------------------- 
*/
#BookingInfoMainBox{
	width: 300px;
	height:auto;
	position: relative;
	margin-top: -520px;
	margin-left: 400px;
	background-color: #fff;
	border: solid 1px #000;
}

.BookingCloseButton{
	width: 100%;
	height:19px;
	cursor: pointer;
}

#BookingInfoContentBox{
	padding: 10px;
}

/* 
----------------------------------------
Product database
---------------------------------------- 
*/

.productInfo {
color: #363436;
font-size: 11px;
line-height: 17px;
vertical-align:top;
padding:5px;
}

.productName	{
padding-Top: 4px;
padding-Bottom: 7px;
font-size: 10px;
color: #FFFFFF;
font-weight:bold;
margin-left:5px
}

.productSubs{
font-size: 10px;
color: #B2B2B2;
margin-left:5px
}

.infoText{
	Padding: 2px;
	color: #FFFFFF; 
}


.imageOne		{
background-image:url(/imgbody/product_bgLine1.gif)
}

.imageTwo		{
background-image:url(/imgbody/product_bgLine2.gif)
}

.imageOnea		{
background-color: none;
cursor: hand;
}

.imageTwoa		{
background-color: #061F26;
cursor: hand;
}

.imageTwoc		{
background-color: #7C7C7C;
}



/* DIV SCROLL*/
div.ScrollBlock {
width: 100%;
height: 375px;
margin-bottom: 5px;
}div.ScrollBlockFullsize {
width: 600px;
height: 350px;
margin-bottom: 5px;
}div.ScrollBlockHalfSize {
width: 300px;
height: 350px;
margin-bottom: 5px;
}
#visible {
overflow: visible;
}
#hidden {
overflow: hidden;
}
#scroll {
overflow: scroll;
}
#auto {
overflow: auto;
}
/*<div class="ScrollBlock" id="auto"></div>*