/* globals.
---------------------------------------------------------- */
body {background: white url(/cup/img/bg.gif) top center; font:12px helvetica, arial, sans-serif; text-align:center;margin:0;padding:0; color:#666}
#wrap {width:708px;margin:0 auto; text-align:left;padding-left:55px;}
h1,h2,h3,h4 {margin:0;padding:0}
h1 {font-size:28px; line-height:24px;margin:5px 0 10px 0}
h2 {font-size:20px; margin:10px 0 5px 0}
h3 {font-size:18px; border-bottom:1px dashed; margin:5px 0 10px 0; font-weight:normal}
h3, h3.about {border: 0; margin: 15px 0 10px 0;}
h4 {font-size:14px}
p {margin:0 0 10px 0}
img {border:0;outline:none}
th, td {padding:5px}
a {text-decoration:none;outline:none;color:#666}
#content a {text-decoration:underline}
#content a.gloss {text-decoration:none; border-bottom:1px dashed}
a.external span {position: absolute;left:-5000px;width:4000px;}
a.external:link {background: url(/cup/img/icon_external_link.gif) no-repeat 100% 0;padding: 0 20px 0 0;}
a.external:visited {color: purple;background: url(/cup/img/icon_external_link.gif) no-repeat 100% -100px;padding: 0 20px 0 0;}
a.external:hover {color: red;background: url(/cup/img/icon_external_link.gif) no-repeat 100% -200px;padding: 0 20px 0 0;}
ul {list-style:none;margin:0; padding:0}
li.full {display:none} /*hide text swticher*/
dl,dd {margin:0; padding:0}
dt {font-weight:bold;margin-top:7px}

/* tables (different types).
---------------------------------------------------------- */
table {width:103%;clear:both}
table thead tr {background:url(/cup/img/bg_th.gif); height:50px}
th a {color:grey; background-color:#4e4e4e; padding:0 4px;color:#fff}
thead th {padding:10px 0 .5em 0 ;text-transform:uppercase; line-height:42px}
thead th span {color:white;background-color:black; padding:1px 5px; margin:5px}
thead th.last {background:transparent url(/cup/img/bg_top.gif) 0px -8px no-repeat}
tbody td {padding:1em .5em;vertical-align:top; font-weight:bold}
.tableSortArrow {background:transparent;color:black;padding:0;margin:0}
tbody td a {display:block; margin:0 0 10px 0; font-weight:normal}
tbody tr {background: url(/cup/img/skic_5col_sbtr_off.jpg) top left repeat-x}
/* sponsorship */
table.sponsor {margin:0 auto; width: 600px;}
table.sponsor thead tr {background:url(); height:20px}
table.sponsor thead th {padding:0;background-color:#e1e1e1}
table.sponsor th a {padding:0;}
table.sponsor tbody tr {background:transparent} 
table.sponsor tbody tr.nameplates td {padding:0px 0 20px 0} 
table.sponsor tbody td {padding:0; text-align:center}
table.sponsor tbody td a {display:inline; margin:0 0 10px 0; font-weight:bold}
/* for when results come in */
tbody tr.results {background: url(/cup/img/skic_5col_sbtr_on.jpg) top left repeat-x} 
/* rules page */
table.rules {float:left; width:150px; margin-right:40px;clear:none}
table.rules tbody td {padding:.25em 1em;font-weight:normal}
table.rules tbody tr {background:transparent}
table.rules tbody tr.odd {background-color:#ccc}
/*events*/
table#events tbody td img {float:left; margin-right:10px}
/*news*/
table#articles th.first {width:235px}
table#articles th {padding-bottom:0;}
table#articles td a {font-weight:bold; margin:0}
table#articles td p {font-weight:normal; margin:0;}
/*standings*/
table.standings {width:400px}
table.standings th {padding-left:10px}
table.standings td.points, table.standings th.points {text-align:center}
div#content ul.standings_nav li {float:left; border-right:1px solid; padding:0 15px; background:transparent}
div#content ul.standings_nav li.last  {border-right:0px solid; }

table.sports {float:right; clear:left; width:600px;}
table.sports tbody td  {margin:2px 0 10px 0; font-weight:normal}
table.sports tbody td a {margin:2px 0 0 0; font-weight:bold}
table.sports thead tr {background:url(); height:20px}
table.sports thead th {padding:0;background-color:#e1e1e1}

table.sports tr {background:transparent} 
table.sports tr.nameplates td {padding:0px 0 20px 0} 

table.sports td {padding:0; text-align:center; vertical-align:middle; }
table.sports td a {font-weight:bold; padding:0;}
/* top links and footer.
---------------------------------------------------------- */
div#global {float:left; width:708px; margin:11px 0 9px 0; padding:0; color:#999;font-size:10px;}
div#global a, div#foot a {color:#999}
div#global a:hover, div#foot a:hover {color:#666}
div#global li, div#foot li {float:left; border-right:1px solid; padding:0 7px}
div#global ul li.last, div#foot ul li.last  {border-right:0px solid; margin-right:50px; display:inline}
div#foot {float:left; width:658px; height:68px; margin:60px 0; background: url(/cup/img/skic_footer_en_CA.gif) 0 0 no-repeat; color:#999; font-size:10px}
div#foot ul {float:left;margin-top:30px !important;}
div#foot img {float:left;margin-top:20px;display:inline}
div#foot ul li.last {margin-right:0}

/* main and sub navs.
---------------------------------------------------------- */
ul#nav, ul#subnav  {font-size:14px; font-weight:bolder; text-transform:uppercase; letter-spacing:-1px;clear:both}
ul#nav li {float:left; margin-right:20px}
/* may need different margins for French */
ul#nav a {color:#000; padding:1px 4px}
body#about ul#nav li#t-about a, body#news ul#nav li#t-news a, body#races ul#nav li#t-races a, body#champs ul#nav li#t-champs a, body#events ul#nav li#t-events a, body#olympics ul#nav li#t-olympics a,
ul#nav a.on, ul#nav a.on:hover {color:#9CEF25; background-color:#000}
ul#nav a:hover {background-color:#9CEF25}
ul#nav span {color:#999}
div#sidebar {float:left;width:350px;margin:0 0 15px 0} /* min height? */
div#sidebar.aboutFr {float:left;width:350px;margin:0 0 15px 0} /* min height? */

div#sidebar.empty {background-color:#9CEF25;height:75px;width:241px;margin-right:20px}
div#sidebar.dropdown {background-color:#D8D4D5;height:75px;width:241px;margin-right:20px}
div#sidebar.dropdown select {background-color:#A0A0A0; color:#e5e5e5; width:200px; margin:5px 0 0 20px}
div#sidebar.dropdown label {margin:20px 0 0 25px; display:block; font-weight:bold}
ul#subnav {font-size:18px; font-weight:bolder; height: 75px; margin:1px 0 0 0;}
ul#subnav a {color:black; background:#9CEF25 url(/cup/img/bullet_snav_off.gif) left no-repeat; padding:0 18px 0 20px}
ul#subnav a:hover {color:#000; background:#fff url(/cup/img/bullet_snav_off.gif) 13px center no-repeat; padding:0 18px 0 30px}
ul#subnav a.on, ul#subnav a:hover.on {color:#fff; background:#000 url(/cup/img/bullet_snav_on.gif) 13px center no-repeat; padding:0 18px 0 30px}
ul#subnav li {margin-top:-1px}
/* sub-sub nav.
---------------------------------------------------------- */
ul#subnav ul li {font-size:80%; margin-left:10px;; width:200px}
ul#subnav ul li a {background:transparent url(/cup/img/bullet_snav_off.gif) 0 -0.5em no-repeat; }
ul#subnav ul a:hover {background:#fff url(/cup/img/bullet_snav_off.gif) 13px -0.5em no-repeat; }
ul#subnav ul a.on, ul#subnav ul a:hover.on {background:#000 url(/cup/img/bullet_snav_on.gif) 13px -0.5em no-repeat;} 

/* race result.lts sidebar
---------------------------------------------------------- */
#sidebar select#c_races {margin:10px 0;background-color:#A0A0A0; color:#e5e5e5;}
#sidebar #conditions {padding:15px 0 0 0}


/* homepage is unique.
---------------------------------------------------------- */
#home #content {float:left;background: #ccc url(/cup/img/skic_home_back.jpg) top left no-repeat; padding:30px 0 0 0}
#home #content p {margin-left:30px}
#home #content div.cta {float:left; width:219px; height:165px; margin:22px 0 0 0;}
#home #content div#nextraces {background: url(/cup/img/skic_home_01_news_en_CA.jpg);}

#home #content div#nextraces dl {margin:38px 5px 0 37px;padding:0; font-weight:bold}
#home #content div#nextraces dl.last {margin:10px 5px 0 37px;border-top:1px dashed; width:150px}

#home #content div#nextraces2 {margin-left:-21px; background: url(/cup/img/skic_home_03_even_takedown_en_CA_.jpg);}

#home #content div#nextraces2 dl {margin:38px 5px 0 37px;padding:0; font-weight:bold}
#home #content div#nextraces2 dl.last {margin:10px 5px 0 37px;border-top:1px dashed; width:150px}

#home #content div#nextraces2FR {margin-left:-21px; background: url(/cup/img/skic_home_03_even_takedown_fr_CA.jpg);}

#home #content div#nextraces2FR dl {margin:38px 5px 0 37px;padding:0; font-weight:bold}
#home #content div#nextraces2FR dl.last {margin:10px 5px 0 37px;border-top:1px dashed; width:150px}

#home #banner {height:213px;}
#home #banner div {display:inline}
#home div#flashcontent  {float:none;background:transparent;padding:0}

/* main content.
---------------------------------------------------------- */
#banner {clear:both; height:178px; margin:0; padding:0}
div#content {margin-right:50px}
div#content ul {margin:5px 0}
div#content ul li {background:url(/cup/img/bullet.gif) left 3px no-repeat; padding:0 0 0 20px;}
div#content dl.img, div#content img.lt {float:left; clear:left; margin:12px; /*background:url(/cup/img/bg_th.gif*/) bottom left no-repeat;width:237px; display:inline;}
div#content dl.img2, div#content img2.lt2 {float:left; clear:none; margin:12px; background:url(/cup/img/bg_th.gif) bottom left no-repeat;width:237px; display:inline;}
div#content img.wp {float:left; margin:12px; width:190px;  background:url(/cup/img/bg_th.gif) bottom left no-repeat;}
div#content img.null {float:left;clear:left;margin:12px; width:237px; display:inline;}
div#content dl.img dd {height:30px; margin:0 0 0 10px}

div#flashcontent, div#flashcaption  {float:left;}
div#flashcontent {/*background:#ccc url(/cup/img/bg_top.gif)*/ top left repeat-x; /*padding:40px 15px 15px 15px; margin-bottom:20px; */ display: block; clear: both;}
div#flashcaption { /*margin-top:100px;*/ width:240px; background:transparent url(/cup/img/skic_5col_tb_top.gif) no-repeat; }
div#flashcaption div {background:transparent url(/cup/img/skic_5col_tb_top.gif) bottom left no-repeat;padding:20px 15px 30px 15px; display: block; clear: both;}
/* after the launch change to content layout
- Should probably change all pages, altho causes problems with anomoly content such as tables */
#olympics #content p, #olympics #content h2, #olympics #content h3, #olympics #content ul,
#events #content p, #events #content h2, #events #content h3, #events #content ul, 
#news #content p, #news #content h2, #news #content ul,
#content.column {margin-left:261px}
#news #content table p {margin-left:0}

/* events page.
---------------------------------------------------------- */
#events #content table.column {margin-left:261px; width:400px;}
#events #content table.column dl {font-weight:normal; margin:0; padding:0}
#events #content table.column dl dt a {font-weight:bold; margin:0;display:inline}
#events #content table.column dl dd {margin:0; padding:0}

/* sponsorship page.
---------------------------------------------------------- */
dl.sponsor {height:60px;width:658px;background:#fff url(/cup/img/skic_5col_tr_head_wh.gif) top left repeat-x;margin:40px 0 10px 0; padding:30px 0 5px 0}
dl.sponsor dt, dl.sponsor dd { margin:0 0 0 20px; padding:0}
dl.sponsor dt {font-size:20px}
dl.sponsor dd {font-size:13px; font-weight:bold}
dl.sponsor dd.img img {float:right; margin-top:-25px} 

/* gallery.
---------------------------------------------------------- */
div#gallery {float:left; width:658px; padding-top:10px; background: url(/cup/img/bg_top.gif) top left repeat-x;}
div#gallery div#galnav {float:left;width:315px;text-align:right;margin:0 40px 0 25px; display:inline}
div#gallery dl#caption {float:left; width:260px; height:30px;}
dl#caption dt {font-weight:bold}
dl#caption {margin:15px 0 0 0;padding:0}
dl#caption dt, dl#caption dd {margin:0;padding:0}
div#thumbs {float:left; background:#ccc url(/cup/img/bg_top.gif) top left repeat-x;padding-top:10px;}
div#thumbs div {float:left;background: url(/cup/img/bg_bot.gif) bottom left repeat-x;padding-bottom:30px; width:230px}
div#thumbs a {float:left; margin:0 3px 0 3px; border:1px solid #ccc}
div#thumbs a:hover {border:1px solid orange}
#content #gallery h2 { float:left; margin-left:23px; padding:0px; width:200px; }
#content #gallery .facebook {  float:right; height:30px; margin:10px 13px 0 0;}
#facebook-img { position:relative; top:5px; }
#facebook-text { margin-right:5px; font-size:14px; line-height:1px; }
#facebook-text-sml-fr { position:relative; top:8px; left:148px; font-size:9px; }

/* races.
---------------------------------------------------------- */
/* Race gallery has slightly different sizes */
#events div#thumbs div {width:275px}
#events div#gallery div#galnav {float:left;width:336px;text-align:right;margin:0 19px 0 25px; display:inline}
#events div#gallery #content dl {margin-left:0px}

#races h2.mtn {margin-top:25px; border-top:3px solid; padding-top:20px}


/* global classes.
---------------------------------------------------------- */
.lt {float:left}
.rt {float:right}
.clear {clear:both; line-height:1px}
.hide {display:none}

/* js created nested hr.
---------------------------------------------------------- */
div.line hr {display:none;}
div.line {background:transparent url(/cup/img/skic_5col_tb_top.gif) no-repeat center center;height:30px;margin-top:10px}

/* Default DOM Tooltip Style */
/* Nicetitle Style */
div.niceTitle
{
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 13px;
	font-family: "Trebuchet MS", sans-serif;
	width: 250px;
	left: 0;
	top: 0;
	padding: 4px;
	position: absolute;
	text-align: left;
	z-index: 20;
	-moz-border-radius: 0 10px 10px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
	-moz-opacity: .87;
	-khtml-opacity: .87;
	opacity: .87;
}
div.niceTitle .contents
{
	margin: 0;
	padding: 0 3px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div.niceTitle p
{
	color: #D17E62;
	font-size: 9px;
	padding: 3px 0 0 0;
	margin: 0;
	text-align: left;
	-moz-opacity: 1;
}
table.schedule tbody td a {display:inline; margin:auto;  font-weight:bold}

/* Rod's Styles
---------------------------------------------------------- */
div#llLogo {float:left; width:260px; margin:0 0 15px 0; background:url(/cup/img/skic_07_con_lakeLouise_en_CA.gif) top left no-repeat;} /* min height? */
div#llLogo.empty {float:left background-color:#CC6699; height:159px; width:237px; margin-right:20px; margin-top:80px;}

/*div#topContent {float:right;background-color:#CC6699; width:400px; margin:0 0 0px 0; }*/
table#topContent {background:#e1e1e1; width:595px; !important: padding:none; margin:none; }
table#topContent td {background:transparent; padding:none; margin:none;}
table#topContent p {font-size:12px; font-weight:normal;}
table#topContent p.bolder {font-size:18px; font-weight:bold;}
table#topContent h1 {font-size:28px; line-height:24px;}
table#topContent a {font-size:12px; font-weight:bold; text-decoration:none;outline:none;color:#666}
table#topContent td {background:#e1e1e1; padding:0px 10px 10px 0px; margin:0px 10px 10px 0px; }
table#topContent tbody {padding:0px 10px 10px 0px; margin:0px 10px 10px 0px;}

ul#enterFormU311325 li  {padding:0; margin-top:0px;}

div#sidebarU311325 {float:left; margin:0 0 15px 0; border: clear:none; }
div#topContentU311325 {width:400px; margin:0px 0px 10px 250px; }
div#topContentU311325 a {font-size:12px; font-weight:bold; text-decoration:underline;outline:none;color:#666}
div#U311325topImg { float:left; width:237px; height:159px; background:url(/cup/img/skic_07_con_lakeLouise_en_CA.gif) top left no-repeat; clear:all;}


ul#enterFormU311325  {color:#000; font-size:25px; font-weight:bold; padding:0; margin-top:0px;}
ul#enterFormU311325 a {color:#000; font-size:25px; font-weight:bold; padding:0; margin-top:0px;}
ul#enterFormU311325 span {color:#FFF; font-size:25px; font-weight:bold; padding:none; margin:none; line-height:25px;}
ul#enterFormU311325 a:hover {color:#FFF; font-size:25px; font-weight:bold; padding:none; margin:none;}
span.headline {font-size:25px; !important:font-weight:bold; color:#666}
p.rulesHead {font-size:12px; !important:font-weight:bold; color:#666}
p.rules {font-size:12px; font-weight:normal; color:#666}
ul.rules {list-style:none; font-size:12px; font-weight:normal; color:#666; margin: 20px 0 20px 30px;}
a.rules {font-size:12px; font-weight:normal; text-decoration:underline;outline:none;color:#666}
table#topContent  {background-color:#000; border-collapse:collapse; !important: padding:none; margin:none; }
table#topContent td.data  {font-size:10px; font-weight:normal; color:#666}
table#rulesTableFR {width: 655px;}
table#rulesTableFR td.dataFR  {font-size:9px; font-weight:normal; color:#666}

/* end Rod's Styles
---------------------------------------------------------- */

/* Martin's styles */
.eventTitle {
  background-color:#000000;
  color:#ffffff;
  font-weight:bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:2px;
  padding-bottom:2px;
  font-size:120%;
  text-transform: uppercase;
}

.bullet {
	background-image: url(/cup/img/bullet.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: 3px;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 20px;
	list-style: none;
}

.greenbutton {
	color: black;
	background-color: #9cef25;
	background-image: url(/cup/img/skiCup_5_greenarrow.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: left;
	background-y-position: center;
	padding-top: 0pt;
	padding-right: 18px;
	padding-bottom: 0pt;
	padding-left: 20px;
	text-transform: uppercase;
	font-size:16pt;
	font-weight: bolder;
	width:180px;
}

.repeatBackground {
	background: url(/cup/img/skic_5col_sbtr_off.jpg) top left repeat-x repeat-y;
}

.noBackground {
	background-image: none;
	font-weight:normal;
}

.rules {
	list-style: decimal;
	list-style-image: none;
}

div#newsbar.dropdown {background-color:#D8D4D5;height:75px;width:241px;margin-right:20px}
div#newsbar.dropdown select {background-color:#A0A0A0; color:#e5e5e5; width:200px; margin:5px 0 0 20px}
div#newsbar.dropdown label {margin:20px 0 0 25px; display:block; font-weight:bold}

div#videogallery {float:left; width:658px; padding-top:10px; background: url(/cup/img/bg_top.gif) top left repeat-x;}
div#videogallery div#vidgalnav {float:left;width:336px;text-align:right;margin:0 20px 0 25px; display:inline}
div#videogallery dl#caption {float:left; width:270px; height:30px;}

div#thumbs2 {float:left; background:#ccc url(/cup/img/bg_top.gif) top left repeat-x;padding-top:0px;}
div#thumbs2 div {float:left;background: url(/cup/img/bg_bot.gif) bottom left repeat-x; width:270px}
div#thumbs2 a {float:left; margin:0 2px 5px 2px; border:1px solid #ccc}
div#thumbs2 a:hover { border:1px solid orange}
/* END Martin's styles */

/* Rod's Styles 2008
---------------------------------------------------------- */

/* ATHLETES BIO' SECTION*/
ul.athltStats {width: 375px; list-style:none; font-size:12px; color: #6F6F6F; font-weight:bold;  }
ul.athltStats li {background-image: url(/cup/img/spacer.gif) !important;}
ul.athltStats span.stat {color: #494949; font-size:12px; font-weight:bold;}
span.title {text-transform: uppercase; cursor:pointer; font-weight:bold; font-size: 14px;  background:#9CEF25 url(/cup/img/bullet_snav_off.gif) 0 -0.5em no-repeat; letter-spacing: -0.5px;}
span.title:hover {background:#fff url(/cup/img/bullet_snav_off.gif) 5px -0.5em no-repeat; }
span.gender {text-transform: uppercase; font-weight:bolder; font-size: 16px; letter-spacing: -0.5px;}
span.selected, span.selected:hover { background:#000 url(/cup/img/bullet_snav_on.gif) 8px center no-repeat; color: #fff;}



#list3 h4 {color: #494949; font-weight:bold; font-size: 12px; }
table.athltRank { font-size: 12px; color: #6F6F6F; background-image: url(/cup/img/spacer.gif) !important; width: 320px; text-align:left;}
table.athltRank tbody tr {background-image: url(/cup/img/spacer.gif) !important; }
table.athltRank th, td  {padding: 0px!important;; margin: 0px!important; font-weight:normal!important;; }

#list3 a {color: #697A1C; font-weight:bold; font-size: 12px; }



/* END Rod's Styles 2008
---------------------------------------------------------- */



/* Garry's Styles 2009
---------------------------------------------------------- */

tbody tr.noBG {background: transparent;} 
#omegaTimer_olympicGames
{
	dislpay: inline;
	clear: left;
	float: left;
	margin-left: 27px;
}

/* END Garry's Styles 2008
---------------------------------------------------------- */

/*** GMC CUP PHASE 3 2010 ***/

div#events_list div.title {text-transform: uppercase; font-weight:bolder; font-size: 16px; letter-spacing: -0.5px;}

div#events_list div.event span.title { text-transform: uppercase; cursor:pointer; font-weight:bold; font-size: 14px;  background:#9CEF25 url(/cup/img/bullet_snav_off.gif) 0 -0.5em no-repeat; letter-spacing: -0.5px; padding: 0 0 0 20px; }
div#events_list div.event span.title:hover { background:#fff url(/cup/img/bullet_snav_off.gif) 5px -0.5em no-repeat; padding: 0 0 0 25px;}
div#events_list div.event span.selected { background:#000 url(/cup/img/bullet_snav_on.gif) 8px center no-repeat; color: #fff; padding: 0 0 0 25px;}
div#events_list div.event span.selected:hover { background:#000 url(/cup/img/bullet_snav_on.gif) 8px center no-repeat; color: #fff;}

div#events_list div.event div.content div.details { float: left; margin-bottom:20px; background:transparent url(/cup/img/vanderbeek09head1peak_witney.jpg) 400px 0px no-repeat; width:400px; }
div#events_list div.event div.content div.details a { color: #333; font-weight: bold; }
div#events_list div.event div.content div.details a:hover { text-decoration: underline; }
div#events_list div.event div.content div.details h3 { text-transform: uppercase; font-size: 14px; font-weight: bold; margin-bottom: 3px; }
div#events_list div.event div.content div.details h4 { text-transform: uppercase; font-size: 14px; font-weight: normal; margin-bottom: 10px; }

div#events_list div.event div.content div.image { float: left; margin: 0 0 0 20px; }