﻿html, body { height: 100%; margin: 0 0 1px 0; padding: 0; text-align: center;}

body { background: #F8F8F8 url(images/bg.jpg) top center; color: #272020; font-family: Arial, Helvetica, Verdana, sans-serif; padding: 0; min-height: 100%; height: 100%; }

h1{ font-size: 22px; font-weight:bold; }
h2{ font-size: 20px; font-weight:bold; }
h3{ font-size: 18px; font-weight:bold; }

a img { border: none; margin: 0; vertical-align:middle; }

a{ font-family: Helvetica; font-weight: normal; font-size: 12px; line-height: 16px; color: #272020; text-decoration: none; }
a:hover{ text-decoration: underline; }
a.plain{ font-family: Helvetica; font-weight: normal; font-size: 12px; line-height: 16px; color: #272020; text-decoration: none; }
a.plain:hover{ text-decoration: underline; }

.popup { position:absolute; left:-250px; top:20px; width:300px; background-color: #41505E; border:1px solid #4D7380; font-size:14px; color:#FFF; padding: 5px; z-index:2; visibility : hidden; text-align:left; }

#headerDiv { background-color: #050403; color: #FFF; width:100%; height:90px; font-size: 22px; padding-top:15px;}
#headerDiv a { color: #FFF; font-size: 22px; line-height:25px;}

#headerDiv .helpDiv { font-size:14px; color:#DFE0AF;}
#headerDiv a.helpDivLink { font-size:14px; color:#FFF; }

#logoDiv { width:35%; float:left;}

#controlsDiv { width:65%; float:right; text-align:center; font-size: 14px;}
#controlsDiv #basicSearch { font-size: 22px; }
#controlsDiv input { font-size:12; padding:2px; }

#contentDiv { font-size: 13px; line-height: 1.7; width:800px; min-height: 450px; margin: 0px auto; padding-top:10px; padding-bottom:100px;}

#resultsDiv { width:100%; margin: 0px auto; margin-top:30px; }
#resultsDiv .artistMain { float:left; width:320px; margin-bottom:50px; text-align:left;}
#resultsDiv .artistName { font-size: 22px; color:#4D7380; }
#resultsDiv .artistLinks { display:none; margin-bottom:30px;}
#resultsDiv .artistShows { float:left; width:480px; text-align:left; margin-bottom:30px;}
#resultsDiv .artistShows .albumImage{ margin:10px 5px; width:126px; height:126px; }
#resultsDiv .artistShows a { font-weight: bold;}
#resultsDiv .showName { font-size:15px; color:#41505E; line-height:18px;}
#resultsDiv .actionLink { font-size:15px; line-height:18px; font-weight:bold}
#resultsDiv .showDetails { font-size:12px; color:#41505E; }
#resultsDiv .artistImage { vertical-align:bottom; margin:10px 5px; }
#resultsDiv .artistNameSearch { color: #601C1C; font-weight:bold;}
#resultsDiv .albumName { color:#41505E; }
#resultsDiv #moreLink {font-size: 22px; font-weight: bold; color:#4D7380}

#footerDiv { background-color: black; color: #DFE0AF; font-size: 13px; line-height: 1.7; 
             width:90%; height: 20px; margin: 0px auto; margin-top:30px; padding: 5px 5%; text-align:right; position: fixed; bottom:0px; left:0px; z-index:999;}
#footerDiv a { color: #FFF; font-size: 12px; line-height:12px;}
#footerDiv img { margin-left:20px; vertical-align: text-bottom;}

.clear {clear:both}
.bold {font-weight:bold}
.calendarOpen { cursor:pointer; vertical-align:bottom; }

/* -----------------------------------------------------
	Forms
----------------------------------------------------- */
/* -- [Text and Pass Fonts] -- */
form input[type="text"],
form input[type="password"] { font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; padding: 5px;}
/* -- [Text, Textarea and Pass Style] -- */
form input[type="text"],
form input[type="password"],
form textarea { background: #fff url(images/bg_input.png) no-repeat; border: 1px solid #9f9f9f; width:150px; }

#advancedDiv input[type="text"] { background: #fff url(images/bg_input.png) no-repeat; border: 1px solid #9f9f9f; width:70px; font-size: 12px;}

/* -- [Input] -- */
form input[type="text"].blur { color: #999; }
/* -- [Select] -- */
form select { width: 450px; }

form button {background-color: #41505E; border:1px solid #4D7380; font-size:20px; color:#FFF; cursor:pointer; width:110px;}

div.autocomplete {
  position:absolute;
  width:350px;
  background-color: #41505E;
  border:1px solid #4D7380;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  color:White;
  font-size:14px;
}
div.autocomplete ul li.selected { background-color: black;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:18px;
  cursor:pointer;
}


/* carouselle */
div.scroller { width: 480px; height: 300px;	overflow: hidden;}
div.scroller div.section { width:480px; height:300px; overflow:hidden; float:left; }
div.scroller div.content { width: 10000px; }