/*
Reset start 
*/
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input[type="submit"] {padding:1px 5px;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
Reset end 
*/
/*
#5AA4D3 light blue
#FFC564 light brown
#FFAE64 redish brown
#1B5B85 dark blue
*/


*							            { margin: 0; padding: 0; }
body                      {background: #eee;}
ul, li                    {list-style: none;}
a, a:visited              {color: black;text-decoration:none;}
h1                        {font-size:28px;}
h2                        {font-size:22px;}                 

#mainbox                  {float:left;}
.cursor_move              {cursor: move;}
.cursor_pointer           {cursor: pointer;}  
.button_red				        {border: 1px solid #272727; background: red; padding: 1px 8px;font-size:11px;margin-left:5px;
									         -moz-border-radius: 3px; -webkit-border-radius: 3px; color: 272727; }
.button1						        {border: 1px solid #272727; background: #F3F3EE; padding: 1px 8px;font-size:11px;margin-top:5px;
									         -moz-border-radius: 3px; -webkit-border-radius: 3px;border-radius:3px; color: 272727;}
.button_big						        {border: 1px solid #272727; background: #F3F3EE; padding: 1px 8px;font-size:15px;margin-top:5px;
									             border-radius: 3px; color: 272727; }
a.button:hover, a.button_big:hover,a.button_big:active  {background: black; color: white;}
.button_red:hover         {color: black;background: yellow;} 
.yellow                   {background: #FFFF66;}
.blue                    {background: #99CCCC;}
.red                     {background: red;}
.green                    {background: #8bcf80;}
.right                    {float: right;}
.left                     {float: left;}
.center                   {text-align: center;}
.pos_right                {position:absolute;right:5px;}
.clear                    {clear: both;}
.hover1                    {background: black;color:white;}
.hidden                   {display: none;}


.vert_contain             {overflow-y: scroll;height: 460px;}
.padding_right            {padding-right: 15px;}
.padded                   {padding: 4px;}
.page_break               {page-break-before: always;}



/*
Top menu
*/
#top_outside        {background: #9c0000;}
#top                {background: #9c0000;height:95px;width:920px;margin:0 auto;}
#top div a					{ color:white;font-family:arial,sans-serif;margin-left:20px;}
#top div a:hover    {text-decoration:underline;}
#top div p            {font-family: verdana;color: white;margin-left:20px; }
#header                 {width: 960px; margin: 0px auto; background:  #ccc;}

#menu-bar							{ background: url(title_images/top_gradiant.jpg) repeat-x; height: 57px;}
ul#main-nav							{  float: left; margin: 0px 0 0 40px;}



ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: #ddd; font-size: 12px; padding: 3px 8px;font-weight: bold;
									  font-size-adjust: none;font-family: Trebuchet MS,Arial,sans-serif;
                     -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius:5px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#wpg2 ul#main-nav li.wpg2 a,
body#categorywordpress ul#main-nav li.wordpress a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a{ background: yellow; color:#000; text-decoration: none; }
/*
menu
*/
#title {background: url(title_images/bmid_071.gif);text-align: center;}
#MainMenu {height:29px;	background: url("title_images/bmid_071.gif");	margin:0;	border:0;padding-left:250px;}
#tab {margin:0;top:0;}
#tab ul {margin:0;padding:0;list-style:none;float:left;}
#tab li {display:inline;float:left;margin:0;padding:0;}
#tab a {background:#000000 url("title_images/bright_071.gif") no-repeat right top;margin:0;
	   padding:0;text-decoration:none;border:0;display:block;float:left;}
#tab a span {display:block;	background:url("title_images/bleft_071.gif") no-repeat left top;
	   padding:0 15px 0 15px;font-family:Arial, Helvetica, sans-serif;font-size:11px;
	   color:#000000;	font-weight:bold;line-height:29px;}
#tab a:hover,#tab li.item_active a {background-position:right bottom;border-color:#FF9300;}
#tab a:hover span,#tab li.item_active a span {background-position:left bottom;color:#FFFFFF;
	   font-weight:bold;font-style:normal;text-decoration:none;}
/*
Side menu
*/
#MainMenu_leftside {width:130px;background:#440000;border:0;margin:0 8px 0 0;float:left;}
#tab_leftside {top:0;height:0;margin:0;}
#tab_leftside ul {list-style:none;float:left;margin:0;padding:0;}
#tab_leftside li {float:left;clear:both;margin:0;padding:0;position:relative;}
#tab_leftside a {background:#1B5B85;text-decoration:none;width:135px;border:1px solid #000;display:block;
	float:left;margin:0;padding:0;}
#tab_leftside a span {display:block;font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#000;
	font-weight:700;line-height:25px;padding:0 10px;}
#tab_leftside a:hover,#tab_leftside li.item_active a {background:#000;}
#tab_leftside a:hover span,#tab_leftside li.item_active a span {color:#FFF;font-weight:700;font-style:normal;text-decoration:none;}

.dropmenudiv_leftside {position:absolute;top:0;float:left;display:block;visibility:hidden;border:0 #000;background:red;
	color:#FFF;z-index:100;text-decoration:none;padding:0;}
.dropmenudiv_leftside ul {list-style:none;margin:0;padding:0;}
.dropmenudiv_leftside li {display:inline;margin:0;padding:0;}
.dropmenudiv_leftside a:link,.dropmenudiv_leftside a:visited {width:130px;display:block;border:1px solid #000;color:#FFF;
	background:#ead88e;font-weight:700;font-style:normal;text-decoration:none;margin:0;padding:0;}
.dropmenudiv_leftside a span {display:block;line-height:25px;font-family:Arial, Helvetica, sans-serif;
	font-size:11px;color:#000;float:none;padding:0 10px;}
.dropmenudiv_leftside a:hover {border:1px solid;background:#000;font-weight:700;font-style:normal;text-decoration:none;
	color:#FFF;}
.dropmenudiv_leftside a:hover span {background:#000;color:#FFF;font-weight:700;} 

/*
Login box 
*/
#test_box     {margin:50px auto -250px;border:1px solid black;width: 300px;height:300px;}
#login_box    {margin: 50px auto;background: #FFC564;border:2px solid black;-moz-border-radius: 3px;-webkit-border-radius: 3px;
                width:400px;}
#login_box  label {display:block;width:100px;text-align:right;margin-right:5px;float:left;margin-left:50px;}
#login_box  .submit{margin-left:200px;}
#ajax_response            {font-weight:bold;font-family:verdana;margin:10px;text-align:center;} 
/*
Setlist stuff
*/

.connectedSortable        {background: #ccc;margin:2px;}
.hidden_form              {display: none;}


.listItem                 {list-style: none;color: #111; width: 180px;background: #FFAE64;margin: 3px;
                          padding: 5px;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-size:13px;border:1px solid black;}




.new_item                 {color: #111;  background: #FFAE64;margin: 3px;padding: 5px;border: 1px solid black;
                          -moz-border-radius: 3px;-webkit-border-radius: 3px;margin-top: 15px;}
.bot_marg  {margin-bottom:10px;}
                        
.print_font {font-size: 2.2em; font-weight: bold; }

table.print_setlist   {margin:5px;}
table.print_setlist td  {margin:10px;padding:5px;}
.page_break               {page-break-before: always;}
.choose_setlist     {margin-bottom:10px;}
/*
tables
*/


.top_headings {background:url(images/orange_gradient_tall.gif) #FFC564;color:#111;border:1px solid black;height:50px;}
#new_table  {width:200px;padding:5px;background:url(images/yellow_gradient_tall.gif) #5aa6d6;margin:5px 5px 5px 5px;border: 2px solid black;}

.years_title      {margin:0 40px 0 30px;font-weight:bold;float:left;}
.dates_title      {width:150px;margin:15px 20px 0 0px;font-weight:bold;float:left;}
.tables_title      {width:120px;margin:15px 20px 0 0px;font-weight:bold;float:left;}
.songlist_title   {width:240px;margin:15px 30px 0 0;float:left;}
.add_music        {margin:15px 0 0 0;float:left;width:30px;}

.year_list_scroll {float:left;margin-left:5px;display:inline;}
.dates_list_scroll {float:left;display:inline;}
.table_list {height: 450px;float:left;display:inline;}



.dates_listing      {display: block;
                    background:url(images/orange_gradient_tall.gif) #FFAE64;width:120px;height:12px;border: 1px solid black;margin:3px;font-size:12px;
                    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:5px;font-weight:bold;margin-left:0px;}
.dates_listing_selected      {display: block;
                    background: url(images/green_gradient.gif) #cc0000;width:120px;height:12px;border: 1px solid black;margin:3px;font-size:12px;
                    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:5px;font-weight:bold;margin-left:0px;}
.dates_listing:hover,
.table_date_listing:hover,
.dates_listing_selected:hover,
.year_listing:hover  {background:url(images/red_gradient.gif) red;cursor:pointer; }


.year_listing      {display: block;
                    background:url(images/orange_gradient_tall.gif) #FFAE64;width:120px;height:12px;border: 1px solid black;margin:3px;font-size:12px;
                    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:5px;font-weight:bold;margin-left:0px;}
.year_listing_selected      {display: block;
                    background: url(images/green_gradient.gif) #cc0000;width:120px;height:12px;border: 1px solid black;margin:3px;font-size:12px;
                    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:5px;font-weight:bold;margin-left:0px;}

.table_title      {background: #FFC564;color:#111;width:120px;border: 1px solid black;margin:3px;margin-left:5px;
                    -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:5px 5px 5px 15px;font-weight:bold;}
.table_list_scroll   {margin-left:5px;height: 450px;overflow-y: scroll;overflow-x: hidden;padding-right: 1px;}



.table_date_listing  {display: block;background:url(images/yellow_gradient.gif) #FFFF63;width:140px;height:12px;border: 
    1px solid black;margin:3px 0;font-size:12px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;
    padding:5px;font-weight:bold;}
.table_date_listing_selected  {display: block;background:url(images/green_gradient.gif) #FFFF63;width:140px;height:12px;border: 
    1px solid black;margin:3px 0;font-size:12px;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding:5px;font-weight:
    bold;}
 
.song_list    {margin-left:5px;height: 450px;padding-right: 0px;}




.song_listing     {background: url(images/gray_gradient.gif) #ccc;color:#000;font-weight:bold;font-size:12px;
  margin:3px 0;border:1px solid black;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;padding:5px;}

.small_submit       {font-size:10px;}
#wimpy_play       {width:300px;}

#add_upload {margin:5px 0 0px 0px;border: 2px solid black;width: 220px;background:#9BDA76;text-align:center;}

audio {height:40px;margin:3px;border:1px solid black;}

.track-details {background:#999;line-height:30px;border:1px solid #333;padding-left:10px;font-weight:bold;display:block;}
#wrapper {background: #ddd;border-radius:5px;border: 1px solid black;padding:5px;}
.playlist1 {padding:5px;}
.playlist1 li:hover {background:white;}
li.playing {background:white;}
.playlist1 li {margin:2px 0;padding:2px 0;}

#status{background:green;height:20px;width:110px;text-align:center;line-height:20px;color:white;visibility:hidden;position:absolute;
	left:100px;top:30px;}