﻿body {
background:#b2cdde url(gfx/bg-manlike.png) repeat-x top left;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:#666;
height:100%;
}


html{
	height:100%;
}

/* -- TYPOGRAPHY   --  */

hr{
	margin:10px 0;
}

h3{
	font-size:18px;
	color:#554e4b;
	float:left;margin-bottom:5px;
	padding-bottom:3px;
}

ol li{
	color:#666666;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}

p{
	line-height:17px;
}

p.intro{
	font-size:14px;
	line-height:20px;
	font-style:italic;
	color:#696462;
	margin-top:10px;
}


span.subheader{
	color:#554e4b;
	font-size:11px;
	float:right; display:inline;
	margin:5px 390px 0 0;
	width:150px;
	text-align:right;
}

.underlined{
	border-bottom:1px solid #d2d8e2;
	margin-bottom:15px;
	margin-top:10px;
}

.red{
	color:#a10303;
}

div.container{
	position:relative;
}

#header{
	padding:18px 0;  height:48px;
	background:transparent none no-repeat top right;
}

#header h1{
	width:200px;
	height:55px;
	background:transparent url(gfx/logo.png) no-repeat top left;
	overflow:hidden;
	text-indent: -3000px;	
	margin:0; padding:0;
	float:left; display:inline;
}

.register-nav{
	float:right; display:inline; margin-top:-17px; color:#eee;padding:5px 0 5px 0;background-color:#8ebdd7;
}

.register-nav a{
	color:#EEE; text-decoration:none;
}

.register-nav a:hover{
	color:#FFF; text-decoration:underline;
}

.margin-top-10{
	margin-top:10px;
}

.margin-top-30{
	margin-top:30px;
}

.small {font-size:.8em;margin-bottom:0.5em;line-height:1em;}


/*   -- MAIN NAVIGATION --   */


.nav{
	margin:0; padding:0;
	height:39px;
	width:100%;
	list-style:none;
	background:#8ebdd7 none no-repeat top right;
	z-index:50;
}
.nav li{
	/*width:200px;
	position: relative;*/
}
.nav li a span{
	margin:11px 10px; float:left;
}
.nav li a{
font-size:13px;
	background:#8ebdd7 none repeat-x top left;
	height:39px; float:left; display:inline;	
	text-decoration:none;
	color:#fff;
	text-transform:uppercase;	
	border-right:1px solid #6A9EBF;	
	cursor:pointer;
}

.nav li.home a{
	background:#8ebdd7 none no-repeat top left;
	height:39px;
	float:left;	
	border-right:none;
}
.nav li a:hover, .nav li.selected a{
	background-position:left bottom;
}


.drop-down{
	width:25px; height:39px;
	float:left; display:inline;
	background:#aed3e6 url(gfx/home-dropdown-manlike.jpg) no-repeat top left;
	margin:0!important; padding:0;	
	border-right:1px solid #6A9EBF;	
}

.subnav{
	position:absolute;
	top:124px; 
	left:0;
	z-index:300;
	margin:0;
	padding-left:0;
}

.subnav li{
	display:block;
	float:none;
	margin:0!important;	padding:0!important;height:29px!important;	
}

.subnav li a{

	display:block!important;
	float:none!important;
	background:none!important;
	border-right:none!important;
	background-color:#8ebdd7!important;
	border-bottom:1px solid #568298;
	height:30px!important;	
	font-size:11px!important;
	-moz-opacity:.95; filter:alpha(opacity=95); opacity:.95;
	margin:0!important;
}

.subnav li.selected a, .subnav li a:hover{
	
	background-color:#6A9EBF!important;
}

.subnav li a span{
	margin:8px 10px 0 10px;
}







#kereru{
	background:transparent url(gfx/kereru.png) no-repeat top left;
	position:absolute;
	top:10px; right:0;
	width:128px; height:156px;
	z-index:20;
}

#corner-shadow{
	width:14px; height:92px;
	position:absolute;
	top:90px; left:-14px;
	z-index:1;
	background:transparent url(gfx/corner-shadow.png) no-repeat top left;
}




/* -- CONTENT -- */

#content{
	background-color:#fff;	
	z-index:2;
	padding-bottom:100px;
}

.home #content{
	padding-bottom:0;
}

div.side-column-long{
	background:#fff url(gfx/side-column-long-bg.jpg) repeat-x bottom left;	
}
div.side-column-short{
	background:#e8effb url(gfx/side-column-short-bg.jpg) repeat-x top left;	
	
}

div.side-column-short p{
	padding:10px;
}
div.side-column-long p{
	padding:3px 10px;
	color:#666;
}

#event-calendar tr{
	height:30px;
}

#event-calendar td.date{
	font-weight:bold;
}

#event-calendar tr.odd td{
	background-color:#EDF1F1;
}

/* -- HOMEPAGE -- */

#homepage-flash{
	margin:10px;  display:inline;
}

div.hometile{
	margin-top:10px; 
}

/* -- Competition page -- */
#sevens-header{
	text-indent:-3000px;
	overflow:hidden;
	background:#fff url(gfx/sevens-header.jpg) no-repeat top left;
	width:950px; height:166px; float:left;
}

#snow-header{
	text-indent:-3000px;
	overflow:hidden;
	background:#fff url(gfx/snow-header.jpg) no-repeat top left;
	width:950px; height:166px; float:left;
}

#competition-header{
	text-indent:-3000px;
	overflow:hidden;
	background:#fff url(gfx/competition-header.jpg) no-repeat top left;
	width:950px; height:166px; float:left;
}
#crowd-header{
    text-indent:-3000px;
    overflow:hidden;
    background:#fff url(gfx/crowd-header.jpg) no-repeat top left;
    width:950px; height:166px; float:left;
}

#tips-header{
	text-indent:-3000px;
	overflow:hidden;
	background:#fff url(gfx/tips-header.jpg) no-repeat top left;
	width:950px; height:166px; float:left;
}

#snowboarder{
	position:absolute;
	width:186px; height:225px;
	background:transparent url(gfx/competition-boarder.png) no-repeat top left;
	left:10px; top:140px;
}

#widget-install{
	margin-left:20px;
}



/* -- Form -- */
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0;}

label{
	font-weight:normal;
	color:#554e4b;
	margin:2px 10px 0 0;
	text-align:right;
	float:left; display:inline;
	line-height:18px;
}

label.radio-label{
	width:100px; line-height:normal; color:#919191; margin:2px 5px 0 0 ; white-space:nowrap;  text-align:left;
}

label.long-label{
	width:320px; text-align:left;margin:2px 5px 0 0 ; font-weight:bold;
}



label.high-label{
	padding-bottom:22px; 
}

label span
{
	color:#919191;
	font-size:10px;
	line-height:14px;
}

input{
	float:left; display:inline;margin-bottom:2px;
}

input.check{
margin:0 4px 2px 0;
}

input.standard{
	width:208px;
	
}

.permissionCheck
{
    margin:-8px 0 0 0;
    padding:0;
}

select{
	float:left; 
	display:inline;
	margin:0 10px 10px 5px;
	width:190px;
}

div.code-entry img{
	border:1px solid #ccc;
	float:left; display:inline;
	margin-right:20px;
}

div.code-entry fieldset{
	float:left; display:inline;
	border:0;
	margin:30px 0 0 0; padding:0;
}

div.code-entry label{
	width:auto; font-weight:bold;
}

div.code-entry p{
	margin-bottom:7px;
	width:430px;
}

legend{
	font-size:15px;
	font-weight:bold;
	color:#666;
	margin-bottom:15px;
}

div.form-submit
{
	text-align:center; width:100%; margin-top:20px;
}

div.form-submit input{
	float:none;
	margin:auto; font-size:18px; padding:3px 15px; 
}

input.error{
	background-color:#FFE6E7;
	border-color:#FBC2C4;
}

label.error{
	color:#990000;width:400px; text-align:left; margin-left:120px; margin-top:-5px;
}

#terms label.error{
	margin:4px 0 0 20px;
}

/*   -- TIPS AND TRICKS --   */

.tabs-container a.tab{
	height:32px; float:left; margin-right:10px;
	background-position:bottom;
	text-indent:-3000px;
}

.tabs-container a{
	float:left;
}


.tabs-container a.tutorials{
	background:#fff url(gfx/tab-tutorials.png) no-repeat bottom left;
	width:121px;
}

.tabs-container a.mates{
	background:#fff  url(gfx/tab-mates.png) no-repeat bottom left;
	width:192px;
}
.tabs-container a:hover,.tabs-container a.active{
	background-position:top;
}

/*   -- FOOTER --   */

#kea
{
	position:absolute;
	left:0;
	bottom:-55px;
	width:195px; height:193px;
	background:transparent url(gfx/kea.png) no-repeat top left; margin:0; padding:0;
}

#footer
{
	background:#204f7b none repeat-x top left;
	height:45px; width:100%; margin-top:10px;
}
#footer.container{
	text-align:right;
}
#footer ul{
	list-style:none;
	display:inline; 
	float:right;
	margin:0;
}
#footer ul li{
	float:left;display:inline;margin:15px 0 0 15px;
}
#footer ul li a{
	text-decoration:none;
	color:#fff;
}

#footer ul li a:hover{
	text-decoration:underline;
}

/* -- splash page -- */
body#splash {
padding:0;
margin:0;
}
body#splash #global {
	padding: 16px 0;
}
body#splash .content {
	margin: 0 auto;
	border: 0px solid #FFF;
	background: transparent url(/app_themes/SummitLager/gfx/splash-content-manlike.png) no-repeat 0 80px;
	height: 390px;
	width: 438px;
	position: relative;
}
body#splash .content #logo { position: absolute; top: 30px; left: 150px; }
body#splash .content #text { position: absolute; top: 156px; left: 145px; }
body#splash .content .selects { position: absolute; top: 300px; left: 90px; }
body#splash .content #submit { position: absolute; top: 330px; left: 195px; }
body#splash .content #AgeValidator { position: absolute; top: 360px; left: 160px; font-weight:bold;}
body#splash .textBoxDate{width:80px;}
ul.anchor-list{
	list-style:none; margin:0;
}

ul.anchor-list li{
	display:inline;  float:left;
}

ul.anchor-list a{
	padding:5px; background-color:#C8EEEA; margin:5px ; text-decoration:none; float:left; display:inline; 
}

ul.anchor-list a:hover{
   background-color:#fff;
}

/* Form stuff */
.EditingFormTable
{
    float:none;
}

td.EditingFormCategory{
	font-size:18px;
	font-weight:bold;
	padding:20px 0 10px 0;
	border-bottom:4px solid #fff;
	
}

td.EditingFormLabelCell,td.EditingFormValueCell{
	vertical-align:top;
    text-align:right;
}
.EditingFormLabel
{
    padding:0;
    margin:0;
    text-align:right;
    color:#666;
}
td.EditingFormButtonCell,td.EditingFormButtonLeftCell{
	padding-top:10px;
}

td.EditingFormButtonCell input{
	 padding:5px; width:100px;
}
td.EditingFormValueCell input{
	width:400px;
}
.EditingFormErrorLabel,.ErrorLabel
{
    color:#f9a13a;
    text-align:left;
}

.LoginLogout, .RegisterProfile
{
    margin:0 10px 0 10px;
}

input.register{
    margin-left:180px;
}
input.login{
    margin-right:125px
}


/* Profile field styles */
.accordionHeaderSelected h4
{
    background-color:#FFFFFF;
    color:#666666;
    margin:0 0 1px;
    padding:6px 0;
}
.accordionHeader h4
{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/App_Themes/SummitLager/gfx/arrow-down.gif) no-repeat scroll 0 12px;
    border-bottom:1px solid #D1DDED;
    color:#336699;
    cursor:pointer;
    font-weight:bold;
    margin:0 0 1px;
    padding:6px 0 6px 15px;
}
.profilePanel
{
    color:#999999;
    margin:0 0 1px;
    padding:5px;
}

div.profileLabel {
  clear: both;
  padding: 2px 0 2px 0;
}
div.profileLabelRight {
  float:right;
  clear: both;
  padding: 2px 0 2px 0;
}
div.profileLabelRight ul
{
    margin:0;
    padding:0;
}
div.profileLabelRight ul li
{
    display:inline;
    list-style-type: none;
    margin:0 0 0 20px;
    padding:0;
}
div.profileValue {
  clear: both;
  padding-top: 5px;
  }

div.profileValue span.label {
  float: left;
  width: 150px;
  text-align: right;
  padding-top:2px;
  }

div.profileValue span.formw {
  float: right;
  width: 280px;
  text-align: left;
} 
.spacer
{
    clear:both;
}
.clearright
{
    clear:right;
}
.clearleft
{
    clear:left;
}
.textBox
{
    width:200px;
    margin-right:7px;
}
.textBoxMobile
{
    width:120px;
    margin-right:7px;
    float:left;
}
.textBoxDate
{
    width:50px;
    margin-left:7px;
    margin-right:7px;
    text-align:center;
}
.ddListMobile
{
    width:50px;margin:0 10px 0 0;
}
.radioButton label
{
    width:50px;
    text-align:left;
}

.error, .notice, .success {font-size:12px;font-weight:bold;padding:2px;margin-bottom:5px;border:0px solid #ddd;float:left;clear:both;}
.error {background:transparent; color:#8a1f11; border-color:#FBC2C4; }
.notice {background:transparent;color:#514721;border-color:#FFD324;}
.success {background:transparent;color:#264409;border-color:#C6D880;}

.errorRegister
{
    width:100%;
    font-size:10px;
}

.errorRegister h3
{
    float:none;
    font-size:12px;color:#8a1f11;
    font-weight:bold;
}

/* Mailing Lists */
.mailinglistPermissions div.profileValue span.label
{
    width:30px;
    margin-right:10px;
}
.mailinglistPermissions div.profileValue span.formw
{
    width:400px;
    float:left;
}
.mailinglistIntro
{
    width:350px;
    clear:both;    
    margin:10px 10px 2px 10px;
    padding:0 0 5px 0;
}

.mailinglist
{
    float:left;
    margin-left:10px;
    width:150px;
}
.mailinglist label
{
    margin:2px!important;
    text-align:left;
}


/* Login field styles */
.loginForm
{
    width:400px;
}
div.loginValue input.textBox
{
    width:150px;
    margin-right:7px;
}

div.loginLabel {
  clear: both;
  padding: 2px 0 2px 0;
}
div.loginLabelRight {
    clear:both;
    float:right;
    padding:10px 0;
}
div.loginLabelRight ul
{
    margin:0;
    padding:0;
}
div.loginLabelRight ul li
{
    display:inline;
    list-style-type: none;
    margin:0 0 0 20px;
    padding:0;
}
div.loginValue {
  clear: both;
  padding-top: 5px;
  }

div.loginValue span.label {
  float: left;
  width: 80px;
  text-align: right;
  padding-top:2px;
  }

div.loginValue span.formw {
  float: right;
  width: 180px;
  text-align: left;
} 


/* -- summitfest -- */

#summitfest{
	position:absolute;
	width:295px; height:225px;
	background:transparent url(gfx/summitfest-logo.png) no-repeat top left;
	left:-43px; top:123px; 
	z-index:10;
}

div.eventwrap{
	width:560px; float:left; display:inline; position:relative;
}

div.event{
	width:278px; height:100px; margin:12px 12px 0 0; float:left; display:inline;
	background-position:top left;
	background-repeat:no-repeat;
}

div.eventwrap div.event {
    height:105px!important;
}

div.attending{
	float:left; display:inline; background-color:#F0F0F0;
	padding:0 10px; margin-top:11px; height:33px;
}

div.attending:hover{
	background-color:#FBF3BB;
}

div.attending label{
	float:left; display:inline; 
}

div.attending input{
	float:right; display:inline; margin:0; padding:0
}

a.plan{
	width:270px; height:22px; text-indent:-3000px; overflow:hidden;
	float:left; display:inline; margin-top:3px;
	background:#FF6600 url(gfx/plan-event.jpg) no-repeat 0 0;
}

a.plan:hover{
	background-position:0 -22px;
}

div.see-all{
	float:right; display:inline; margin-top:10px;
}

a.schedule-callout{
	text-indent:-3000px;
	position:absolute; top:12px; left:130px;
	width:445px; height:26px;
	background:#FF9900 url(gfx/schedule-callout.gif) no-repeat top left;
}
div.event{
    width:278px; height:100px; float:left; display:inline;
    background-position:top left;
    background-repeat:no-repeat;
    cursor: pointer;
}

div.event h3{
    color:#1953c6;
    font-size:16px; font-weight:bold; display:block; 
    background-color:#fff;padding:3px 5px 3px 0; margin:62px 0 0 0;
    border-bottom:1px solid #fff;
}

div.event h3:hover{
    border-bottom:1px dotted #1953c6;
}

div.event p{
	font-size:12px; clear:both; display:inline; float:left; position:relative;
	background-color:#fff; padding:0 5px 0 0; margin:0; white-space:nowrap;
}
div.short-event-wrapper a{ text-decoration:none;}
div.eventwrap a{ text-decoration:none;}

div.eventwrap label{
	margin:10px 0 5px 0;float:left; display:inline; width:150px; text-align:left;
}
div.eventwrap input, div.act input{
	height:13px;
}

div.short-event-wrapper{
    float:left;width:278px;height:120px; display:inline; margin:20px 12px 0 0;
}

div.short-event-wrapper a.plan{
    width:278px; height:22px; text-indent:-3000px; overflow:hidden;
    float:left; display:inline; margin-top:5px;
    background:#FF6600 url(gfx/plan-event.jpg) no-repeat top left;
}

div.short-event-wrapper a.plan:hover{
    background-position:bottom left;
}

div.eventwrap div.event{
    margin:11px 12px 0 0;
}


div.eventwrap span.who-else{
	margin-top:22px;float:right;display:inline;padding-right:13px;
	background:#FFFFFF url(gfx/arrow-down.gif) no-repeat right 2px;
}

div.eventwrap div.hr{
	 border-bottom:1px solid #CCCCCC; width:270px; float:left; margin-top:-3px 0 0 0; font-size:1px;
}

div.facebook-thumbs{
	float:left; padding:3px 0; display:inline;
	width:270px; background:#fff url(gfx/crowd-white.gif) repeat-x bottom left; height:35px;
}

div.facebook-thumbs img, .allFriends img {
	border:1px solid #CCCCCC; margin:5px 0 0 0;
	width:20px;height:20px;
}

div.facebook-thumbs span
{
    color:#999999;float:left; padding-left:5px;
}

div.register-promo{
	width:264px; height:115px; margin-bottom:15px; text-align:center;
	background:#f79624 url(gfx/facebook-connect-bg.jpg) no-repeat top left;
}

div.register-promo h3{
    color:#fff; font-size:16px; font-weight:bold;  display:block; clear:both;
    padding:10px 30px 5px 10px; margin:0 ; line-height:20px;
}

div.register-promo a.draw{
    text-indent:-3000px; overflow:hidden; width:175px; height:50px;
    display:inline;float:left; margin-left:40px;
    background:transparent url(gfx/enter-draw.jpg) no-repeat top left;
}

div.register-promo h3 a{
	color: #F7F7F7; text-decoration:none; border-bottom:1px dotted #fff;
}

div.register-promo h3 a:hover{
	color:#fff; border-bottom:1px solid #fff;
}

div.register-promo p{
	color:#fff;font-size:12px; clear:both; display:block;float:left;
	padding:0 0 0 10px; margin:0; width:80%;
}

div.news{
	width:264px; margin-bottom:12px;
	background:#dbf2ee url(gfx/news-bottom.gif) no-repeat bottom left;
}

div.news-top{
	width:264px; height:13px;
	background:#dbf2ee url(gfx/news-top.gif) no-repeat top left;
}

div.news h3{
	font-size:16px; font-weight:bold; font-style:italic; display:block; clear:both;
	padding:0 30px 15px 10px; margin:0 ;
}

div.news p{
	padding:0 10px;
}
div.news p span{
	font-size:10px; color: #3E3E3E;
}

div.widget{
	width:264px; 
	background:#1744b8 url(gfx/widget-bottom.gif) no-repeat bottom left;
}

div.widget-top{
	width:264px; height:13px;
	background:#1744b8 url(gfx/widget-top.gif) no-repeat top left;
}

div.widget h3{
	color:#fff; font-size:16px; font-weight:bold; font-style:italic; display:block; clear:both;
	padding:0 30px 15px 10px; margin:0 ;
}

div.widget p{
	color:#fff;padding:0 10px;
}


/* facebook */
.fb_profile
{
    padding:0;
    margin:-5px;
    border: solid 1px #999;
    background-color:#4F6AA3;
    height:20px;
    float:left;
}
.fb_profile_logo
{
    float:left;
}

.fb_profile_img
{
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    float:left;
}
.fb_profile_name
{
    float:left;
    margin:0;
    padding:3px 5px 5px 5px;
    display:inline;
}

.saving {
     position: absolute;
     left: 290px;
     top: 12px;
     width:280px;
     text-align:center;
     z-index: 1000;
     background-color: #eee;
     border:5px solid #4F6AA3;
     color: #333;
     padding:40px 0 40px 0;
}
.savingOverview {
     position: absolute;
     left: 10px;
     top: 10px;
     width:80px;
     text-align:center;
     z-index: 1000;
     background-color: #eee;
     border:5px solid #4F6AA3;
     color: #333;
     padding:20px 0 20px 0;
}
.savingProfile {
     position: relative;
     left: 80px;
     top: 100px;
     width:280px;
     text-align:center;
     z-index: 1000;
     background-color: #eee;
     border:5px solid #4F6AA3;
     color: #333;
     padding:40px 0 40px 0;
     margin-bottom: -104px;
}
.sendingFriendEmail {
     position: relative;
     left: 130px;
     top: 200px;
     width:280px;
     text-align:center;
     z-index: 1000;
     background-color: #eee;
     border:5px solid #4F6AA3;
     color: #333;
     padding:40px 0 40px 0;
     margin-bottom: -104px;
}
.savingTeam {
     position: relative;
     left: 120px;
     top: 70px;
     width:280px;
     text-align:center;
     z-index: 1000;
     background-color: #eee;
     border:5px solid #4F6AA3;
     color: #333;
     padding:40px 0 40px 0;
     margin-bottom: -104px;
}

/* -- summitfest schedule stuff -- */

div.schedule{
	/* width:100%; */
	background-color:#ebdfc5;
	padding-bottom:150px;
	margin-left:1px;
}

div.stage-tabs-RhythmandVines{
	width:35px; height:857px; position:absolute; left:-35px; margin-top:37px;
	background:transparent url(gfx/stage-tabs.png) no-repeat top left;
}

div.stage-tabs-BigDayOut{
	width:35px; height:803px; position:absolute; left:-35px; margin-top:37px;
	background:transparent url(gfx/stage-tabs-bdo.png) no-repeat top left;
}

ul.day-tabs{
	list-style:none; padding:0; margin:0 0 0 25px;
}
ul.day-tabs li{
	display:inline; float:left;	 background-color:#f7f4ee; margin-right:20px; height:36px;
}

ul.day-tabs li.selected{
	height:46px; background:#ebdfc5; margin-top:-10px;
}

ul.day-tabs li span{
	text-transform:uppercase; margin:10px;float:left;
}

ul.day-tabs li span a{
	text-decoration:none;
}
ul.day-tabs li span a:hover{
	text-decoration:underline; color:#427aa3;
}

/* -- scrollbar stuff -- */

div.scrolling-column{
	display:inline; width:27px; float:left;
}
#scrollable-display{
	width:896px; overflow:hidden; position:relative; float:left;
}

#nonscrollable-display{
	width:950px; overflow:hidden; float:left;
}

#scrollable-area{
	width:5000px;
}

#scrollable-area .act{
    margin-top:10px;
}

#scrollable-area div.act div.facebook-thumbs{
    margin:0; height:43px;
}

div.min30{
	background:#ebdfc5 url(gfx/30min-a.jpg) no-repeat 0 0;
	display:block; float:left;
	width:112px; height:27px;
	font-size:11px;
	color:#6a604a;
	
}

div.min30 span{
	margin:9px 5px 0 5px;float:left; display:inline;
}

div.b{
background:#ebdfc5 url(gfx/30min-b.jpg) no-repeat left top;
}

span.small-arrow-left a{
	display:inline; float:left; width:27px; height:27px; text-indent:-3000px; overflow:hidden;
	background:#FF9900 url(gfx/scrolling-arrows-small.gif) no-repeat -27px 0;
}
span.small-arrow-left a:hover{
 	background-position:-27px -27px ;
 }
 
span.small-arrow-right a{
	display:inline; float:right; width:27px; height:27px; text-indent:-3000px; overflow:hidden;
	background:#FF9900 url(gfx/scrolling-arrows-small.gif) no-repeat 0 0;
}
span.small-arrow-right a:hover{
 	background-position: 0 -27px ;
 }
 
 
span.large-arrow-left a{
	 margin-top:10px; cursor:pointer;
	display:inline; float:left; width:27px; height:193px; text-indent:-3000px; overflow:hidden;
	background:#FF9900 url(gfx/scrolling-arrows-large.jpg) no-repeat -27px 0;
}
span.large-arrow-left a:hover{
 	background-position:-27px -193px ;
 }
 
span.large-arrow-right a{
 margin-top:10px; cursor:pointer;
	display:inline; float:right; width:27px; height:193px; text-indent:-3000px; overflow:hidden;
	background:#FF9900 url(gfx/scrolling-arrows-large.jpg) no-repeat 0 0;
}
span.large-arrow-right a:hover{
 	background-position: 0 -193px ;
}

span.medium-arrow-left a{
	 margin-top:10px; cursor:pointer;
	display:inline; float:left; width:27px; height:119px; text-indent:-3000px; overflow:hidden;
	background:#FF9900 url(gfx/scrolling-arrows-medium.jpg) no-repeat -27px 0;
}
span.medium-arrow-left a:hover{
 	background-position:-27px -119px ;
 }
 
span.medium-arrow-right a{
 margin-top:10px;
	display:inline; float:right; width:27px; height:119px; text-indent:-3000px; overflow:hidden;
	background:#FF9900 url(gfx/scrolling-arrows-medium.jpg) no-repeat 0 0;
}
span.medium-arrow-right a:hover{
 	background-position: 0 -119px ;
}

div.act{
    color:#CCCCCC;
	float:left; display:inline; position:relative;
	height:193px;
	background-color:#4e4e4e;
}

#nonscrollable-display .act{
	margin:0!important;
}

div.selected-act{
	background:#f79725 url(gfx/selected-act-bg.jpg) repeat-x bottom left; color:#333333;
	
}

div.empty-act{ 
	float:left; display:inline; position:relative;
	height:193px;
	background-color:#8f8672;
	margin-top:10px;
}

div.video-preview{
	float:left; display:inline;
	height:144px;
	background-repeat:no-repeat;
	background-position:center;
}

div.video-preview label{
    text-align:left; height:35px;
}

div.act div.name{
    display:inline;float:left; position:absolute;
    background-color:#4e4e4e;padding:3px 5px 3px 3px; margin:103px 0 0 0;
}

div.selected-act div.name{
	background-color:#f79725!important;
} 

div.act div.name label{
	font-size:14px; font-weight:bold; color:#fff; margin:0; width:auto;
}

div.video-preview span.play{
    position:absolute; display:inline; width:100%; height:55%;
    background:transparent url(gfx/play-button.png) no-repeat 50% 65%;
    cursor:pointer;
}

 div.video-preview span.star-hot{
	position:absolute; display:inline; width:23px; height:23px; margin:5px;
	background:transparent  url(gfx/star-red.png) no-repeat 0 0;
}
 div.video-preview span.star-warm{
	position:absolute; display:inline; width:23px; height:23px; margin:5px;
	background:transparent  url(gfx/star-orange.png) no-repeat 0 0;
}
 div.video-preview span.star-cold{
	position:absolute; display:inline; width:23px; height:23px; margin:5px;
	background:transparent  url(gfx/star-blue.png) no-repeat 0 0;
}

div.act div.facebook-thumbs{
	height: 40px ;float:left; margin:2px 0 0 0; width:100%; background: transparent url(gfx/crowd-grey.gif) repeat-x bottom left;
}

div.act div.facebook-thumbs img{
	border:1px solid #CCCCCC; margin:5px 0 0 0;
}

div.act div.facebook-thumbs span{
	color:#CCCCCC;float:left; font-size:11px;  margin-right:5px; 
}

div.selected-act div.facebook-thumbs{
    background: transparent url(gfx/crowd-orange.gif) repeat-x bottom left;
}
div.selected-act div.facebook-thumbs span{
	color:#333333; 
}

div.act div.facebook-thumbs a{
	color:#0da0a5; text-decoration:none;
}
div.act div.facebook-thumbs a:hover{
	text-decoration:underline;
}
div.hover-act div.facebook-thumbs{
    background: transparent url(gfx/crowd-brown.gif) repeat-x bottom left;
}
div.hover-act div.name
{
    background-color:#61503b!important; cursor:pointer;
}
div.hover-act{
    background-color:#61503b;background-image:none; color:#333333;
}


.allFriends 
{
Background-color:#fff;
Border:4px solid #122969;
Color:#ccc;
Left:290px;
Overflow:auto;
Padding:10px;
Position:absolute;
Text-align:left;
Top:12px;
Width:280px;
z-index:1000;

}
.closeButton
{
    float:right;
    margin: 0;
}
.PopupModalBackgound
{
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: 10000; 
    width: 1663px; 
    height: 1595px; 
    background-color:#000;
    -moz-opacity:.50; 
    filter:alpha(opacity=50); 
    opacity:.50;
}
a.print-schedule{
    text-indent:-5000px; height:47px; width:224px; background:transparent url(gfx/print-schedule.jpg) no-repeat top left; float:left; margin-left:350px;
}

a.print-schedule:hover{
    text-indent:-5000px; height:47px; width:224px; background:transparent url(gfx/print-schedule.jpg) no-repeat bottom left; float:left; margin-left:350px;
}

/* Event Headers */
#BigDayOut-header{
    text-indent:-3000px;
    overflow:hidden;
    background:#fff url(gfx/bdo-header.jpg) no-repeat top left;
    width:950px; height:166px; float:left;
}

#RhythmandVines-header{
    text-indent:-3000px;
    overflow:hidden;
    background:#fff url(gfx/rv-header.jpg) no-repeat top left;
    width:950px; height:166px; float:left;
}

/* Dodgeball */
#dodgeball-header{
	text-indent:-3000px;
	overflow:hidden;
	background:#fff url(gfx/dodgeball_registration_page_header.jpg) no-repeat top left;
	width:950px; height:166px; float:left;
}
div.main-column{
	margin-right:0; width:640px; display:inline; float:left;
}
.main-column h4
{
    margin-left:40px;
}
div.right-column{
	width:310px; float:right; 
}
textarea.textBoxSmall
{
    height:150px;
    width:192px;
    font:12px Verdana, Arial, Helvetica, sans-serif;
}
.hint
{
    color:#999;
    font-size:10px!important;
    font-style:italic!important;
}
.emailMates
{
Background-color:#fff;
Border:4px solid #122969;
Color:#333;
Left:290px;
Overflow:auto;
Padding:10px;
Position:absolute;
Text-align:left;
Top:12px;
Width:600px;
z-index:1000;

}
.btnEmailFriend
{
   float:none; 
}
.nofloat
{
    float:none;
}



/* ManLike */
#manlike { position:relative; width:950px; height:450px;}
#manlike h2 {background:url(/client/images/summit/manlike/title-verify.png) no-repeat; margin:87px 0 0 0;}
#manlike .intro-text { position:absolute; top:0; left:0; }
#manlike .form-holder { background:#204f7b none no-repeat; position:absolute; right:0; top:0; padding:0 0px 0 13px; width:248px; min-height:440px;}
#manlike .form-holder p {color:#fff;margin-bottom:20px;}
#manlike .field {width:230px;margin:0!important;clear:both;}
#manlike .field label {color:#fff;text-align:left;float:left;clear:both;width:227px;text-transform:uppercase;font-weight:bold;}
#manlike label span {color:#aed3e6;}
#manlike .field input {border:0 solid #000;margin-left:0!important;float:none;background-color:#aed3e6;width:227px;}
#manlike .field .textBox.phone {width:166px;}
#manlike .field select {border:0 solid #000;background-color:#aed3e6;margin-left:0;}
#manlike .field .error {text-align:left;width:225px!important;font-size:9px;background-color:#fff;margin:0!important;padding:3px!important;float:left;clear:both;}
#manlike .submit {margin-top:20px;}
#manlike .popup {
     background-color: #eee;
     z-index: 1000;
     color: #333;
     padding:30px;
	 background:transparent url(/client/images/summit/manlike/popup-verify.png) no-repeat top left;
     position: absolute;
     left: 290px;
     top: 0;
     width:380px;
     height:240px;
     text-align:left;
     border:0px solid #000;
     padding-top:115px;
}
#manlike .popup h3{font-family:Impact,Sans-Serif;font-size:18px;color:#214d7a;text-transform:uppercase;float:none;}
#manlike .popup p{color:#214d7a;margin-top:20px;float:none;}
#manlike .popup .closewindow{position:absolute;right:20px;top:75px;}
#manlike .fieldRequired, #manlikeform .fieldRequired {color:#fc3;}

#manlikeform {background:transparent url(/client/images/summit/manlike/prize-background.png) no-repeat;}
#manlikeform h1 {color:#fff!important;margin:0!important;padding:0!important;}
#manlikeform fieldset{width:430px;padding:20px 50px 20px 50px!important;margin:0!important;}
#manlikeform input {border:0 solid #000;background-color:#aed3e6;}
#manlikeform select {border:0 solid #000;background-color:#aed3e6;}
#manlikeform input[type="checkbox"], #manlikeform input[type="radio"], #manlikeform input[type="image"] {border:0 solid #000;background-color:transparent!important;}
#manlikeform label {color:#fff;}
#manlikeform .check{width:430px;}
#manlikeform .check label{width:400px;}
#manlikeform a {color:#fff;}
#manlikeform .namedetails{background-color:#204f7b;}
#manlikeform .addressdetails{float:left;background-color:#1b3f63;min-height:500px;}
#manlikeform .prizedetails{width:410px;float:left;padding-top:220px;padding-left:10px;text-align:center;color:#1b3f63;}
#manlikeform .userdetails{width:520px;float:left;}
#manlikeform label{color:White;}
#manlikeform p{color:#204f7b;margin:0;}
#manlikeform p.prizecode{text-transform:uppercase;margin-top:20px;}
#manlikeform p.prizename{font-weight:bold;color:#000;text-transform:uppercase;}
#manlikeform a{color:#fff!important;}
#manlikeform .intro h3{color:#fff;font-family:Impact,Sans-Serif;font-size:24px;text-transform:uppercase;float:none;}
#manlikeform .intro p{color:#fff;font-size:11px;margin-bottom:20px;}
#manlikeform .field .error {text-align:left;width:400px!important;font-size:9px;background-color:#fff;margin:0!important;padding:3px!important;float:left;clear:both;}

#manlikeform .thanks{background:transparent url(/client/images/summit/manlike/prize-background-thanks.png) no-repeat;padding:0;margin:0;}
#manlikeform .thanks .intro{margin-top:20px;}
#manlikeform .thanks .addressdetails{background-color:#234e79;padding:50px 40px 40px 39px;width:450px;margin:0;}
#manlikeform .thanks .prizedetails{padding-top:120px;}
#manlikeform p.smaller{font-size:9px;}
#manlikeform .thanks .bottle{position:absolute;right:10px;top:400px;}

/* Summit Sevens 2011 */
fieldset.enter-code {padding:0;}
label.enter-code{width:30px;}
a.code-check{float:left;margin-left:10px;}
a.code-add{float:left;margin-left:10px;}
a.code-remove{float:left;margin-left:10px;color:#CD0000;}

input.code{width:120px; float:left;}
.enter-codes .error{text-align: left; margin:0 0 5px 40px;}
.valid-code{text-align: left; margin:0 0 30px 40px; color: #33CC33; width:100%; display:inline-block;}
input.codes-finish{margin: 0 0 0 30px;}
.loading{float:left;margin-left:5px; display:none;}
/*.loading{float:left;margin-left:5px;}*/
