/* CSS Document */

body {
	/*background-color: #4d5a59;
	background:#4d5a59;*/
	background:#000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #424242;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	color: #0054A4;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0054A4;
}
a:hover {
	text-decoration: underline;
	color: #d25714;
}
a:active {
	text-decoration: none;
	color: #0054A4;
	position: relative;
}

h1{
	margin:0px;
	padding:0px;
}

h2{
	margin:0px;
	padding:0px;
}

#pagebody{
	position:relative;
	width:994px;
	margin:0px auto;
	height:auto;
	background-color:#FFFFFF;
}

#innerbody{
	position:relative;
	margin:0px 11px 0px 11px;
	width:972px;
	height:auto;
	background-color:#000000;
	background-image:url(../images/bg_page.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#Header {
	position:relative;
	clear: both;
	width: 972px;
	height:109px;
}

#kicklogo {
	float: left;
	height: 109px;
	width: 272px;
}
#TopAd {
	float: right;
	height: 60px;
	width: 468px;
	position: relative;
	background:none;
	top: 10px;
	right: 15px;
}

#PartyMode{
	position:absolute;
	right:5px;
	bottom:15px;
	width:120px;
	color:#FFFFFF;
	font-weight:bold;
}

#PartyMode a{
	color:#FFFFFF;
	font-weight:normal;
}

#PartyMode a:active{
	color:#FFFFFF;
	font-weight:bold;
}

#TopNav {
	position:relative;
	clear: both;
	width: 972px;
	height: 30px;
}

#TopNav ul{
	list-style: none;
	margin: 0px;
	padding: 7px 0px 0px 20px;
}

#TopNav li {
	list-style:none;
	float:left;
	margin: 0px 0.05em 0px 0.05em;
}

#TopNav li a {
	width: 7.5em;
	display: block;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	margin:0px;
}

#TopNav li a:hover {
	width: 7.5em;
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration:underline;
}

#BreadCrumbDiv{
	position:relative; width:740px; height:44px; background:url(../images/breadcrumb.png) no-repeat; margin-left:12px; margin-top:25px; float:left;
}

#BreadCrumbDivLarge{
	position:relative; width:948px; height:44px; background:url(../images/breadcrumb_large.png) no-repeat; margin-left:12px; margin-top:25px; clear:both
}

#BreadCrumbDiv div{
	margin:15px 0px 0px 13px;
	color:#FFFFFF;
	font-size:11px;
}

#BreadCrumbDivLargeInner{
	padding-top:15px;
	margin:15px 0px 0px 13px;
	color:#FFFFFF;
	font-size:11px;
	width:500px;
}

#BreadCrumbDiv div a, #BreadCrumbDivLargeInner a{
	color:#FFFFFF;
}

#LeftSideIndex{
	position: relative;
	float: left;
	width: 740px;
	margin-left: 12px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/header_main.png);
	background-repeat: no-repeat;
	background-position:top center;
}

#LeftSide {
	position: relative;
	float: left;
	width: 740px;
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/header_main.png);
	background-repeat: no-repeat;
	background-position:top center;
}

#WholePageContent {
	position: relative;
	width: 948px;
	clear:both;
	margin-left: 12px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/header_main3.png);
	background-repeat: no-repeat;
	background-position:top center;
}

#LeftCol{
	position:relative;
	float:left;
	width:361px;
	padding-left: 6px;
}
#MainHeaderLeft {
	position: relative;
	float: left;
	height:22px;
	font-weight: bold;
	color: #24c7fe;
	padding-left: 13px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#RightCol{
	position:relative;
	float:left;
	width:361px;
	padding-left: 6px;
}
#MainHeaderRight {
	position: absolute;
	left: 373px;
	height:22px;
	width: 320px;
	font-weight: bold;
	color: #24c7fe;
	padding-top: 15px;
	padding-right: 9px;
	padding-bottom: 0px;
	padding-left: 9px;
	
}
.SmallContent {
	background-color: #f1f0f0;
	float: left;
	width: 361px;
	margin-bottom:6px;
}

.SmallContentInnerdiv {
	padding:8px 8px 8px 8px;
	width:auto;
	margin-bottom:10px;
}

.SmallNewsPic{
	position:relative; float:left; width:118px; height:118px; padding:0px; margin:0px;
}

.SmallNewsTextDiv{
	position:relative; float:left; padding:0px; width:213px; height:118px; margin-left:10px;
}

.SmallNewsTextDiv a{
	color:#e81882
}

.SmallNewsTextDiv a:hover{
	color:#36a7e9
}

.SmallNewsTextDiv h2 a{
	font-size:17px; font-weight:bold; color:#e81882
}

.SmallNewsTextDiv h2 a:hover{
	font-size:17px; font-weight:bold; color:#36a7e9; text-decoration:none;
}


#RightSide {
	position: relative;
	float: left;
	width: 196px;
	margin-left: 12px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#ListenLiveDiv{
	position:relative; 
	width:182px; 
	height:116px;
	clear:both;
}

#ListenLiveOverlay{
	position:relative; 
	clear:both;
	width:182px; 
	height:80px; 
	background-image:url(../images/equalizer.gif); 
	background-repeat:no-repeat; 
	background-position:-20px -20px;
	font-size:19px; 
	font-weight:bold; 
	text-align:center;
}

#ListenLiveImage{position:relative; width:196px; height:116px; clear:both;}
#ListenLiveNowPlaying{position:relative; width:182px; height:25px; clear:both; background-color:#e81882}
#OnAir2{ position:relative; float:left; font-weight:bold; color:#FFFFFF; margin-left:5px; margin-top:5px;}
#NowPlayingText2{position:relative; float:left; width:130px; left:0px; top:0px; font-weight:bold; color:#FFFFFF; margin-left:5px; margin-top:5px;}

#DonateForm{
	position:relative;
	margin:0px 6px 0px 6px;
	color:#424242;
	font-weight:bold;
	font-size:11px;
	text-align:justify;
}

#MainHeaderTop{
	position: relative;
	margin-top:8px;
	width: 740px;
	height:37px;
	background-image: url(../images/header_main.jpg);
	background-repeat: no-repeat;
}

#MainHeader{
	position: relative;
	margin-top:8px;
	width: 740px;
	height:30px;
	background-image: url(../images/header_bg_2.jpg);
	background-repeat: no-repeat;
}

#MainHeader2 {
	position: relative;
	margin-top:0px;
	width: 740px;
	height:37px;
	font-weight: bold;
	color: #24c7fe;
	padding-left: 9px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#MainHeader3 {
	position: relative;
	margin-top:0px;
	width: 940px;
	height:37px;
	font-weight: bold;
	color: #24c7fe;
	padding-left: 9px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#MainHeader2 h1{
	font-size:12px;
	color: #24c7fe;
	font-weight:bold;
	margin-left: 5px;
	padding-top:15px;
}

#MainHeader3 h1{
	font-size:12px;
	color: #24c7fe;
	font-weight:bold;
	margin-left: 5px;
	padding-top:15px;
}

#MainContentWhiteBG{
	background-color:#FFFFFF;
}

#MainContent{
	position: relative;
	width: 728px;
	margin-left:6px;
	background-color:#f1f0f0;
}

#MainContent2{
	position: relative;
	width: 728px;
	margin-left:6px;
	background-color:#ffffff;
}

#MainContent3{
	position: relative;
	width: 936px;
	margin-left:6px;
	background-color:#f1f0f0;
}

#MainContentInner{
	padding:18px 8px 8px 8px;
	min-height:795px; height:auto !important; height:795px;
}

#MainContentInner3{
	padding:0px 0px 8px 0px;
	min-height:700px; height:auto !important; height:700px;
}

#Copyright{
	position:relative;
	width:972px;
	clear:both;
	text-align:center;
	font-size:10px;
	color:#FFFFFF
}

#Copyright ul{
	list-style: none;
	margin: 0px;
	padding: 7px 0px 0px 7px;
}

#Copyright li {
	list-style:none;
	margin: 0px 0.05em 0px 0.05em;
	text-align:center
}

#Copyright li a {
	width: 7.5em;
	display: block;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	margin:0px;
}

#Copyright li a:hover {
	width: 7.5em;
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration:underline;
}

.rssTitle{
	font-size:12px;
	font-weight:bold;
	color:#36a7e9;
}

.rssStory{
	font-size:11px;
	color:#424242;
}


.rssDate{
	font-size:11px;
	color:#e81882;
}

.SmallColFooter{
	position:relative; width:196px; height:9px; background:url(../images/side_col_bottom.png) no-repeat; clear:both; margin-bottom:18px;
}

.SmallColBody{
	position:relative; width:196px; height:auto; background:#FFFFFF; clear:both;
}

.SmallColBodyInner{
	position:relative;
	clear:both;
	margin:0px 6px 0px 6px;
}

.SmallColHeader{
	position:relative; width:196px; height:37px; background:url(../images/side_col_top.png) no-repeat; clear:both;
}

.SmallColHeader h2{
	font-weight: bold;
	color: #24c7fe;
	font-size:12px;
	padding-left: 13px;
	padding-top: 15px;
	
}

.SmallColHeaderSpacing{
	margin-top:18px;
}

.styledform fieldset {
  padding:10px;
  border:none;
  width:96%;
  clear:both;
  background-color:#FFFFFF;
  border:1px solid #e81882;
  margin-bottom:10px;
  }
  
.styledfieldset{
	padding:10px;
  border:none;
  width:96%;
  clear:both;
  background-color:#FFFFFF;
  border:1px solid #e81882;
  margin-bottom:10px;
}
  
.styledform legend {
  padding:5px;
  font-weight:bold;
  color:#e81882;
  text-align:left;
  margin:0px 0px;
  font-size:13px;
  background-color:#FFFFFF;
  border:1px solid #e81882;
  
  }
  
.styledfieldset legend{
	padding:5px;
  font-weight:bold;
  color:#e81882;
  text-align:left;
  margin:0px 0px;
  font-size:13px;
  background-color:#FFFFFF;
  border:1px solid #e81882;
}
.styledform div {
  clear:both
  }
  
  .styledform label {
  float:left;
  width:171px;
  height:20px;
  margin-right:0.5em;
  padding-top:5px;
  text-align:left;
  font-weight:bold;
  color:#e81882;
  }
  
  .styledfieldset label {
  float:left;
  width:171px;
  height:20px;
  margin-right:0.5em;
  padding-top:5px;
  text-align:left;
  font-weight:bold;
  color:#e81882;
  }
  
  .styledfield{
  	border:1px solid #e81882;
	width:353px;
	height:21px;
	padding-top:4px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	margin-top:5px;
  }
  
  .stylefieldmini{
  	width:30%;
	border:1px solid #e81882;
	height:21px;
	padding-top:4px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	margin-top:5px;
  }
  
  .styledselect{
  	border:1px solid #cccccc;
	width:366px;
	height:28px;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
  }
  
  .styledbutton{
  	border:1px solid #e81882;
	width:366px;
	height:28px;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	font-weight:bold;
	background-color:#e81882;
  }
  
  .styledtextarea{
  	border:1px solid #e81882;
	width:353px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
  }

.ListNoIndent{
	margin:0px 0px 15px 0px; clear:both; padding:0px; list-style:none; list-style-type:none;
}
.ListNoIndent li{
	display:block; height:auto; width:auto; padding-bottom:24px;
}

.ListNoIndent li h2 {
 	padding:5px 0px 5px 0px; margin:0px; font-weight:normal;
}
.ListNoIndent li h2 a, .ListNoIndent li h2 a:active{
	display:block; width:auto;  font-size:16px; color:#e81882; letter-spacing:1px;
}
.ListNoIndent li h2 a:hover{
	display:block; width:auto;  font-size:16px; color:#24c7fe;
}

.ListNoIndent li a{
	 width:auto; font-size:12px; color:#e81882; font-weight:bold;
}
.ListNoIndent li a:hover{
	width:auto; font-size:12px; color:#24c7fe; font-weight:bold;
}
.ListNoIndent li a:active{
	width:auto; font-size:12px; color:#24c7fe; font-weight:bold;
}

.ListNoIndent li span{
	font-size:11px;
}

.date{
	font-size:11px;
}

.ClearDiv{
	position:relative; clear:both;
}

#WhosChattingLoading{
	background-color:#FFCCFF;
	padding:5px;
	border:#FF99CC 1px dashed;
	font-weight:bold;
	height:20px;
}

#CurrentlyChattingHead{
	background-color:#FFCCFF;
	padding:5px;
	border:#FF99CC 1px dashed;
	font-weight:bold;	
}

#CurrentlyChatting{
	margin:0px;
	padding:0px;
	list-style:none;
	list-style-type:none;
}

#CurrentlyChatting li{
	list-style:none;
	list-style-type:none;
	background-color:#FFCCCC;
	padding:5px;
	border:#FF99CC 1px dashed;
}

#CurrentlyChatting li.AlternateLi{
	background-color:#FFCCFF;
}

.DJProfileListLi{
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding-top:10px; padding-left:10px; padding-right:10px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;
}

.FokListLi{
	background-color:#FFFFFF;
	margin-bottom:10px;
	margin-right:5px;
	padding-top:10px; padding-left:10px; padding-right:10px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;
	float:left;
}

#DJProfileImage{
	position:relative; float:left; width:300px; background-color:#FFFFFF; margin-right:20px; padding-top:10px; padding-bottom:10px; border:1px solid #e81882;
}

.DJProfileContentBox {
	clear:both;
	border:1px solid #e81882;
	padding-top:2px;
	background-color:#ffffff;
}
	
.DJProfileContentBox div{
	clear:both;
	padding:15px;
}

.TableInfo{
	background-color:#FFFFFF;
	border:1px solid #e81882;
	padding:10px;
	width:390px;
}

.TableCellHeader{
	font-size:16px;
	font-weight:bold;
	color:#e81882;
	padding-bottom:5px;
}

.LeftTableCell{
	padding-bottom:5px;
	width:100px;
	font-weight:bold;
	color:#e81882;
}
.RightTableCell{
	padding-left:5px;
	padding-bottom:5px;
}


	#tabs{
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
    #tabs a{
        float:left;
        background:#24c7fe;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
        text-decoration:none;
		color:#ffffff;
    }
    #tabs a span{
        float:left;
        display:block;
        padding:4px 9px 2px 6px;
    }
    #tabs a span{float:none;}
    #tabs a:hover{background-color: #A3BBE6; color: white;}
    #tabs a:hover span{background-color: #A3BBE6;}
    #tabHeaderActive span, #tabHeaderActive a { background-color: #e81882; color:#ffffff;}
    .tabContent {
        clear:both;
        border:1px solid #e81882;
        padding-top:2px;
        background-color:#FFF;
    }
	
	.tabContent div{
        clear:both;
        padding:15px;
    }

#FooterNav ul{
	list-style: none;
	margin: 0px;
	padding: 7px 0px 0px 20px;
}

#FooterNav li {
	list-style:none;
	float:left;
	margin: 0px 0.05em 0px 0.05em;
}

#FooterNav li a {
	width: 7.5em;
	display: block;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	margin:0px;
}

#FooterNav li a:hover {
	width: 7.5em;
	display: block;
	color: #ffffff;
	text-align: center;
	text-decoration:underline;
}


.RedBorderContentBox {
	clear:both;
	border:1px solid #e81882;
	padding-top:2px;
	background-color:#ffffff;
}

.RedBorderContentBox div{
	clear:both;
	padding:15px;
}

.RedBorderTableBox {
	clear:both;
	border:1px solid #e81882;
	padding-top:2px;
	background-color:#ffffff;
}

.RedBorderTableBox div{
	clear:both;
	padding:15px;
}

.RedBorderTableBox h2{
	color:#e81882
}

a.PinkButton{
	background-color:#e81882;
	min-width:25px; width:auto !important; width:25px;
	float:right;
	display: block;
	color:#FFFFFF;
    height: 24px;
    margin-right: 6px;
    padding-right: 5px; /* sliding doors padding */
    text-decoration: none;
}
a.PinkButton span{
	color:#ffffff;
	display: block;
    line-height: 14px;
    padding: 5px 0 5px 5px;
}

a.PinkButton:active {
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

a.PinkButton:active span {
    padding: 6px 0 4px 5px; /* push text down 1px */
} 

a.ProfileLink{
	position:absolute;
	left:0px;
	bottom:0px;
	z-index:9999999;
}

li.NewsListLi{
	background-color:#FFFFFF;
	margin-bottom:10px;
	padding-top:10px; padding-left:10px; padding-right:10px;
	border-bottom:#999999 1px solid;
	border-right:#999999 1px solid;
}












.addtoany_share_save_container{margin:0px 0;}
	ul.addtoany_list{
		display:inline;
		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
		text-indent:0 !important;
	}
	ul.addtoany_list li{
		background:none !important;
		border:0;
		display:inline !important;
		line-height:32px;		list-style-type:none;
		margin:0 !important;
		padding:0 !important;
	}
	ul.addtoany_list li:before{content:"";}
	ul.addtoany_list li a{padding:0 0px;}
	ul.addtoany_list img{
		float:none;
		border:0;
		margin:0;
		padding:0;
		vertical-align:middle;
	}
	ul.addtoany_list a img{
		opacity:.6;
		-moz-opacity:.6;
		filter:alpha(opacity=60);
	}
	ul.addtoany_list a:hover img, ul.addtoany_list a.addtoany_share_save img{
		opacity:1;
		-moz-opacity:1;
		filter:alpha(opacity=100);
	}
	a.addtoany_share_save img{border:0;width:auto;height:auto;}
	
	
.msg {padding:10px 35px 10px 35px;}
.msg {margin-bottom:10px;}
.msg.warning {background:url("../images/icons/ico-warning.gif") 10px 12px no-repeat; border:2px solid #F2DD8C;  background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} 
.msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("../images/icons/ico-info.gif") 10px 12px no-repeat; border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("../images/icons/ico-done.gif") 10px 12px no-repeat; border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("../images/icons/ico-delete.gif") 10px 12px no-repeat; border:2px solid #FFAEAE; background-color:#FEEBEB;}

#ProfileImage{
	position:relative; float:left; width:300px; background-color:#FFFFFF; margin-right:20px; padding-top:10px; padding-bottom:10px; border:1px solid #e81882; text-align:center; min-height:289px; height:auto !important; height:289px;
}

.colourfield{
	border:1px solid #e81882;
	width:98%;
	height:21px;
	padding-top:4px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
}
.colourtextarea{
	border:1px solid #e81882;
	width:98%;
	padding-top:4px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
}

.membermenu_item {
	background: #f9f9f9;
	margin: 0px 0px 4px 0px;
	border:#999999 1px solid;
}

.membermenu_item:hover{
	background: #E81882;
}


.membermenu_item a{
	display:block;
	clear:both;
	padding: 10px 10px;
	color:#666666;
	font-weight:bold;
}

.membermenu_item a:hover{
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	background: #E81882;
}

#AutoDJTimer{
	clear:both;
	margin:20px 0px;
	padding:10px;
	background-color:#E81882;
	color:#FFF;
	font-weight:bold;
	width:406px;
	font-size:14px;
}

#AutoDJTable{
	clear:both;
	margin-top:30px;
	background-color:#000;
	color:#FFF;
	padding:10px 10px 20px 10px;
}

#AutoDJTable table{
	clear:both;
	margin-top:20px;
	background-color:#E81882;
	color:#FFF;
}

#AutoDJTable table td{
	padding:5px;
	color:#FFF;
}

#AutoDJTable table td a{
	color:#FFF;
	text-decoration:underline
}

div.scrollingtext{
		position:absolute;
		white-space:nowrap;
		font-family: 'Wallpoet', arial, serif;
		color:#03F; font-size:26px; font-weight:bold;
	}