/** =====================================   *** Milan Soccer Academy *** ===================================== **/


/** ===== ..:: Reset ::.. ===== **/

/* The Clear */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
:focus { outline: 0; }

/* The Reset */

p, ul { padding: 10px 0px 5px; line-height: 1.25em; }
ul, ol { margin: 10px 0 10px 30px; }
li { padding: 0em 0em 0.4em 0em; }

/** ===== ..:: Common ::.. ===== **/

body { font-family: Arial; font-size: 13px; margin: 0px; padding: 0px; line-height: 1; background: black; color: #ddd; }

a:link { outline: none; text-decoration: none; color: white; cursor: pointer; }
a:visited { outline: none; text-decoration: none; color: white; cursor: pointer; }
a:active { outline: none; text-decoration: none; color: #aaa; cursor: pointer; }
a:hover { outline: none; text-decoration: none; color: #ddd; cursor: pointer; }

a img { background: none; }

h1, h2, h3, h4 { font-family: "Myriad Pro", "Lucida Grande"; }

h1 { font-size: 46px; font-weight: normal; color: white; margin: 0px; }
h2 { font-size: 20px; font-weight: normal; color: #fff2b2; margin: 0 0 20px; }
h3 { font-size: 16px; font-weight: bold; color: #fff2b2; margin: 20px 0px 0px; }
h4 { font-size: 14px; font-weight: normal; color: #999999; margin: 10px 0px 20px; }

.right_col h1 { font-size: 36px; }

.hide { display: none; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }

.image-align-left { float: left; }
.image-align-right { float: left; }

.col_left object { position: relative; z-index: 9; }
.aurora-images-box {z-index: 999 !important; }

/* From Style Tab */
.layout_td { vertical-align: top; position: relative; }

.col_layout_left { background: url('/Resources/ACMilan/Sites/ACMSS/Layout/leftCol.jpg') top right no-repeat; }
.col_layout_right { background: url('/Resources/ACMilan/Sites/ACMSS/Layout/rightCol.jpg') top left no-repeat; }

.col_left { padding: 20px 20px 30px; }
.col_right { padding: 20px 20px 30px; width: 300px; }
.col_about { padding: 0px 20px; }

/* Refined */
#layout_area_body { overflow: hidden; margin-bottom: 20px; background: transparent url(/Resources/ACMilan/Sites/ACMSS/Layout/page.jpg) no-repeat top; }

/* Common */

.arrow .label { color: #fff; }
.arrow .label span { color: #ffee99; }

.arrow li { list-style: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/list_arrow.png') none outside; }
.arrow li li { list-style: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/list_bullet.png') none outside; }

.decorative_divider { background: url(/Resources/ACMilan/Sites/ACMSS/Images/Backgrounds/decorative_divider.png) center center no-repeat; height: 40px; clear: both; }

#mail_sent { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #222 url(/Resources/ACMilan/Sites/ACMSS/Images/Icons/mail_sent.jpg) no-repeat scroll center top; border: 1px solid #333333; color:white; font-size: 18px; line-height: 1.3em; padding: 120px 0px 30px; text-align: center; margin-top: 40px; }

/** ===== ..:: Header ::.. ===== **/
#layout_area_header { position: relative; }

.is_ie6 #layout_area_body, .is_ie6 #secondaryNav  { zoom: 1; }

/* Top Nav */

#topNav {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
    width: 500px;
    height: 10px;
    text-align: right;
    background: url( /Resources/ACMilan/Layout/headerNav_bg.png ) top left repeat ;
    padding: 10px 0px 10px 0px;
    font-size: 12px;
    font-weight: normal;
    
}

#topNav a:link { font-size: 13px; color: #ddd; padding: 3px 5px 3px 5px; margin-right: 10px; }
#topNav a:visited { font-size: 13px; color: #ddd; padding: 3px 5px 3px 5px; margin-right: 10px }
#topNav a:active { font-size: 13px; color: #eee; padding: 3px 5px 3px 5px; margin-right: 10px }
#topNav a:hover { font-size: 13px; color: #fff; padding: 3px 5px 3px 5px; margin-right: 10px }

#topNav a.selected { font-size: 13px; color: #fff; }

/* Images */
#fading-images { height: 160px; position: relative; overflow: hidden; }
#fading-images .image { margin-top: -80px; }


/* Register Button */
#register { font-family: "Helvetica", Arial, sans-serif; position: absolute; display: block; z-index: 99; color: #FFFFFF; font-size: 12px; font-weight: bold; text-transform: uppercase; }
#layout_area_header #register {  top: 145px; right: 10px; }
#trials #register { margin: 20px 0; }
#register span { display: block;  }
#register .wrap1 { background: url('/Resources/ACMilan/Sites/ACMSS/Images/Buttons/register_left.png') top left no-repeat; padding: 0px 0px 0px 20px; }
#register .wrap2 { background: url('/Resources/ACMilan/Sites/ACMSS/Images/Buttons/register_right.png') top right no-repeat; padding: 11px 30px 13px 0px; }
#register:hover .wrap1 { background-position: left -36px; }
#register:hover .wrap2 { background-position: right -36px; }
#register:active .wrap1, #register:focus .wrap1 { background-position: left -72px; }
#register:active .wrap2, #register:focus .wrap2 { background-position: right -72px; }
#register .arrow {
	background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/white_arrow.png') top left no-repeat;
	width: 6px;
	height: 9px;
	display: block;
	position: absolute;
	right: 15px;
	top: 12px;
}


/* Special link */

.special-link {
	background-image: -moz-linear-gradient(top, #333333, #222222); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #333333)); /* Safari & Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#222222'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#222222')"; /* IE8 */
	position: absolute;
	bottom: 30px;
	right: 0px;
	-moz-border-radius: 20px 0 0 20px;
	-webkit-border-topleft-radius: 20px;
	-webkit-border-botomleft-radius: 20px;
	border-radius: 20px 0 0 20px;
	color: #F1F1F1;
	font-size: 12px;
	text-shadow: 0 -1px 0 #000;
	display: inline-block;
	padding: 10px;
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.8);
	box-shadow: 0 3px 5px rgba(0,0,0,0.8);
	border: 2px solid #AB1E1B;
	border-right: 0;
}

.special-link .icon-video {
	background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/video.png') top left no-repeat;
	width: 18px;
	height: 12px;
	display: block;
	float: left;
	margin: 0px 10px 0 0;
}

.special-link:hover {
	background-image: -moz-linear-gradient(top, #444444, #222222); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #222222),color-stop(1, #444444)); /* Safari & Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444444', endColorstr='#222222'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#444444', endColorstr='#222222')"; /* IE8 */
}

.special-link:active, .special-link:focus  {
	background-image: -moz-linear-gradient(top, #222222, #333333); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #333333),color-stop(1, #222222)); /* Safari & Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#222222', endColorstr='#333333'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#222222', endColorstr='#333333')"; /* IE8 */
}	



/* Logo */
#logo { background: url('/Resources/ACMilan/Sites/ACMSS/Images/AC_Milan_Logo.png') top left no-repeat; width: 900px; height: 135px; }
#logo span { display: none; }

/* BUTTON HEIGHT FIX FOR TEXTILE BUTTONS */

.buttonHeight { height: 50px; }

/* Styles for textile */

.leftBorder img { float: left; border: 3px solid #eee; margin: 10px 20px 10px 0px; }
.rightBorder img { float: right; border: 3px solid #eee; margin: 0px 0px 20px 20px; }
.border img { border: 3px solid white; }

.large { font-size: 16px; }

.tshirtList { display: block; clear: left; background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/list_shirt.jpg') center left no-repeat; padding: 10px 0px 10px 45px; margin: 0px; font-size: 18px; }

/* Forms */

#register_pre { color: #b7211f; padding: 0px 0px 10px 0px; font-size: 17px; }
form div { font-weight: normal !important; }
.inputField { background-color: white; border: 2px solid white; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
textarea { font-family: Myriad Pro, Lucida Grande, Arial; }

/* Buttons */

.redButton { display: block; float: left; height: 36px; }
.redButton:hover { color: #ddd; text-decoration: none; }
.redButton:active { color: #aaa; text-decoration: none; }

.redButton span { display: block; }
.redButton .wrap1 { background: url('/Resources/ACMilan/Sites/ACMSS/Images/Buttons/red_left.png') top left no-repeat; padding-left: 10px; }
.redButton .wrap2 { background: url('/Resources/ACMilan/Sites/ACMSS/Images/Buttons/red_right.png') top right no-repeat; padding: 10px 10px 12px 0px; }

.bttn_back:link { 
	background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/arrow_back.png') top left no-repeat;
	display: block inline;
	padding: 3px 0px 20px 25px;
	margin: 0px 0px 0px 20px;
	color: #999;
	width: 150px;
	vertical-align: middle;
}

.bttn_back:visited { 
	background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/arrow_back.png') top left no-repeat;
	display: block inline;
	padding: 3px 0px 20px 25px;
	margin: 0px 0px 0px 20px;
	color: #999;
	width: 150px;
	vertical-align: middle;
}

.bttn_back:active { 
	background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/arrow_back.png') top left no-repeat;
	display: block inline;
	padding: 3px 0px 20px 25px;
	margin: 0px 0px 0px 20px;
	color: #333;
	width: 150px;
	vertical-align: middle;
}

.bttn_back:hover { 
	background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/arrow_back.png') top left no-repeat;
	display: block inline;
	padding: 3px 0px 20px 25px;
	margin: 0px 0px 0px 20px;
	color: #ddd;
	width: 150px;
	vertical-align: middle;
}

/** ===== ..:: Primary Navigation ::.. ===== **/

#primaryNav { z-index: 5; background: #b4231f url('/Resources/ACMilan/Sites/ACMSS/Layout/hNav_bg_red.png') top left no-repeat; width: 900px; height: 55px; font-size: 14px; -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); }
#primaryNav a { display: block; float: left; text-decoration: none; color: white; }
#primaryNav a:hover { color: white; }

#primaryNav span { display: block; }
#primaryNav .wrap1 { padding: 20px 11px 21px; }
.is_ie7 #primaryNav .wrap1 {  position: relative; zoom: 1; z-index: 999; }

#primaryNav a:hover .wrap1 { background: url('/Resources/ACMilan/Sites/ACMSS/Layout/hNav_hover.png') top center no-repeat; }

#primaryNav .selected { background: url('/Resources/ACMilan/Sites/ACMSS/Layout/hNav_current.png') bottom left repeat-x; }

/** ===== ..:: Secondary Navigation ::.. ===== **/

#secondaryNav { margin-top: 6px; padding: 13px 20px 0; border-bottom: 1px solid #444; background: #000; overflow: hidden; }
#secondaryNav a { color: #ddd; padding: 0 0 10px; margin: 0 20px 0 0; border-bottom: 4px solid #000; font-size: 15px; display: block; float: left; text-decoration: none; font-weight: normal; }
#secondaryNav a:hover { color: white; border-bottom: 4px solid #444; }

#secondaryNav .selected, #secondaryNav .selected:hover { border-bottom: 4px solid #ab1e1b; }

.section { margin: 20px 0; padding: 20px 0; border-top: 1px dotted #666; position: relative; overflow: hidden; }
.section h1 { margin: 20px 0; }

/** ===== ..:: Footer ::.. ===== **/

#layout_area_footer { color: #aaa; font-size: 12px; padding: 20px 20px 0px; background: url(/Resources/ACMilan/Sites/ACMSS/Layout/footerContent.jpg) top left no-repeat; min-height: 120px; height: auto !important; height: 120px; }
#layout_area_footer .layout_td { width: 33%; }
#layout_area_footer h1 { font-size: 20px; }
.allPosts { margin-top: 8px; }
.allPosts a { background: url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/greyArrow.png') top right no-repeat; padding: 0px 20px 0px 5px; color: #666; text-decoration: underline; }

/** ===== ..:: Copyright & Jaze ::.. ===== **/

#footer { width: 900px; height: 80px; position: relative; z-index: 999; background: url('/Resources/ACMilan/Sites/ACMSS/Layout/footer.jpg') top left no-repeat; padding: 35px 10px 35px 70px; margin-top: -25px; color: #eee; font-size: 0.9em; }
#footer a { color: #eee; text-decoration: none; }
#footer a:hover { color: white; }
#footer .text { padding: 10px 0px 0px 0px; }
#footer .logo a { float: right; display: block; height: 25px; margin-right: 70px!important;margin-right: 35px; padding: 10px 60px 0px 0px; background: url('/Resources/ACMilan/Sites/ACMSS/Images/logo_jaze.jpg') top right no-repeat; }
.is_ie7 #footer .logo a {margin-right: 80px;}

#footer .logo span { display: none; }

/** ===== ..:: BLOG POSTS ::.. ===== **/

.postBorder h1 { font-size: 30px; }
.postBorder { border-bottom: solid 1px #666; margin-bottom: 25px;}

/** ===== ..:: DIV CLEAR BETWEEN TEXTILE CONTENT ::.. ===== **/

.clearDiv { height: 25px; border-top: solid 1px #666; }

/** ===== ..:: IE6 Banner  ::.. ===== **/

.not_ie #layout_area_ie6 { display: none; }
.is_ie7 #layout_area_ie6 { display: none; }
.is_ie6 #layout_area_ie6 { display: block !important; }

#layout_area_ie6 { display: none; }

#ie6warning {
	background: #FFF2B2 url('/Resources/ACMilan/Sites/ACMSS/Images/Icons/icon_warning_2.png') 10px 2px no-repeat; 
	width: 100%;
	display: block;
	text-align: left;
	padding: 10px 0px 10px 60px;
	height: 15px;
	color: #A91E19;
	font-size: 12px;
}

#ie6warning a { color: #A91E19; text-decoration: none; font-weight: bold; }
#ie6warning a:hover { color: #7f100c; text-decoration: none; font-weight: bold; }

/** ===== ..:: IE6 FIX ::.. ===== **/


/* PNG fix */

.is_ie6 #whats-on .latest-news li, .is_ie6 .AIAC, .is_ie6 #whats-on .camps .content, .is_ie6 #programSummary .summary, .is_ie6 .stadium, .is_ie6 .camp, .is_ie6 #timeTable ul li, .is_ie6 #form-register .aurora-field-feedback-invalid, .is_ie6 #form-register .aurora-field-feedback-valid { behavior: url("/Resources/ACMilan/Sites/ACMSS/Scripts/iepngfix.htc") }

.is_ie6 #whats-on .latest-news li, .is_ie6 .stadium, .is_ie6 .camp, .is_ie6 #timeTable ul li { zoom: 1; }
.is_ie6 .AIAC, .is_ie7 .AIAC { zoom: 1; width: 300px; }
.is_ie7 #whats-on .camps { margin-left: 10px; }

.is_ie6 #whats-on .camps .content  { zoom: 1; width: 250px; }

.is_ie6 #register { position: absolute; top: 147px; left: 0; margin-left: 770px; }
.is_ie6 #register .wrap1 { padding-top: 0px; zoom: 1; }
.is_ie6 #register .wrap2 { zoom: 1; z-index: 999; padding-right: 20px; width: 80px; }

.is_ie6 #latestNews ul li.transparent { width: 400px; zoom: 1; }
.is_ie6 #trials .transparent { width: 120px; zoom: 1; }

.is_ie6 #programDetails #content { zoom: 1; }
.is_ie6 #programMap { width: 855px; margin-left: 0px; }
.is_ie6 #programMap .col2 { width: 180px; }
.is_ie6 #programMap .maps { margin-left: -10px; }
.is_ie6 #programDetails #timeTable ul li { width: 150px; }