
/* ============================================================================= */
/* ===============================   RESET   =================================== */
/* ============================================================================= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-size: 62.5%;
}

strong{ font-weight: bold; }

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}


/*** POSITIONING ***/

.clear{
	clear:both;
	}

.float_left{
	float:left;
	}

.float_right{
	float:right;
	}

.clear_right{
	clear:right;
	}

.displayed{
	display:block;
	}

.hidden{
	display:none;
	}

/*** LINKS ***/
a{
	text-decoration:none;
	}

a:hover{

	}


/* =================================================================================== */
/* ===============================  SCREEN STYLES  =================================== */
/* =================================================================================== */



body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/back.png) repeat-x #5f5f5f;
	background-attachment:fixed;
	}

/* ------------------------------- GENERAL TEXT STYLES --------------------------------*/

p{ line-height: 1.4em; color: #767676; }

h1 { font-size:26px; color:#1E7CE1; font-weight:normal; margin-bottom:16px; }
h2,h3 { font-size:16px; font-weight: bold; color: #000; margin-bottom:12px; }
h3 { font-size:12px; }

/* ------------------------------- LINKS --------------------------------*/

a{ color: #767676;}
a:hover{ color: #1e7ce1; }

.arrow_right{ background:url(../images/arrow_blue_right.gif) no-repeat right center; padding-right: 23px; }
.arrow_right:hover{ background:url(../images/arrow_blue_right_over.gif) no-repeat right center; }

.arrow_right_14{ background:url(../images/arrow_blue_right_14.gif) no-repeat right center; padding-right: 23px; }
.arrow_right_14:hover{ background:url(../images/arrow_blue_right_14_over.gif) no-repeat right center; }

.speaker_right{ background:url(../images/circle_blue_speaker.gif) no-repeat right center; padding-right: 20px; }
.speaker_right:hover{ background:url(../images/circle_blue_speaker_over.gif) no-repeat right center; }

.blue{ color: #1e7ce1; }
.blue:hover{ color: #393939; }

.btn_more_about_us{ width: auto; height: 15px; font-size: 13px; color:#000000; background: url(../images/arrow_circle.png) right no-repeat; padding-right: 20px; }
.btn_more_about_us:hover{ color: #1e7ce1; background: url(../images/arrow_circle_over.png) right no-repeat; }

.btn_more_stations{ display: block; float:right; width: 108px; height: 14px; font-size: 14px; color:#000000; background: url(../images/arrow_circle.png) right no-repeat; padding: 4px 18px 4px 0; }
.btn_more_stations:hover{ color: #1e7ce1; background: url(../images/arrow_circle_over.png) right no-repeat; }

.btn_more{ width: 29px; background:url(../images/arrow_more.png) right center no-repeat; padding-right: 10px; color: #1e7ce1;}
.btn_more:hover{ color: #393939;}


.btn_arrow_left{ display:block; width: 12px; height: 12px; text-indent: -999em; background:url(../images/btn_arrow_left.png) no-repeat; }
.btn_arrow_left:hover{ background-position: -12px 0; }


/* ------------------------------- FORMS --------------------------------*/

label{ cursor:pointer; color: #767676; font-size: 1.1em; }
input, textarea, select { font-family: verdana, sans-serif; }
input.textfield{ border: 1px solid #ddd; padding: 2px; font-size: 1.1em; color: #767676;  }

/* ------------------------------- GENERAL CLASSES --------------------------------*/
.block{ display: block; }

.box{ background:#FFFFFF; border: 1px solid #ededed; }
.box_header { background:url(../images/box_header_back.png) #fdfdfd bottom repeat-x; }
.box_header h2{ color: #393939; font-weight: bold; font-size: 1.2em; line-height: 2.3em; padding-left: 12px; background:url(../images/arrow_down.png) no-repeat right center; border-bottom: 1px solid #c9c9c9; }
.box_header h2.toggle{ cursor: pointer; }
.box_header h2.over{ color: #1e7ce1; }
.box_content{ padding: 10px; }


/* ------------------------------- LAYOUT CONTAINERS --------------------------------*/
#container{ width: 950px; margin: 0 auto; background: #f7f7f7; }
.left_center{ width: 724px; float:left; margin-bottom: 11px; }
.left{ width: 165px; float:left; margin-right: 17px; margin-bottom: 11px; clear:left; }
.center_column{ width: 541px; float:left; margin-bottom: 11px; }
.right{ width: 168px; float:right; margin-bottom: 11px; }

/* Cookie bar */
#cookiebar { background:#FFFFE1; color:black; width:927px; position: fixed; margin-left: -475px; top: 0; left: 50%; z-index: 100; padding: 8px 15px 8px 8px; border-bottom: 1px solid #d3cc89; }
#cookiebar p { color: black; padding-left: 30px; }
#cookiebar a { font-weight: bold; color: #1e7be0; }
#cookiebar a.dismiss {  color: #ca181a; background:url(../images/cookiebar/close-box-red.png) left center no-repeat; padding: 3px 0 3px 20px; margin-left:10px; float:right; }
#cookiebar .info-icon { background:url(../images/cookiebar/important.png) left top no-repeat; float: left; display: block; width: 22px; height: 22px; margin: 0 0 0 0; }
.lang-ar #cookiebar p { direction: rtl; }

/* ------------------------------- HEADER --------------------------------*/

#header{ width: 950px; height: 104px; background:url(../images/header_back.png) no-repeat; }

#logo_wrn{ display:block; width: 200px; height: 104px; background:url(../images/logo_wrn.png) no-repeat; text-indent: -999em; float:left; position:relative; }
#logo_wrn #version{ position:absolute; width: 150px; right: 26px; top: 81px; text-align:right; color: #FFFFFF; font-size: 9px; font-weight: bold; }
#logo_wrn.new_logo { background:url(../images/logo_wrn_new.png?refresh=20131208) no-repeat;  }
#logo_wrn.new_logo #version { display:none;  }

/*  Clock  */
#clock1{ float:left; width: 196px; }
.clock { color: #FFFFFF; }
.clock, .clock .time-box SPAN {	font-size: 38px; font-weight: bold; }
.clock .time-box { float: right; width: 60px; height: 50px;	background: url("../images/time-box.gif") no-repeat; text-align: right; }
.clock SPAN { float: right;	padding: 8px 3px 0 3px;	font-weight: normal; }
.clock P {	font-size: 10px; color: #FFFFFF; font-weight: normal; margin: 0; padding: 5px 0 0 45px;	text-align: center;	clear: both; }
.clock .clock-container {	padding: 10px 10px 0 0; }

#header_nav{ float: left; width: 554px; position:relative; }

#header.with_banner{ height: 214px; background:url(../images/header_banner.png) no-repeat; }
#header.with_banner #logo_wrn{ clear:both; height: 98px; background-position: 0 -11px; }
#header.with_banner #logo_wrn #version{ top: 71px; }
#header.with_banner #clock1{ float:right; width: 196px; padding-right: 8px; padding-top: 6px; }
#header.with_banner .clock .time-box { background: url("../images/time-box-banner.png") no-repeat; }
#header.with_banner .leaderboard_banner{ width: 742px; float:left; margin-bottom: 14px; }
#header.with_banner .leaderboard_banner a{ margin: 10px 0 0 14px; display:block; height: 90px; width: 728px; }

#header.with_banner #header_nav{ float: right; width: 654px; padding-right: 6px; }
#header.with_banner #main_nav{ margin-top: 68px; padding-right: 5px; }
#header.with_banner #top_nav{ width: 52.5em; }




#top_nav{ position:absolute; z-index: 2; right: 13px; top: 11px; width: 52.5em; text-align:right; }
#top_list{ float:right; line-height: 19px; color:#FFFFFF; width: 28.8em; }
#top_list li{ display:inline; padding: 0 8px; }
#top_list li a{ color: #fff; }
#top_list li a:hover{ text-decoration:underline; }
#top_nav label{ color: #fff; }
#search_field_wrapper{  float: right; width: 195px; height: 19px; background:url(../images/search_field_back1.png) no-repeat; }
#search_field{ color:#fff; width: 191px; height: 15px; background: none; margin: 2px 0 0 2px; border: none; }
#btn_search{ margin-left: 7px; float:right; width: 27px; height: 19px; border: none; background:url(../images/btn_search.png) no-repeat; cursor:pointer; }

#main_nav{ margin-top: 72px; width: 544px; float:right; padding-right: 9px; }
#main_nav li{ float:right; margin-right: 2px; line-height: 32px; background:url(../images/tabs_inactive_left.png) no-repeat top left; }
#main_nav li.active{ background:url(../images/tabs_active_left.png) no-repeat top left; }
#main_nav li a{ display:block; padding: 0 12px; background:url(../images/tabs_inactive_right.png) no-repeat top right; font-size: 10px; color:#FFFFFF; font-weight: bold; }

#partners #main_nav li.btn_partners, #news #main_nav li.btn_news, #home #main_nav li.btn_home, #stations #main_nav li.btn_stations, #schedules #main_nav li.btn_schedules, #community #main_nav li.btn_community, #tools #main_nav li.btn_tools, #ways_to_listen #main_nav li.btn_ways_to_listen{ background:url(../images/tabs_active_left.png) no-repeat top left; }

#main_nav li a:hover, #partners #main_nav li.btn_partners a, #news #main_nav li.btn_news a, #home #main_nav li.btn_home a, #stations #main_nav li.btn_stations a, #schedules #main_nav li.btn_schedules a, #community #main_nav li.btn_community a, #tools #main_nav li.btn_tools a, #ways_to_listen #main_nav li.btn_ways_to_listen a{ background:url(../images/tabs_active_right.png) no-repeat top right; color:#1e7ce1;  }



/* -------------------------------  TOOLBAR PANEL --------------------------------*/

#toolbar_panel{ position:relative;  height: 3.4em; line-height: 3.4em; width: 950px; background:url(../images/toolbar_panel_back.png) #fbfbfb bottom repeat-x; border-bottom: 1px solid #8f8f8f; }
#btn_customize{ display:block; width: auto; float:left; margin-left: 20px; padding-right: 20px; color: #393939; font-size: 1.3em; background:url(../images/arrow_blue_down.png) no-repeat right center; padding-right: 20px; }
#btn_customize:hover{ color:#1e7ce1; background:url(../images/arrow_blue_down_over.png) no-repeat right center;  }
#language_and_time{ float: right; width: 540px; padding-right: 17px; height: 3.4em; line-height: 3.4em; text-align:right; vertical-align:middle; }
#language_and_time .label{ color: #1e7ce1; }
#language_and_time #language_text, #language_and_time #timezone_text{ color: #767676; }
#language_and_time #language_toggle{ margin-right: 20px; }
#language_and_time #language_toggle, #language_and_time #timezone_toggle{ margin-left: 4px;  }
#language_and_time #SessionTimeZone { width: 270px; }
#customize_tooltip { height: 28px; display: inline-block; margin-top: 4px; margin-left: 5px; float:left; }
#customize_tooltip .tip_left { font-size: 12px; color: #fff; line-height: 28px; height: 28px; padding-left: 18px; padding-right: 3px; display: inline-block; background: transparent url(../images/tooltip-left.png) no-repeat top left;}
#customize_tooltip .tip_right { line-height: 28px; height: 28px; width: 6px; display: inline-block; background: transparent url(../images/tooltip-right.png) no-repeat top left; }
#customize_panel{ position:absolute;  left: 0; top: 0; z-index: 1000; width: 950px; height: 308px; background: #fbfbfb; border-bottom: 1px solid #8f8f8f; }
#customize_panel_fix{ position: relative; z-index: 998; zoom: 1.0; overflow:hidden; width: 950px; height: 308px; }
#customize_iframe{ position:absolute; left: 0; top: 0; z-index: 999; width: 950px; height: 308px; }
.customize_panel_back{ background:url(../images/toolbar_panel_back.png) #fbfbfb bottom repeat-x !important; }
#btn_minimize{ display:block; width: auto; height: 2.6em; position: absolute; bottom: 0px; left: 12px; color: #393939; font-size: 1.3em; background:url(../images/arrow_blue_up.png) no-repeat right center; padding-right: 20px; }
#btn_minimize:hover{ color:#1e7ce1; background:url(../images/arrow_blue_up_over.png) no-repeat right center;  }
#customize_panel .unavailable { text-align: center; padding-top: 124px; }
.customize_panel_loading { height: 308px; background: transparent url(../images/ajax-loader-big.gif) no-repeat 50% 50%; }

#customize_panel form input,
#customize_panel form textarea,
#customize_panel form select { width: 170px; display:block; float: left; margin:0 !important;  }
#customize_panel form select { width: 175px; }
#customize_panel form input.checkbox { width: 20px; }
#customize_panel form label.left { width: 112px; margin: 0; clear: right; font-size: 11px; color: #393939; }
#customize_panel form .btn { width: auto; display: block; background-image: url(../images/btn_dark_l.png); position:absolute; right: 20px; bottom: 10px; }
#customize_panel form .btn:hover { opacity: 0.7; cursor: pointer; cursor: hand; }
#customize_panel form .btn span { background-image: url(../images/btn_dark_r.png); }
#customize_panel form div.field { margin-bottom: 5px; overflow: hidden; }

#customize_panel .customize_content { padding: 12px 0 0 10px; background:url(../images/customize_panel_bg.jpg) 195px 15px no-repeat; }
#customize_panel .tab-content { position: relative; float: right; width: 735px; height: 270px; display: none;	margin: 5px 15px 0 0; font-size: 11px; line-height: 1.5em; padding-top: 10px;  }
#customize_panel .tab-content p { margin-bottom: 1.4em; }
#customize_panel .tab-content h3 { position: absolute; top: 14px; left: 24px; font-size: 18px; color: #fff; font-weight: normal; }
#customize_panel .tab-content h4 { font-size: 12px; font-weight: bold; margin-bottom: 10px; }
#customize_panel .tabs-visible, #customize_panel .subtabs-visible { display: block; }
#customize_panel .tab-content .left_part,
#customize_panel .tab-content .right_part { float: left; width: 300px; margin-right: 35px; }
#customize_panel .tab-content, #customize_panel .tab-content p, #customize_panel .tab-content label { color: #393939; }

#customize_panel .tab-content form .message { position: absolute; top: 15px; left: 142px; width: 459px; color: #fff; }
#customize_panel .tab-content form .message.error { color: #ff3333; }
#customize_panel .tab-content .ajax-loader-small { position: absolute; top: 14px; left: 142px; width: 20px; height: 20px; }

#customize_panel .subtabs { width: 518px; float:right; margin-top: 7px; margin-right: 30px; }
#customize_panel .subtabs li{ float:right; margin-right: 2px; line-height: 30px; background:url(../images/subtabs_inactive_left.png) no-repeat top left; }
#customize_panel .subtabs li.active, #customize_panel .subtabs li.subtabs-selected  { background:url(../images/subtabs_active_left.png) no-repeat top left; }
#customize_panel .subtabs li a{ display:block; padding: 0 12px; background:url(../images/subtabs_inactive_right.png) no-repeat top right; font-size: 10px; color:#FFFFFF; font-weight: bold; }
#customize_panel .subtabs li a:hover, #customize_panel .subtabs li.active a, #customize_panel .subtabs li.subtabs-selected a { background:url(../images/subtabs_active_right.png) no-repeat top right; color:#000;  }
#customize_panel .subtabs li.last_item a { background:url(../images/subtabs_inactive_right_last.png) no-repeat top right; }
#customize_panel .subtabs li.last_item a:hover, #customize_panel .subtabs li.last_item.active a, #customize_panel .subtabs li.last_item.subtabs-selected a { background:url(../images/subtabs_active_right_last.png) no-repeat top right;   }

#customize_panel .subtab-content { margin: 45px 29px 0 29px; }

#customize_panel p#AgreeTerms { position: absolute; bottom: 15px; left: 25px; margin: 0; padding: 0;}
#customize_panel p#AgreeTerms label {  font-size: 10px; color: #393939; float: none; }
#customize_panel p#AgreeTerms a {  font-size: 10px; color: #393939; text-decoration: underline; }
#customize_panel p#AgreeTerms input.checkbox { border: 0 !important; }

#customize_panel #tab-my-settings .mediaSettingsFormFields  { background:url(../images/cust_panel_my_settings_bg.jpg) left top no-repeat; margin: 38px 0 0 8px; float:left;}
#customize_panel #tab-my-settings .CompositeField .left-col,
#customize_panel #tab-my-settings .CompositeField .right-col { float: left; width: 312px; height: 136px; padding: 10px 17px; line-height: 10px;  }
#customize_panel #tab-my-settings .CompositeField .left-col { margin-right: 16px; }
#customize_panel #tab-my-settings .CompositeField h3 { position:static; color:#000; font-size: 12px; font-weight: bold; margin: 6px 0 18px 0; }
#customize_panel #tab-my-settings .CompositeField .field { margin-bottom: 12px; }
#customize_panel #tab-my-settings .CompositeField .middleColumn { display:block; clear: both; }
#customize_panel #tab-my-settings .CompositeField label { margin-bottom: 6px; float: none; display: block; width: 99%; line-height: 16px; }
#customize_panel #tab-my-settings .CompositeField select { width: 99%; }
#customize_panel #tab-my-settings .btn { bottom: 25px; }
#customize_panel #tab-my-settings .reset { position: absolute; width: 250px; bottom: 25px; left: 20px; color: #505050; font-size: 10px; }
#customize_panel #tab-my-settings .reset:hover { color: #000; cursor: pointer; cursor: hand; }

#customize_panel #tab-my-account { background:url(../images/cust_panel_my_account_bg.jpg) 14px 46px no-repeat; }
#customize_panel #tab-my-account #subtab-personal .CompositeField .left-col { float: left; width: 375px; }
#customize_panel #tab-my-account #subtab-personal .CompositeField .right-col { float: left; width: 295px; }
#customize_panel #tab-my-account #subtab-personal label { clear:both; }
#customize_panel #tab-my-account #subtab-location .locationFormFields { float: left; width: 440px; margin-top: 30px;  }
#customize_panel #tab-my-account #subtab-location .locationFormFieldsDescription { float: left; width: 210px; margin-top: 30px; color: #707070; }
#customize_panel #tab-my-account #subtab-location label { clear:both; }
#customize_panel #tab-my-account #subtab-location select { width: 295px; }
#customize_panel #tab-my-account #subtab-location input.text { width: 288px; }
#customize_panel #tab-my-account .subscriptionFormFields { overflow: auto; margin-top: 22px; }
#customize_panel #tab-my-account .subscriptionFormFields .CompositeField { padding: 0; margin: 0; border-bottom:0; float: left; }
#customize_panel #tab-my-account .subscriptionFormFields .left-col { width: 370px; border-right: 1px solid #aaa; }
#customize_panel #tab-my-account .subscriptionFormFields .left-col h3 { display: none; }
#customize_panel #tab-my-account .subscriptionFormFields .right-col { width: 280px; padding-left: 20px; }
#customize_panel #tab-my-account .subscriptionFormFields .bigcheckbox { margin-bottom: 0; }
#customize_panel #tab-my-account .subscriptionFormFields .bigcheckbox label { font-size: 11px; color: #000; font-weight: bold;}
#customize_panel #tab-my-account .subscriptionFormFields .bigcheckbox .longLabel { display: block; padding-top: 4px; padding-left: 21px; width: 320px;  }
#customize_panel #tab-my-account .subscriptionFormFields .right-col input { float: none; display: inline; }
#customize_panel #tab-my-account .subscriptionFormFields .right-col label { display: inline-block; width: 65px; float: none; font-size: 11px; padding-left: 2px; }
#customize_panel #tab-my-account .subscriptionFormFields .right-col .fieldgroup { margin-right: 0; line-height: 20px; }
#customize_panel #tab-my-account .subscriptionFormFields .right-col h3 { position: static; font-size: 11px; font-weight: bold; color: #1067c3;}
#customize_panel #tab-my-account .subscriptionFormFields label.right { width: auto; float: none;  }
#customize_panel #tab-my-account #subtab-deleteaccount a:link,
#customize_panel #tab-my-account #subtab-deleteaccount a:visited { color: #1E7CE1; font-weight: bold; border: 1px solid #1E7CE1; padding: 5px; }
#customize_panel #tab-my-account #subtab-deleteaccount a:hover,
#customize_panel #tab-my-account #subtab-deleteaccount a:active { color: #0E5Cc1; }

#customize_panel #tab-my-languages  h4 { font-size: 11px; }
#customize_panel #tab-my-languages .left-col { width: 290px; padding-right: 60px; float: left; margin: 48px 0 0 22px; }
#customize_panel #tab-my-languages .programmeLanguagesFormFields { background:url(../images/cust_panel_my_languages_bg.jpg) left top no-repeat; width: 314px; height: 152px; float: left; padding: 10px 5px 10px 18px; margin: 35px 0 0 0; }
#customize_panel #tab-my-languages .programmeLanguagesFormFields h3 { position: static; font-size: 11px; color: #1067c3; font-weight: bold; }
#customize_panel #tab-my-languages .programmeLanguagesFormFields label { display: inline; font-size: 11px; float: none; }
#customize_panel #tab-my-languages .programmeLanguagesFormFields input { width: 20px; display: inline; float: none; }
#customize_panel #tab-my-languages p#AllProgrammeLanguages { width: auto; border-bottom: 1px solid #8d8d8d; border-top: 1px solid #8d8d8d; padding: 7px 0 7px 2px; margin-bottom: 10px; }
#customize_panel #tab-my-languages div#ProgrammeLanguages { overflow: auto; height: 64px; }
#customize_panel #tab-my-languages ul#ProgrammeLanguages li { width: 97px; float: left; margin-bottom: 5px; }
#customize_panel #tab-my-languages form .message,
#customize_panel #tab-my-languages .ajax-loader-small  { left: 175px; }

#customize_panel #tab-my-playlists { background:url(../images/cust_panel_my_playlist_bg.jpg) 14px 40px no-repeat; }
#customize_panel #tab-my-playlists #playlist-holder{ width: 448px; height: 195px; overflow: auto; margin: 42px 0 0 28px; float:left; }
#customize_panel #tab-my-playlists .right-col { float: left; width: 300px; margin: 35px 0 0 25px; width: 210px; }
#customize_panel #tab-my-playlists .right-col h4 { width: 235px; color: #fff; }
#customize_panel #tab-my-playlists .right-col p { color: #fff; }
#customize_panel #tab-my-playlists .playlist li { border-bottom: 1px solid #cbcbcb ; overflow:hidden; padding: 10px 0;clear:both; }
#customize_panel #tab-my-playlists .playlist li.last_item { border: 0; }
#customize_panel #tab-my-playlists .playlist li .time { font-weight: bold; color: #000; width: 48px; float:left; }
#customize_panel #tab-my-playlists .playlist li .programme-info { width: 265px; float:left; color: #fff; }
#customize_panel #tab-my-playlists .playlist li .programme-info .title { color: #1e7ce1; font-weight: bold; }
#customize_panel #tab-my-playlists .playlist li .icons { width: 110px; float:right; }
#customize_panel #tab-my-playlists .playlist li .icons a { display: block; width: 17px; height: 17px; text-indent: -999em; float: left; background-repeat: no-repeat; margin-right: 8px;}
#customize_panel #tab-my-playlists .playlist li .icons a.play-playlist-item { background-image: url(../images/playlist-play.gif); }
#customize_panel #tab-my-playlists .playlist li.playing .icons a.play-playlist-item { background-image: url(../images/playlist-play-active.gif); }
#customize_panel #tab-my-playlists .playlist li .icons a.download-playlist-item { background-image: url(../images/playlist-download.gif); }
#customize_panel #tab-my-playlists .playlist li .icons a.details-playlist-item { background-image: url(../images/playlist-details.gif); }
#customize_panel #tab-my-playlists .playlist li .icons a.delete-playlist-item { background-image: url(../images/playlist-delete.gif); margin-right: 0; }

#customize_panel #tab-my-favourites { background:url(../images/cust_panel_my_playlist_bg.jpg) 14px 40px no-repeat; }
#customize_panel #tab-my-favourites #favourites-holder { width: 448px; height: 195px; overflow: auto; margin: 42px 0 0 28px; float:left; }
#customize_panel #tab-my-favourites .right-col { float: left; width: 300px; margin: 42px 0 0 25px; width: 210px; }
#customize_panel #tab-my-favourites .right-col h4 { width: 235px; color: #fff; }
#customize_panel #tab-my-favourites .right-col p { color: #fff; }
#customize_panel #tab-my-favourites .favourites li { border-bottom: 1px solid #cbcbcb ; overflow:hidden; padding: 10px 0; clear:both;  }
#customize_panel #tab-my-favourites .favourites li.last_item { border: 0; }
#customize_panel #tab-my-favourites .favourites li a { color: #000; }
#customize_panel #tab-my-favourites .favourites li a:hover { color: #fff; }
#customize_panel #tab-my-favourites .favourites li .icons { width: 34px; float:right; }
#customize_panel #tab-my-favourites .favourites li .icons a { display: block; width: 17px; height: 17px; text-indent: -999em; float: left; background-repeat: no-repeat; margin-right: 8px;}
#customize_panel #tab-my-favourites .favourites li .icons a.delete-favourites-item { background-image: url(../images/playlist-delete.png); margin-right: 0; }
#customize_panel #tab-my-favourites form .message,
#customize_panel #tab-my-favourites .ajax-loader-small  { left: 161px; }

.customize_content_menu { float: left;	width: 185px;	font-size: 0px;	line-height: 0px; height: auto; }
.customize_content_menu H1 { margin-left: 10px;	line-height: 130%; }
.customize_content_menu UL { padding: 0;	margin: 0;	list-style: none; }
.customize_content_menu UL LI { height: auto;	float: none;	width: auto; }
.customize_content_menu UL LI A { height: auto;font-size: 12px; line-height: 14px; font-weight: bold;	color: #393939;	display: block;	padding: 10px 0 10px 10px; }
.customize_content_menu UL LI A:HOVER { color: #aaa; }
.customize_content_menu UL LI.selected A,
.customize_content_menu UL LI.tabs-selected A {	background: transparent url("../images/map-menu-active-left-bot.gif") bottom left no-repeat;	color: #FFFFFF;}
.customize_content_menu UL LI.tabs-selected { background: #b1b1b1 url("../images/map-menu-active-left-top.gif") top left no-repeat;}
.customize_content_menu UL LI.tabs-selected A:hover { color:#fff; }
.customize_content_menu .jcarousel-clip-vertical { height: auto; }
.customize_content_menu .jcarousel-next-vertical { position: absolute; bottom: -16px; left: 5px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_down.png) no-repeat 0 0; }
.customize_content_menu .jcarousel-next-vertical:hover { background-position: 0 -15px; }
.customize_content_menu .jcarousel-next-vertical:active { background-position: 0 -30px; }
.customize_content_menu .jcarousel-next-disabled-vertical,
.customize_content_menu .jcarousel-next-disabled-vertical:hover,
.customize_content_menu .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -45px; }
.customize_content_menu .jcarousel-prev-vertical { position: absolute; top: -16px; left: 5px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_up.png) no-repeat 0 0; }
.customize_content_menu .jcarousel-prev-vertical:hover { background-position: 0 -15px; }
.customize_content_menu .jcarousel-prev-vertical:active { background-position: 0 -30px; }
.customize_content_menu .jcarousel-prev-disabled-vertical,
.customize_content_menu .jcarousel-prev-disabled-vertical:hover,
.customize_content_menu .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -45px; }


/* -------------------------------  BREAD CRUMBS LEVEL --------------------------------*/

#bread_crumbs{ overflow:hidden; width: 950px; margin: 0 auto; line-height: 3.6em; border-bottom: 1px solid #e2e2e2; }
#bread_crumbs_left{ float:left; margin-right: 0px; padding-left: 20px; font-weight:normal; color:#666666; font-size: 1.1em; }
#bread_crumbs_nav{ float:left; height: 34px; color: #999999; }
#bread_crumbs_nav a{ margin: 0 9px; }
#bread_crumbs_nav a{ color: #999999; }
#bread_crumbs_nav a:hover{ color: #000;	}
#toolbar{ width: 249px; float:right; margin-right: 14px; text-align:right; line-height: 3.6em; }
#toolbar a{ margin-left: 6px; }
#toolbar img{ vertical-align:middle; }


/* ------------------------------- SIDE PANEL --------------------------------*/
.link_container{ line-height: 2em; padding-bottom: 9px; border-bottom: 1px solid #d9d9d9; margin-bottom: 10px; }
#btn_suggest_station{ margin: 14px 7px 0px 12px; font-size: 1.2em; }
ul.arrows{ line-height: 24px; }
ul.arrows li{ border-bottom: 1px solid #e2e2e2; }
ul.arrows li.active{ border-bottom: 1px solid #1d5b9e; background:url(../images/active_back.png) #1d7be0 bottom repeat-x; }
ul.arrows li.last_item{ border-bottom: 0px solid #e2e2e2;  }
ul.arrows a{ display:block; color: #767676; background:url(../images/arrow_small_blue_right.png) 12px 0.8em no-repeat; padding-left: 27px; }
ul.arrows a:hover{ color:#1e7ce1; }

ul.arrows li.active a{ color: #fff; background:url(../images/arrow_small_active.png) 12px 0.8em no-repeat; }





#middle{ padding: 12px 20px; overflow:hidden; }

/* ------------------------------- WELCOME PANEL --------------------------------*/

#welcome_panel{ width: 100%; overflow:hidden; margin-bottom: 11px; }
#welcome_panel .welcome{ float:left; width: 246px; margin: 22px 0 0 20px; }
/*#welcome_panel .welcome h1{ width: 205px; height: 23px; margin-bottom: 14px; background: url(../images/h_welcome_to_wrn.png) no-repeat; text-indent: -999em; } */
#welcome_panel .welcome h1{ margin-bottom: 16px; color: #1e7ce1; font-size: 26px; font-weight: normal;  }
#welcome_panel .welcome p{ color: #767676; font-size: 1.1em; margin-bottom: 15px; }

#welcome_panel .image{ float:left; width: 228px; margin-right: 3px; }

#welcome_panel .news{ float:left; width: 203px; margin-top: 12px; padding-top: 8px; padding-left: 15px; border-left: 1px solid #e7e7e7; }
#welcome_panel .news h2{ font-size: 18px; margin-bottom: 18px; color: #1e7ce1; font-weight: normal;  }
#welcome_panel .news h3{ margin-bottom: 6px; color: #000; font-size: 1.1em; font-weight:bold; }
#welcome_panel .news p.date{ font-size: 1em; color: #363636; margin-bottom: 6px; }
#welcome_panel .news p.desc{ font-size: 1em; color: #767676; margin-bottom: 4px; }

#news_rotator{ height: 11.6em !important; }
#pager_wrapper{ height: 7px; line-height: 7px; float:left; text-align:center; margin-top: -15px !important; }
#news_pager li{ float: left; }
#news_pager li a{ display: block; margin-right: 14px; width: 7px; text-indent: -999em; height: 7px; background: url(../images/news_pager_dot_gray.png) no-repeat; }
#news_pager li a:hover{ background-position: 0 -7px; }
#news_pager li a.activeSlide{ background: url(../images/news_pager_dot_blue.png) no-repeat; }
#news_pager li a.activeSlide:hover{ background-position: 0 0; }

/* ------------------------------- NETWORKS PANEL --------------------------------*/
#networks_panel{ margin-bottom: 11px;  }
#networks_panel .left{ margin-bottom: 0; }
#networks_panel ul.arrows li.active a:hover{ color:#FFFFFF !important; }
#networks_panel .programs{ float: right; width: 537px; margin-bottom: 8px; padding-top: 12px;  font-size: 1.1em; /*height: 16.5em;*/ }
#networks_panel .programs h3{ color: #1e7ce1; margin-bottom: 6px; }
#networks_panel .programs.loading { background: url('../images/ajax-loader.gif'); background-position: center 70px; background-repeat: no-repeat; }
#networks_panel .programs.loading .program_list { visibility: hidden; }
#networks_panel .programs.loading h3 { visibility: hidden; }
#networks_panel .program_list{ margin-right: 13px; }
#networks_panel h2 span { font-size: 11px; color: #1E7CE1; padding-left: 5px; }
.program_list li{ border-bottom: 1px solid #e2e2e2; line-height: 1.8em; padding: 4px 8px; overflow:hidden; }
.program_list li.last_item{ border-bottom: 0px solid #e2e2e2; }
.program_list li.active{ background:url(../images/active_program_back.png) #efefef top repeat-x; }
.program_list li div{ float:left; }
.program_list li div.time{ width: 53px; color: #3a3a3a; font-weight:bold; }
.program_list li div.title{ padding-left: 29px; color: #767676; width: 425px; }
.program_list li.active div.title{ font-weight: bold; color: #484848; background:url(../images/icon_speaker_trans.gif) 0 3px no-repeat; }
.program_list li a:hover { cursor: default; }
.program_list li.active a:hover { cursor: pointer; cursor: hand; }

/* ------------------------------- NETWORKS SLIDING PANEL --------------------------------*/
.networks_with_slider{ position: relative; }
h2.no_arrow{ background: none !important; }
#networks_panel_sliding{ position:absolute; width: 557px; z-index: 950; top: -1px; left: 163px; padding-bottom: 0px; border-left: 0px; }

#networks_panel_sliding_iframe{ position:absolute; width: 557px; height: 200px; z-index: 940; top: -1px; left: 163px; padding-bottom: 12px; border-left: 0px; }

#networks_panel_sliding .box_header{ height: 2.8em; padding-right: 7px; border-bottom: 1px solid #c9c9c9; }
#networks_panel_sliding .box_header .btn_arrow_left{ float:right; margin-top: 7px; }
#networks_panel_sliding .left{ margin-bottom: 0; }
#networks_panel_sliding ul.arrows li.active a:hover{ color:#FFFFFF !important; }
#networks_panel_sliding .programs{ float: right; width: 537px; margin-bottom: 0; padding-top: 12px;  font-size: 1.1em; border-right: 2px solid #767676; border-bottom: 2px solid #767676; }
#networks_panel_sliding .programs h3{ color: #1e7ce1; margin-bottom: 6px; }
#networks_panel_sliding .program_list{ margin-right: 13px; }


/* ------------------------------- VERTICAL SCROLL - GENERAL STYLES --------------------------------*/

/* This <div> element is wrapped by jCarousel around the list and has the classname "jcarousel-container". */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2;  padding: 0; margin: 0; overflow: hidden;  position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 165px; /*height: 2.4em;*/ }

/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev". */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* ------------------------------- VERTICAL SCROLL - NETWORKS --------------------------------*/

#networks_panel .jcarousel-skin-networks .jcarousel-container{ margin: 28px 0 33px 0; }
.jcarousel-skin-networks .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; }
.jcarousel-skin-networks .jcarousel-container-vertical { width: 163px; height: 197px; padding: 0; }
.jcarousel-skin-networks .jcarousel-clip-horizontal { width:  245px; height: 75px; }
.jcarousel-skin-networks .jcarousel-clip-vertical { width: 163px; height: 197px; }
.jcarousel-skin-networks .jcarousel-item { width: 165px; /*height: 2.4em;*/ }
.jcarousel-skin-networks .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-networks .jcarousel-item-vertical {  }
.jcarousel-skin-networks .jcarousel-item-placeholder { background: #fff; color: #000; }

/* Vertical Buttons */
.jcarousel-skin-networks .jcarousel-next-vertical { position: absolute; bottom: -23px; left: 10px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_down.png) no-repeat 0 0; }
.jcarousel-skin-networks .jcarousel-next-vertical:hover { background-position: 0 -15px; }
.jcarousel-skin-networks .jcarousel-next-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-networks .jcarousel-next-disabled-vertical,
.jcarousel-skin-networks .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-networks .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -45px; }
.jcarousel-skin-networks .jcarousel-prev-vertical { position: absolute; top: -20px; left: 10px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_up.png) no-repeat 0 0; }
.jcarousel-skin-networks .jcarousel-prev-vertical:hover { background-position: 0 -15px; }
.jcarousel-skin-networks .jcarousel-prev-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-networks .jcarousel-prev-disabled-vertical,
.jcarousel-skin-networks .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-networks .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -45px; }


/* ------------------------------- VERTICAL SCROLL - STATIONS --------------------------------*/

#stations_side .jcarousel-skin-stations .jcarousel-container{ margin: 28px 0 33px 0; }
.jcarousel-skin-stations .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; }
.jcarousel-skin-stations .jcarousel-container-vertical { width: 163px; height: 399px; padding: 0; }

.jcarousel-skin-stations .jcarousel-clip-horizontal { width:  245px; height: 75px; }
.jcarousel-skin-stations .jcarousel-clip-vertical { width: 163px; height: 399px; }

#schedules .jcarousel-skin-stations .jcarousel-container-vertical { height: 471px; }
#schedules .jcarousel-skin-stations .jcarousel-clip-vertical { height: 471px; }

#schedules.schedules .jcarousel-skin-stations .jcarousel-container-vertical { height: 349px; }
#schedules.schedules .jcarousel-skin-stations .jcarousel-clip-vertical { height: 349px; }

.jcarousel-skin-stations .jcarousel-item { width: 165px; /*height: 2.4em;*/ }
.jcarousel-skin-stations .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-stations .jcarousel-item-vertical {  }
.jcarousel-skin-stations .jcarousel-item-placeholder { background: #fff; color: #000; }

/* Vertical Buttons */
.jcarousel-skin-stations .jcarousel-next-vertical { position: absolute; bottom: -23px; left: 10px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_down.png) no-repeat 0 0; }
.jcarousel-skin-stations .jcarousel-next-vertical:hover { background-position: 0 -15px; }
.jcarousel-skin-stations .jcarousel-next-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-stations .jcarousel-next-disabled-vertical,
.jcarousel-skin-stations .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-stations .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -45px; }
.jcarousel-skin-stations .jcarousel-prev-vertical { position: absolute; top: -20px; left: 10px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_up.png) no-repeat 0 0; }
.jcarousel-skin-stations .jcarousel-prev-vertical:hover { background-position: 0 -15px; }
.jcarousel-skin-stations .jcarousel-prev-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-stations .jcarousel-prev-disabled-vertical,
.jcarousel-skin-stations .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-stations .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -45px; }

/* ------------------------------- HOME - FEATURED CONTENT --------------------------------*/
.featured_content{ margin-bottom: 11px; }
.featured_content, .featured_content .box_content{ overflow:hidden; }
.featured_box{ float:left; width: 162px; margin-right: 16px; margin-bottom: 16px; }
.last_featured_box{ margin-right: 0px; }
.featured_box ul{ margin-top: 3px; }
.featured_box ul li{ padding: 9px 4px; border-bottom: 1px solid #eaeaea; }
.featured_box ul li.last_item{ border-bottom: 0px; }
.featured_box h3{ color: #767676; font-size:1em; font-weight: normal; margin-bottom: 9px; line-height: 1.3em; }
.featured_box h3 a{ color: #767676; }
.featured_box h3 a:hover{ color: #1E7CE1; }
.featured_box p.desc, .featured_box p.date{ color: #767676; font-size:1em; }
.featured_box p.desc {  }
.featured_box .speaker_right{  padding: 3px 0; padding-right: 31px; color: #5f5f5f;}
.featured_box .btn_visit_station{ padding-top: 3px; padding-bottom: 3px; color: #5f5f5f; }
.featured_box .speaker_right:hover, .featured_box .btn_visit_station:hover{color: #1E7CE1;}
.featured_content .divider{ float:left; border-top: 1px solid #eaeaea; padding: 16px 10px 6px 0px; width: 508px;}

/* ------------------------------- SECTION TOP PANEL  --------------------------------*/
#section_top{ margin-bottom: 11px; }
#section_top .welcome{ padding: 21px; overflow:hidden;}
#section_top .welcome h1{ margin-bottom: 16px; color: #1e7ce1; font-size: 26px; font-weight: normal;  }
#section_top .welcome h2{ margin-bottom: 12px; color: #000; font-size: 16px; font-weight: bold;  }
#section_top .welcome .intro_text{ width: 390px; float:left; font-size: 11px; line-height: 1.6em; }
#section_top .welcome #side_options{ margin-left: 30px; width: 211px; float:right; line-height: 2.6em; font-size:11px; margin-bottom: 16px; }
#section_top .welcome #side_options li{ position:relative;  }
#section_top .welcome #side_options li .btn_pdf{ position:absolute; z-index: 2; right: -11px; top: 4px; display:block; margin-right: 10px; width: 18px; height: 17px; background:url(../images/icon_pdf.png) no-repeat; }
#section_top .welcome #side_options li .btn_printer{ position:absolute; right: -24px; top: 4px; z-index: 2; display:block; width: 18px; height: 17px; background:url(../images/icon_printer.png) no-repeat; }


#section_top .welcome .main_content{ width: 390px; float:left; font-size: 11px; line-height: 1.6em; }
#section_top .station_details{ margin-top: -24px; line-height: 1.6em !important; }
#section_top .contact_details_bottom{ clear:both; float:left; width: 100%; margin-top: 10px; font-size: 11px; line-height: 1.6em; }
#section_top .link_label{ color: #1e7ce1; font-weight:bold; }
#section_top .email_address{ margin-right: 20px; }
#section_top .welcome p{ margin-bottom: 15px; }
#section_top #info_long{ display:none; }

#section_top .welcome #side_options .station_logo_holder { text-align: center; width: 206px; margin-bottom: 40px; overflow: hidden; }
#section_top .welcome #side_options .station_logo_holder img { margin: 0 auto; }
#section_top .welcome #side_options .contact_details{ display:none; }
#section_top .welcome #side_options h3{ color:#000000; font-weight: bold; }
#section_top .welcome #side_options .address{ color: #767676; margin-bottom: 20px;  }
#section_top .welcome #side_options .contacts{ color: #767676; }
#section_top .welcome #side_options .contacts .label_cell{ color:#000000; font-weight:bold; }
#section_top .welcome .btn_minimise{ display:block; width: 70px; padding-right: 4px;float:right; font-size: 11px; font-weight:bold; color: #1e7ce1; background:url(../images/arrows_up.png) no-repeat right; margin-top: 0px; display:none; }
#section_top .welcome .btn_minimise:hover{ color: #000000; }

/* ------------------------------- STATIONS SECTION  --------------------------------*/

#stations_panel{ margin-bottom: 11px; }
#stations_panel .expandable_content{ padding-top: 10px; }
#stations_panel .left_part { float:left; width: 237px; padding-left: 10px; }
#stations_panel .right_part { float:right; width: 237px; padding-right: 10px; }
#stations_panel .suggest_stations{ float:right; font-size: 1.4em; color:#000000; padding: 20px 25px 20px 0; margin-right: 15px; }
#stations_panel .suggest_stations:hover{ color: #1e7ce1; }

.banner{ float:left; border: 1px solid #c2c2c2; margin-right: 26px; }
.last_banner{ margin-right: 0; }

#stations .main_content em { font-style: italic; }
#stations .main_content .black { color: #000 !important; }
#stations .main_content .red { color: #A62E30 !important; }
#stations .main_content .grey { color: #444 !important; }
#stations .main_content .blue { color: #1E7CE1 !important; }
#stations .main_content .btn_more { display: inline-block; }

/* ------------------------------- SCHEDULES SECTION  --------------------------------*/

#schedule_nav li{ float:left; line-height: 4.3em; font-weight: bold; font-size: 1.2em;}
#schedule_nav li a{ display:block; width: 77px; height: 4.3em; text-align:center; }
#schedule_nav li.inactive{ background:url(../images/tab_inactive_back.png) repeat-y; }
#schedule_nav li.active{ background:url(../images/tab_active_back.png) repeat-y; }
#schedule_nav li.inactive a{ background:url(../images/tab_inactive.png) bottom no-repeat; color: #6a6b6b; }
#schedule_nav li.active a{ background:url(../images/tab_active.png) bottom no-repeat; color: #fff; }
#schedule_nav li.inactive a:hover{color: #1e7ce1; }
#schedule_nav li.active a:hover{color: #fff; }

.schedule{ padding: 40px 0; clear:both; color: #767676; font-size: 11px; }
.schedule p.no_items { text-align: center; }

.schedule h4{ width: 305px; }
.schedule_list li{ border-bottom: 1px solid #ebebeb; line-height: 1.8em; overflow:hidden; padding: 5px 0; }
.schedule_list li.active{ background: #f1f1f1; }
.schedule_list li .time{ width: 70px; float:left; padding-right: 30px; text-align:right; }
.schedule_list li .info{ width: 430px; float:left; }
.schedule_list li h3{ color: #000000; font-weight: bold; }
.schedule_list li h3 a { color: #000000; font-weight: bold; }
.schedule_list li h3 a:hover,.schedule_list li h3 a:active { color: #1e7ce1; font-weight: bold; }
.schedule_list li .actions{ width: 150px; float:right; margin-top: -1.7em; }
.schedule_list li .actions a{ width: 15px; display:block; float:right; margin-left: 10px; text-indent: -999em; }
.schedule_list li .actions a.btn_info{ background:url(../images/icon_info.gif) no-repeat; }
.schedule_list li .actions a.btn_bookmark{ background:url(../images/icon_star.gif) no-repeat; }
.schedule_list li .actions a.btn_listen{ background:url(../images/icon_speaker_trans.gif) no-repeat 100% 0; text-indent: 0; width: 88px; line-height: 15px; color: #000; font-weight: bold; }

.schedule.loading {
    background: url('../images/ajax-loader.gif');
    background-position: center 40px;
    background-repeat: no-repeat;
    height: 700px;
}

.schedule.loading .jcarousel-skin-schedules { visibility: hidden; }

/* ------------------------------- VERTICAL SCROLL - SCHEDULES --------------------------------*/

.jcarousel-skin-schedules .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; }
.jcarousel-skin-schedules .jcarousel-container-vertical { width: 539px; height: 700px; padding: 0; }
.jcarousel-skin-schedules .jcarousel-clip-horizontal { width:  539px; height: 722px; }
.jcarousel-skin-schedules .jcarousel-clip-vertical { width:  539px; height: 700px; }
.jcarousel-skin-schedules .jcarousel-item { width: 539px; }
.jcarousel-skin-schedules .jcarousel-item-horizontal { margin-right: 10px; }
.jcarousel-skin-schedules .jcarousel-item-vertical {  }
.jcarousel-skin-schedules .jcarousel-item-placeholder { background: #fff; color: #000; }

/* Vertical Buttons */
.jcarousel-skin-schedules .jcarousel-next-vertical { position: absolute; bottom: -23px; left: 200px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_down.png) no-repeat 0 0; }
.jcarousel-skin-schedules .jcarousel-next-vertical:hover { background-position: 0 -15px; }
.jcarousel-skin-schedules .jcarousel-next-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-schedules .jcarousel-next-disabled-vertical,
.jcarousel-skin-schedules .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-schedules .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -45px; }
.jcarousel-skin-schedules .jcarousel-prev-vertical { position: absolute; top: -70px; left: 200px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_up.png) no-repeat 0 0; }
.jcarousel-skin-schedules .jcarousel-prev-vertical:hover { background-position: 0 -15px; }
.jcarousel-skin-schedules .jcarousel-prev-vertical:active { background-position: 0 -30px; }
.jcarousel-skin-schedules .jcarousel-prev-disabled-vertical,
.jcarousel-skin-schedules .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-schedules .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -45px; }

.jcarousel-skin-schedules h3, .jcarousel-skin-schedules h4 { margin-bottom: 0px; }

.schedule_headings{ margin-bottom: 13px; border-bottom:1px solid #EBEBEB; }
.schedule_headings td{ font-size: 12px; font-weight: bold; padding-bottom: 5px; }

/* ------------------------------- LOGIN PANEL --------------------------------*/
.login_per_button_block{
	width:100%; text-align:right;
    height:20px;
}
.login_panel{ padding: 10px; margin-bottom: 10px; }
.h_wrn_login{ font-size: 14px; color: #1e7ce1; margin-bottom: 13px; font-weight:bold; }
.login_panel label{ margin-bottom: 6px; }
.login_panel .textfield{ margin-bottom: 8px; width: 142px; }
.login_panel .divider{ border-top: 1px solid #eaeaea; padding-top:8px; margin-top: 8px;} 


#login_btns{ line-height: 25px;}

.btn_login_en, .btn_login_de, .btn_login_ar{ padding-right: 16px; width: auto; height: 15px; border: 0; cursor: pointer; text-align:right; font-size: 11px; line-height: 15px; }
.btn_login_fr, .btn_login_ru{  padding-right: 16px;height: 15px; border: 0; cursor: pointer; text-align:right; font-size: 11px; line-height: 15px; }

.btn_login_default_en, .btn_login_default_de, .btn_login_default_ar{ background:url(../images/arrow_circle.png) no-repeat right top; }
.btn_login_default_fr, .btn_login_default_ru{ background:url(../images/arrow_circle.png) no-repeat right top;}
.btn_login_default_en:hover, .btn_login_default_de:hover, .btn_login_default_ar:hover{ background:url(../images/arrow_circle_over.png) no-repeat right top;}
.btn_login_default_fr:hover, .btn_login_default_ru:hover{ background:url(../images/arrow_circle_over.png) no-repeat right top;}

.login_panel .btn_more{ float:right; }

.btn_signup{ display: block; float:left; width: auto; padding-right: 20px; height: 15px; border: 0; cursor: pointer; }

.btn_signup_default{ background:url(../images/arrow_circle.png) no-repeat top right; }
.btn_signup_over{ background:url(../images/arrow_circle_over.png) no-repeat top right; }

.btn_register_en, .btn_register_de, .btn_register_ar{  color:#000000;  width: auto; padding-right: 20px; height: 16px; background:url(../images/arrow_circle.png) no-repeat top right; font-size: 11px; line-height: 15px;padding-bottom:5px;  }
.btn_register_fr, .btn_register_ru{ color:#000000;width: auto; padding-right: 20px;height: 16px; background:url(../images/arrow_circle.png) no-repeat top right; font-size: 11px; line-height: 15px;padding-bottom:5px;  }
.btn_register_en:hover, .btn_register_de:hover, .btn_register_ar:hover{ background:url(../images/arrow_circle_over.png) no-repeat right top;  color:#000000;padding-bottom:5px; }
.btn_register_fr:hover, .btn_register_ru:hover{ background:url(../images/arrow_circle_over.png) no-repeat right top;  color:#000000;padding-bottom:5px; }


/* ------------------------------- NEWSLETTER PANEL --------------------------------*/

.newsletter_panel{ padding: 10px; margin-bottom: 10px; }
.h_newsletter_signup{ font-size: 14px; color: #1e7ce1; margin-bottom: 13px;  font-weight:bold; }
.newsletter_panel label{ margin-bottom: 6px; }
.newsletter_panel .textfield{ margin-bottom: 8px; width: 142px; }
.newsletter_panel .divider{ padding: 14px 0px 14px 0px; margin-top: 0;}
.newsletter_panel .btn_more{ float:right; }
.newsletter_panel .btn_signup { float: right; }

/* ------------------------------- ADVERTISING PANEL --------------------------------*/

.advertising_panel{ padding: 4px; margin-bottom: 10px; }

/* ------------------------------- VISITOR COUNTER PANEL --------------------------------*/

.visitor_counter { padding: 10px; margin-bottom: 10px; color: #767676; line-height: 1.4em; }
.visitor_counter h2 { font-size: 14px; color: #1E7CE1; margin-bottom: 13px; font-weight: bold;}
.visitor_counter .numbers { display:block; margin-top:9px; }
.lang-ar .visitor_counter { direction: rtl; }

/* ------------------------------- FOOTER --------------------------------*/

#footer{ clear: both; background: url(../images/footer_back.png) #5f5f5f bottom repeat-x; padding: 0 18px 16px 18px; line-height: 4.4em; color: #767676; overflow:hidden;	font-size: 0.9em; }
#footer_left{ clear:both; width: 920px;	height: 20px; float:left; padding-bottom: 3px; text-align:left; margin-bottom: 7px;	}
#footer_left p{ display: block;position: relative; left: 0;line-height: 4.4em; padding-left: 78px; background:url(../images/logo_wrn_footer.png) no-repeat left 15px;  }
#footer_left a{ color: #767676; }
#footer_left p a.logo { display: block;position: absolute; left: 0; height: 44px; width: 65px;}
#footer_left a:hover{ color: #fff; text-decoration:underline; }
#footer_left span{ margin: 0 10px; }
#footer_right{ width: 920px; height: 25px; float:left; text-align: left; margin-bottom: 10px;	}
#footer_right a{ color: #bcbcbc; }
#footer_right a:hover{ color: #fff; text-decoration:underline; }
#footer_right ul{ }
#footer_right ul li{ float:left; margin-left: 10px; padding-left: 10px;}
#footer_right ul li#first_item{	margin-left: 0px; padding-left: 0;}



/******* sIFR styles *******/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sifr {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:30px !important;
	font-size: 30px;
	height: 32px;
	margin:0 !important;
	margin-bottom: 6px !important;
}


.sIFR-hasFlash #content h2 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:24px !important;
	font-size: 24px;
	height: 24px;
	margin:0 !important;
	margin-bottom: 25px !important;
}


.sIFR-hasFlash #content h3 {
	visibility: hidden;
	letter-spacing: -9px;
	line-height:47px !important;
	font-size: 47px;
	height: 47px;
	margin:0 !important;
}

.ernie_form { line-height: 20px !important; }
.ernie_form fieldset { border: 0; padding: 0; }
.ernie_form .field { padding-bottom: 13px; }
.ernie_form label { width: 108px; display: inline-block; float: left; clear: both; font-size: 11px; }
.ernie_form label.right { float:none; margin:0; width:auto; }
.ernie_form .Actions input.action { }
.ernie_form .field.text input,
.ernie_form .field.password input,
.ernie_form .field.textarea input,
.ernie_form .field.email input,
.ernie_form .field.encrypt input,
.ernie_form .field.numeric input,
.ernie_form .field.bettercaptcha input,
.ernie_form .field select { width: 15em; font-family: verdana, sans-serif; }
.ernie_form h3 { clear: both; }
.ernie_form p { margin-bottom: 1.5em; }

.ernie_form .message {
    color:red;
    display:block;
    padding:3px 0 3px 100px;
}

.message.good {font-weight: bold;}
.message.bad{ color: red; }


.bettercaptcha img {float:left;}
.bettercaptcha .CaptchaRightLabel { width: 200px; height: 50px; float: left; line-height: 1.3em; margin-left: 10px; color: #767676; }
.bettercaptcha .CaptchaRefetchLink { display: block; }
.bettercaptcha input { clear: both; margin-left: 125px;}

#Form_SignupForm { width: 520px; }

.content_managed p { margin: 0 0 1.5em 0; line-height: 20px; width: 580px; }
.content_managed blockquote { margin-left: 40px; }
.content_managed blockquote p { width: auto; }
.content_managed .black { color: #000 !important; }
.content_managed .red { color: #A62E30 !important; }
.content_managed .grey { color: #444; !important; }
.content_managed .blue { color: #1E7CE1; !important; }

pre { background: #F4E499 !important; font-size: 11px !important; width: 930px; padding: 10px; margin: 0 auto; border: 1px solid #000; }
pre.session_debug { margin-top: 50px; display:none;}

.search-results li p { margin-bottom: 0; }
.search-results li p.title a { font-weight: bold; }
.search-results li p.title .relevance { font-weight: normal; }
.search-results li { margin-bottom: 1.5em; }


/*  Calendar  */
.calendar {
	background: #FFFFFF url("../images/calendar-head.gif") left top repeat-x;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.calendar.calendar-schedule {
	background: #FFFFFF url("../images/calendar-schedule-head.gif") left top repeat-x;
}
.calendar .calendar-left {
	background: url("../images/calendar-left.gif") left top repeat-y;
}
.calendar .calendar-right {
	background: url("../images/calendar-right.gif") right top repeat-y;
}
.calendar .calendar-bottom {
	background: url("../images/calendar-bottom.gif") left bottom repeat-x;
}
.calendar .calendar-lt {
	background: url("../images/calendar-lt.gif") left top no-repeat;
}
.calendar .calendar-rt {
	background: url("../images/calendar-rt.gif") right top no-repeat;
}
.calendar .calendar-lb {
	background: url("../images/calendar-lb.gif") left bottom no-repeat;
}
.calendar .calendar-rb {
	background: url("../images/calendar-rb.gif") right bottom no-repeat;
}
.calendar .calendar-container {
	padding: 4px;
}
.calendar .head {
	padding: 0 0 0 10px;
}
.calendar .language {
	float: left;
	clear: left;
	font-size: 11px;
	padding: 14px 0 0 0;
	text-align: center;
	vertical-align: top;
	height: 25px;
	line-height: 13px;
}
.calendar .language SPAN {
	color: #6D6D6D;
	width: 90px;
}
.calendar .language STRONG {
	padding-right: 3px;
	padding-left: 3px;
}
.calendar .language A {
	float: left;
}
.calendar .language STRONG,
.calendar .language SPAN {
	float: left;
	padding-top: 4px;
}
.calendar .language select#CalendarLanguage {
    background: #DEDDE0;
    margin-left: 5px;
}

/*  Head days  */
.calendar .days {
	float: right;
	clear: right;
	width: 316px;
	text-align: center;
}
.calendar .days UL {
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;
}
.calendar .days UL LI {
	float: left;
	width: 45px;
	height: 43px;
	background-image: url("../images/calendar-separator.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
.calendar .days UL LI A {
	display: block;
/*	position: relative;*/
	font-size: 9px;
	line-height: 130%;
	color: #5F5F5F;
	padding: 9px 0 10px 0;
}
.calendar #days UL LI A:active, .calendar #days UL LI A:hover {
    cursor: default;
}
.calendar .days UL LI STRONG {
	display: block;
	font-size: 10px;
	color: #6A6B6B;
}

.calendar .days UL LI.active{
	background: none;
	width: 46px;
}

.calendar .days UL LI.active A {
	color: #9DB9D7;
	background: url("../images/calendar-today.gif") left top repeat-x;
}
.calendar .days UL LI.active STRONG {
	color: #FFFFFF;
}
.relax {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.calendar .selector {
	height: 33px;
	overflow: hidden;
}
.calendar .selector .field {
	float: left;
	padding: 10px 0px 0 20px;
}
.calendar .selector LABEL {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}
.calendar .selector SELECT {
	font-size: 11px;
	color: #f0f0f0;
	border: none;
	background: none;
	padding: 0;
	margin: 0 0 0 3px;
	background: #848587;
}
.calendar .selector SELECT#CalendarMonth {
    width: 88px;
}
.calendar .selector .today-text {
	float: right;
	width: 98px;
	text-align: center;
	padding: 5px 0 0 0;
}
.calendar .selector .today-text a {
	float: left;
	color: #FFFFFF;
	font-size: 11px;
	border-left: 1px solid #ADADAD;
	border-right: 1px solid #ADADAD;
	padding: 5px;
}
.calendar .selector .today-text A.arrow {
	font-size: 0px;
	line-height: 0px;
	border: 0;
	padding: 0;
	float: none;
}
.calendar .selector .today-text A IMG {margin: 8px 0 0 0;}
/*  Events  */
.calendar .events {
	padding: 7px 0 13px 0;
}
.calendar .events.loading {
    background: url('../images/ajax-loader.gif');
    background-position: center 40px;
    background-repeat: no-repeat;
}
.calendar .event {
	margin: 0px 0 0 0;
}
.calendar .event .time {
	background: #F1F1F1;
	padding: 5px 0 6px 13px;
	line-height: 15px;
}

.calendar .event .time SPAN.time_info {
	font-weight: bold;
	padding-top: 3px;
	float: left;
	white-space: nowrap;
}


.calendar .event .time div.content_type{
	float: right;
	font-weight: bold;
	font-size: 10px;
	color: #828385;
	width: 150px;
	text-align:right;
	padding-right: 5px;
	margin-top: -16px;
	clear:both;
}

.calendar .event .time div.content_type span{
	margin-left: 4px;
}



.calendar .event .event-content {
	overflow: hidden;
	height: 9em;
}
.calendar .event .icon {
	float: left;
	width: 13px;
	text-align: center;
}
.calendar .event .info {
	float: left;
	width: 192px;
}
.calendar .event .icon,
.calendar .event .info {padding-top: 10px;}
.calendar .event .info H3 {
	padding: 0 0 3px 0;
	margin: 0;
	color: #1E7CE1;
}
.calendar .event .info H3 A {color: #1E7CE1;}
.calendar .event .info H3 A:HOVER {text-decoration: underline;}
.calendar .event .days {

}
.calendar .event .days LI {
	background: none;
	border-left: 1px solid #EBEBEB;
	height: 100%;
	padding: 8px 0;
	width: 44px;
}
.calendar .event .days LI A {
    padding: 0 12px;
    width: 20px;
    height: 20px;
    margin: 0 0 7px 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.calendar .event .days LI A.play { background-image: url(../images/icon-play.gif); }
.calendar .event .days LI.playing A.play { background-image: url(../images/icon-play.gif); }
.calendar .event .days LI A.download { background-image: url(../images/icon-download.gif); }
.calendar .event .days LI.disabled A.play { background-image: url(../images/icon-play-disabled.gif); }
.calendar .event .days LI.disabled A.download { background-image: url(../images/icon-download-inactive.gif); }
.calendar .event .days LI IMG {margin: 7px 0;}
.calendar .event .days LI {	opacity: 0.7; }
.calendar .event .days LI.hover { opacity: 1; }
.calendar .event .days LI.playing {	opacity: 1; }
.calendar .event .days LI.playing A.download { opacity: 1; }
.calendar .event .days LI.playing.hover A.download { opacity: 1; }
.calendar .event .days LI.disabled a:hover,
.calendar .event .days LI.disabled a:active { cursor: default; }

/*  RSS  */
.calendar .event .rss {
	display: inline;
	padding: 3px 9px 0 8px;
	position: static;
	width: 10%;
	text-align: right;
}

.calendar .event .link_read_more{ margin-left: 4px; color: #1E7CE1; }
.calendar .event .programme-title{ margin-bottom: 10px; }

.calendar .event .audio-options {
	position: absolute;
	top: 25px;
	right: 0px;
	width: 316px;
	text-align: left;
	display: none;
}

.calendar .event .audio-options .popup-center {
	border-left: 1px solid #D8D8D8;
	background: url("../images/bg-popup-center.png") repeat;
}
.calendar .event .audio-options .popup-bottom {
	background: url("../images/bg-popup-bottom.png") no-repeat;
	width: 316px;
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}
.calendar .event .audio-options .title {
	font-weight: normal;
	color: #1E7CE1;
}
.calendar .event .audio-options TABLE {
	width: 100%;
}
.calendar .event .audio-options TD {
	border-top: 1px solid #E0E0E0;
	padding: 5px 8px;
}
.calendar .event .audio-options .button {
	display: block;
	color: #FFFFFF;
	width: 75px;
	height: 14px;
	background: url("../images/button-blue.gif") no-repeat;
	text-align: center;
	line-height: 12px;
}
.calendar .event .audio-options H4 {
	padding: 4px 7px;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
}
.calendar .event .audio-options .close {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin: 2px 4px;
    font-size: 11px;
    font-weight: bold;
    color: #4c4c4c;
}

.calendar .selector .archive-limit {
    padding-left: 40px;
    padding-top: 10px !important;
    line-height:12px;
    height:12px;
    color:#fff;
}

.calendar .selector .date-dropdowns {
    padding-left: 14px;
}

.calendar.calendar-schedule .head-days {
	padding: 1px 0 20px 0;
}
.calendar.calendar-schedule .head-days UL {
	padding: 0;
	margin: 0;
	list-style: none;
}
.calendar.calendar-schedule .head-days UL LI {
	float: left;
	width: 76px;
	text-align: center;
	font-size: 12px;
	color: #6A6B6B;
	font-weight: bold;
	background: url("../images/calendar-separator.gif") left top no-repeat;
}
.calendar.calendar-schedule .head-days UL LI A {
	color: #6A6B6B;
	display: block;
	padding: 16px 0 16px 0;
}
.calendar.calendar-schedule .head-days UL LI.active A {
	color: #FFFFFF;
	background: url("../images/calendar-today.gif") left top repeat-x;
}
.calendar.calendar-schedule TABLE {
	width: 100%;
}
.calendar.calendar-schedule TABLE P {
	padding: 0;
	margin: 0;
}
.calendar.calendar-schedule TABLE H3 {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 11px;
}
.calendar.calendar-schedule TD {
	padding: 10px;
	border-bottom: 1px solid #EBEBEB;
}
.calendar.calendar-schedule .time-col {
	width: 63px;
	text-align: right;
}
.calendar.calendar-schedule TABLE TR.active TD {background: #F1F1F1;}
.calendar.calendar-schedule TABLE TD.icon-sound,
.calendar.calendar-schedule TABLE TD.icon-info,
.calendar.calendar-schedule TABLE TD.icon-fav {
	width: 23px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	vertical-align: bottom;
}
.calendar.calendar-schedule TABLE TR.active TD.icon-sound A,
.calendar.calendar-schedule TABLE TD.icon-info A,
.calendar.calendar-schedule TABLE TD.icon-fav A {
	width: 15px;
	height: 15px;
	display: block;
}
.calendar.calendar-schedule TABLE TR.active TD.icon-sound A {
	background: url("../images/icon_speaker.gif") no-repeat center center;
}
.calendar.calendar-schedule TABLE TD.icon-info A {
	background: url("../images/icon_info.gif") no-repeat center center;
}
.calendar.calendar-schedule TABLE TD.icon-fav A {
	background: url("../images/icon_star.gif") no-repeat center center;
}
.calendar.calendar-schedule .jcarousel-list li,
.calendar.calendar-schedule .jcarousel-item {
	float: none;
	width: auto;
	display: block;
	height: 52px;
}
.events-carousel {
	padding: 0 0 40px 0;
}
.events-carousel .jcarousel-clip-vertical {
	height: 780px;
}


.events-carousel .jcarousel-next-vertical { position: absolute; bottom: 10px; left: 235px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_down.png) no-repeat 0 0; }
.events-carousel .jcarousel-next-vertical:hover { background-position: 0 -15px; }
.events-carousel .jcarousel-next-vertical:active { background-position: 0 -30px; }
.events-carousel .jcarousel-next-disabled-vertical,
.events-carousel .jcarousel-next-disabled-vertical:hover,
.events-carousel .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -45px; }
.events-carousel .jcarousel-prev-vertical { position: absolute; top: -10px; left: 235px; width: 144px; height: 15px; cursor: pointer; background: transparent url(../images/btn_scroll_up.png) no-repeat 0 0; }
.events-carousel .jcarousel-prev-vertical:hover { background-position: 0 -15px; }
.events-carousel .jcarousel-prev-vertical:active { background-position: 0 -30px; }
.events-carousel .jcarousel-prev-disabled-vertical,
.events-carousel .jcarousel-prev-disabled-vertical:hover,
.events-carousel .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -45px; }

#noevents {
	width: 100%;
	padding: 40px 0;
	text-align: center;
}



/* Media Format Popup */

#media-format-popup {
	border: 1px solid #D8D8D8;
	border-right: 2px solid #D8D8D8;
	border-bottom: 2px solid #D8D8D8;
	width: 354px;
	background: #fff;
	padding: 4px 7px;
	position: absolute;
	top: -1px;
	left: 370px;
	z-index: 100000;
	line-height: 1.3em;
}

#media-format-popup table { border-collapse: collapse; }
#media-format-popup table td { border: 0; padding: 0 0 3px 0; }

#media-format-popup h4 {
    font-weight: bold;
    margin: 0 0 3px 0;
    padding: 3px 0 4px 3px;
    border-bottom: 1px solid #D8D8D8;
}

#media-format-popup .delivery-label {
    color: #1E7CE1;
    padding-right: 15px;
    padding-left: 3px;
}

#media-format-popup .checkbox-holder {
    color: #767676;
    font-size: 1.1em;
    width: 212px;
    line-height: 1.3em;
}

#media-format-popup .checkbox-holder {
}

#media-format-popup .close {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin: 2px -4px 2px 0;
    font-size: 11px;
    font-weight: bold;
    color: #4c4c4c;
}

#media-format-popup .button {
    background:transparent url(../images/button-blue.gif) no-repeat scroll 0 0;
    color:#FFFFFF;
    display:block;
    height:14px;
    line-height:12px;
    text-align:center;
    width:75px;
}

#media-format-popup .checkbox-field { display: inline-block; width: 30px; width: 95px; }

#media-format-popup .save-format { color: #767676; }
#media-format-popup .save-format-checkbox { vertical-align: middle; }

.rss-link { margin-right: 5px; }
.rss-link img { vertical-align: middle; }
.add-to-playlist-link { font-weight: bold; font-size: 8px; color: #828385;  }
.add-to-playlist-link img{ vertical-align:middle; }
.add-to-playlist-link span { font-size: 11px; }

/* Flash map - OBSOLETE */

.map-flash {
	float: left;
	width: 517px;
	font-size: 0px;
	line-height: 0px;
	position: relative;
}
.map-flash .map-flash-lt,
.map-flash .map-flash-lb {
	position: absolute;
	left: 0;
	width: 5px;
	height: 5px;
}
.map-flash .map-flash-lt {
	top: 0;
	background: url("../images/map-lt.gif") no-repeat;
}
.map-flash .map-flash-lb {
	bottom: 0;
	background: url("../images/map-lb.gif") no-repeat;
}
.map-form {
	float: left;
	width: 236px;
	height: 279px;
	background: url("../images/map-right.jpg") no-repeat left top;
}
.map-form LABEL {
	font-size: 14px;
	color: #FFFFFF;
	display: block;
	line-height: 16px;
	padding: 0 0 0 5px;
}
.map-form SELECT, .map-form input.input-text {
	display: block;
	border: none;
	background: #CACACA;
	width: 184px;
	height: 22px;
	font-size: 11px;
	color: #393939;
	margin: 7px 0;
	line-height: 16px;
	padding: 3px 0 0 0;
}
.map-form .input-submit {
	width: 204px;
	height: 29px;
	border: none;
	padding: 0 0 0 5px;
	margin: 17px 0 0 -9px;
	background: url("../images/button-submit-map.jpg") no-repeat;
	display: block;
	cursor: pointer;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
}
.map-form .form-container {padding: 22px 0 0 23px;}



/* ============================================================================================ */
/* ==============================       playerFrame           ================================= */
/* ============================================================================================ */

#nochat-rc b {
	display:inline;
	float:left;
}

#nochat-rc a.btn_info{
	display: inline;
	float:left;
	text-indent: -999em;
	background:url(../images/icon_info.gif) no-repeat;
	margin-left: 10px;
	height: 15px;
	width: 15px;
}

/*  Player  */
#player {
	/*border-bottom: 1px solid #434343;*/
	margin-right: 17px;
	background: #393939;
}
#player #container {
	background: #EAEAEA;
	position: relative;
}
#player .player-top {
	background: #FFFFFF url("../images/bg-player.jpg") left top repeat-x;
	/*height: 32px;*/
	position: relative;
	width: 100%;
}

#player .player-top P {
	padding: 0 0 0 10px;
	margin: 0;
	font-size: 10px;
	color: #373737;
}

#player .player-top P SPAN {color: #757575;}
#player .player-top P SPAN.status {
	font-weight: bold;
	font-size: 11px;
	color: #1E7CE1;
}
#player .player-top P A {color: #1E7CE1;}

#player .station-title p a {color: #373737;}
#player .text_scroller p a {color: #757575;}

#player .player-top P IMG {
	margin: 0 4px;
	vertical-align: middle;
}
#player .right-content {
	float: right;
	width: 456px;
	text-align: right;
	position: relative;
	min-height: 27px;
  	height: auto !important;
  	height: 27px;
  	zoom: 1;
}
#player #no-access {
    width: 450px;
}
#player .no-access p {
    padding: 7px 84px 0 0;
    margin: 0;
    font-weight: bold;
}
#player .no-access p a {
    font-weight: normal;
}
#player .no-access.video {
    margin: 162px 0 0 0;
}
#player .player-container {
	float: left;
}
#player .no-tag-button .player-container {
    float: right;
    margin-right: 38px;
}
#player .network-player {
    position: absolute;
    top: 0;
    left: 495px;
    z-index: 1;
}

#player .video-player { margin-top: 33px; }
#player .video-player.hidden { display: block; margin-top: -400px; }

/*.player-top .player-container {margin: 6px 6px 0 0;}*/
#player .left-content {
	float: left;
	clear: left;
	width: 475px;
	_width: 485px;
	min-height: 295px;
	height: auto !important;
	height: 295px;
	display: inline;
	margin: 0;
	padding: 15px 0 0 10px;
	background: #EAEAEA url("../images/player-left-shadow.gif") right top repeat-y;
}
#player .hidden {display: none;}
#player .align-left {
	float: left;
	margin: 0 20px 0 10px;
}
#player .align-right {
	float: right;
	margin: 0 10px 0 0;
}
#player H2 {
	padding: 0;
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	color: #1E7CE1;
}
#player .left-content P {
	font-size: 10px;
	color: #000000;
	padding: 3px 0 0 0;
}
#player .left-content A {color: #1E7CE1;}
#player .left-content P B {font-size: 11px;}

.tabs-hide, .subtabs-hide {display: none;}
#player .left-content .tabs {
	padding: 0;
	margin: 0;
	list-style: none;
	border-bottom: 1px solid #DBDBDB;
	padding: 10px 10px 0 0;
	overflow: hidden;
	zoom: 1;
}
#player .left-content .tabs LI {
	float: right;
	margin-left: 2px;
	background: #B0B0B0 url(../images/tabs-left.gif) left top no-repeat;
}
#player .left-content .tabs LI A {
	display: block;
	_width: 10px;
	background: url(../images/tabs-right.gif) right top no-repeat;
	height: 19px;
	line-height: 18px;
	color: #FFFFFF;
	font-size: 10px;
	padding: 0 10px;
}
#player .left-content .tabs LI.tabs-selected,
#player .left-content .tabs LI:HOVER {background: #1E7CE1 url(../images/tabs-active-left.gif) left top no-repeat;}
#player .left-content .tabs LI.tabs-selected A,
#player .left-content .tabs LI:HOVER A {background: url(../images/tabs-active-right.gif) right top no-repeat;}

#player .left-content .scroll-it{ overflow:auto; height: 155px; }

#player .left-content .tab-content {
	padding: 16px 8px 0 10px;
	clear: both;
}
#player .left-content .tab-content P,
#player .right-content .tab-content P {
	color: #767676;
	line-height: 150%;
	font-size: 11px;
	padding: 0 80px 0 0;
	margin: 0;
}

#player .left-content #tab-about {
    color: #767676;
	line-height: 150%;
	font-size: 11px;
}

#player .left-content #tab-about p {
    margin-bottom: 1em;
}

#player .left-content #tab-about em { font-style: italic; }
#player .left-content #tab-about .black { color: #000 !important; }
#player .left-content #tab-about .red { color: #A62E30 !important; }
#player .left-content #tab-about .grey { color: #444 !important; }
#player .left-content #tab-about .blue { color: #1E7CE1 !important; }

#player .left-content .programme-datetime {
   padding-left: 191px; 
}

#player .left-content .tab-content P B, #player .right-content .tab-content P B {color: #000000;}
#player .left-content .tab-content A, #player .right-content .tab-content A {font-size: 10px;}
#player .buttons {
	/*float: right;
	padding: 7px 13px 0 0;*/
	position: absolute;
	right: 5px;
	top: 8px;
	z-index: 5;
	height: 16px;
}
#player .buttons.bottom-button {
	bottom: 6px;
	top: auto;
}
#player .buttons A {float: right;margin: 0 0 0 4px;}
#player .buttons #button-player {
	width: 23px;
	height: 16px;
	display:block;
	float: right;
	overflow: auto;
}
/*#player .left-content {display: none;}*/
/*#player.maximise .left-content {display: block;}
#payer.minimise .left-content {display: none;}*/

#player .buttons #button-player.up {
	background: url("../images/button-player-up.gif") no-repeat;
}
#player .buttons .down {
	background: url("../images/button-player-down.gif") no-repeat;
}
#player .border {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: 1px solid #DBDBDB;
	height: 15px;
}


/*  Tag List  */
#player .tag-list {
	height: 153px;
	overflow: auto;
}
#player .tag-list .tag-item {
	background: #F7F7F7;
	margin: 0 0 2px 0;
}
#player .tag-list .tag-item .lt {
	background: url("../images/tag-item-lt.gif") left top no-repeat;
}
#player .tag-list .tag-item .rt {
	background: url("../images/tag-item-rt.gif") right top no-repeat;
}
#player .tag-list .tag-item .rb {
	background: url("../images/tag-item-rb.gif") right bottom no-repeat;
	padding: 0 7px 3px 3px;
	overflow: hidden;
	zoom: 1;
}
#player .tag-list .tag-item .lb {
	background: url("../images/tag-item-lb.gif") left bottom no-repeat;
}
#player .tag-list .tag-item .blue-area {
	float: left;
	width: 78px;
	height: 25px;
	background: url("../images/blue-area.gif") no-repeat;
	margin: 2px 0 0 0px;
}
#player .tag-list .tag-item .blue-area IMG {
	float: left;
	margin: 4px 0 0 5px;
}
#player .tag-list .tag-item .blue-area SPAN {
	float: right;
	padding: 5px 9px 0 0;
	font-size: 11px;
	line-height: 14px;
	color: #000000;
}
#player .tag-list .blue-area a:hover, #player .tag-list .blue-area a:active { cursor:pointer; cursor: hand; }

#player .tag-list .tag-item .tag-content {
	position:relative;
	float: right;
	width: 325px;
	padding: 5px 0 0 0;
}
#player .tag-list .tag-item .tag-content .tag-body A.more-link {
	/*float: right;
	margin-top: -5px;*/
	position:absolute;
	bottom:0;
	right:10px;
}
#player .tag-list .tag-item .tag-content .align-right {margin: 0;}
#player .tag-list .tag-item .tag-content P {padding: 0; width: 305px; min-height:32px;}

#player #comment-list-video .tag-item .tag-content {
    width: 429px;
}

#player .clear-left {clear: left;}
#player .grey-button {
	float: left;
	background: #A9A9A9 url(../images/button-gray-left.gif) no-repeat left top;
}
#player .grey-button A {
	height: 25px;
	float: left;
	background: url(../images/button-gray-right.gif) no-repeat right top;
	color: #FFFFFF !important;
	font-weight: bold;
	font-size: 11px;
	line-height: 22px !important;
	padding: 0 10px;
}
#player #add-tag-tabbutton, #player #add-comment-tabbutton {
    margin: 10px 8px -8px 10px;
}
#player #add-comment {
	float: right;
	margin-left: 10px;
	margin-right: -10px;
}
#player .back-button {
    margin-right: 10px;
}
#player .right-content H2 {
	text-align: left;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}
#player .right-content .rc-container {
	padding: 22px 13px 0 15px;
}
#player .right-content .align-right A {
	color: #1E7CE1;
	line-height: 30px;
}
#player .comment-list {
	text-align: left;
	overflow: auto;
	height: 230px;
}
#player .comment-list .comment-item {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EDEDED;
}
#player .comment-list P {
	padding: 10px 25px 0 0;
	font-size: 11px;
	color: #767676;
}
#player .comment-list P B {color: #444444}
#player .comment-list P SPAN.time {
	display: block;
	color: #1E7CE1;
}
#player .comment-list IMG.align-right {margin-top: 20px;}

#player .submit-form {
	padding: 0 10px 0 0;
}
#player .form-message { /*width: 270px*/; font-size: 11px; text-align: left; line-height: 1.2em; padding-bottom: 7px; max-width:414px; clear:both; display:block; }
#player .form-message.error { color: red; }
#player .form-message.ok {  }

#player .ajax-loader-small { width: 16px; height: 16px; float: right; margin: 5px 15px 0 0; display: none; }

#player .submit-form TEXTAREA,
#player .submit-form INPUT {
	width: 410px;
	height: 140px;
	background: #FFFFFF;
	border: none;
	padding: 0;
	margin: 2px;
}
#player .submit-form INPUT {
	width: 80px;
	height: 23px;
	padding: 5px 0 0 5px;
}
#player .submit-form LABEL {
	color: #2786E7;
	text-align: left;
	font-weight: bold;
	padding: 0 0 0px 4px;
	display: block;
}
#player .submit-form .grey-button {float: right;}
#player .input-area {
	border: 1px solid #E0E0E0;
	margin: 5px 0 10px 0;
}
#player .input-area-lt {
	position: relative;
	left: -1px;
	top: -1px;
	background: url("../images/input-area-lt.gif") left top no-repeat;
}
#player .input-area-rt {
	position: relative;
	right: -2px;
	background: url("../images/input-area-rt.gif") right top no-repeat;
}
#player .input-area-lb {
	position: relative;
	left: -2px;
	bottom: -2px;
	background: url("../images/input-area-lb.gif") left bottom no-repeat;
}
#player .input-area-rb {
	position: relative;
	right: -2px;
	background: url("../images/input-area-rb.gif") right bottom no-repeat;
}
#player .tag-form .input-area {
	float: left;
}
#player .tag-form TEXTAREA {height: 70px;}
#player .submit-form .field-info {
	float: left;
	width: 260px;
	background: url("../images/arrow-left.gif") left top no-repeat;
	padding: 0 0 0 15px;
	margin: 15px 0 0 10px;
}
#player .submit-form .field-info,
#player .submit-form .field-info P {
	font-size: 10px;
	color: #747474;
	text-align: left;
}
#player .player-top.chat-frame {
	background-color: #EAEAEA;
}
#player .player-top.chat-frame .left-content {background: url(../images/bg-chat-frame.jpg) repeat-y left top;}
#player .player-top.chat-frame .chat-text {
	float: right;
	width: 270px;
}
#player .player-top.chat-frame .fixedholder {
    width: 410px;
    height: 155px;
    margin: 0 0 0 15px;
    padding: 0;
    overflow: hidden;
    float: left;
}
#player .player-top.chat-frame .comment-list {
    width: 410px;
    height: 155px;
	margin: 0;
	padding: 0;
	overflow: auto;
}
#player .player-top.chat-frame .comment-item {border: none;}
#player .player-top.chat-frame  .chat-top {
	background: #FFFFFF url("../images/bg-chat-top.gif") left top repeat-x;
}
#player .player-top.chat-frame  .chat-right {
	background: url("../images/bg-chat-right.gif") right top repeat-y;
}
#player .player-top.chat-frame  .chat-bottom {
	background: url("../images/bg-chat-bottom.gif") left bottom repeat-x;
}
#player .player-top.chat-frame  .chat-left {
	background: url("../images/bg-chat-left.gif") left top repeat-y;
}
#player .player-top.chat-frame  .chat-lt {
	background: url("../images/bg-chat-lt.gif") left top no-repeat;
}
#player .player-top.chat-frame  .chat-rt {
	background: url("../images/bg-chat-rt.gif") right top no-repeat;
}
#player .player-top.chat-frame  .chat-lb {
	/* background: url("../images/bg-chat-lb.gif") left bottom no-repeat; */
}
#player .player-top.chat-frame  .chat-rb {
	background: url("../images/bg-chat-rb.gif") right bottom no-repeat;
	padding: 10px 0;
}
#player .player-top.chat-frame P {padding-top: 0;padding-right: 5px;}
#player .player-top.chat-frame .comment-item {padding-top: 12px; }
#player .submit-form.chat-form {
	border-top: 1px solid #EDEDED;
	padding: 5px 12px;
}
#player .submit-form.chat-form LABEL {
	color: #000000;
	display: block;
	padding-bottom: 5px;
}
#player .submit-form.chat-form .input-area {
	float: left;
	width: 325px;
	background: #F3F3F3;
	margin: 0;
}
#player .submit-form.chat-form .input-area INPUT {
	width: 99%;
	background: none;
	padding: 0;
	margin: 0;
}

#player .player-top.chat-frame .ajaxchat-status-message {
    text-align: left;
    margin-top: 5px;
    padding: 0 0 0 5px;
    font-size: 11px;
}

#player .player-top.chat-frame .ajaxchat-status-message.error {
    color: red;
}

#player .flag {
	float: right;
	width: 16px;
	margin: 5px 10px 0 0;

}
#player #comment-list .flag { margin-top: 12px; }
#player .flag-popup {
	width: 125px;
	height: 29px;
	background: url(../images/bg-flag-poup.gif) no-repeat;
	position: absolute;
	top: -10px;
	left: -20px;
	display: none;
}
#player .flag-popup P,
#player .flag-popup {
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font-size: 11px;
}
#player .flag-popup P {padding-left: 5px;}
#player .flag .flag-popup {display: block;}
#button-fullscreen {display: none;}
#player #top-bar { width: 475px; margin-right: 0; background:url(../images/separator.png) no-repeat 100% 8px; padding-right:5px;}
#player #top-bar p.label{ width: auto; float:left; padding: 0; margin-right: 5px; width:102px !important; }

#player .text_scroller{ float:left; }

#player #top-bar .text_scroller{ float:left; height: 31px; }
#top-bar .text_scroller{ height: 31px; }

#player #top-bar .station-title{ float:left; overflow: hidden; }
#player #top-bar .station-title p{ line-height: 31px !important; padding: 0 !important;}

#player #top-bar.networks{ width: 790px; margin-right: 0;}
#player #top-bar.networks .text_scroller{  }
/*#player #top-bar .text_scroller{ width:240px !important; } */

#player #top-bar .text_scroller p{ padding: 0 !important; margin: 0 !important; line-height: 31px !important; }
#player #flag-form h2 { margin-bottom: 15px; }
#player .force-white-bg { background-color: #fff !important;  }
#player #nochat-rc { margin-top: -12px; text-align: left; height: 78px; overflow: auto; }


/* Other ad-hoc styles */


a.add_to_favourites {
    display: inline-block;
    line-height: 1.8em;
    background: transparent url(../images/icon_star.gif) no-repeat scroll left center;
    padding-left: 20px;
    margin-left: 20px;
}

.standard_content { padding: 21px; width: 682px; }
.standard_content a:link, .standard_content a:visited { color: #1E7CE1; }
.standard_content a:active, .standard_content a:hover { color: #000; }

body.popup { background: #fff !important; margin: 0 !important; }
body.popup #container { width: auto !important; margin: 0 0 0 0 !important;  background: #fff !important;}
body.popup #container .standard_content { border: 0; padding: 12px; }
body.popup .content_managed { line-height: 20px; width: 580px; color: #767676; }
body.popup h1, body.popup h2, body.popup h3 { width: 580px; line-height: 1.5em;  }

#MemberLoginForm_LoginForm_error { padding-left: 0; }
#MemberLoginForm_LoginForm_action_dologin {  margin-right: 15px; }

#MemberSignupForm_MemberSignupForm #PasswordGroup { padding-bottom: 0; }

/* ---------------- Fancy Box ------------------- */

html, body {
	height: 100%;
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #666;
	display: none;
	z-index: 30;
}

* html div#fancy_overlay {
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

div#fancy_wrap {
	text-align: left;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../images/fancy_progress.png') no-repeat;
}

div#fancy_loading_overlay {
	position: absolute;
	background-color: #FFF;
	z-index: 30;
}

div#fancy_loading_icon {
	position: absolute;
	background: url('../images/fancy_loading.gif') no-repeat;
	z-index: 35;
	width: 16px;
	height: 16px;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 33px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #BBB;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #000;
	color: #FFF;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0;
	padding: 0;
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../images/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	z-index: 111;
	display: none;
	background-image: url(data:image/gif;base64,AAAA);
	outline: none;
}

a#fancy_left {
	left: 0px;
}

a#fancy_right {
	right: 0px;
}

span.fancy_ico {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112;
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../images/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../images/fancy_right.png') no-repeat;
}

a#fancy_left:hover {
  visibility: visible;
}

a#fancy_right:hover {
  visibility: visible;
}

a#fancy_left:hover span {
	left: 20px;
}

a#fancy_right:hover span {
	right: 20px;
}

.fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_n.png') repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_ne.png') no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_e.png') repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_se.png') no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url('../images/fancy_shadow_s.png') repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_sw.png') no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url('../images/fancy_shadow_w.png') repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url('../images/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	bottom: -33px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(fancy_title_right.png) repeat-x;
}



/********** WAYS TO LISTEN - START **************/

#section_top #side_options_ways{ float:right; width: 211px; margin-top: -45px; border-left: 1px solid #e5e6e6; padding-top: 9px; padding-left: 36px; }
#section_top #side_options_ways h2{ font-weight: bold; font-size: 11px; color: #1e7ce1; }
#section_top #side_options_ways label{ display:block; font-size: 11px; margin-bottom: 6px; }
#section_top #side_options_ways select { margin-bottom: 12px; width: 190px; }

#station_ways_to_listen_panel{ margin-bottom: 11px; }

.ways_to_listen_list li{ padding: 6px; border-bottom: 1px solid #dddddd; line-height: 28px; }
.ways_to_listen_list li.relay_www, .ways_to_listen_list li.relay_internet_partners{ background: url(../images/icon_www.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_direct-to-home_satellite, .ways_to_listen_list li.relay_satellite_1, .ways_to_listen_list li.relay_satellite_2, .ways_to_listen_list li.relay_satellite_radio { background: url(../images/icon_satellite.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_fm, .ways_to_listen_list li.relay_am, .ways_to_listen_list li.relay_digital_radio { background: url(../images/icon_fm.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_hd, .ways_to_listen_list li.relay_dab, .ways_to_listen_list li.relay_short_wave { background: url(../images/icon_hd.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_digital_terrestrial_tv, .ways_to_listen_list li.relay_iptv, .ways_to_listen_list li.relay_cable, .ways_to_listen_list li.relay_freeview { background: url(../images/icon_cable.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_mobile{ background: url(../images/icon_mobile.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_hotels{ background: url(../images/icon_hotels.png) no-repeat 16px 6px; }
.ways_to_listen_list li.relay_podcast{ background: url(../images/icon_podcast.png) no-repeat 16px 6px; display: none;}
.ways_to_listen_list li.no_relays { text-align: center; color: #666; padding-bottom: 20px; }

.ways_to_listen_list li a.title{ display:block; padding-left: 61px; color: #1e7ce1; font-size: 11px; font-weight:bold; margin-bottom: 6px; }
.ways_to_listen_list li a.title:hover{ color:#393939; }
.ways_to_listen_list li a.title.closed{ background: url(../images/icon_arrow_down.png) no-repeat 512px 11px; }
.ways_to_listen_list li a.title.open{ background: url(../images/icon_arrow_up.png) no-repeat 512px 11px; }
.ways_to_listen_list li .desc{ padding-left: 61px; padding-right: 100px; }
.ways_to_listen_list li .desc p{ margin-bottom: 14px; }
#station_ways_to_listen_panel .ways_to_listen_list li .desc a.speaker_right{ margin-right: 30px; color: #4c4c4c !important; }
.ways_to_listen_list li .desc .speaker_right:hover{ color: #1e7ce1; }

.get_in_touch_left{ float:left; width: 296px; padding: 0px 0 10px 0; }
.get_in_touch_right{ float:right; width: 191px; padding: 0px 0 10px 0; }

.get_in_touch_panel{ margin-bottom: 11px; line-height: 1.6em !important; }
.get_in_touch_panel p{ line-height: 1.6em !important; }
.get_in_touch_panel h3{ color: #1e7ce1; font-size: 11px; margin-bottom: 20px; font-weight: bold; }
.get_in_touch_panel .box_content{ overflow:hidden; }

.get_in_touch_panel .get_in_touch_right ul { color: #767676; margin-bottom: 10px; }

.get_in_touch_content { padding-top: 0px; margin-top: 0;}

/********** WAYS TO LISTEN - END **************/


/********** TOOLS - START **************/

#tools #section_top{ background:url(../images/top_panel_tools_back.jpg) #fff no-repeat 447px 100%; }
#wrn_tools_panel{ margin-bottom: 11px; }
.tool{ padding-bottom: 12px; border-bottom: 1px solid #dfdfdf; }
.tool_left{ float:left; width: 220px; margin:0 15px 0 15px; padding: 36px 0 0 0; }
.tool_right{ float:left; width: 280px; padding-top: 36px; padding-bottom: 12px; }
.tool_right h3{ font-size: 1.1em; font-weight: bold; color: #1e7ce1; margin-bottom: 8px; }
.tool_right p{ margin-bottom: 15px; }
.tool_right h4{ font-size: 1.1em; font-weight: normal; color: #1e7ce1; margin-bottom: 6px; }
.tool_right ul{ line-height: 1.7em; color: #767676; margin-bottom: 12px; }
.tool_right ul li{ padding-left: 17px; background:url(../images/bullet_blue.png) no-repeat 0 5px; }
.tool_right .short_desc { margin-bottom: 15px; }
.tool_right .short_desc p { display: inline; }
.more_about_tool{ padding-bottom: 10px; }
a.tool_read_more{ color: #1e7ce1; background:url(../images/arrow_small_blue_right.png) no-repeat 100% 5px; padding-right: 12px; }
a.tool_read_more.close{ background:url(../images/icon_arrow_blue_up.png) no-repeat 100% 5px; }
a.tool_read_more:hover{ color: #4c4c4c; }
.tool_bottom{ margin: 0px; clear:both; /* border-top: 1px solid #dfdfdf; */ padding-top: 12px; color: #626262; }
.tool_bottom .terms_info a{ color: #626262; text-decoration:underline; }
.btn_download{ display: block; float:right; width: 100px; height: 14px; font-size: 1.2em; color:#000000; background: url(../images/arrow_circle.png) right no-repeat; padding: 4px 18px 4px 0; margin-top: -1.4em;  }
.btn_download:hover{ color: #1e7ce1; background: url(../images/arrow_circle_over.png) right no-repeat; }
.tool_left .terms_note { padding: 9px 10px 0 10px; }
.lang-ar .tool_left .terms_note { direction: rtl; padding-bottom: 10px; }
.tool_left .terms_note a { color: #1E7CE1; }
.tool_left .terms_note a:hover, .tool_left .terms_note a:active { color: #222; }

/********** TOOLS - END **************/

/********** HELP - START **************/

#help h1{ color:#1E7CE1; font-size:26px; font-weight:normal; margin: 0 0px 41px 0px; border-bottom: 1px solid #e2e2e2; padding: 0 4px 8px 4px; }
#help .welcome{ padding-left: 21px; }
#help .intro_text p{ font-size: 1.4em !important; color: #1e7ce1; width: 413px !important; }
#help .content_wrapper{ padding: 0 21px 47px 21px; overflow:hidden; }
#help #help_search{ border: 1px solid #e5e5e5; padding: 13px; margin-bottom: 20px; }
#help #help_search label{ font-size: 14px; color: #000000; font-weight:bold; margin-right: 18px; }
#help #search_input{ width: 490px; border: 0px; background:url(../images/search_field_back.png) no-repeat top left; padding: 3px; font-size: 11px; color: #000; margin-right: 10px; }
.btn_help_submit{ width: 27px; height: 19px; background: url(../images/btn_submit_search.png) no-repeat; border: 0; cursor: pointer; }

#help_list{ line-height: 15px; font-size: 1.1em; margin-bottom: 20px; }
#help_list li{ border-bottom: 1px solid #d9d9d9; padding: 6px 0; overflow:hidden; position:relative; }
#help_list li .title{ padding: 0 20px; display:block; background: url(../images/icon_arrow_down.png) no-repeat 662px 0; }
#help_list li .title.open{ font-weight:bold; color: #1e7ce1; background: none; }
#help_list li .answer{ padding-left: 20px; padding-top: 8px; padding-right: 9px; position:relative;  }
#help_list li .answer p{ width: 518px; }
#help_list li .answer .close_answer{ display:block; float:right; width: 12px; height: 12px; background: url(../images/icon_arrow_up.png) no-repeat; }

.btn_ask_a_question{ float:right; display:block; width: 169px; height: 29px;  border: 0; cursor: pointer; }
.btn{ background: url('../images/btn_ask_a_question_l.png') no-repeat; color:#FFFFFF; font-size: 14px; font-weight: normal; }
.btn span{ background: url('../images/btn_ask_a_question_r.png') top right no-repeat; /*display:block; padding: 7px 29px 0 9px;*/ height: 23px;   }
.btn:hover{ color:#FFFFFF; }

.icon_q{ position:absolute; left: 3px; top: 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #1e7ce1; }
.icon_a{ position:absolute; left: 3px; top: 9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #000; }

#ask_a_question_form{ margin-top: 40px; }
#ask_a_question_form label{ display:block; margin-bottom: 4px;  }
label span{ color:#FF0000 !important; }
#ask_a_question_form label.error{ color:#FF0000; margin: -7px 0 16px 0; font-size: 11px; }
#ask_a_question_form h4{ font-size: 1.6em; color: #1e7ce1; margin-bottom: 20px; font-weight: normal; }
#ask_a_question_form .textfield, #ask_a_question_form .textarea{ width: 330px; margin-bottom: 12px; }
#ask_a_question_form .textarea{ border: 1px solid #ddd; padding: 2px; }

#contact .intro_text p{ font-size: 1.4em !important; color: #767676; width: 413px !important; line-height: 1.6em !important; }
#contact .intro_text p a{ color: #1e7ce1; }
#contact .intro_text p a:hover{  }

#contact .content_wrapper{ padding: 0 21px 47px 21px; overflow:hidden; }
#contact_form{ margin-top: 20px; }
#contact_form label{ display:block; margin-bottom: 4px;  }
label span{ color:#FF0000 !important; }
#contact_form label.error{ color:#FF0000; margin: -7px 0 16px 0; font-size: 11px; }
#contact_form h4{ font-size: 1.6em; color: #1e7ce1; margin-bottom: 20px; font-weight: normal; }
#contact_form .textfield, #contact_form .textarea{ width: 330px; margin-bottom: 12px; }
#contact_form .textarea{ border: 1px solid #ddd; padding: 2px; }

#Form_TellafriendForm label{ display:block; margin-bottom: 4px; width: 100%;  }
#Form_TellafriendForm .field{ padding-bottom: 0; }
#Form_TellafriendForm .message{ color:#FF0000; margin: -7px 0 16px 0; font-size: 11px; padding-left: 0; }
#Form_TellafriendForm input.text, #Form_TellafriendForm_Message{ width: 330px; margin-bottom: 12px; border: 1px solid #ddd; padding: 2px; }
#Form_TellafriendForm_Captcha{ margin-left: 0; }

#Form_TellafriendForm_action_tellafriend_send_email { background: url(../images/button-blue-with-arrow-112.png) left top no-repeat; width: 112px; padding: 5px 40px 5px 12px; font-size: 14px; color: #fff; border: 0; }
#Form_TellafriendForm_action_tellafriend_send_email:hover { opacity: 0.7; cursor: pointer; cursor: hand; }

/********** HELP - END **************/


/********** ABOUT US - START **************/

.content_page_with_side_nav .content_wrapper{ padding: 20px 14px 56px 12px; overflow:hidden; }
.content_page_with_side_nav h1{ color:#1E7CE1; font-size:26px; font-weight:normal; margin: 0 7px 41px 7px; border-bottom: 1px solid #e2e2e2; padding: 0 4px 8px 4px; }
.content_page_with_side_nav #side_nav{ width: 160px; float:left; margin-right: 36px; }
.content_page_with_side_nav #side_nav a.active{ color:#000000; }
.content_page_with_side_nav #content{ width: 500px; float: left; }
.content_page_with_side_nav #content h2{ width: 322px; font-size: 1.6em; color:#000000; margin-bottom: 22px; font-weight: normal;  }
.content_page_with_side_nav #content h3{ width: 322px; font-size: 1.4em; color:#1e7ce1; margin-bottom: 26px; line-height: 1.6em; font-weight: normal; }
.content_page_with_side_nav #content p{ width: 322px; margin-bottom: 12px; line-height: 1.5em; }

ul.bottom_links{ margin-top: 30px; line-height: 24px; font-size: 1.2em; }
ul.bottom_links li{ margin-bottom: 5px; }
ul.bottom_links a{ display:block; color: #000; background:url(../images/arrow_small_blue_right.png) 0px 0.6em no-repeat; padding-left: 14px; }
ul.bottom_links a:hover{ color:#1e7ce1; }

.side_images{ width: 156px; float:right; padding-top: 5px; }
.side_images li{ margin-bottom: 41px; }
.side_images li img{ border: 1px solid #434677; }


#contact h1{ color:#1E7CE1; font-size:26px; font-weight:normal; border-bottom: 1px solid #e2e2e2; padding: 0 4px 8px 4px; }
#contact .content_managed{ font-size: 1.4em !important; width: 450px !important; line-height: 1.6em; }
#contact .content_managed p{ width: 450px !important; }


/* Password strength meter */

.testresult{
	font-weight: bold;
	font-size:12px;
	color:#000;
	margin-left:10px;
	padding: 2px 20px;
    position:absolute;
}
.testresult span{
	white-space: nowrap;
}
.shortPass{
	background: #EDABAB;
	border: 1px solid #bc0000;
}
.badPass{
	background: #EDABAB;
	border: 1px solid #bc0000;
}
.goodPass{
    background: #EDE3AB;
    border: 1px solid #BC9F00;
}
.strongPass{
	background: #D3EDAB;
    border: 1px solid #73BC00;
}


/********** REGISTRATION - START **************/

#register .ernie_form { line-height: 18px !important; margin-top: 30px; }
#register .ernie_form .message { padding-left: 218px }
#register .ernie_form .field { padding-bottom: 9px; }
#register .ernie_form .field.readonly { font-size: 12px; }
#register .ernie_form h3 { font-size: 11px; font-weight: bold; color: #1067c3; margin-bottom: 6px; }
#register .ernie_form label { font-size: 12px; width: 200px; margin-bottom: 0; }
#register .ernie_form label em { color: #1067c3; }
#register .ernie_form input.text, #register .ernie_form select { font-size: 12px; width: 300px;}
#register .ernie_form select { width: 305px;}
#register .ernie_form .CompositeField { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e1e1e1; }
#register .ernie_form .CompositeField h2,
#register .ernie_form .CompositeField h3,
#register .ernie_form .CompositeField .field { margin-left: 20px; margin-right: 20px; overflow: hidden;  }
#register .ernie_form .CompositeField .field.password { margin-left: 0; }
#register .ernie_form .optionset li { width: 200px; float: left; margin: 0; border-right: 1px solid #e1e1e1; padding-left: 16px;}
#register .ernie_form .optionset li.valnotloggedin { padding-left: 0; }
#register .ernie_form .optionset li.val30day { border-right: 0; }
#register .ernie_form .optionset label { display: inline; width: auto; float: none; color: #1e7ce1; }
#register .ernie_form .optionset .longLabel { display:block; color:#767676; padding-left: 25px; margin-bottom: 20px; }
#register .ernie_form #PasswordGroup .message { margin-top: -9px; margin-bottom: 5px; }
#register .ernie_form .accountTypeFields { padding-bottom: 0; position: relative; }
#register .ernie_form .accountTypeFields .field { padding-bottom: 0px; }
#register .ernie_form .accountTypeFields label.left { display: none; }
#register .ernie_form .accountTypeFields .message { position: absolute; top: -3px; right: 237px; }
#register .ernie_form .personalFormFields .CompositeField { margin: 0; border: 0; padding: 0; }
#register .ernie_form .personalFormFields .right-col { display: none }
#register .ernie_form .subscriptionFormFields { overflow: auto;}
#register .ernie_form .subscriptionFormFields .left-col { border-right: 1px solid #e1e1e1; }
#register .ernie_form .subscriptionFormFields .CompositeField { padding: 0; margin: 0; width: 320px; border-bottom:0; float: left; }
#register .ernie_form .subscriptionFormFields .bigcheckbox { margin-bottom: 0; }
#register .ernie_form .subscriptionFormFields .bigcheckbox label { font-size: 11px; color: #000; font-weight: bold;}
#register .ernie_form .subscriptionFormFields .bigcheckbox .longLabel { display: block; padding-top: 4px; padding-left: 24px  }
#register .ernie_form .subscriptionFormFields .right-col label { display: inline-block; width: 70px; float: none; font-size: 11px; padding-left: 2px; }
#register .ernie_form .subscriptionFormFields .right-col .fieldgroup { margin-right: 0; }
#register .ernie_form .Actions { text-align: right; margin-top: -48px; }
#register .ernie_form  #MemberSignupForm_MemberSignupForm_AccountType_notloggedin { visibility: hidden; }
#register .ernie_form #AgreeTerms label { width: auto; font-size: 10px; }
#register .ernie_form #AgreeTerms .message { padding-left: 0; }
#register .ernie_form #MemberSignupForm_MemberSignupForm_action_signup { background: url(../images/button-blue-with-arrow-155.png) left top no-repeat; width: 158px; padding: 5px 40px 10px 12px; font-size: 14px; color: #fff; border: 0; }
#register .ernie_form #MemberSignupForm_MemberSignupForm_action_signup:hover { opacity: 0.7; cursor: pointer; cursor: hand; }
#register .ernie_form #MemberSignupForm_MemberSignupForm_error { padding-left: 0; margin-top: -10px; }
#register .ernie_form #label-MemberSignupForm_MemberSignupForm_AccountType_7day {cursor:pointer;}
#register .ernie_form #label-MemberSignupForm_MemberSignupForm_AccountType_30day {cursor:pointer;}
#register .ernie_form #label-label-MemberSignupForm_MemberSignupForm_AccountType_notloggedin {cursor:pointer;}
#register .ernie_form label span { visibility: hidden !important; }
#register .ernie_form #CustomiseReminder { margin: 0 0 15px 0; color: #767676; font-size:12px; font-weight: bold;}
#register .content_managed { margin: 25px 20px 0px 20px; padding-bottom: 5px; border-bottom: 1px solid #E1E1E1; color: #767676; font-size:12px;}
.lang-ar.register .content_managed p { direction: rtl; }

/********** REGISTRATION - END **************/

div#sitemap ul li{ font-size: 14px; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px; overflow:hidden; line-height: 20px; }
div#sitemap ul li ul{ margin-top: 10px; }
div#sitemap ul li li{ font-size: 11px; float:left; width: 220px; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }


#player #button-chat-enabled,
#player #button-chat-disabled,
#player #button-tag { font-size: 9px; color: #fff; position: relative; }

#player #button-chat-enabled span,
#player #button-chat-disabled span,
#player #button-tag span { position: absolute; left: 0; top: 2px; width: 34px; font-size: 9px; display: block;  text-align:center;}

#player #button-chat-disabled { opacity: 0; filter:alpha(opacity=0); cursor: default; pointer: default; } 

#widget_badge { width: 215px; height: 180px;  }

#ChangePasswordForm_ChangePasswordForm_error,
#MemberLoginForm_LostPasswordForm_error { padding-left: 0; }

/* Hide ''* - required fields' on password change form */
#change_password .ernie_form .ernie_required_fields_label { display:none; }

.rtl { direction: rtl; }
.widget-terms.lang-ar .standard_content { direction: rtl; }

#newsletter-subscribe label span { display: none;}

.new_flag { background: #c60011; color: #fff; padding: 2px 2px; margin-left: 3px; text-transform: uppercase; font-size: 7px; font-weight: bold; border-radius: 2px; }
.lang-ar .new_flag { direction: rtl; }

#news .rss-link { text-align: right; display:block; float: right; width: 35%; }
