/*================== globals ====================*/
* { margin: 0; padding: 0;}

body {
	background:#afc1d1 url(../images/ice-bg-5.jpg) no-repeat top center; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 1.25em; 
	color: #121212;
	padding: 0px;
	margin: 0px;}

div {float: none; padding: 0px; margin: 0px;}

input, textarea { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}

p { margin-bottom:14px;}

img {border:0px;}

a {color: #5d5dff;}

h1 {font-family: Verdana, Arial, Helvetica, sans-serif;}
h2, h3, h4 {font-family:  Arial, Helvetica, sans-serif; font-weight:bold;}

h1 {font-size: 2.3em; 
	font-weight:bold;
	color:#b41b1b;
	padding: 0px 0 15px 0;
	margin:0px;
	line-height:1.2em;}
	
h1 a { text-decoration: none;}
h1 a:hover { text-decoration:none;}

h2 {font-size: 16px; 
	color: #246085; 
	font-weight: normal; 
	line-height: 34px; 
	margin-bottom: 0px;}

h3 {font-size:20px; 
	color: #303942; 
	font-weight: normal;
	font-weight:bold;
	font-style:italic;
	margin-bottom: 3px;}

h4 { font-size: 16px; 
color: #246085; 
font-weight: normal; 
line-height: 34px; 
margin-bottom: 3px;}

/*================== global classes ====================*/
.floleft { float: left;}
.floright { float: right;}
.clear { clear: both;}
.alignright { text-align: right;}
.aligncenter { text-align: center;}
.container { width:100%;}

/*================== forms ====================*/
input, select { font-size: 12px; vertical-align: middle; font-weight: normal;}
img {border: 0; vertical-align: top; text-align: left;}

#contacts-form label { display: block; height: 41px; }
#contacts-form input { width:174px; padding:1px 0 1px 3px; color: #373732; border: 1px solid #a09b96; background: none;}
#contacts-form textarea { width: 316px; height: 99px; padding: 1px 0 1px 3px; margin-bottom: 16px; overflow: auto; color: #373732; border: 1px solid #a09b96; background:none;}

/*================== list ====================*/
.p1 { margin-bottom: 8px;}
.p2 { margin-bottom: 25px;}
.p3 { padding-bottom: 16px; margin: 0;}

/*================== master containers ======================*/
#outerShell { width:1042px; margin: 0 auto 0 auto; }
#innerShell {width:1042px; background:transparent url(../images/home-2-bgb.png) repeat-y top left; }

#bodyContent  { width:950px; margin:13px 45px 25px 35px; }
#bodyLeft { width:735px; float:left; padding-top:3px; }
#bodyLeft ul, #bodyLeft ol { margin:0 0 12px 16px; padding:0px;}
#bodyLeft ul li, #bodyLeft ol li{line-height:1.6em;}
#bodyLeft h3{padding-bottom:6px; }
#bodyLeft ul li ol, #bodyLeft ol li ol{ list-style-type:lower-alpha;}
#bodyLeft ul li, #bodyLeft ol li{padding-bottom:6px;}

#bodyRight { width:205px; float:right; }

#theMenu { width:980px; height:38px; margin-left:20px; background:transparent url(../images/home-2_150b.jpg) no-repeat top left; }

/* header */
#topTop { width:1021px; height:13px; overflow:hidden;}
#topBitLeft, #topMiddleLeft, #topMiddleRight, #topBitRight { float:left;}

#topMiddleRight { background:#000000 url(../images/home-2_06b.jpg) no-repeat top left; width:657px; height:75px;}
#topMiddleRight a{ color:#FFFFFF;}
#topMiddleRight ul{ margin:22px 25px 0px 25px; list-style:none; float:right;}
#topMiddleRight ul li{ line-height:90%; float:left; padding:0px 19px; border-right:1px solid white;}
#topMiddleRight ul li.last{ padding-right:0px; border-right:none;}

/* dropdown menu  */
ul.CMSListMenuUL {
	margin: 0; padding: 0 0 0 335px;
	float: left;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 1.0em;
}
ul.CMSListMenuUL li {
	float: left;
	margin: 0; padding: 0;
	list-style-type:none;
}
ul.CMSListMenuUL li.CMSListMenuLI{ border-right: 1px solid #555; /*--Divider for each parent level links--*/}
ul.CMSListMenuUL li a {
	padding: 10px 18px;
	display: block;
	color: #f0f0f0;
	text-decoration: none;
}

ul.CMSListMenuUL li.CMSListMenuLI:hover, ul.CMSListMenuUL li.CMSListMenuHighlightedLI { background: #000 url(../images/home-2_12.gif) repeat-x top left; height:38px; border-right:1px solid #555 }
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

/* won't work in IE6 - but we are using it via jQuery */
ul.CMSListMenuUL li ul {
    margin:0px;
	float: left;
	padding: 5px 10px 8px 0px; /* vertical position of sublinks and horizontal links container position*/
	margin:0px;
	position: absolute;
	left: 0; top:38px;
	display: none; /*--Hide by default--*/
	width: 970px;
	height:32px; /* extended to correct user inaccuracies */
	background: transparent url(../images/home-2_180b.gif) no-repeat top left;
	color: #fff;}
ul.CMSListMenuUL li.CMSListMenuHighlightedLI ul { display: block; } /*--Show subnav on selected page--*/
ul.CMSListMenuUL li:hover ul { display: block; } /*--Show subnav on hover--*/
ul.CMSListMenuUL li ul a { display: inline; color:#000; margin-left:30px; padding:10px 10px;/*additional sub margin */ } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul.CMSListMenuUL li ul a:hover {text-decoration: underline;}

/*---------------- Home page ----------------------*/
#homePodLeft, #homePodRight {float:left;}
#homePodLeft {width:377px; }
#homePodRight {width:358px; } 
#homePodLeft-1 {
	width:377px; 
	height:286px; 
	padding: 0 0 0 0;
	margin:0px;
	background-image: url(../images/homePodLeft-1.gif);  
	}
#homePodLeft-1 h3{ margin:0px; padding: 18px 0px 3px 15px; }
#homePodLeft-1 p { margin:0 0 0 0; padding: 4px 6px 2px 15px;}

.homePodLeft-1-inner {width:377px; height:220px; margin-top:0px } /* helps push button into place regardless of amount text */
.top6{ padding:6px 0 0 0; }

#homeButtonRegister {  }
#homeButtonRegister p{padding:10px 0 0 0;}
#homeButtonVisitStore p{padding:10px 0 0 0;}

#homePodLeft-2 {
	width:377px; 
	height:159px; 
	background-image: url(../images/homePodLeft-2.gif); 
	}

#homePodLeft-2 h3 {padding:16px 0 0 12px;}
#homePodLeft-2 p { margin:0 0 0 0; padding: 4px 6px 2px 15px;}

#homePodRight-1 {
	width:358px; 
	height:238px; 
	background-image: url(../images/homePodRight-1.jpg); 
	} 
#homePodRight-2 {
	width:358px; 
	height:207px; 
	background-image: url(../images/homePodRight-2.gif); 
	margin:0px 0px 0 0px;
	padding:0px 0px 0 0px;} 

#homePodRight-2 .netButton-blue {
	padding:0px;
	margin:0px 0px 0 175px;}

.top20{margin:20px;}

.evilPlaceholder{height:20px;}

#homeRegisterButton { }

.homeStorePhoto {margin:0px 8px 0 0px; border:1px solid #000;}
#homeStorePhotos {margin:32px 0 0 12px; }
#homeStorePhotosTall {margin:18px 0 0 12px; }

.homeSubPodwide {
	width:719px;
	margin:15px 0 0 0;	
	}

.homeSubPodLeft {
	width:352px;
	float:left;
	margin:15px 15px 0 0;	
	}

.homeSubPodRight {
	width:352px;
	float:left;
	margin:15px 0px 0 0;	
	}
.homeSubPodLeft .titler, .homeSubPodRight .titler {
	width:322px;
	border:1px solid #7dafde;
	background-color:#dee9f3;
	float:left;
	padding:15px;	
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#303942;}

.homeSubPodLeft .subPodCopy, .homeSubPodRight .subPodCopy {
	width:298px;
	float:left;
	margin:10px 15px 0 15px ;	
	color:#000;}

.subPodCopy ul {}
.subPodCopy ul li {
	margin-left:0px;
	line-height:24px;
	list-style-image:url(../images/home-2_37.gif);}

/*---------------- Home Right Rail --------------------*/
#bodyRight {}
div.latestScores {border:1px solid #7dafde; width:100%; }
table.latestScores {border:2px solid #fff; width:100%} /* see ff */
table.latestScores th{
	background-color:#b41b1b; 
	padding:7px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;}
table.latestScores th.thLeft {text-align:left;}
table.latestScores th.thRight {text-align:right;}
table.latestScores th.thCenter {text-align:center;}
table.latestScores th{ }
table.latestScores tr.trTime td { 
	background-color:#a1c5e7;
	padding:6px;
	font-size:12px;
	font-weight:normal;
	color:#000;}
table.latestScores tr.trScores td { 
	padding:3px 10px 3px 10px;
	font-size:12px;
	font-weight:normal;
	color:#000;}

.blueGrayBG{ background-color:#a1c5e7;}
td.blueGrayBG { padding:6px; font-weight:bold; color:#000;}

/*------------------ 2 Column -------------------*/
#column1{ float:left; width:455px;}
#column2{ float:right; width:455px;}

/*---------------- Long Scores ------------------*/
.longScoreRecyclePad table tr td{padding:5px; }
.longScoreRecyclePad2 table tr td{padding:5px; color:#333; }
.longScoreRecyclePad2 table tr th{padding:5px; font-weight:bold; color:#fff; background-color:#b41b1b; }

.scoreTable{ margin:0px 0 0 0;}

tr.longScoreHeader th{
	font-weight:bold;
	padding:12px;
	color:#fff;
	font-size:16px;
	padding:6px;
	margin:0px;
	background-color:#b41b1b;}
	
tr.longScoreHeader th a{
	text-decoration:none;
	color:#ffffff;
	font-size:12px;}

tr.longScoreHeader th a:hover {
	text-decoration:underline;
	color:#ffffff;}
	
.longScoreTable{
	border-left:1px solid #a1c5e7;
	border-right:1px solid #a1c5e7;
	border-bottom:1px solid #a1c5e7;}

table.longScoreTable td{ padding:2px;}
div.pastScores {margin:2px 0 0 0;}
div.pastScores select {border:1px solid #555; padding:2px;} 

table.pastScoreTable {
	border:1px solid #a1c5e7;
	margin:18px 0 0 0;}

table.pastScoreTable th {
	border:0px solid #a1c5e7;
	margin:18px 0 0 0;
	background-color:#b41b1b;
	padding:6px;
	color:#fff;}

table.pastScoreTable td{padding:4px;}

.pastChampion{
	width:98%;
	background-color:#a1c5e7;
	color:#000;
	margin-top:15px;
	padding: 10px 10px 10px 10px;
	font-weight:bold;}

table.pastChampion td{padding: 10px 10px 10px 10px;}

/* Content */
div.simpleFormWrap {border:1px solid #7dafde; margin-top:4px; padding:15px; width:500px;}

table.detailDivision {width:90%; padding-bottom:12px;}
table.detailDivision th { background-color:#a1c5e7; font-weight:bold; padding:6px;}
table.detailDivision td { background-color:#ddd; padding:6px;}

table.simpleTable {border:1px solid #7dafde; margin-top:4px;}
table.simpleTable td {padding:5px 10px 5px 10px;}
table.simpleTable tr {border-bottom:1px solid #7dafde;}

table.trSpacer tr td{padding-bottom:4px;}

.profileRight {float:left; border:1px solid #7dafde; padding:12px;}
.profileLeft {float:left; border:1px solid #7dafde; padding:12px; margin-right:30px; width:400px;}
.profileLeft input, .profileLeft option, .profileLeft select { padding:3px}

.profileLeft table tr td { padding-bottom:4px}

.profileInner {width:100%;}
.profileTitle {background-color:#7dafde; width:100%; padding:8px; font-weight:bold; font-size:16px;}
.ProfileTable input { width:200px; }

.simpleInputPad input, .simpleInputPad select, .simpleInputPad option{padding:3px;}

/*---------------- Buttons ----------------------*/
.netButton-blue {
	background-image:url(../images/standardbutton-blue.gif); 
	width:149px; 
	height:38px; 
	text-align:center;
	margin:0px 0 0 1px ; 
	}

.netButton-blue p{ padding:10px 0 0 0; margin:0px; font-weight:bold; color:#b41b1b; font-size:14px;}
.netButton-blue a{ text-decoration:none; color:#b41b1b; padding:10px 0 0 0; }

/*---------------- Generic login panels ----------------------*/
.formWrapper{border:1px solid Black; width:350px; background-color:#dae6f4; margin:0 0 35px 0;}
.formHeader{padding:2px 10px 4px 10px; background-color:#adbac6; border-bottom:1px solid #5f6771;}
.formWrapper h2{font-size:18px;}
.formWrapper input, .formWrapper textarea{padding:3px; border:1px solid #727b85;}
.formWrapper table{width:100%; margin:0px; background-color:#dae6f4;}
.formWrapper table tr td{padding: 0px 0px 6px 0px;}
.formWrapper table tr td table tr td{padding: 3px 6px 3px 6px;}
.formInner{padding:10px;}

/* content pages*/
#bodyleft ul.ulPadder{color:Red;}

/*---------------- Admin ----------------------*/
.adminWrapper{ margin-top:15px;}	
.adminWrapper select{ padding:3px;}

table.teamSelector {
	border:1px solid #7dafde;
	width:80%;
	margin:15px 0 0 0;
	padding:0px;}

table.teamSelector th{
	padding:6px;
	background-color:#b41b1b;
	color:#fff;
	font-size:14px;
	font-weight:bold;}

	
table.teamSelector td{ padding:4px}

tr.adminSubHeader {
	background-color:#a1c5e7;
	color:#000;}

.adminRowAlt{ background-color:#dfeaf6;}

table.adminMain {
	width:100%;
	margin:12px 0 0 0;
	padding:0px;}
	
table.adminMainInner {
	width:100%;
	padding:0px;
	margin:0;}

table.adminMainInner th, table.registrationInner th {
	background-color:#a1c5e7;
	margin-right:6px;
	border-bottom:1px solid Gray;
	border-top:1px solid Gray;}

table.registrationInner th a {color:#000;}

table.adminMainInner p{
	color:#333;
	margin:0px;
	padding:8px;
	font-size:16px;
	text-align:left;}

table.adminMainInner td{
	color:#333;
	padding:8px 8px 20px 8px;
	border:1px solid Red;}

table.adminMainInner tr{ }

table.registrationInner {
	width:100%;
	padding:0px;
	margin:0;	}

table.registrationInner td{ padding:3px;} 

table.registrationInner th{ padding:6px 3px 6px 3px;} 

div.basicAdminTable{
	border:1px solid #7dafde;
	padding:12px;
	width:400px;}

table.basicAdminTable{ padding:6px 3px 6px 3px;} 
table.basicAdminTable td{ padding:5px 15px 5px 0px;} 
table.basicAdminTable input{ padding:3px;} 

div#captainMenu {width:100%; }

#captainMenu ul{
    margin:0px;
	float: left;
	padding: 7px 0px 7px 0px; /* vertical position of sublinks and horizontal links container position*/
	margin:0px 0 7px 0 ;
	left: 0px; top:-0px;
	width: 100%;
	background: #b41b1b;
	color: #fff;}

#captainMenu ul li {
	float: left;
	margin: 0; padding: 0;
	list-style-type:none;}

#captainMenu ul li a {
	padding: 0px 48px;
	display: block;
	color: #fff;
	text-decoration: none;}

#captainMenu ul li a:hover{ text-decoration: underline;}

#captainFormatter { width:100%;}
#captainFormatter ul, #bodyLeft ol { margin:0 0 12px 16px; padding:0px;}
#captainFormatter ul li, #captainFormatter ol li{line-height:1.6em;}
#bocaptainFormatterdyLeft h3{padding-bottom:6px; }

#captainFormatter ul li ol, #captainFormatter ol li ol{ list-style-type:lower-alpha;}

#captainFormatter ul li, #captainFormatter ol li{padding-bottom:6px;}

#captainFormatter input, #captainFormatter option, #captainFormatter select { padding:3px}

div.captainRegisterTable { border:1px solid #7dafde; width:450px; }
div.captainRegisterTableWide { border:1px solid #7dafde; width:100%; }
table.captainRegisterTable { width:100% }
table.captainRegisterTable tr td, table.captainRegisterTable tr th{ padding:3px; }
table.captainRegisterTable tr th{ background-color:#7dafde;}

table.captainRegisterTable5 tr td, table.captainRegisterTable5 tr th{ padding:5px; }
table.captainRegisterTable5 input, table.captainRegisterTable5 option, table.captainRegisterTable5 select { padding:3px}

.rowAltToasted { background-color:#dfeaf6; color:Blue; font-size:24px;}

.whiteTitling { color:#fff; text-align:left;}

.borderTop {border-top:1px solid #aaa;}

.MyProfilePanel {border:1px solid #7dafde; padding:12px;}

.MyProfilePanel input, .MyProfilePanel select, .MyProfilePanel option, .MyProfilePanel textarea{padding:3px;}
.MyProfilePanel select {width:300px;} 

.MyProfilePanel table tr td {padding-bottom:6px;}

.MyProfilePanel label, .EditingFormLabel { font-weight:bold;}

/*-----------------Roster ---------------------------*/
.rosterName, .rosterEdit, .rosterStats {padding:0 20px 0 0; float:left; }
.rosterName {width:200px; }
.rosterEdit {width:30px; }
.rosterName {width:50px; }

div.addEditPlayer {border:1px solid #7dafde; margin-top:4px; padding:15px; width:350px; float:left;}
.rosterLeft {float:left; width:520px; margin-right:25px;}


/*---------------- Photo page ----------------------*/
#PhotoContainer{ padding:0px 0px 0px 20px;}
.ChampPhoto { text-align:center; float:left; border: solid 1px gray; margin:10px 20px 10px 0px; padding:20px 10px 20px 10px; width:250px;}
.ChampPhoto img{ border:none; padding:3px;}
.managePhotos {border:2px solid Red;}

/*---------------- Footer ----------------------*/
#footer {
	padding:24px 0 2px 0;
	margin:0px 0 0 0;
	color:#fff; 
	text-align:center;
	font-size:11px;
 	width:930px; 
	margin:16px 45px 0px 45px;}

#footer p{
font-size:11px;
color:#000;
margin:0px 0 0 0;}

#footerTxt { text-align:center;}
#footerTxt a:link, #footerTxt a:visited, #footerTxt a:hover { color:#666; }

#footerInner { 
	width:100%; 
	border-top:1px solid #aaa; 
	margin: 0;
	padding:5px 0 0 0;
	color:#555;}

#footerLinks, #copyright {padding: 6px 0 0 0;}

#footerLinks a:link, #footerLinks a:visited, #footerLinks a:hover { color:#666; }
#footerLinks { text-align:right; float:right; }


#copyright a:link, #copyright a:visited, #copyright a:hover { color:#666; }
#copyright { text-align:left; float: left;}

/* Globals misc */
.bottom6 {margin-bottom:6px;}
.bottom12 {margin-bottom:12px;}
.bottom18 {margin-bottom:18px;}

.top6 {margin-top:6px;}
.top12 {margin-top:12px;}
.top18 {margin-top:18px;}

.topbot6 {margin:6px 0 6px 0 ;}
.topbot12 {margin:12px 0 12px 0 ;}
.topbot18 {margin:18px 0 18px 0;}

.left6 {margin-left:6px;}
.left12 {margin-left:12px;}
.left18 {margin-left:18px;}

.right6 {margin-right:6px; }
.right12 {margin-right:12px;}
.right18 {margin-right:18px;}
.right24 {margin-right:24px;}
.right36 {margin-right:36px;}

.margin6 {margin:6px; }
.margin10 {margin:10px;}
.margin12 {margin:12px;}
.margin18 {margin:18px;}

.hideShrapnel{ display:none;}

.textLeft {text-align:left;}
.textCenter {text-align:center;}
.textRight {text-align:right;}
.textRight10 {text-align:right; padding-right:10px;}

.fleft { float:left;}
.fright { float:right;}

.rightImage {text-align:right; float:right; margin:0 0 8px 15px;}

hr.divider {color:#aaa; border-width:1px;}

.bold { font-weight:bold;}

.infoUpdate {font-style:italic; font-weight:bold; }

.flagged {color:Red;}
.flagger {color:Red; font-style:italic; font-weight:14px;}

.ErrorLabel {color:Red;}

.inputPadder select, .inputPadder input, .inputPadder option, .inputPadder textarea {padding:3px;}