/*------------------------- SECTION:RESET -------------------------*/
html { background-color: #FFFFFF; color: #000000; line-height: 1; }
blockquote,body,button,code,dd,dl,div,dt,form,fieldset,h1,h2,h3,h4,
h5,h6,legend,li,input,ol,p,pre,ul,td,textarea,th{ margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border-width: 0; }
address,caption,code,cite,dfn,em,strong,th,var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal; }
q:before,q:after { content: ''; }
abbr,acronym { border-width: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
button,input,textarea,select { font-family: inherit; font-size: 100%; font-weight: inherit; }
legend { color: #000000; }

/*------------------------- SECTION:ACCESS -------------------------*/
*.access { position: absolute; left: -5000px; }

/* Global / General
--------------------------------------------------*/
html { 
	padding: 0 0 5px 0;
	background: #31051c url(/046169/d/galaxyfm.co.uk/img/global/background.gif) repeat-x;
}
body { font-size: 0.625em; }
body, input, select, textarea { font-family: Arial; }

div#page {
	margin: 0 auto;
	position: relative;
	width: 895px;
	z-index: 0;
}
div#page:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

hr { border: none; border-bottom: 1px dashed #ccc; }

div.break { clear: both; margin: 1px; }

a { color: #bc2073; text-decoration: none; }
a:hover { text-decoration: underline; }

strong { font-weight: bold; }



/* logo
--------------------------------------------------*/
div#logo {
	height: 71px; position: absolute;
	top: 122px; width: 300px; left:0;
}
div#logo.f105105 {
    background: url(/046169/d/galaxyfm.co.uk/img/global/logo105106.gif) no-repeat;
}
div#logo.f105 {
    background: url(/046169/d/galaxyfm.co.uk/img/global/logo105.gif) no-repeat;
}
div#logo.f1032 {
    background: url(/046169/d/galaxyfm.co.uk/img/global/logo1032.gif) no-repeat;
}
div#logo.f102 {
    background: url(/046169/d/galaxyfm.co.uk/img/global/logo102.gif) no-repeat;
}
div#logo.f1022 {
    background: url(/046169/d/galaxyfm.co.uk/img/global/logo1022.gif) no-repeat;
}
div#logo a{ display: block; height: 150px; width: 300px; }
div#logo h3 span { display: none; }

/* listenLive
--------------------------------------------------*/
div#listenLive { position: absolute; top: 122px; width: 468px; left:301px;}
div#listenLive a { color: #ed217c; text-decoration: none; }
div#listenLive a:hover { text-decoration: underline; }
div#listenLive p.portrait { position: absolute; right: 5px; top: 0.5em; }
div#listenLive h1 {
	color: #ed217c; font-size: 2.6em;
	background: url(/046169/d/galaxyfm.co.uk/img/global/listenLive/ListenLive.gif) 0 0 no-repeat;
    position:relative;
    top:-5px;
    left: -5px;
}   

div#listenLive h2 { color: #801450; font-size: 1.8em; }
div#listenLive h2 span { color: #ed217c; }
div#listenLive h3 { font-size: 1.2em; font-weight: bold; }
div#listenLive h4 { color: #ed217c; float: left; font-size: 1.1em; margin-right: 3px; }
div#listenLive h4.email{ display: inline; }
div#listenLive div.onAir {
	line-height: 130%;
	background: #fff url(/046169/d/galaxyfm.co.uk/img/global/listenLive/block_top.gif) 0 0 no-repeat;
	float: left; height: 7em;
	padding: 0.5em 5px; position: relative; width: 220px;
}
div#listenLive div.onAir h2 { 
	font-size: 1.9em; font-weight: normal; 
	display: block; height: 18px;   
	padding: 5px 0 0 5px; margin: 0 0 0 5px;
}
div#listenLive div.onAir h2 span{ display:none; }
div#listenLive div.onAir h3 { font-size: 1.4em; font-weight: normal; padding: 2px 0 0px 5px; }
div#listenLive div.onAir h3 a{ color: #000; }
div#listenLive div.onAir p { font-size: 1.1em;  font-weight: normal; padding-left: 5px; }
div#listenLive div.onAir p.time { font-size: 1em;}
div#listenLive div.onAir p.text,  div#listenLive div.onAir p.email{ display: inline; }
div#listenLive div.onAir div.bottom {
	padding:0; padding-right:20px;
	background: url(/046169/d/galaxyfm.co.uk/img/global/listenLive/block_bottom.gif) 0 0 no-repeat;
	position:absolute; top: 8em; 
	z-index: -1;
	width: 100%; height:11px;
	margin:0 0 0 -5px; 
}
div#listenLive div.onAir div#defaultBlock h2 { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/listenLive/onair.gif) 0 0 no-repeat; }
div#listenLive div.onAir div#nextBlock h2 { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/listenLive/onairnext.gif) 0 0 no-repeat; }
div#listenLive div.onAir div#previousBlock h2 { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/listenLive/onairearlier.gif) 0 0 no-repeat; }
div#listenLive div.station p { color: #000; font-weight: bold; font-size: 1.5em; }
div#listenLive div.station {
	color: #5b5b5b;
	background: #fff url(/046169/d/galaxyfm.co.uk/img/global/listenLive/block_top.gif) 0 0 no-repeat;
	float: right;
	height: 5em;
	margin-left: 5px;
	padding: 2em 0 1.2em 0;
	width: 230px;
}
div#listenLive div.station h1 span { display:none; } 
div#listenLive div.station h1 a { display: block; width: 5em; height: 1em; }
div#listenLive div.station a.playerlink {
	position: absolute;
	z-index: 999999;
	display: block;
	height: 25px; width: 25px;
	top: 6em; right: 0;
}
div#listenLive div.station p { display: none; }
div#listenLive div.station .content { margin-left: 20px; }
div#listenLive div.station .bottom {
	z-index: 1;
	padding:0; padding-right:20px; margin: 0;
	position:absolute; top: 4.2em;
	height: 60px; width: 220px;
	background: url(/046169/d/galaxyfm.co.uk/img/global/listenLive/listenlive_bottom.gif) 0 0 no-repeat;
}
div#listenLive div.browse { bottom: -0.2em; position: absolute; right: 5px; width: 70px; }
div#listenLive div.browse a { 
    float: right; 
    margin-left: 2px;
    line-height: 0;
}

/* globalNav
--------------------------------------------------*/
div#globalNav {
	height: 3em;
	left: 0;
	margin-top: 9em;
	position: absolute;
	top: 100px;
	width: 770px;
	font-size: 1.3em; font-weight: bold;
	z-index: 9999999;
}
div#globalNav a { 
	display: block;
	padding-bottom: 0.692em;
	padding-top: 0.615em;
	width: 80px;
	color: #FFFFFF; text-align: center; 
	z-index: 9999999;
}
div#globalNav a:hover { background: url(/046169/d/galaxyfm.co.uk/img/global/globalNav/a.hover.gif) 0 0 no-repeat; text-decoration: none; }
div#globalNav li {
	float: left; margin-right: 5px; 
	background: url(/046169/d/galaxyfm.co.uk/img/global/globalNav/li.gif) 0 0 no-repeat; 
}
div#globalNav li li { margin: 0; }
div#globalNav li.current { background: url(/046169/d/galaxyfm.co.uk/img/global/globalNav/li.current.gif) 0 0 no-repeat; }
div#globalNav li.current a { color: #ED217C; }
div#globalNav li.current a:hover { color: #FFFFFF; }
div#globalNav li.active a { background: url(/046169/d/galaxyfm.co.uk/img/global/globalNav/a.hover.gif) 0 0 no-repeat; color: #fff; }
div#globalNav li.active div.subNav { display: block; }
div#globalNav div.subNav { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/globalNav/subNav.gif) 100% 0 no-repeat;
	display: none;
	padding-top: 10px;
	position: absolute; 
}
div#globalNav div.subNav ul { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/globalNav/subNav/ul.gif) 0 100% no-repeat;
	float: left;
	padding-bottom: 10px;
	width: 140px;
	z-index: 999999; 
}
div#globalNav div.subNav a { 
	font-size: 0.85em; text-align: left; font-weight: normal;
	background-color: #bb2073; background-image: none; color: #FFFFFF; 
	padding: 0 10px;
	padding-bottom: 0.273em;
	padding-top: 0.182em;
	width: 120px;
}
div#globalNav div.subNav a:hover { background-color: #ed217c; background-image: none; }


/* nowPlaying
--------------------------------------------------*/
div#nowPlaying {
	background: url(/046169/d/galaxyfm.co.uk/img/global/nowPlaying.gif) 0 0 no-repeat;
	position: absolute;
	margin-top: 12em;
	padding: 0 10px;
	padding-bottom: 0.65em;
	padding-top: 0.6em;
	top: 127px;
	/* ie7 bug caused by not having this in there */
	left: 0px;
	width: 750px;
}
div#nowPlaying a { color: #887961; }
div#nowPlaying a.next { border-left: 1px solid #887961; }
div#nowPlaying h1 { float: left; color: #ed217c; font-size: 1.25em; font-weight: bold; }
div#nowPlaying h2 { color: #FFFFFF; float: left; padding: 0 10px 0 5px; font-size: 1.25em; font-weight: bold; }
div#nowPlaying div.browse { float: left; padding: 0.1em 0; }
div#nowPlaying div.browse a { float: left; }
div#nowPlaying div.browse a.next { margin-left: 5px; padding-left: 5px; }
div#nowPlaying p { float: right; padding: 0.1em 0; }





/* Promotion - breadcrumbs
--------------------------------------------------*/
div#promotion {
	float: left;
	margin-top: 202px;
	margin-bottom: 5px;
	padding-top: 75px;
	width: 770px;
}
div#promotion h1 { 
	padding: 0.571em 10px; width: 750px; 
	background: url(/046169/d/galaxyfm.co.uk/img/global/promotion/h1.gif) 0 0 no-repeat;
	color: #FFFFFF;font-size: 1.4em; 
}
div#promotion div.breadcrumbs { width: 585px; }
div#promotion div.breadcrumbs a{ color:#FFFFFF; }
div#breadcrumbs p { font-size:1.4em; }

/* Share
--------------------------------------------------*/
div#share { float:right; margin-top: -25px; padding: 0; }
div#share, div#share a { color: #FFFFFF; }
div#share a { font-size: 1.1em; text-decoration: none; }
div#share a:hover { text-decoration: underline; }
div#share p {
	display: inline;
	float: right;
	margin-right: 10px;
	line-height: 2em;
}
div#share p.rss { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/share/rss.png) 100% 0 no-repeat;
	display: none; 
	padding-right: 20px;
}
div#share p.listing { display: inline; }


/* Content 
--------------------------------------------------*/
div#content { 
	background-color: #fff; line-height: 150%;
	float: left;
	padding: 20px;
	position: relative;
	width: 560px; 
    min-height: 350px;
    margin-top: 0px;
}
div#content h1 { color: #831251; font-size: 1.8em; margin-bottom: 1em; }
div#content h2 { color: #000; font-size: 1.6em; }
div#content h2 span { color: #ed217c; }
div#content p { font-size: 1.2em; margin-top: 1em; }
div#content table { font-size: 1.2em; }

div#content .row {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}

div#content .row .pod {
    width: 48%;
    padding-right: 2%;
    float: left;
}

div#content .row .smaller {
    width: 33%;
}

/* Content - Listing 
--------------------------------------------------*/
div#content div.listing { width: 550px; margin: 0 auto; clear: both; } 

div#content ul.featured { /*margin-top: 250px;*/ float: left; }
div#content ul.featured li { border: 1px solid #aaa; margin-right: 10px; width: 288px; }

div#content div.listing ul.articles { margin: 0 5px; }

div#content ul.articles { float: left; }
div#content ul.articles li { 
	background-color: #fff; 
	margin: 10px 0; padding: 5px;
	width: 240px; overflow: auto;
}
div#content ul.articles li h2, div#content ul.articles li h2 a { color: #000; }
div#content ul.articles h2 { text-transform: titlecase; font-weight: bold; }
div#content ul.articles img { float: left; margin-right: 5px; }
p.more { margin:0; padding:0; text-align: right; }

div#content div#feature-article { border-bottom: 1px dotted #ccc; }

div#content div#feature-article { padding-bottom: 5px; }
div#content div#feature-article img { margin-bottom: 10px; }
div#content div#feature-article h2 { margin-bottom: -10px; }
div#content div#feature-article p.more{ margin: 0; padding: 0; text-align: right; }
div#content ul.articles li#mpu {
	overflow: hidden;
	padding: 0; margin: 0;
	margin-top: 10px;
	width: 300px;
	height: 250px;
}


div#content div.listings_mpu ul.articles { /*float: left;*/ }

div#content div.listings_mpu div.mpu { width: 300px; height: 250px; background: #ccc; }

div#content div.showbiz li {  padding: 10px 0; border-bottom:1px dashed #999; }
div#content div.showbiz h2{ color: #bc2073; }



/* Article
--------------------------------------------------*/
div#content div.article { width: 510px; margin: 0 auto; clear: both; }
body#article div#content p { padding: 0 20px; }
div#content div.article { min-height: 400px; }
div#content div.article ul { margin: 10px; }
div#content div.article ul li { display: list-item; list-style: circle; margin-left: 20px; }
div#content div.article ul li { font-size: 1.2em; }
div#content div.article h2, div#content div.article form h2 { font-size: 1.6em; font-weight: bold; }
div#content div.events h2 { margin: 10px 0; }
div#content div.article table p{ font-size: 1em; }



/* Logon
--------------------------------------------------*/
div#logon {
	float: left;
	/*margin-top: 10px;*/
	padding-bottom: 10px;
	width: 165px;
	background: url(/046169/d/galaxyfm.co.uk/img/global/logon.gif) 0 100% no-repeat;
	margin-left:5px;
}
body.home div#logon {
    margin-left:0;
}
div#logon h1 {
	/*margin-top: -10px;*/
	padding: 0px;
	width: 149px;
	height: 32px;
	background: url(/046169/d/galaxyfm.co.uk/img/global/logon/h1.gif) 0 0 no-repeat;
	color: #601860;
	font-size: 1.6em;
    font-weight: bold;
    text-transform: titlecase;
}
div#logon h1 span { position: absolute; right: 9999px; color: #fff; }
div#logon div.accessallareas{
	margin: 0 0 0 10px;
	height: 20px;
	background: url(/046169/d/galaxyfm.co.uk/img/global/logon/vipclubtitle.jpg) 0 0 no-repeat;
}
div#logon a { display: block; margin-left: 10px; text-decoration: none; }
div#logon a:hover { text-decoration: underline; }
div#logon p { margin-top: 0.5em; }
div#logon div.signedin { padding: 0 10px; }
div#logon div.signedin p{ font-size: 1.2em; }
div#logon div.signedin p.username{ font-size: 1.8em; }
div#logon form fieldset { padding: 0 10px; }
div#logon form fieldset p label { font-size: 1.2em; }
div#logon form fieldset p input, div#logon form p button { font-size: 1.25em; }
div#logon form input.text { width: 135px; }
div#logon form button {
	float: right;
	margin-right: 10px;
	padding-bottom: 0.52em;
	padding-top: 0.48em;
	width: 25px;
	background: url(/046169/d/galaxyfm.co.uk/img/global/logon/button.gif) 50% 50% no-repeat;
	color: #FFFFFF;
}

/* localNav
--------------------------------------------------*/
div#localNav {
	background: url(/046169/d/galaxyfm.co.uk/img/global/localNav.gif) 0 100% no-repeat;
	float: left;
	margin-bottom: 5px;
	padding: 10px;
	width: 150px;
}
div#localNav a {
	display: block;
	padding: 3px 5px;
	width: 140px;
	background-color: #EEEEEE;
	color: #000000;
	font-size: 1.25em;
	font-weight: bold;
	text-decoration: none;
}
div#localNav a span {
    position: absolute;
    left: -9999em;
}
div#localNav li {
	margin: 5px 0;
}

/* search
--------------------------------------------------*/
div#search form {
	background: url(/046169/d/galaxyfm.co.uk/img/global/search.gif) 0 100% no-repeat;
	position: absolute; bottom: 1.5em; right: 294px; 
	height: 5em; width: 150px;
	padding: 0 10px;
	z-index: 2;
}
div#search label { 
	color: #ed217c; font-size: 1.2em;
	display: block; padding-bottom: 0.167em; padding-top: 0.417em; 
}
div#search input {
	float: left;
	padding: 0 5px;
	padding-bottom: 0.27em;
	padding-top: 0.24em;
	width: 110px;
	border: 0;
}
div#search button { 
	background: url(/046169/d/galaxyfm.co.uk/img/global/search/button.gif) 50% 50% no-repeat;
	color: #FFFFFF;
	float: right; padding-bottom: 0.52em; padding-top: 0.48em; width: 25px; 
}
div#search form p input, div#search form p button { font-size: 1.25em; }


/* company
--------------------------------------------------*/
div#company ul {
	position: absolute; left: 0; bottom: 3.5em;
	padding: 0.6em 10px 0.8em 10px; 
	width: 420px;
}
div#company h1 { height: 160px; position: absolute; width: 292px; }
div#company ul { background-color: black; font-size: 1.1em; }
div#company ul li {
	float: left; margin-left: 5px; padding-left: 5px; 
	border-left: 1px solid #FFFFFF; 
}
div#company ul li.first { border-left: 0; margin-left: 0; padding-left: 0; }
div#company ul li a { color: #FFFFFF; text-decoration: none; }
div#company ul li a:hover { text-decoration: underline; }
div#copyright p span { font-style:italic; }

/* copyright
--------------------------------------------------*/
div#copyright {
	color: #951057;
	height: 3.5em;
	float: left;
	margin-top: 3em;
	padding: 5px 10px 0 10px;
	position: relative;
	top: 0em;
	width: 750px;
}
div#copyright p {
	margin: 0.5em 0;
}

/* Form
---------------------------------------------------*/	
input.submit { font-size: 1.25em; }
div.formBorder { 
	border: 25px solid #F3F3F3; 
	padding: 15px; margin: 5px 0;
}
/* 
Overriden for inner login forms 
Also because otherwise IE throws the layout off
*/
#loginForm {
    border: 10px solid #F3F3F3;
}
div.formBorder td { padding-top: 5px; }
div.errors, div.errorPanel {
	padding: 10px 20px 10px;
	background: #fffddd;
	border-bottom: 2px solid #f7aa65;
	color: #ed217c;
}
div.errors, div.errorPanel {
    margin-bottom: 15px;
}
div.errorPanel ul {
    padding-left: 5px;
}
div.errors ul {
    margin-left: 15px;
}
div.errors li, div.errorPanel li {
    list-style-type: circle
}
div.errors .hd {
    margin-bottom: 8px;
}
ul.errorlist {
    color: #ED217C;
}


/* skyscraper
--------------------------------------------------*/
div#skyscraper {
	height: 600px;
	position: absolute;
	right: 0;
	width: 120px;
	top: 122px;
	z-index: 99999999px;
}


/* leaderboard
--------------------------------------------------*/
div#leaderboard {
	height: 90px;
	position: absolute;
	left: 0;
	width: 873px;
	top: 0px;
	background: transparent url(/046169/d/choicefm.co.uk/img/leader_bg.png) no-repeat left bottom;
	padding: 11px;
}

#leaderboard .leaderlist{
    position: absolute;
    top: 11px;
    right: 11px;
    width: 125px;
    height: 90px;
    padding-left: 10px;
    overflow: hidden;
    border-left: 1px solid #5b5b5b;
    font-size: 123.1%;
}

#leaderboard .leaderlist h5{
    color: #BC2073;
    font-weight: bold;
}

#leaderboard .leaderlist a{
    color: #FFF;
}
#leaderboard .leaderlist li{
    margin-top: 3px;
}

div#mpu { height: 250px; width: 300px; }

/* Modal
---------------------------------------------------*/	
div#modal { height: 100%; }
div#modal div.overlay {
	display: none;
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1;
	background-color: #000000;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
div#modal div.content {
	display: none;
	position: absolute; left: 25%; top: 30%;
	width: 510px; padding-bottom: 13px;
	z-index: 2;
	background: url(/046169/d/galaxyfm.co.uk/img/global/ajaxpopup.gif) 100% 100% no-repeat;
}
div#modal div.content p.close{ right: 10px; position: absolute; top: 0px; }


/* Special Pages - SendTo
---------------------------------------------------*/	
div#sendTo { background: #fff url(/046169/d/galaxyfm.co.uk/img/global/sendTo.gif) 100% 100% no-repeat; }
div#sendTo fieldset { float: left; /*height: 18em;*/ margin: 10px 0; width: 255px; }
div#sendTo input { width: 200px; }
div#sendTo textarea { height: 4.8em; width: 200px; } 
div#sendTo h1 { font-size: 1.8em; padding: 0 10px; padding-top: 10px; background-color: #FFFFFF; }
div#sendTo p { font-size: 1.2em; padding: 10px; background-color: #FFFFFF; }
div#sendTo p.action { text-align: right; clear: both; padding-right: 40px; }
div#sendTo fieldset { background-color: #FFFFFF; }
div#sendTo fieldset p { padding: 0 10px; padding-left: 40px; }
div#sendTo label { display: block; }
div#sendTo button { font-weight: bold; background-color: transparent; color: #ed217c; }

/* Content - Special Pages - Schedule
---------------------------------------------------*/	
#tab_1, #tab_2, #tab_3, #tab_4, #tab_5, #tab_6, #tab_7  {
	overflow: hidden;
	left: 7px;
	padding-left: 10px;
	padding-right: 10px;
}
#Navigationtabs {
	position: relative;
	bottom: 0px;
}
#Navigationtabs ul#ultabs {
	margin: 0;
	padding: 0;
	position: relative;

}
#Navigationtabs ul#ultabs li  {
	display: inline;
	list-style: none;
}
#Navigationtabs ul#ultabs li a {
	text-decoration: none;
	float: left;
	padding: 10px 6px 3px 0px;
	color: #999999;
	margin-right: 3px;
	list-style: none;
}
#Navigationtabs ul#ultabs a:hover {
	margin-top: 0;
	border-color: #CCCCCC;
	color: #ed217c;
}
#Navigationtabs ul#ultabs li a.defaulttabs {
	border-bottom-color: #FFFFFF;
	color: #000000 !important;
	font-weight: bold;
}
#Navigationtabs ul#ultabs li a.defaulttabs:hover {
	color: #ed217c;
	border-bottom-color: #FFFFFF;
}
#Containertabs {
	width: 100%;
	float: left;
	padding-top: 10px;
	padding-bottom: 30px;
}
div#content .schedule { }
div#tabs{
	padding: 0 0 0 20px;
}
#Navigationtabs ul#ultabs li a {
	font-size: 1.6em;
}
#Navigationtabs {
}
div.schedulewrapper th {
	font-size: 1.4em;
	padding: 10px 5px;
}
div.schedulewrapper th.time { 
	text-align: right; padding-right: 20px; font-weight: normal; }
div.schedulewrapper h2 {
	font-size: 1.4em;
	margin-bottom: 5px;
}
div.schedulewrapper td {
	padding: 10px 5px;
}
div.schedulewrapper tbody tr {
	border-bottom: 1px dotted #ccc;
	margin: 5px 0 2px 0;
}
div.schedulewrapper thead tr {
	border-bottom: 1px solid #ccc;
}
div.schedulewrapper thead th, div.schedulewrapper thead th.time{
	font-weight: bold;
}



/* calendar styles */

#calendarmaincontainer {
	text-align: center;
	
	border: 0;
	padding: 10px;
	margin: 0;
	border: 25px solid #F3F3F3;
}
#calendar-container {
	text-align: center;
	border: 0;
	padding: 0;
	margin: 0;
}
.calendarHeader {
	color: #666666;
	text-align: center;
	font-size: 1.4em;
}
.calendarToday {
	text-align: center;
	font-size: 1.2em;
	padding: 5px;
font-weight: blod;
}
.calendar {
	text-align: center;
	border: 1;
	padding: 5px;
	margin-left:auto;
	margin-right:auto;
}
.calendar td, .calendar th {
    width: 20px;
    font-size:0.9em;
    padding:5px;
}
.calendermonth {
	font-size: 1.5em;
}
#calendarmaincontainer table.calendar tbody tr td a {
	font-size: 1.2em;
	color: #999999 !important;
}
#calendarmaincontainer table.calendar tbody tr td a:hover {
	font-size: 1.2em;
	color: #CC0033 !important;
}

table.calendar tr {
    border-bottom:1px solid #CCCCCC;
}

/********************************************************************/
.js #addevent.hidden{
    display: none;
}

div.event-item { }
div.event-item h3 { margin: 0; padding: 0; }
div.event-item h3 span.eventname { 
	font-size: 1.1em; font-weight: normal; color:#831251;
}
div.event-item p { margin: 10px; padding: 0; }
div.calendar-nav {
    margin-top: 5px;
}
div.calendar-nav a {
    margin: 3px;
}

p.successPanel,
#content .help_forms .message {
    background-color: #F3FCFF;
    border: 1px solid #5FC2EA;
    padding: 20px;
}

.formBorder textarea {
    width: 400px;
    height: 100px;
}
.formBorder {
    margin-bottom: 20px;
}

p a.first-list {
    border-right: 1px solid #000;
    padding-right: 5px;
    margin-right: 5px;
}

/** CSS from old site for photo galleries **/
div.photos {
}

	div.photos div.pagination-top {
		border-bottom: 1px solid #ccc; 
		margin-bottom: 10px;
	}
	
	div.photos div.pagination-bottom {
		border-top: 1px solid #ccc; 
		margin-top: 10px;
	}
	
	div.photos div.albumListing {
		width: 280px; height: 130px; 
		float:left; 
		margin: 5px 0;
	}
		div.albumListing div.albumImage {
			width: 135px; 
			float: left; 
			display: table-cell; 
			vertical-align: middle;
		}
			div.albumImage a {
				display: block;
			}
				div.albumImage a img {
					border:1px solid #ccc; 
					padding: 2px; 
					display: block; 
					margin-left: auto; 
					margin-right: auto;
				}
				div.albumImage a img:hover {
					background: #ccc;
				}
		div.albumListing div.albumInfo {
			width: 140px; float:left;
			color:#666;
			margin:1px 0; padding:0;
		}
			div.albumListing div.albumInfo h3 {
				font-size: 150%;
				line-height: 110%;
				font-weight: bold; 
				margin-bottom: 5px;
			}
			div.albumListing div.albumInfo div.meta {
				font-size: 1em;
				margin-top: 5px;
			}
			
	
	div.photos div.photoListing div.photo {
		float: left;
		display: table-cell; vertical-align: middle;
		width:125px; 
		height: 125px; min-height: 125px;  
		margin: 5px;
	}
		div.photoListing a { 
			display: block; 
		}
			div.photoListing a img {
				position:relative; 
				display: block; 
				bottom:0; 
				border:1px solid #ccc; 
				padding: 2px; background:#fbfbfb; 
				margin-left: auto; margin-right: auto;
			}
			div.photoListing a img:hover {
				background: #ccc;
			}
			
	div.photos div.albumDetail {
		background:#f3f3f3;
		margin: 5px 0; 
		padding: 5px;
		overflow: hidden;
	}
		div.albumDetail p.description {
			margin: 10px 0; padding: 5px 0 10px 0;
			color: #000;
		}
		div.albumDetail p {
			color:#666; margin:10px 0;
		}
		
	div.photos div.photoNav {
		border-bottom: 1px solid #ccc; margin-bottom: 20px;
	}
		#content div.photos p {
			margin:0;
		}
	
	div.photos img.photo {
		position:relative; 
		bottom:0; 
		border:1px solid #ccc; 
		padding: 2px;
		background:#fbfbfb;
		display: block; 
		margin-left: auto; margin-right: auto;
	}
	
	div.photos div.photoDetail {
		margin: 5px 0; background:#f3f3f3; padding: 5px;
	}
		div.photoDetail p.caption {
			margin: 2px 0; padding: 0;
			color: #000;
		}
		div.photoDetail p {
			color:#666; margin:3px 0;
		}

.further_info { float: right; font-size: 1.2em;}
.further_info li { float: left; margin-right: 6px;}
.further_info .last-child { text-align: right; margin-right: 0; }
.further_info img { padding: 2px; border: 1px solid #666;}
.further_info a:hover img { background:#666;}
.further_info span { display: block; }

.gal_preview { overflow: hidden; }
.gal_preview h2 { font-weight: bold; margin-bottom: 1em; }
.gal_preview ul { float: left; width: 260px; }
.gal_preview li {
    float: left;
    margin-right: 6px;
}
.gal_preview .last-child { clear: left;}
.gal_preview img {
    border: 1px solid #CCC;
    padding: 2px;
}
#content .gal_preview p {
    margin: 0 0 1em 0;
}
.gal_preview a:hover img {
    background: #CCC;
}
#content .gal_preview .meta {
    margin: 0;
    color: #666;
}
.thumbImage {
    float: left;
    margin-right: 10px;
}
#content .pod h2 a span {
    color: #000;
    font-weight: bold;
}

/* stuff added to spruce up forms */
table label span, table legend span, .required_help span {
    position:absolute;
    left: -9999em;
}
form table h3 {
    font-weight: bold;
    border-top: 1px dashed #ccc;
    margin-top: 1em;
    padding-top: 1em;
}
#content #vip_register ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding-top: 5px;
}
#content #vip_register li {
    float: left;
    list-style-type: none;
    margin-left: 0;
    margin-right: 12px;
    font-size: 1em;
}


.js #id_postcode,
.js #search_address{
    float: left;
}
.js #search_address{
    margin-left: 10px;
}

#vip_register tr td label{
    display: block;
}
#id_dob label,
#id_dob select{
    clear: none;
    margin-right: 10px;
    float: left;
}


/* help forms starting point */

.vip_forms {
    font-size: 1.2em;    
}
.vip_forms p {
    margin-bottom: 1em;
    color: #666;
    font-size: 0.8em;
}
.custom_form p.hidden {
    display: none;
}
#l_auto_fill,
#id_auto_fill,
#full_address{
    clear: both;
}


#id_auto_fill{
    margin-bottom: 10px;
}

#l_auto_fill{
    display: block;
}

.vip_forms label {
    display: block;
    margin-bottom: 2px;
}
.custom_form .hidden{
    position: absolute;
    left: -999em;
}
.custom_form .form_row label {
    width: 10em;
    clear: left;
    float: left;
    margin-top: 10px;
    font-weight: bold;
}
.custom_form .form_row span{
    float: left;
    margin-top: 10px;
}
.custom_form .vip_forms label {
    display: inline;
}
.custom_form .vip_forms input, .custom_form .vip_forms textarea {
    display: block;
    margin-top: 2px;
}

.custom_form .vip_forms textarea {
    clear: left; /* ff2 fix */
}


.vip_forms .form-row, .custom_form .vip_forms input, .custom_form .vip_forms textarea {
    margin-bottom: 15px;
}
.vip_forms .form-row textarea, .custom_form textarea {
    width: 400px;
    height: 100px;
}
.vip_forms .form-row input[type="text"], .custom_form .vip_forms input[type="text"] {
    width: 300px;
    padding: 3px 0;
}
.vip_forms .form-row input , .vip_forms .form-row textarea,
.custom_form .vip_forms input, .custom_form .vip_forms textarea {
    border: 1px solid #C3C3C3;
    border-top: 1px solid #7C7C7C;
}
.custom_form {
    clear: both;
    border: 25px solid #F3F3F3;
    padding: 20px;
}
.custom_form label span {
    position: absolute;
    left: -9999em;
}
.submit_row button {
    font-size: 120%;
    padding: 3px 5px;
}
#id_confirm {
    display: none;
}
#search button, #logon button {
    border: 0;
}
.custom_form fieldset.radios ul li {
    display: inline;
    padding-right: 15px;
}
.vip_forms fieldset.radios input {
    width: auto;
    padding: 0;
    display: inline;
    margin-bottom: 0;
}
.vip_forms fieldset.radios label {
    display: inline;
}
.custom_form fieldset.radios, .custom_form fieldset.date_field {
    margin-bottom: 15px;
}
#content .custom_form p.help_text {
    margin-top: -13px;
    font-size: 95%;
}
#content .custom_form p.required_help {
     font-size: 110%;   
     color: #666;
}
.custom_form .submit_row {
    margin-top: 15px;
}
.custom_form fieldset.extras input {
    width: auto;
    display: inline;
    margin-bottom: 0;
    margin-right: 5px;
}
.custom_form legend {
    font-weight: bold;
    margin-bottom: 5px;
}
.custom_form fieldset.questions {
    margin: 5px 0 15px;
    padding: 15px 0 5px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.custom_form fieldset.questions input[type="checkbox"] {
    margin-bottom: 15px;
}

.custom_form .questions .form_row label{
    width: auto;
    display: block;
    float: none;
    clear: none;
}

.custom_form fieldset.questions select {
    display: block;
    margin-bottom: 15px;
    margin-top: 3px;
}
.custom_form fieldset.questions ul {
    margin: 5px 0 15px;
}
.custom_form fieldset.questions ul li {
    margin-bottom: 3px;
}
.custom_form .vip_forms fieldset.questions ul li label {
    display: inline;
}
.custom_form .vip_forms fieldset.questions ul li input {
    display: inline;
    margin-bottom: 0;
}
.custom_form .vip_forms ul li input {
    border: 0;
    display: inline !important;
    margin-bottom: 0 !important;
}
#mobile_number{
    margin-top: 10px;
}
#edit_details h2{
    margin-top: 10px;
}

.form_row{
    clear: both;
    overflow: hidden;
    zoom: 1;
}

.custom_form div.vip_forms label{
    display: block;
    clear: both;
}
/* for date fields and radio button lists to appear on one line */
.custom_form div.vip_forms .radios label, .custom_form div.vip_forms .date_field label {
    display: inline;
}
.custom_form div.vip_forms label.required {
    margin-top: 10px;
    display: block;
}
/* prevents the terms and conditions line being squashed up below the input box */
.custom_form div.vip_forms .extras label.required {
    display: inline;
    float: none;
}

div#latestreleases {
    clear: both;
}
div#latestreleases ul li {
    overflow: auto;
	padding: 0 5px 0 50px;
	position: relative;
	border-bottom: 1px dashed #898989;
}
div#latestreleases ul li.alternate {
    background-color: #F8F8F8;
}
div#latestreleases ul li {
    margin-bottom: 10px;
    overflow: none;
    height: 47px;
}
div#latestreleases h3, div#latestreleases h4 {
    font-size: 1.1em;
    display: inline;
    font-weight: bold;
}
div#latestreleases p {
    margin-top: 0;
    font-size: 1.1em;
}
div#latestreleases img { 
    position: absolute; 
    left: 5px; top: 0 
}
div#latestreleases p.actions {
    position: absolute;
    right: 10px;
    top: 0;
    margin-top: 0;
}
div#latestreleases p.actions a.buy {  }
div#latestreleases p.actions a.download {
	margin-left: 2px; padding-left: 4px;
}

/* CSS for logged in users sidebar */
#logged_in {
    margin: 10px;
}
#logged_in strong {
    font-size: 1.1em;
}
#logged_in ul {
    margin: 10px 0;
    font-size: 1.2em;
}
#content div#logged_in a {
    margin: 0;
    padding-bottom: 4px;
}
#copyright a {
    color: #FFF;
}

/* Last five ================================================================ */

.acchide {
    position: absolute;
    left: -999em;
}
.previous_tracks li{
    padding-bottom: 10px;
    border-bottom: 1px dashed gray;
    overflow: hidden;
    position: relative;
    zoom:1;
}
.previous_tracks li.first{
    margin-top: 10px;
    border-top: 1px dashed gray;
}

.previous_tracks li li{
    border: none;
    padding: 0 5px;
    float: left;
    line-height: 1em;
}
.previous_tracks li li.last{
    border-left: 1px solid gray;
}
.previous_tracks li ul{
    position: absolute;
    right: 10px;
    top: 10px;
}

#forgot_password table {
    margin: 10px 0 0;
}
#forgot_password label {
     width: 9em;
     display: block;
     float: left;
}
#forgot_password .datefields label {
    position: absolute;
    left: -9999em;
}

#forgot_password .datefields label.meta {
    position: static;
    float: left;
}

/** 
    choice skin - in master to stop flash or galaxy 
    class is applied to the HTML in order to implement the rule below
**/
html.choice-fmcouk {
    background: #171717 url(/046169/d/choicefm.co.uk/img/background_tile.png) repeat-x top left;
}
.choice-fmcouk div#logo {
    background: url(/046169/d/choicefm.co.uk/img/weblogo_24.png) no-repeat left;
}
.choice-fmcouk div#globalNav li {
    background-image: url(/046169/d/choicefm.co.uk/img/global/globalNav/li.gif);
}
/* div.row seems to be the only thing that differentiates the homepage */

.choice-fmcouk div div.row div#logon h1 {
    background: url(/046169/d/choicefm.co.uk/img/global/login/vipclubtitle.jpg) no-repeat;
     margin: 5px;
 }
.choice-fmcouk div#listenLive div.onAir,
.choice-fmcouk div#listenLive div.station {
    background-image: url(/046169/d/choicefm.co.uk/img/global/listenlive/listenlive_top.png);
}
.choice-fmcouk div#listenLive div.station .bottom {
    background-image: url(/046169/d/choicefm.co.uk/img/global/listenlive/listenlive_bottom.png);
}
.choice-fmcouk div#listenLive div.onAir div.bottom {
    background-position: 0 -1px;
}

.choice-fmcouk div#listenLive div.onAir div.browse {
	display: none
}

.choice-fmcouk .js div#listenLive div.onAir div.browse {
	display: block
}

.choice-fmcouk div#globalNav div.subNav a:hover {
    background-color: #771047;
}
.choice-fmcouk div#newsTicker h1 {
    text-transform: lowercase;
    color: #ED217C;
    word-spacing: 0;
    height: 1em;
}
.choice-fmcouk div#newsTicker h1 span {
    color: #FFF;
    word-spacing: 0;
}
.choice-fmcouk div.home div#logon {
/*    padding-right: 10px; */
}
.choice-fmcouk div#logon h1 {
    background-image: url(/046169/d/choicefm.co.uk/img/global/login/h1.gif);
}
.choice-fmcouk div#logon form button,
.choice-fmcouk div#search form p button {
    cursor: pointer;
}
.choice-fmcouk div#copyright p {
    color: #FFF;
}

.addthis_toolbox{
    display: none;
    margin: 12px 0;
}

/* Search ================================================================ */
/* hide results if we have js, this prevents a flash of unstyled content. */
body.js .refine_results, body.js .bing_refine_results, body.js #gusto_pane, body.js #bing_pane{
    visibility: hidden;
}
div#content.search{
    width: 420px;
}
div#content.search div.article{
    width: 420px;
    min-height: 600px;
}
.search hr{
    width: 100%;
    border-top: 1px dashed rgb(48, 36, 82);
    margin: 10px 0px 10px 0px;
}
#bing_pane h2{
    margin-bottom: 2px;
    color: #52506F;
    font-weight: normal;
}
div#content div.article p.disclaimer{
    margin-top: 2px;
}
div#content div.article h2.search-details{
    font-weight: normal;
    font-size: 1.2em;
}
div#content div.article h2.search-details em{
    font-weight: bold;
}
div#content ol.bing_results h2 {
    font-size:123.1%;
    margin-bottom:0;
}
div#content ol.bing_results h2 a {
    color: #0044CC;
    font-weight: 200;
    text-decoration: underline;
    font-size: 125%;
}
div#content ol.bing_results p{
    margin: 2px 0px 0px 0px;
}
div#content ol.bing_results p.meta{
    margin: 0px 0px 1em 0px;
}
div#content ol.bing_results p.meta cite{
    color: #388222;
}
div#content ol.bing_results p.meta a{
    color: #5077BB;
}
div#content ol.bing_results span.cache_original_url{
    display: none;
}
#results_filter li {
    padding-top:5px;
}
#results_filter {
    margin-bottom: 20px;
}
ol.bing_images{
    margin-top: 12px;
    margin-bottom: 10px;
}
ol.bing_images li{
    display: inline;
}
.bing_related{
    float: left;
    margin-right: 20px;
}
.bing_related a{
    color: #0044CC;
}
div#content p.search_selector{
    margin-bottom: 10px;
    font-weight: bold;
}
.search_selector a{
    font-weight: normal;
}
.search_selector a.current_search{
    text-decoration: none;
    cursor: default;
    font-weight: bold;
}
.search_selector em{
    color: #BC2073;
}
.search_selector img{
    margin-bottom: -6px;
}
.bing_image a img{
    height: 80px;
}
div#content div.article h2.related_searches{
    color: #524F51;
    font-weight: normal;
    font-size: 1.5em;
}
ol.bing_related li a{
    font-size:1.2em;
    font-weight:300;
}

/* Results Filter ================================================================ */
#bing_search{
    background: url('/046169/d/galaxyfm.co.uk/img/global/mini-bing.png') no-repeat 4px -2px;
    padding-left: 50px;
    padding-bottom: 5px;    
}
form.bing_refine_results {
background:none repeat scroll 0 0 #EDEDED;
margin-bottom:0.92em;
padding:0.46em 6px;
position:relative;
width:420px;
}
form.bing_refine_results label {
    width:162px;
    font-weight:bold;
    padding-right:6px;
    padding-top:.36em; /* 4px from base 11 */
    margin-top: 2px;
    text-align:right;
    float:left;
}
form.bing_refine_results input {
    width: 200px;
    color:#77787B;
    float:left;
    font-size:1.5em;;
    height:16px;
    margin-right:5px;
    padding:1px 0.365em;
    width:180px;
}
html.ie6 form.bing_refine_results div.bing_search_box{
    margin-left: 0px;
    position: absolute;
}
html.ie6 form.bing_refine_results div.bing_search_box input.bing_button{
    left: 170px;
    position: absolute;
}
html.ie6 form.bing_refine_results div.bing_search_box input {
    margin-top: 0px;
    left: 0px;
    position: absolute;
}
html.ie7 form.bing_refine_results div.bing_search_box{
    margin-left: 0px;
    position: absolute;
}
html.ie7 form.bing_refine_results div.bing_search_box input.bing_button{
    left: 170px;
    position: absolute;
}
html.ie7 form.bing_refine_results div.bing_search_box input {
    margin-top: 0px;
    left: 0px;
    position: absolute;
}
form.bing_refine_results div.bing_search_box{
    background-color:#FFFFFF;
    border:1px solid #999999;
    margin-left: 168px;
    width:194px;
    padding: 0px 0px 22px 0px;
    margin: 1px 0px 0px 168px;
}
form.bing_refine_results div.bing_search_box input.bing_button{
    background:url("/046169/d/galaxyfm.co.uk/img/global/bing-search-icon.png") no-repeat scroll 0 0 transparent;
    border: none;
    height:18px;
    width:18px;
    margin-right: 0px;
    margin-top: 2px;
    color: transparent;
}
form.bing_refine_results div.bing_search_box input {
    border: none;
    width: 158px;
    outline:0 none;
    margin-top: 2px;
    border-color: transparent;
}
form.refine_results input.search_box{
    width: 315px; 
    font-size: 1.4em;
}
form.refine_results label{
    display: none;
}

/* Sponsored Search ================================================================ */
div#sidebar{
    float:right;
}

div#localNav.sponsored_search{
    background: #FFFFFF;
    width: 300px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 10px 10px 10px 0px;
    float: none;
}
div.sponsored_search h2{
    font-size: 150%;
    font-weight: normal;
    color: #8F0051;
}
div.sponsored_search p {
    clear:both;
	margin-left:5px;
}
ul.sponsored_results li{
    background: #EEEEEE;
    padding: 10px;
}
ul.sponsored_results li h3{
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 5px;
}
div#localNav a.bing-link{
    background-color: #FFFFFF;
    float: left;
    margin-left: 10px;
}
div#localNav p.disclaimer{
    margin: 5px;
    clear: left;
}
div#localNav ul.sponsored_results li p{
    margin-bottom: 5px;
    font-size: 110%
}
div#localNav ul.sponsored_results li p.url{
    margin-bottom: 0px;
}
div#localNav ul.sponsored_results li p a, div#localNav ul.sponsored_results li h3 a{
    color: #CD0073;
    padding: 0px;
    width: auto;
}

/* Login In Search Page ============================================================ */
body.search div#logon{
    margin-top: 5px;
    width: 305px;
    background: #ffffff;
    padding-bottom: 0px;
}
.choice-fmcouk div#logon h1{
    margin-top: 3px;
    margin-left: 9px;
    background: url("/046169/d/galaxyfm.co.uk/img/global/logon/accessallareas-trans.gif") no-repeat scroll 0 0 transparent;
}
body.search div#logon p{
    margin-bottom: 0.5em;
}
body.search div#logon p button{
    margin-right:2em;
    margin-top:-2.5em;
}
body.search div#logon p.textfield{
    display: block;
    margin-right:22px;
    float: left;
    width: 120px;    
    margin-bottom: 0.75em;
}
/* The margins and vlines below position the labels above each input box. */
body.search div#logon p.textfield input{
    width: 130px;
}
body.search div#logon p.textfield label{
}

/* Bing Search Pagination ============================================================ */
#bing_pagination{
    margin-top: 30px;
    margin-bottom: 60px;
}
div#content div.article .bing_pagination{
    margin: 0px;
}
div#content div.article .bing_pagination li{
    float: left;
    list-style: none;
    margin: 0px;
}
.bing_pagination li a{
    padding: 10px;
    color: #0044CC;
}
.bing_pagination li a.selected_page, .bing_pagination li a.numeric_page:hover{
     background-color: #EDEDED;
     color: #000000;
     text-decoration: none;
}