/* Copied from 2-Column Sandbox */
/* Created 17 Dec 2012 */
/* 20121217 - background */
/* 20121218 - background color change, fixed */
/* 20121218 - poll container */
/* 20131113 - modu changes */
/* 20140729 - background color to transparent */
/* 20140805 - change border colors to white */
/* 20151001 - change team stats page font color to teal */


body  { background: #ffffff url(http://3.cdn.nhle.com/sharks/v2/ext/images/background.jpg) no-repeat scroll top center }

.rightrailpoll .poll, .pollContainer { background: #FFFFFF }
.inbodypoll .poll { background: none; }


#pageBody { background: transparent; }
 
#siteMenu { 
/*background: url(teal50.png) repeat ;*/
    background:rgb(0,120,138);
	background:rgba(0,120,138);
    
}




.sf-menu li li, .sf-menu li li ul li { 
    background:rgb(0,120,138);
	background:rgba(0,120,138,0.85);

}

.sf-menu li li li { 
  background:rgb(0,120,138);
	background:rgba(0,120,138,0.85);

}

.sf-menu li:hover, #navCommunity:hover, #navMultimedia:hover, #navTeam:hover, #navStats:hover, #navNews:hover, #navShop:hover {	
  background:rgb(0,0,0);
	

}

.sf-menu li ul li:hover { 
  background:rgb(0,0,0);

color: #ffffff; 
 
 }

 
 .sf-nav-item { border-right: 1px solid #212121; }


#navTickets ul li { 
    width: 250px; 
} 








/** DL styles **/
	
.dl ul.controls > li {
	background: #00788a; /* Old browsers */
	background: -moz-linear-gradient(center top , #00788a 0%, #00788a 100%) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0pt,#00788a), color-stop(100%,#00788a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00788a 0pt,#00788a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00788a 0pt,#00788a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00788a 0pt,#00788a 100%); /* IE10+ */
	background: linear-gradient(top,  #00788a 0pt,#00788a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00788a', endColorstr='#00788a',GradientType=0 ); /* IE6-9 */
    border-right: 1px solid #FFFFFF;
    float: left;
    font: 11px/18px 'Arial narrow',sans-serif;
    height: 18px;
    list-style: none outside none;
    margin: 1px 0;
    opacity: 0;
    text-align: center;
    width: 124px;
    font-weight: bold;
}
	
.dl ul.controls > li.active {
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top,  #FFFFFF 15%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #FFFFFF 15%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #FFFFFF 15%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 15%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(top,  #FFFFFF 15%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	border: 1px solid #FFFFFF;
	color: #00788a;
}

.dl a:hover, .dl.theme_default .teaser span.clickThru a:hover, .dl.theme_default ul.related li a:hover, .dl.theme_default ul.related li:hover:before {
    color: #00788a;
}


.dl.theme_default ul.related li a, .dl.theme_default ul.related li:before, .dl.theme_default .teaser span.clickThru a {
    color: #FFFFFF;
}

/* updated 8/5/14 to change DL border color */
.dl ul.content {
	border: 1px solid #FFFFFF;
	border-bottom: 0;
}

.dl ul.controls {
	border: 1px solid #FFFFFF;
	border-width: 0 1px 1px 1px;
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top,  #00788a 0pt, #00788a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0pt,#00788a), color-stop(100%,#00788a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00788a 0pt, #00788a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00788a 0pt, #00788a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00788a 0pt, #00788a 100%); /* IE10+ */
	background: linear-gradient(top,  #00788a 0pt, #00788a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00788a', endColorstr='#00788a',GradientType=0 ); /* IE6-9 */
}
	
/** end DL styles **/



/** calendar styles **/
.homeGradient, #sssScheduleTeamCal_calendar .homeGradient, #sssScheduleTeamCal_calendar .ui-datepicker td a.homeGradient, #sssScheduleTeamCal_calendar .homeGradient .ui-state-hover {
    background: url("http://2.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_homeGradient1x42.gif") repeat-x scroll 0 0 transparent;
}
.awayGradient, #sssScheduleTeamCal_calendar .awayGradient, #sssScheduleTeamCal_calendar .ui-datepicker td a.awayGradient, #sssScheduleTeamCal_calendar .awayGradient .ui-state-hover {
    background: url("http://3.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_awayGradient1x42.gif") repeat-x scroll 0 0 transparent;
}

.promoGradient, #sssScheduleTeamCal_calendar .promoGradient, #sssScheduleTeamCal_calendar .ui-datepicker td a.promoGradient, #sssScheduleTeamCal_calendar .promoGradient .ui-state-hover {
    background: url("http://2.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_promoGradient1x42.gif") repeat-x scroll 0 0 transparent;
}

#sssScheduleTeamCal_calendar .ui-datepicker td {
    background-color: #5E5E5E;
    background-image: none;
    border: medium none;
    height: 42px;
    margin: 0;
    opacity: 1;
    padding: 0;
    width: 42px;
}
/** end calendar styles **/



#webToolsBar .print, #webToolsBar .share, #webToolsBar .email, #webToolsBar .rss, #webToolsBar .print a, #webToolsBar .share a, #webToolsBar .email a, #webToolsBar .rss a {
color:#00788a; }

.skedFormText { color:#00788a; }


.statsRptBldrTextHdr {
    color: #00788a;
}

.statsRptBldrText {
    color: #00788a;
}

.dl .photoCredit {color:#00788a;}

#calPageNav .legend, #calPageNav .seasons, #calPageNav .months, #calPageNav .months a { color:#00788a; }

.rightrailpoll .poll, .pollContainer { background: #FFFFFF }
.inbodypoll .poll { background: none; }

#twoColSpan .tieUp { 
    width: 968px; 
}

#twoColSpan {
    width: 968px;
} 


.caroNavBar {
    background: #00788a;
}


.moduleHeader {
    background: #00788a;
}


.homeTwoBlock a img.video-button {display: block; left: 166px; margin: -206px 0 48px -40px; opacity: 0.9; top: 15px; position: relative;  width:63px; height:63px; filter:0; border:0;}
a:hover img.video-button {opacity:1; filter:0; border:0; top:15px;}
.homeTwoBlock {float:left;}
.homeTwoBlock a p.modParagraph, .homeTwoBlock a:visited p.modParagraph, .homeTwoBlock a p.modParagraph, .homeTwoBlock a:visited p.modParagraph { background-color:#00788a; color:white; display:block; font-size:15px; font-weight:bold; opacity:0.9; padding:10px; position: relative; top:15px; width:300px;}
.homeTwoBlock a:hover p.modParagraph {background:none repeat scroll 0 0 #000000; opacity:0.9;}
.homeTwoBlock a p.modParagraph span {font-size:12px; font-weight:400;}
.homeTwoBlock a img { width: 320px; height:244px; outline:0; }
a {outline: none;}



a.mainButton { color: #fff; background: transparent url(http://1.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_mainButtonRightEdge.gif) no-repeat scroll top right; }
a.largeButton { color: #fff; background: transparent url(http://2.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_mainButtonRightEdgeLg.gif) no-repeat scroll top right; }
a.smallButton { color: #fff; background: transparent url(http://3.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_mainButtonRightEdgeSm.gif) no-repeat scroll top right; }


a.mainButton span { color: #fff; background: transparent url(http://1.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_mainButtonLeft.gif) no-repeat; }
a.largeButton span { color: #fff; background: transparent url(http://1.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_mainButtonLeftLg.gif) no-repeat; }
a.smallButton span { color: #fff; background: transparent url(http://3.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_mainButtonLeftSm.gif) no-repeat; }


a.mainButton:hover span, a.largeButton:hover span, a.smallButton:hover span {
	background-position:left bottom;
	color:#00788a;
}



/* ui theme overrides - first, the default (inactive), second the active (non-hovering), third, the hover state (of any item, active or inactive) */
.ui-state-default { background: #000000; }
.ui-widget-content .ui-state-default { background: #5E5E5E; }
/*updated 8/5/14 to make border around DLs white*/
.ui-state-active, .ui-widget-content .ui-state-active { background: #00788a; 
border: 1px solid #FFFFFF;
}
.ui-state-hover, .ui-widget-content .ui-state-hover { background: #00788a; }
.ui-state-active a:link { color: #FFF; }
.ui-state-active a:visited { color: #fff; }
.ui-state-active a:hover { color:#fff; }

.dl ul.content > li .breakingNews {
    background: url("http://3.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_DLRibbonSprite_644.png") no-repeat scroll left top transparent;
}
.dl ul.content > li .ribbon {
    background: url("http://3.cdn.nhle.com/sharks/v2/ext/images/Sharks2013_DLRibbonSprite_644.png") no-repeat scroll left bottom transparent;
}


/* schedule page - calendar colors */

#wideTeamCalPage_calendar .awayGradient {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #000000;
}

#wideTeamCalPage_calendar .dayOfMonthResult, #wideTeamCalPage_calendar .ui-state-highlight a, #wideTeamCalPage_calendar .ui-widget-content .ui-state-highlight a, #wideTeamCalPage_calendar .gameNetworks {
    color: #000000;
}

#calPageNav .awayGradient {
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #555555;
}

#calPageNav .promoGradient {
    background-color: #F3901D;
    background-image: none;
    border: 1px solid #555555;
}

#wideTeamCalPage_calendar .dayOfMonthResult, #wideTeamCalPage_calendar .ui-state-highlight a, #wideTeamCalPage_calendar .ui-widget-content .ui-state-highlight a, #wideTeamCalPage_calendar .gameNetworks {
    color: #000000;
}


/* style of tabs on site, done originally for Schedule page */
.ui-tabs-nav a, .ui-tabs-nav a span {
    background: url(http://2.cdn.nhle.com/sharks/v2/ext/images/scheduletab_teal.png) no-repeat;
}

*>.ui-tabs-nav a, .ui-tabs-nav a span {  /* hide from IE 6   nep  sep, 2008*/
    background: url(http://2.cdn.nhle.com/sharks/v2/ext/images/scheduletab_teal.png) no-repeat;
}

.ui-tabs-nav a {
    border-left: 0px solid #9F9F9F;
    border-right: 0px solid #9F9F9F;
    border-top: 0px solid #9F9F9F;
    
    }
    
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}



/*updated 8/5/14 to add white border to SSS accordion on homepage*/
.ui-state-default, .ui-widget-content .ui-state-default {
 
    border: 1px solid #FFFFFF;
    
}

/*updated 6/12/15 to change font color on draft prospect pages*/
.dpTitle {
    color: #000000;
}