body, html { height: 100%; width: 100%; margin: 0; padding: 0; overflow: hidden; }
body { font-family: 'Lucida Grande', 'Lucida Sans', Tahoma, Verdana, Arial, sans-serif; font-size: 10pt; color: #555; }
a { text-decoration: none; }
input[type="text"], input[type="password"], textarea { width: 220px; padding: 6px; margin-top: 4px; font-size: 11pt; font-family: 'Lucida Grande', 'Lucida Sans', Tahoma, Verdana, Arial, sans-serif; }
textarea { width: 332px; height: 115px; margin-top: 15px; }
ul { padding-left: 20px; list-style-image: url('../images/checkmark.png'); }
img { border: 0; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; font-weight: normal; margin: 0; }

#page_container {  }
#sub_container {  }
#content_holder { position: relative; display: inline-block; text-align: center; }
#player_holder, #login_form { position: relative; background-repeat: no-repeat; background-position: right top; display: inline-block; width: 400px; height: 580px; }
#player_holder { background-image: url('../images/radio_unit_empty2.png'); }
#close_button { position: relative; top: -10px; margin: 0 0 5px 5px; }

#welcome, #welcome_active, #howto, #howto_active, #faq, #faq_active { position: absolute; left: 0px; }
#welcome { display: none; top: 21px; }
#welcome_active { top: 21px; }
#howto { top: 175px; }
#howto_active { display: none; top: 175px; }
#faq { top: 329px; }
#faq_active { display: none; top: 329px; }

#contact_content, #terms_content, #colofon_content { display: none; }
#welcome_content form, #contact_content form { width: 346px; }
#welcome_content form { padding: 15px 0 15px 0; }
#welcome_content form span.gender { display: inline-block; margin-bottom: 10px; }
#welcome_content form input[type="text"], #contact_content form input[type="text"] { width: 330px; }
#welcome_content form input[type="submit"], #contact_content form input[type="submit"] { float: right; margin-top: 5px; }
#howto_content, #faq_content { display: none; }
#howto_content h4, #faq_content h4 { margin-top: 15px; }
#awards { position: absolute; bottom: 5px; right: 25px; }
#awards img { margin-left: 20px; }

#tabs { position: relative; top: 55px; left: 5px; width: 349px; }
#tabs a { display: inline-block; padding: 4px 8px 4px 8px; font-size: 14pt; color: #555; width: 78px; text-align: center; }
#tabs a.active, #tabs a:hover { background-color: #555; color: #FFF; font-size: 14pt; border-radius: 8px; }
#cp_container_1 { position: relative; left: -20px; top: 102px; display: inline-block; }
#playing_now { height: 94px; width: 335px; position: absolute; bottom: 104px; left: 0; text-shadow: 1px 1px 1px rgb(240,240,240); }
#playing_now p { margin: 0; text-align: left; white-space: nowrap; width: 300px; overflow: hidden; }
#playing_now p.header { font-size: 12pt; padding: 5px 0 0 22px; height: 26px; }
#playing_now p.artist { font-size: 18pt; padding-left: 22px; height: 30px; }
#playing_now p.title  { font-size: 14pt; padding-left: 22px; height: 24px; width: 240px; overflow: hidden; }
#forgot { display: inline-block; position: relative; top: -9px; font-size: 9pt; margin-left: 10px; }
#forgot a { color: #888; }
#forgot a:hover { text-decoration: underline; color: #555; }
#reset_password_explanation { width: 250px; }
#more_info a { background-color: #555; color: #FFF; font-size: 14pt; border-top-left-radius: 8px; padding: 4px 8px 4px 8px; position: fixed; bottom: 0; right: 0; text-shadow: 1px 1px 1px #000; }
#page_footer { position: fixed; bottom: 15px; left: 50px; }
#page_footer a.light { color: #888; }
#page_footer a.dark { color: #333; }
#page_footer a:hover { text-decoration: underline; }

.spinner { float: right; margin: 6px 5px 0 0; display: none; }
.thank_you { padding-top: 25px; color: green; font-weight: bold; display: none; }
.bold_underlined { font-weight: bold; text-decoration: underline; }
.answer { display: none; }
.vertical_align_middle { vertical-align: middle;}
.notice { color: green; font-weight: bold; width: 250px; }
.error { color: #F00; font-weight: bold; width: 250px; }
.clear { clear: both; }