
/* The UL element containing the tabs when JavaScript is enabled. */
.tabbedNavOn {
 list-style-type: none;
 margin:0px;
 padding:0px;
 width:302px;
 overflow:hidden;
 background:#ccc;
 display:block;
}

/*************** Predefiened Tabs width  *****************/
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7,#tab8,#tab9,#tab10 { width:84px; text-align:center; overflow:hidden}


/*************** Common styles for both .tabOff and .tabOn *****************/
.tabbedNavOn a {
 display: block;
}

.tabbedNavOn a:link,
.tabbedNavOn a:visited,
.tabbedNavOn a:active,
.tabbedNavOn a:hover,
.tabbedNavOn a:focus {
 text-decoration: none;
}

.tabbedNavOn a span {
 display: block;
 line-height:22px;
}

/*************** End common styles for .tabOff and .tabOn ******************/

/* This class is a tab when it is not active. */
.tabOff {
 cursor: pointer;
 cursor: hand;
 display: block;
 font-weight:normal;
}

/* Non active Tab text color when in the visited and non visited states. */
.tabOff:link,
.tabOff:visited {
 color:#fff;
}

/* Non active tab background color & graphic when in the visited or non
* visited states. */
.tabOff:link span,
.tabOff:visited span {
 background:#999;
}

/* Non active tab's text color in the active, focus, an hover states. */
.tabOff:active,
.tabOff:focus,
.tabOff:hover {
 color:#fff;
}

/* Non active tab's background color and left background graphic when in the
* active, focus and hover states. */
.tabOff:active span,
.tabOff:focus span,
.tabOff:hover span {
 background:#666;
}

/* This class is a tab that is switched "on" */
.tabOn {
 cursor: default;
 display: block;
 font-weight:normal;
}

/* Active tab text color when in the visited and non visited states. */
.tabOn:link,
.tabOn:visited,
.tabOn:active,
.tabOn:hover {
 color: #000;
}

/* Active tab background color & graphic when in the visited, non visited,
* active, and hover states. */
.tabOn:link span,
.tabOn:visited span,
.tabOn:active span,
.tabOn:hover span {
 background:#fff;
}

/* The active tab when it has the system focus. */
.tabOn:focus {
 color: #000;
}

/* The active tab's BG color & graphic when it has the system focus. */
.tabOn:focus span {
 background:#fff;
}


.tabbedNavOn li, .tabbedNavOn li.lst_tb {
 float: left;
 margin:1px;
 margin-left:0px;
 margin-right:2px;
}

.tabbedNavOn li.lst_tb { margin-right:0px}

/* Tab boxes when JavaScript is disabled. */
.tabBox {
 display:none;
 visibility:hidden;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 height:100%;
 width:302px;
 z-index:1;
 }

/* Hide the tab boxes when they are turned off. */
.tabBoxOff {
 display: none;
}

/* Hide the tab boxes when they are turned off. */
.tabContentFrame {
 height:100%;width:100%;float:left;
}

/* Hide the tab boxes when they are turned off. */
.tabContentBox {
 width:302px;height:100%;
}

/* The tab box is switched "on" */
.tabBoxOn {
 height:100%;margin-top:-2px; /* Making border on top of the module right under tabs */
}

/* Padding and borders around the tab content. */
.tabBoxOn .tabBoxGutter {
 padding:2px 0px 0px 0px;
 height:100%;
 width:98%;
 background:#fff;
 overflow:auto;
}

/* When JavaScript is disabled, hide the link to jump back to the tabs. */
.tabOptionsOff {
 display:none;
}

/* The link to jump back to the tabs when JavaScript is enabled. */
.tabOptionsOn {
 margin: 0;
}

.tabOptionsOn a {
 margin:-1.5em 0 0 0;
 position:absolute;
 text-align:center;
 width:100%;
}


.tabOptionsOn a:link,
.tabOptionsOn a:visited {
 color: #fff;
 z-index: -1;
}

.tabOptionsOn a:active,
.tabOptionsOn a:focus,
.tabOptionsOn a:hover {
 color:#fff;
 z-index:1;
}

/* Spacer DIV under the tabs when JavaScript is disabled. */
.tabSpacerOff {
 display:none;
}

/* Spacer DIV under the tabs when JavaScript is enabled. The 1px font size
* fixes an IE-Win bug that sizes the height too high in certain cases. */
.tabSpacerOn {
 clear:both;
 font-size:1px;
 height:2px;
 overflow:hidden;
 width:302px; /* Width required by Safari and IE5-Mac */
}

/* The DIV tag that encapsulates one entire tab structure. */
.tabWrapper {
 position: static;
 height:420px;
 overflow:hidden;
 z-index:1;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 float: left;
}


/************ General Tab Container Configuration ************/
/************  Tab Container Border color ************/
.tabbedNavOn, .tabBoxOn .tabBoxGutter { background:#ccc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}

/* Normal state of the tab config (background + font) */
.tabOff:link span.tbtxt, .tabOff:visited span.tbtxt { background:#999; color:#fff; font-weight:normal; text-decoration:none}

/* Hover/focus state of the tab config (background + font) */
.tabOff:active span.tbtxt, .tabOff:focus span.tbtxt, .tabOff:hover span.tbtxt { background:#666; color:#fff; font-weight:normal}
.tabbedNavOn li a:hover { text-decoration:none}

/* Active state of the tab config (background + font) */
.tabOn:link span.tbtxt, .tabOn:visited span.tbtxt, .tabOn:active span.tbtxt, .tabOn:hover span.tbtxt { background:#fff; color:#000; font-weight:normal; text-decoration:none}

/* Tab Container Background color */
.tabBoxOn .tabBoxGutter {background:#fff}


/*** Other Modules ***/
/*************************************************************************************************************************/
/* Podcasts - container */
.podcast_ap				   { overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.podcast_ap, .podcast_ap .ap_hdr {border:0px #ccc solid}
.podcast_ap a              { color:#567; text-decoration:none}
.podcast_ap a:hover   	   { color:#c30; text-decoration:none}
.podcast_ap a img		   { border:0px}
.podcast_ap .ap_hdr    	   { line-height:24px; margin:0; background:#999; color:#fff; border-top:0px; border-left:0px; border-right:0px; padding:0 0 0 5px; font-weight:bold; display:none}
.podcast_ap ul.ap_cnt_area { margin:0; padding:0; width:100%}
.podcast_ap li      	   { list-style:none; padding:0px; margin:0px; overflow:hidden}
.podcast_ap li.ap_li_end   { border-bottom:0px}

.podcast_ap .ap_blk_hd     { font-weight:bold; display:block; padding-right:4px} 
.podcast_ap .ap_liTtl      { text-transform:uppercase} 
.podcast_ap .ap_upd        { line-height:36px} 
.podcast_ap .ap_mdl_lbl    { display:block; margin:4px 0px 0px 0px}

/* Podcast panns */
.podcast_ap .ap_mediaPn          { background:#f5f5f5; width:100%}
.podcast_ap .ap_mediaPn td       { vertical-align:top}
.podcast_ap .ap_copyPn           { background:#ccc; margin-top:-2px; padding:10px 0px 0px 10px; height:28px; border:1px #fff solid; clear:both}
.podcast_ap .ap_copyPn input     { width:170px; height:16px; font-size:11px; color:#999; border:1px #999 solid; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0px 3px 0px 3px; float:left} 
.podcast_ap .ap_descPn           { padding:5px 10px 0px 10px; line-height:16px; background:#fff;}
.podcast_ap .ap_sbPnTp           { padding-top:9px; width:80%}
.podcast_ap .ap_sbPnBtm          { padding:10px 0px 9px 0px}


/* Buttons/Icons */
.podcast_ap .dcImg               { margin:10px; display:block; border:2px #567 solid; width:60px; height:60px; overflow:hidden}
.podcast_ap .ap_expIconY         { background:url(../images/explicit.gif) center no-repeat; width:95px; height:11px}
.podcast_ap .ap_expIconN         { width:95px; height:11px}
.podcast_ap .ap_iIcon            { background:url(../images/icon_ipod.gif) center no-repeat; width:17px; height:27px; margin:10px 6px 0px 0px; display:block}
.podcast_ap .ap_lstn_btn         { background:url(../images/btn_listen_off.gif) center no-repeat; width:75px; height:26px; margin-right:6px; float:left}
.podcast_ap .ap_lstn_btn:hover   { background:url(../images/btn_listen_on.gif) center no-repeat}
.podcast_ap .ap_itns_btn         { background:url(../images/btn_itunes_off.gif) center no-repeat; width:75px; height:26px; float:left}
.podcast_ap .ap_itns_btn:hover   { background:url(../images/btn_itunes_on.gif) center no-repeat}
.podcast_ap .ap_copy_btn, .podcast_ap .ap_copy_btn:active, .podcast_ap .ap_copy_btn:hover, .podcast_ap .ap_copy_btn:focus { background:url(../images/btn_copy_off.gif) center no-repeat; width:49px; height:19px; margin-left:5px; float:left} 
.podcast_ap .ap_copy_btn:active, .podcast_ap .ap_copy_btn:focus { background:url(../images/btn_copy_click.gif) center no-repeat} 
.podcast_ap .ap_copy_btn:hover { background:url(../images/btn_copy_on.gif) center no-repeat} 

/* End Podcasts - Individual */
/*************************************************************************************************************************/

/*************************************************************************************************************************/
/********* Related Documents Headlines ***********/
.hdl_rld				   { overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px}
.hdl_rld, .hdl_rld .ap_hdr { border:0px #ccc solid}
.hdl_rld .ap_hdr           { display:none}
.hdl_rld li      		   { list-style:none; padding:5px 3px 1px 0px; margin:0px; clear:both;  border-bottom:0px}
.hdl_rld li a        	   { color:#567; text-decoration:none}
.hdl_rld li a:hover   	   { color:#c30}
.hdl_rld img		 	   { display:none}
.hdl_rld p                 { margin:0; padding:0}
.hdl_rld small         	   { padding-left:5px; text-transform:uppercase }
.hdl_rld .ap_hdr     	   { line-height:24px; margin:0; background:#999; color:#fff; border-top:0px; border-right:0px; border-left:0px; padding:0 0 0 5px; font-weight:bold}
.hdl_rld .ap_cnt_area 	   { margin:0; padding:0 0 6px 5px; background:#fff}
.hdl_rld .ap_slg_txt       { display:none}
.hdl_rld .ap_li_end        { border-bottom:4px}
.hdl_rld .ap_bl_div        { height:1px; line-height:1px; padding:0px; width:100%; clear:both }
.hdl_rld .ap_mdl_frm       { padding:0px}
.hdl_rld .ap_rss_lnk       { display:none}
.hdl_rld .ap_img_lnk       { display:none}
.hdl_rld .ap_v_img_lnk     { display:none} 
.hdl_rld .ap_blk_hd        { font-size:10px; padding-right:4px; font-weight:bold}
.hdl_rld .ap_dt_tm         { padding-top:4px; font-size:10px!important}
.hdl_rld .ap_dt_stmp       { color:#999}
.hdl_rld .ap_tm_stmp       { color:#999}
.hdl_rld .ap_mlt_lnk       { display:none}


/*** Please close the comment on the below code to view the effect ***/

/*********** Bulleted headline (small) ************/
/*********** Turn Off/On bulleted headline ************
/***** Bulleted paragraph *****
.hdl_rld .ap_cnt_area 	   { padding-left:22px}
.hdl_rld li       		   { list-style:outside url(../images/bult.gif);  padding:5px 3px 2px 0; border-bottom:0px !important}

/********* End Related Documents Headlines ***********/
/*************************************************************************************************************************/


/*************************************************************************************************************************/
#inlinePlayerContainer     { position:relative; width:302px; height:390px; overflow:hidden; margin-top:-22px}
/*************************************************************************************************************************/

