/*Common Elements*/
html {margin: 0; padding: 0; background: #FFFFFF url(/static/images/bg.jpg) repeat-x; font-size: 100%;}
h1 {color: #CC689F; font: 23px/25px georgia, serif; margin: 6px 0 5px; padding: 0;}
h2 {color: #CC689F; font: 19px/25px georgia, serif; margin: 6px 0 5px; padding: 0;}
h3 {color: #CC689F; font: 17px/21px georgia, serif; margin: 6px 0 5px; padding: 0;}
hr {color: #9999FF;}
.clear {clear: both; width: 1px; height: 1px;}
th {padding: 5px; font-size: 10px;}
/*Footer*/
div#footerwrap {border-bottom: 2px dotted #BCBCBC; border-top: 2px dotted #BCBCBC; color: #4F5052; margin: 0; padding: 5px 0 3px;}
div#footerwrap a:link, div#footerwrap a:visited {color: #000000 !important; padding: 0 2px 0 2px; text-transform: uppercase; text-decoration: none;}
div#footerwrap a:hover {text-decoration: underline; color: #4F5052;}
div#footer {text-align: center; font: 11px/16px verdana, sans-serif; color: #4F5052;}
div.copyright { text-align: center; width: 100%; }
div.copyright p { font-size: 10px; }
/************** Nav ****************/
ul.menubar {list-style: none; float: right; padding-right: 20px;}
ul.menubar li {display: inline;}
ul.errorlist {list-style: none; color: red; margin: 0pt 0pt 3px; padding: 4px 5px 4px 25px; max-width: 400px; font-weight: bold; }
ul.errorlist li {display: inline;}
#nav ul {background: url(/static/images/mk-nav.png) top left no-repeat; display:block; height:29px; list-style-type:none; margin:0px auto; padding:1px 0px 1px 60px; width:890px; }
#nav ul li {display:block; float:left; height:29px; margin:0px; padding:0px; }
#nav ul li a {border:1px solid #fff; border-top:none; border-bottom:none; display:block; height:29px; margin:0px; padding:0px; text-indent:-10000px; }
#nav ul li.first a {border-left:2px solid #fff; }
#nav ul li.last a {border-right:2px solid #fff; }
#nav ul li.bizdir a {background: url(/static/images/nav-nodeals.gif) -147px -1px no-repeat; width:151px; }
#nav ul li.calendar a {background: url(/static/images/nav-nodeals.gif) -300px -1px no-repeat; width:129px; }
#nav ul li.subscribe a {background: url(/static/images/nav-nodeals.gif) -431px -1px no-repeat; width:132px; }
#nav ul li.become a {background: url(/static/images/nav-nodeals.gif) -565px -1px no-repeat; width:238px; }
#nav ul li.deals a {background: url(/static/images/nav-deals.gif) -720px -1px no-repeat; width:169px; }
#nav ul li.bizdir a:hover {background: url(/static/images/nav-nodeals.gif) -147px -32px no-repeat; }
#nav ul li.calendar a:hover {background: url(/static/images/nav-nodeals.gif) -300px -32px no-repeat; }
#nav ul li.subscribe a:hover {background: url(/static/images/nav-nodeals.gif) -431px -32px no-repeat; }
#nav ul li.become a:hover {background: url(/static/images/nav-nodeals.gif) -565px -32px no-repeat; }
#nav ul li.deals a:hover {background: url(/static/images/nav-deals.gif) -720px -32px no-repeat; }
/************** BreadCrumb ****************/
div.breadcrumbs {font: 10px/18px verdana, sans-serif; color: #3e3e3e; padding: 0; margin: 4px 0 7px;}
div.breadcrumbs a:link, div.breadcrumbs a:visited {text-decoration: none; font: 10px/18px verdana, sans-serif; color: #3e3e3e;}
div.breadcrumbs a:hover {text-decoration: underline; font: 10px/18px verdana, sans-serif; color: #3e3e3e;}
div.breadcrumbs a:active {text-decoration: underline; font: 10px/18px verdana, sans-serif; color: #3e3e3e;}
/* imported from hampton kid */
#header {margin: 0; width: 219px; height: 32px; padding: 158px 0 0 709px; margin-bottom: 20px; background: #FFFFFF; border: dashed;}
/* TODO: need to fix this so that it is in the header */
#top_ad {padding: 0px 0 0 670px; margin: 0;}
#header input#s {height: 18px; width: 120px; border: 1px solid #a3bdca;}
#header input#searchsubmit {height: 18px; background: none; border: 0; font: 11px/13px verdana, sans-serif; color: #CC689F; text-transform: uppercase;}
#header form {margin: 0; padding: 0;}
#search input#s {height: 18px; width: 120px; border: 1px solid #a3bdca;}
#search input#searchsubmit {height: 18px; background: none; border: 0; font: 11px/13px verdana, sans-serif; color: #CC689F; text-transform: uppercase;}
#search form {margin: 0; padding: 0;}
#search {margin-bottom: 15px;}
/************** Content ****************/
#content #content-l {display: inline; float: left; width: 225px; font: 11px/16px verdana, sans-serif; color: #4F5052;}
#content #content-l a:link, #content #content-l a:visited {color: #2c2c2d; font: 11px/18px verdana, sans-serif; text-decoration: none;}
#content #content-l a:hover {text-decoration: underline;}
#content #content-l h1 {color: #CC689F; font: 18px/20px georgia, serif; margin: 0 0 5px 0; padding: 0 0 2px;}
#content #content-m h2 {color: #0059A7; font: bold 19px/17px georgia, serif; margin: 0 0 5px 0; padding: 0 0 2px 0; display: inline;}
#content h3 {color: #CC689F; font: 17px/31px georgia, serif; margin: 0 0 5px 0; padding: 0 0 2px 0; border-bottom: 2px dotted #bcbcbc; display: inline;}
#content h3 a:link ,#content h3 a:visited {text-decoration: none;}
div#content-m img {padding: 0; border: 3px solid #CC689F; margin-bottom: 15px;}
div#content-m h3.article-heading {color: #CC689F; font: bold 17px/17px georgia, serif; margin: 0 0 3px; border-bottom: 2px dotted #bcbcbc; display: inline; padding: 0; border-style: none;}
div#content-m h3.event-heading {color: #CC689F; font: bold 15px/17px georgia, serif; margin: 0 0 3px; border-bottom: 2px dotted #bcbcbc; display: inline; padding: 0; border-style: none;}
hr.event-heading {border-style: none; border-bottom: medium dotted #BCBCBC; margin-left: -2px;}
hr.article-heading {border-style: none; border-bottom: medium dotted #BCBCBC; margin-left: -2px;}
div#content-m p.article-subheading {padding: 0; margin-top: 5px; font-style: italic; font-size: 110%; color: #7575c3;}
#content h3 a:hover {}
#content #content-l .eventtext {padding: 5px 0 10px 0;}
#content #content-l .date {color: #000000; font: 10px/12px verdana, sans-serif; margin: 0 0 2px 0; padding: 0;}
#content #content-l ul {list-style: none; padding: 0; margin: 0;}
#content #content-l li {list-style: none; padding: 0; margin: 0;}
#content {text-align: left; color: #4F5052; width: 978px; margin: 0 auto; font: 12px/18px verdana, sans-serif;}
#content a:link, #content a:visited {color: #2c2c2d; font: 95%/18px verdana, sans-serif; text-decoration: none;}
#content a:hover {text-decoration: underline; font-size: 95%;}
#content #content-m {margin-left: 225px; padding: 0; margin-top: 0; width: 360px;}
#content #content-m p {font-size: 12px;}
#innerContent a {font-size: 12px;}
#content #content-lm {width: 630px; padding: 0; margin: 0;}
#content #signuptext {padding: 0 0 20px 0;}
#content #signupform {}
#content #signupform form {margin: 0; padding: 0;}
#content h1 {color: #CC689F; font: 23px/25px georgia, serif; margin: 6px 0 5px; padding-right: 0; padding-top: 0; padding-left: 0;}
#content h2 {color: #CC689F; font: 19px/25px georgia, serif; margin: 10px 5px 5px 0px; padding: 0;}
#content h2 a:link, #content h2 a:visited {color: #CC689F; font: 19px/25px georgia, serif; text-decoration: none;}
#content h2 a:hover {}
#content a.search-link:link, #content a.search-link:visited {text-decoration: underline; font-weight: bold; color: pink;}
#content input.date-field {width: 6.5em;}
#content input[type=text], textarea, input[type=password] {padding: 5px; border: 1px solid #CC689F;}
#content textarea {width: 380px;}
#content #content-r {display: inline; float: right; width: 300px; padding-right: 0; padding-bottom: 0; padding-left: 0;}
#content #content-r #ad-gap {height: 12px; line-height: 1px; font-size: 1px;}
div#innerContent a.button {padding: 5px 10px; font-weight: bold; text-align: center; background-color: #fff; white-space: nowrap; border: 1px solid #f179bc; margin-bottom: 5px;}
#content input[type=submit] {border: 1px solid #CC689F; padding: 5px 10px; font-weight: bold; text-align: center; background-color: #fff;}
#content a.button:hover {background-color: #CC689F; text-decoration: none;}
#content input[type=submit]:hover {background-color: #CC689F; text-decoration: none;}
div#previewNewsletter {}
div#previewNewsletter p {font: 12px/18px verdana, sans-serif; color: #4F5052;}
div#previewNewsletter pre {width: 550px; display: block; margin-right: 10px; white-space: normal;}
div#previewNewsletter h2 {color: #0059A7;}
div#previewNewsletter h3.article-heading, div#previewNewsletter h3.event-heading {border-style: none; margin: 0; padding: 0;}
div#content-m img.imgFloat, div#content-m img.imgFloatRT, div#content-m img.imgFloatLF {border: 3px solid #CC689F;}
div#content-m img.imgFloat {float: none;}
div#content-m img.imgFloatRT {float: right; margin-left: 50px;}
div#content-m img.imgFloatLF {float: left; margin-right: 50px;}
div#view-newsletter, #view-sponsor-email {border: 1px dotted black; padding: 30px; margin-bottom: 20px; margin-top: 20px; margin-left: 0px; position: relative;}
#content div.newsletter_header {color: #CC689F; font: bold 15px/21px georgia, serif; border-bottom: 2px dotted #bcbcbc; display: inline; border-style: none; text-align: center; margin-bottom: 3px; margin-top: 30px; margin-right: 0; padding-right: 0; padding-bottom: 0;}
#content div.newsletter_subheader {padding: 30px; margin: 20px 0px; color: #73cffb; font-size: 12px;}
#innerContent {margin-left: 20px; margin-right: 20px; margin-top: 10px; margin-bottom: 20px; position: relative;}
#innerContent a#importantInfo {font-weight: bold; color: #89AD2F;}
#innerContent a#SignUP {font-weight: bold; color: #89AD2F; background: url(/static/images/signUP.png) no-repeat 0; padding-left: 25px; margin-left: 0px;}
a.TownRollover {display: block; width: 220px; height: 34px; background: url("/static/images/FindYourTown.gif") 0 0 no-repeat; text-decoration: none;}
a:hover.TownRollover {background-position: -220px 0;}
a.ForwardFriend {display: block; width: 150px; height: 67px; background: url("/static/images/forwardtofriend.gif") 0 0 no-repeat; text-decoration: none;}
a:hover.ForwardFriend {background-position: -150px 0;}
a.PublisherMom {display: block; width: 200px; height: 67px; background: url("/static/images/BecomeAPublisher.gif") 0 0 no-repeat; text-decoration: none;}
a:hover.PublisherMom {background-position: -200px 0;}
a.BrochureRollover {display: block; width: 190px; height: 60px; background: url("/static/images/brochure-icon.gif") 0 0 no-repeat; text-decoration: none;}
a:hover.BrochureRollover {background-position: -190px 0;}
.centered {text-align: center;}
ul.no-decoration {list-style: none; padding: 0px;}
.right {text-align: right;}
.block {display: block;}
table.data-table th {background: transparent url(/static/images/tablebg.gif) repeat-x scroll 0% 0%;}
table.data-table {margin: 20px 0px;}
table.data-table td {padding: 8px;}
#content #header-table {margin: 0px; padding: 0px;}
#content-wrapper {text-align: center;}
.left {text-align: left;}
div.left-links {margin-bottom: 15px; padding-right: 7px;}
div#content-l div.left-links h3 {}
div.left-links ul li {margin-top: 10px;}
div.left-links p {font-size: 100%;}
div.event-field {font: 11px/18px verdana, sans-serif; color: #4F5052;}
div#importantInfo {font-weight: bold; color: #89AD2F; font-size: 100%;}
div#importantInfo a:link {font-weight: bold; color: #89AD2F; font-size: 100%;}
div#publishedOn {margin-top: 10px; padding-bottom: 10px; color: #88Ac2E;}
div.event-field p { margin-top: 0 }
div.forum_post #id_text_tbl { width: 550px !important; }
#sponsor_email #id_subject { width: 450px; }
#sponsor_email_update #id_subject { width: 450px; }
#sponsor_email_update .delete_image { display: block; margin-bottom: 15px;}
#subscription_form h2 { margin-bottom: 15px; margin-top: 20px; }
#subscription_form li { list-style: none; padding: 6px; }
#subscription_form li span { font-weight: bold; width: 200px; display: block; float: left; padding: 6px; }
#subscription_form input[type=checkbox] { margin-right: 15px; }
#town-state-container {
background:url('/static/images/state_town_bg.jpg') no-repeat ;
height:128px;
width:212px ;
margin:10px 0px -10px -10px;
padding:15px 0px 0px 23px;
}
#town-state-container select {
border:1px solid #ABCDEF;
padding:3px;
width:167px;
margin-top:5px;
color:#666;
}
#town-state-container span {
display:block;
margin-top:5px;
}
#state_select, #town_select { display: block; }
.mym_get_form { display: inline; margin: 5px; }
.mymacaroni ul { list-style: none; }
/* sorry about the all CAPS rule properties. almost lost all my work, copied from IE8 developer output >< */
/* table of contents */
#TOC {
width:210px;
margin:0px 0px 10px -9px;
float: left;
}
#TOC #content-list-header {
width:210px;
border:none;
height:56px;
background:url('/static/images/toc/toc_header.jpg') no-repeat;
}
#TOC #content-list-footer {
width:210px;
height:28px;
background:url('/static/images/toc/toc_footer.jpg') no-repeat -1px 0px;
}
#TOC #content-list {
padding: 0px 7px;
margin: 0;
background:url('/static/images/toc/toc_bg.jpg') repeat-y;
}
#TOC #content-list LI {
font-size:13px;
padding: 10px 17px;
margin 0;
LIST-STYLE-TYPE: none;
/* BORDER-bottom: #ccc 1px dashed;*/
}
#TOC #content-list LI:first-child {
BORDER-TOP-STYLE: none;
}
#TOC #content-list LI A {
DISPLAY: block;
}
#TOC #content-list LI A:hover {
COLOR: #cc689f; CURSOR: pointer; TEXT-DECORATION: none;
}
/* my macaroni */
A.mymacaroni-added, A.mymacaroni-not-added {
BORDER: #fff 1px solid;
PADDING: 0px;
MARGIN: 10px 0px;
DISPLAY: block;
BACKGROUND: #fff;
TEXT-DECORATION: none !important;
-moz-border-radius: 0px 10px 10px 0px;
color: #000 !important;
}
A.mymacaroni-added:hover, A.mymacaroni-not-added:hover {
BACKGROUND: #cadfed !important;
BORDER:#ace 1px solid;
text-decoration: none;
}
A.mymacaroni-not-added:hover IMG {
BORDER-RIGHT: #ace 1px solid
}
A.mymacaroni-added:hover IMG {
BORDER-RIGHT: #ace 1px solid;
}
A.mymacaroni-added:hover IMG {
BORDER-RIGHT: #cc689f 1px solid;
}
A.mymacaroni-added:hover {
BORDER-BOTTOM: #cc689f 1px solid;
BORDER-LEFT: #cc689f 1px solid;
BACKGROUND: #f8c3e0;
BORDER-TOP: #cc689f 1px solid;
BORDER-RIGHT: #cc689f 1px solid;
text-decoration: none;
}
A.mymacaroni-not-added:hover SPAN, A.mymacaroni-added:hover SPAN {
PADDING-LEFT: 10px; DISPLAY: inline
}
A.mymacaroni-not-added IMG, A.mymacaroni-added IMG {
border: none !important; padding: none; vertical-align: middle; display: inline; margin: 0 !important;
}
form#subscriber_form ul, form#create_update_ad ul { list-style: none; margin: 15px 8px; padding: 0; }
form#subscriber_form th, form#create_update_ad th { vertical-align: top; }
.captcha { margin-left: 40px; }
form#createArticle input[type=text], form#updateArticle input[type=text] {
width: 450px;
}
div#aboutUsImage { width:340px; display:block; position:relative; float:right; }
div#aboutUsImage img {margin-right:5px; margin-left:20px; border: 3px solid #CC689F; }
/****** AP - Read More Link *******/
#content a.read_more:link, #content a.read_more:visited {
color: #FFFFFF;
background-color: #ff99cc;
display: block;
width: 80px;
font-size: 12px;
font-weight: normal;
text-align: center;
/* padding: 2px;*/
/* margin: 1px;*/
text-decoration: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#content a.read_more:hover {
color: #FFFFFF;
background-color: #cc6699;
text-decoration: none;
}
#content a.read_more:active {
color: #FFFFFF;
background-color: #996699;
text-decoration: none;
}
/****** AP - Left Links - 4.18.10*******/
#content #content-l a.left_link_pink:link, #content #content-l a.left_link_pink:visited {
color: rgb(204, 104, 159);
font-size: 14px;
font-family: georgia, serif;
text-decoration: none;
}
#content #content-l a.left_link_pink:hover {
text-decoration: underline;
}
#content #content-l a.left_link_pink:active {
text-decoration: underline;
}
form#pmUpdateProfile input[type=text] { width: 275px; }
#content a:link, #content a:visited {
color: rgb(204, 104, 159);
text-decoration: none;
}
#content a:hover, a:active {
text-decoration: underline;
}
.videoPlayer { margin: 10px 0; }
.social_link { display: block; margin: 10px 0; }
.month-view {clear:both; }
.month-view td {border:1px solid #eee; vertical-align: top; height: 10em; min-height: 10em; overflow: hidden; }
.month-view td div.holder {display:block; height:9em; width:10em; padding-bottom:1em; position:relative; }
.month-view td, .month-view th { min-width: 10em; width: 10em; }
.month-view .day-ordinal {color:#CC689F; font-size: 1.1em; text-align: right; }
.month-view ul { height:7em; list-style: none; margin: 1px 2px; overflow:hidden; padding: 0; }
.month-view ul li {font-size:10px; line-height:13px; padding-bottom:5px; }
#content .month-view ul li a,
#content .month-view ul li a:link,
#content .month-view ul li a:visited {font-size:10px; line-height:13px; }
.month-view .today {border:1px solid #aaa; background-color: #fcfefe; }
#content .month-view td a.day_view_more,
#content .month-view td a.day_view_more:link,
#content .month-view td a.day_view_more:visited {background-color:#ddf1f9; border:1px solid #fff; display:block; width:10em; height:15px; line-height:15px; position:absolute; bottom:-1px; left:0px; color:#666; font-size:10px; text-align:right; width:113px; padding-right:5px; }
#content .daily_view {color:#60717c; list-style-type:none; clear:left; padding-top:20px; }
#content .daily_view li {padding-bottom:15px; border-bottom:1px solid #CC689F; margin-bottom:20px; margin-right:15px; width:580px; }
#content .daily_view .start_time {font-size:11px; color:#60717c; padding-right:15px; }
#content .daily_view h4 {color:#60717c; font-size:11px; font-weight:normal; line-height:16px; margin:0px; padding:0px;}
#content .daily_view h3 {border-bottom:none; margin:0px; padding:0px; font-size:18px; line-height:22px; }
.yui-toolbar-container h3 { font-size: 12px !important; }
.yui-toolbar-container a { font-size: 12px !important; text-decoration: none !important; }
.yui-editor-panel input { width: auto !important; }
#id_custom_html { height: 6em; }
/* TODO: implement these */
.calendar-mymacaroni-added {
color: green !important;
}
.calendar-mymacaroni-not-added {
color: red !important;
}
form#comment-form ul { list-style: none; margin: 15px 8px; padding: 0; }
form#comment-form label { display: block; font-weight: bold; padding-top: 5px; }
form#comment-form input[type='text'] { width: 275px; }
form#comment-form .submit-buttons { padding-top: 10px; }
#businessList {
clear:left;
margin-top:10px;
}
#businessList td {
padding: 0 5px 10px 0;
}
#businessDesc {
clear: left;
}
#businessDesc img {
float:left;
margin: 0 4px 0 0;
}
#businessAddress {
padding-bottom:20px;
}
#businessContactInfo {
padding-bottom:20px;
}
#businessContactInfo .fieldName {
width: 80px;
}
#businessContactInfo .fieldValue {
font-weight: bold;
}
#businessTagsList {
margin: 0;
padding: 0;
}
#businessTagsList li {
list-style:none;
margin: 0 10px 0 0;
padding: 0;
float: left;
font-size:14px;
}
#businessReview {
clear:left;
padding: 10px 0 0 0;
}
#leaderboard_ad {
margin: 0 auto;
width: 728px;
}
#leaderboard_ad>img,#leaderboard_ad>a {
display: block;
margin: 0 auto;
text-align: center;
}
.search .django-submit {
color: #CC689F;
background: #f00;
font-weight: bold;
}