img{border:none;}
div.wrapper{
	width:100%;
	text-align:center;
}
div.inner{
	width:920px;
	min-height:600px;
	text-align:left;
	margin:0 auto;
}


/*updated blue nav bar styles*/
#headerNavcontainer{
	padding:0;
	/*width:900px;*/
	margin:0 auto;
	display:inline-block;
	text-align:left;
	}
#headerNav{
}

#headerNav td{
	vertical-align:middle;
	height:45px;
	text-align:center;
	border:1px solid #9CC2CD;
	background-color:#034457;
	
}
#headerNav li.two-line a span{
	padding-top:5px;
	padding-bottom:10px;
}
#headerNav td a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	display:block;
	background-position:95% 55%;
	background-repeat:no-repeat;
}
#headerNav td.two-line a{
	background-position:95% 68%;
}
#headerNav td a.arrow-up{
	background-image:url(../../images/nav_arrow_down_fff.gif);
}
#headerNav td.hover a.arrow-up{
	background-image:url(../../images/nav_arrow_down_000.gif);
}

#headerNav td a.arrow-down{
	background-image:url(../../images/nav_arrow_up_fff.gif);
}
#headerNav td.hover a.arrow-down{
	background-image:url(../../images/nav_arrow_up_000.gif);
}

#headerNav td.active{
	background-image:url(../../images/nav_arrow_up_000.gif);
	border-bottom:solid 1px #e9e9e9;
	background-color:#e9e9e9;
	color:#034457;
	}
#headerNav td.hover{
	background-color:#e9e9e9;
}
#headerNav td.hover a{
	color:#034457;
}

#headerNav td a:hover{
	text-decoration:underline;
}


#navMusic{width:90px}
#navMusicSched{width:132px}
#navCharts{width:90px}
#navProgramming{width:149px}
#navProductionTools{width:100px}
#navJackFm{width:90px}
#navConsulting{width:97px}
#navBrandEntertainment{width:155px}

/*title bar styles*/
.page-head-bar{
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:0% 0%;
	width:900px;
	padding-left:20px;
	padding-top:23px;
}
.page-head-bar h1{
	font-weight:normal;
	font-size:33px;
	padding:0;
	margin:0;
	text-transform:lowercase;
}
.ph-imaging{
	background-image:url(../../images/headers/imaging.jpg);
	color:#666;
}

.ph-prog{
	background-image:url(../../images/headers/programming.jpg);
	color:#fff;
}
.ph-radio{
	background-image:url(../../images/headers/rp_header.jpg);
	color:#fff;
}
.ph-about{
	background-image:url(../../images/headers/about.jpg);
	color:#fff;
}
.ph-contact{
	background-image:url(../../images/headers/contact.jpg);
	color:#fff;
}

/*main content area*/
.up-content{
	padding-left:10px;
	padding-right:10px;
}
.up-content *{/*first we level the playing field...*/
	padding:0;
	margin:0
	}

.up-content h3{
	color:#545F63;
	font-family:arial;
	font-size:27px;
	font-weight:normal;
	text-transform:lowercase;
}

.up-content h4{
	color:#0E7874;
	font-size:12px;
	font-weight:bold;
}
.up-content h5{
	font-weight:bold;
	color:#333;
	font-size:12px;
	margin:15px 0;
}
.up-content p{
	margin:15px 0;
}
.up-content hr{margin:15px 0}
.up-content ul{margin:10px 0 10px 15px}
.clear{clear:both;}
.left{float:left;background-color:white;}
.right{float:right;}
.bio-pic{margin-right:5px; margin-bottom:5px;}
.thick-border-box{border:10px solid #E9E9E9; padding:15px;}
.thick-border-box p{margin-bottom:10px;}
.side-column{width:25%; padding:15px 0;}
.wide-content{width:72%; padding:15px 0;}
.three-column-mid{width:44%}
.three-column-last{width:31%}
.three-column-first{width:25%}
.padding-default{padding:0 15px;}
.update_content_section_background ul{margin:5px 15px;}
.scroll{background-color:#E9E9E9; padding:15px; margin:15px 0;}
.half{width:49%}
ul.border-list{list-style-type:none; margin:0}
ul.border-list li{padding:15px 0; border-bottom:solid 1px #ccc}







/*featured artists scroll bar*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:145px;
	/* custom decorations */
	background-color:#e9e9e9;
}
.scroller-extend{
	background-color:#e9e9e9;
	height:145px;
	
}
.scroller-extend .scrollable{
	width: 766px;
}
.scroller-extend img{
	margin:14px 10px 0;
	float:right;
	height:94px;
	width:130px;
}	


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:14px 8px 14px 8px;
	cursor:pointer;
	width:94px;
	height:94px;
	filter:alpha(opacity=90);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/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: 0px;}
a.right:hover{ background-position:-30px -30px; }
a.right:active{ background-position:-60px -30px; } 


/* left */
a.left{ margin-left: 0px; } 
a.left:hover{ background-position:-30px 0; }
a.left:active{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down{ background-position: 0 -30px; }
a.down:hover{ background-position:-30px -30px; }
a.down:active{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.scrollable em{
	color:#000;
	font-weight:bold;
	left:25px;
	position:absolute;
	top:125px;
}

/*chart pages*/
table.chart{ 
	background-color:#fff;
	text-align:left;
	}
table.chart th, td.hoh{
	background-color:#034457;
	color:#fff;
	border:solid 1px #fff;
	font-size:12px;
	font-weight:bold;
	}
table.chart th, table.chart td{
	padding:5px 10px;
	vertical-align:top;
	}
td.chart-num{
	text-align:center;
}
td.chart-artist{
	font-weight:bold;
}
td.hoh{
	text-align:center;
}

div.g-box{
	background-color:#e9e9e9;
	padding:10px;
	width:96%;
}
div.g-box table{
	width:100%;
}
.up-content .key{
	margin:30px 0;
}
.up-content .key ul{
	list-style-type:none;
	margin:0;
}
.wchart-sub-nav{
	margin:0 0 30px;
}
.wchart-sub-nav a{
	background-color:#034457;
	display:block;
	float:left;
	border:solid 1px #fff;
	padding:10px 10px 0;
	color:#fff;
	text-transform:uppercase;
	width:45px;
	height:45px;
	overflow:hidden;
	font-size:10px;
}
.wchart-sub-nav a.current{
	background-color:#e9e9e9;
	color:#034457;
}
.up-content .chart-hoh p{
	margin:0
}
.up-content .chart-hoh{
	margin-bottom:15px;
}

/*imaging styles*/
table.img-tbl{
	background-color:#fff;
	margin-bottom:15px;
	width:100%;
}
table.img-tbl h4{
	margin:0 0 10px;
}
table.img-tbl h5{
	margin:0;
	padding:0;
}

table.img-tbl td{
	vertical-align:top;
}
table.img-tbl th{
	background-color:#034457;
	padding:10px 5px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
table.img-tbl td.s-head{
	background-color:#e9e9e9;
	border:solid 1px #e9e9e9;
	padding:5px;
	text-align:center;
	font-style:italic;
	color:#111;
}
table.img-tbl td.col{
	border:solid 1px #e9e9e9;
	padding:15px;
}

table.img-tbl ul{
	list-style-type:none;
	margin:0 0 10px;
}
table.img-tbl a{
	font-weight:bold;
}

/*testimonials*/
div.testm h3{
	border-bottom:solid 1px #545F63;
	}
div.testm p{
	margin:0 0 10px;
	color:#333;
}
div.testm blockquote{
	margin:0;
	padding:0;
}img{border:none;}
div.wrapper{
	width:100%;
	text-align:center;
}
div.inner{
	width:920px;
	min-height:600px;
	text-align:left;
	margin:0 auto;
}


/*updated blue nav bar styles*/
#headerNavcontainer{
	padding:0;
	/*width:900px;*/
	margin:0 auto;
	display:inline-block;
	text-align:left;
	}
#headerNav{
}

#headerNav td{
	vertical-align:middle;
	height:45px;
	text-align:center;
	border:1px solid #9CC2CD;
	background-color:#034457;
	
}
#headerNav li.two-line a span{
	padding-top:5px;
	padding-bottom:10px;
}
#headerNav td a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	display:block;
	background-position:95% 55%;
	background-repeat:no-repeat;
}
#headerNav td.two-line a{
	background-position:95% 68%;
}
#headerNav td a.arrow-up{
	background-image:url(../../images/nav_arrow_down_fff.gif);
}
#headerNav td.hover a.arrow-up{
	background-image:url(../../images/nav_arrow_down_000.gif);
}

#headerNav td a.arrow-down{
	background-image:url(../../images/nav_arrow_up_fff.gif);
}
#headerNav td.hover a.arrow-down{
	background-image:url(../../images/nav_arrow_up_000.gif);
}

#headerNav td.active{
	background-image:url(../../images/nav_arrow_up_000.gif);
	border-bottom:solid 1px #e9e9e9;
	background-color:#e9e9e9;
	color:#034457;
	}
#headerNav td.hover{
	background-color:#e9e9e9;
}
#headerNav td.hover a{
	color:#034457;
}

#headerNav td a:hover{
	text-decoration:underline;
}


#navMusic{width:90px}
#navMusicSched{width:132px}
#navCharts{width:90px}
#navProgramming{width:149px}
#navProductionTools{width:100px}
#navJackFm{width:90px}
#navConsulting{width:97px}
#navBrandEntertainment{width:155px}

/*title bar styles*/
.page-head-bar{
	background-color:#fff;
	background-repeat:repeat-x;
	background-position:0% 0%;
	width:900px;
	padding-left:20px;
	padding-top:23px;
}
.page-head-bar h1{
	font-weight:normal;
	font-size:33px;
	padding:0;
	margin:0;
	text-transform:lowercase;
}
.ph-imaging{
	background-image:url(../../images/headers/imaging.jpg);
	color:#666;
}

.ph-prog{
	background-image:url(../../images/headers/programming.jpg);
	color:#fff;
}
.ph-radio{
	background-image:url(../../images/headers/rp_header.jpg);
	color:#fff;
}
.ph-about{
	background-image:url(../../images/headers/about.jpg);
	color:#fff;
}
.ph-contact{
	background-image:url(../../images/headers/contact.jpg);
	color:#fff;
}

/*main content area*/
.up-content{
	padding-left:10px;
	padding-right:10px;
}
.up-content *{/*first we level the playing field...*/
	padding:0;
	margin:0
	}

.up-content h3{
	color:#545F63;
	font-family:arial;
	font-size:27px;
	font-weight:normal;
	text-transform:lowercase;
}

.up-content h4{
	color:#0E7874;
	font-size:12px;
	font-weight:bold;
}
.up-content h5{
	font-weight:bold;
	color:#333;
	font-size:12px;
	margin:15px 0;
}
.up-content p{
	margin:15px 0;
}
.up-content hr{margin:15px 0}
.up-content ul{margin:10px 0 10px 15px}
.clear{clear:both;}
.left{float:left;background-color:white;}
.right{float:right;}
.bio-pic{margin-right:5px; margin-bottom:5px;}
.thick-border-box{border:10px solid #E9E9E9; padding:15px;}
.thick-border-box p{margin-bottom:10px;}
.side-column{width:25%; padding:15px 0;}
.wide-content{width:72%; padding:15px 0;}
.three-column-mid{width:44%}
.three-column-last{width:31%}
.three-column-first{width:25%}
.padding-default{padding:0 15px;}
.update_content_section_background ul{margin:5px 15px;}
.scroll{background-color:#E9E9E9; padding:15px; margin:15px 0;}
.half{width:49%}
ul.border-list{list-style-type:none; margin:0}
ul.border-list li{padding:15px 0; border-bottom:solid 1px #ccc}







/*featured artists scroll bar*/
/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 660px;
	height:145px;
	/* custom decorations */
	background-color:#e9e9e9;
}
.scroller-extend{
	background-color:#e9e9e9;
	height:145px;
	
}
.scroller-extend .scrollable{
	width: 766px;
}
.scroller-extend img{
	margin:14px 10px 0;
	float:right;
	height:94px;
	width:130px;
}	


/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:14px 8px 14px 8px;
	cursor:pointer;
	width:94px;
	height:94px;
	filter:alpha(opacity=90);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/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: 0px;}
a.right:hover{ background-position:-30px -30px; }
a.right:active{ background-position:-60px -30px; } 


/* left */
a.left{ margin-left: 0px; } 
a.left:hover{ background-position:-30px 0; }
a.left:active{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(http://flowplayer.org/tools/img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down{ background-position: 0 -30px; }
a.down:hover{ background-position:-30px -30px; }
a.down:active{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.scrollable em{
	color:#000;
	font-weight:bold;
	left:25px;
	position:absolute;
	top:125px;
}

/*chart pages*/
table.chart{ 
	background-color:#fff;
	text-align:left;
	}
table.chart th, td.hoh{
	background-color:#034457;
	color:#fff;
	border:solid 1px #fff;
	font-size:12px;
	font-weight:bold;
	}
table.chart th, table.chart td{
	padding:5px 10px;
	vertical-align:top;
	}
td.chart-num{
	text-align:center;
}
td.chart-artist{
	font-weight:bold;
}
td.hoh{
	text-align:center;
}

div.g-box{
	background-color:#e9e9e9;
	padding:10px;
	width:96%;
}
div.g-box table{
	width:100%;
}
.up-content .key{
	margin:30px 0;
}
.up-content .key ul{
	list-style-type:none;
	margin:0;
}
.wchart-sub-nav{
	margin:0 0 30px;
}
.wchart-sub-nav a{
	background-color:#034457;
	display:block;
	float:left;
	border:solid 1px #fff;
	padding:10px 10px 0;
	color:#fff;
	text-transform:uppercase;
	width:45px;
	height:45px;
	overflow:hidden;
	font-size:10px;
}
.wchart-sub-nav a.current{
	background-color:#e9e9e9;
	color:#034457;
}
.up-content .chart-hoh p{
	margin:0
}
.up-content .chart-hoh{
	margin-bottom:15px;
}

/*imaging styles*/
table.img-tbl{
	background-color:#fff;
	margin-bottom:15px;
	width:100%;
}
table.img-tbl h4{
	margin:0 0 10px;
}
table.img-tbl h5{
	margin:0;
	padding:0;
}

table.img-tbl td{
	vertical-align:top;
}
table.img-tbl th{
	background-color:#034457;
	padding:10px 5px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:bold;
}
table.img-tbl td.s-head{
	background-color:#e9e9e9;
	border:solid 1px #e9e9e9;
	padding:5px;
	text-align:center;
	font-style:italic;
	color:#111;
}
table.img-tbl td.col{
	border:solid 1px #e9e9e9;
	padding:15px;
}

table.img-tbl ul{
	list-style-type:none;
	margin:0 0 10px;
}
table.img-tbl a{
	font-weight:bold;
}

/*testimonials*/
div.testm h3{
	border-bottom:solid 1px #545F63;
	}
div.testm p{
	margin:0 0 10px;
	color:#333;
}
div.testm blockquote{
	margin:0;
	padding:0;
}