
#wideCol { width: 488px; }

#medCol { width: 300px; }

#narCol { width: 160px; }

#wideCol .wideMod { width: 484px; }

#wideCol .colModLeft { width: 235px; }

#wideCol .colModRight { width: 235px; }

#medCol .medColMod { float: left; width: 300px; }

#medCol .accordion { float: left; width: 300px; }

#medCol .medColModAd { float: left; width: 300px; background: none; border: 0; padding: 0; margin-bottom: 10px; }

.colModRight .moduleBody, .colModLeft .moduleBody { width:219px;}

.wideMod .moduleBody, .simpleBody, .caroBody, .caroNavBar {
	width: 488px;
}

.medColMod .moduleBody {
	width: 300px;
}

.narColMod .moduleBody {
	background: #fff;
	border: 0;
	width: 148px;
}

#mediaBoxPlayer, .noscriptDL, .noscriptDL .dlPanel {
	height:293px;
	width:488px;
}
.noscriptDL .dlPanel .top {
	width:488px; height: 160px;	
}
.noscriptDL .dlPanel .tray  {
	width:468px; 
}
.noscriptDL .dlPanel .dlPhotoCredit  {
	width:478px; 
}
.noscriptDL .dlPanel .tray div {
	width:290px;
}
.noscriptDL .dlPanel .tray li {
	font-size: 10px;	
}
.noscriptDL .dlPanel .tray ul { 
	width: 160px; font-size: 11px;	
}
.noscriptDL .dlPanel .tray div h1 { font-size: 36px; margin-bottom: 0px; }
.noscriptDL .dlPanel .tray div h2 { font-size: 30px; margin-bottom: 0px; }
.noscriptDL .dlPanel .tray div h3 { font-size: 26px; margin-bottom: 4px; }
.noscriptDL .dlPanel .tray div h4 { font-size: 22px; margin-bottom: 8px; }
.noscriptDL .dlPanel .tray div h5 { font-size: 20px; margin-bottom: 12px; }
.noscriptDL .dlPanel .tray div h5 { font-size: 18px; margin-bottom: 16px; }

.stepcarousel .panel, .simpleBody .panel{
	width: 488px;	
}

/***** set scrollable to be width of first column for 3-col layout - nep: 10-05-2010 *****/
.scrollable {
	float:left;	
	width:484px; 
}

.scrollable .twoUpItem {
	width: 233px;
}
.scrollable .threeUpItem {
	width: 154px;
}
.twoUpItem {
	width: 227px; overflow: hidden;
}
.twoUpItem img {
	width: 227px; height: 128px; margin-bottom: 6px; float: left;
}
.twoUpItem h1 {
	font-size:12px;
}
.threeUpItem {
	width: 153px;  overflow: hidden;
}
.threeUpItem img {
	width: 153px; height: 86px; margin-bottom: 6px; float: left;
}
.threeUpItem h1 {
	font-size:11px;
}
.threeUpItem h2  {
	font-family:arial;
	font-size:12px;
	margin:2px 0 2px 0;
	padding:0;
}
.threeUpItem ul { padding:0 0 0 5px; }

.threeUpItem li  { font-size: 11px; }

.threeUpItem ul a:link, .threeUpItem ul a:visited {
	padding:0 0 0 20px;
}
.threeUpItem ul a:hover, .threeUpItem ul a:visited:hover, .threeUpItem ul a:hover, .threeUpItem ul a:visited:hover {
	padding:0 0 0 20px;
}
.simpleBody {
	width:480px;
}
.data {
	font: 10px arial;
}
.sweaterNo {
	color: #000; font-weight: bold; font-size: 11px
}
.featured-stories {
	width: 298px;
}
.tieUp, .tombstoneTieUp, .gameDetailsTieUp, .reportTieUp {
	width: 474px;	
}
.storyTieUp  {
	padding: 6px; 	
	width: 462px;	
}
.searchLetters {
	text-align: left; font-size: .97em;
}
#medCol .inbody-media {
	float: left;
	margin: 5px 5px 0px 5px;
	padding: 0;
	width: 288px;
	height: 177px;
}

#medCol #upcomingGames { width: 284px; }
#medCol #upcomingGames .upGm { width: 85px; }

#sssScheduleTeamCal_calendar .ui-datepicker td { height: 40px; width: 40px; }
#sssScheduleTeamCal_calendar .ui-datepicker td span, #sssScheduleTeamCal_calendar .ui-datepicker td a { height: 40px; width: 40px; }
#sssScheduleTeamCal_calendar .homeGradient.ui-state-hover, #sssScheduleTeamCal_calendar .awayGradient.ui-state-hover { height: 38px; width: 38px; }

#galleryMod {
	width: 440px;	
}
#galleryMod div.items div {
	width:142px;
}
#galleryMod div.items div img {
	width:140px;
}

div.navi.box {
	margin-left:208px;
	height:15px;
}

.pollQuestion { font-size: 12px; }
.rightrailpoll .poll { width: 292px; margin: 0px; padding: 3px; }
.rightrailpoll .pollButton { margin-left: 41%; }
.narrowrightrailpoll .poll { width: 160px; margin: 0; padding: 3px; font-size: 10px; background-image: none; background-color: #fff; }
.narrowrightrailpoll .pollButton { margin-left: 31%; }
.narrowrightrailpoll .pollResultOdd, .narrowrightrailpoll .pollResultEven, .narrowrightrailpoll .pollResultWinner { border-style: dotted; border-color: #ccc; border-width: 1px 0 0 0; }
.narrowrightrailpoll .pollResultPctg { padding: 5px; }
.pollContainer { width: 276px; }

.cgdTeamLogo {
        float: left; width: 34%; text-align: center; font: 10px arial; font-weight: bold; text-transform: uppercase; color: #666;
}
.cgdDateScore {
        float: left; width: 32%; text-align: center; padding-top: 8px; text-transform: uppercase;
}

/***** club commenting specifics *****/
#comment_content_container {
	width: 460px
}
textarea#ka_comment_text {
	width: 432px;	
}
#ka_sortBar, #ka_paginateBottom, #ka_commentCage, #ka_commentList li {
	width: 450px;
}
.ka_startText {
	width:394px;
}
/***** end club commenting specifics *****/


#wideCol .dl { width: 486px; height: 324px;}

/** Javascript DL styles **/

.dl {
	width: 488px;
}

.dl ul.content {
	width: 486px;
	height: 307px;	
}
 .dl ul.content > li {
	width: 0;
	height: 307px;	
 }	
.dl ul.content > li.active {
	width: 486px;
}

.dl ul.controls {
	width: 486px;
}

.dl ul.controls > li {
	width: 120px;
}
.dl ul.controls li:nth-child(1) {
	width: 121px;
}
.dl ul.controls li:nth-child(4) {
	width: 120px;
}

.dl .trayGrad {
	height: 100px;
	width: 486px;
}
	
.dl .tray {
	width: 486px;
	height: 100px;
	padding: 0;
}

.dl .tray .trayBackground {
	padding: 6px 3px;
	width: 480px;
	height: 89px;
}

.dl.theme_default .teaser {
	width: 300px;
}
.dl.theme_default .tray.noRelated .teaser {
	width: 97%;
}
.dl.theme_default ul.related {
	width: 120px;
	height: 90px;
}

.dl ul.content>li .breakingNews {
	background: url('../nhl/images/DLRibbonSprite_644.png') no-repeat scroll left top transparent;
}
.dl ul.content>li .ribbon {
	background:  url('../nhl/images/DLRibbonSprite_644.png') no-repeat scroll left bottom transparent; 
}

.dl h3 {
	font: normal 36px/36px 'Arial narrow',sans-serif;
}

/* video player overlay */
.divVidCont {
	position: absolute;
	width: 486px;
	height: 307px;
	background-color: #000;
	z-index: 9;
	display: none;
}

.videoPlayer { width: 462px; height: 294px; }

.dl .tray .videoOuterContainer {
	width: 458px;
}
.dl .tray ul.videos > li {
	width: 107px;
}
.dl .tray ul.videos > li img {
	width: 107px;
}
.dl ul.content > li.active > a.playButton {
    left: 192px;
    margin: 20px auto;
}

.dl .tray ul.videos>li div.fakey {
	left: 40px;
}

.dl ul.content>li .ribbon {
	bottom: 102px; 
}

.dl ul.content>li .banner {
	font: 34px/34px arial;
}

/** End Javascript DL styles **/

.ui-tabs-nav li, .ui-tabs-nav a span {
	min-width: 48px;
}