@import url("nav.css");
@import url("modules.css");
@import url("blog.css");
@import url("forum.css");

body {margin: 0; padding: 0; color: #333; background: #15b6e8 url(../img_t/bg.png) repeat-x; font-size: 76%;}
body, textarea {font-family: Verdana, Helvetica, sans-serif;}
p, blockquote, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#15b6e8; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none;}
table, form {margin: 0; padding: 0; font-size: 100%;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold; padding: 0;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.6em; font-style: italic; font-family: arial, sans-serif;} /* also used in common files*/
h3 {font-size: 1.5em; font-style: italic; font-family: arial, sans-serif;}
h4 {font-size: 1em; font-style: italic; font-weight: normal; margin: 0.25em 0;}
h4 > p {margin: 0;}

h2 em, h3 em { color: #f16803;} /*orange */
h2 strong, h3 strong { color: #15b6e8;} /* blue */


p, pre { margin: 0 0 0.5em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: .5em 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin-left: 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul li { list-style: square; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em;}
blockquote { margin: 0 1em 0.5em 1em;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
label { position: relative; top: 0.02em; padding-right: 0.02em;}


.zoneLeft { padding: 0 1em 0 0; width: 20%;}
.zoneRight { padding: 0 0.5em; border-left: 1px solid #ccc; }

.wrap {width: 1000px; position: relative; margin: 0 auto;  }
h1#logo { position: relative; top: 22px; left: 15px; width: 263px; height: 94px;}
h2#tagline { position: absolute; top: 60px; left: 290px; width: 278px; height: 19px;}

#loginTab { position: absolute; top: 0; right: 0; width: 160px; text-align: right;}
#loginTab img {display: block; margin-bottom: 2px;}
#loginTab a.link {color: #d1d1d1; font-size: 0.9em; padding-right: 5px; text-decoration: underline;}
#loginTab a.link:hover { color: #fff;}

#newsTop {position: absolute; top: 4px; right: 170px; width: 410px; text-align: right; }
#newsTop h3 { display: inline; color: #fff; font-size: 1em; font-style: italic; position: relative; top: 3px; padding-right: 3px;}
#newsTop input.etxt {  width: 140px; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	padding: 0.3em 0.5em; font-size: 1em;}
#newsTop div { display: inline;}
#newsTop span.EditingFormInfoLabel span { color: #15b6e8; position: relative; top: 3px; font-size: 0.9em;}

#search { position: absolute; top: 127px; right: 0; width: 250px; text-align: right;}
input.stxt {  width: 140px; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	padding: 0.3em 0.5em; font-size: 1em; margin-right: 5px;}
input.srtxt {  width: 140px; border: 2px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	padding: 0.3em 0.5em; font-size: 1em; margin-right: 5px;}
	
#cnt {  margin-top: 5px;}
.subcontentDiv { background: #fff; padding: 0.5em 1em; min-height: 500px; margin-bottom: 5px;}
.subcontentDiv table table { width: 100%; }
.subcontentDiv table table td { padding: 0;}
.subcontentDiv td.cntSection { width: 820px; }
/* subpage items */
.subcontentDiv h3 {font-size: 1.2em; }
table.subPage2Col { width: 100%; }
table.subPage2Col td { padding: 1em;}
td.subPageAds { width: 120px; padding: 0 0.5em;}
td.subPageAds div.ad { margin-bottom: 5px; }

/* Video exercises */
.featuredEx { margin-bottom: 1.5em; padding: 0 0 1em 0;}	
.featuredEx img.VideoTeaserImage { float: left; width: 120px; border: 1px solid #ccc; padding: 2px;
	margin: 0 1em 0.25em 0;}
.featuredEx h2 {margin: 0 0 0.1em 0;}
.featuredEx h3 {margin: 0;}

.exerciseList {margin-top: 1.5em; padding: 0 0 1em 0;}
.exerciseList h3 { background: #ccc; padding: 5px; margin: 0;}
.exerciseList p {margin: 0.5em;}

.exerciseItem table {width: 100%; margin: 0 0.5em;}
.exerciseItem table td { padding: 0;}
.exerciseItem a { display: block; margin: 0 0 6px 0; width: 240px; }

table.videoExercise { width: 100%;}
.subcontentDiv table table.videoExercise th { width: 500px; }
.subcontentDiv table table.videoExercise th div {text-align: left; /* because ie is retarded */}
.exerciseItem table table.videoExercise td { padding: 0 0 0 1em ; width: 300px !important; }
.subcontentDiv table table.videoExercise td div, .subcontentDiv table table.videoExercise td p { 
	font-size: 11px; padding-bottom: 1em; }
.subcontentDiv table table.videoExercise td div ul li {margin-left: 1em;}
.subcontentDiv table table.videoExercise td h3 { font-size: 11px; margin: none !important; font-style: normal;
	padding: 0; border-bottom: 1px dashed #ccc; }

/* fit tips */
.fitTipHead { clear:left;}
.fitTipHead h3 { margin: 0; background: #ccc; padding: 5px; margin: 0;}
.fitTipHead p { margin: 0.5em;}
.fitTip { margin-bottom: 1.5em;}

.fitTip table { width: 100%; margin: 0 0.5em;}
.fitTip table td { padding: 0;}
.fitTip a { display: block; margin: 0 0 6px 0; width: 230px;}
.tipTeaser { float: left; margin: 0 1em 0.5em 0; padding: 2px; border: 1px solid #ccc; display: block;}
.tipDefault ol, .tipDefault ul { clear: left;}
.tipDefault a { display: inline; width: auto; margin: 0;}

/* plan page */
table.plan { width: 100%; margin: 1em 0;}
table.plan td { width: 33%; padding: 10px;}
table.plan td img { width: 290px; margin-bottom: 0.5em;}
table.plan td h2 {color: #15b6e8; font-style: normal; text-align: center; text-transform: uppercase;}

/* partner page */
.partnerItem { }
.partnerItem img { display: block; margin: 0 auto;}
.partnerItem a {font-weight: bold; display: block;}

.partnerList { margin: 1.5em 0;}
.partnerList table { width: 100%;}
.partnerList table td { text-align: center; width: 33%; padding-bottom: 1em;}

/* contact us */
#contactForm { float: right; width: 400px; border-left: 1px dashed #ccc; margin-left: 4em;}
#contactForm .bizform { margin: 1em 1em 1em 5em;}
#contactForm .bizform div.btn { margin-left: 80px;}
#contactForm span.EditingFormInfoLabel { display: block; text-align: center;}


#home1 { width: 100%; background: #fff; margin: 5px 0;}
#home1 div.fixBox { height: 210px; overflow: auto;}
#home1 td { padding: 5px;}
#home1 td p { font-size: 0.9em;}
#home1 td.Hvideo { width: 426px; }
#home1 td.Hvideo a { display: block; width: 426px; height: 241px;}
#home1 td.ad1 { width: 120px;}

#home2 { width: 100%;}
#home2 td.hLeft { width: 537px; padding: 0;}
#home2 td.hLeft div.hBlog {background: #fff; padding: 5px; margin: 0 5px 5px 0; }
#home2 td.hLeft div.hBlog div.blogHomeBox {height: 168px; overflow: auto; }
#home2 td.hLeft div.hCoach { background: #fff; padding: 5px; margin: 0 5px 5px 0; height: 177px;}
#home2 td.hLeft div.hCoach ul, #home2 td.hLeft div.hCoach ul li {margin: 0; padding: 0; list-style: none;}
#home2 #fade1 { width: 522px; height: 177px; overflow: hidden;}

#home2 td.hRight { padding: 0;}
#home2 td.hRight div.hR {margin-bottom: 5px; background: #fff; padding: 5px; font-size: 0.9em;
	height: 120px; overflow: auto;}
#home2 td.hRight div.hR h3 { margin: 0 0 0.1em 0;}
#home2 td.hRight div.hR p { margin: 0;}
#home2 td.hRight div.hRimg { width: 120px; float: left; margin: 0 10px 0 0;}
#home2 td.hRight div.hRimg img {}



#foot { background: #45494d url(../img_t/bg_foot.png) repeat-x left bottom; min-height: 248px;
	/*position: absolute; bottom: 0;*/ width: 100%; padding: 1.5em 0;}
table.ftable { width: 80%; margin: 0 auto;}
.ftable td { color: #fff; width: 33%;}
.ftable td#newsB h2 {color: #fff;}
.ftable td#newsB p { padding-right: 30px; }
.ftable td#newsB div { display: inline !important;}
.ftable td#newsB input.etxt {  width: 140px; border: 1px solid #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
	padding: 0.3em 0.5em; font-size: 1em;}
.ftable td#newsB span.EditingFormInfoLabel span { color: #15b6e8;}

.ftable td#share { text-align: center; vertical-align: middle;}
.ftable td#share a {color: #fff;}
.ftable td#share div.shareThis { margin-bottom: 0.5em;}

.ftable td#bNav  { padding-left: 80px; }
.ftable td#bNav ul, .ftable td#bNav li { color: #fff;}
.ftable td#bNav li a {color: #f16803;}
.ftable td#bNav li a:hover { color: #fff; text-decoration: none;}

#foot1, #foot2, #foot3 { text-align: center; color: #b9b9b9; font-size: 0.9em;}
#foot1 a, #foot2 a, #foot3 a { color: #b9b9b9;}
#foot1 a:hover, #foot2 a:hover, #foot3 a:hover { text-decoration: none; color: #fff;}
#foot1 {margin-top: 4em;}
#foot2 { margin: 1em 0;}

/* tabs slideshow */
/* container for slides */
.panes {
	position:relative;	
	height:300px;
	width:950px;
	/*float:left;	*/
	margin:0 0 15px 0;
	cursor:pointer;
	background: url(../skiCoach/img_t/bg_slider.png) no-repeat top right;
	/*overflow-y: auto;*/
	
	/* CSS3 tweaks for modern browsers 
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	*/
}



/* single slide */
.panes div.tbcnt {
	color: #fff; font-size: 16px; 
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin: 0;
	padding:10px 20px 10px 10px;
	height:280px;
	clear: left;
	
}


.panes div.tbcnt img.slideImage { float: left; width: 384px; margin-right: 15px;}
.panes div.tbcnt h2 { padding: 15px 0 0 0; color: #fff; font-size:30px;}
.panes div.tbcnt ul { margin: 0.5em 0 0 420px; position: relative;}
.panes div.tbcnt ul li { font-size: 14px; }
.panes div.tbcnt p { font-size: 14px;}
.panes div.tbcnt div.trialBTN { text-align: right; padding-right: 30px; display: block;}

body.EditMode .panes div.tbcnt { display: block; margin: 0; padding: 0; position: relative; height: auto; width: 100%;}

/* tabs (those little circles below slides) */
.tabs { display: none;}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:right;
	margin:3px;
	background:url(/sites/global/flowplayer/img/scrollable/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 	


.slideNav { position: absolute; right: 40px; top: 165px; z-index: 1000;}
/* prev and next buttons */
.forward, .backward {
	float: left;
	display:block;
	width:30px;
	height:33px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward { background: url(../skiCoach/img_t/sliderctr_02.png) no-repeat; clear:right; }
.forward:hover { background-position: 0 -33px;}
.forward:active { background-position: 0 -66px;} 


/* prev */
.backward {background: url(../skiCoach/img_t/sliderctr_01.png) no-repeat;}
.backward:hover { background-position: 0 -33px;}
.backward:active { background-position: 0 -66px;}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}


/* to fix edit mode */
body.EditMode .panes { height:auto; width: 100%; margin:0; background: none;}
body.EditMode .panes div { display: block; height: auto; position: relative; padding: 0;}
body.EditMode .panes div div.trialBTN, body.EditMode .slideNav {display: none;}