/* CSS Document !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!DONT CHANGE MY CSS LAYOUT!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

@font-face {font-family: "Kristen ITC"; src: url(http://buddy.sandsbeach.lan/App_themes/ITCKRIST.TTF) format("truetype");}
h1, h2, h3, input, textarea { font-family: "Kristen ITC", sans-serif }

body {margin: 0; padding: 0; background-color: #633780; color: #fff; font-size: 14px; font-family: Helvetica, Arial; background-image: url(/css/images/print.png); background-repeat: no-repeat; background-position: center top;}
a img {border: 0;}
a {color: #633780;}
h1, h2, h3, h4 {margin: 0; padding: 0; color: #fff;}
hr {border: 0; margin: 20px; border-top: 1px dashed #fff; height: 1px; clear: both;}
button {width: 165px; line-height: 28px; font-weight: bold; font-size: 13px; text-decoration: none; height: 28px; display: block; text-align: center; background-image: url(images/butt-head.png); color: #633780; border: none; background-color: Transparent; cursor: pointer; margin: 20px 0 0 0; text-transform: uppercase;}
textarea {height: 150px;}


#frame {width: 945px; margin: 0 auto 0 auto;}


/* CRUMBS */

#crumbs {clear: both; margin: 10px 0 0 0; height: 40px; float: left; width: 945px;}

#signForm {float: right; margin: 10px 0 0 0;}
#signForm button {background-image: none; width: 80px; height: 24px; background-color: orange; margin: 0; border: 1px solid red;}
#signForm input {width: 170px;}






/* HEADER AREA */

#header {margin: 30px 0 0 0; float: left; width: 945px; height: 160px;}
#header h1 {font-size: 22px; font-weight: normal; margin: 0 0 0 0; padding: 0;}
#header h1 a:hover {color: #FFDE17;}
#header p {margin: 15px 0 15px 0; padding: 0; font-size: 14px;}

.headlink {width: 165px; line-height: 28px; font-weight: bold; font-size: 13px; text-decoration: none; height: 28px; display: block; text-align: center; background-image: url(images/butt-head.png); color: #633780;}
.whatson {float: left; width: 225px; margin: 0 0 0 180px;}
/*.whatson {float: left; width: 385px; margin: 0 0 0 100px;}*/

/* CONTENT AREA */

#content {clear: both; margin: 20px 0 0 0; float: left; width: 945px;}
#content h1 {font-size: 24px; font-weight: normal;}
#content h1 a, #header h1 a {color: #fff; text-decoration: none;}
#content h2 {font-size: 22px; padding: 0px 0 20px 0; margin: 0; font-weight: normal;}

    #boxcontent {width: 945px; float: left; margin: 0 38px 0 0; background-image: url(images/bigbox-mid.png); background-repeat: repeat-y;}
    #boxcontent h1 {padding-top: 0; margin-top: 0px;}
    #boxcontent form {margin: 0 0 0 20px; font-size: 20px;}
    #boxcontent input, #boxcontent textarea {font-size: 18px; width: 350px; padding: 2px; background-image: url(images/form-bg.gif); background-repeat: repeat-x; border: 1px solid #999; color: #633780;}
    #boxcontent td {vertical-align: top; padding-bottom: 10px;}
    #boxcontent label {width: 150px; display: block;}
   /* #boxcontent button {width: 150px; height: 40px; font-weight: bold; font-size: 18px; color: #FFDE17; background-color: #633780; border: none; cursor: pointer;}
    */#boxcontent li {color: #fff; margin: 10px 0 10px 0;}
    #boxcontent li a {color: #fff; text-decoration: none;}
    #boxcontent span {margin: 0 0 0 15px;}
    .tel {font-family: Helvetica, Arial; font-size: 28px; font-weight: bold;}
    
    
    
.col {width: 440px; float: left; margin: 30px 0 50px 0; /*background-color: Lime;*/}
.compic {margin: 0 0 20px 0;}
.space {margin-left: 65px;}
.spacer {}
    
.entry {font-size: 14px; width: 190px; height: 285px; color: #1473B9; float: left; background-color: #633780; background-image: url(images/tripic.png); background-repeat: no-repeat; margin: 0 10px 20px 10px; padding: 0 0 20px 0; border: 5px solid #633780;}
.entrylogo {width: 176px; height:120px; margin: 10px 0 0px 8px;}
#content .entry h2 {font-size: 15px; text-transform: uppercase; color: #ffdd18; font-weight: bold; margin: 25px 0 0 0; text-align: center;}
.entry td {font-size:14px;}
.entry span {display:block; width: 190px; font-size: 12px; font-weight: bold; text-align: center;text-transform: capitalize;margin-top: 10px;}

.scores {margin: 35px auto 10px auto; color: #fff;}
    

/* HOMEPAGE BOXES */

.boxbuddy {width: 452px; height: 355px; float: left; margin: 0 38px 0 0; line-height: 25px; background-image: url(images/box-buddy.png);}
.boxbuddy h1 {padding: 20px 0 0 20px;}
.boxbuddy p {padding: 0 20px 0 20px;}

.boxfun {width: 455px; height: 161px; float: left; margin: 0 0 33px 0; background-image: url(images/box-fun.png);}
.boxfun h1 {padding: 20px 0 0 20px;}
.boxfun p {width: 240px; padding: 0 20px 0 20px;}

.boxcomp {width: 455px; height: 161px; float: left; background-image: url(images/box-comp.png);}
.boxcomp img {float: right; margin: 12px 12px 0 0;}
.boxcomp h1 {padding: 20px 0 0 20px;}
.boxcomp p {width: 210px; padding: 0 20px 0 20px;}

.buddylink {width: 143px; line-height: 26px; font-weight: bold; font-size: 13px; text-decoration: none; height: 26px; display: block; background-image: url(images/butt-buddy.png); color: #fff; text-align: left; padding-left: 20px;}
.funlink {width: 143px; line-height: 26px; font-weight: bold; font-size: 13px; text-decoration: none; height: 26px; display: block; background-image: url(images/butt-fun.png); color: #fff; text-align: left; padding-left: 20px;}

/* FOOTER AREA */

#footer {clear: both; margin: 30px 0 30px 0; padding: 0; font-size: 13px; width: 945px; float: left;}
#footer p {margin: 0; padding: 0; font-size: 12px;}
#footer a {color: #FFDE17 !important; text-decoration: none;}
#footer span {float: right;}
#footer td {padding: 0 5px;}

.footcat {float: left; text-align: center; margin-bottom: 30px;}
.footcat h2 {text-transform: uppercase; font-size: 12px; font-weight: bold; width: 115px; margin: 10px 0 10px 0; font-family: Helvetica, Arial;}
.footcat h2 a {color: #fff;}
.footcat a {text-decoration: none;}
.footcat ul {margin: 0; padding: 0;}
.footcat li {list-style: none; margin-bottom: 10px; padding: 0;text-align: left;}
.footcat li a {color: #FFDE17;}

.fm1 li {padding-left: 20px;}
.fm2 li {padding-left: 29px;}

.print {margin: 0 5px 0 0;}

/* OTHER STUFF */

.left {float: left;}
.right {float: right;}
.margright {margin-right: 46px;}
.margleft {margin-left: 20px;}
.margbot {margin-bottom: 20px;}
.picright {float: right; margin: 0 0px 0 20px;}
.picleft {float: left; margin: 0 20px 0 0;}
.contactpic {float: right; margin: 10px 40px 0 0;}

.gallery {width: 900px; margin: 20px 0 20px 40px;}
.gallery img {border: 2px solid #fff;}
.flickr {width: 800px; margin: 20px 0 20px 45px;}

#gamethumbs {width: 160px; margin: 20px; float: left;}
#gamemain iframe, #gamemain embed {margin: 20px 0 0 0;}



/* NEW STUFF */

#loader, #data{padding: 10px;}
#navtype{ position:relative; font-size:large; float: right; padding-right: 10px;}

#bluebox {width: 905px; float: left; margin: 0 38px 0 0; background-image: url(images/bluebox-mid.png); background-repeat: repeat-y; padding: 10px 20px;}
#bluebox h1, #orangebox h1, #redbox h1 {margin-bottom: 20px;}
#bluebox h2, #orangebox h2, #redbox h2 {margin-bottom: 20px;}
#bluebox p, #orangebox p, #redbox p, #greenbox p {margin: 10px 0; font-size: 14px;}

#orangebox {width: 905px; float: left; margin: 0 38px 0 0; background-image: url(images/bigbox-mid.png); background-repeat: repeat-y; padding: 10px 20px;}
#orangebox h3 {font-size: 21px; font-weight: normal;}

#redbox {width: 905px; float: left; margin: 0 38px 0 0; background-image: url(images/redbox-mid.png); background-repeat: repeat-y; padding: 10px 20px;}

#greenbox {width: 905px; float: left; margin: 0 38px 0 0; background-image: url(images/greenbox-mid.png); background-repeat: repeat-y; padding: 10px 20px;}



#tabs h1 {position:relative; top: 5px; font-size: 18px; font-weight: bold; margin: 0; padding: 0;}
.tabs2 {/*float: left;*/ margin: -27px 0px 7px 18px; float: right;}

#registerFormWrapper {
	position: absolute;
	top:0;
	margin:0 auto;
	height:100%;
	width:99%;
	display:block;
	z-index: 50;
	text-align: center;
	display: none;
	font-size: 13px;
	}

#popup {background-image:none; background-color:#63bef1; }

#registerForm, #emailConfirm {

		position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	
	border: 4px solid #525252;
	text-align:left;
	top:20%;
	left:35%;
	
	/*position: absolute;
	top:20%;*/
	/*left:300px;*/
	width:400px;
	padding: 20px 20px 30px 20px;
	background-color: #1e71b8;
	border: 10px solid #63bef1;
	z-index: 100;
    color: #fff;
    font-size: 13px;
	}
	
#emailConfirm {
	display:none;}
	
#registerForm table, #emailConfirm table {
	/*background-color: white;*/
	/*border: silver solid 1px;*/
	z-index: 101;
	width:100%;
	font-size: 13px;
	}
#registerForm td, #emailConfirm td {padding: 5px; color: #fff; font-weight: bold;}
	
	#register h2, #conf h2 {font-size: 24px; color: #fff; font-weight: normal;}
	
	
	.fieldwidth {width: 200px; margin-right: 5px;}
	
	.captcha {width: 342px; margin: 20px 0 20px 0; border-color:#1473B9;color: #686868;}
	
	
	


#ui-datepicker-div{z-index:150;}

.form {float: right; width: 400px; margin: 0 0 50px 40px; /*background-color: Lime;*/}

#registerFormStatic {font-size: 14px;}
#registerFormStatic td { /*line-height: 30px;*/ font-weight: bold; /*color:#1473B9;*/}
#registerFormStatic td input {font-size: 20px;
	
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	
	
	}
#registerFormStatic .fieldwidth {width: 180px; margin-right: 5px;border-color:#1473B9;color: #686868;}

.smalltext {font-size: 10px;}
.ui-datepicker {color: #333;}

.tabs2 {padding-top: 5px;}

.coleft {width: 460px; float: left;}




#ages {float: right;}
#ages ul {margin: 0 20px 0 0; padding: 0;}
#ages li {float: left; margin: 0; padding: 0; list-style: none;}
#ages li a, #ages li span {color: #fff; width: 119px; margin-left: 5px; display: block; height: 30px; background-repeat: no-repeat; text-align: center; font-weight: bold; padding-top: 20px; text-decoration: none; font-size:14px;}

#tabs1 {float: right; margin:30px 0 -52px 0;}
#tabs1 ul {margin: 0 20px 0 0; padding: 0;}
#tabs1 li {float: left; margin: 0; padding: 0; list-style: none;  display:block;}
#tabs1 li a {color: #fff; margin: 0 auto; width:120px; display: block; height: 30px; background-repeat: no-repeat; text-align: center; font-weight: bold; padding-top: 20px; text-decoration: none; font-size:14px; background-position: 16px 0px;}

.blue {background-image: url(images/tab-blue.png);}
.orange {background-image: url(images/tab-orange.png);}
.red {background-image: url(images/tab-green.png);}

.schedule {width: 100%; margin: 20px 0;border-top: 1px solid #fff; border-right: 1px solid #fff; }
.schedule td {padding: 5px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: top;}
.pu {background-color: #633780; font-weight: bold;}
.day {width: 150px;}
.bl {background-color: #4d99d1;}

/*.blue3, .orange3, .green3 {background-color:transparent; position:absolute; height:4px; width:113px; display:block; float:left; margin-left:8px;}*/
.blue2, .orange2, .green2 {background-color:transparent; position:absolute; height:4px; width:113px; display:block; float:left; margin-left:8px;}
.blue1, .orange1, .green1 {background-color:transparent; position:absolute; height:4px; width:113px; display:block; float:left; margin-left:19px; margin-top:50px;}
.green1 { background-color:#8CB739; }

.error {background-color:#FFDDDD;}
.error2 {border:solid 1px #FFDDDD;}

#uploadFormContain {display:none; position:absolute; z-index:2; width:900px; text-align:center; background-color:transparent; margin: 0 auto;}
#uploadForm {display:block; width:345px; background-color:#ED2227; padding:5px; text-align:left;}

.imagePreview { width:270px; height:180px; background: transparent url(/App_themes/Images/buddy-print-thumb.gif) 0 0 no-repeat; display:block; cursor:pointer; float:left; color: Red; font-weight: bold; }



.profile {text-align: center; margin-top: 20px;}
.profile img {border: 1px solid #fff;}
.profile small {color: #633780;}






#contactform {font-size: 14px;}
#contactform td {font-weight: bold;}
#contactform label {width: 100px; display: block;}
#contactform td input, #contactform td textarea {font-size: 20px;
	
	border-width: 2px;
	border-style: solid;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	width: 400px; margin-right: 5px; border-color: #633780; color: #686868
	}
#contactform button {margin-top: 0;}

#download {margin: 30px 0 0 0;}
#download img {margin-right: 20px; border: 2px solid red;}
.contactfield, .contactfield button {line-height: 30px; height: 30px; width: 270px; font-size: 18px; vertical-align:middle;}