/* CSS Document */
body{
	background-color:#EDEDED;
	background-image:url(http://xion.fm/images/mainBodyBg1.gif);
	background-repeat:repeat-x;
	
	background-repeat:repeat-x;
	width:100%;
	color:#FFFFFF;
	font:"Georgia", Times New Roman, Times, serif;
	margin:0px;
	padding:0px;
}
#wrapper{
	width:1000px;
	position:relative;
	
}
#logo{
	position:absolute;
	z-index:2;
	top:-36px;
	left:776px;
	
}
#headerImage{
	width:1000px;
	height:300px;
	border:thin;
	border-color:#666;
	margin-top:65px;
	background-color:#131313;
		position:relative;

	
}
ul {
list-style-type:none;
}
.h11{
	color:#CCC;
	font-size:22px;
}
.h14{
	color:#6d7909;
	font-size:18px;
}
.h13{
	color:#775f09;
	font-size:18px;
}
.h12{
	color:#f4eeb9;
	font-size:18px;
}
element.style {
color:#999999;
}
input{
-x-system-font:none;
font-family:arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px 3px;
}
#main_content {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ddd none repeat scroll 0 0;
padding:15px;
color:#333;
float:left;
width:650px;
	position:relative;


}
#player{
	-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ccc none repeat scroll 0 0;
color:#333;
float:right;
width:310px;
	position:relative;
	padding-top:5px;
		padding-bottom:5px;



}
#footBack{
	background-color:#000;
	height:600px;
	position:relative;
	vertical-align:bottom;
	width:1000px;
	padding:0px;
	position:relative;
padding-bottom:20px;
	
}
#clear{
	clear:both;
	
}
#footerUp{
width:980px;
background:#ddd none repeat scroll 0 0;
color:#ccc;
height:200px;
color:#666;
padding:0px;
font-size:13px;
position:relative;
padding-bottom:20px;
padding-left : 20px;
}
#footFoot{
	width:1000px;
background:#333 none repeat scroll 0 0;
color:#999;
height:100%;
position:relative;

}
#cc{
width:1000px;
background:#ddd none repeat scroll 0 0;
color:#333;
height:40px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
vertical-align:middle;
padding-top:15px;
position:relative;
}

#footer_links_container {
padding-bottom:20px;
width:950px;
}
.footer_list {
display:inline;
position:relative;
margin:20px 0 0 0px;
width:300px;
}
a {
color:#eee;
cursor:pointer;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
text-decoration:none;
position:relative;
}
a:hover {
color:#008EE8;
text-decoration:underline;
position:relative;
}

h4{
position:relative;	
}
#middle{
	
	background-repeat:repeat;
	border:#CCCCCC 2px solid;
	overflow: auto;
	opacity:0.85;
	filter:alpha(opacity=80);
	/*overflow-x:visible;*/
    width:650px;
	position:relative;

}
#middle1{

	position:absolute;
	z-index:998;
	/*overflow-x:visible;*/
}
.welmsg{
	/*text-align:center;*/
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFCC00;
}
.head_color{
color:#000;
}
.white_color {
	color:#333;
}

.border_thin {
	border:1px #FFF solid;
}
.padded{
	padding-left: 15px;
	padding-right:15px;
	text-align: justify;
}
.btn{
	background-color:#457E94;
	color:#ffffff;
	border:#cccccc 1px solid;
	font-weight:bold;
	font-size:16px;
}
.faq{
	/*text-align:center;*/
	font-size:16px;
	font-weight:bold;
	color: #444;
	letter-spacing:0.5px;
}
.style1 {color: #FF6600; font-size:14px;}


.cote{
	color: #8888EE;
	font-weight:bold;
	padding-left:20px;
	padding-right:30px;
}
.home{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color: #FFFFFF;
	font-weight: bold;
	line-height:18px;
	letter-spacing:1px;
	padding-left:20px;
	padding-right:30px;
}
#songs {
	font-size:16px;
	color:#333;
	padding:0px 10px;
	margin: 0px;
}
#loading {
	position:absolute;
	z-index:10000;
	left:450px;
	top:220px;
	height:40px;
	width:200px;
	}
#overlay {
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(../images/tbl_bk.gif);
	background-repeat:repeat;
	z-index:9999;
	opacity:0.7;
	left:0px;
	top:0px;
	
	}
	img {
	border:none;
	}
		#ad{
			width:310px;
	float:right;
	position:relative;

	}
	#ads{
	-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ccc none repeat scroll 0 0;
color:#333;
float:right;
width:310px;
	position:relative;
	padding-top:5px;
		padding-bottom:5px;

	}
	#ads2{
	-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ccc none repeat scroll 0 0;
color:#333;
float:right;
width:310px;
	position:relative;
	padding-top:5px;
		padding-bottom:5px;
			position:relative;


	}
	#banner{
	-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ccc none repeat scroll 0 0;
color:#333;
float:right;
width:310px;
	position:relative;
	padding-top:5px;
		padding-bottom:5px;
	}
	#songname {
	font-size:18px;
	color:#333;
}

#songname a{
	font-size:12px;
	color:#888888;
}
	
.page_top_nav_container {
background:transparent url(/images/page_top_nav_bg.png) no-repeat scroll 0 0;
height:42px;
margin:0;
padding:0;
}
ul.page_top_nav li {
float:left;
height:42px;
margin:0;
position:relative;
z-index:99999;
}
ul.page_top_nav {
height:42px;
margin:0;
padding:0 1px;
position:relative;
z-index:12;
}
ul.page_top_nav li.first a.selected {
background:transparent url(images/page_top_nav_hov.gif) no-repeat scroll 0 0;
border-left:medium none;
margin-left:0;
}
th.on{
	text-decoration:underline;
	
	
}
th.off{
}
th.selected{
	color:#F00;
}
#bot{

-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ddd none repeat scroll 0 0;
color:#333;
float:left;
width:950px;
	position:relative;
	padding-top:5px;
		padding-bottom:5px;
		padding-left:50px;
		margin-top:6px;



}

#boot{

-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
background:#ddd none repeat scroll 0 0;
color:#333;
float:left;
width:995px;
	position:relative;
	padding-top:5px;
		padding-bottom:5px;
		padding-left:5px;
		margin-top:6px;



}


#rssFeeds
{
    

-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;

background:#ddd none repeat scroll 0 0;
color:#333;
float:left;
width:990px;
	position:relative;
				padding-left:10px;
				padding-top:5px;




}
.title{
	padding-left:20px;
	 font-size:24px;
	 color:#457E94;
	 padding-top:10px;
	 
}
#title{
	width:622px;
	height:43px;
}
	
	#popupbox{
	background:#eee;
	margin: 0;
	margin-left: 30%; /* This gets it relatively center on the screen */
	margin-right: 45%; /* This gets it relatively center on the screen */
	/*padding-top: 10px;   Make the text not touching the top on the login box */
   /*width: 40%; For centering it on the screen */
  /*height: 150px;  The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
	/* background: #FBFBF0; Login Box background color. Change this if desired. */
  border: solid #333 2px; /* Makes a black border around the login box */
	z-index: 16; /* Makes it on top of everything else */
	font-family: arial; /* Sets the font */
	color:#333;
	left:0px;
	display:none;
	top:400px;
	font-size:12px;

	
}

	
	#ForgotPassword{
	background:#eee;
	margin: 0;
	margin-left: 30%; /* This gets it relatively center on the screen */
	margin-right: 45%; /* This gets it relatively center on the screen */
	/*padding-top: 10px;   Make the text not touching the top on the login box */
   /*width: 40%; For centering it on the screen */
  /*height: 150px;  The height of the login box */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
	/* background: #FBFBF0; Login Box background color. Change this if desired. */
  border: solid #333 2px; /* Makes a black border around the login box */
	z-index: 16; /* Makes it on top of everything else */
	font-family: arial; /* Sets the font */
	color:#333;
	left:0px;
	display:none;
	top:400px;
	font-size:12px;

	
}
#loginBar{
	position:absolute;
	top:-30px;
	left:15px;
	z-index:9;
	width:315px;
	
}
#SearchBar{
	position:absolute;
	top:-30px;
	left:325px;
	z-index:6;
	width:500px;
	
}
a.login{
	color:#CCC;
	text-decoration:none;
}
a.login:hover{
	color:#CCC;
	text-decoration:underline;
}
a.textLink{
	color:#333;
	font-weight:800;
}
a.textLink:hover{
	color:#999;
	text-decoration:underline;
	
}


.SubnavMenu a {
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-family: "Times New Roman", Verdana, Arial;
	font-size: 12px;
	border-top-width:1px;
	border-bottom-width:1px;
	border-bottom-color:black;
 border-bottom-color :black;
	border-bottom-style:solid;
	
	
	
}
.SubnavMenu
{
	background-color:white;

}

.SubnavMenu a:hover {
	color: black;
	
	
}
#dropmenudiv{
position:absolute;
border-top: 1px solid black;
border-bottom: 1px solid black;
border-left:1px solid black;
border-right:1px solid black;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}