/* GLOBAL STYLES */
@import url(global.css);

/* STYLES UNIQUE TO SUBPAGE */
#site_wrapper							{ width: 970px; padding-top: 45px; }
.nobanners #main_shell_top				{ margin-top: 40px; }
#main_shell_top							{ height: 29px; background: url(../_images/subpage-content-body-bg-top.png) no-repeat; padding-top: 14px; clear: both; }
#main_shell_bottom						{ height: 18px; background: url(../_images/subpage-content-body-bg-bottom.png) no-repeat -1px 0; padding-bottom: 75px; }
#header_wrapper							{ min-height: 200px; font: normal 1em Arial,Helvetica,sans-serif; margin-right: 10px; }

#header_wrapper .sacmix					{ width: 163px; height: 32px; background: url(../_images/logo-subpage.gif); position: relative; top: 22px; left: 20px; }
#header_wrapper .mixlist				{ width: 162px; height: 35px; background: url(../_images/mixlist-logo-subpage.gif); position: relative; top: 22px; left: 20px; }

.tagline								{ position: relative; top: 3px; left: 220px; }
#header_wrapper h1						{ font-size: 2.6em; color: #5c5c5c; margin: 40px 0 0; padding: 0 0 0 20px; line-height: 35px;}
.change_location						{ color: #0063dc; text-transform: uppercase; padding: 0 0 0 20px; }
#right_column							{ margin: 150px 0 0; float: right; }
#right_column p:first-child				{ margin-top: 0; }
#content_wrapper						{ width: 620px; float: left; }
.text									{ font-size: 1.3em; line-height: 1.5em; padding: 20px 0 0; }
#menu_wrapper ul li a					{ text-decoration: none; }

.prominent_promos						{ margin: 15px 0; }
.prominent_promos .leaderboard			{ width: 734px; height: 96px; background: url(../_images/ad-space-720-x-90.png) no-repeat; }
.prominent_promos .leaderboard			{ padding: 4px 0 0 4px; float: left; }
.prominent_promos .sacmix				{ width: 211px; height: 96px; background: url(../_images/ad-space-215-x-90.png) no-repeat; }
.prominent_promos .sacmix				{ padding: 4px 0 0 4px; float: left; }

#social_footer							{ margin: 0 0 0 613px; }
#social_networks						{ width: 294px; height: 56px; background: url(../_images/social-networking-links-bar-subpage.png) no-repeat; }
#social_networks						{ position: absolute; margin-top: 20px; }
#social_networks a						{ position: relative; padding: 5px; left: 125px; }

.sorting_menu							{ color: #5a5a5a; text-transform: uppercase; margin: 30px 0 0 20px; }
.sorting_menu span						{ color: #231f20; padding: 0 5px; }
.sorting_menu a 						{ padding: 0 5px; }
.topline								{ border-top: 1px solid #CBCBCB; }

table.listing							{ width: 100%; }
.listing td								{ vertical-align: top; padding: 10px 0; border-bottom: 1px solid #CBCBCB; }
.listing h2								{ font-size: 1.7em; margin: 0 0 5px 0; }
.listing h2 span						{ font-weight: bold; color: #EC128F; }
.listing .icon							{ width: 60px; padding-left: 20px; }
.listing .name							{ width: 480px; padding-right: 20px; }
.listing tr:hover 						{ background: #EFEFEF; }
.listing tr:hover td:last-child			{ background: #EFEFEF url(../_images/highlight-flare.gif) repeat-y right; }
.pagination								{ color: #5A5A5A; text-align: center; }

#toolbar div							{ width: 225px; height: 23px; background: url(../_images/tool-bar.png) no-repeat; float: right; }
#toolbar div							{ padding: 10px 10px 0 10px; display: none; position: absolute; margin: -22px 0 0 290px; }
#toolbar div span						{ color: #EC128F; }
#toolbar div a							{ color: #231F20; }
#toolbar div a:hover					{ color: #0063DC; text-decoration: none; }
#toolbar div a:hover span				{ color: #0063DC !important; }
#toolbar .hover div						{ display: block; z-index: 9999; }

ul#location								{ display: inline; margin: 0; padding: 0; list-style: none; }
.popup									{ display: none; }
.hover .popup 							{ width: 146px; display: block; position: absolute; margin: 0 0 0 20px; z-index: 9999; }
.popup .top								{ background: url(../_images/popup-top.png) no-repeat; padding-top: 10px; }
.popup .bottom							{ background: url(../_images/popup-bottom.png) no-repeat bottom; padding-bottom: 10px; }
.popup .menu							{ background: url(../_images/popup-tile.png) repeat-y; padding: 5px 10px 10px 11px; }
.popup a								{ font-size: 1.5em; color: #231f20 !important; }

/* mred: tweaking footer links */
.pagination								{ margin-top: 10px; text-align: left; font-size: 1.5em; font-weight: bold; }
.pagination input						{ background: #FFF; border: 0; }
.pagination .cleanbtnoff				{ color: #EFEFEF; }
.pagination .cleanbtn					{ cursor: hand; cursor: pointer; color: #EC128F; }
.locations								{ font-size: 0.9em !important; margin-top: 10px; float: right; }
/* Listing and details pages */
#daymenu								{ font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; }
ul.daily_menu 							{ padding: 9px 0 0 0; list-style: none; clear: both; }
ul.daily_menu li						{ padding: 7px 12px; float: left; }
ul.daily_menu li.active					{ color: #0063dc; }
ul.daily_menu li:last-child				{ padding-right: 0; }
ul.daily_menu li a						{ color: #5A5A5A; font-size: 3em; text-decoration: none; }

.subtext								{ padding-left: 20px; }
.map									{ padding-top: 20px; clear: both; }

/* FORMS */
.form 									{  }
.form form								{ padding: 20px 0 0 0; }
.form .formrow							{ zborder-bottom: 1px solid #DDD; padding: 10px 0; }
.form fieldset							{ zborder: 1px solid #F0F0F0; margin: 3px 0; padding: 5px 10px; }
.form label								{ width: 150px; display: block; float: left; }
.form input								{ margin: 3px 3px 3px 0; vertical-align: middle; }
.form input,
.form select							{ font: normal 1em Arial,Sans-serif; }
.form .formsubmit						{ font-weight: bold; padding: 5px 10px; }
.form table								{ background: #F0F0F0; zborder: 1px solid #CCC; margin: 3px 0; }
.form table td							{ padding: 5px; zborder-bottom: 1px solid #FFF; }
.form p									{ color: #000 !important; }
.form .important						{ color: #F00 !important; }

.forminput								{ width:200px; border: 0; background-color: #e0e0e0; -moz-border-radius: 6px }
.formerrors								{ color: #F00; }

/* Listing Page Search */
#search									{ background: #f0f0f0; border: 1px solid #ddd; }
#search .forminput 						{ width: 225px; background: #f0f0f0; font-size: 1.6em; padding: 5px; border: 0; }
#search .formbutton						{ width: 58px; height: 30px; border: 0; }

/* Listing page */
.timeleft								{ color: #ef108c; font-weight:bold; font-size:0.9em; }
.timestart								{font-weight: bold; font-size: 0.9em; color: #007F00; }

.Contact form button					{ width: 114px; height: 35px; background: url(../_images/pink-button-small.jpg) no-repeat; }
.Contact form button					{ color: #FFF; border: 0; cursor: hand; cursor: pointer; }

#footer									{ border-top: 1px solid #DDD; }