/* initialize everything to zero */
body {margin:0; padding:0;}
br {clear:both;}
div.clear {clear:both;}
td.clear {display:none;}

form, fieldset, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table {margin:0; padding:0;}
table {border-collapse:collapse;}
fieldset, table, td, img {border:none;}
ul {list-style-type:none;}

body { background-color:#999; width:100%; height:100%; font-family: Verdana; }
#center { position:absolute; width:780px; margin-left:50%; left:-400px; }

/* masthead section */

#masthead {width:785px; margin:17px 0 0 9px;}
#masthead .logo {float:left;}
#masthead #header {float:left; width:491px; height:76px; margin:8px 6px 6px 23px; background:url(../images/box/box_masthead.gif) no-repeat;}
#masthead #header .text {float:left; width:375px; padding:2px 0 0 15px;}
#masthead #header h1 {font:bold 13px/24px Verdana, sans-serif; color:#fff;}
#masthead #header p {font:bold 10px/14px Verdana, sans-serif; color:#a5db03;}
#masthead #header .button {float:right; width:82px; height:65px; margin:5px;}

/* main section */

#main {margin:21px 0 0 38px; width:721px; background:#fff url(../images/box/box_white_top.gif) no-repeat;}
#main .padding {padding:8px 8px 0 8px;}

/* left column */

#column_left {display:block; float:left; width:164px;}

/* box 'member login' */

#column_left #login {width:164px; background:url(../images/box/col_left_top.gif) no-repeat;}
#column_left #login h1 {height:15px; padding:3px 0 0 8px; font:bold 10px/12px Verdana, sans-serif; color:#333;}
#column_left #login .box {border:5px solid #ccc; background-color: #ccc; border-top:none; font:bold 9px Verdana, sans-serif; color:#000;}
#column_left #login input.text {margin:6px 0 0 6px; font:bold 10px Verdana, sans-serif; color:#333; padding-left:3px; width:141px;}
#column_left #login input.button {float:left; margin:4px 0 5px 6px; padding:0 1px; font:bold 11px Verdana, sans-serif;}
#column_left #login input.button {float:left; margin:4px 0 5px 6px; padding:0 1px; font:bold 11px Verdana, sans-serif;}

#column_left #login label {float:right; margin:8px 7px 0 0;}
#column_left #login label a {font:9px Verdana, sans-serif; color:#333; word-spacing:-0.1em; text-decoration:underline;}

/* box 'search shows+movies' */

#column_left #search {margin-top:8px; width:164px; background:#fc6;}
#column_left #search h1 {height:15px; padding:3px 0 0 7px; font:bold 10px/12px Verdana, sans-serif; color:#333;}
#column_left #search .box {border:5px solid #fc6; border-top:none; border-bottom:4px solid #fc6; background:#ff8400;}
#column_left #search input.text {float:left; margin:5px 0 0 6px; font:bold 10px Verdana, sans-serif; color:#333; padding-left:3px; width:90px;}
#column_left #search input.button {float:right; margin:5px 7px 0 0; padding:0 1px; font:bold 11px Verdana, sans-serif;}
#column_left #search select {width:141px; margin:5px 0 0 5px; font:bold 11px Verdana, sans-serif; color:#333;}
#column_left #search label {float:right; margin:4px 9px 7px 0;}
#column_left #search label a {font:bold 10px Verdana, sans-serif; color:#333; text-decoration:underline;}

/* box 'recent additions' */

#column_left #recent {margin-top:8px; width:164px; background:#aed5fc; position:relative; z-index:100;}
#column_left #recent h1 {height:19px; padding:4px 0 0 10px; font:bold 10px/12px Verdana, sans-serif; color:#1e5388;}
#column_left #recent h5 {height:18px; padding:4px 0 0 10px; font:bold 9px/12px Verdana, sans-serif; color:#1e5388;}
#column_left #recent .box {margin-top:-3px; border:5px solid #aed5fc; border-top:none;  border-bottom:none; background:#2f5c88;}

#column_left #recent ul {padding:6px 0 1px 7px;}
#column_left #recent ul li {padding:0 15px 10px 0;}

#column_left #recent ol {padding:6px 0 8px 22px;}
#column_left #recent ol li {font:bold 9px Verdana, sans-serif; color:#fff; padding:0 15px 5px 0;}

#column_left #recent h2, #column_left #recent h2 a {font:bold 9px Verdana, sans-serif; color:#fff; text-decoration:none;}
#column_left #recent h3, #column_left #recent h3 a {font:bold 9px Verdana, sans-serif; color:#ccc; text-decoration:none;}
#column_left #recent h4, #column_left #recent h4 a {font:bold italic 9px Verdana, sans-serif; color:#9cf; text-decoration:none;}

#column_left #recent a:hover {text-decoration:underline;}

#column_left #recent .plain {font-weight:normal; font-style:normal; padding-left:2px;}

#column_left .foot {width:164px; height:13px; background:transparent url(../images/box/col_left_bot.gif) no-repeat; margin:-10px 0 0 0; position:relative; z-index:200;}

/* center column */

#column_center {display:block; float:right; width:411px;}
#column_center .padding {padding: 0 0 0 6px;}
#column_center p {font-size: 14px; font: Geneva, Arial, Verdana, sans-serif; text-align: justify; padding: 0px 0px 15px 0px;}

#column_center_only {display:block; height: 400px; width:701px;}
#column_center_only .padding {padding:10px;}
#column_center_only p {font-size: 14px; font: Geneva, Arial, Verdana, sans-serif; text-align: justify; padding: 0px 0px 15px 0px;}

/* left and center columns envelope */
#envelope {display:block; float:left; width:575px;}

/* right column */

#column_right {display:block; float:left; width:130px;}

#column_right .head {width:130px; height:20px; background:#9cf url(../images/box/col_right_top.gif) no-repeat top;}
#column_right .box {width:130px; min-height:600px; border:none; background:#9cf; text-align:center; position:relative; z-index:100;}
#column_right .foot {width:130px; height:20px; background:#9cf url(../images/box/col_right_bot.gif) no-repeat bottom; position:relative; z-index:100;}

/* footer section */

#footer {margin-top:-27px; width:721px; background:transparent url(../images/box/box_white_bot.gif) no-repeat bottom; position:relative; z-index:100;}
#footer .padding {width:400px; padding:0 0 12px 185px;}
#footer p {font:bold 9px/12px Verdana, sans-serif; color:#666; text-align:center; position:relative; z-index:100;}
#footer p a {color:#036; text-decoration:underline;}
/* badge page */

#column_center .badge {display:block; padding:0 0 24px 12px;}

.badge .header {padding:12px 0 0 1px;}
.badge .subheader {width:368px; background:url(../images/icons/icon_rssfeed.gif) no-repeat left top; margin:19px 0 0 1px;}
.badge h1 {font:bold 12px/12px Verdana, sans-serif; color:#333; padding:0 0 0 19px;}
.badge h2 {font:bold 10px/13px Verdana, sans-serif; color:#666; padding:6px 0 4px 0;}

.badge .badge_step {width:375px; background: url(../images/box/box_green_top.gif) no-repeat; margin:16px 0 0 0;}
.badge .foot {margin:0 0 0 0; width:375px; height:7px; font-size:1px; background:#e2e2e2 url(../images/box/box_gray_bot.gif) no-repeat bottom;}

.badge_step h1 {float:left; font:bold 11px/12px Verdana, sans-serif; color:#fff; padding:4px 0 6px 11px;}
.badge_step h2 {float:left; font:bold 11px/12px Verdana, sans-serif; color:#333; padding:4px 0 6px 8px;}

.badge #search_module {background:#e2e2e2;}
.badge #search_module fieldset {padding:17px 0 0 13px;}
.badge #search_module label {float:left; width:51px; font:bold 10px/19px Verdana, sans-serif; color:#666;}
.badge #search_module input.text {float:left; font:bold 10px Verdana, sans-serif; color:#333; padding-left:3px; width:148px;}
.badge #search_module input.button {float:left; margin:-1px 0 0 6px; padding:0 1px; font:bold 12px Verdana, sans-serif;}

.badge #browser_module {background:#e2e2e2; padding:5px 0 0 13px;}
.badge #browser_module label {float:left; width:51px; font:bold 10px/19px Verdana, sans-serif; color:#666;}
.badge #browser_module #alphabet {float:left; font:bold 11px/18px Verdana, sans-serif; letter-spacing:3px; text-transform:uppercase; white-space:nowrap; padding:0 0 0 2px;}
.badge #browser_module #alphabet a {color:#690; text-decoration:none;}
.badge #browser_module #alphabet a:hover {color:#ff8400;}

#badge_select_module {background:#e2e2e2; padding:5px 0 5px 1px;}
#badge_select_module h1 {font:10px/15px Verdana, sans-serif; color:#333; padding:2px 0 6px 11px;}
#badge_select_module .buttons {padding-left:55px;}
#badge_select_module .spacer {padding:2px 6px;}
#badge_select_module .liner {width:360px; height:1px; font-size:1px; background:#fff; margin:10px 0 7px 7px;}
#badge_select_module .btn_get-badge {float:left; margin:76px 0 0 29px;}
#badge_select_module #badge_module {float:right; margin:4px 15px 0 0;}
#badge_select_module #badge_module .tunefind_badge {margin-bottom:20px;}

#tunefind_badge_code {margin:14px 0 0 14px; width:343px; height:110px; border:1px solid #999; background:#fff; overflow:auto; font:10px Courier, 'Courier New', serif; text-align:left;}
/* home page */

#column_center .home {display:block; float:left; width:182px; padding:0 0 24px 12px;}
#column_center .home .padding {padding:13px 0 0 0;}

.home ul li {padding:0; border-top:1px solid white;}
.home ul ul {padding:0 5px 6px 10px; border:none;}
.home ul ul li {padding-bottom:6px; border:none;}
.home h1, .home h1 a {font:bold 10px/12px Verdana, sans-serif; color:#333; padding-bottom:2px; text-decoration:none;}
.home h1 .h2 {font:bold 9px/11px Verdana, sans-serif; color:#666;}
.home h2, .home h2 a {font:bold 9px/12px Verdana, sans-serif; color:#666; padding-bottom:1px; text-decoration:none;}
.home h3, .home h3 a {font:bold 9px/10px Verdana, sans-serif; color:#036; padding-bottom:2px; text-decoration:none;}
.home h4, .home h4 a {font:bold italic 9px/10px Verdana, sans-serif; color:#06c; text-decoration:none;}

.home a:hover {text-decoration:underline;}


/* Added for popular song page */

.home #recent {margin-top:8px; width:164px; background:#aed5fc; position:relative; z-index:100;}
.home #recent h1 {height:19px; padding:4px 0 0 10px; font:bold 10px/12px Verdana, sans-serif; color:#1e5388;}
.home #recent h5 {height:18px; padding:4px 0 0 10px; font:bold 9px/12px Verdana, sans-serif; color:#1e5388;}
.home #recent .box {margin-top:-3px; border:5px solid #aed5fc; border-top:none;  border-bottom:none; background:#2f5c88;}

.home #recent ul {padding:6px 0 1px 7px;}
.home #recent ul li {padding:0 15px 10px 0;}

.home #recent ol {padding:6px 0 8px 22px;}
.home #recent ol li {font:bold 9px Verdana, sans-serif; color:#fff; padding:0 15px 5px 0;}

.home #recent h2, .home #recent h2 a {font:bold 9px Verdana, sans-serif; color:#fff; text-decoration:none;}
.home #recent h3, .home #recent h3 a {font:bold 9px Verdana, sans-serif; color:#ccc; text-decoration:none;}
.home #recent h4, .home #recent h4 a {font:bold italic 9px Verdana, sans-serif; color:#9cf; text-decoration:none;}

.home #recent a:hover {text-decoration:underline;}

.home #recent .plain {font-weight:normal; font-style:normal; padding-left:2px;}

.home .foot {width:164px; height:13px; background:transparent url(../images/box/col_left_bot.gif) no-repeat; margin:-10px 0 0 0; position:relative; z-index:200;}

/* center column */
/* redirect page */

#column_center .redirect {display:block; padding:0 0 24px 12px;}

.redirect .header {padding:13px 0 0 0;}
.redirect h1 {font:bold 12px/14px Verdana, sans-serif; color:#333; padding:18px 0 0 1px;}
.redirect h2 {font:bold 10px/14px Verdana, sans-serif; color:#333; padding:5px 0 0 1px;}

.redirect #store_preference_module {margin:26px 0 0 0; width:375px; background:url(../images/box/box_green_top.gif) no-repeat;}

#store_preference_module h1 {font:bold 10px/22px Verdana, sans-serif; color:#fff; padding:0 0 0 13px; height:22px;}
#store_preference_module #store_preference_box {width:371px; border-left:2px solid #999;  border-right:2px solid #999; background:#e5e4e4 url(../images/box/box_gray_back_alt.gif) repeat-y;}
#store_preference_module .foot {position:relative; top:-11px; width:375px; height:13px;}

#store_preference_box .labels {width:371px; background:#fff;}
#store_preference_box .action {width:371px; padding:2px 0 8px 0;}
#store_preference_box label {font:bold 9px/12px Verdana, sans-serif; text-align:left; padding:4px 0 2px 7px;}
#store_preference_box .song {float:left; width:110px; color:#063;}
#store_preference_box .artist {font-style:italic; color:#3183d6;}
#store_preference_box .store {float:left; width:95px; color:#333; padding-left:13px;}
#store_preference_box .language {float:left; width:91px; color:#333; padding-left:7px;}
#store_preference_box .listen {float:left; color:#ff8400; padding-left:7px;}
#store_preference_box a.song {color:#036; text-decoration:none;}
#store_preference_box a.artist {color:#3183d6; text-decoration:none; font-style:italic;}
#store_preference_box a:hover {text-decoration:underline;}
#store_preference_box select {width:82px; margin:6px 0 0 0; font:bold 11px Verdana, sans-serif; color:#333;}
#store_preference_box input.button {margin:6px 0 0 0; padding:0 1px; font:bold 11px Verdana, sans-serif;}
/* search page */

#column_center .search {display:block; padding:0 0 24px 12px;}

.search .header {padding:12px 0 0 2px;}
.search fieldset {padding:17px 0 0 2px;}
.search label {float:left; width:51px; font:bold 10px/19px Verdana, sans-serif; color:#666;}
.search input.text {float:left; font:bold 10px Verdana, sans-serif; color:#333; padding-left:3px; width:148px;}
.search input.button {float:left; margin:-1px 0 0 6px; padding:0 1px; font:bold 12px Verdana, sans-serif;}

.search h1 {font:bold 13px/12px Verdana, sans-serif; color:#333; padding:20px 0 0 1px;}
.search h2 {font:bold 10px/12px Verdana, sans-serif; color:#333;}
.search h3 {font:10px/12px Verdana, sans-serif; color:#333;}
.search h4 {font:bold 10px/14px Verdana, sans-serif; color:#333; padding:11px 0 0 2px;}
.search h4 a {color:#06c; text-decoration:underline;}

.search #browser_module {background:#fff; padding:5px 0 0 1px;}
.search #browser_module #alphabet {float:left; font:bold 11px/18px Verdana, sans-serif; letter-spacing:3px; text-transform:uppercase; white-space:nowrap; padding:0 0 0 2px;}
.search #browser_module #alphabet a {color:#690; text-decoration:none;}
.search #browser_module #alphabet a:hover {color:#ff8400;}

.search #results_module {margin:30px 0 0 2px; width:375px; background:url(../images/box/box_gray_top.gif) no-repeat;}

#results_module h1 {font:bold 13px/37px Verdana, sans-serif; color:#333; padding:0 0 0 8px; height:41px;}
#results_module #results_box {position:relative; z-index:99; width:375px; background:#e2e2e2 url(../images/box/box_gray_back.gif) repeat-y;}
#results_module .foot {position:relative; z-index:88; top:-6px; width:375px; height:13px;}

#results_box .icon {float:left; margin:0 5px 0 6px;}
#results_box .tvshows {float:left; width:125px; margin-top:16px;}
#results_box .movies {float:left; width:125px; margin-top:16px;}
#results_box .artists {float:left; width:125px; margin-top:16px;}
#results_box h2 {padding:0 8px 8px 10px; font:bold 10px/12px Verdana, sans-serif; color:#333; text-transform:uppercase;}
#results_box h3 {padding:0 8px 8px 10px; font:10px/12px Verdana, sans-serif; color:#333;}

#results_box h2 a {color:#333; text-decoration:none;}
#results_box h2 a:hover {text-decoration:underline;}

#column_center .show {position:relative; z-index:100; display:block; padding:0 0 24px 13px; margin-top:-4px;}

/* .show .subheader {width:368px; background:url(../images/icons/icon_rssfeed.gif) no-repeat left top; margin:13px 0 0 2px;} */
.show .subheader {width:368px; margin:13px 0 0 2px;}
.show .subheader select {width:auto; max-width:200px; margin:8px 0 0 0; font:bold 11px Verdana, sans-serif; color:#333;}
.show .subheader h1 {width:220px; font:bold 13px/12px Verdana, sans-serif; color:#333; text-transform:uppercase; padding:0 0 0 0px;}
.show .subheader h3 {font:bold 10px/15px Verdana, sans-serif; color:#8ebc03; padding-right:5px;}
.show .subheader h3 a {font-weight:normal; color:#2079d2; text-decoration:underline;}

.show .subheader .left {float:left;}
.show .subheader .right {float:right; text-align:right;}
.show .subheader .arrow {float:right; text-align:right; margin:20px 1px 0 0;}

.show .title {float:left; padding-left:12px; position:relative; z-index:400;}
.show .date {float:right; padding-right:10px; position:relative; z-index:400;}

.show .new {color:#690;}
.show .song, .show .song a {color:#224e7a; text-decoration:none;}
.show .artist, .show .artist a {color:#06c; text-decoration:none; font-style:italic;}
.show .description {font:bold 9px/13px Verdana, sans-serif; color:#666;}
.show a:hover {text-decoration:underline;}

/* submit episode box */

.show #submit_episode_module {margin:2px 0 15px 10px;}

#submit_episode_module h1 {font:bold 11px/12px Verdana, sans-serif; color:#333; padding-bottom:5px;}
#submit_episode_module label.select {float:left; width:155px; font:bold 9px/12px Verdana, sans-serif; color:#666;}
#submit_episode_module label.text {float:left; width:90px; font:bold 9px/12px Verdana, sans-serif; color:#666;}
#submit_episode_module select {float:left; font:11px Verdana, sans-serif; margin-right:5px; width:150px;}
#submit_episode_module input.artist {float:left; font:11px Verdana, sans-serif; color:#333; margin-right:5px; padding-left:3px; width:85px;}
#submit_episode_module input.song {float:left; font:11px Verdana, sans-serif; color:#333; margin-right:3px; padding-left:3px; width:75px;}
#submit_episode_module input.button {float:left; padding:0 1px; font:bold 12px Verdana, sans-serif;}

/* recent episode box */

.show #recent_episode_module {position:relative; margin:4px 0 0 0; width:375px; background:url(../images/box/box_show_top.gif) no-repeat;}
#recent_episode_module .h1 {width:375px; font:bold 10px/22px Verdana, sans-serif; color:#fff; height:22px;}
#recent_episode_module #recent_episode_module_box {width:375px; background-color:#fff;}
#recent_episode_module .foot {position:relative; top:-9px; width:375px; height:13px;}

/* previous episode box */

.show #previous_episode_module {position:relative; margin:4px 0 0 0; width:371px; background:url(../images/box/box_show_top_alt.gif) no-repeat;}
#previous_episode_module .h1 {width:371px; font:bold 10px/22px Verdana, sans-serif; color:#fff; height:22px;}
#previous_episode_module #previous_episode_module_box {width:371px; background-color:#fff;}
#previous_episode_module .foot {position:relative; top:-11px; width:371px; height:13px;}


/* episode row */

#recent_episode_module_box .episode_row {margin-left:4px;}
#previous_episode_module_box .episode_row {margin-left:2px;}

.episode_row {width:359px; background:#ccc; border-top:1px solid #fff; font:bold 10px/13px Verdana, sans-serif; color:#333; padding:4px 0 3px 8px; position:relative; z-index:400;}
.episode_row .episode_name {float:left; width:275px; padding-bottom:3px; position:relative; z-index:400;}
.episode_row .episode_description {font:bold 9px/13px Verdana, sans-serif; color:#333; padding-bottom:1px;}

/* labels row */

#recent_episode_module_box .labels_row {margin-left:4px;}
#previous_episode_module_box .labels_row {margin-left:2px;}

.labels_row {width:358px; background:#e5e4e4; margin-top:1px; font:bold 9px/12px Verdana, sans-serif; color:#333; padding:2px 0 4px 9px; position:relative; z-index:400;}
.labels_row .label_left {float:left; width:262px;}
.labels_row .listen {float:left; width:41px; text-align:center; color:#666;}
.labels_row .status {float:left; width:55px; text-align:center; color:#666;}

/* song row */

#recent_episode_module_box .song_row {margin-left:4px;}
#previous_episode_module_box .song_row {margin-left:2px;}

.song_row {width:367px; border-top:2px solid #e5e4e4; font:bold 9px/13px Verdana, sans-serif; color:#333; position:relative; top:-2px;}

.pop_off .song_row {position:relative; z-index:199;}
.pop_on .song_row {position:relative; z-index:999;}

.pop_off .song_module {float:left; width:311px;}
.pop_off .song_row .col1 {float:left; width:20px; text-align:center;}
.pop_off .song_row .col2 {float:left; width:253px; text-align:left;}
.pop_off .song_row .col3 {float:left; width:38px; text-align:center;}

.pop_on .song_module {float:left; width:308px; background:#fbfbdf; border:3px solid #666; border-bottom:none; margin:-3px 0 0 -2px; position:relative; z-index:999;}
.pop_on .song_row .col1 {float:left; width:18px; margin-right:1px; text-align:center;}
.pop_on .song_row .col2 {float:left; width:253px; margin-right:2px; text-align:left;}
.pop_on .song_row .col3 {float:left; width:34px; text-align:center;}

.status_module {float:right; width:53px; text-align:center;}

.song_row .star {padding-top:8px;}
.song_row .song_name {padding:4px 8px 4px 0;}
.song_row .listen {padding-top:8px;}
.song_row .status {padding-top:7px;}
.song_row .status .check {padding-left:17px;}

/* music store module */

.pop_off .store_module {display:none;}
.pop_on .store_module {display:block;}

#recent_episode_module_box .store_module {margin-left:2px;}
#previous_episode_module_box .store_module {margin-left:0;}

.store_module {position:absolute; z-index:999; background:#fbfbdf; border:3px solid #666; border-top:none; width:308px; height:45px; margin-top:-2px; padding-top:4px; text-align:left;}
.store_module form {padding:0 0 0 18px;}
.store_module .store_labels {padding-left:1px; font:bold 9px/12px Verdana, sans-serif; color:#ff8400;}
.store_module .store_action {padding-top:1px;}
.store_module .store {float:left; width:123px;}
.store_module .language {float:left; width:119px;}
.store_module .listen {float:left;}
.store_module select {width:106px; font:bold 11px Verdana, sans-serif; color:#333;}
.store_module input.button {padding:0 1px; font:bold 12px Verdana, sans-serif;}

/* up and down thumbs rollovers */

.status a.down {display:inlinek; width:14px; height:14px; margin-right:1px; background:url(../images/icons/icon_thumbs-down_gray.gif) no-repeat;}
.status a.down:hover {background:url(../images/icons/icon_thumbs-down.gif) no-repeat;}

.status a.up {display:inline; width:14px; height:14px; margin-left:1px; background:url(../images/icons/icon_thumbs-up_gray.gif) no-repeat;}
.status a.up:hover {background:url(../images/icons/icon_thumbs-up.gif) no-repeat;}

/* listen icon */
.pop_off .song_module .listen a {display:inline; width:10px; height:10px; margin-right:1px; background:url(../images/icons/icon_listen.gif) no-repeat;}
.pop_on .song_module .listen a {display:inline; width:10px; height:10px; margin-right:1px; background:url(../images/icons/icon_close.gif) no-repeat;}

/* modal mode - makes other song rows unclickable, while the music store box is visible */
.blocker {position:absolute; z-index:888; width:100%; height:100%; background:#fff; opacity:0.4; display:none;}

.modal .blocker {display:block;}


/* Firefox fix for images inside link anchors */
.status a {font-size:14px;}
.listen a {font-size:10px;}
/* tunefind.com badge code */
html, body {margin:0; padding:0;}
.tunefind_badge body, ul, li {margin:0; padding:0;}
.tunefind_badge ul {list-style-type:none;}
.tunefind_badge .clear {clear:both;}
.tunefind_badge {width:188px; border:3px solid #666; margin:0; padding:0;}
.tunefind_badge .h1 {background:#666; font:bold 11px/12px Verdana, sans-serif; color:#fff; text-transform:uppercase; padding:1px 0 6px 6px;}
.tunefind_badge .h3 {background:#ccc; font:bold 9px/12px Verdana, sans-serif; color:#333; padding:3px 0 6px 6px;}
.tunefind_badge .h2 {background:#e2e2e2; border-top:1px solid #fff; color:#333; padding:0 6px 6px 6px;}
.tunefind_badge .h2 .left {float:left; width:120px; font:bold 11px/14px Verdana, sans-serif;}
.tunefind_badge .h2 .right {float:right; font:bold 9px/14px Verdana, sans-serif;}
.tunefind_badge .h2 .h3 {background:transparent; font:bold 9px/12px Verdana, sans-serif; color:#333; padding:1px 0 0 0;}
.tunefind_badge ul {background:#fff; padding:0 4px 4px 0;}
.tunefind_badge ul li {border-top:1px solid #e2e2e2; color:#333; padding:3px 0 4px 6px;}
.tunefind_badge ul li .h3 {background:transparent; border-top:1px solid #fff; padding:0;}
.tunefind_badge ul li .h3 .song {float:left; font:bold 9px/14px Verdana, sans-serif; color:#224e7a; padding:0 4px 0 0;}
.tunefind_badge ul li .h3 .artist {float:left; font:bold italic 9px/14px Verdana, sans-serif; color:#06c; padding:0 4px 0 0;}
.tunefind_badge ul li .h3 .listen {float:left; padding:2px 0 0 0;}
.tunefind_badge ul li .h4 {background:transparent; font:bold 9px/12px Verdana, sans-serif; color:#666; padding:0;}
.tfsonglist { border-collapse: collapse; font-size: 11px; margin: 0 auto; padding: 0; }
.tfsonglist tr { }
.tfsonglist th { padding: 4px; margin: 0; text-align: left; font-weight: normal; }
.tfsonglist td { padding: 4px; margin: 0; border-bottom: 1px solid #DDD; }

.movielist { width: 369px; }
.movielist { width:expression(371 + 'px'); }
.movielist .left { border-left: 2px solid #999; }
.movielist .right { border-right: 2px solid #999; }

.showlistwide { width: 371px; }
.showlistwide { width:expression(375 + 'px'); }
.showlistwide .left { border-left: 4px solid #333; }
.showlistwide .right { border-right: 4px solid #333; }

.showlistnarrow { width: 369px; }
.showlistnarrow { width:expression(371 + 'px'); }
.showlistnarrow .left { border-left: 2px solid #999; }
.showlistnarrow .right { border-right: 2px solid #999; }

.ajaxmsg { font-size: 90%; color: #666; }

.tfdesc { color: #333; }

.topwhite { border-top: 1px solid #FFF; }

.tfhead { background-color: #CCC; font-weight: bold; }
.tfheadlight { background-color: #E0E0E0; }

.tfnew { width: 10px; }
.tfnew img { margin-left: 3px; }

.tfflag { width: 50px; text-align: center; }

.tfAdminAhah { font-size: 83%; }
td.tfUserRank { font-size: 200%; font-weight: bold; padding-left: 20px; }
td.tfUserRankLabel { vertical-align: middle; }

.tfhide { display: none; }
img.tfstore { vertical-align: bottom; margin-right: 5px; }
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(/images/cluetip/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/images/cluetip/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/images/cluetip/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/images/cluetip/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/images/cluetip/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}

/***************************************
   =cluetipClass: 'tftip'
-------------------------------------- */
.cluetip-tftip {
  font-size: 11px;
  background-color: transparent;
}
.cluetip-tftip #cluetip-outer {
  border: 2px solid #ccc;
  position: relative;
  background-color: #fff;
}
.cluetip-tftip #cluetip-inner {
  padding: 3px 5px 0 8px;
  display: inline-block;
}
.cluetip-tftip div#cluetip-close { 
  float: right;
  color: #933;
}
.cluetip-tftip div.cluetip-heading { 
  float: left;
}
.cluetip-tftip div.cluetip-clear { 
  clear: both;
}
/* Expressions are supported by IE Windows only. */

#column_left #login input.text {width:expression(133 + 'px');}
#column_left #search input.text {width:expression(100 + 'px');}
#column_left #search input.button {margin-top:expression(4 + 'px'); margin-bottom:expression(2 + 'px');}
#column_left #recent ol {padding-left:expression(28 + 'px');}
#column_left .foot {margin-bottom:expression(-6 +'px');}

#column_center .padding {padding-bottom:expression(27 + 'px');}
#envelope {padding-bottom:expression(27 + 'px');}

#submit_episode_module input.artist {width:expression(76 + 'px');}
#submit_episode_module input.song {width:expression(66 + 'px');}
#submit_episode_module input.button {margin-top:expression(-1 + 'px');}

.blocker {filter:alpha(opacity=40); left:0px; padding-top:expression(20 + '%');}/* OPERA HACK.
This hack is good as long as other browsers don't implement nor understand media query... */

@media all and (min-width: 0px) {body #store_preference_box .action {padding:2px 0 11px 0;}}
@media all and (min-width: 0px) {body .modal .blocker {background:transparent; padding:25px 0;}}

/* MOZILLA rules */

input {-moz-box-sizing:border-box;}
/* THE SAFARI HACK
The pound sign put immediately after semi-colon makes Safari to ignore ALL rules within containing brackets AND ALL SUBSEQUENT rules. Because of that, you must be careful to use this hack AFTER all other rules you want Safari to use! */

#safari_hack {;#}
#column_left #login input.button {margin:4px 0 5px 9px;}
#column_center .show {padding:0 0 0 12px;}
#store_preference_box select {font:bold 10px Verdana, sans-serif;}
#envelope {margin-bottom:-27px;}
#column_center .padding {padding:0 0 27px 6px;}