@import url(//fonts.googleapis.com/css?family=Changa+One);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face {
	font-family: 'Handel Gothic D Regular';
	src: url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/handel_gothic_d_medium/handel_gothic_d_medium-webfont.eot');
	src: url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/handel_gothic_d_medium/handel_gothic_d_medium-webfont.eot#iefix') format('embedded-opentype'),
/*
		url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/handel_gothic_d_medium/handel_gothic_d_medium-webfont.woff') format('woff'),
*/
		url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/handel_gothic_d_medium/handel_gothic_d_medium-webfont.ttf') format('truetype'),
		url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/handel_gothic_d_medium/handel_gothic_d_medium-webfont.svg#handel_gothic_dregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/BebasNeue/BebasNeue-webfont.eot');
	src: url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/BebasNeue/BebasNeue-webfont.eot#iefix') format('embedded-opentype'),
/*
		url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
*/
		url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
		url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/fonts/BebasNeue/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* Reset
------------------------------------------------------------------------------------ */

/* HTML 5 */
article, aside, footer, header, nav, section, dialog, figure, hgroup, menu { display: block; }

img { border: none; }
:focus { outline: 0; }
.dnnForm { min-width: auto; width: auto; }

/* Layout
------------------------------------------------------------------------------------ */
 #Body { background-color: #1B367D; }
 #Content { background-color: #fff; }
html, #Body, #Form, .Skin { margin: 0; padding: 0; position: relative; }
body {
	color: #3b3b3b;
	font-family: 'Arial','Helvetica',sanserif;
	font-size: 100%;
}
.Skin { 
    font-family:'Arial','Helvetica',sanserif;
    min-width: 1350px;
	font-size:80%
}
.ContainingWidth { margin: 0 auto; width: 1350px; }

#Header { background-color: #1b367d; }
#Logo { margin-bottom: 1%; margin-top: 1%; }
#Logo a { display: block; }
#Logo img { max-width: 100%; }
#Header .DNNModuleContent { color: #fff; }
#Header .GlobalLinks {
	font-family: 'Open Sans',sans-serif;
	font-size: 0.61em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
}
#Header .GlobalLinks, #Header .GlobalLinks a { color: #c4c4c4; }

#Banner { background-color: #0d1019; text-align: center; }

.TopLeftPane {
	background: url('http://www.skyzonesports.com/Portals/_default/Skins/Skyzone/images/TopLeftPane-bg.png') 0 0 repeat-x;
	margin-top: -189px !important;
	padding: 1%;
	position: relative;
	width: 18%;
	z-index: 1000;
}
.TopLeftPane .DNNModuleContent { color: #fff; }
.TopPane { width: 76%; }

#Footer {
	background-color: #1b367d;
	bottom: 0;
	left: 0;
	padding: 2em 0;
	position: absolute;
	width: 100%;
}
#Footer .GlobalLinks {
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-size: 13px;
}
#Footer .DNNModuleContent { color: #fff; }

.Login { bottom: 0; display: block; height: 25px; left: 0; position: fixed; text-indent: -999px; width: 25px; }

/* Type
------------------------------------------------------------------------------------ */

.Normal { font-size: inherit; font-weight: inherit; }
.Skin { font-size: 1.125em; line-height: 1.22em; }
p { margin-bottom: 0.83em; margin-top: 0.83em; }
em { font-style: italic; }
strong { font-weight: bold; }
del {}
ins {}
sup {}
sub {}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Changa One', cursive;
	font-weight: normal;
	line-height: 1.15em;
	margin-bottom: 0.2em;
	margin-top: 0.625em;
}
h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: 0.2em; }
h1 { font-size: 4.85em;}
h2 { font-size: 1.14em; color: #FF9933;


    font-family: 'Changa One',cursive;
 
    text-transform: uppercase;  }
h3 { font-size: 3.51em; }
h4 { font-size: 1.54em; }
h5 { font-size: 1.07em; }
h6 { font-size: 1.07px; }

/* Links */
a:link, a:link, a:visited, a:hover { color: #ff9933; }
a:visited {}
a:active {}
a:hover {}

.PrimaryTextColor { color: #163da4; }
.SecondaryTextColor { color: #3ff992f; }

.smaller { font-size: 0.88em; }
.x-smaller { font-size: 0.72em; }

.no-bottom-margin { margin-bottom: 0; }
.no-top-margin { margin-top: 0; }

:first-child { margin-top: 0; }
:last-child { margin-bottom: 0; }

/* Elements
------------------------------------------------------------------------------------ */

hr { border: none; border-top: solid 1px #666666; height: 0; }
blockquote {}
ul { margin-bottom: 0.83em; margin-top: 0.83em; padding-left: 1.66em; }
ul li{ list-style-type: disc; color: #ffffff; }
ol { margin-bottom: 0.83em; margin-top: 0.83em; padding-left: 1.66em; }
ol li { list-style-type: decimal; }

/* HTML 5 */
article {}
aside {}
details {}
summary {}
figure {}
mark {}
time {}

/* Grid
------------------------------------------------------------------------------------ */

.grid { float: left; }
.grid_0, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { margin-left: 1%; margin-right: 1%; }

.grid_1 { width: 6.333%; }
.grid_2 { width: 14.666%; }
.grid_3 { width: 23%; }
.grid_4 { width: 31.333%; }
.grid_5 { width: 39.666%; }
.grid_6 { width: 48%; }
.grid_7 { width: 56.333%; }
.grid_8 { width: 64.666%; }
.grid_9 { width: 73%; }
.grid_10 { width: 81.333%; }
.grid_11 { width: 89.666%; }
.grid_12 { width: 98%; }

.DNNEmptyPane, td.DNNEmptyPane, .Empty, td.Empty { border: 0; display: none; margin: 0; padding: 0; width: 0; }
.paneOutline { background-color: #EEEEEE; border: medium none; margin-bottom: 5px; margin-top: 5px; padding: 10px 0; }

.Row { clear: both; }

.FloatL { float: left; }
.FloatR { float: right; }
.ClearL { clear: left; }
.ClearR { clear: right; }
.Clear { clear: both; }
.clearfix:after { clear: both; content: ""; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

/* Features
------------------------------------------------------------------------------------ */

/* Buttons */
.Button, a.Button {
	background-color: #666666;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-family: 'BebasNeueRegular';
	line-height: 1em;
	padding: 0.5em;
	text-decoration: none;
	transition: background-color 0.25s ease 0s;
}
.Button:hover { background-color: #777777; text-decoration: none; }

.Button.PrimaryColor { background-color: #153da3; }
.Button.PrimaryColor:hover { background-color: #3f66ca; }
.Button.SecondaryColor { background-color: #ff7000; }
.Button.SecondaryColor:hover { background-color: #ffaa56; }

.Button.Large {
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	font-size: 1.5em;
}
.Button.Medium {
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	font-size: 1em;
}
.Button.Small {
	border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	font-size: 0.75em;
}
.Button img { vertical-align: middle; }
.Button img:first-child { margin-right: 10px; }
.Button img:last-child { margin-left: 10px; }

/* Tabs
------------------------------------------------------------------------------------ */

.SimpleTabs { margin-bottom: 15px; margin-top: 15px; overflow: hidden; position: relative; }
.SimpleTabs > .Titles { margin: 0; padding: 0; }
.SimpleTabs > .Titles > li {
    background-color: transparent;
    border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;
    color: #ff9933;
    cursor: pointer;
    float: left;
    font-family: 'Changa One', cursive;
    font-size: 20px;
    list-style-type: none;
    line-height: 25px;
    margin: 0 2px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
.SimpleTabs > .Titles > li:first-child { margin-left: 0; }
.SimpleTabs > .Titles > li:last-child { margin-right: 0; }
.SimpleTabs > .Titles > li.Active { background-color: #113b9f; color: #fff; }
.SimpleTabs > .Titles:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.SimpleTabs > .Content { background-color: #113b9f; position: relative; }
.SimpleTabs > .Content > .Item { left: 0; opacity: 0; padding: 30px 20px; position: absolute; top: 0; max-width: 100%; }
.SimpleTabs > .Content > .Item { color: #aca9a8; }
.SimpleTabs > .Content > .Item > .Edit { float: left; margin-right: 5px; }
.SimpleTabs > .Content > .Item > .Edit + * { margin-top: 0; }

.SimpleTabs.Light > .Titles > li.Active { background-color: #becdf2; color: #153da3; }
.SimpleTabs.Light > .Content { background-color: #becdf2; }
.SimpleTabs.Light > .Content > .Item { color: inherit; }

/* Accordion
------------------------------------------------------------------------------------ */

.SimpleAccordion {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.SimpleAccordion > .Item {
	background-color: #f1f1f1;
	border-top: 1px solid #ccc;
}
.SimpleAccordion > .Item > .Title {
	border-bottom: 0 solid;
	color: #FF9933;
	cursor: pointer;
	font-weight: bold;
	padding: 10px;
}
.SimpleAccordion > .Item > .Content {
	color: #aca9a8;
	display: none;
	padding: 10px;
	position: relative;
}
.SimpleAccordion > .Item:first-child { border-top: none; }

/* Active State */
.SimpleAccordion > .Item.Active { background-color: #153da3; }
.SimpleAccordion > .Item.Active > .Title { border-bottom-width: 1px; color: #fff; }
.SimpleAccordion > .Item.Active > .Content { background-color: #153da3; color: #fff; }

.SimpleAccordion.Light > .Item.Active { background-color: #becdf2; }
.SimpleAccordion.Light > .Item.Active > .Title { color: #153da3; }
.SimpleAccordion.Light > .Item.Active > .Content { background-color: #becdf2; color: inherit; }



/* Responsive
------------------------------------------------------------------------------------ */

@media screen and ( max-width: 1024px )  {
	.Skin { min-width: inherit; }
	.ContainingWidth { margin-left: 2%; margin-right: 2%; width: auto; }
	img { max-width: 100%; }
	.TopLeftPane { width: 16%; }
	.TopPane { width: 78%; }
	.MiddleLeftPane { width: 48%; }
	.MiddleRightPane { width: 48%; }
}
@media screen and ( max-width: 640px )  {
	.Skin { padding-bottom: 0 !important; }
	.grid { float: none; margin-left: 1%; margin-right: 1%; width: auto; }
	.TopLeftPane { margin-top: 0 !important;display:none }
	.TopLeftPane .SkyZone.Container { margin-top: 0.83em !important; }
	#Footer { bottom: inherit; left: inherit; position: relative; width: inherit; }
}