/* -----------------------------------
Site:   	cuny.tv
CSS author: Robb Perry
Updated:	Date here
Updated by: Robb Perry
----------------------------------- */
/* -----------------------------------
simple reset
----------------------------------- */
html {
	margin:0;
	padding:0;
}

ul {
	margin:0;
	padding:0;
}

ol {
	margin:0;
	padding:0;
}

li {
	margin:0;
	padding:0;
}

form {
	margin:0;
	padding:0;
}

fieldset {
	margin:0;
	padding:0;
}

legend {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	color:#000;
	background:#fff;
	background-image:url(/images/global/bg.gif);
	background-repeat:repeat-x;
	font:13px/1 "DejaVu Sans", "URW Gothic L", "Helvetica Neue", Helvetica, Arial, "Microsoft Sans Serif", sans-serif;
}

h1 {
	margin:0;
	padding:0;
}

h2 {
	margin-top:0;
}

h3 {
	margin-top:0;
}

h4 {
	margin-top:0;
}

h5 {
	margin-top:0;
}

h6 {
	margin-top:0;
}

fieldset,img {
	border:0;
}

legend {
	color:#000;
}

p {
	margin:0 0 1.5em;
	line-height:1.4;
}

input {
	font-size:110%;
	line-height:1.1;
}

textarea {
	font-size:110%;
	line-height:1.1;
}

select {
	font-size:110%;
	line-height:1.1;
}

button {
	font-size:110%;
	line-height:1.1;
	width:auto;
	overflow:visible;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

caption {
	text-align:left;
	vertical-align:top;
	font-weight:400;
}

th {
	text-align:left;
	vertical-align:top;
	font-weight:400;
}

td {
	text-align:left;
	vertical-align:top;
	font-weight:400;
}

ul li {
	list-style:none;
}

abbr {
	border-bottom:.1em dotted;
	cursor:help;
}

acronym {
	border-bottom:.1em dotted;
	cursor:help;
}

sup {
	vertical-align:text-top;
}

sub {
	vertical-align:text-bottom;
}

pre {
	font-family:"Courier New", monospace, serif;
	font-size:100%;
	line-height:1.2;
}

code {
	font-family:"Courier New", monospace, serif;
	font-size:100%;
	line-height:1.2;
}

/* -----------------------------------
elements
----------------------------------- */
/*

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	color:#c40000;
}

h1 {
	color: #666666;
	font-size: 20px;
}
h2 {
	color: #666666;
	font-size: 16px;
}
h3 {
	color: #333333;
	font-size: 14px;
}
h4 { font-size: 140%; }
h5 { font-size: 120%; }
h6 { font-size: 100%; }


a:link { color: #0f3163; }
a:visited { color: #04214b; }
a:focus { color: #000000; outline: thin dotted; }
a:hover { color: #000; }
a:active { color: red;}

.content ol
{
	line-height: 1.4;
	padding: 0 0 1.5em 40px;
}
.content ul
{
	line-height: 1.4;
	padding: 0 0 1.5em 40px;
}
.content li
{
	margin: 0 0 .3em;
}

.content ul li
{
	padding: 0 0 0 20px;
}
*/
/* -----------------------------------
layout
----------------------------------- */
.container {
	width:980px;
	margin:0 auto 10px;
}

.content-container {
	clear:both;
}


.content {
	float:left;
	width:640px;
	margin-top:20px;
}


.sidebar {
	float:left;
	width:305px;
	margin-top:20px;
}


.homesidebar {
	float:left;
	width:305px;
	margin-top:20px;
}

.footer {
	clear:both;
}

.clear {
	clear:both;
}

/* -----------------------------------
header
----------------------------------- */
.header {
	position:relative;
	color:#fff;
}

.header img {
	display:block;
}

/* -----------------------------------
forms
----------------------------------- */


/* -----------------------------------
search-form
----------------------------------- */
#cse-search-form {
	position:absolute;
	right:0;
	top:5px;
	width:30%;
}

/* -----------------------------------
tagline
----------------------------------- */
.tagline {
	position:absolute;
	right:0;
	bottom:10px;
	color:#ccc;
	font-size:110%;
	font-weight:400;
	text-align:right;
	display:inline;
}

/* -----------------------------------
primary-nav
----------------------------------- */
.primary-nav {
	position:absolute;
	left:125px;
	bottom:10px;
}

.primary-nav li {
	display:inline;
	margin:0 15px;
	font-size:110%;
	font-weight:700;
}

.primary-nav li a:link,.primary-nav li a:visited {
	color:#FDFDFD;
	text-decoration:none;
}

.primary-nav li a:hover,.primary-nav li a:active {
	color: #a1a1a1;
	text-decoration:none;
}

/* -----------------------------------
section-nav
----------------------------------- */
/* -----------------------------------
sidebar
----------------------------------- */

.sidebar h2 {
	margin-bottom:0;
	display:block;
	padding:7px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#eee;
	text-decoration:none;
	background-color:#f9f9f9;
	background-image:none;
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:0 0;
	color:#666;
	font-size:16px;
}

.sidebar p {
	display:block;
	color:#333;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	padding-right:20px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#eee;
	text-decoration:none;
	background-color:#f9f9f9;
	background-image:none;
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:0 0;
	text-align:justify;
}

.sidebar li>a:link,.sidebar li>a:visited {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:15px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#fff;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#eee;
	color:#0f3163;
	text-decoration:none;
	background-color:#f9f9f9;
	background-image:none;
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:0 0;
	font-weight:700;
}

.sidebar li>a:hover,.sidebar li>a:active {
	background-color:#f90;
	background-image:none;
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:0 0;
	color:#fff;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#ef8f00;
}

.reallink {
	display:block;
	margin-top:7px;
	margin-bottom:30px;
}

.sidebar #apps img {
	padding-top: 9px;
	padding-left: 9px;
	padding-right: 9px;
}

.sidebar #socialmedia img {
	padding-top: 17px;
	padding-left: 17px;
	padding-right: 17px;
}
/* -----------------------------------
homesidebar
----------------------------------- */
.homesidebar-header {
	color:#666;
	font-size:16px;
	margin-top:0;
	margin-bottom:14px;
	display:block;
	padding-bottom:7px;
	text-decoration:none;
}

.homesidebar h2 {
	color:#0f3163;
	font-size:24px;
}
.homesidebar td {
	margin-bottom:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:15px;
	text-decoration:none;
	font-weight:700;
}

.homesidebar td>a:link,.homesidebar td>a:visited {
	color:#0f3163;
	text-decoration:none;
}

.homesidebar td>a:hover,.homesidebar td>a:active {
	color:#fff;
}


.homesidebar #specialbanners img {
	color:#fff;
	margin-top:0;
	margin-bottom:24px;
}

#homesidebar-footer {
	float:right;
	font-size:16px;
	margin-top:14px;
	margin-bottom:25px;
}

#homesidebar-footer a:link,#homesidebar-footer a:visited {
	color:#666;
	text-align:right;
	margin-bottom:0;
	display:block;
	padding:7px;
	text-decoration:none;
}

#homesidebar-footer a:hover,#homesidebar-footer a:active {
	color:#fff;
}

.homesidebar #socialmedia img {
	padding-bottom: 17px;
	padding-left: 17px;
	padding-right: 17px;
}

/* -----------------------------------
onair
----------------------------------- */
.onair ul {
	list-style-type:none;
	list-style-image:none;
	padding-left:0;
}

.onair ul li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:0;
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:0;
	text-decoration:none;
	background-image:none;
	background-repeat:repeat;
	background-attachment:scroll;
	background-position:0 0;
}

.onair li a:link,.onair li a:visited {
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:7px;
	text-decoration:none;
	margin-bottom:0;
	color:#0f3163;
	font-weight:700;
}

.onair li a:hover,.onair li a:active {
	color:#7489b5;
}

.onair .onairdate {
	padding-top:2px;
	padding-bottom:2px;
	padding-left:30px;
}

/* -----------------------------------
footer
----------------------------------- */
.footer {
	background-color:#ccc;
	top:20px;
	font-size:15px;
	font-weight:700;
	color:#999;
	height:49px;
}

#footer-content {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	margin-bottom:0;
	padding:8px;
}

#footer-copy {
	float:left;
	width:705px;
	font-size:110%;
	font-weight:700;
	color:#999;
	padding-top:15px;
}
#footer-copy a:link {
	color:#999;
	text-decoration:none;
}

#footer-copy a:visited {
	color:#999;
	text-decoration:none;
}

#footer-copy a:focus {
	color:#999;
	outline:thin dotted;
}

#footer-copy a:hover {
	color:#999;
	text-decoration:none;
}

#footer-copy a:active {
	color:#999;
	text-decoration:none;
}
#footer-copy-right {
	float:right;
	width:200px;
	font-size:110%;
	font-weight:700;
	color:#999;
	padding-top:15px;
}
#footer-copy-right a:link {
	color:#999;
	text-decoration:none;
}

#footer-copy-right a:visited {
	color:#999;
	text-decoration:none;
}

#footer-copy-right a:focus {
	color:#999;
	outline:thin dotted;
}

#footer-copy-right a:hover {
	color:#999;
	text-decoration:none;
}

#footer-copy-right a:active {
	color:#999;
	text-decoration:none;
}


/* -----------------------------------
box
----------------------------------- */
/* -----------------------------------
colors
----------------------------------- */
/* -----------------------------------
classes
----------------------------------- */

.gutter {
	margin-left:35px;
}

.highlightsheader h2 {
	margin-left:5px;
	margin-top:-10px;
	margin-bottom:16px;
	color:#666;
	font-size:16px;
}



#programtitle {
	color:#666;
	font-size:16px;
	margin-bottom:16px;
}



#statictitle {
	color:#666;
	font-size:16px;
	margin-bottom:16px;
}




.infoheader {
	margin-top:16px;
	color:#666;
	font-size:16px;
	margin-bottom:16px;
}

.banner {
	margin-top:25px;
}

.guestlist {
	margin-bottom:16px;
}

.guestlist p {
	margin-bottom:4px;
}

.guestlist a:link,.guestlist a:visited {
	text-decoration:none;
	font-weight:700;
	color:#0f3163;
}

.guestlist a:hover,.guestlist a:active {
	color:#7489b5;
}

.mediaheader {
	color:#666;
	font-size:16px;
	margin-bottom: 15px;
}

.medialist ul {
	list-style-type:none;
	list-style-image:none;
	padding-left:0;
}

.medialist ul li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:12px;
	display:block;
	text-decoration:none;
	padding-left:12px;
}

.medialist li a,.medialist li a:visited {
	text-decoration:none;
	color:#0f3163;
	font-weight:700;
}

.medialist li>a:hover,.medialist li>a:active {
	color:#7489b5;
	font-weight:700;
}


.sitelist ul {
	list-style-type:none;
	list-style-image:none;
	padding-left:0;
}

.sitelist ul li {
	list-style-type:none;
	list-style-image:none;
	margin-bottom:12px;
	display:block;
	text-decoration:none;
	padding-left:12px;
}

.sitelist li a,.sitelist li a:visited {
	text-decoration:none;
	color:#0f3163;
	font-weight:700;
}

.sitelist li>a:hover,.sitelist li>a:active {
	color:#7489b5;
	font-weight:700;
}








.static a:link,.static a:visited {
	color:#0f3163;
	text-decoration:none;
	font-weight:700;
}

.static a:hover,.static a:active {
	color:#7489b5;
}

.static li {
	list-style-image:none;
	list-style-position: inside;
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 1.6;
}




.specialentry {
	float: left;
	width: 120px;
	margin-right: 8px;
	margin-bottom: 12px;
	color: #666;
	line-height: 130%;
}

.specialentry h3 {
	margin-top: 9px;
	margin-bottom: 7px;
	color: #000;
	font-size: 100%;
}

.specialentry a:link,
.specialentry a:visited {
	color: #0f3163;
	text-decoration: none;
	font-weight: 700;
}

.specialentry a:hover, 
.specialentry a:active {
	color: #7489b5;
}

.specialbutton {
	margin-right: 15px;
	margin-bottom: 15px;
}

.webextraentry {
	float: left;
	width: 200px;
	margin-right: 10px;
	margin-bottom: 12px;
	color: #666;
	line-height: 130%;
}

.webextraentry h3 {
	margin-top: 9px;
	margin-bottom: 7px;
	color: #000;
	font-size: 100%;
}

.webextraentry a:link,
.webextraentry a:visited {
	color: #0f3163;
	text-decoration: none;
	font-weight: 700;
}

.webextraentry a:hover, 
.webextraentry a:active {
	color: #7489b5;
}





.sblast {
	margin-right: 0;
}

.footnote {
	color: gray;
	font-style: italic;
	font-size: 90%;
}

.lefthand {
	display: block;
	margin-left: 0;
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 3px;
	float: left;
}


.nonyoutube img {
	padding: 50px;
	background-color: #8ca2d7;
	margin-bottom: 15px;
}


.podcast img {
	padding-bottom: 27px;
	padding-left: 17px;
	padding-right: 17px;
}


/* -----------------------------------
Home page live alert.
----------------------------------- */
.livealert {
	background-color: white;
	padding: 5px;
	text-align: center;"
}

/* -----------------------------------
Home page big picture highlight area.
----------------------------------- */






/* -----------------------------------
Home page scrolling banners
----------------------------------- */
/* Upcoming highlights area Public Affairs scrollable*/
div.pascrollable {
	margin-top:0;
	position:relative;
	overflow:hidden;
	width:552px;
	height:200px;
	float:left;
}

div.pascrollable div.paitems {
/* this cannot be too large */
	width:20000em;
	position:absolute;
}

div.pascrollable div.paitems div {
	float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/icons/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right {
	background-position:0 -30px;
	clear:right;
	margin-right:0;
}

a.right:hover {
	background-position:-30px -30px;
}

a.right:active {
	background-position:-60px -30px;
}

/* left */
a.left {
	margin-left:0;
}

a.left:hover {
	background-position:-30px 0;
}

a.left:active {
	background-position:-60px 0;
}

.featurebox {
	margin-top:0;
	float:left;
	width:160px;
	margin-left:12px;
	margin-right:12px;
	padding:0;
	color:#666;
	line-height:130%;
}

.featurebox h3 {
	margin-top:9px;
	margin-bottom:7px;
	color:#000;
	font-size:100%;
}

.featurebox a:link,.featurebox a:visited {
	color:#0f3163;
	text-decoration:none;
	font-weight:700;
}

.featurebox a:hover,.featurebox a:active {
	color:#7489b5;
}

/* -----------------------------------
Theme pages
----------------------------------- */
#themes_content {
	float: left;
	margin-top: 0;
	margin-left: 6px;
	width: 966px;
}

#themes_content h1 {
	color: #FFF;
	margin-top: 0;
	margin-bottom: 20px;
}

#themes_content h2 {
	display: block;
	border-bottom: 1px solid #666;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-left: 0;
	color: #666;
	font-size: 16px;
}

/* Upcoming highlights area */
.themes_featurebox {
	float: left;
	width: 225px;
	margin-right: 22px;
	margin-bottom: 20px;
	padding: 0;
	color: #666;
	line-height: 130%;
}

.themes_featurebox h3 {
	margin-top: 9px;
	margin-bottom: 7px;
	color: #000;
}

.themes_featurebox a:link,.themes_featurebox a:visited {
	text-decoration: none;
	color: #0f3163;
	font-weight: 700;
}

.themes_featurebox a:hover,.themes_featurebox a:active {
	color: #7489b5;
	font-weight: 700;
}


.themes_featurebox_last {
	margin-right: 0;
}


.themes_featurebox>p>img {
	margin-top: 10px;
}

/* -----------------------------------
Player pages
----------------------------------- */
.player_showbanner {
	margin-top:15px;
}




/* -----------------------------------
scheduleday
----------------------------------- */
.fullwidth {
	width: 100%;
}



.scheduleday td {
	margin-bottom:0;
	padding-top:3px;
	padding-bottom:7px;
	padding-left:15px;
}

.scheduleday td>a:link,.scheduleday td>a:visited {
	color:#0f3163;
	font-weight:700;
	text-decoration:none;
}

.scheduleday td>a:hover,.scheduleday td>a:active {
	color:#7489b5; 
}

/* easy elements */

/* extra element */

	
/* // easy elements */

 .nivoSlider {
    position:relative;
    width:633px; //image size
    height:376px;//image size
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}
.nivoSlider a {
	position: relative;
    border:0;
    display:block;
}
#slider a.watchnow {
	background:url(/images/icons/video.png) no-repeat;
	z-index: 99;
 	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0.7; /* Firefox, Chrome, Safari, Opera, IE >= 9 (preview) */
	filter:alpha(opacity=7 0); /* for <= IE 8 */
}

/* -----------------------------------
Facebook
----------------------------------- */
.fb-like {
	margin-top: 10px;
}