.fine {
        font-size: 10px;
}

a.bluelink {
	color: #0000FF;
	text-decoration: none;
}

a.graylink {
	color: #666666;
	text-decoration: none;
}

.gray {
	color: #666666;
}

.small {
	font-size: 9px;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	margin-top: 1px;
	border-top: 1px solid #C7C7B7;
}

#accesscell
{
	border-bottom: 2px solid #C7C7B7;
	border-right: 1px solid #C7C7B7;
    background: #E6E6DA;
}

#navcontainer .sep
{
	border-top: 1px solid #C7C7BC;
}

#navcontainer .bottom
{
	border-bottom: 1px solid #C7C7BC;
}

#navcontainer .bottomsep
{
	border-top: 1px solid #C7C7BC;
	border-bottom: 1px solid #C7C7BC;
}

.nowrap
{  
    white-space:nowrap;
}

#navcontainer a
{
	display: block;
	width: 155px;
	border-bottom: 1px solid #C7C7BC;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
    white-space: nowrap;
}

#logo
{
	padding-left: 9px;
	padding-bottom: 2px;
	border-bottom: 0px solid #C7C7BC;
	border-right: 0px;
	text-align: center;
}

#hostmode
{
	background: #FFEEDD;
	border-bottom: 2px solid #C7C7BC;
	text-align: center;
}

#paddingdiv
{
	position: absolute;
	top: 20px;
	bottom: 20px;
	right: 20px;
	left: 20px;
	width: auto;
	height: auto;

}
#wholetable
{
	width: 100%;
	height: 100%;
}

#navcell
{
	font-size: 12px;
	background: #E6E6DA;
	border-right: 1px solid #C7C7BC;
}

#navcontainer a:link, #navlist a:visited
{
	text-decoration: none;
}
#navcontainer a:hover
{
	background: #FFFFFF;
}

#logotable
{
    margin-left: 0px;
    width:100%;
    background: #000000;
    border-collapse: collapse;
    padding: 0px;
}

#logotable th
{
    padding: 0px;
    border: 0px;
}


.hlabel th {font-weight: normal; border-bottom: none;}



.showeditrow td
{
    padding-bottom: 3px;
    padding-top: 1px;
    padding-right: 2px;
    white-space:nowrap;
}

.errortable td
{
    background: #FFEEEE;
    padding: 5px;
}

.errortable h1
{
    color: #990000;
    margin-bottom: 1px;
}

.runningtext
{
	text-align: justify;
	margin-right: 100px;
}

.runningtext h1
{
	font-size: 20px;
}

.entry-title {
    line-height: normal;
}

.subtitle {
    color: #526765;
    text-transform: none;
    font-weight: normal;
}

#menu-cod {
    padding: 0; margin: 10px 0 0 0; clear: left;
}
#menu-cod a {
    display: inline-block;
    margin: 0 20px 0 0;
    text-transform: uppercase;
    text-decoration: none;
}
#menu-cod a, #menu-cod a:visited, #menu-cod a:active {
	color: #526765;
    font-weight: bolder;
}
#menu-cod a.ondemand, #menu-cod a.ondemand:visited, #menu-cod a.ondemand:active { color: #018BEA;}
#menu-cod a.selected, #menu-cod a.selected:visited, #menu-cod a.selected:active{ color: #FA7004;}
#menu-cod a:hover {text-decoration: underline;}
article #titlediv h1, article #titlediv h1 a {margin: 0; padding: 0;}
#titlediv { margin-bottom: 15px; }
#header-icon {float: left; max-width: 150px; max-height: 150px; margin-right: 15px; margin-bottom: 10px; }
.cod-menu-header h1 {clear: none;}

.smallbutton {font-size: 9px;}

#broadcastinfo th {border: none; padding-right: 8px; white-space: nowrap;}
#broadcastinfo {margin-bottom: 20px;}
#broadcastinforemarks {white-space: pre-wrap; margin-bottom: 20px; text-align: justify;}
#broadcastinfoaudio {}
#subscribe {margin-top: 15px;}

#programindextable {width: 100%;}
#programindextable td {padding-right: 15px;}
#programindextable td,#programindextable th {border-bottom: 1px dotted #C7C7C7;vertical-align:top;}
.programindexrowdate {width: 20px; white-space: nowrap;}
#programindexnomore {font-style: italic;}
#programindexheadinginteractive {text-align: center;}
#programindexrowinteractive {text-align: center;}
#programindexheadingaudio, .programindexrowaudio, #programindexheadinginteractive, .programindexrowinteractive {text-align: center;}

#calpromo, .tips {background-color: #EEE; border: 1px dashed black; padding: 5px; }

#commentdiv { font-size: 12px; font-size: 0.75rem; }
#commentdiv div.comment {margin-bottom: 10px; padding: 0 10px 0 10px;}
#commentdiv .commenttext {white-space: pre-wrap; word-wrap: break-word; word-break: hyphenate;}
#commentdiv .author {font-weight: bolder;}
#commentdiv #commenttitle {font-weight: bolder; margin-bottom: 10px; margin-top: 25px; text-transform: uppercase; color: #fa7004;}
#commentdiv #commentprompt {font-weight: bolder; margin-top: 15px; }
#commentdiv #commentprompt, #commentdiv #commentnameprompt {color: #526765;}
#commentdiv .timestamp {font-size: 9px; font-size: 0.5625rem; font-style: italic;}
#commentdiv div.oddcomment {background-color: #E5F1EF; padding: 10px;}
#commentdiv .deleted {background-color: #DDDDDD;}
#commentdiv .hostpost td, #commenttable .userpost td, #commenttable .deleted td {padding: 5px 10px 5px 10px;}
#commentdiv #tb_comment, #commentdiv #guestname {margin-bottom: 10px;}
#commentdiv #commentexpand {background-color: #E5F1EF; margin-bottom: 20px; text-align: center; font-weight: bolder;}

#specialfield {display: none;}

.recentpl {border-collapse: collapse; width: 100%;}
.recentpl #contentrowtd {padding-left: 7px;}
.recentpl td {border-bottom: 1px dotted #C7C7C7; padding-right: 1px; vertical-align: top; text-align: left;}
.recentpl .firstrow td {border-top: 1px dotted #C7C7C7;}
.recentpl .dotcolumn {text-align: center;}
.recentpl .thumb {width: 150px; max-width: 150px; min-width: 150px; vertical-align: top;}
.recentpl .content {padding-left:10px;}
.recentpl-tabs {display: none;}
.recentpl-tabs {width: 100%; margin-bottom: 30px;}
.recentpl-tabs td {margin: 0; padding: 5px 5px; white-space: nowrap; border-bottom: 1px solid gray; border-top: 1px solid gray;}
.recentpl-tabs a {font-weight: bolder; color: #526765; text-transform: uppercase; text-decoration: none;}
.recentpl-tabs a.selected, .recentpl-tabs a.selected:visited {color: #FA7004;}
.recentpl-tabs a:hover {text-decoration: underline;}
.recentpl-tabs a:visited {color: #526765;}
.recentpl-tabform {font-weight: bolder; color: #526765; text-transform: uppercase; text-decoration: none; margin-bottom: 20px; display: block;}
.recentpl-tabform select {border: 0px solid #9C9C9C; font-weight: bolder; color: #526765; text-transform: uppercase; text-decoration: none;}

.greendot {vertical-align: middle;}

#playlist-tracktable {width: 100%;}
#playlist-tracktable td {border-bottom: 1px dotted #C7C7C7; color: #526765; }
#playlist-tracktable .firstrow td {border-top: 1px dotted #C7C7C7;}
#playlist-tracktable .playlist-track {padding-top: 5px; padding-bottom: 5px;}
#playlist-tracktable .playlist-separator {height: 7px; background-color: #EEEEEE; border-left: 1px dotted #C7C7C7; border-right: 1px dotted #C7C7C7; }
#playlist-tracktable .playlist-comment {padding: 20px 3px; background-color: #E5F1EF; font-style: italic;}
#playlist-tracktable .thumb {padding-right: 5px;}
#playlist-tracktable .thumb img {width: 75px;}
#playlist-tracks-and-interactive {position:relative;}

#eventtable {width: 100%;}
#eventtable td {border-bottom: 1px dotted #C7C7C7; color: #526765; padding-top: 5px; padding-bottom: 5px;}
#eventtable .firstrow td {border-top: 1px dotted #C7C7C7;}
#eventtable a, #eventtable a:visited, #eventtable a:active {color: #526765; font-weight: bolder;}
#event a, #event a:visited, #event a:active {color: #526765; text-decoration: underline; margin-right: 10px;}

.codguide #guidetable {border-collapse: collapse; border: 2px solid black; width: 100%;}
.codguide #guidetable .tmr, .codguide #guidetable .tml, .codguide #guidetable th {font-weight: bolder;}
.codguide .cw, .codguide .ca, .codguide .cb, .codguide .tmr, .codguide .tml, .codguide #guidetable th {border: 1px solid #444; padding: 2px; text-align: center; vertical-align: middle;}
.codguide .cw, .codguide .ca, .codguide .cb {cursor:pointer;}
.codguide .ca {border-right: 1px dotted gray; }
.codguide .cb {border-left: 1px dotted gray; }
.codguide .sp {width: 5px; height: 10px;}
.codguide .tmr, .codguide .tml {color: black; border: none; }
.codguide .tmr {padding-right: 4px; text-align: right;}
.codguide .airing {border: 5px solid black; font-weight: bolder;}
.codguide a {text-decoration: none; color: black;}
.codguide .airing a {font-weight: bolder;}
.codguide #guidetable a:hover, #guidetable td:hover a {border-bottom: 1px dotted black; color: black;}
.codguide #guidetable th {background-color: #444; color: white;}
.codguide .a {background-color: #DDD;}
.codguide #legendtable {border-collapse: collapse; border: 1px solid black; margin: auto auto; margin-top: 5px;}
.codguide #legendtable td {text-align: center; vertical-align: middle; font-weight: bolder; border: 1px solid #dddddd; color: black; padding-left: 10px; padding-right: 10px;}
.codguide .smusic {background-color: #E1EBFD;}
.codguide .gmusic {background-color: #E5FDEC;}
.codguide .spoken {background-color: #FEFFE5;}
.codguide .spblend {background-color: #F4E5FF;}
.codguide .multicultural {background-color: #FFF1F1;}
.codguide .codguide-phone {display: block;}
.codguide .codguide-full {display: none;}

div.ui-datepicker{ font-size:14px;}
div.ui-timepicker{ font-size:14px;}
div.ui-timepicker *, div.ui-timepicker *:before, div.ui-timepicker *:after {box-sizing: content-box; -webkit-box-sizing: context-box; -moz-box-sizing: content-box;}


/* are these still used? */
#showtable {margin-right:25px;}
#showtable td {padding-right: 8px; border-top: 1px dotted #C7C7BC; vertical-align:top; font-size: 11px; text-align: left;}
#showtablefirsttrack td, #showtablefirstcomment td {border-top: 0px;}
#showlegend td {border-top: 2px solid #C7C7BC; border-right: 0px; border-left: 0px; border-bottom: 0px; padding-top: 5px; }
.showtabletrackflags { white-space:nowrap; }
.showcomment {font-style:italic; text-align: justify; margin-top: 15px; margin-bottom: 10px; margin-left: 25px; margin-right: 25px;}

.accessible_skip, .accessible_hide {
  background: #e77e23;
  height: 30px;
  left: -10000px;
  padding: 8px;
  position: absolute;

}

.accessible_skip:focus {
	left: initial;
}

#xmd {border: 3px solid #FA7003; background-color: #FFE2CC; padding: 20px; margin: 0 auto 20px auto; color: #000000;}


/* override responsive font sizing in flowplayer */
.flowplayer.is-small {font-size: 1em;}
.flowplayer.is-tiny {font-size: 1em;}

@media screen and (min-width: 500px) {
    #ckculogo {width: auto;}
    .site-title {font-size: 40px; font-size: 2.5rem;}
}

@media screen and (min-width: 825px) {
.recentpl-tabs {display: table;}
.recentpl-tabform {display: none;}

.layout-table {display:table; width: 100%;}
.layout-tablerow {display: table-row;}
.layout-sidebar-holder {width: 340px; display: table-cell; margin-top: 0; vertical-align: top;}
.layout-content-holder {display: table-cell; padding-right: 30px; vertical-align: top;}

.codguide #guidetable {width: auto;}
.codguide .codguide-phone {display: none;}
.codguide .codguide-full {display: block;}

#commentdiv #commenttitle {margin-top: 0px;}

#xmd {width: 75%;}

}