/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:rgb(70,40,73);background:rgb(90,60,93);font-family:"Trebuchet MS",Arial,Tahoma,sans-serif;font-size:13px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{_font-size:100%;}
strong{font-weight:bold;}
*{line-height:130%;}
body {
  background:rgb(90,60,93);
  text-align:center;
}
#page {
  text-align:left;
  width:990px;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  clear:both;
}


#header {
  height:100px;
  background:url(g/header.png) no-repeat center bottom;
  position:relative;
}
#header a#header-logo {
  position:absolute;
  top:0;
  left:0;
  width:445px;
  height:100px;
}

#footer {
  background:url(g/footer.png) no-repeat center top;
  padding-top:20px;
  color:rgb(215,195,169);
  text-align:center;
  padding-bottom:20px;
}

#content {
  background:rgb(215,195,169);
  padding:25px;
  overflow:hidden;
  clear:both;
  min-height:250px;
  height:auto !important;
  height:250px;
}

#navigation {
  position:absolute;
  right:0;
  bottom:0px;
}
#navigation li.l1 {
  list-style-type:none;
  float:left;
  height:50px;
  position:relative;
}
#navigation li.l1 a.l1 {
  text-decoration:none;
  display:block;
  line-height:30px;
  float:left;
}
#navigation li.l1 a.l1 span.l1 {
  padding-left:10px;
  padding-right:10px;
  color:rgb(215,195,169);
  text-decoration:none;
  display:block;
  line-height:30px;
  font-weight:bold;
  height:50px;
  cursor:pointer;
  float:left;
}

#navigation li.l1 a.l1:hover,
#navigation li.l1.hover a.l1 {
  background:rgb(215,195,169) url(g/ml.png) no-repeat left top;
}
#navigation li.l1 a.l1:hover span.l1,
#navigation li.l1.hover a.l1 span.l1 {
  color:rgb(90,60,93);
  background:transparent url(g/mr.png) no-repeat right top;
}

#navigation li.l1.current a.l1 {
  background:rgb(215,195,169) url(g/ml.png) no-repeat left top;
}
#navigation li.l1.current a.l1 span.l1 {
  color:rgb(90,60,93);
  background:transparent url(g/mr.png) no-repeat right top;
}

#navigation ul.l2 {
  display:none;
  background:rgb(215,195,169);
  border:1px solid #C8B493;
  border-top:0;
  position:absolute;
  top:34px;
  left:-1px;
}
#navigation li.l1:hover ul.l2,
#navigation li.l1.hover ul.l2 {
  display:block;
}
#navigation li.l2 {
  list-style-type:none;
}
#navigation li.l2 a.l2 {
  text-decoration:none;
  display:block;
  line-height:25px;
}
#navigation li.l2 a.l2 span.l2 {
  padding-left:10px;
  padding-right:10px;
  text-decoration:none;
  display:block;
  line-height:25px;
  font-weight:bold;
  cursor:pointer;
  white-space:nowrap;
}

#navigation li.l2 a.l2:hover {
}
#navigation li.l2 a.l2:hover span.l2 {
  text-decoration:underline;
}

#navigation li.l2.current a.l2 {
}
#navigation li.l2.current a.l2 span.l2 {
}


h1 {
  font-size:25px;
  padding-bottom:20px;
  text-align:center;
}

a {
  color:rgb(90,60,93);
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}

#message {
  text-align:center;
  padding:50px;
}

#songs-search-form {
  border-bottom:1px solid #E8D4C3;
  margin-bottom:15px;
}
#songs-bookmarks {
  list-style-type:none;
  height:45px;
  border-bottom:1px solid #C8B493;
}
#songs-bookmarks li {
  float:left;
}
#songs-bookmarks li a {
  padding-left:5px;
  padding-right:5px;
  font-size:20px;
  line-height:28px;
}
#songs-bookmarks li a:hover {
  background:url(g/lightbubble2.png) no-repeat center center;
}
#songs-bookmarks li.search {
  width:247px;
  height:28px;
  float:right;
  background:url(g/search.png) no-repeat center center;
  line-height:28px;
}
#songs-bookmarks li.search input {
  background:transparent;
  border:0;
  width:200px;
  margin:0;
  margin-left:10px;
  padding:0;
  color:rgb(189,166,125);
  height:18px;
  margin-top:5px;
}
#songs-bookmarks li.search .search-submit {
  width:28px;
  height:22px;
  margin-top:3px;
  margin-right:5px;
  margin-left:0;
  border:0;
  background:transparent url(g/search-icon-18x18.png) no-repeat center center;
  font-size:0;
  float:right;
  display:inline;
  cursor:pointer;
}
#songs-bookmarks li.search input:hover,
#songs-bookmarks li.search input:focus {
  color:rgb(60,30,63);
}

#songs-listing {
  list-style-type:none;
  text-align:left;
  width:650px;
  margin-left:200px;
}
#songs-listing li {
  padding-top:3px;
  padding-bottom:3px;
  font-size:14px;
  width:50%;
  float:left;
}
#songs-listing li a:hover {
  font-weight:bold;
}


#song {
  text-align:center;
}
#song table {
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
#song table h1 {
  text-align:left;
}

.form {
  text-align:center;
}
.form table {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  margin-top:20px;
  margin-bottom:20px;
}
.form table th {
  padding:5px;
  text-align:right;
}
.form table td {
  padding:5px;
}
form .error {
  border:1px solid red;
  background:rgb(255,230,230);
}
form .error td {
  padding:10px;
}
form div.input-text {
  width:247px;
  height:28px;
  float:right;
  background:url(g/input-text-2.png) no-repeat center center;
  line-height:28px;
}
form div.input-text input {
  background:transparent;
  border:0;
  width:225px;
  margin:0;
  margin-left:10px;
  padding:0;
  color:rgb(189,166,125);
  height:18px;
  margin-top:5px;
}
form div.input-text input:hover,
form div.input-text input:focus {
  color:rgb(60,30,63);
}

.button {
  float:left;
  display:inline;
  background:rgb(205,185,159) url(g/button.png) no-repeat left center;
  height:29px;
}
.button input {
  height:29px;
  background:transparent url(g/button-right.png) no-repeat right center;
  border:0;
  padding-left:10px;
  padding-right:10px;
  cursor:pointer;
  color:rgb(90,60,93);
  width:auto;
  overflow:visible;
}

#pending {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
}
#pending a:hover {
  font-weight:bold;
}
#pending th {
  font-weight:bold;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
  background:rgb(195,175,149);
}
#pending td {
  padding:5px;
}
#pending .song {
  width:300px;
}
#pending .user {
  text-align:center;
}
#pending .status {
  text-align:center;
}
#pending .row0 {
  
}
#pending .row1 {
  background:rgb(205,185,159);
}

#song-controls {
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
}
#song-controls td {
  padding:5px;
}


#autocorrect {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
}
#autocorrect a:hover {
  /*font-weight:bold;*/
}
#autocorrect th {
  font-weight:bold;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
}
#autocorrect td {
  padding:5px;
}

#newsong-container {
  margin-left:auto;
  margin-right:auto;
}
#newsong-container td {
  vertical-align:top;
}
#newsong {
  width:450px;
  margin-left:auto;
  margin-right:auto;
}
#newsong-editor-holder {
  padding:5px;
  background:white;
  border:1px solid rgb(189,166,125);
}
#newsong #newsong-editor-holder textarea {
  width:100%;
  border:0 !important;
  height:400px;
}
#newsong #newsong-editor-holder div {
  height:400px;
  overflow:auto;
}
#newsong #newsong-editor-holder div select {
  border:0;
  background:#BEEBBE;
}
.new_edit_back {
  margin-right:10px;
}
.new_edit_save {
  margin-right:10px;
}



#log {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
}
#log a:hover {
  /*font-weight:bold;*/
}
#log th {
  font-weight:bold;
  padding:5px;
  background:#C3AF95;
}
#log td {
  padding:5px;
}
#log .log_date {
  text-align:center;
  width:200px;
}
#log .log_user {
  text-align:center;
  width:100px;
}
#log .log_action {
  text-align:left;
}
#log .row0 {

}
#log .row1 {
  background:rgb(205,185,159);
}

#users {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
}
#users a:hover {
  /*font-weight:bold;*/
}
#users th {
  font-weight:bold;
  padding:5px;
  background:#C3AF95;
}
#users td {
  padding:5px;
}
#users .user_id {
  text-align:center;
  width:50px;
}
#users .user_name {
  text-align:center;
  width:150px;
}
#users .user_email {
  text-align:center;
  width:250px;
}
#users .user_privs {
  text-align:center;
  width:80px;
  padding-right:20px;
}
#users .user_privs.loading {
  background:url(g/users-loading.gif) no-repeat right center;
}
#users .user_privs.ok {
  background:url(g/users-ok.gif) no-repeat right center;
}
#users .user_delete {
  text-align:center;
  width:60px;
}
#users .user_delete a {
  padding-left:5px;
  padding-right:5px;
}
#users .user_delete.loading {
  background:url(g/users-loading.gif) no-repeat center center;
  font-size:0;
}
#users .deleted * {
  text-decoration:line-through;
}
#users .row0 {

}
#users .row1 {
  background:rgb(205,185,159);
}

#similar-songs {
  list-style-type:none;
}
#similar-songs div {
  display:none;
  padding-top:3px;
}
#newsong-similar-songs {
  width:320px;
  padding:5px;
  padding-left:20px;
  margin-left:20px;
  border-left:1px solid gray;
}
#newsong-similar-songs li {
  padding:3px;
}
#newsong-similar-songs h3 {
  font-weight:bold;
  padding-bottom:5px;
  font-size:15px;
}
#newsong-similar-songs p {
  font-weight:bold;
  cursor:pointer;
  margin-left:-3px;
  padding-left:15px;
  background:url(g/arrow_closed.gif) no-repeat 2px center;
}
#newsong-similar-songs p.open {
  background:url(g/arrow_open.gif) no-repeat -1px center;
}
#edited_song_title {
  padding-bottom:7px;
  font-weight:bold;
}