html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {color:#111;background:#fff;font:13px/1.6em Helvetica, "Lucida Grande", "Trebuchet MS", sans-serif;}
a {color:#005AC8;text-decoration:none;}
a:hover {text-decoration:none;}

.banner{color:#fff;height:60px;left:0;padding:0 20px;position:fixed;top:0;width:100%;z-index:5;}
.banner a{color:#fff;text-decoration:none;}
.flag {padding-top:20;}
.flag .reel_name{font-size:40px;font-weight:700;margin:18px 0 0;display:inline;}
.flag h2 {font-weight:400;}
.flash_player {position:absolute;top:0;left:-5555px;overflow:hidden;}
.footer {
	margin:20px;
	text-align:center;
	bottom:0;
	color:grey;
	font-size:10;
}
.nav{position:absolute;right:45px;top:15;display:inline;}
.nav strong a{color:#fff;display:block;font-size:11px;padding:2px;}
.nav strong a:hover{color:#000;}
.tracks{margin:60px 0 0;}
li.hilite{background:#ddd;}
li.track{border-bottom:1px solid #ddd;cursor:pointer;padding:20px;position:relative;}
li.track .clock{display:inline;}
li.track .info{font-size:14px;position:absolute;right:20px;top:20px;}
li.track .info .clock{font-weight:700;margin:0 5px;}
li.track .info strong{color:#555;font-weight:400;}
li.track .mp3{font-size:14px;line-height:25px;margin:0 10px;vertical-align:top;}
li.track .name{float:left;font-size:20px;}
li.track .name img {width:30px; height:30px;}
li.track .name span {vertical-align:super; padding: 3px;}
li.track:hover{background:#eee;}

li.lbOn{border-bottom:1px solid #ddd;cursor:pointer;padding:20px;position:relative;}
li.lbOn .clock{display:inline;}
li.lbOn .info{font-size:14px;position:absolute;right:20px;top:20px;}
li.lbOn .info .clock{font-weight:700;margin:0 5px;}
li.lbOn .info strong{color:#555;font-weight:400;}
li.lbOn .mp3{font-size:14px;line-height:25px;margin:0 10px;vertical-align:top;}
li.lbOn .name{float:left;font-size:20px;}
li.lbOn .name img {width:30px; height:30px;}
li.lbOn .name span {vertical-align:super; padding: 3px;}
li.lbOn:hover{background:#eee;}

* html .tracks {margin:0;}
* html li.track {border:0;}

.green {color:#393;}
.grey {color:#555;}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  //border:1px solid #888;
  margin:0px;
  padding:0px;
  z-index: 10;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  //z-index: 9;
  border:1px solid #888;
}
div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

div.autocomplete ul li span {
	vertical-align:super; padding: 3px;
	display: inline;
}

div.autocomplete ul li img {
	width:30px; height:30px;
}

div.addvideo {
	padding: 20px;
}
input.editor_field {
	width: 300px;
	
}
form.inplaceeditor-form {
	vertical-align:super; padding: 3px;
	display: inline;
}

.colorbox {
	border: solid;
	border-width: 1px;
	display:inline;
}

.reel_link a{
	color:white;
}

#colorpicker-okbutton a{
	active: alert('foo');
}

.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#ddd; margin:0 5px;}
.b2f {height:1px; background:#ddd; margin:0 3px;}
.b3f {height:1px; background:#ddd; margin:0 2px;}
.b4f {height:2px; background:#ddd; margin:0 1px;}
.contentf {background: #ddd;}
.contentf div {margin-left: 5px;}

.black_button {
  color:white;border: thin outset;background-color:black;margin-top:7px;height:20px;
}

span.error {
	color:red;
}