/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
}

body { 
/*   line-height: 1.5;  */
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

em,dfn      { font-style: italic; }











body {
	font-family: 'Droid Sans', Arial, sans-serif;
	color: #595959;
	font-size: 10px;
	margin: auto;
	padding: 0px;
	background: url("/graphics/9073/TVWN_Connect_Background.jpg") no-repeat #d8d8d3;
}
body.whiteBody {
	background: none;
}
body {
	/* margin: 30px; *//* jpk this is for testing /ease of reading only */
}

p { margin: 0px 0px 1em 0px;  }
li { margin: 0 }

a { color: #039aa3; }
a:hover { color: #2ac1ca; }

table td, table th {padding: 3px;}



#heading {
height: 40px;
background: #faeddd;
}

#heading h2 {
font-family: 'Days One', sans-serif;
color: #de4121;
font-size: 23px;
text-shadow: none;
padding: 4px 5px;
text-align: center;
margin: 0;
}


#navigation {
	position: relative;
	float: left;
	border-top: 1px solid #fff;
	/* height: 26px; */
	width: 100%;
	background: #faeddd;
	text-align: center;
	margin: 2px 0 0 0;
}

#navigation a {
	display: inline-block;
	/* float: left; */
	height: 28px; 
	text-align: center;
	font-size: 12px; 
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	width: 32%;
	box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
	  line-height: 1;
	  border:2px solid;

	/*   margin: 0 1px; */

}



#navigation a.nav-top-picks {
	background: #fcb042;
	padding-top: 6px;
	border-color: #fcb042;
}

#navigation a.nav-new {
	background: #f36b25;
	border-color: #f36b25;
}

#navigation a.nav-movies {
	background: #de4121;
	padding-top: 6px;
	border-color: #de4121;
}

#navigation a.nav-sports {
	background: #749e30;
	padding-top: 6px;
	border-color: #749e30;
}

#navigation a.nav-late {
	background: #000;
	
}

#navigation a.nav-search {
	background: #fff;
	color: #000;
}

/* LOCAL SPORTS WIDGET */
#navigation a.nav-sports-national {
	background: #749e30;
	padding-top: 6px;
	border-color: #749e30;
/* 	width: 49%; */
}

#navigation a.nav-sports-local {
	background: #fcb042;
	padding-top: 6px;
	border-color: #fcb042;
	/* width: 49%; */
}



#navigation a.active {
	background: #fff;
	color: #de4121;/* 6d584b */
	/* border: 2px solid #9c5d27; */
	box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border: 2px solid #de4121;
}



.widget-container {
	position: relative;
}

.img-container {
	position: relative;
}

.img-holder {
background-size: cover;
}

/* .img-container img {
	max-width: 100%;
	max-height: 202px;
} */

/* 
 .meta:after {
   background-image: -moz-linear-gradient(center top , rgba(231, 231, 226, 0) 0px, #e7e7e2 100%);
   background-size: 100% auto;
   bottom: 0;
   content: "";
   display: block;
   height: 80%;
   left: 0;
   pointer-events: none;
   position: absolute;
   width: 100%;
} */



.img-container > .card-container {
	position: absolute;
	bottom: 0;
	background: rgb(0, 0, 0); /* Fall-back for browsers that don't
	                                    support rgba */
	background: rgba(10, 10, 10, .5);
	width: 100%;
	z-index: 11;
}


.card-container h2, show-details {
	postion: relative; 
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 6px 0 0 20px;
	text-shadow: 2px 2px #222;
	margin: 0;
	max-width: 230px;
}

.card-container .reminder {
	position: absolute;
	background: url('/graphics/9073/tv_nutt_sprite.png') -220px -1px no-repeat;
	width: 28px;
	height: 24px;
	bottom: 21px;
	right: 20px;
	z-index: 100;
	text-indent: -2000px;
	color: #fcb042;
	/* border: 1px dotted #fff; */
}

.card-container .reminder-link {
	position: absolute;
	
	width: 52px;
	height: 10px;
	bottom: 11px;
	right: 10px;
	z-index: 100;
	color: #fcb042;
	text-decoration: none;
	/* border: 1px dotted #fff; */
}

.card-container h3 {
	color: #fff;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 2px 20px 4px 20px;
	text-shadow: 2px 2px #222;
	
}

/* JPK NEW */
.show-details h2 {
	postion: relative; 
	/* color: #fff; */
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 0 20px;
	/* text-shadow: 1px 1px #222; */
	margin: 0;
}

.show-details h2.short {
	
	margin-top:8px;
}

.show-details .reminder {
	position: absolute;
	background: url('/graphics/9073/tv_nutt_sprite.png') -220px -1px no-repeat;
	width: 28px;
	height: 24px;
	bottom: 22px;
	right: 20px;
	z-index: 100;
	text-indent: -2000px;
	color: #fcb042;
	/* border: 1px dotted #fff; */
}

.sportsShowDetails .reminder {
	/* position: absolute; */
	display: block;
	background: url('/graphics/9073/tv_nutt_sprite.png') -220px -1px no-repeat;
	width: 28px;
	height: 24px;
	bottom: 22px;
	right: 20px;
	z-index: 100;
	text-indent: -2000px;
	color: #fcb042;
	/* border: 1px dotted #fff; */
}

.show-details .reminder-link {
	position: absolute;
	font-size:10px;
	width: 52px;
	height: 10px;
	bottom: 12px;
	right: 10px;
	z-index: 100;
	color: #fcb042;
	text-decoration: none;
	/* border: 1px dotted #fff; */
}

.show-details h3 {
/* 	color: #fff; */
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 2px 20px 4px 20px;

	/* text-shadow: 2px 2px #222; */
	
}
/* JPK END NEW */



.show-details {
	padding: 5px 0;
	position: relative;
	height: 59px;/* was 39 */
	bottom: 0;
	font-size: 13px;
	z-index: 500;
}


.toggle {
/* position: absolute;
display: block;
right: 5px; */
font-size: 12px;
color: #fcb040;
text-decoration: none;
cursor: pointer;
}


.complete{
    display:none;
}

.upper {
	position: relative;
}


.panel {
	display: none;
	height: 100px; /* jpk this should be different at 300 and 600 */
	padding: 0 20px;
	overflow: auto; 
}
	
.brief {
	padding: 0 20px;
	display: inline-block;
} 


#content-container {
	position: relative;
	background: #000;/* when image isn't the correct scale, this overlay will bleed into title area */
	/* overflow-y: auto;
	overflow-x: hidden; */
	overflow: hidden;
}

#content-container.sports-container {
	overflow-y: auto!important;
	overflow-x: hidden!important;
	background: #fff!important;
	
}

/* hide while carousel loads */
#content-container li { display: none }
#content-container li.first { display: block  }

#footer {
	height: 115px; /* different at 600px */
	float: left;
	background: #faeddd;
	width: 100%;
}

#footer-logo {
	float: left;
	background: url('/graphics/9073/tv_nutt_sprite.png') 0 -54px no-repeat;
	height: 48px;
	width: 130px;
	margin: 10px 0 0 0;
}

#footer-logo2 {/* original one */
	float: left;
	background: url('/graphics/9073/tv_nutt_sprite.png') 0 0 no-repeat;
	height: 38px;
	width: 129px;
}

#footer a.gear {
	background: url('/graphics/9073/tv_nutt_sprite.png') -128px 0 no-repeat;/* -142px -14px */
	width: 21px;
	height: 21px;
	float: right; 
	display: inline-block;
	text-indent: -2000px;
	font-size: 12px;
	padding: 0 0 0 3px;
	/* margin: 14px 4px 0 0; */
}

#footer a.gear-text {
	float: right; 
	width: 114px;
	height: 16px;
	display: inline-block;
	text-align: right;
	font-size: 12px;

	font-weight:bold;
	margin: 4px 2px 0 0;
	}
 
#footer-links {
	float: right;
	font-size: 9px;
	padding: 0 7px;
	overflow: hidden;
	width: 150px;
	color: #9c5d27;
	margin-top: 9px;
	/* border: 1px #000 dotted; */
}

.tools {
float: right;
text-align: right;
}


/* #footer-links div {
float: left; margin: 6px 0;

} */

#footer-links a {
color: #9c5d27;/* 595959 */
text-decoration:none;
}

#footer-links a:hover {
color: #6d584b;
}


.footer-search {
float: left;
width: 100%;
text-align: center;
margin: 5px 0;

}

.footer-search a {
display: inline-block;
/* background: url('/graphics/9073/affiliates/TV-Nutt-Find-Remind-Logo.png') no-repeat; */
width: 96%;
padding: 2px 1px;
height: 19px;
/* text-indent: -2000px; */
border: 2px solid #9c5d27;
/* border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; */
  margin: 0 0 3px 0;
  overflow: hidden;
  background: #fff;
}

.footer-search a:hover {
/* background: url('/graphics/9073/affiliates/TV-Nutt-Find-Remind-Logo.png') #fff no-repeat; */
/* border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px; */
background: #000;
}

.footer-search a img {
display: inline-block;
width: 282px;
height: 19px;
max-height: none;
min-height: 19px;
}




/* Carousel */
#prev1 {
	position: absolute;
	left: 0;
	background: url('/graphics/9073/tv_nutt_sprite.png') -191px 0 no-repeat;
	width: 12px;
	height: 54px;
	top: 35%;
	z-index: 101;
	text-indent: -2000px;
}

#next1 {
	position: absolute;
	right: 0;
	background: url('/graphics/9073/tv_nutt_sprite.png') -207px 0 no-repeat;
	width: 12px;
	height: 54px;
	top: 35%;
	z-index: 101;
	text-indent: -2000px;
}

.end-cap  {
z-index:150!important;
}

.cell-holder h2 {
font-family: 'Days One', sans-serif;
color: #fff;
font-size: 23px;
text-shadow: none;
padding: 4px 5px;
text-align: center;
margin: 30px 0 10px 0;
}
.cell-holder h3 {
font-family: 'Days One', sans-serif;
color: #fff;
font-size: 18px;
text-shadow: none;
padding: 4px 5px;
text-align: center;
margin: 0;
}

.cell-holder-bg-orange {
background: radial-gradient(ellipse at center center , #f36b25 0%, #b72918 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.acorn-large-wrap {
width: 100%;
text-align: center;
}
.acorn-large {
display: inline-block;
background: url('/graphics/9073/tv_nutt_sprite.png') -285px 0 no-repeat;
height: 100px;
width:71px;
text-align: center;
}


.sports-display {
width: 90%;
margin: 0 0 0 5px;
}

.sports-display th {

padding: 8px 2px 4px 2px;
/* background: #ccc; */
}

.sports-display th strong {
display: block;
width: 100%;
background: #749e30; 
padding: 2px;
color: #fff;
}

.sports-display td {
padding: 2px 5px;;
}




div < li.remove-parent {
overflow: hidden;
}


















/* customization classes
****************************************************************************************/
.show-details.bg-black, .panel.bg-black, #content-container.bg-black {
background: #000;
}

.show-details.color-black, .panel.color-black {
color: #000;
}

.show-details.bg-white, .panel.bg-white, #content-container.bg-white {
background: #fff;
}

.show-details.color-white, .panel.color-white {
color: #fff;
}


.size-300, .size-600 {
overflow: hidden;
}

.size-300 img, .size-600 img {
width: 100%;
position: relative;
z-index: 10;
}


/* 300 */
.size-300.border {
max-width: 298px;
border: 1px #6d584b solid;/* make seperate option for border color */
}

.size-300 {
max-width: 300px;
}

.size-300 img {
min-height: 200px;
max-height: 201px;
} 

.size-300 img.cap {
height:270px;
overflow:hidden;
max-height:none;
} 
	
li.slide-300 {
width: 300px;
/* overflow: hidden; */
}

.cell-holder-300 {
height:272px;
overflow:auto;
}

.size-final-300 {
width: 298px;
}

.size-300 .show-details h2 {
max-width: 220px;
}

/* 600 */
.size-600.border {
max-width: 598px;
border: 1px #6d584b solid;/* make seperate option for border color */
}

.size-600 {
max-width: 600px;
}


.size-600 img {
min-height: 400px;
max-height: 401px;
} 

.size-600 img.cap {
height:450px;
overflow:hidden;
max-height:none;
} 
	
li.slide-600 {
max-width: 600px;
width: 100%;
}

.cell-holder-600 {
height:452px;
overflow:auto;
}

.size-final-600 {
width: 595px;
}

.size-600 .show-details h2 {
max-width: 420px;
}


/* ************* We are treating 1000 size as the responsive size in a PoC ********** */
/* 1000 */  
.size-1000.border {
/* max-width: 598px; */
border: 1px #6d584b solid;/* make seperate option for border color */
}

.size-1000 {
/* max-width: 600px; */
}

/* JPK new 6-18 */
 .max-size-1000 {
/* max-height: 215px; */
/* overflow: hidden; */
}   
/* END JPK new */

.size-1000 img {
/* min-height: 400px; */
/* max-height: 215px; */
width: 100%;
/* max-height: 210px;  */
display: block;
margin: 0 auto;
} 
	
li.slide-1000 {
/* max-width: 600px; */
width: 100%;
border: 1px #fff dotted;
}

.cell-holder-1000 {
height:282px;
overflow:auto;
}

.size-final-1000 {
width: 595px;
}

.size-1000 .show-details h2 {
max-width: 420px;
}










@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome classes here */
 
    /* Safari only override */
    ::i-block-chrome,#navigation a {
     font-family: helvetica;
    }
	 ::i-block-chrome,#footer a.gear-text {
	  font-family: helvetica;
	}
}