/* CSS Document */


/*

Main palette:

Orange: #F9A61A
Light grey: #DBDEE7
Dark grey: #404040

*/


#playerContainer {
	float : left;
}

/* Global styles */

* {
margin: 0;
padding: 0;
}

body{ font-family: arial, helvetica, sans-serif; }
a, span, div, td, p, ul{}
a {color: #000; }
p, ul{}
a:hover{}
img{border:0;}

#loading img {
margin: 2em 0 0 20px;
}

.txtLeft {text-align:left;}
.txtCenter {text-align:center;}
.txtRight {text-align:right;}

.floatLeft {float:left;}
.floatRight {float:right;}

.clearLeft {clear:left;}
.clearRight	{clear:right;}
.clear {clear:both;}
.noBorder {border:none;}
.noPadding {padding:0;}
.noMargin {margin:0;}
.fullwidth {width: 100%;}

.block{display:block;}
.inline{display:inline;}
.hidden{display:none;}

.red {color: #C00;}
.green {color: #0C0;}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */




/* Page header */
#masthead {
width: 1001px;
height: 125px;
background: url(/Images/Sportal/header_bg.gif);
position: relative;
}

#logo {
position: absolute;
top: 38px;
left:13px;
cursor : pointer;
}

#banner {
width: 728px;
height: 90px;
position: absolute;
top: 8px;
left:248px;
text-align: center;
}

#header .linklist {
border: 1px solid #F9A61A;
padding: 2px;
font-size: 11px;
float: left;
position: absolute;
left: 30px;
top: 80px;
}

#header .linklist ul {
list-style-type: none;
}

#header .linklist ul li {
float: left;
margin: 0 4px;
}

#header .linklist ul li a {
color: #F9A61A;
text-decoration: none;
}

/* schedule */

#schedule {
background-color: #E6E1DD;
padding: 12px 10px;
height: 405px;
}

#schedule h2 {
font-size: 18px;
line-height: 20px;
}

#schedule h3 {
font-size: 10px;
color: #666;
font-weight: normal;
}

#schedule h4 {
margin: 8px 0 0 0;
}

#schedule p {
background: #FFF;
padding: 5px;
margin: 10px 0;
font-size: 14px;
line-height: 22px;
}

#schedule ul {
list-style-type: none;
margin-top: 5px;
}

#schedule ul li {
background: #fff;
padding: 4px 2px;
margin: 1px 0;
}

#schedule ul li.odd {
background: #EEE;
}


/*searchbox*/


#searchbox {

	border: 6px solid #CFC9BB;
	padding: 8px;
	margin-top: 15px;
	position: relative;
	float: left;

}

#searcharea #searchbox {

	border: 0;
	margin: 8px;
	padding-bottom: 4px;
	padding: 0;

}


#searcharea h2 {

	float: left;
	margin: 8px 8px 8px 151px;
	padding-top: 10px;
	font-size: 16px;

}


#searchboxinner {

	border: 5px solid #FFF;
	background: url(/Images/Sportal/search_back.jpg);
	float: left;
	width: 240px;
	padding: 3px 10px;

}

#searchboxinner #searchinput {

	margin: 2px 5px 0 0;
	float: left;
	width: 200px;

}

#searchboxinner #gobutt {

	margin-bottom: -3px;

}

/* Page title */

h1 {
}

/* Navigation */

#navbar {
background-color:#F9A61A;
float: left;
}

#navbar h2 {
}

#navbar ul#nav { background-color: #FFF;  }

#navbar ul{ list-style-type:none;
}

#navbar ul li { float:left; padding:4px 0 4px 10px; border-bottom:1px solid #FFF;; background-color:#F9A61A; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight: bold; width:75px; background-image:url(/Images/Sportal/nav_bg.gif); background-repeat:no-repeat;
}

#navbar ul li a { color:#000000; text-decoration:none; display: block;
}

#navbar ul li a:hover {color:#000000; text-decoration:underline;}

#navbar ul li a.current {color:#000000; text-decoration:underline;}

#navbar ul li a.current:hover {color:#000000; text-decoration:underline;}

#navbar ul li a:active {
}

#navbar ul li.selected {
}

#navbar ul li.selected a {
}

#navbar ul li.selected a:hover {
}

#navbar ul li.last {
background-image: none;
}

#navbar ul li.endgroup {
}

#navbar ul li.endgroup a {
}

#navbar ul li.endgroup a:hover {
}

/*second level */

#navbar ul ul {
}

#navbar ul ul li {
}

#navbar ul ul li.selected {
}

#navbar ul ul li.last {
}

#navbar ul ul li a {
}

#navbar ul ul li.selected a {
}

#navbar ul ul li a:hover {
}

/* third level */

#navbar ul ul ul {
}

#navbar ul ul ul li {
}

#navbar ul ul ul li.selected {
}

#navbar ul ul ul li.last {
}

#navbar ul ul ul li a {
}

#navbar ul ul ul li.selected a {
}

#navbar ul ul ul li a:hover {
}


/* Content area */

#wrapper {
border: 2px solid #000;
padding: 4px;
float: left;
width: 989px;
}

.left { float:left; width:340px;border:0px solid #000; margin-right: 4px; margin-bottom:10px;}


.content {
	float:left; width:330px; padding: 5px; background:  #F9A61A url(/Images/Sportal/player_bg.gif);  margin-right: 4px;
}

#onecol .content {
width: 94%;
background: none;
margin: 0;
padding: 2% 3%;
}

.right {
float:left; width:300px; 
}

.spancol {
}

/* Story styles */

h2.sectionheader {
}

.topstory {
width: 308px;
margin: 4px 12px 12px 12px;
float: left;
display: inline;
}

.right .topstory {
width: 294px;
border: 1px solid #DBDEE7;
padding: 3px 2px;
margin: 0 0 3px;
}


.topstory img.storypic {
height: 62px;
width: 82px;
float: left;
margin-right: 9px;
border: 1px solid #CCC;
margin-bottom: 3px;
}

.topstory h2 {
font-size: 12px;
}

.topstory h2 a {
text-decoration: none;
color: #F9A61A;
}

.topstory h2 a:hover {
}

.topstory .clipbuttons {
clear: left;
}

.topstory .clipbuttons a {
display: block;
float: left;
height: 12px;
text-indent: 14px;
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
text-decoration: none;
}

.topstory a.playnow {
width: 84px;
margin-right: 5px;
background: url(/Images/Sportal/play_now.gif) no-repeat;
}

.topstory a.addtoplaylist {
background: url(/Images/Sportal/add_to_playlist.gif) no-repeat 0 1px;
}

.topstory h3 {
}

.topstory p {
font-size: 11px;
}

.right .topstory p {
font-size: 10px;
}

.topstory p a {
}

.topstory p a:hover {
}

.secondarystory {
border-top: 1px solid #D35B05;
border-bottom: 1px solid #EE9537;
float: left;
padding: 4px 0;
width: 100%;
}

.secondarystory img.storypic {
}

.secondarystory h2 {
font-size: 11px;
color: #FFF;
}

.secondarystory h2 a {
color: #FFF;
text-decoration: none;
}

.secondarystory h2 a:hover {
text-decoration: underline;
}

.secondarystory h3 {
}

.secondarystory p {
}

.secondarystory p a {
}

.secondarystory p a:hover {
}

#storybody {
}

#storybody #imgcap {
}

#storybody #imgcap p {
}

#storybody #imgcap img.storypic {
}

#storybody h2 {
}

#storybody h2 a {
}

#storybody h2 a:hover {
}

#storybody h3 {
}

#storybody p {
}

#storybody p a {
}

#storybody p a:hover {
}

.linklist {
}

.linklist h2 {
}

.linklist ul {
}

.linklist ul li {
}

.linklist ul li.last {
}

.linklist ul li a {
}

.linklist ul li a:hover {
}

/* Story float */

.storyfloat {
}
/* Promo boxes */
/* Table */

/* Site-specific styles */
.rating {margin: 3px 0 0 0;}
.rating p {float: left;margin: 0 10px 0 0;}

.rating a.star {
margin-top: 1px;
display: block;
height: 12px;
width: 12px;
text-indent: -999px;
font-size: 2px;
float: left;
margin: 1px 3px 0 0;
background: url(/Images/Sportal/grey_star.gif)
}

.rating a.orange {background: url(/Images/Sportal/orange_star.gif);}

#playerlinks {
background-color: #AD4A06;
font-size: 11px;
color: #FFF;
font-weight: bold;
width : 330px;
height : 24px;
}

#playerlinks a {color: #FFF;text-decoration: none;}
#playerlinks a:hover {text-decoration: underline;}
#playerlinks .rating {background-color: #AD4A06;float: left;padding: 5px;margin: 0px;}
#playerlinks .rating a.star {background: url(/Images/Sportal/grey_orange_star.gif)}
#playerlinks .rating a.orange {background: url(/Images/Sportal/orange_star_dark_bg.gif)}
#playerlinks .rating p {margin: 0 5px 0 3px;}
#email {background: #AD4A06 url(/Images/Sportal/email.gif) no-repeat 0px 2px;float: right;padding: 5px;text-indent: 20px;width: 149px;}

/* player tools */
#cliplisting {
overflow-y: auto;
overflow-x: hidden;
width: 340px;
clear: left;
height:440px;
}

#sportalPlayer {
height: 315px;
width: 330px;
background-color: #000;
float: left;
}

#np {
background-color: #000;
font-size: 11px;
font-weight: bold;
float: left;
}

#np_title {
color: #F9A61A;
float: left;
text-transform: uppercase;
padding: 4px;
width: 82px;
}

#np_clip {
background: #DBDEE7;
float: left;
padding: 4px;
width: 232px;
}

#playertools {
background: #CAE2FE;
padding: 4px;
float: left;
width: 322px;
margin-bottom: 3px;
font-weight : bold;
}

#playertools ul {
font-size: 11px;
list-style-type: none;
}

#playertools ul li {
float: left;
margin-right: 13px;
}

#playertools ul li a {
color: #000;
text-decoration: none;
}

#playertools ul li a:hover {
text-decoration: underline;
}


/* playlist */
#playlist {
overflow-y: auto;
overflow-x: hidden;
padding: 0;
height: 98px;
margin: 8px 0 0 0;
float:left;
width: 100%;
}

#playlist h2.sectionheader {
font-size: 12px;
color: #FFF;
margin: 3px 0;
}

#playlist .linklist ul {
list-style-type: none;
}

#playlist .linklist li {
float: left;
padding-right: 8px;
font-size: 10px;
}

#playlist .linklist li a {
color: #FFF;
}

/* paging */

#paging {
clear: left;
}

#paging .linklist {
list-style-type: none;
font-size: 12px;
padding-left: 100px;
}

#paging .linklist li {
float: left;
margin: 0 3px;
}

#paging .linklist li a {
display: block;
color: #666;
}

#paging .linklist li.selected a {
text-decoration: none;
color: #000;
font-weight: bold;
}

#paging .linklist li.previous, #paging .linklist li.next  {
width: 20px;
}

#paging .linklist li.previous a, #paging .linklist li.next a  {
text-decoration: none;
}

#paging .linklist li.previous {
background: url(/Images/Sportal/arrow_left.gif) no-repeat right;
}

#paging .linklist li.next {
background: url(/Images/Sportal/arrow_right.gif) no-repeat;
}

/* right column */

#s_mpu img {
float: left;
}

#mostviewed {
margin: 4px 0 2px 0;
float: left;
}

/* container   */
.container {
border: 1px solid #F9A61A;
padding: 1% 2%;
background: #EFEAE6;
margin-bottom: 15px;
}

.container h1 {
font-size: 18px;
}

.container p {
font-size: 16px;
margin: 4px 0;
}


/* forms */

form {
border: 1px solid #F9A61A;
padding: 1% 2%;
}

h1.username {font-size: 18px;margin: 18px 0 10px 0;}
.delete {color: #C00; font-weight: bold;}

fieldset {
border: 1px solid #DBDEE7;
padding: 0 2% 1% 2%;
margin-bottom: 5px;
}

legend {
font-size: 18px;
font-weight: bold;
color: #F9A61A;
line-height: 50px;
}

.formcol {
width: 50%;
float: left;
margin-bottom: 15px;
}


.formcol label {
display: block;
width: 140px;
float: left;
font-weight: bold;
font-size: 14px;
line-height: 24px;
}

.formcol label .smallgrey {
line-height: 12px;
font-size: 11px;
color:#999;
font-weight: normal;
}

.formcol input {
width: 250px;
padding: 4px;
float: left;
border: 1px solid #7F9DB5;
}

.forminner {
margin-bottom: 20px;
float: left;
}

.forminner input {
clear: left;
margin-right: 5px;
}

.forminner label {
width: 150px;
display: block;
float: left;
font-size: 12px;
margin-bottom: 5px;
}

.forminner label.fullwidth {
width: 100%;
}

.forminner h2 {
font-weight: bold;
font-size: 14px;
margin-bottom: 5px;
}

.forminner p {
font-size: 12px;
color: #666;
margin-bottom: 5px;
}

.formcol select {
padding: 4px;
border: 1px solid #7F9DB5;
}

.formcol select.multi {
padding: 1px;
border: 1px solid #7F9DB5;
width: 250px;
margin: 3px 0 0 10px;
}

.formcol select.smallselect {
width: 70px;
}

.formcol input.yearbox {
width: 20px;
float: none;
padding: 2px;
}

.formcol .yeartext {
font-size: 14px;
line-height: 20px;
}

.formcol .info {
clear: left;
font-size: 11px;
color: #666;
width: 400px;
margin: 5px 0;
float: left;
}

fieldset .error {
clear: left;
font-size: 11px;
color: #FFF;
width: 396px;
margin: 5px 0 0 0;
float: left;
font-weight: bold;
background: #C00;
padding: 1px 2px;
display: none;
}

.formcol .error a {
color: #FFF;
}

.formcol .inputerror {
border-color: #C00;
}

#empty {
margin: 10px 0;
padding: 15px 0;
font-size: 14px;
font-weight: bold;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#empty .smallgrey {
color: #666;
font-size: 12px;
font-weight: normal;
}

/* Promo boxes */
.bg {background-color:#696864; margin-top:5px; padding-bottom:10px;}

.promos { float:left; width: 250px; }
.spacer {width:100%; height:50px; background-color:#D7D2CC;}

.promo1 { width:244px; height:93px; background-image:url(/Images/Sportal/promo1_bg.gif); background-repeat:no-repeat; margin:20px 0px 10px 15px; }
.promo1 .inner {}
.promo1 img { float: left; padding:5px 0 0 17px;}
.promo1 h2 {}
.promo1 h2 a {}
.promo1 h2 a:hover {}
.promo1 p {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; padding:40px 10px 0 10px;}
.promo1 p a {}
.promo1 p a:hover {}

.promo2 {width:244px; height:93px; background-image:url(/Images/Sportal/promo2_bg.gif); background-repeat:no-repeat; margin:0 0 0 15px; }
.promo2 .inner {}
.promo2 img { float: left; padding:5px 0 0 17px;}
.promo2 h2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold; padding:5px 10px;}
.promo2 h2 a {}
.promo2 h2 a:hover {}
.promo2 p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; font-weight:bold; padding:0px 10px 0 10px;}
.promo2 p a {}
.promo2 p a:hover {}

.mysportal { float:left;  width:700px; height:350px; background-image:url(/Images/Sportal/mysportal_bg.gif); background-repeat:no-repeat; margin:10px 0 0px 15px;}

.promo3 {float:right; padding:10px 20px 0 0;}

.promo4 { margin:10px 0 0 5px; float:left; width:270px; height:330px; background-image:url(/Images/Sportal/mysportal_box.gif); background-repeat:no-repeat;}
.promo4 .inner {margin-top:35px;}
.promo4 p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; padding:10px 10px 0 15px;}
.promo4 img {padding:10px 10px 0 0;}
.last_p {width:150px; float:left;}

/* Footer */
#networklinks {clear:both; width: 100%; margin-top:5px; font-family:Tahoma; font-size:11px; line-height:16px;}
#networklinks h2 {padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#F9A61A; background-color:#000;}	
#networklinks h2 a {color:#F9A61A; text-decoration:none;}
#networklinks h2 a:HOVER {color:#FFF; text-decoration:none;}
#networklinks h3 {padding-left:5px; margin: 0px; font-size: 11px;	font-weight: bold; color: #999}
#networklinks p {padding-left:5px; line-height:16px; color:#999999;}
#networklinks a {color:#000; text-decoration:none;}
#networklinks a:hover {color:#000000; text-decoration:underline;}