/* @override 
	http://scorekeepers.local/stylesheets/global.css?1233161647
	http://scorekeepers.local/stylesheets/global.css?1233176042
	http://scorekeepers.local/stylesheets/global.css?1233176725
	http://scorekeepers.local/stylesheets/global.css?1233177056
	http://scorekeepers.local/stylesheets/global.css?1233177850
	http://scorekeepers.local/stylesheets/global.css?1233183102
	http://scorekeepers.local/stylesheets/global.css?1233252937
	http://scorekeepers.local/stylesheets/global.css?1233264236
	http://scorekeepers.local/stylesheets/global.css?1233264500
	http://scorekeepers.local/stylesheets/global.css?1233265153
	http://scorekeepers.local/stylesheets/global.css?1233440797
	http://scorekeepers.local/stylesheets/global.css?1233445271
	http://scorekeepers.local/stylesheets/global.css?1233447690
	http://scorekeepers.local/stylesheets/global.css?1233673031
	http://scorekeepers.local/stylesheets/global.css?1233673725
	http://scorekeepers.local/stylesheets/global.css?1233724464
	http://scorekeepers.local/stylesheets/global.css?1233847677
	http://scorekeepers.local/stylesheets/global.css?1233849877
	http://scorekeepers.local/stylesheets/global.css?1234455206
	http://scorekeepers.local/stylesheets/global.css?1234456929
	http://scorekeepers.local/stylesheets/global.css?1234460552
	http://scorekeepers.local/stylesheets/global.css?1234473632
	http://scorekeepers.local/stylesheets/global.css?1234554031
	http://scorekeepers.local/stylesheets/global.css?1235424175
	http://scorekeepers.local/stylesheets/global.css?1235596231
	http://scorekeepers.local/stylesheets/global.css?1235596294
	http://scorekeepers.local/stylesheets/global.css?1235596540
	http://scorekeepers.local/stylesheets/global.css?1235596644
*/

/* @group Defaults */

* {
	line-height: 1.3em;
}

body { 
	color: black;
	padding: 0;
	margin: 0;
	background-color: black;
}

body, p, ol, ul, td {
	font: 11px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
}

table {
	border-collapse: collapse;
}

div.inside {
	padding: 10px;
}

div.inside.form {
	padding-left: 30px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

/*.fieldWithErrors {
  padding: 2px;
  background-color: red;
  width: 50%;
}*/

.fieldWithErrors input {
	border: 3px solid red;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div#browser_notification {
	background-color: #f9ffb3;
	}
	#browser_notification div.inside {
		font-weight: bold;
		color: red;
		}
		#browser_notification a {
			margin-top: 5px;
			color: red;
}

div#wrapper {
	width: 910px;
	margin: 0 auto;
	position: relative;
	height: 100%;
	background: #fff url(../images/BG-Note.jpg) no-repeat left -40px; 

}

.clear {
	clear: both;
}

a img {
	border: none;
}

.intra-field-label {
  color: #777;
}

.sf-menu li.sfHover a, /* Need this for delayed hiding of menu */
.sf-menu ul li:hover a {
	/*color: black;*/
}

ul.sf-menu > li > a:hover {
	color: black;
}

.sf-menu li.sfHover li a {
	color: white;
}

#content ul.sf-menu ul.too_tall {
	border: 3px red !important;
	color: red;
}


a.sf-with-ul > .sf-sub-indicator {
	background:		url('/images/arrows-dark.png') no-repeat 0px -100px;  
}

a.title.sf-with-ul > .sf-sub-indicator {
	background:		url('/images/arrows-dark.png') no-repeat 0px -100px;  
	position: absolute;
	right: 1;
	bottom: 2;
}

ul.sf-menu li.sfHover li.sfHover a.sf-with-ul > .sf-sub-indicator {
	background:		url('/images/arrows-ffffff.png') no-repeat -10px 0px;  
	
}


span.download a { 
	float: right;
	text-indent: -9999px;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	margin-left: 5px;
	background: url(/images/download.png) no-repeat;
	}
	div#tracks span.download a {
	
}

/* @end */

/* @group Search */

div.search {
	
	}
	div.search div.search_row {
		clear: left;
		}
		div.search div.search_row label {
			font-weight: bold;
			font-size: 11px;
			}
		div.search div.search_row div.search_term {
			width: 205px;
			float: left;
			height: 46px;
			font-size: 11px;
			}
		div.search div.search_row div.sort {
			float: right;
      display: none;
			}
			div.search div.search_row div.duration span {
				padding: 0 2px;
				}
			div.search div.search_row div.duration table {
				width: 202px;
				border-collapse: collapse;
				padding: 0;
				margin: 0;
				}
				div.search div.search_row div.duration table td {
					padding: 0;
					}
				div.search div.search_row div.duration table td.middle {
					text-align: center;
					}
				div.search div.search_row div.duration table td.end {
					text-align: right;
					}
			div.search div.search_row div.duration input {
				width: 84px;
				margin-top: 2px;
				padding: 2px 1px;
				}

			div.search div.search_row div.search_term #duration {
				clear: left;
				}
	
	#advanced_search ul.sf-menu {
		margin-top: 1px;
		margin-bottom: 2px;
		}
	div.search ul.sf-menu {
		margin-top: 2px;
		margin-left: 1px;
		}
	div.search ul.sf-menu li {
		width: 200px;
		}
		div.search ul.sf-menu li a.title {
			padding-top: 3px;
			padding-bottom: 3px;
			background: url(../images/search-menu.png) repeat-x left top;
			padding-right: 5px;
			text-align: center;
}
		ul.sf-menu li li a {
			color: white;
			}
			ul.sf-menu li li li:hover ul,
			ul.sf-menu li li li.sfHover ul {
				left: 200px; 
				}
			ul.sf-menu li li li {
				background-color: #525252;
				}
			ul.sf-menu a {
				padding: 5px; 
				}

		ul.sf-menu li a.no_search {
			text-align: center;
			}
		ul.sounds_like li li:hover ul,
		ul.sounds_like li li.sfHover ul,
		ul.looks_like li li:hover ul,
		ul.looks_like li li.sfHover ul {
			left: -200px;
		}
		ul.sounds_like li li:hover ul.too_tall,
		ul.sounds_like li li.sfHover ul.too_tall,
		ul.looks_like li li:hover ul.too_tall,
		ul.looks_like li li.sfHover ul.too_tall {
			left: -212px;
		}
		div.search ul.sf-menu li a.active_search {
			color: white;
			background-color: #333;
			background-image: none; 
			}
		div.exclude ul.sf-menu li a.active_search {
			text-decoration: line-through;
			}
a#randomize {
	position: absolute;
	right: 20px;
	bottom: -5px;
	text-indent: -9999px;
	width: 119px;
	height: 40px;
	background: url(../images/Randomize-button.png) no-repeat; 
}
	a#randomize:active {
		background-image: url(../images/Randomize-button-down.png);
}
/* @end */

/* @group Layout */

div#left_column {
	float: left;
	width: 570px;
}

div#right_column {
	float: left;
	width: 290px; 
	margin-left: 10px;
}

div#sidebar {
	width: 200px;
	float: right;
	margin-right: 20px;
}

/* @end */

/* @group Header */

div#header {
	width: 100%;
	height: 67px;
	background: url(../images/header.jpg) no-repeat left top;
	position: relative;
	}
	div#header_nav {
		position: absolute;
		top: 0px;
		right: 0;
		padding: 10px;
		margin-right: 16px;
		}
		div#header_nav a {
			padding: 5px;
			}
		
		


div.admin #content {
	min-height: 400px;
	}
	#content h1 {
		margin-top: 0;
		font-size: 16px;
		}
		div.admin #content h2 {
			margin-top: 0;
			font-size: 14px;
			}
		div.admin #content div.inside {
			padding-left: 30px;
			}
			div.admin #content label {
				font-weight: bold;
				}
				div.header h1 {
					display: inline;
					padding-right: 20px;
					}
				div.header div.actions {
						/*float: left;*/ 
						display:inline; 
						margin-left: 20px;
					}
					div.admin div.header {
						margin-bottom: 20px;
}

#page_title {
	width: 200px; 
	margin: 0px auto;
	padding-top: 5px;
	text-align: center;
	font-weight: bold;
	
}

/* @end */



/* @group Navigation */

div#navigation {
	/*border-bottom: 1px solid #ccc;*/
	padding: 0px 30px;
	height: 25px;
	background: gray url(../images/nav_bar.png) repeat-x left top;
}


div.admin div#navigation ul#left_nav li.attributes {
	width: 100px;
	}
	div.admin div#navigation ul#left_nav li.attributes li {
		width: 100px;
		}
		div.admin div#navigation ul#left_nav li.attributes li:hover ul,
		div.admin div#navigation ul#left_nav li.attributes li.sfHover ul {
			left: 100px;
			}

div#navigation ul#nav_second_row,
div#navigation ul#left_nav {
	padding: 0;
	margin: 0;
}

div#navigation ul#left_nav.right_side {
  float: right;
}

ul#user_bar li,
div#navigation ul#nav_second_row li,
div#navigation ul#left_nav li {
	float: left;
	list-style: none;
	}
	div#navigation ul#nav_second_row li + li,
	div#navigation ul#left_nav li + li {
		}
	div#navigation ul#left_nav a {
		padding: 5px 10px;  
		display: block;
		}
		div#navigation ul#left_nav li.list_options a {
			padding: 5px 25px 5px 10px; 
			}

		div#navigation ul#left_nav li a:hover {
			text-decoration: underline;
			color: white;
			background-color: black;
			}
			div#navigation ul#left_nav li a.no_link:hover {
				text-decoration: none;
				}



ul#left_nav li#selections_list_menu {
	width: 100px;
	}
	ul#left_nav li#selections_list_menu li {
		width: 100px;
		}
		ul#left_nav li#selections_list_menu li:hover ul,
		ul#left_nav li#selections_list_menu li.sfHover ul {
			left: 100px;
			}

/* @end */

/* @group Tracks */






/* @end */

/* @group Forms */
form.uberform {
	padding: 10px;
}
form.uberform div.field_row {
	clear: both;
	margin-bottom: 10px;
	position: relative;
	}
	form.uberform div.field_row label {
		font-size:12px;
		font-weight: bold;
		text-align: right;
		float: left;
		width: 120px;
		margin-right: 10px;
		margin-top: 3px;
		}
		div#new_account form.uberform div.field_row label {
			width: 130px;
			}
		div#new_account form.uberform div.field_row label.request_authorization {
			width: inherit;
			text-align: left;
			padding-left: 2px;
			}
			form.uberform div.field_row p {
				clear: left;
				padding-left: 2px;
				}
	form.uberform div.field_row span.help { 
		float: left;
		width: 250px;
		text-align: justify;
		margin-left: 10px;
		margin-bottom: 10px;
		font-size: 12px;
		/*line-height: 20px;*/
		margin-top:2px;
		}
	form.uberform div.field_row input {
		font-size:12px;
		padding:3px;
		margin-top: -3px;
		}
	form.uberform div.field_row textarea {
		margin: 2px !important; 
		height: 60px;
		width: 300px;
		}
		form.uberform div.field_row input.check_box {
			float: left;
			margin-top: 4px;
			}



/* @end */

a.jScrollArrowUp {
	background: url(../images/basic_arrow_up.gif) repeat-x 0 0;
}

/* @group Advanced Search */

div#marked_list,
div#login_wrapper,
div#advanced_search_wrapper {
	padding-left: 40px;
}

div#advanced_search_wrapper {
	padding-top: 0;
	min-height: 800px;
}



#advanced_search label {
	/*font-weight: bold;*/
	width: 100px;
	float: left;
	color: black;
	}
#advanced_search select.multi_select {
	width: 200px;
	height: 60px;
	float: left;
	clear: left;
	margin-left: 1px;
	margin-top: 6px;
	}
	/*#advanced_search select#search_collections {
		margin-top: -16px;
		}*/


#advanced_search div.comments input {
	width: 330px;
	}
	#advanced_search div.comments input[type="checkbox"]{
		width: 10px;
		}
		#advanced_search div.comments table div.without_attribute {
			text-align: right;
			}
			#advanced_search div.comments table td {
				vertical-align: bottom;
				}

#advanced_search div.search_term {
	clear: left;
	position: relative;
	padding-bottom: 5px;
	padding-top: 5px;
	background: transparent;
}
	#advanced_search div.search div.odd {
		/*background: transparent url(../images/track_transparency.png) repeat-x;*/
	}
	#advanced_search hr {
		height: 1px;
		border: 0;
		background-color: black;
		width: 410px;
		float: left;
		padding: 0;
		margin: 0;
}
	#advanced_search div.search div.search_term {
			/*border-top: 1px solid black;
			border-bottom: 1px solid black;*/ 
			width: 410px;
			/*height: 95px;*/
			}
	#advanced_search div.search div.search_term + div.search_term {
		border-top: none;
			}
	#advanced_search div.search div.search_term div.inside {
		padding: 0 10px;
}
	#advanced_search div.submit {
		margin-bottom: 0px;
		padding-bottom: 0;
		}
	#advanced_search #lower_wrapper {
		margin-left: 15px;
		position: relative;
		}

			#advanced_search div.sort label {
				width: 50px;
				margin-top: 2px;
				}
	#advanced_search div.search_term.duration {
		height: 35px;
		width: 410px;
		}

	#advanced_search div.search_term.comments {
		height: 100%;
		background-color: #c3df9a;
		border: 1px solid black;
		width: 434px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		-webkit-box-shadow: 5px 5px 10px #595959;
		-moz-box-shadow: 5px 5px 10px #595959;
		box-shadow: 5px 5px 10px #595959;
		margin-bottom: 10px;
		}
		#advanced_search div.comments div.inside {
			padding: 0 15px;
			}
		#advanced_search div.comments table tr.exclude span {
			font-weight: normal;
			font-style: italic;
			font-size: 10px;
			}

	#track_inspector .sf-menu a,
	#advanced_search .sf-menu a {
		background-color: #b6da8a;
		border-left: none;
		}
		#track_inspector .sf-menu li ul li a
		/*#advanced_search ul.sf-menu li ul li a*/ 	{
			background-color: #525252;
			} 
      #advanced_search ul.sf-menu ul.first li.sfHover > a, #advanced_search ul.sf-menu ul.first a:hover {
        background-color: #333
      }
			#advanced_search ul.sf-menu li:hover ul,
			#advanced_search ul.sf-menu li.sfHover ul {
				left:			200px;  /*match ul width*/ 
				top:			0em;
				}
				#advanced_search ul.sf-menu ul li:hover ul,
				#advanced_search ul.sf-menu ul li.sfHover ul {
					left:			200px;  /*match ul width*/ 
					top:			0em;
					}
			/*#advanced_search ul#genre_search_menu.sf-menu li:hover ul,
			#advanced_search ul#genre_search_menu.sf-menu li.sfHover ul {
				left:			200px;  match ul width 
				top:			0em;
				}
				#advanced_search ul#genre_search_menu.sf-menu ul li:hover ul,
				#advanced_search ul#genre_search_menu.sf-menu ul li.sfHover ul {
					left:			200px;  match ul width 
					top:			0em;
					}

			#advanced_search ul#mood_search_menu.sf-menu li:hover ul,
			#advanced_search ul#mood_search_menu.sf-menu li.sfHover ul {
				left:			200px;  match ul width 
				top:			0em;
				}
				#advanced_search ul#mood_search_menu.sf-menu ul li:hover ul,
				#advanced_search ul#mood_search_menu.sf-menu ul li.sfHover ul {
					left:			200px;  match ul width 
					top:			0em;
					}

			#advanced_search ul#tempo_search_menu.sf-menu li:hover ul,
			#advanced_search ul#tempo_search_menu.sf-menu li.sfHover ul {
				left:			200px;  match ul width 
				top:			0em;
				}
				#advanced_search ul#tempo_search_menu.sf-menu ul li:hover ul,
				#advanced_search ul#tempo_search_menu.sf-menu ul li.sfHover ul {
					left:			200px;  match ul width 
					top:			0em;
					}

			#advanced_search ul#looks_like_search_menu.sf-menu li:hover ul,
			#advanced_search ul#looks_like_search_menu.sf-menu li.sfHover ul {
				left:			200px;  match ul width 
				top:			-20em;
				}
				#advanced_search ul#looks_like_search_menu.sf-menu ul li:hover ul,
				#advanced_search ul#looks_like_search_menu.sf-menu ul li.sfHover ul {
					left:			200px;  match ul width 
					top:			0em;
					}

			#advanced_search ul#sounds_like_search_menu.sf-menu li:hover ul,
			#advanced_search ul#sounds_like_search_menu.sf-menu li.sfHover ul {
				left:			200px;  match ul width 
				top:			-8em;
				}
				#advanced_search ul#sounds_like_search_menu.sf-menu ul li:hover ul,
				#advanced_search ul#sounds_like_search_menu.sf-menu ul li.sfHover ul {
					left:			200px;  match ul width 
					top:			0em;
					}

			#advanced_search ul#collection_search_menu.sf-menu li:hover ul,
			#advanced_search ul#collection_search_menu.sf-menu li.sfHover ul {
				left:			200px;  match ul width 
				top:			-20em;
				}
				#advanced_search ul#collection_search_menu.sf-menu ul li:hover ul,
				#advanced_search ul#collection_search_menu.sf-menu ul li.sfHover ul {
					left:			200px;  match ul width 
					top:			0em;
					}*/
	#advanced_search div.exclude_attribute {
		/*background-color: red;*/
		}
		#advanced_search div.exclude_attribute select {
			}
	#advanced_search div.missing_attribute {
		position: absolute;
		top: 5px;
		right: -200px;
}
	#advanced_search div.duration div.missing_attribute input {
		width: inherit;
		}
	#advanced_search div.search_term input#collection_insert {
		clear: left;
		float: left;
		margin-top: 5px;
		/*float: left;
		margin-left: 10px;
		width: 121px;
		margin-top: 3px*/;
		}
	#advanced_search div.search_term div.exclude {
		float: left;
		margin-left: 10px;
		margin-top: 5px;
		}
		/*#advanced_search div.collection div.exclude {
			float: left;
			clear: both;
			margin-left: 212px;
			margin-top: 4px;
			}*/
		#advanced_search div.search_term label.exclude {
			float: none; 
			font-weight: normal;
			font-style: italic;
			font-size: 10px;
			}

#advanced_search div.duration {
	position: relative;
	}
	#advanced_search div.duration label	{
		width: 200px;
		float: none; 
		}
	#advanced_search div.duration input {
		width: 40px; 
}
	#advanced_search div.duration div.start {
		float: left;
		margin-right: 10px;
	}
	#advanced_search div.search_term select#search_comments_criteria {
		vertical-align: top;
		margin-right: 5px;
		margin-left: -1px;
		}

	#advanced_search div.search_term input#search_comments {
		margin-left: px;
		clear: left;
		}
	#advanced_search div.search_term div.exclude_comments {
		padding: 0px 0;
		}
		#advanced_search div.search_term div.exclude_comments label {
			font-weight: normal;
			font-style: italic;
			font-size: 10px; 
			width: 57px;
			margin-left: 6px;
			margin-top: 5px;
}
	
	#advanced_search div.search_term div.comments_search label {
			display: block;
			float: none;
			margin-bottom: 5px;
		}
	

/* @end */
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../images/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

/* @group Track Editor */

#track_editor div#track_list {
	float: left;
	margin-top: 0;
	margin-left: 20px;
	margin-bottom: 20px;
	border: 2px solid gray;
	width: 250px;
	}
	#track_editor ul#tracks {
		height: 600px;
		overflow: auto;
		border-bottom: 2px solid gray;
		list-style: none;
		margin-top: 0;
		margin-bottom: 0;
		padding: 0px;
		background-color: #fff;
		}
	#track_editor ul#tracks li.even {
		background-color: rgba(202,211,233,0.43); 
		}
		#track_editor ul#tracks li.selected {
			background-color: black;
			color: white;
			}
			#track_editor ul#tracks li a {
				text-decoration: none;
				display: block;
				padding: 3px 0;
				padding-left: 10px;
				}
			#track_editor ul#tracks li.selected a {
				color: white;
				}
				
div#track_editor ul#filters {
	float: right;
	margin-right: 405px;
	margin-top: -7px;
}

div#track_list div.pagination {
	padding: 7px;
}

#track_editor div#track_inspector {
	float: left;
	border: 3px solid gray;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-left: 10px;
	padding-top: 20px;
	width: 600px;
	background-color: #f0f0f0;
}
	#track_editor div#track_inspector h2 {
	margin-top: 0;
}
	#track_editor div#track_inspector div.inside {
		padding: 10px;
		padding-top: 0;
		}
	
	#track_inspector textarea#track_comments {
		height: 45px;
		}
	#track_inspector select.multi_select {
		width: 200px;
		height: 60px;
		}
	#track_inspector div#player {
		margin-left: 110px;
		height:25px;
	}
	#track_inspector div#player a:hover {
		background-color: transparent;
	}
	#track_inspector select#track_composer_id {
		width: 440px;
		}
	#track_inspector  span#track_publisher {
		margin-top: 5px; 
		float: left;
	}
	#track_inspector form div.field_row label {
		width: 100px;
		margin-top: 3px;
	}
	#track_inspector ul.sf-menu li {
		width: 200px;
		}
		#track_inspector div.collection_row ul.sf-menu li {
			width: 200px; 
			}
			#track_inspector ul.sf-menu li:hover ul,
			#track_inspector ul.sf-menu li.sfHover ul {
				left: 200px; 
				top:0;
				}
				#track_inspector div.likes ul.sf-menu li:hover ul,
				#track_inspector div.likes ul.sf-menu li.sfHover ul {
					left: 100px;  
					top:0;
					}
					#track_inspector div.likes ul.sf-menu li li:hover ul,
					#track_inspector div.likes ul.sf-menu li li.sfHover ul {
						left: 200px; 
						top:0;
					}
			/*#track_inspector div.collection_row ul.sf-menu li ul li {
				left: 200px; 
}*/
	#track_inspector ul.sf-menu li.menu_title:hover,
	#track_inspector ul.sf-menu li.menu_title.sfHover {
				background-color: #ccc;
				width: 200px;
				}
	#track_inspector div.collection_row {
		/*float: right;
		width: 200px;*/
		}
	#track_inspector div.left_side {
		width: 350px;
		padding: 0;
		}
		#track_inspector div.left_side div.field_row {
			clear: left;
			}
	#track_inspector div.likes {
		width: 220px;
		position: relative;
		float: left;
		margin-top: 15px;
		}
		#track_inspector div#looks_like_container {
			float: left;
			}
		#track_inspector div.likes label {
			position: absolute;
			top: -5.2em;
			left: 0px; 
			text-align: left;
			width: 120px !important;
			}
		#track_inspector div.likes ul.sf-menu {
			margin-top: 20px;
			margin-bottom: 10px;
			}
			#track_inspector div.likes ul.sf-menu li {
				width: 200px;
				}
			#track_inspector div.submit {
				clear: left;
				}
			#track_inspector div#actions {
				float: right;
				margin-right: 380px;
				margin-top: 3px;
				}

div#notice {
	/*background-color: rgba(56,195,20,0.37);*/
	color: #434f33;
	font-weight: bold;
	padding: 5px;
	/*width: 400px;*/
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
	/*position: absolute;
	top: 0;
	left: 270px;*/
	width: 400px;
}

div#error {
		color: red;
	font-weight: bold;
	padding: 5px;
	/*width: 400px;*/
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
	width: 400px; 
}

div#track_editor div#notice {
	margin-left: 320px;
	margin-bottom: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
/* @end */

/* @group Login */

div#login_wrapper {
	padding-left: 0;
	}	
	div#login_wrapper.right {
	float: right;
	margin-right: 100px;
}

div#new_account {
	float: left;
}


div.login {
	margin: 20px;
	margin-top: 0;
	padding: 10px 20px;
	
	width: 180px;
	background-color: #b7da8b;
	border: 1px solid black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 5px 5px 10px #595959;
	-moz-box-shadow: 5px 5px 10px #595959;
	box-shadow: 5px 5px 10px #595959;
	position: relative;
	
	}
	div.login h1 {
		position: absolute;
		top: -50px;
		left: 0;
		}
	div.login label {
		font-size: 12px;
		}
	div.login input {
		}
	div.login input[type="password"],
	div.login input[type="text"] {
		width: 172px;
}

/* @end */

/* @group Marked List */

div#marked_list.inside {
	padding-left: 30px;
}

div#marked_list_tracks {
	float: left;
	width: 300px;
	height: 600px;
	}
	#marked_list_tracks ul#tracks {
		height: 535px;
		overflow: auto;
		margin-top: 3px;
		list-style: none;
		padding-left: 0px;
		background-color: white;
		border: 1px solid #ccc;
		}
		#marked_list_tracks ul#tracks li {
			clear: both;		
			}
			#marked_list_tracks ul#tracks li.even {
				background-color: rgba(202,211,233,0.43);
				}
				#marked_list_tracks ul#tracks li a {
					text-decoration: none;
					display: block;
					padding: 3px 0;
					padding-left: 10px;
					}
					#marked_list_tracks ul#tracks li span.download a {
						margin: 0;
						margin-top: 3px;
						height: 10px;
}

	#marked_list_tracks ul#tracks li.selected {
		background-color: black;
		}
		#marked_list_tracks ul#tracks li.selected a {
			color: white;
			}

#marked_track {
	float: left;
	margin-left: 10px;
	}
	#marked_track td.player {
		height: 25px;
	}
	#marked_track td.player a:hover {
		background-color: inherit;
		}
	#marked_track th {
		text-align: left;
		padding-right: 5px;
		padding-top: 3px;
		vertical-align: top;
}
	#marked_track td {
		width: 470px;
		vertical-align: top;	 
		}
		#marked_track td p {
			margin-top: 0;
			}



ul#list_options.sf-menu a {
	background-color: #b6da8a;
	border-left: none;
	width: 140px;
	}
	ul#list_options.sf-menu a {
		background-color: #b6da8a;
		border-left: none;
		}
		ul#list_options.sf-menu > li:hover a.list_options {
			color: black;
			}
		ul#list_options.sf-menu > li:hover a {
			color: white;
		}
		ul#list_options.sf-menu li ul li a {
			background-color: #525252;
			} 
			ul#list_options.sf-menu li ul li:hover a {
				color: orange;
				text-decoration: underline;
				}
		ul#list_options.sf-menu li:hover ul,
		ul#list_options.sf-menu li.sfHover ul {
			top: -164px;
}
		
}

/* @end */

div#export {
	margin-top: 20px; 
	text-align: center;
	padding: 40px;
}


#track_inspector ul.scroll_list,
#advanced_search ul.scroll_list,
#search ul.scroll_list { 
	width: 207px;
	max-height: 400px;
	overflow: auto;
	z-index: 5000;
}

/* @group Modal */

#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {
  min-height:170px;
  width:400px;
  background-color:#fff;
  border:3px solid #ccc;
  /*top: 100px !important;*/
}

#simplemodal-container a.simplemodal-close {
	position: absolute;
	bottom: 6px; 
	right: 10px;
}

#simplemodal-container a.modalCloseImg {
  background:url(/images/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}

#simplemodal-container form.uberform div.field_row input {
	font-size: 12px;
	width: 200px;
}


#simplemodal-container form.uberform div.field_row label {
	font-size: 12px;
	margin-top: 3px;
	text-align: left;

}

#simplemodal-container form.uberform input[type="submit"],
#simplemodal-container form.uberform button {
	margin-left: 0px;
}

#simplemodal-container h2 {
	margin-top: 0;
	margin-left: -1px;
}

#simplemodal-container form.uberform {
	padding: 10px 0;
	margin-bottom: 0;
}

#simplemodal-container div.track div.field_row {
	margin-bottom: 5px;
	}
	#simplemodal-container div.field_row label {
		font-weight: bold;
		width: 110px;
		float: left;
		clear: both;
		} 	
	#simplemodal-container div.field_row p {
		margin-left: 80px;
		}
	#simplemodal-container div.track div.field_row span {
		float: left;
		width: 257px;
		}
	#simplemodal-container div.track div.field_row label {
		width: 80px;
		}
	#simplemodal-container div.track div.field_row p {
		margin: 0;
		padding: 0;
		line-height: 1.3em;
		margin-left: 80px;

		}
		#simplemodal-container div.track div.field_row p + p {
			margin-top: 5px; 
			}


/* @end */

/* @group Admin */

div.admin div.field_row {
	clear: left;
	margin-bottom: 10px;
	}
	div.admin div.field_row label {
		float: left;
		width: 150px;
		}
	div.admin form.uberform input[type="submit"],
	div.admin form.uberform button {
		margin-left: -10px;
		}

div.admin div.actions {
	clear: both;
	margin: 20px 0;
}

div.admin form.uberform div.field_row label,
div.admin form.uberform div.field_row input {
	font-size: 12px;
	}
	div.admin div.user form.uberform div.field_row label {
		width: 190px;
}

/* @end */

div#tooltip {
	background-color: #fbfea8;
	opacity: 1;
}

div#tooltip h3 {
	font-weight: normal; 
	font-size: 11px;
}

div.admin #content table {
	background-color: white; 
	}

	div.admin #content table th {
		padding: 3px 5px;
		text-align: left;
		}
	div.admin #content table td {
		padding: 3px 5px;
		}
	div.admin #content table tr.even td {
		background-color: rgba(202,211,233,0.43);;
		}
	div.admin #content table th.company {
		width: 180px;
		}
		div.admin #content table.license_requests {
			width: 630px;
			}
			
div.admin #content table.header {
	background-color: inherit;
	margin-bottom: 10px;
	}
	div.admin #content table.header td {
		vertical-align: bottom;
		height: 100%;
		}
		div.admin #content table.header td h2 {
			margin-bottom: 0;
			}
			div.admin #content table.header td.actions {
				padding-bottom: 4px;
				}
	



div#request_authorization {
	width: 600px;
}



div#request_authorization form label {
	width: 140px;
}

div#request_authorization div.request_header {
	margin-left: 15px;
	width: 410px;
}

div.admin #content table.track-editor {
  background-color: inherit;
}

table.track-editor td.date div.field_row {
  margin-top: 6px;
}
table.track-editor td.date select {
  margin-top: 3px;
}