/* ============ */
/* = Defaults = */
/* ============ */
body{
	font-family:helvetica, "HelveticaLT", "HelveticaNeue", "Helvetica Neue", arial, sans-serif;
	background: #222;
	margin: 0px !important;
	
}
#lcol_bg_wrapper {
  background: #333 url(../images/lcol_bg.jpg) repeat-y left;
  border-bottom: 1px solid #444;
  margin: 10px;
}

#rcol_bg_wrapper {
  background:  url(../images/rcol_bg.jpg) repeat-y right;			    
  border-bottom: 1px solid #222;
}


li{list-style:none;}
  li img.loading{
    float: right;
    height: 19px;
  }

a, .button{
	cursor:pointer;
	color:#FFFFFF;
	text-decoration:none;
/*  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#333333'); /* IE6,IE7 */
/*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#777777', EndColorStr='#333333')"; /* IE8 */
 /*  	
  background:-moz-linear-gradient(center top , #999999, #777777 49%, #555555 50%, #333333 75%, #111111) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, center top, center bottom, from(#999999), color-stop(49%, #777777), color-stop(50%, #555555), color-stop(75%, #333333), to(#111111));
*/
  background: url(../images/nav_button_background.png) repeat-x 0px 50%;
  
  
  display:inline-block;
/*  padding:2px 5px;*/
  font-size:12px;
}

.main_options_nav li .button {background: #000 url(../images/nav_button_background.png) repeat-x 0px 50% !important; padding: 3px; height: 20px;}

  a .border, .button .border{
    border-left:1px solid #333;
    border-bottom:1px solid #111;

    border-right:1px solid #666;
    border-top:1px solid #888;

  }
  a .pad, .button .pad{padding:5px 5px;}
a:hover, .flyout > li.active > a, #tracks .download_cd{
/*  display: inline; */
 /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#F08F50', EndColorStr='#9D491D'); /* IE6,IE7 */
/*  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#F08F50', EndColorStr='#9D491D')"; /* IE8 */

 /* background:-moz-linear-gradient(center top , #F08F50, #CF773F 49%, #C05A26 50%, #A94F20 75%, #9D491D) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, center top, center bottom, from(#F08F50), color-stop(49%, #CF773F), color-stop(50%, #C05A26), color-stop(75%, #A94F20), to(#9D491D));
 */
 
  
}

#browse li.active a {background: none;}


#load_cursor {width: 40px; height: 40px; background: green; position: absolute; left: -1000px; top: -1000px; z-index: 9999;}


#tracks .download_cd{float: right;}
.flyout > li.active > a{display: block;}

a.normal, ul.main_options_nav a, ul.flyout ul a{
  background-image: none; /* FF3.6 */
  background-image: none; /* Saf4+, Chrome */
  filter:  none; /* IE6,IE7 */
  -ms-filter: none; /* IE8 */
  display:inline;
  padding:0px;
}
a.normal:hover{
  background-image:none;
  background-image:none;
  filter:none;
  -ms-filter:none;
}

.wizard_list {width: 100% !important; margin-top: 0px; }
.wizard_list li{background: none; border-bottom: 1px solid #333;}
.wizard_list li:hover{background: url(../images/wizard_list_hover.jpg) repeat-x 0px 50%;}
.wizard_list li.active{background: url(../images/wizard_list_hover.jpg) repeat-x 0px 50%;}

.wizard_list li a{background: none; padding: 7px; color: black; font-size: 11px; font-weight: bold;}
.wizard_list li ul li {padding: 0px;}
.wizard_list li ul li a{font-weight: normal; color: white;}
.wizard_list li ul {-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;}

#wizard_wrapper{
  height:483px;
  padding:10px;
}
ul#wizard{background: url(../images/wizard_bg.jpg) repeat-x top !important;}



.help_box {background:#4f4f4f url(../images/header_background.png) repeat-x; position: relative; -moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px #000;}
.help_box p{font-size: 11px; padding: 2px 10px; color: #ccc;}

li.arrow {width: 10px; height:18px; background: transparent url(../images/wizard_left.png) no-repeat top right !important; display: inline; float: left; position: relative; left: -10px; border: 0px; border-bottom: 0px !important;}


h2 {color: white; margin-bottom: 0px; background: url(../images/header_background.png) repeat-x 0px 50%; padding: 9px 6px; text-transform: uppercase; font-size: 12px; font-weight: normal; border-top: 1px solid #aaa; border-bottom: 1px solid #333;}

.whoareyou h2{margin-top: 0px;}


table{
	font-size:11px;
	color:#000;
	width:100%;
}
td, th{
  border-left:1px solid;
}
th{
	background:#C7C1A0;
	border-bottom:1px solid #8b866f;
	border-top:1px solid #dddac6;
	text-align: left;
}
tr{background:#E6E1C6;}
  tr.active td{

    background: #B3AC93;
  }
  
  tr td span.wrapper{
      float:left;
  }
  
  tr td span.wrapper span{
    padding: 2px;
    display: block;
  }
  tr.active td span.wrapper span{
    padding:1px;
    padding-left:2px;
  }
    tr.odd td span.wrapper, tr.odd td span.wrapper span{
      border-top: 1px solid #E6E1C6;
      border-bottom: 1px solid #E6E1C6;
      width:100%;
    }
    tr.even td span.wrapper, tr.even td span.wrapper span{
      border-top: 1px solid #DED6B5;
      border-bottom: 1px solid #DED6B5;
      width:100%;
    }
    
    tr.active td span.wrapper{
      display: block;
      margin: 0px;
      border-bottom: 1px solid #45433B;
      border-top: 1px solid #45433B;
      height: 22px;
    }
    
    tr.active td span.wrapper span{
      border-color:#ccc;
      
    }
    
    td span.wrapper{}
td{
	overflow:hidden;
}
td nobr{
	overflow:hidden;
	display:block;
}


ul{
	padding:0px;
}

/* ========== */
/* = Header = */
/* ========== */
#header{
	background:#4f4f4f url(../images/header_background.png) repeat-x;
	height:61px;
	border:1px solid #2f2f2f;
	min-width: 1024px;
}
	#header .logo{
		float:left;
	}

#logo_area {width: 224px;	border-right: 1px solid #999;
 height: 61px; float: left; background: url(../images/logo_bg.png) repeat-x top;
	border-bottom: 1px solid #111;	

}	
	
#player_and_links{
	border-left: 1px solid #111;
	float: left;
	height: 61px;
}
#player{
	border-right: 1px solid #999;
	float: left;
	height: 50px;
	margin: 5px 0 5px 5px;
	padding-right: 1em;
}
#links{
	border-left: 1px solid #272727;
	float: left;
	height: 50px;
	margin: 6px 1px 5px 0px;
	padding-left: 7px;
	  text-transform: uppercase;
}
	#links a{
		background: #4F4F4F url(../images/nav_button_background.png) repeat-x 0px -8px;
		border: 1px solid #272727;
		color: #EEE;
		display: block;
		font-size: 10px;
		height: 16px;
		width: 16px;
		line-height: 16px;
		font-weight: 100;
		margin-top: 4px;
		text-align: center;
		font-family: georgia, times, serif; font-style: italic; text-transform: lowercase; font-size: 11px
	}
	
#links2 {	
	float: left;
	height: 50px;
	margin: 6px 1px 5px 0px;
	padding-left: 7px;
	text-transform: uppercase;}	
	
#links2 a{width: 41px; height: 39px !important;  
		border: 1px solid #272727;
   	
		display: block;
		margin-top: 4px;
	}
#links2 a.whoareyou{

		background: #666 url(../images/player_button_background.png) repeat-x 0px 0px;

	}
	
#links2 a.whoareyou:hover{

		background: url(../images/grad_orange.jpg) repeat-x 0px 0px;

	}
	
	
#mbhome_button{background: url(../images/mbhome_button.jpg) 0px -18px no-repeat;}	
#mbfiles_button{background: url(../images/mbfiles_button.jpg) 0px -18px no-repeat;}	
#mbhome_button:hover{background: url(../images/mbhome_button.jpg) 0px 0px no-repeat;}	
#mbfiles_button:hover{background: url(../images/mbfiles_button.jpg) 0px 0px no-repeat;}

	
/* ================= */
/* = Center Column = */
/* ================= */
#center .new_releases_and_timely_tracks{padding: 20px;}
#center > .border > .padder{padding:19px;}
#center .tip{
  color:white;
  margin-bottom: 10px;
  font-size: 10px;
  background-image: -moz-linear-gradient(top, #7c7c7c, #585858); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7c7c7c),color-stop(1, #585858)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7c7c7c', EndColorStr='#585858'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7c7c7c', EndColorStr='#585858')"; /* IE8 */
}
  #center .tip .border1{
    border: 1px solid #3F3F3F;
  }
  #center .tip .border2{
    border-bottom: 1px solid #898989;
    border-top: 1px solid #a5a5a5;
  }
  #center .tip .pad{
    padding: 4px 8px;
  }

.nratt > div{width: 48%;}
.nratt .new_releases{float:left;}
  .nratt .new_releases ul{
    background:#e1e1e1;
    padding:0px;
    margin:0px;
  }
    .nratt .new_releases ul li{
      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E1E1E1), to(#D7D7D7));
      border-top: 1px solid #878787;
			min-height: 16px;
	  padding: 5px;
	font-size: 12px;
	cursor: pointer;
      background-image: -moz-linear-gradient(top, #e1e1e1, #d7d7d7); /* FF3.6 */
      background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e1e1e1),color-stop(1, #d7d7d7)); /* Saf4+, Chrome */
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1', EndColorStr='#d7d7d7'); /* IE6,IE7 */
            -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e1e1e1', EndColorStr='#d7d7d7')"; /* IE8 */    }
.nratt .new_releases ul li img {float: left; margin-right: 10px;}
.new_releases_button:hover, .help_button:hover, .contact_button:hover, .usage_button:hover{background: black url(../images/nav_button_background_hover.png) repeat-x scroll 50% 50%;}

.new_releases_button:hover, .help_button:hover, .contact_button:hover, .usage_button:hover, div#links a:hover, .login:hover, .signup:hover,  li.load_project:hover, a.new_project:hover, ul.projects li a:hover, div.bottom_links div a:hover{background: black url(../images/nav_button_background_hover.png) repeat-x scroll 50% 50%;}
#jplayer_display .button:hover{background: black url(../images/grad_orange.jpg) repeat-x scroll 50% 50%;}

div.name {
    font-size: 11px;
    font-weight: bold;
}
div.description{
    font-size: 11px;
    font-weight: normal;
    color: #666; 
}

.nratt .timely_tracks{float:right;}
.timely_tracks ul{margin:0px;padding:0px;}
.timely_tracks li{
  background: #fff;
  border-top: 1px solid #EFEFEF;
  padding: 3px 3px 3px 8px;
  font-size: 11px;
  font-weight: bold;
	min-height: 16px;

-webkit-transition:all .3s linear;

}
.timely_tracks li:hover{background: #d7d7d7; /* Saf4+, Chrome */
	cursor: pointer;}

  .timely_tracks li.active{
    background-image: -moz-linear-gradient(top, #9b9b9b, #dadada); /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #9b9b9b),color-stop(1, #dadada)); /* Saf4+, Chrome */
              filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#9b9b9b', EndColorStr='#dadada'); /* IE6,IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9b9b9b', EndColorStr='#dadada')"; /* IE8 */
  }
.nratt h2{
  margin-bottom:0px;
  padding:0px;
  color:white;
  background-image: -moz-linear-gradient(top, #7c7c7c, #565656); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #7c7c7c),color-stop(1, #565656)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#7c7c7c', EndColorStr='#565656'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7c7c7c', EndColorStr='#565656')"; /* IE8 */
}
  .nratt h2 .border1{
    border: 1px solid #3F3F3F;
    border-bottom: 1px solid #2a2a2a;
  }
  .nratt h2 .border2{
    border-top: 1px solid #a4a4a4;
  }
  .nratt h2 .pad{
    padding: 9px 8px;
  }
  

#projects{
  clear: both;
  margin-top:20px;
  float: left; width: 100%;
	background: #333;
	display:none;
}
#projects li{
  background: url(../images/grad_gray.jpg) repeat-x 0px 50%;  
}
#projects li ul li{
  background: #4f4f4f;  
}
#projects li ul li:hover{
  background: url(../images/grad_orange.jpg) repeat-x 0px 50%;  
}

ul.projects{
  height: 30px; font-size: 10px; text-transform: uppercase;
}

  #projects .bottom_links a{
    width:100%;
    font-size: 11px;
  }
  #projects .new_project{
    text-align: center;
    width: 50%;
    float:left;
    font-size: 10px;
    text-transform: uppercase;
  }
  #projects .new_project .pad {padding: 2px;}
  #projects .description{
    color: white;
    font-size: 10px;
    line-height: 15px;
    overflow: hidden;
    padding: 0px 10px 14px 10px;
  }
  #projects .title{
      background: url(../images/search_wrap_bg.jpg) repeat-x top;
  
  }
  #projects .projects{
    margin:0px;
    width:49.9%;
    float:left;
    text-align:center;
    color:white;
  }
  
  #projects .projects .pad {padding: 2px; font-size: 10px !important; position: relative;}
  #projects .projects .border {border-right: 0px;}

  
  #projects > div{
    float: left;
  }
  #projects .options{
    width:39.9%;
    background: url(../images/search_wrap_bg.jpg) repeat-x top;
    border-right: 1px solid #666;
  }
  #projects .current_project{
    padding:0px;
    margin:0px;
    font-size: 11px;
    border-left: 1px solid #222;
		min-height: 136px;
		background: url(../images/project_tracks_bg.png);
  }
  #projects .current_project li{padding: 0px; float: left; width: 100%;}
#projects .current_project li:hover {background: #ff6600 !important;}
	

.current_project li span.text {display: block; padding: 2px; cursor: pointer; width: 70%; float: left;}

  #projects .tracks .title{
    color:white;
    padding: 3px; font-size: 11px;
  }
  #projects .tracks{
    width:59.9%;
    float: right;
  }
    #projects .tracks li.odd{background:#ff7c26;}
    #projects .tracks li.even{background:#ff8b3f;}

.edit_description .pad{background:url(../images/projects_edit.gif) right top no-repeat;}
.duplicate_project .pad{background:url(../images/projects_duplicate.gif) right top no-repeat;}
.download_project .pad{background:url(../images/projects_download.gif) right top no-repeat;}
.delete_project .pad{background:url(../images/projects_delete.gif) right top no-repeat;}



.search_results {
    
	width: 100%;
}

#search_results{clear:both;}

#search_results_info{
	color:#fff;
	padding:10px;
}

.contact_button{width: 85px !important; float: left; text-align: center; text-transform: uppercase; font-size: 10px;}
.help_button{width: 48px !important; float: left; text-align: center; text-transform: uppercase; font-size: 10px;}
.usage_button {width: 92px !important; float: left; text-align: center; text-transform: uppercase; font-size: 10px;}

/*table .col_cd{width:100px;}
table .col_song{width:100px;}
table .col_desc{width: 200px;}
*/

span.col_cd, span.col_song, span.col_desc {width: 100%; overflow: hidden; display: block; height: 18px; line-height: 20px; cursor: pointer;}

/* ============= */
/* = Right Bar = */
/* ============= */
#tracks h3{
	background: #272727;
	color: white;
	font-size: 11px;
	font-weight: 100;
	height: 20px;
	line-height: 20px;
	padding-left: 15px;
	text-transform: uppercase;
	margin-bottom:0px;
}
#tracks ul{
	font-size: 11px;
	font-weight: 100;
	margin:0px;
	min-height: 108px;
	background: transparent url(../images/tracks_bg.jpg) repeat-x top;
}
	#tracks ul li .wrapper{
		padding-left:12px;
		height:18px;
		line-height:18px;
	}
  div#tracks ul li.active{
    border-top:0px solid;
    border-bottom:0px solid;
    background:#b0aa91;
  }
    #tracks ul li.active .wrapper{
	height: 18px;
	  }
    #tracks ul li.even{background:#e6e1c6;}
    #tracks ul li.odd{background:#ded6b5;}
#tracks .actions{
  width: 51px;
}

#tracks li:hover{cursor: pointer;}

 .actions > *{
  border-left: 1px solid #c7c0a3;
  display: block;
  float: left;
  height: 18px;
  text-align: center;
  width: 14px;
  cursor:pointer;
  color:black;
	border-right: 1px solid #E5DDBC;
}


#projects .actions > *{
  height: 16px;
	border-right: 1px solid #f7975e;
	border-left: 1px solid #d06125;
}

.odd .actions a{
	background: url(../images/actions_bg_odd.jpg) repeat-x top;
}
.even .actions a{
	background: url(../images/actions_bg_even.jpg) repeat-x top;
}
.odd .actions div{
	background: url(../images/tracks_actions_bg_odd.jpg) repeat-x top;
}
.even .actions div{
	background: url(../images/tracks_actions_bg_even.jpg) repeat-x top;
}


 #tracks .actions > *:hover{
    color:white !important;
		background: #ff6600;
  }


div.image {
  background: #E6E1C6;
  height: 210px;
  overflow: hidden;
  width: 210px;
}

div.info {padding: 10px; background:#e6e1c6; font-size: 11px;}
div.info div {font-size: 11px; margin-bottom: 10px;}  
#track_info div.info {min-height: 200px; padding-top: 6px;}
#track_info {clear: both;}
#tracks li span.text{float: left; width: 145px; overflow: hidden; height: 16px; display: block;}

/* ============ */
/* = Left Bar = */
/* ============ */
#login, #logout{
float: right;
  color:white;
margin: 5px 9px 0px 0px;
}

#login > div{
  display:inline-block;
  text-align:center;
margin-top: 3px;
}
#login a, #logout a{
  border:1px solid #1b1b1b;
  width:70px;
  height: 16px;
  line-height: 16px;
  font-size: 9px;
  text-transform: uppercase;
  background-position: 0px 50%;
}
#login a .pad{padding: 3px 0px;}
#logout a .pad {padding: 3px 5px; }
#logout{float: right; clear: none; width: 65px; line-height: 12px; text-align: center; margin-right: 12px;}
#logout a{ margin-top: 4px;}
#logout span{
  color: white;
  font-size: 10px;
}

.search_checkboxes {
	color: #ccc;
	height: 24px;
	border-top: 1px solid #777;
}
.search_checkboxes .pad{
	padding: 3px;
}
.search_checkboxes label {font-size: 9px !important;
}

#left #song_options_nav{
  margin-top:0px;
  margin-bottom:4px;
}

#left #nav{
  margin: 0px;
}

.main_options_nav{
	color:#fff;
}

#search_reset{
  position:relative;
  height:40px;
}
#left #search_reset a{
	background: black url(../images/reset_background.png) repeat-x 0px -20px;
	font-size: 14px;
	height: 20px;
	line-height: 21px;
	text-align: center;
	width: 224px;
	text-transform: uppercase;
  position:absolute;
}

#search_reset a{
  -moz-transition: none;  /* FF3.7+ */
  -o-transition: none;  /* Opera 10.5 */
  -webkit-transition: none;  /* Saf3.2+, Chrome */
}


.main_options_nav, .main_options_nav ul, #browse{
	width:100%;
}
.main_options_nav, #browse {width: 100%;}

.main_options_nav ul{
	background: #4F4F4F;
	border-bottom: 1px solid #933D00;
	border-left: 1px solid #E57932;
	border-right: 1px solid #933D00;
	border-top: 1px solid #E57932;
	margin-left: 220px;
	margin-top: -40px;
	position: absolute;
	z-index: 9;
/*	-moz-box-shadow: 0 0 50px #000;
	-webkit-box-shadow: 0 0 50px #000;*/
}

	.main_options_nav ul li, #download_format div a{
		background:#4F4F4F url(../images/inner_nav_background.png) repeat-x 0px 0px;
		border-bottom: 1px solid #3F3F3F;
		font-size: 12px;
		font-weight: 100;
		height: 18px;
		line-height: 18px;
		text-align: left;
	}
	
	
		.main_options_nav ul li:hover, .main_options_nav ul li:focus{
			background:#4F4F4F url(../images/inner_nav_background.png) repeat-x 0px -20px;
		}
		
.main_options_nav li a, .main_options_nav li a:hover, li a, li a:hover{background: none;}		
#browse {margin-bottom: 0px;  }

#browse li {background:url(../images/nav_button_background_tall.png) repeat-x 0px 50% ;}	
#browse li ul li {background:url(../images/inner_nav_background.png) repeat-x 0px 0px ;}	



#browse li a:hover{background:url(../images/nav_button_background_tall_hover.png) repeat-x 0px 50%;}	


.cd_browse_list {width: 450px !important; top: -200px !important;}
.cd_browse_list li {width: 33%; float: left; height: 85px !important; display: block !important; background: #454545 !important; }
.cd_browse_list li div {padding: 0px; display: block; overflow: hidden;}
.cd_browse_list li div img {float: left; margin: 5px; width: 50%;}
.cd_browse_list li div a {line-height: 13px; font-size: 11px;padding: 5px; }

.browse_display {height: 600px; overflow-y: scroll;}
.browse_display ul {border-top: 1px solid #222;border-left: 1px solid #222;margin-top: 0px;top: -1px; left: -1px;}
.browse_display ul li{background: url(../images/cd_browse_cell_bg.jpg) repeat-x top; width: 180px; float: left; height: 260px;border-right: 1px solid #222; border-bottom: 1px solid #222;}
.browse_display ul li:hover{background: #555 }

.browse_display ul li div {}
.browse_display ul li a { text-align: center; padding: 10px;display: block;}
.browse_display ul li a:hover {background: url(../images/header_background.png) repeat-x top !important; display: block;}

.browse_display ul li div img{width: 160px;}
.browse_display ul li div p {display: block; margin: 3px 0px 0px 0px; font-size: 10px; text-align: center;}


.main_options_nav li.toplevel{
	background: black url(../images/nav_button_background.png) repeat-x scroll 50% 50%;
	font-size: 12px;
	font-weight: 100;
	height: 32px;
	line-height: 36px;
	position: relative;
	text-align: left;
	text-transform: uppercase;

	
	width: 100%;
}

.main_options_nav li.toplevel ul {text-transform: none;
}

.main_options_nav li.toplevel a{padding-left: 15px;}

	.main_options_nav li.toplevel:hover{
		background: black url(../images/nav_button_background_hover.png) repeat-x scroll 50% 50%;
	}
	.main_options_nav li.active{
		background: black url(../images/nav_button_background_hover.png) repeat-x scroll 50% 50%;
	}

	.main_options_nav li.selected_feature, .selected_keyword{
		background: #272727 url(../images/selected_feature_background.png);
		color: white;
		font-family: Helvetica, 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight: 100;
		height: 20px;
		line-height: 20px;
		padding-left: 20px;
		text-align: left;
		width: 204px;
	}
		.main_options_nav li.selected_feature div.remove, .selected_keyword div.remove{
			border-left: 1px solid #515151;
			float: right;
			padding-left: 8px;
			padding-right: 8px;
		}
			.main_options_nav li.selected_feature:hover, .selected_keyword:hover{
				background: #D25616 url(../images/selected_feature_background.png) 0px -20px;
			}
			
.main_options_nav li a{
	display:block; padding-left: 15px;
	}

.main_options_nav li a span{float: right; position: absolute; right: 0px; margin-right: 10px; font-size: 12px; color: white; line-height: 30px; margin-top: 2px;}	
	
  .main_options_nav li.keywords a.submit{
    display:inline-block;
  }

.wizard_subtitle span {float: none; margin: 0px 2px 0px 5px; line-height: 18px;}

#search_status{
	color: #AFAFAF;
	margin: 1em;
	min-height: 18px;
	padding: 5px;
	text-align: center;
}

.whoareyou, .new_releases_button {width: 100%;}

#help a{width: 100%;}

.keyword_list{width: 240px !important;}
.keyword_list input {height: 12px; background: #454545; color: white; border:1px solid #222; padding: 4px; width: 120px;}
.keyword_list li {height: 30px !important; line-height: 30px !important; background: #333 !important;}
.keyword_list .submit{width: 94px; font-size: 10px !important; margin: 5px 4px; padding: 0px !important; text-transform: uppercase; text-align: center;}
.keyword_list .submit .pad{padding: 3px; display: block;line-height: 13px;}


.browse_by_cd .pad, .whoareyou .pad {padding: 13px 10px 13px 45px; background:url(../images/browse_by_cd.png) no-repeat 15px 9px; text-transform: uppercase; position: relative; display: block;}

.browse_by_cd .pad span.floatright, .whoareyou .pad span.floatright {position: absolute; right: 10px; top: 13px;}
.projects_flyout .pad span.floatright {position: absolute; right: 0px; top:2px;}


.whoareyou .pad {background:url(../images/wizard_icon.png) no-repeat 6px 7px; display: block; padding: 0px; width: 41px; height: 41px;}

#search_reset a:hover{
	background: url(../images/nav_button_background_hover.png) repeat-x 0px 50% !important;
}

#new_releases_button{text-align: center; text-transform: uppercase; font-size: 11px;}

/* ======== */
/* = Misc = */
/* ======== */
.relative{position:relative;}
.absolute{position:absolute;}
.inline{display:inline;}
.hidden{display:none;}
.block {display: block;}
.inlineblock{display:inline-block;}
.banner{
  background-image: -moz-linear-gradient(top, #191919, #343434); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #191919),color-stop(1, #343434)); /* Saf4+, Chrome */
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#191919', EndColorStr='#343434'); /* IE6,IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#191919', EndColorStr='#343434')"; /* IE8 */
  height: 25px;
  line-height:25px;
  font-size:11px;
  font-weight:100;
  color:white;
  text-transform:uppercase;
	position: relative;
	padding: 0px 0px 0px 5px;
}

.previous_page, .next_page{width: 100px; font-size: 10px !important; height: 25px;}
.previous_page .pad, .next_page .pad{padding: 5px 0px 6px 0px !important;}

#now_showing{float: left; display: block;margin-left: 5px; height: 25px;}
#now_showing .pad {padding: 6px 5px 5px 5px;}
#per_page_holder{float: right; margin-right: 5px; height: 25px;}
#per_page_holder .pad {padding: 2px 5px 0px 5px;}

.bannerbg{background-image: -moz-linear-gradient(top, #191919, #343434); /* FF3.6 */
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #191919),color-stop(1, #343434)); /* Saf4+, Chrome */
 filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#191919', EndColorStr='#343434'); /* IE6,IE7 */
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#191919', EndColorStr='#343434')"; /* IE8 */
 height: 25px;
 color: white; font-size: 10px;}

.banner .banner {padding: 0px 5px 0px 5px; background: url(../images/grad_orange.jpg) repeat-x 0px 50% !important; position: absolute; right: 0px; top:0px;}

.box{
	background:#4f4f4f;
}
.floatright{float:right;}
.clear, .clearboth{clear:both;}
.last {border-right: 0px !important;}

#songhider{height: 96px; width: 225px; background-color: #010101; position: absolute; float: left; top: 20px; left: 0px; z-index:9999;
 background-color: rgba(255, 255, 255, 0.5);  /* FF3+, Saf3+, Opera 10.10+, Chrome */
           filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#99010101',EndColorStr='#99010101'); /* IE6,IE7 */ 
       -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99010101',EndColorStr='#99010101')"; /* IE8}*/
   }
   
  .tooltip{	background: #4F4F4F;
	border-bottom: 1px solid #933D00;
	border-left: 1px solid #E57932;
	border-right: 1px solid #933D00;
	border-top: 1px solid #E57932;
	color:white;
	max-width: 300px;
	padding: 4px; font-size: 11px;
}
       
.transition{
     -moz-transition: all 0.3s ease-out;  /* FF3.7+ */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5 */
  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
}

#loading_cursor{
  background:url("../images/loading.png");
  display:none;
  height:26px;
  position:absolute;
  width:26px;
}


.show_hide, .next_page, .previous_page {min-width: 40px; text-align: center; text-transform: uppercase; font-size: 9px; float: left;}

.supplimental {width: auto; background: #111; padding-bottom: 15px;}

.supplimental h2{margin-top: 0px;}

.supplimental p{margin: 10px 5px; color: white; font-size: 13px; width: 600px;}


.ui-sortable-helper { border-left:1px solid #666;
  border-top:1px solid #666;
border-right:1px solid #333;
border-bottom:1px solid #333;-moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000;}



.error { color: #E57932; }