/* base style overrides */
:focus {
  -moz-outline-style:none;
}


    h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
    
    font-weight:bold;
    text-decoration:none;
    }
    
    .clear {
        clear: both;
    }
    
    .biggerFont {
        font-size: 110%;
        line-height: 20%;
    }
    
    .notice {
        color: red;
        font-weight: bold;
    }
    
    #header {
        background: url('../images/hederGradient.gif') repeat-x;
        height: 18px;
        float: left;
        display: inline;
        border-top: 1px solid #d3d3d3;
        border-bottom: 1px solid #cccccc;
        padding: 10px 10px 10px 5px;
    }


    div#page div#banner {
        margin-bottom: 0px;
        
    
    }
    
    div#page div#banner p#support {
        margin-bottom: 0px;
    
    }
    
    div#page div#banner h1#brand a {
        margin-bottom: 0px;
    
    }
    
    div#page div#banner h2#secondary_mark a {
        margin-bottom: 0px;
    
    }

    #content {
        color: #111111;
        font-size: 13px;
        letter-spacing: .01em;
    
    }
    
    div#page div#content {
        
    
    }

div #relevant {

}


    /* local nav */
        div#content div#deep_nav {
            float:left;
            
            display:inline;
			margin-bottom: 10px;
            border-bottom: 1px solid #aaa;
            padding:0;
            height: 29px;
        }
        
        div#content div#deep_nav ul#local_nav {
            float:left;
            display:inline;
            margin:0;
            padding:0;
            border-left:0px solid #DDD;
        }
        
        div#content div#deep_nav ul#local_nav li {
    
            padding: 0px;
            border-top:0px solid #CCC;
            border-right:0px solid #BBB;
            border-left:0px solid #BBB;
            border-bottom:0px solid #DDE0C2;
            background: none;
            float: none;
            
        }
    
            /* special case - Contribute Now */
            div#content div#deep_nav ul#local_nav li.contribute {
                background:#FFF;
                
            }
            div#content div#deep_nav ul#local_nav li.contribute a:link,
            div#content div#deep_nav ul#local_nav li.contribute a:visited {
                color:#E33339;
            }
        
        
        div#content div#deep_nav ul#local_nav li.local_nav_hilite {
            /*background: #fff;
            font-weight: bold;
            border: 2px solid;
            border-color:#bbb #bbb #fff;
            height: 22px;
            margin: 0 5px 0 0; */
        }
        
        div#content div#deep_nav ul#local_nav li.local_nav_hilite a:link,
        div#content div#deep_nav ul#local_nav li.local_nav_hilite a:visited,
        div#content div#deep_nav ul#local_nav li.local_nav_hilite a:hover {
            color:#000;
            text-decoration:none;
            font-weight: bold;
            display: block;
            float: left;
            
            background: #fff;
            font-weight: bold;
            border: 1px solid;
            border-color:#bbb #bbb #fff;
            height: 22px;
            margin: 0 10px 0 0;
        }
        
        div#content div#deep_nav ul#local_nav li.local_nav_hilite a:hover {
            padding-top: 3px;
            height: 24px;
        }
        
        div#content div#deep_nav ul#local_nav li a:link,
        div#content div#deep_nav ul#local_nav li a:visited {
            color:#333;
            font-weight: bold;
            font-size: 12px;
            line-height: 20px;
            text-decoration:none;
            
            white-space:nowrap;
            margin: 4px 10px 0 0;
            height: 18px;
            
            border-top:0px solid #CCC;
            border-right:1px solid #f3f7df;
            border-left:1px solid #f3f7df;
            border-bottom:1px solid #f3f7df;
            background:#eeeeee;
            padding:3px 10px;
            
            display: block;
            float: left;
        }
        
        div#content div#deep_nav ul#local_nav li a:hover,
        div#content div#deep_nav ul#local_nav li a:active {
            color:#000;
            text-decoration:none;
            background:none;
            padding:2px 10px;
            height: 20px;
            font-weight: bold;
            border: 1px solid;
            border-color:#bbb #bbb #fff;
            
            display: block;
            float: left;
        }

/*a styles */



/* h styles */


div#content ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div#content li {
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	line-height: 16px;
	
	background-position: 0 0.85em;
	list-style: none;
}

div#content input {
	font: normal 14px arial;
	color: #000000;
	
}

div#content textarea {
	font: bold 11px arial;
	color: #000000;
	
}

.flatTile { margin: 10px 0 0 0;}
.printSched { margin-left: -12px; margin-top: 2px;}

/* mini schedule */
    #miniSched {
        margin-top: 5px;
        margin-bottom: 10px;
    }
    
    #miniSched #tabWrapper { width: 210px; vertical-align: bottom;}
    #miniSched #tabWrapper.mainSched { width: 375px; }
    
    #miniSched #tabWrapper a {
        text-decoration: none;
        margin-top:5px;
        height: 17px;
        display: block;
        float: left;
        padding: 3px 8px 5px 8px;
        margin-right: 3px;
        font-size: 14px;
        color: #ffffff;
        -webkit-border-top-left-radius: 5px;    /* for Safari */
        -webkit-border-top-right-radius: 5px;    /* for Safari */                                     
        -moz-border-radius-topleft: 5px;       /* for Firefox */
        -moz-border-radius-topright: 5px;       /* for Firefox */                                             
    }
    
    #miniSched #tabWrapper a.active { height: 20px; margin-top: 0px; padding-top: 5px; }
    
    a#tab_1:link { background-color: #6a6a3e; }
    a#tab_1:visited { background-color: #6a6a3e; }
    a#tab_1:hover { background-color: #484813; }
    
    a#tab_2:link { background-color: #c9d04c; }
    a#tab_2:visited { background-color: #c9d04c; }
    a#tab_2:hover { background-color: #b2bc00; }
    
    a#tab_3:link { background-color: #a9abae; }
    a#tab_3:visited { background-color: #a9abae; }
    a#tab_3:hover { background-color: #84878b; }
    
    a#tab_4:link { background-color: #dd9c25; }
    a#tab_4:visited { background-color: #dd9c25; }
    a#tab_4:hover { background-color: #be7b01; }
    
    a#tab_1.active { background-color: #484813; }
    a#tab_2.active { background-color: #b2bc00; }
    a#tab_3.active { background-color: #84878b; }
    a#tab_4.active { background-color: #be7b01; }
    
    
    #subTab {
        width: 200px;
        height:15px;
        background-color: #484813;
        color: #ffffff;
        text-align: right;
        padding: 2px 10px 3px 0;
        background: url('../../chrome/subTab_sprite.gif') no-repeat;
        background-position: 0 0px;
    }
    
    #subTab a { display: block; float: right; width: 100px; text-align: left; }
    
    #subTab a:link { color: #ffffff; text-decoration: none; }
    #subTab a:visited { color: #ffffff; text-decoration: none; }
    #subTab a:hover { color: #ffffff; text-decoration: underline; }
	
    #miniSched #subTabDropShadow,
    #mainSched_subTabDropShadow {
        background: url('../../chrome/miniSched_bg_top.gif') no-repeat;
        height: 10px;
        width: 210px;
    }
    
    #miniSched_content {
        background: url('../../chrome/miniSched_bg_mid.gif') repeat-y;
        width: 190px;
        padding: 0 20px 0 0;
        margin-right: 0px; 
    }
    
    /* ie 6 makes me angry */
    /*\*/ * html #miniSched_content { width: 205px; padding: 0 5px 0 0; } /**/
    
    #miniSched .contentHeader {
        background: url('../../chrome/miniSched_contentHeader.gif') no-repeat;
        height: 24px;
        width: 195px;
        padding: 4px 0 0 15px;
        font-size: 12px;
        font-weight: bold;
    }
    
    #miniSched_content .block { padding-left: 20px; margin: 5px 0 10px 0; line-height: 15px; }
    #miniSched_content .image img { width: 62px; margin: 0 6px 0 0; border: 0px solid #c8c8b8; border-top-width: 5px; border-bottom-width: 6px; float: left; }
	#miniSched_content a { line-height: 18px; }
    #miniSched_content .image a img:link { border: 0px solid #c8c8b8; border-top-width: 5px; border-bottom-width: 6px; }
    #miniSched_content .image a img:visited { border: 0px solid #c8c8b8; border-top-width: 5px; border-bottom-width: 6px; }
    #miniSched_content .image a img:hover { border: 0px solid #B2BC00; border-top-width: 5px; border-bottom-width: 6px;}
    #miniSched_content .moreWrapper {
        width: 190px;
        text-align: right;
        padding-bottom: 15px;
    }
        
    #miniSched_footer,
    #mainSched_footer {
        clear: both;
        background-color: #72724a;
        height: 10px;
		width: 210px;
    }
	
	#mainSched_footer {
	  width: 100%;
	}
	
/* main schedule - grabs styles from minisched for the tabs */
    #miniSched #tabHeader {
        
    }
    
    #miniSched #tabWrapper.mainSched {
        float: left;
        margin-bottom: 15px;
		height: 15px;
    }
    
    /* ie 6 makes me angry */
    /*\*/ * html  #miniSched #tabWrapper.mainSched { margin-bottom: -15px; } /**/
    
    #printLink {
        float:right;
        width: 40px;
        text-align: right;
        padding-right: 50px;
        margin-top: 10px;
    }
    
    #printLink a {
        display: block;
        background-image: url('../../chrome/printIcon.gif');
        background-repeat: no-repeat;
        background-position: left top;
        width: 70px;
        height: 19px;
        padding-left: 3px;
        font-weight: bold;
        font-size: 13px;
        color: #00a2e3;
    }
    
    #mainSched_subTab {
        width: 100%;
        height: 5px;
    }
    
    #mainSched_subTab.opb-tv-hd { background-color: #484813; }
    #mainSched_subTab.opb-tv { background-color: #b2bc00; }
    #mainSched_subTab.opb-tv-plus { background-color: #84878b; }
    #mainSched_subTab.all { background-color: #be7b01; }
    
    #mainSched_footer.opb-tv-hd { background-color: #6a6a3e; }
    #mainSched_footer.opb-tv { background-color: #c9d04c; }
    #mainSched_footer.opb-tv-plus { background-color: #a9abae; }
    #mainSched_footer.all { background-color: #dd9c25; }
    
    #mainSched_subTabDropShadow {
        width: 100%;
        background: url('../../chrome/mainSched_bg_top.gif') no-repeat;
    }
    
    #mainSched_subTabDropShadow.multiday {
        background-image: none;
    }

    #mainSched_content {
        background: url('../../chrome/mainSched_bg_mid.gif') repeat-y;
        width: 485px;
        padding: 0 20px 10px 20px;
        font-size: 13px;
        letter-spacing: .02em;
    }
    
    #mainSched_content.multiday {
        background-image: none;
        padding-left: 0px;
    }
    
    
    #mainSched_content .time {
        float: left;
        text-align: right;
        width: 70px;
        margin-right: 25px; 
    }
    
    #mainSched_content .title {
        float: left;
        width: 350px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    
    #mainSched_header {
        margin-bottom: 20px;
        width: 500px;
    }
    
    #mainSched_header.wide {
        width: 700px;
    }
    
    #mainSched_header .divider { font-size: 18px; color: #ccc; line-height: 23px; }
    #mainSched_header #date { font-size: 18px; margin-bottom: 0px; }
    #mainSched_header a.button {
        background-color: #00a2e3;
        padding: 2px 10px;
        color: #ffffff;
        font-size: 14px;
        display: block;
        float: left;
        margin-right: 5px;
        text-decoration: none;
        -webkit-border-radius: 3px;    /* for Safari */
        -webkit-border-radius: 3px;    /* for Safari */                                     
        -moz-border-radius: 3px;       /* for Firefox */
        -moz-border-radius: 3px;       /* for Firefox */       
    }
    
    #mainSched_header a:hover.button,
    #mainSched_header a.button.active{
        background-color: orange;
    }
    
    .dateToggler {
        width: 100px;
        display: inline;
    }
    
    .dateToggler img {
        border: 1px solid #999;        
    }
    
    #mainSched_content .title a { font-weight: bold; color: #00a2e3; text-decoration: none; }
    #mainSched_content .title a:visited { font-weight: bold; color: #00a2e3; text-decoration: none; }
    #mainSched_content .title a:hover { font-weight: bold; color: #00a2e3; text-decoration: underline; }


/* promoBanner */
    #promoBanner {
        width: 480px;
        margin-top:10px;
        margin-right: 50px;
    }

    .myGallery_carousel {
        height: 40px;
        padding: 0;
        margin: 0;
        /*background: url('../images/television/thumbBg.gif') repeat-x;*/
        background-color: #000;
        -moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
    }

/* programBlocks */
    #programBlocks a {
        font-size: 13px;
        font-weight: bold;
    }
    
    #programBlocks {
        margin-top: 20px;
    }
    
    #programBlocks p {
        padding: 7px 5px 0 5px;
        margin: 0;
        width: 100%;
    }

    .programBlock_wrapper,
    .programBlock_widewrapper {
        float: left;
        width: 135px;
        margin-right: 20px;
        
    }
    
    /* ie 6 makes me angry */
    /*\*/ * html .programBlock_wrapper {  margin-right: 15px; } /**/
    
    .programBlock_widewrapper {
        width: 170px;
    }
    
    #programBlocks .latest,
    #programBlocks .latest_wide {
        width: 135px;
        border-top: 0px solid #d3d3d3;
        display: block;
    }
    
    
    
    #programBlocks .latest_wide {
        width: 170px;
    }

    #programBlocks .tile {
        display: block;
        border-top: 1px dotted #d3d3d3;
    }
    
/* video blocks */
    .hr {
        border-top: 1px dotted #cccccc;
        margin: 10px;
        width: 460px;
    }
    
    #videoBlocks img {
        margin: 15px 15px 11px 0;
    }

/* sidebar item */
    .sidebarList h3 {
        background-color: #00a2e3;
        padding: 2px 5px;
        width: 245px;
        color: #fff;
        margin-top: 20px;
        font-weight: normal;
    }
    
    .sidebarList p {
        padding: 0 5px;
    }
    
/* programs page */
    #programSearch { background-color: #c9ebf9; width: 445px; height: 25px; padding: 10px 15px; margin: 10px 0 5px 0; }
    #programSearch #id_program_search {
        width: 350px;
        height: 20px;
        margin-right: 10px;
        font-size: 16px;
        font-weight: bold;
        color: #00a2e3;
    }
    
    /* autocomplete styles */
        #content div.autocomplete {
          position:absolute;
          width:250px;
          background-color: white;
          border:1px solid #888;
          margin:0;
          padding:0;
          -webkit-border-radius: 5px;    /* for Safari */
            -webkit-border-radius: 5px;    /* for Safari */                                     
            -moz-border-radius: 5px;       /* for Firefox */
            -moz-border-radius: 5px;       /* for Firefox */       
        }
       #content div.autocomplete ul {
          list-style-type:none;
          margin:0;
          padding:0;
          font-size: 14px;
          color: #333;
          font-weight: bold;
          line-height: 25px;
        }
        #content div.autocomplete ul li.selected {
            background-color: #ffb;
            -webkit-border-radius: 5px;    /* for Safari */
            -webkit-border-radius: 5px;    /* for Safari */                                     
            -moz-border-radius: 5px;       /* for Firefox */
            -moz-border-radius: 5px;       /* for Firefox */   
            
            }
        #content div.autocomplete ul li {
          list-style-type:none;
          display:block;
          margin:3px;
          padding-bottom:5px;
          
          cursor:pointer;
        }
    
    
    #programList { font-size: 16px; font-weight: bold; margin-top: 20px; }
    #programList li a { font-size: 14px; color: #017dae; text-decoration: none; line-height: 20px;}
    #programList li a:hover { text-decoration: underline;} 
    
    #programDetail { width: 475px; font-size: 14px; margin-top: 20px; }
    .channel { float: none; padding: 2px 5px; margin: 0 10px 0px 0;font-weight: bold; font-size: 16px; color: #ffffff;}
    dd .channel { float: none; }
	
	.channel.OPB { background-color: #b2bc00; }
    .channel.OPB.HD { background-color: #484813; } 
    .channel.OPB.Plus { background-color: #84878b; }
	
	div .rule.OPB { border-top: 1px solid #BBBC83; }
	div .rule.OPB.HD { border-top: 1px solid #96974A; }	
	div .rule.OPB.Plus { border-top: 1px solid #ABAFB3; }
	
	#programDetail .channel { margin-bottom: 0px; }
	#programDetail .channel_border { padding: 10px 10px 20px 5px; border-top: 1px solid #ccc;}
	/* #programDetail .channel_border.OPB.HD div { border-color: #96974A; background-color: #fff; }
	#programDetail .channel_border.OPB div { border-color: #BBBC83; background-color: #fff; }
	#programDetail .channel_border.OPB.Plus div { border-color: #ABAFB3; background-color: #fff; } */
	
	#programDetail h5 { color: #484813; font-weight: normal; letter-spacing: .1em;}
    #programDetail .episode { margin: 0 0 15px 15px; }
    #programDetail .date { font-weight: bold; color: #00a2e3; }
    #programDetail .extras { color: #c8672c; }
	#programDetail .subsection { padding-left: 20px; font-weight: normal; background: url('http://www.opb.org/presentation/chrome/arrow_orange_right.gif') no-repeat left; }
	#programDetail .subsection.show { background: url('http://www.opb.org/presentation/chrome/arrow_orange_down.gif') no-repeat left bottom; }


/* small channel labels */
    .label { font-size: 80%; font-weight: bold; }

    .label.opb-tv-hd { color: #484813; }
    .label.opb-tv { color: #b2bc00; }
    .label.opb-tv-plus { color: #84878b; }

/* highlight bucket */
    #bucket_header {
        background: url('../../chrome/cyanGrad_bg.gif') repeat-x;
        height: 19px;
        width: 190px;
        padding: 4px 10px 3px 10px;
        margin-top: 15px;
        color: #fff;
    }
    
    #highlightBucket_footer {
        height: 5px;
        background-color: #ccc;
        width: 210px;
    }

/* highlight page */
    #highlightsAll_wrapper {
        margin-bottom: 20px;
    }

    #highlightsAll_wrapper h3 {
        background-color: #00a2e3;
        
        width: 98%;
        color: #ffffff;
        padding: 3px 0 3px 10px;
        margin: 25px 0 20px 0;
        
    }
    
    #highlightsAll_wrapper img {
        float: left;
        margin: 0 15px 10px 0;
        border: 2px solid #ccc;
    }
    
/* tables */

	div#content table.schedule {
        border-left: 1px dotted #ccc;
	}

	div#content table.schedule th {
        color: #222;
        font-size: 14px;
		text-align:left;
        vertical-align: middle;
		padding:5px 5px;
		border-bottom:2px solid #00A2E3;
        border-right: 1px dotted #ccc;
        
	}
    
    div#content table.schedule th a.weekLink { font-size: 11px; font-weight: normal;}
    
    div#content table.schedule th.opb-tv-hd { color: #484813; }
    div#content table.schedule th.opb-tv { color: #a0a53e; }
    div#content table.schedule th.opb-tv-plus { color: #666; }
    
    div#content table.schedule tfoot th {
        border-bottom:0px solid #00A2E3;
        border-top:2px solid #00A2E3;
    }

	div#content table.schedule td {
		vertical-align:middle;
		margin:2px 0 0 0;
		color:#333;
		padding:5px 5px;
        border-right: 1px dotted #ccc;
	}
    
    div#content table.schedule td.t { width: 70px; }
	div#content table.schedule td.t div { line-height: 14px; padding-bottom: 5px; font-style: italic; font-size: 12px; font-weight: bold; color: orange; }
    div#content table.schedule td.t.hour {  }
    div#content table.schedule td.t.half_hour { border-top: 1px solid #eee; color: #666; }
    
    div#content table.schedule td.opb-tv-hd { background-color: #efefef; }
    div#content table.schedule td.opb-tv { background-color: #fff; }
    div#content table.schedule td.opb-tv-plus { background-color: #efefef; }
    
    div#content table.schedule td.CH { background-color: #ffe5b6; }
    div#content table.schedule td.today { background-color: #FFFFAA; }
    
    div#content table.schedule td a { font-weight: bold; color: #00a2e3; text-decoration: none; }
    div#content table.schedule td a:visited { font-weight: bold; color: #00a2e3; text-decoration: none; }
    div#content table.schedule td a:hover { font-weight: bold; color: #00a2e3; text-decoration: underline; }

	div#content table.schedule tr {
		margin:0 0 0.2em 0;
	}
    
    div#content table.schedule tr.white { background-color: #fff; }
    div#content table.schedule tr.grey { background-color: #EEEEEE; }

	div#content table.schedule td.schedule_time {
		font-weight:bold;
		background:#00A2E3 url(../../chrome/cyan_grad.gif) repeat-x 0 100%;
		color:#FFF;
		padding:0 5px;
	}