/* ------------------------------------------------------------------------------------------------------- */
/* MIX-TONES.COM                                   ------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------- */

body {
	border: none;
	margin: 0 0 50px 0;
	padding: 0;
	text-align: center;
	background-color: #1d1d1d;
}

body, div, p, th, td, li, dd {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: black;
}

#wrapper {
	width: 797px; /*797*/
	margin: 0 auto;
	text-align: left;

}

#header {
	width: 797px;

}


/* --------------------------------------------------------------------------------------
	NAV
   -------------------------------------------------------------------------------------- */

div#navcontainer {
	float: left;
	width: 100%;
    background-color:transparent;
    height: 38px;
    background-image: url(../images/layout/nav_bck.gif);
    background-repeat: repeat-x;

}

ul.nav { margin: 0; padding: 0; width: 100%; height:38px;}

ul.nav li {
    float: left;
    display: inline;
    list-style-type: none;
    padding: 0;
    margin: 0;
    /*background: url(../images/layout/nav_divide.gif) no-repeat 0 70%;*/
}

ul.nav li.first, ul.nav li.first a { background-image: none; margin-left: 0; }

ul.nav li  a, ul.nav li  a:visited {
    float: left;
    font-size: 14px;
    text-decoration: none;
    color: #000000;
    height: 38px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 20px;
}
ul.nav li  a:hover {
    text-decoration: underline;
    background-color: transparent;
    background-image: url(../images/layout/hover.gif);
    background-repeat: repeat-x;
    text-decoration: underline;
}

ul.nav li  a.on {

    background-color: transparent;
    background-image: url(../images/layout/on.gif);
    background-repeat: repeat-x;
    color: #cccccc;
    text-decoration: none;
}

/* --------------------------------------------------------------------------------------
	NAV END
   -------------------------------------------------------------------------------------- */



#content {
	float: left;
	width: 797px;
	padding-top: 0px;
	padding-bottom: 0px;
   background-color: #1d1d1d;


}
/* --------------------------------------------------------------------------------------
	HOME PAGE
   -------------------------------------------------------------------------------------- */
	p#top_line_country0{
		height: 20px;
		visibility: hidden;
		}
	p#top_line_country1{
		height: 20px;
		text-align: center;
		color:#666666;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		visibility: visible;
		}
		
#player{
    float: left;
    width: 550px;
	 height: 600px;
    margin-top: 0px;
    padding: 0px;
    padding-left: 20px; /* 10 after 14 */
    padding-top: 0px; /* 25*/
	 padding-right: 20px;
	background-color: transparent;;
	 background-image: url(../images/layout/bck1.gif);
	 background-repeat: repeat-x;
}

#right_column{
	
    padding-left:20px;
	 height: 600px;
	 
    margin-left: 590px; /* 610  after 612  */
    margin-right: 0px;
	 margin-top:0px;
    padding-top:28px;
	 background-color: transparent;
	 background-image: url(../images/layout/bck0.gif);
	 background-repeat: repeat-x;

}

#footer {
	
	clear: both;
	width: 797px;
   text-align: center;
	font-size: 11px;
	font-weight: bold;
	
 
}

#footer span { color: #333333; font-weight: normal; }
#footer a { color: #c04d00 }

/* --------------------------------------------------------------------------------------
	PAGES
   -------------------------------------------------------------------------------------- */
/*
div#content.affiliates {
	width: 782px !important;
	background: #efefef url(../img/layout/page_foot_for_sub.gif) no-repeat bottom left !important;
	padding-right: 0px;
	padding-left: 15px;
	padding-bottom: 25px;
    background-color: #525252;
}
*/

div#content.artists, div.affiliates, div#content.help {
    width: 767px !important; /* 782 */
	padding-right: 0px;
	padding-left: 30px; /* 10px */
	background-color: #525252;
}

div#subcontent.affiliates {
     background-color: #525252;
}


div.artists p, div.affiliates p {
 color: #F5FFFA;
}
/* --------------------------------------------------------------------------------------
	HELP PAGE
   -------------------------------------------------------------------------------------- */
#help_col1 {
    float: left;
    width: 294px;
    margin: 0px;
    padding: 0px;
    padding-left: 0px;
    padding-top: 0px;

}
#help_col2{
    padding: 0px;
    margin-left: 440px;
    margin-right: 0px;
    padding-top: 0px;

}
#help_col1 p, #help_col2 p{
  color:#F5FFFA;
}


/* --------------------------------------------------------------------------------------
	TEXT
   -------------------------------------------------------------------------------------- */

h1 {
	padding: 0; margin: 20px 0 15px;
	color: #ff9900;
	font-size: 18px;
	font-weight: Normal;
}



h2 {
	padding: 0; margin: 18px 0 15px;
	color: #e05a00;
	font-size: 12px;
	font-weight: bold;
}

p { margin: 0 0 10px; padding: 0;}

em { font-style: normal; font-weight: normal; color: #ff9900 }

div.alert {
	background-color: #ffc3c3;
	padding: 5px;
	margin: 2px 0;
	border: 1px solid #ff2727;
	font-size: 12px;
	font-weight: bold;
}

hr { color: #cccccc; height: 1px; border: 0; width: 140px;background-color: #cccccc; float:left; margin-top: 10px;}

/* --------------------------------------------------------------------------------------
	FORMS
   -------------------------------------------------------------------------------------- */

form { padding: 0; margin: 0; background-color: #525252; }
   
fieldset {
	border: 0;
	padding: 0;
	margin: 33px 0 0 0;
}
form div.row {
	clear: both;
	margin: 5px 0;
}
form label {
	float: left;
	width: 90px;
	color: #fff;
}
form div.buttons {
	margin-top: 30px;
	text-align: left;
	margin-left: 90px;
}

input.inp { width: 200px }
textarea.inp { width: 300px; height: 100px }

div.affiliates form label { width: 130px }
div.affiliates textarea.inp { width: 400px; height: 50px }

input.error,
textarea.error,
select.error {
	/*background-color: #ffe1e1;
	background: #FFF4F4 url(/../img/icons/delete.gif) no-repeat 100% 50%;*/
	background: #FFF4F4;
	border: 1px solid #E36E6E;
	color: #D2201F;
}

div.alerts {
	margin: 5px;
	padding: 15px 0px 15px 15px;
	border: red 3px solid;
	background-color: white;
   width:715px;

}
div.alerts h3 {
	font-size: 14px;
	padding: 0; margin: 5px 0 0 0;
}
div.alerts ul { padding: 0; margin: 5px 5px 5px 15px}
div.alerts ul li {
	font-size: 90%;
	list-style-image: url(../img/icons/small-x.gif);
}
div.alerts ul li.msg { list-style-image: url(../img/icons/v.gif) }

div.alerts p { margin: 0; padding: 0 }
div.alerts p em { color: #C00; font-style: normal; font-weight: bold; }

p.msg {
	background: #FFC url(../img/icons/tick.gif) no-repeat 5px 50%;
	margin: 5px;
	padding: 5px 10px 5px 25px;
	border: #FC6 1px solid;
}
p.error { color: red }