/***********************************************************/
/* Basics                                                  */
/***********************************************************/
body {
	
	background-image: url('/sites/koki/i/new/template_background-grey1.jpg');
	background-color:#FFFFFF;
	background-position: center;
	background-repeat: repeat;
	text-align: center;
}
h1 {
background-image:none;
background-position:0 0;
background-repeat:repeat;
font-size:18px;
font-weight:bold;
margin-bottom:0px;
margin-left:0;
margin-right:0;
margin-top:0;
padding-bottom:0;
padding-left:5px;
padding-right:0;
padding-top:0;
}

#CommonWelcome {
	text-align: right;
	/*color: #ffffff;
	background-color: #000000;
	background-image: url('/sites/koki/i/new/masthead-top.jpg');
	background-repeat: no-repeat;*/
	border-bottom:none;
	padding: 4px 4px 4px 0;/* was -- 4px 12px 4px 0  --*/
	margin-bottom: 0px;
	height: 15px;
}
#Common {
	background: url('/sites/koki/i/new/FOX23-masthead-1025x134.jpg') top left no-repeat;
		background-color: #FFFFFF;/*masthead-main-short1025.jpg- new my addition to original--*/
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin: 0px auto;
	padding:  0px 15px 10px 15px; /* make 15px = 0px removes padding on left and right*/
	width: 990px;
	text-align: left;
}


a,
a:link,
a:hover,
a:active,
a:visited {
	outline: none;	
}

a,
a:link,
a:active,
a:visited {
	text-decoration: none;
	color:#000066; /* formerly #000483; medium link blue*/
	font-family: Verdana;
	font-size:11px;
		font-weight:bold;
}


a.rotatorTitle,
a.rotatorTitle:link,
a.rotatorTitle:active,
a.rotatorTitle:visited {
	text-decoration: none;
	color:#000066; /* formerly #000483; medium link blue*/
	font-family: Verdana;
	font-size:20px;
		font-weight:normal;
}

a:hover {
	text-decoration: underline;	
	color:#B51727; /* formerly #000483; medium link blue*/
	font-weight:bold;
	font-family: Verdana;
		font-size:11px;
}


/*********************************************************************/
/* Top Header                                                        */
/*********************************************************************/

#CommonWelcome {
	text-align: right;
	padding: 4px 0px 4px 0px;
	margin-bottom: 0px;
}

.Welcome {
	float: right;
	padding: 0px;
	margin-bottom: 0px;
	color: #FFFFFF;
}

.Welcome a,
.Welcome a:link, 
.Welcome a:visited
{
	color: #ffffff;
}

.Welcome a:active,
.Welcome a:hover{
	color: #FFFFFF;
}


/*begin downloads bar*/
.DownloadsBar {
	float: left;
	padding: 0px;
	margin: 0px;
}

.DownloadsBar a,
.DownloadsBar a:link,
.DownloadsBar a:visited,
.DownloadsBar a:hover,
.DownloadsBar a:active {
	color: #FFFFFF;
}

/*end downloads bar*/


#CommonMasthead
{
	height: 105px;
	line-height: 105px;
	vertical-align: middle;
	font-size: 12px;
	 /* background-color: #ffffff; my addition to original--*/
	  /*background-image: url('/sites/koki/i/new/masthead-main-short.jpg');*//* my addition to original--*/
	  background-repeat: no-repeat;/* my addition to original--*/
}
#CommonMastheadLogo {
	float: left;
	width: 225px;
	height: 95px;
	margin: 2px 20px 0px 0px;/* was -- 0px(top) 0px(right) 0px(bttm) 10px(left)  --*/
}

#CommonLeaderboard {
	float: right;
	font-size: 0px;
	line-height: 0px;
	height: 90px;
	margin: 3px 12px 5px 0px;/* was -- 5px 0px(right) 5px 0px  --*/
	padding: 0px;
	width: 728px;
}

#CommonSearchBar {
	clear: both;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0px 0px 0px 32px;
}

.GoogleSearchBarText {
	width: 200px;
}

.GoogleSearchBarButton {
	width: 30px;
}


.ContentSpacer {
margin-bottom:10px;
margin-left:0;
margin-right:0;
margin-top:0;
text-align:center;
}



/*********************************************************************/
/* Top Navigation                                                    */
/*********************************************************************/
#CommonTopNav {
	/*background: url(/sites/koki/i/new/backgroundTopNav-blu.jpg) top left repeat-x;*/
	clear: both;
	padding: 0px;
	margin-bottom: 0px;
	vertical-align: middle;	
	
}

#CommonTopNav ul li {
	float: left;
	display: block;
	height: 12px; /*spacing between sub-nav and it's dropdown list*/
	margin: 0px 0px 0px 0px; /* spacing between all nav  list items*/
	
}

#CommonTopNav ul li {
	float: left;
	display: block;
	height: 18px;/* was 28px --SUBNAV height - same height of .NavTier-wMenu - also height of drop down menu*/
	margin: 0px;
}

#CommonTopNav ul li a,
#CommonTopNav ul li a:link,
#CommonTopNav ul li a:active,
#CommonTopNav ul li a:visited {
	color:#ffffff; /*font color for all top nav */
	font-weight: bold;
	height: 24px; /* formerly - height: 28px - height of space between home nav and it's sublink so no bg blue is showing below home link*/
	line-height: 24px;
	padding: 0px 8px  10px 8px;	/*formerly 0px 13px - space b4 after top nav text links- 6px fixes wrap issue */
	text-decoration: none;
	font-weight: bold; /*was bold --------------font style my addition */
	font-family: arial; /*font style my addition */
	font-size: 14px; /* was 16px------------ font style my addition */
}

#CommonTopNav ul li a:hover
{
	text-decoration: underline;
	background: url('/sites/koki/i/new/backgroundNavHover1x36.png') top left repeat-x;
	height:22px;
	/* background-color: #B51727; red mouseover bg #B51727; color for all nav txt */
}

#CommonTopNav ul li a.PopupHover {
	background-color: #8F8F8F; /* formerly background-color: #8F8F8F; */
}

* html #CommonTopNav ul li {
	behavior: url('/styles/newport2/hover.htc');
	height:22px;
}

.NavTier {
	height: 24px;
	line-height: 24px;
	background: url('/sites/koki/i/new/backgroundNavTopBlu1x36.png') top left repeat-x;
/*background-color: #003366;darker blue*/
}

#CommonTopNav .NavTier ul li a,
#CommonTopNav .NavTier ul li a:link,
#CommonTopNav .NavTier ul li a:hover,
#CommonTopNav .NavTier ul li a:active,
#CommonTopNav .NavTier ul li a:visited 
{ 
/* Bill Sanders addition: created a new style to handle the HEIGHT of the NAV on the FIRST TIER */
	height: 36px;
}

.NavTier-wMenu {
	height: 22px;/* was 18px-------------- BILL SANDERS Changed height height to 36px from 18px*/
	line-height: 22px;/* was 18px----------*/
	background-color: #003399;/*medblue- formerly charcoal grey background-color: #8F8F8F; */
}

.NavTier-wMenu li {
	background-color: #003399; /*medblue- formerly charcoal grey background-color: #8F8F8F; */
	margin: 0px 0px 0px 0px;
}
#CommonTopNav .NavTier-wMenu ul li a,
#CommonTopNav .NavTier-wMenu ul li a:link,
#CommonTopNav .NavTier-wMenu ul li a:active,
#CommonTopNav .NavTier-wMenu ul li a:visited { /*style to manage the color of the subnav links*/
	color:#FFFFFF; /*white font - formerly test green-#00FF00;*/
	font-weight: bold;
	height: 22px; /* was 18px---------- formerly - height: 28px - height of space between home nav and it's sublink so no bg blue is showing below home link*/
	line-height:20px;
	padding: 0px 6px;	/*formerly 0px 13px - space b4 after top nav text links- 6px fixes wrap issue */
	text-decoration: none;
	font-weight: bold; /*font style my addition */
	font-family: arial; /*font style my addition */
	font-size: 11px; /* was 12px - font style my addition */
}
#CommonTopNav .NavTier-wMenu ul li:hover 
{
/*BILL SANDERS created a new style to handle the HOVER for VERTICAL NAV on the SECOND TIER */
	background: url('/sites/koki/i/new/backgroundNavHover1x36.png') top left repeat-x;
	 /*background-color: #B51727;cell wide bg color of DROP DOWN - red mouseover bg #B51727; */
}
.NavTier-wMenu li ul li {  /*DROP DOWN*/
	clear:left;
	display:block;
	background-color:#000000; /* DROP DOWN bg color - BLACK temp- formerly charcoal grey background-color: #8F8F8F; */
	width: 200px;
	
}
#CommonTopNav .NavTier-wMenu li ul li a,
#CommonTopNav .NavTier-wMenu li ul li a:link,
#CommonTopNav .NavTier-wMenu li ul li a:hover,
#CommonTopNav .NavTier-wMenu li ul li a:active,
#CommonTopNav .NavTier-wMenu li ul li a:visited { /*style to manage the color of the DROP DOWN links*/
	color:#FFFFff; /*test yellow #FFFF00;*/
	font-weight: bold;
	padding: 0px 6px;	/*formerly 0px 13px - space b4 after top nav text links- 6px fixes wrap issue */
	height: 18px;/*-------height of drop down with bg-----*/
line-height:18px;/*-------height of drop down with bg-----*/
	text-decoration: none;
	font-weight: normal; /*font style my addition */
	font-family: arial; /*font style my addition */
	font-size: 12px; /* was 12px ----- font style my addition */
	
}


.CurrentSiteNode {
	background: url('/sites/koki/i/new/backgroundNavHover1x36.png') top left repeat-x;

	/*background-color: #B51727;  red current node color -formerly lite blue background-color: #7497aa; */
}



a.CrumbLink,
a:link.CrumbLink,
a:hover.CrumbLink,
a:active.CrumbLink,
a:visited.CrumbLink  {
	text-decoration: underline;
	color: #7497aa;
}

.CurrentCrumb {
	color: #5F5F5F;
	text-decoration: none;
}


/*********************************************************************/
/* Common                                                            */
/*********************************************************************/
#CommonBody {
	padding: 0px;
}

#CommonContent {
	margin: 5px 0px 0px 0px; /*formerly  15px 0px 0px 0px;*/
	padding: 0px;
	width: 990px;
}

#CommonContentFooter {
	clear: both;
	margin-bottom: 10px;
}

#CommonFooter td.footerheading
{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color: #000000;
}

#CommonFooter td.footernav
{
	font-family:arial;
	font-size:12px;
}

#CommonFooter td.footernav a
{
	color:#000000;
	text-decoration:none;
	border:none;
}

td.footernav a:visited
{
	color:#999999;
	text-decoration:none;
	border:none;
}

#CommonFooter td.footernav a:hover
{
	text-decoration:underline;
	color:#B51727;
}


/*********************************************************************/
/* Box                                                               */
/*********************************************************************/
.smallbox {
   height:160px;
   overflow:hidden;

}

.newsfbtwbox {
   height:492px;
   overflow:hidden;

}


.Box,
.TabBox {
   box-shadow:0px 2px 0px #dcdcdc;
}

 

.BoxBody,
.TabBoxBody {

	border-bottom: 1px solid #dcdcdc;
	border-top: 0px;
	border-left:0px;
 	border-right:0px;
    border-color: none;
    border-style: none;
    border-width: none;
}



.BoxHeader {
	background: url('/sites/koki/i/new/backgroundBoxHeader.png') top left repeat-x;

	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 3px 6px 4px 6px; /* formerly 6px 13px 7px 13px */
	font-weight: bold; /* added by me */
	font-family: Verdana, Sans-Serif; /* added by me */
	font-size: 11px; /* added by me */

}

.BoxHeader span.Subtitle {
	color: #888888;
	float: right;
}

.BoxHeader a, 
.BoxHeader a:link, 
.BoxHeader a:active, 
.BoxHeader a:hover, 
.BoxHeader a:visited {
	color: #FFFFFF;
}



.BoxLinks {
	height: 20px;
	font-size: 11px;
}

.BoxLinks li {	
	padding: 2px 10px 2px 0px;
}

.BoxLinks a {
	/*background: url('/sites/koki/i/new/linkArrow.png') bottom right no-repeat;*/
	background: url('/sites/koki/i/new/redarrow1.gif') bottom right no-repeat;
	padding: 0px 10px 0px 0px;

	
}

.BoxLinks a,
.BoxLinks a:link,
.BoxLinks a:active,
.BoxLinks a:visited {
	text-decoration:none;
		color:#000000; /* formerly #000066; */
}

.BoxLinks a:hover {
	text-decoration: underline;	
	
}


/***********************************************************/
/* Twitter Box                                                 */
/***********************************************************/

.Twitter div div.BoxHeader {
height: 13px; 
background: url('/sites/koki/i/new/twitter.png');  
background-repeat:no-repeat;  	
}
.Twitter ul { 
margin-left: 10px; 
padding-left: 10px;
padding-right:5px;
}
.Twitter ul li
{ 
padding-bottom: 10px;
}

.Twitter div.BoxBody
{
padding-left: 10px;
padding-right:10px;
}


/***********************************************************/
/* Guides Box                                                 */
/***********************************************************/

.Guides div.HeadlineList
{ 
padding-top: 0px;
padding-bottom: 0px;
}

.Guides div.HeadlineList img
{
display:none; 
}

/***********************************************************/
/* Tab Box                                                 */
/***********************************************************/



.TabBoxHeader ul {
	border-bottom-color: #777788;
	font-family: Verdana, Sans-Serif;
	font-weight: bold;
	height: 18px;
}


.TabBoxHeader ul li a,
.TabBoxHeader ul li a:active,
.TabBoxHeader ul li a:visited,
.TabBoxHeader ul li a:link {
	background: none;
	 /*border-color: #ffffff; formerly #ffffff  */
	border-bottom-color:#003399;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	color: #FFFFFF;
	font-size:11px;
	font-family:Arial;
	display: inline-block;
	font-weight: normal;
	height: 18px; /*formerly 21px */
	padding: 7px 5px 0px 5px;/* formerly 3px 5px 3px 5px */
	margin-left: 0px;/* formerly 3px */
	text-decoration: none;
}

.TabBoxHeader ul li a:hover {
	background: none;
	 /*border-color: #ffffff; formerly #ffffff  */
	border-bottom-color:#003399;
	border-style: solid;
	border-width: 0px 1px 0px 0px;
	color:#FFFFFF;
	display: inline-block;
	font-weight: normal;
	font-family:Arial;
	height: 18px; /*formerly 21px */
	padding: 7px 5px 0px 5px;/* formerly 3px 5px 3px 5px */
	margin-left: 0px;/* formerly 3px */
	text-decoration:underline;
}





.TabBoxHeader ul li.SelectedTab a,
.TabBoxHeader ul li.SelectedTab a:link,
.TabBoxHeader ul li.SelectedTab a:active,
.TabBoxHeader ul li.SelectedTab a:visited {
	background: url('/sites/koki/i/new/backgroundTabBoxHeaderOn.png') top left repeat-x;
	border-width: 0px 1px 0px 0px;
	color: #FFFFFF; /*font color when active*/
	border-bottom-color:#8A111D;/*red*/
	border-left-color:#8A111D;
	border-right-color:#ffffff;
	font-weight: bold;
	font-size:11px;
	font-family:Arial;
	margin:  0px;
	height:20px;
	line-height:18px;

}



.TabBoxHeader ul li.SelectedTab a:hover{
	background: url('/sites/koki/i/new/backgroundTabBoxHeaderOn.png') top left repeat-x;/* 1x28*/
	border-width: 0px 1px 0px 0px;
	color:#FFFFFF; /*font color when active*/
	border-bottom-color:#8A111D;
	border-left-color:#8A111D;
	border-right-color:#ffffff;
	font-weight: bold;
	font-family:Arial;
	margin:  0px;
	height:20px;
	line-height:18px;

	text-decoration:underline;
}




.TabBoxHeader
{
	background: url('/sites/koki/i/new/backgroundTabBoxHeader.png') top left repeat-x;
	height:28px;
}

.TabBoxHeader span.TabBoxTitle {
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	padding: 7px 8px 2px 8px; /* formerly 7px 13px */
}

.TabBoxHeader span.TabBoxTitle a,
.TabBoxHeader span.TabBoxTitle a:link,
.TabBoxHeader span.TabBoxTitle a:hover,
.TabBoxHeader span.TabBoxTitle a:active,
.TabBoxHeader span.TabBoxTitle a:visited {
	color: #FFFFFF;
}

.TabBoxHeader ul {
	border: none;
	font-size: 11px;/* formerly 12px*/
	line-height: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	
}

.TabBoxHeader ul li {
	list-style: none;
	margin: 0px;
	display: inline;
}







/*******************************************************/
/* bigheadline */
/*******************************************************/
.HeadlineContainer {
display:inline-block;
	height:300px;
}


.BigHeadlineTitle a ,
.BigHeadlineTitle a:link,
.BigHeadlineTitle a:active,
.BigHeadlineTitle a:visited 
{
	color: #000066; /* was #38789B */
	font-family:Verdana;
	font-size: 14px;
	font-weight: bold;
}
.BigHeadlineTitle a:hover {
	text-decoration: underline;	
	color: #B51727;/*red*/

}
.BigHeadlineImage {
	float: left;
	height: 210px;
	margin: 13px 14px 70px 13px;
	width: 320px;
}

.BigHeadlineTitle {
	float: left;
	margin: 13px 13px 4px 0px;
	width: 300px;
}

.BigHeadlineTease {
	float: left;
	margin: 0px 13px 8px 0px;
	width: 300px;
	font-family:Verdana;
	font-size: 11px;
	font-weight: normal;
}


/*******************************************************/
/* smallheadline */
/*******************************************************/

.SmallHeadlineTitle a ,
.SmallHeadlineTitle a:link,
.SmallHeadlineTitle a:active,
.SmallHeadlineTitle a:visited 
{
	color: #000066; /* was #38789B */
	font-family:Verdana;
	font-size: 11px;
	font-weight: bold;
}
.SmallHeadlineTitle a:hover {
	text-decoration: underline;	
	color: #B51727;/*red*/
}

.SmallHeadlineContainer {
	display: inline-block;
	width: 320px;

}

.SmallHeadline {
	float: left;
	margin: 0px 0px 10px 0px;
	width: 300px;
}

.SmallHeadlineImage {
	float: left;
	height: 40px;
	margin: 2px 6px 2px 0px;
	width: 47px;
}

.SmallHeadlineImage img {
	height: 47px;
	width: 47px;
}

.SmallHeadlineTitle {
	float: left;
	width: 240px;
}






/***********************************************************/
/* Headline List                                           */
/***********************************************************/
.HeadlineList {
	font-size: 11px;
}

  	/********************************* begin Headline List bullet change to circle-bullet.gif******************************/
.HeadlineList ul 
{ 	/*fix for FF bullet image alignment- http://bytes.com/topic/html-css/answers/99983-positioning-list-style-image*/
	list-style-image: url('/sites/koki/i/new/blank1.gif');
	padding-left:6px;
}
.HeadlineList li 
{	/*fix for FF bullet image alignment- http://bytes.com/topic/html-css/answers/99983-positioning-list-style-image*/
	padding-left:20px;/* video items text to the right of the  img*/
	background-image:url('/sites/koki/i/new/circle-bullet.gif');/*img4 - 5x5*/
	background-repeat:no-repeat;
	background-position:6px 5px;
}
 	/********************************** end Headline List bullet change to circle-bullet.gif**********************************/


.HeadlineList a,
.HeadlineList a:link,
.HeadlineList a:active,
.HeadlineList a:visited {
	color: #000066;  /* formerly #000985; */
	text-decoration: none;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}

.HeadlineList a:hover {
	text-decoration: underline;	
	color: #B51727;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;

}

.HeadlineFeaturedItems {
	font-size: 11px;  /*tease text*/
	font-family: Verdana; /* added by me */
}

.HeadlineFeaturedItems a {	
	font-weight: bold;
}

.HeadlineLeft img {
	height: 60px;
	width: 60px;
}

/***********************************/
/* Homepage Boxes                  */
/***********************************/
.HomepageVideoPlayerContainer {
	display: inline-block;
	margin: 0px 6px 6px 11px; /*formerly 11px 11px 14px 11px; */
	padding-top:11px;
	width: 660px;
}
.HomepageVideoList {
border:none;
height:auto;
width:318px;
}

.HomepageVideoPlayerLeft {
	float: left;
	margin: 0px 21px 0px 0px; /*formerly 0px 21px 0px 0px; */
	width: 280px;
}



.HomepageVideoPlayerRight {
	border:none;
	float:left;
	margin: 0px 0px 0px 6px;
	height:auto;
	width:350px;
}



.HomepageVideoPlayerRight .VideoList {
	padding: 0px 0px 0px 0px; /* whole list box padding original */
	
}
.HomepageVideoPlayerRight .VideoList a,
.HomepageVideoPlayerRight .VideoList a:link
 {
	text-decoration: none;
	color:#000000; /* formerly 000066 !!!... #000483; medium link blue*/
	font-family: Verdana;
	font-size:11px;
	font-weight:normal; /*formerly bold*/

}
.HomepageVideoPlayerRight .VideoList a:visited
{
	
	color:#ffffff; /* grey formerly #000483; medium link blue..text-decoration:line-through;*/
	background-color:#CCCCCC;
	font-weight:normal; /*formerly bold*/
	font-style:italic;
	font-family: Verdana;
	font-size:11px;
}
.HomepageVideoPlayerRight .VideoList a:hover,
.HomepageVideoPlayerRight .VideoList a:active
{
	text-decoration: underline;	
	color:#B51727; /* formerly #000483; medium link blue*/
	font-weight:normal; /*formerly bold*/
	font-family: Verdana;
	font-size:11px;
}




.VideoFeaturedItems {
	border-spacing: 0px; /* original */
	
}

.VideoFeaturedItems tr {
	height: 38px; /* formerly 61px; */

}

.VideoFeaturedItems .VideoLeft {
	padding: 0px 8px 6px 0px; /* original */
	
}

.VideoFeaturedItems .VideoRight {
	padding: 0px 2px 7px 0px; /* text alignment of video story title next to image */
}

.VideoFeaturedItems .VideoLeft .VideoImage {
	height: 41px; /* formerly 41px; */
	width: 55px;  /* formerly 55px; */

}

.VideoFeaturedItems .VideoRight a,
.VideoFeaturedItems .VideoRight a:link,
.VideoFeaturedItems .VideoRight a:active,
.VideoFeaturedItems .VideoRight a:visited {
	color:#000066; /* formerly #337CA7; medium teal blue*/
	font-weight: bold;
	height:24;
	vertical-align:middle;
	
}

.VideoFeaturedItems .VideoRight a:hover,
.VideoFeaturedItems .VideoRight a:active
{
	color:#B51727; /* formerly #000066; text dark blue */
	font-weight: bold;
}

   	/******************************** begin VideoItems list FIX for bullet change to camera image ******************************/
/*.VideoItems ul
{      */    /*********fix for FF bullet image alignment- http://bytes.com/topic/html-css/answers/99983-positioning-list-style-image*/
	/*list-style-image: url('/sites/koki/i/new/blank1.gif');*/
	/*padding-left:0px;*/
	/*list-style-position: inside;*/
/*}*/
.VideoItems li
{         /************fix for FF bullet image alignment- http://bytes.com/topic/html-css/answers/99983-positioning-list-style-image*/
	margin:0;
	padding: 0 0 6px 0; /* was !!! 0 0 0 0 - spacing between each video title*/
	padding-left:26px;   /* video items text to the right of the camera img*/
	background-image:url('/sites/koki/i/new/videocamera4.gif');/*img4 - 24x18*/
	background-repeat:no-repeat;
	background-position:2px 0px;
}

.VideoList ul {

	list-style-image:url("/sites/koki/i/new/blank1.gif");
	list-style-position:outside;
	margin:0;
	padding:0 0 0 0px;
	vertical-align:middle;
           /************fix for FF bullet image alignment- http://bytes.com/topic/html-css/answers/99983-positioning-list-style-image*/
}

   /******************************** end VideoItems list FIX for bullet change to camera image *******************************/



.VideoItems li a,
.VideoItems li a:link,
.VideoItems li a:active,
.VideoItems li a:visited {
	color: #000000;  /* formerly 000066 #000985; */
	text-decoration: none;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	
}

.VideoItems li a:hover {
	text-decoration: underline;	
	color: #B51727;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;

}
.VideoList {
	padding-bottom:0px;
	padding-left:0px;
	padding-right:6px;
	padding-top:0px;
}


/**********************************************************************
/* Homepage Slide Show
/*********************************************************************/

.HomepageFeatureBackground{
}
/*.HomepageFeatureButtons{
	background-image: url('/images/slideshow/slide-menu-BG.png');
	padding: 0px 11px 0px 11px;
}
.HomepageFeatureStory{
	position:relative;
}*/

.SlideBody{
	width:673px;
	overflow:hidden;
}

#slideDisplay{
	padding:5px;
}
.SlideShowImage{
	padding: 0;
	margin:0;
}


.SlideShowImage a img{
	width: 300px !important;
	height: 300px !important;
	padding-right:8px;
}

.SlideShowHeadline{
	font-size:18px;
	font-weight:bold;
	margin:0px 10px 10px 0;
}
.SlideShowTease{
	margin:0 10px 10px 0;
}

.SlideLastUpdated{
	font-size:smaller;
	width:auto;
}

.SlideShowRelated li {
padding-bottom:2px;
padding-left:0;
padding-right:14px; /* padding to the right of More news red arrow */
padding-top:0px;
}

.SlideShowRelated li a ,
.SlideShowRelated li a:link,
.SlideShowRelated li a:active,
.SlideShowRelated li a:visited 
{
	color:#000000;
	background: url('/sites/koki/i/new/redarrow1.gif') bottom right no-repeat;
	padding: 0px 10px 0px 0px;

}


.SlideShowRelated ul{
	margin: 5px 0px 0px -10px;
	list-style-type: none;
}


.SlideCommentCount a,
.SlideCommentCount a:link,
.SlideCommentCount a:active,
.SlideCommentCount a:visited{
    font-family:Verdana;
	font-size:9px;
	font-weight:normal;
	color:#666666;
}


.SlideCommentCount a:hover{
	color:#B51727;
}



.SlideShowHeadline a ,
.SlideShowHeadline a:link,
.SlideShowHeadline a:active,
.SlideShowHeadline a:visited 
{  /*BIG HEADLINE*/
	color: #000000; /* was 000066 #38789B */
	font-family:Verdana;
		font-size: 16px;
	font-weight:bolder;
	text-decoration: underline;
	
}
.SlideShowHeadline a:hover {
	text-decoration: none;	
	color: #B51727;/*red*/
	text-decoration: underline;
}

.MoreSlideShowHeadlines .SlideHeadline{
	width:300px;
}



.MoreSlideShowHeadlines .SlideThumbImage, 
.MoreSlideShowHeadlines .SlideThumbImage img{
	width: 30px;/*was 55px */
	height: 30px;
}
.MoreSlideShowHeadlines{
margin:0 5px 20px 0;
border-bottom:1px solid #CBCBCB;

}
.MoreSlideShowHeadlines a:link, 
.MoreSlideShowHeadlines a:visited{
text-decoration:none;
}

.slideshowExtraLinks{margin-top:10px;}
.slideshowExtraLinks img{
	padding:0 2px;
}
.slideshowExtraLinks td{
	padding:0 0px 0px 15px;
	font-size:12px;
	font-weight:bold;
}
.slideshowExtraLinks td a{
	background:url("/sites/koki/i/new/redarrow1.gif") no-repeat scroll left 4px transparent;
	padding-left:8px;
	text-decoration:underline;
}



.SlideShowButtonDefault div{
	color: #FFF;
	/*background:url('/sites/klrt/images/v3/lightbluenav.jpg') repeat-x left 2px;*/
	background:url('/sites/klrt/images/v3/01285a.gif') repeat-x left 2px;
	/*width:15%;*/
	margin:0 0 0 1px;
}

.SlideShowButtonCurrent div{
	color: #FFFFFF;
	font-weight: bold;
	background:#1C3A92 url('/sites/koki/i/new/red-tab-selected.png') repeat-x left top;
	/*width:20%;*/
}


/***********************************************************
/* Hourly Detail
/***********************************************************/
.HourlyForecastDetails td
{
	text-align: center;
		font-family:arial;
	font-size:11px;
	width: 120px;

}
.HourlyForecastDetails table
{
	padding: 0 2px;
}

.HourlyForecastDetails tr.Heading,
.HourlyForecastDetails td.RowHeading,
.HourlyForecastDetails tr.Hours
{
	font-weight: bold;
	font-family:arial;
	font-size:11px;
		width: 74px;
}
.HourlyForecastDetails tr.Shaded
{
	background-color:#FFFFAA;/* formerly EEEEEE */
}



/********************************************************
/* Redesign Alert Bar Styles
/********************************************************/



.AlertItem div img {
margin-bottom:5px;
margin-right:10px;
margin-top:4px;
}
.AlertItem a.AlertItemLink .AlertItemText /*added a.AlertItemLink and it fixed the vertical alignment of text on submenu alerts*/
{
color:#FFFFFF;
float:left;
font-size:18px;
height: 22px;
line-height:22px;
margin-bottom:29px;
margin-top:20px;
}
 
.AlertItem a.AlertItemLink:hover .AlertItemText {
text-decoration:underline;
}


.AlertItem {
background-color:transparent;
background-image:url("/sites/koki/i/new/alerts-background-new2.png");
background-position:left top;
/*width:950px;*/
width:100%;
Height: 77px;
Padding: 0 0 0 5px;/* was 0 20px*/


}



.MastheadAlerts {
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
 /*height:80px; determines height of alert bar and white space between commoncontent and alert image*/
}



#InergizeFooter /* this is an ID */
{
font-size:11px;
height:40px;
line-height:20px;
margin: 15px 0px 15px 0px ;
/*margin-bottom:15px;
margin-left:0;
margin-right:0;
margin-top:15px;*/
vertical-align:middle;
}



 .PushdownAd {
  margin: 0px 3px 0px 2px
}

a.mylinkwatercooler, 
a.mylinkwatercooler:link,
a.mylinkwatercooler:visited,
a.mylinkwatercooler:active

{
font-family : arial;
font-size : 10px;
font-weight : bold;
/* font-variant:small-caps;*/
color: #000000;/*blue 2231a6 text*/
background-color: transparent;
border-color: #a30e02;/*cd000f dark red*/
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dashed;
text-decoration: none;
}

a.mylinkwatercooler:hover {
font-family : arial;
font-size : 10px;
font-weight : bold;
color: #a30e02;
text-decoration: none;
background-color: transparent;
border-color: #a30e02;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dashed;
text-decoration: none;
}

font.mylinkwatercooler {
font-family : arial;
font-size : 10px;
font-weight : bold;
color : #000000;
text-decoration:none;
}

a.watercoolerred, 
a.watercoolerred:link,
a.watercoolerred:visited,
a.watercoolerred:active

{
font-family : arial;
font-size : 10px;
font-weight : bold;
/* font-variant:small-caps;*/
color: #a30e02;/* text*/
background-color: transparent;
border-color: #a30e02;/* dark red*/
border-bottom-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dashed;
text-decoration: none;
}
a.watercoolerred:hover 
{
font-family : arial;
font-size : 10px;
font-weight : bold;
color: #a30e02;
text-decoration: none;
background-color: transparent;
border-color: #a30e02;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dashed;
text-decoration: none;
}


#CommonTopNav {
    background: url('/sites/koki/i/new/backgroundNavTopBlu1x36.png') repeat-x scroll left top transparent;
}

.PhotoGrid img {
	height: 60px;
	width: 60px;
}
.ContributorImage {

            float: left;

            height: 127px;

            width: 102px;

            margin: 0px 8px 8px 0px;

}

 

.ContributorImage img{

            height: 127px;

            width: 102px;

}

/*------------------------ JQuery Slider ------------------------------------*/
/*--Main Container--*/
.main_view {
	margin: 0 auto;
	position: relative;
	height: 75px;
}
/*--Window/Masking Styles--*/
.window {
	height:60px;	width: 666px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
	
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	
	position: absolute;
	top: 62px; right: 0px;
	width: 100px; height:20px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 25px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	
}
.paging a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 11px;
	padding: 5px;
	margin-right: 5px;
	text-decoration: none;
	color: #eee;
	background: #00498f;
	border: 1px solid transparent;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
}

.paging a.active {
	color: #eee;
	font-weight: bold;
	background: #00498f;
}
.paging a:hover {background: #000; color: #eee;
}

/*------------------------------------------ End Slider --------------------------------*/

.login-button-local {
background-image:url('/sites/koki/i/FOX23_login_logo-100x50.jpg');
}

/*---------------------------------------------------------------------------------*/
/*-------------------------JOE ROONEY Slide player--------------------*/

/* Code for HomePage Video */

.videoSlidePlayerHeadline {

    margin: 0 2px 10px;

}

 

.videoSlidePlayerContainer {

               margin-top: 3px;

}

 

.videoslidebox .TabBoxBody

{

               height:145px;

}

.UGCGalleryItem .Details, 
.UGCGalleryItem .Report, 
.UGCGalleryItem .Title, 
.UGCGalleryItem .Rate, 
.UGCGalleryItem .SubmittedDate, 
.UGCGalleryItem .Tease, 
.UGCGallery hr, 
.UGCItemHeader .Report, 
 
{ 
display: none; 
}

.weatherskinBorder {
	border-bottom: 0px;
}

/* Code for HomePage weather temps */
.weatherskinTemp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #00498f;
	letter-spacing: 0px;
}
.weatherskinHighLow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
} 


