@import url(../base.css);
@import url(browseitem.css);
@import url(albumtracklist.css);
@import url(tracklist.css);
@import url(flashmix.css);
@import url(2col.css);
@import url(build32.css);
@import url(mixtrigger.css);
@import url(lettersearch.css);
@import url(trackdetails.css);


body{
	text-align: center;
	background-color: #fe4600;
	background-image: url(mix_background2.jpg);
	/*font-family: Arial, Helvetica, sans-serif;*/
        font-family: arial,helvetica,sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	background-repeat:repeat-x;
	background-position: top left;
}

/* to set font size for editmix page #xtracklist */
table th {
        font-size: 12px;
}

#content{
	text-align: left;
	margin: 0px auto;
	width: 952px;
	background-image:url(content_bg.gif);
	padding-left: 6px;
	padding-right: 6px;
}

#head_nav{
	width: 940px;
	height: 25px;
	background-image: url(head_navbar.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 2px;
	color: white;
	padding-right:8px;
	padding-left: 4px;
	font-weight: bold;
}

#head_nav a{
	color: white;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
}

#head_nav a:hover{
	color: #ffbb28;
	text-decoration: none;
}

#head_nav span {
    vertical-align: middle;
    float: left;
    padding-top: 4px;
}
#head_nav span.rightnav {
    float: right;
    padding-left: 5px;
}

#lcol{
	width: 751px;
	float: left;
}

#rcol{
	width: 190px;
	float: right;
}


#grad_stripe{
	background-image: url(grad_stripe_yellow.gif);
	width: 100%;
	height: 1px;
	font-size: 0px;
	background-repeat: no-repeat;
}

#orange_nav {
	background-image: url(orange_nav.gif);
	height: 34px;
	background-repeat: repeat-x;
	border-bottom: 1px solid black;
        position: relative;
        padding: 0;
        margin: 0;
}

#loginForm input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 80px;
	margin-left: 4px;
}

.white_page{
	background-image: url(white_bg.gif);
	background-color: white;
	background-repeat: repeat-x;
	border: 1px solid white;
}

#left_sidebar{
	float: left;
	width: 142px;
	padding-left: 10px;
}

.music_menu{
	background-image: url(music_menu_bg.gif);
	background-color: white;
	background-repeat: repeat-y;
	padding-left: 2px;
	padding-right: 4px;
	padding-top: 4px;
	text-align: center;
	font-size: 11px;
}

.music_menu ul {
    list-style: none;
    margin: 5px 0 4px 0;
    padding: 0;
    border-bottom: 1px dotted;
}

.music_menu_item{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	border-top: 1px dotted black;
	font-weight: bold;
	text-align: left;
}

.music_menu_item a{
	color: black;
	text-decoration: none;
}

.music_menu_item a:hover{
	color: #ffbb28;
	text-decoration: none;
}

.music_menu form {
    padding: 0px; 
    margin: 0px;

}

.music_menu form label {
    width: 124px;
    display: block;
    text-align: left;
    margin-left: 4px;
}
/* labels on tick boxes */
.music_menu form label span {
    /*display: block;*/
    /*float: left;*/
    /*text-align: left;*/
    clear: none;
}
.music_menu form label input {
    /*display: block;
    float: left;*/
    clear: none;
}

.menu_bottom{
	background-image: url(menu_bottom.gif);
	background-repeat: no-repeat;
	height: 9px;
	font-size: 9px;
}

.side_header{
	background-image: url(side_bar_header.gif);
	height: 14px;
	width: 138px;
	padding-left: 4px;
	padding-top: 5px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	margin-top: 8px;
}

.side_album{
	width: 130px;
	margin: 0px auto;
	padding-top: 8px;
	text-align: center;
}

.side_album :link, .side_album :visited {
	text-decoration: none;
}


:link, :visited {
	color: black;
}

:link:hover, :visited:hover {
	color: #ffbb28;
}

.foot {
  clear: both;
}

.foot :link, .foot :visited {
	text-decoration: none;
}



#main_area{
	padding: 16px;
	width: 562px;
	float: left;
}

h1{
	font-size: 20px;
	display: inline;
	font-weight: normal;
        color: #000000;
}

h1 em {
	color: #f69500;
        font-style: normal;
}

a em {
	color: #ffbb28;
        font-style: normal;
}



h2 {
	font-size: 14px;
	display: inline;
	font-weight: normal;
}

h3, dl dt {
	font-size: 14px;
	font-weight: bold;
	color: #f69500;
    	margin-bottom: 0.5em;
        margin-top: 10px;
        clear: both;
}


p.important {
  font-size: 14px;
  font-weight: bold;
}

h3 span {
        color: #000000;
}

hr{
	height: 1px;
	border: none;
	border-bottom: 1px dotted black;
}

/* start browse navigation */

.page_nav {
padding: 3px 0 3px 0;
	clear: both;
	text-align: right;
	font-size: 10px;
 height: 1.5em;
}

.page_nav :link, .page_nav :visited {
	text-decoration: none;
}

.top_nav {
	border-bottom: 1px dotted black;
	/*margin-bottom: 13px;*/
}

.bottom_nav {
	border-top: 1px dotted black;
}

a.prev {
  background: url(previous_arrow.gif) no-repeat left center;
  padding: 0 0 0 13px;
  display: block;
  float: right;
  height: 1.5em;
  margin: 0 10px 0 0;
  line-height: 1.5em;
  vertical-align: middle;
  clear: none;
}

a.next {
  background: url(next_arrow.gif) no-repeat right center;
  padding: 0 13px 0 0 ;
  display: block;
  float: right;
  height: 1.5em;
  margin: 0;
  line-height: 1.5em;
}


a.browselistview, a.browseiconview {
  display: block;
  float: left;
  clear: none;
}

/* end browse navigation */


.checkout_table tr td {
    padding: 0 5px;
}

a.remove {
    display: block;
    background: url(delete_button.gif) no-repeat center;
    /*width: 11px;*/
    height: 11px;
}

a.remove span {
    display: none;
}


.tracklist_button {
   padding-left: 3px;
   vertical-align: middle;
   border: 0;
}

.number{
	color: #f69500;
        font-weight: bold;
}

.tracklist_single {
	padding: 2px 8px;
	font-weight: bold;
}

.tracklist_entry {
	padding: 8px 8px;
	font-weight: bold;
}

.tracklist_single_text {
	float: left;
	width: 160px; 
	padding-top: 2px;
}

.tracklist_single :link, .tracklist_single :visited {
	text-decoration: none;
}

.tracklist_mix {
	background-color: #ebebeb;
	border-top: 1px dotted black;
	padding: 2px 0;
	border-bottom: 1px dotted black;
	margin-left: 8px;
	margin-right: 8px;
	font-weight: bold;
        position: relative;
}

a.alt_a{
	color: black;
	text-decoration: none;
}

a.alt_a:hover{
	color: white;
}

.ntext{
	font-weight: normal;
}

.ntext_top5{
	font-weight: normal;
	padding-left: 12px;
}

/* stuff taken from page */

.style1 {color: #FFFFFF}


.info {
	font-size: 12px;
	color: black;
	padding-bottom: 1em;
	font-weight: bold;
        max-width: 342px;
}

.album_tracks_header {
    background-image: url(long_album_top.gif);
    height: 15px;
    width: 336px;
    padding-left: 8px;
    padding-top: 5px;
    color: white;
    font-weight: bold;
    font-size: 11px;
    margin-top: 12px;
}

#newitems {
    display: block;
}

a.homeheader {
    text-align: center;
    padding: 1em 0 2em 0;
    display: block;
    text-decoration: none;
}

a.homeheader span {
    font-size: 21px;
    display: block;
}

a.homeheader span span {
    display: inline;
    font-size: 11px;
}


/* stuff Ian wants to be easy to read */
p, label {
   font-size: 12px;
   font-family: verdana,arial,helvetica,sans-serif;
}

p { 
    /*border: 1px solid black;*/
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

#main_area p {
 margin: 1em 0 1.5em 0;
}

#firstcol p {
 margin: 1em 0;
}

.main_content {
    clear: both;
    padding-top: 0px;
    height: 1%; /* ie6 bug fix */
}

.main_content h1 {
border-top: black dotted 1px;
border-bottom: black dotted 1px;
color:#F69500;
padding:8px 0;
clear:both;
font-size: 14px;
font-weight: bold;
display: block;

}

.bordered {
    border-top: 1px dotted black;
    border-bottom: 1px dotted black;
}

#drmForm {
    margin: 0;
}

.mixform {
  margin-bottom: 8px; 
  margin-top: 8px;
  padding: 0;
}

.mixform .mix_button {
  margin: 0.8em 0;
}

.mydownload_comments {
  width: 206px;
  float: left;
  padding: 12px 0px;
}

.mydownload_link {
  width: 344px;
  float: left;
  padding-top: 12px;
  padding-left: 12px;
}

/* for list of links like in myacct page */
ul#myacct_links {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#myacct_links a {
    font-size: 16px;
    font-weight: bold;
}

#gvform fieldset {
    display: block;
}

#gvform label, #gvform div {
    display: block;
    position: relative;
    height: 3em;
}

#gvform label span {
    display: block;
    position: absolute;
    width: 15em;
    left: 0;
    line-height: 3em;
    margin: 0;
}

#gvform label input, #gvform select {
    display: block;
    position: absolute;
    line-height: 3em;
    margin: 0;
    left: 200px;
}

#gvform div input {
    display: block;
    position: absolute;
    left: 210px;
}

.centerimg {
   display: block;
   text-align: center;
   margin: 1em auto 2em auto;
}

#gvform label input {
    width: 20em;
}


#gvform label select {
    width: 4em;
}

input.submit {
    display: block;
    margin: 20px 0 20px 485px;
}

#view_music_by {
 display: block;
 width: 140px;
 height: 0;
 padding: 24px 0 0 0;
 overflow: hidden;
 background: url(view_music_by.gif) top center no-repeat;
 position: absolute;
 left: 11px;
 bottom: 0;
 margin: 0;
}


a#my_tracks {
 display: block;
 width: 136px;
 height: 0px;
 padding: 34px 0 0 0;
 background: url(my_tracks.png) 0 -34px;
 overflow: hidden;
 margin: 0;
 position: absolute;
 left: 160px;
 bottom: 0;
}

a#my_tracks:hover {
 background-position: 0 0;
}


#how_to {
 display: block;
 width: 126px;
 height: 0px;
 padding: 34px 0 0 0;
 background: url(how_to_use.png) 0 -34px;
 overflow: hidden;
 margin: 0;
 position: absolute;
 left: 296px;
 bottom: 0;
}
a#how_to:hover {
 background-position: 0 0;
}


#heading {
 float: left; 
 height: 25px;
 font-size: 14px;
}

#heading.new {
 color: #f69500;
 font-weight: bold;
}

.backlink {
 float: right;
 height: 25px;
}

#feature1, 
#feature2, 
#feature_fit32, 
#feature_facebook,
#feature_ppl,
#feature_tourcore {
 display: block;
 background-repeat: no-repeat;
 background-position: 0 0;
 margin: 8px auto 12px auto;
 width: 177px;
 height: 0;
 padding: 81px 0 0 0;
 overflow: hidden;
}

#feature1 {
 background-image: url(feature1.gif);
}

#feature_tourcore {
 background-image: url(feature_tourcore.gif);
}

#feature2 {
 background-image: url(feature2.gif);
}

#feature_fit32 {
 background-image: url(fit32-ma.png);
}

#feature_facebook {
 background-image: url(feature_facebook.gif);
}

#feature_ppl {
 background-image: url(feature_ppl.jpg);
}


#ppl_licence {
float:right;
margin:0 20px;
width:190px;
}

#ppl_licence a {
    background:transparent url(../fit32/ppl2.jpg) no-repeat scroll center top;
    display:block;
    padding:150px 0 0;
    font-size: 12px;
    
}




#pubmix_comments, #pubmix_class, #pubmix_title {
width: 120px;
}

#pictures {
    margin-bottom: 20px;
}