/* SupernovaAllStars.com main style sheet */

/*
Logo Blue: #333366
New Blue: #002046
Logo Red: #9A0000
Light Blue: #C5C7E2

Title Outline: #000000
Title Gray: #C0C0C0
Title Font: Arial Black
Title Font Size: 48 (NEWS), 55 (INFO, COACHES)
Title Font Style: Bold, Italic
Title Kerning: -50
Title Shadow settings:
	Offset Vertical: 4
	Offset Horizontal: 4
	Opacity: 60
	Blur: 4.00
	Color: #000000
*/



/* ******************** HTML ELEMENTS ******************** */

html {
height: 100%;
}

body {
height: 100%;
min-width: 960px;
min-height: 600px;
margin: 0;
padding: 0;
border: 0;
color: #000000;
background-color: #000000;
background-image: url('images/stars_bg.jpg');
background-repeat: repeat;
font-family: tahoma, geneva, arial, sans-serif;
font-size: 63%;
text-align: left;
}

div {
margin: 0;
padding: 0;
}

img {
margin: 0;
border: 0;
}

form {
margin: 0;
padding: 0;
}

a {
color: #333366;
}

input, textarea {
margin: 0;
padding: 0;
border-top: 1px #8888FF solid;
border-bottom: 1px #CCCCFF solid;
border-left: 1px #CCCCFF solid;
border-right: 1px #8888FF solid;
}

label {
float: right;
}



/* ******************** IDs/CLASSES ******************** */

.Center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

input.SubmitButton {
margin: 0;
padding: 0.2em;
color: #FFFFFF;
background-color: #000066;
font-size: 0.8em;
font-weight: bold;
}



/* ******************** MAIN PAGE ******************** */

#Supernova {
position: absolute;
width: 100%;
height: 40em;
top: 0;
left: 0;
background-color: transparent;
background-image: url('images/supernova_bg.jpg');
background-repeat: no-repeat;
background-position: top center;
z-index: -1;
}

/* Fix IE 6/7 display bugs -- Thank you Bill Gates! */
#Dummy {
}

#VertCenter{
float: left;
width: 100%;
height: 50%;
background-color: transparent;
margin-top: -29.75em;
}

#HorizCenter {
overflow: hidden;
clear: both;
/* width: 56.5em; */
width: 960px;
/* height: 35em; */
height: 600px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
text-align: left;
font-size: 1.7em;
/* border: 1px #000000 solid; */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#LogoStar {
margin-top: 0.7em;
margin-left: 0.6em;
}

#LogoText {
float: right;
margin-top: 1.5em;
margin-right: 0.7em;
}

#Main {
overflow: auto;
width: 100%;
height: 24.2em;
margin-bottom: 0.4em;
background-color: #FFFFFF;
}

#MainBlue {
overflow: auto;
width: 100%;
height: 24.2em;
margin-bottom: 0.4em;
background-color: #00284C;
}

#Top {
overflow: auto;
width: 100%;
height: 7.5em;
margin-bottom: 0.3em;
}

#TopLeft {
float: left;
width: 15em;
height: 7.2em;
margin-top: 0.3em;
border-right: 3px #000000 solid;
}

#Left {
float: left;
width: 26.8em;
height: 23.7em;
margin-left: 2.1em;
background-color: transparent;
}

#Right {
float: right;
width: 24em;
height: 23.7em;
margin-right: 1.6em;
background-color: transparent;
}

#RightBottom {
clear: both;
width: 24em;
height: 4.3em;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}



/* ******************** MENU ******************** */

#MainMenu {
clear: both;
/* width: 80.7em; */
width: 960px;
height: 1.6em;
color: #FFFFFF;
font-size: 0.7em;
font-weight: bold;
background-color: transparent;
background-image: url('images/menu_bar_bg.jpg');
background-repeat: repeat-x;
background-position: top left;
/* border: 1px #9A0000 solid; */
z-index: 200;
}

/*
#MainMenuInner {
width: 80.2em;
height: 1.2em;
color: #FFFFFF;
font-size: 0.7em;
font-weight: bold;
border: 1px #FFFFFF dotted;
}
*/

#Date {
float: right;
margin-top: 0.2em;
margin-right: 1.2em;
}

#BottomMenu {
clear: both;
float: none;
margin-left: auto;
margin-right: auto;
font-size: 0.6em;
text-align: center;
}



/* ******************** MENU NAVIGATION ******************** */

.nav, .nav ul {
list-style: none;
margin: 0;
padding: 0;
}

.nav {
position: relative;
z-index: 1000;
}

.liDummy {
position: relative;
float: left;
margin: 0;
padding: 0;
line-height: 1.5em;
border-right: 1px solid #808080;
}

.nav li {
position: relative;
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #808080;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
display: block;
padding-left: 1.3em;
padding-right: 1.3em;
color: #FFFFFF;
text-decoration: none;
line-height: 1.6em;
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
background-color: transparent;
background-image: url('images/menu_bar_bg_sel.jpg');
background-repeat: repeat-x;
background-position: top left;
}

/* Sub-Menu Items */
#nav-one li:hover ul a {
background: #9A0000;
color: #FFFFFF;
}

/* Sub-Menu Items (hover) */
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
color: #000000;	
background: #CCCCCC;
}

.nav ul {
position: absolute;
top: -999em;
left: -1px;
list-style: none;
width: 160px;
margin: 0;
border-bottom: 1px #000000 solid;
}

.nav li:hover ul,
.nav li.sfHover ul {
top: 1.5em;
}

.nav ul li {
float: none;
border: 0;
}

.nav ul a {
width: 140px;
padding-right: 20px;
white-space: nowrap;
border: 1px #000000 solid;
border-bottom: 0;
}

.nav ul a:hover {
color: #000000;
background-color: #CCCCCC;
}

/* Selected menu item */
.nav li.selected {
float: left;
padding-left: 1.3em;
padding-right: 1.3em;
color: #999999;
text-decoration: none;
line-height: 1.6em;
border-right: 1px solid #808080;
background-color: transparent;
background-image: url('images/menu_bar_bg_sel.jpg');
background-repeat: repeat-x;
background-position: top left;
}



/* ******************** NEWS ******************** */

#NewsTitle {
position: relative;	/* Z-index only applies to positioned elements */
width: 9.4em;
height: 48px;
margin-top: 16px;
margin-bottom: 0;
margin-left: 1.2em;
margin-right: 0;
padding: 0;
z-index: 500;
}

.NewsSubTitle {
margin-bottom: 0.4em;
color: #9A0000;
font-weight: bold;
}

#News {
overflow: auto;
width: 29.3em;
height: 22.6em;
margin-top: -16px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
background-color: #FFFFFF;
font-size: 0.9em;
border: 1px #FFFFFF solid;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*
#NewsInner1 {
overflow: auto;
width: 29em;
height: 22em;
border: 2px #00FF00 dotted;
}
*/

#NewsInner {
width: 27em;
margin-top: 1.7em;
margin-left: 1.2em;
}

.NewsList {
margin: 0;
margin-top: 0.5em;
margin-left: 1em;
padding: 0;
}

ul.NewsList li {
margin-bottom: 1.3em;
margin-left: 0;
padding: 0;
text-align: left;
}

table#TryoutsTable {
border-width: 1px;
border-spacing: 0;
border-style: solid;
border-color: gray;
border-collapse: collapse;
}

table#TryoutsTable th {
border-width: 1px;
padding: 3px;
border-style: inset;
border-color: black;
}

table#TryoutsTable td {
border-width: 1px;
padding: 4px;
border-style: inset;
border-color: black;
/* background-color: white; */
}

a.RegisterButton, a.RegisterButton:hover, a.RegisterButton:visited {
position: relative;
top: -4px;
padding: 2px;
color: #000000;
background-color: #C0C0C0;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
border: 2px outset #C0C0C0;
}

a.RegisterButton:active {
border: 2px inset #C0C0C0;
}


/* ******************** MISSION STATEMENT ******************** */

#Quote {
float: left;
width: 26.7em;
height: 6em;
font-size: 0.9em;
font-style: italic;
background-color: #C5C7E2;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#QuoteInner {
margin-top: 1.1em;
margin-left: 2em;
margin-right: 2em;
}

#QuoteLink {
float: right;
width: 13em;
margin-right: 1.6em;
font-size: 0.6em;
}

#MissionTitle {
width: 29.8em;
margin: 0;
padding: 0;
}

.Overlay {
display: none;
z-index: 10000;
color: #000000;
background-color: transparent;
-moz-box-shadow: 0 0 45px 5px #000000;
-webkit-box-shadow: 0 0 45px #000000;	
}

#ms {
background-image: url(images/mission_statement.jpg);
width: 340px;
height: 340px;
}

.MissionStatementInner {
width: 280px;
height: 280px;
margin: 30px;
font-size: 1em;
text-align: justify;
}

.Overlay .close {
background-image: url(images/close.png);
position: absolute;
right: -10px;
top: -10px;
cursor: pointer;
height: 35px;
width: 35px;
}



/* ******************** VIDEO ******************** */

#Video {
width: 396px;
height: 266px;
margin-top: 1.5em;
margin-bottom: 0.8em;
margin-left: 6px;
color: #FFFFFF;
background-color: #000000;
}

#VideoInner {
position: relative;
top: -1px;
left: -1px;
margin: 0;
padding: 0;
}



/* ******************** LOGO LINKS ******************** */

.LinkLeft {
float: left;
margin-top: 0.4em;
margin-left: 1em;
}

.LinkCenter {
float: left;
margin-top: 0.4em;
margin-left: 1.9em;
}

.LinkRight {
float: right;
margin-top: 0.7em;
margin-right: 1em;
}



/* ******************** FOOTER ******************** */

#Footer {
}

#FooterCopyright {
margin-left: 4em;
}



/* ******************** INFO PAGE ******************** */

#InfoTitle {
position: relative;	/* Z-index only applies to positioned elements */
width: 8.8em;
height: 52px;
margin-top: 16px;
margin-left: 7.3em;
z-index: 500;
}

#Info {
overflow: auto;
width: 44em;
height: 19.8em;
margin-left: 6em;
margin-top: -17px;
background-color: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


/* All tabs  */
ul.InfoTabs {
float: left;
width: 10em;
height: 11em;
margin: 0;
margin-top: 1.7em;
margin-left: 1em;
margin-right: 0.5em;
padding: 0;
font-size: 0.9em;
font-weight: bold;
line-height: 1.9em;		/* Vertically centers text in block */
list-style: none;
}

/* Single tab */
ul.InfoTabs li {
margin-bottom: 0.3em;
padding: 0;
text-indent: 0;
}

/* Link inside a tab */
ul.InfoTabs a {
display: block;
width: 10em;
height: 2em;
padding-top: 0;
padding-bottom: 0;
padding-left: 0.4em;
padding-right: 0.4em;
color: #000000;
background-color: #FFFFFF;
font-size: 0.9em;
text-align: left;	
text-decoration: none;
outline: none;
}

ul.InfoTabs a:hover {
color: #FFFFFF;
background-color: #333366;
/* background-color: #C4CCD6; */
}

/* Active tab uses a class name "current" */
ul.InfoTabs a.current, ul.InfoTabs a.current:hover, ul.InfoTabs li.current a {
color: #000000;
background-color: #C4CCD6;
/* background-color: #333366; */
cursor: default !important;
}

/* Initially all panes are hidden */ 
.InfoPanes .InfoPane {
display: none;
overflow: auto;
}
	
/* Pane styling */
.InfoPanes div {
display: none;
float: left;
width: 46.3em;
height: 24.9em;
margin-top: 1.9em;
font-size: 0.7em;
}

.InfoPic {
float: left;
margin-right: 1.5em;
border: 1px #000000 solid;
}

.InfoPara1 {
display: block;
overflow: auto;
width: 38.3em;
font-size: 1.2em;
text-align: justify;
}

.InfoPara2 {
display: block;
overflow: auto;
width: 38.3em;
font-size: 1.1em;
text-align: justify;
}

ul.InfoList1 {
margin: 0;
margin-left: 18em;
padding: 0;
}

ul.InfoList1 li {
margin-bottom: 1em;
padding: 0;
}



/* ******************** COACHES PAGE ******************** */

#CoachesTitle {
position: relative;	/* Z-index only applies to positioned elements */
width: 16.8em;
height: 52px;
margin-top: 18px;
margin-left: 36.3em;
z-index: 500;
}

#Coaches {
overflow: hidden;
width: 50.5em;
margin-left: 3.1em;
margin-top: -48px;
}

/* All tabs  */
ul.CoachTabs {
width: 33.25em;
height: 29px;
list-style: none; 
margin: 0 !important;
padding: 0;
border-bottom: 1px #666666 solid;
}

/* single tab */
ul.CoachTabs li {
float: left;	 
margin: 0 !important;
padding: 0;
text-indent: 0;
list-style-image: none !important; 
}

/* link inside the tab. uses a background image */
ul.CoachTabs a {
display: block;
position: relative;
top: 1px;
width: 134px;
height: 30px;  
margin: 0;
padding: 0;
color:#333333;
background: url(images/blue.png) no-repeat -420px 0;
font-size: 14px;
line-height: 30px;
text-align: center;	
text-decoration: none;
}

ul.CoachTabs a {
outline: none;
}

/* when mouse enters the tab move the background image */
ul.CoachTabs a:hover {
color: #FFFFFF;	
background-position: -420px -31px;	
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.CoachTabs a.current, ul.CoachTabs a.current:hover, ul.CoachTabs li.current a {
color: #000000 !important;
background-position: -420px -62px;		
cursor: default !important; 
}

/* width 1 */
ul.CoachTabs a.s 		 { background-position: -553px 0; width:81px; }
ul.CoachTabs a.s:hover 	 { background-position: -553px -31px; }
ul.CoachTabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.CoachTabs a.l 		 { background-position: -248px -0px; width:174px; }
ul.CoachTabs a.l:hover 	 { background-position: -248px -31px; }
ul.CoachTabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.CoachTabs a.xl 		 { background-position: 0 -0px; width:248px; }
ul.CoachTabs a.xl:hover 	 { background-position: 0 -31px; }
ul.CoachTabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
.CoachPanes .CoachPane {
display: none;
}
	
/* tab pane styling */
.CoachPanes div {
display: none;
width: 60em;
height: 22.5em;
padding: 10px 10px;
border: 1px solid #999999;
font-size: 14px;
background-color: #FFFFFF;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.CoachPic {
float: left;
margin-top: 0.25em;
margin-bottom: 1em;
margin-right: 1em;
border: 1px #000000 solid;
}

.CoachTitle {
display: block;
margin-bottom: 0.4em;
color:#333366;
color: #9A0000;
font-size: 1.3em;
font-weight: bold;
}

.CoachPara1 {
display: block;
margin-top: 0.5em;
margin-left: 1.5em;
margin-right: 1.5em;
text-align: justify;
}



/* ******************** CALENDAR PAGE ******************** */

#CalLarge {
width: 88em;
height: 51em;
margin-top: 2.5em;
margin-bottom: 4.1em;
margin-left: auto;
margin-right: auto;
font-size: 10px;
text-align: center;
}

#CalLeft {
float: left;
width: 23em;
height: 40em;
text-align: left;
}

#CalRight {
overflow: auto;
float: right;
width: 60em;
height: 52.5em;
text-align: left;
}

#CalLogo {
float: left;
margin-top: 0.5em;
margin-bottom: 1.5em;
margin-left: -0.8em;
}

#CalSelect {
margin-top: 0;
margin-bottom: 1.5em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 1.3em;
}

#CalFilter {
margin-top: 0;
margin-bottom: 1.8em;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 1.3em;
}

#CalLegend {
font-size: 1.5em;
}

.CalCat {
width: 0.7em;
height: 1.2em;
margin-top: 0;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
padding: 0;
}

.CalCat12a {background-color: #000088;}
	.CalCat12c {background-color: #40FFFF;}
	.CalCat13r {background-color: #FFFF00;}
.CalCat14r {background-color: #FF0000;}
	.CalCat15r {background-color: #FF40FF;}
.CalCat16r {background-color: #008800;}
	.CalCat16w {background-color: #999999;}
	.CalCat17r {background-color: #888800;}
.CalCat18r {background-color: #660066;}
.CalCatClinic {background-color: #FF7201;}
.CalCatOther {background-color: #008080;}
.CalCatMultiple {background-color: #000000;}

.CalCatName {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
font-size: 0.9em;
}

#CalMultiNav {
width: 20em;
height: 3em;
margin-top: 0.5em;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 0;
font-size: 1.5em;
border: 1px #000000 dotted;
}

#CalMultiNavLeft {
width: 2em;
height: 2em;
margin: 0;
padding: 0;
text-align: left;
border: 1px #FF0000 dotted;
}

#CalMultiNavRight {
width: 2em;
height: 2em;
margin: 0;
padding: 0;
text-align: right;
border: 1px #0000FF dotted;
}

.CalListNav {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 1.3em;
padding: 0;
font-size: 1.3em;
}

#CalEventList {
margin-top: 2em;
}

.CalPrinterFriendly {
}



/* ******************** SUPERNOVA GEAR ******************** */

#gear {
background-image: url(images/supernova_gear.jpg);
width: 610px;
height: 340px;
}



/* ******************** REGISTER PAGE ******************** */

#VolleyballGirl1 {
float: left;
margin-top: 1.2em;
margin-left: 2em;
margin-right: 2em;
}

#VolleyballGirl2 {
float: right;
margin-top: 5em;
margin-right: 3em;
}

#RegisterTitle {
width: 100%;
height: 1.5em;
color: #000000;
/* background-color: #6062AF; */
/* background-color: #AAAAAA; */
background-color: #C0C0C0;
margin-bottom: 1em;
font-size: 1.1em;
font-weight: bold;
line-height: 1.4em;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
}

#RegisterTitleInner {
margin-left: 1em;
}

#RegisterForm {
float: left;
width: 35em;
height: 22em;
margin-top: 2.3em;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
font-size: 0.9em;
text-align: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.RegisterHTBlue {
display: block;
color: #333366;
font-weight: bold;
text-align: center;
}

.RegisterHTRed {
display: block;
color: #9A0000;
font-weight: bold;
text-align: center;
}

.RegisterHTInner {
margin: 0.3em;
}

#RegisterConfirm {
float: left;
overflow: auto;
width: 31.5em;
height: 19.8em;
margin-top: 2.1em;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
font-size: 1em;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

input.Child, label.Child {
color: #9A0000;
}

input.Parent, label.Parent {
color: #333366;
}

/*
input.RegisterButton {
width: 6.7em;
margin-top: 1.75em;
background-color: #9A0000;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}
*/

input.SignUpButton {
width: 5.5em;
background-color: #9A0000;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
text-align: center;
}