/* FreshLiveMusic styles */

@import url(reset.css);
/*
::selection {
	background: #ffb7b7; // Safari 
	}
::-moz-selection {
	background: #ffb7b7; // Firefox 
}
*/
strong { font-weight: bold; }
br.clearBoth { clear: both; }

body { background: #FFFFFF url(/img/vertgrad.png) repeat-x fixed top; margin: 0; 
       font: 12px "Lucida Grande" , Verdana, sans-serif; color: #666666;  line-height:1.2em;}
div#outer { border:solid 2px #AFD240; width: 960px; background-color: #FFFFFF; margin:30px auto 10px auto;  padding: 0px; }

h1 { color: #2C9E6F; font-size: 24px; font-weight: normal; line-height: 1.0; margin-bottom: 10px; }
h2 { font-size: 18px; padding-bottom: 6px; margin-top:20px; color: #3366FF; border-bottom:solid 1px blue; }
h3 { font-size: 14px; color: #a25a2e; margin-top:20px; padding-bottom: 6px; }
h4 { font-weight: bold; }
span.h3 {font-size: 14px; color: #3366FF;}

p {margin-bottom:6px;}

.nobdr { border: 0 !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
.nobackground { background: none !important; }
.hidden { display: none; }

.floatright { float: right; padding:5px;}
.floatmiddle { text-align:center; float: left;padding:5px;  }
.floatleft { float: left; padding:5px; }
.alignright { text-align: right; }

/* Site structure */
#header {margin:0 auto; background-position: bottom; height: 106px; background-repeat: no-repeat; background-image: url(/img/heads.jpg); }
#headerwrap { border: solid 1px white;  margin: 0 auto; }
#header .logo {position:absolute; top:20px; left:200px; }
#content {clear: both; margin: 0 auto;  overflow: auto; padding:6px 6px 30px 6px;}
.wrapper {clear: both; margin: 0 auto;  overflow: auto; }

/* navigation */
#navcontainer {text-align: left; height: 36px; background-image: url(/img/nav-bg.jpg); background-position:top; background-repeat: repeat-x; }
#nav {margin:0px; padding:10px 0px 0px 10px ; float:left; }
#nav li {display: inline;}
#nav a { color: white; font-weight: bold; font-size: 13px; text-transform: uppercase; 
         text-decoration: none; margin-right: 15px; }
#nav a:hover { color: #a25a2e; }

/*
body#home .home, body.venues .navVenues { color: #a25a2e !important; border-bottom: 2px solid #a25a2e; }
*/

#footer {  line-height: 1.1em; width:960px; color: #000; margin-left: auto; margin-right: auto; padding: 0px;}
#footer .footerCol {float:left;}
#footer ul {margin:0px;}
#footer ul li {list-style:none;padding: 3px; }
#footer ul li a { line-height: 1.1em; color: #000; padding: 4px;}

body#home .wrapper { padding-top: 10px; }

#intro {   height: 100px; text-align: center; }
#intro a { background: none; display: block; }

#search a { font-size: 11px; }

/* hide/show intro */
body.venue #intro, body.event #intro, body.search #intro, body.aboutus #intro, body.logon #intro { display: none; }

/* layout panes */
#MainContentPane { float: left; width: 700px; padding: 3px; }


.AdContentPane { margin: 35px 5px 10px 5px; text-align: center; border: 0px solid silver; padding-top:15px;
                  border-top:solid 1px black; }
.ContentPaneRight {overflow:auto; float: right; width: 225px; padding-left: 10px; border-left: solid 1px silver; }

#results_wrapper { border: solid 1px black; overflow: auto; height: 200px; }

#mapContainer {margin: 5px 5px 10px 5px; border: solid 2px #00ACEE; width: 695px; overflow:auto; }


/* header stuff */
#loginlinks { display:none; float:right; width: 200px; vertical-align: bottom; text-align: right; margin:4px 20px 4px 4px; }
#logo { float: left; width: 300px; }

/* search results */
.dayWrapper { margin: 5px 0px 5px 0px; padding: 3px 0px 3px 0px; clear: left; }

.dayWrapper .itemsWrapper { width: 600px; float: left; border: solid 1px #FFECCE; }

.odd { background-color: #F0E8C1; /*background-position: top; background-image: url('/img/tan-gradient.png'); background-repeat: repeat-x;*/ }
.even { background-color: Transparent; }

.searchResults { width: 100%; }
.searchResults tr { border: solid 0px white; }
.searchResults tr th { background-color: #e2e2e2; }
.searchResults tr td { padding: 8px 4px 8px 4px; }
.searchResults #eventName { font-size: 120%; }
.searchResults #eventVenue { margin: 4px 0px 4px 0px; color: Gray; font-size: 95%; }
.searchTR { cursor: -moz-grab; cursor: hand; }


/* venue detail */
#venue { width:700px; float:left; }
#venue img.logo { margin: 0px 10px 10px 0px; width: 150px; float: left; }
#venue .searchResults { width: 100%; }
#venue .searchResults tr th { background-color: #e2e2e2; }
#venue .searchResults tr td { padding: 4px 4px 4px 4px; }

#venue .odd {background-color: Transparent;  border-bottom:solid 1px silver; }
#venue .even {background-color: Transparent;  border-bottom:solid 1px silver; }

#venue #simpleMap { width: 200px; height: 200px; border: solid 1px gray; }
.simpleMapControl { }


#eventDetails div { margin-top: 5px; }
#eventDetails .details { margin-top: 20px; line-height:1.2; }
#eventDetails #attributes { margin-top: 10px; }
#eventDetails h1 { padding-bottom: 3px; margin-bottom: 6px; }

#vendorListControl { text-align: left; }
#vendorListControl table { width: 100%; }
#vendorListControl table tr th { padding: 6px; background-color: #2C9E6F; color: White; font-weight: bold; }
#vendorListControl table tr td { padding: 6px 2px 6px 2px; }
.ticketText { font-size: 85%; }
.ticketPrice { font-size: 90%; }

#divReasonMultipleCity, #divReasonNoCity, #divReasonBadSearch { margin: 6px; }

/* search control */
#searchControl { background-position: top; overflow: auto; text-align: right; 
                 margin: 5px 0px 10px 0px; padding: 4px 4px 4px 4px; border: solid 1px #AFD240; 
                 background-image: url(/img/lt-blue-bg.gif); background-repeat: repeat-x; }
#searchControl div.advButton { margin: 4px 0px 4px 0px;  }
#searchControl div.advButton a { margin: 4px 0px 4px 0px; color:Red; padding:2px;  cursor: -moz-grab; cursor: hand; }
#findMusic {border: solid 1px #85b1de; -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin:padding; 
             font-size: 120%; height: 18px; margin-bottom:3px; padding: 3px 3px 0 3px; width: 160px; }
             
#goButton { float:right; font-size: 16px;  text-align: center; padding:4px; height: 45px; width: 50px; }
#searchControl #leftSection {float: right; width: 350px;  padding-right:8px; border-right:solid 1px silver;}
#searchControl #rightSection {width: 60px; float: right;}

/* collapsible panel */
#searchAgain { height: 5px; padding: 4px 4px 4px 4px; display: none; text-align:right; }
#searchAgain div.row { text-align: right; margin: 4px 2px 4px 2px; }
#searchAgain label { display: inline-block; }
#searchAgain label.short { width: 50px; text-align: right; }
#searchAgain .inputbox { width: 25px; height: 20px; }
#searchAgain .right { text-align: right; }
/*#searchAgain .goButton {}*/


.dayWrapper .dateCell { text-align: center; height: 100%; height: 56px; width: 56px; float: left; }
.dayWrapper .dateCell { background-image: url(/img/cal-bg.gif); }


.dateWrapper { background-position: left top; color: White; font-size: 90%; background-image: ulr(/img/cal-bg.gif); background-repeat: no-repeat; }
.dateWrapper .d_month { padding: 2px 2px 0px 2px; font-weight: bold; }
.dateWrapper .d_day { padding: 0px 2px 0px 2px; font-size: 140%; font-weight: bold; color: #8A8160; }
.dateWrapper .d_dayname { padding: 0px 0px 0px 0px; color: black; font-size: 80%; }
.dateWrapper .d_date { display: none; padding: 1px 0px 3px 0px; }

#venue .dateWrapper { color: White; padding: 2px 2px 2px 2px; margin: 0px 0px 10px 0px; }
#venue .dateWrapper .d_month { display: none; margin: 0px 0px 0px 0px; }
#venue .dateWrapper .d_day { display: none; margin: 0px 3px 0px 0px; }
#venue .dateWrapper .d_dayname { display: none; margin: 0px 3px 0px 0px; }
#venue .dateWrapper .d_date { color: #000000; display: block; padding: 7px 4px 7px 4px; }


.alertBar { float:right; width:250px; background-color: #FFFBEA; border:solid 1px #cccccc;
             margin: 10px; padding: 5px; font-size:90%; }
.alertBar DIV { height: 100%; }
.alertBar .alertLeft { float: left; width: 13px; background-image: url('/img/alert-left.gif'); }
.alertBar .alertMid { padding: 15px 0px 4px 0px; float: left; width: 500px; background: url('/img/alert-mid.gif'); background-repeat: repeat-x; }
.alertBar .alertRight { float: left; width: 13px; background: url('/img/alert-right.gif') no-repeat; }

.defaultTextActive { color: #CCCCCC; font-style: oblique; }

.resultsDiv { height: 400px; padding: 0px 0px 0px 6px; overflow: auto; margin: 10px 0px 50px 0px; border: 2px solid #00ACEE; }
.searchItemHilite { border: solid 2px red; }

.eventDate { font-size: 90%; color: gray; }



.mapHeader { font-size:120%; }
#changeSearch { margin: 4px 0px 4px 4px; border: solid 1px black; }
.panelOpen {color:Green;}
.panelClosed {color:Red;}

.mapHeader {margin: 4px 0px 4px 0px; }

.module { border: solid 1px #AFD240; padding:2px; margin:10px 0px 20px 0px; -moz-border-radius: 4px 4px 4px 4px;  } 
.column3 .modHeader,
.column2 .modHeader {background-color:#AFD240; color:#fff; font-size:110%; font-weight:bold; padding:4px; margin-bottom:4px;}
.modContent { background-color: #fff; padding:6px 6px 6px 6px ; }

.column1 .module { border: 1px solid #3366FF; background-color: #22C0FD; padding: 2px; margin: 10px 0px 20px 0px; } 
.column1 .modHeader {background-color: #03ADEA; color:#fff; font-size:110%; font-weight:bold; padding:4px 4px 2px 4px ; margin-bottom:0px;}

/* balloon styles */
.balloon-bg {background-color:Aqua;}
div.balloon {font-size:90%; color:gray; }
.viewItem {}
span.highlight {font-weight:normal; color:Green; }

ul.topCities {margin: 0;}
ul.topCities li { list-style:none; text-indent:-30px; margin-left:0px; padding:2px 2px 2px 0px }
ul.topCities li span.count{ color:silver;}

.loginform table td {padding:3px;}
#register table table td {padding:4px;}
#forgotpw table table td {padding:4px;}
#genreList {margin:10px;}
 #account input {padding:3px;} 
 #account table {width:400px;} 
 #account table td {padding:4px;}
#band { width:700px; float:left; }
#band .logo { margin: 0px 10px 10px 0px; width: 250px; float: left; }
.disclaimer {text-align:right; font-size:90%;}
.venueItem { margin:8px;}
.bandItem { margin:8px;}
#artistSearch {float:right; margin:0px 10px 0px 10px; }
#artistSearch a { color: white; font-size: 12px; text-transform: uppercase;  }
input#artist {margin:10px 10px 0px 10px;}
.eventExpired { background-color:Red; color:White; font-weight:bold; text-align:center; border:solid 1px black; padding:7px;}