Vi/* Downtown Sioux Falls Main stylesheet styles.css Benjamin Bertrand, Karla Santi of Blend Interactive, Inc. Copyright © 2009-2011 Downtown Sioux Falls, Inc. */ /***** BROWSER RESET ***************************/ hmtl,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, iframe,object,pre,span,form,fieldset,textarea,p,blockquote, table,caption,tbody,tfoot,thead,tr,td,a,abbr,acronym,address,code, del,dfn,em,img,q,dl,dt,dd,ol,ul,li, fieldset,form,label,legend { margin:0; padding:0; border:0; font-weight:500; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;} address,caption,cite,code,dfn,var,td { font-style:normal; font-weight:500; } table { border-collapse:collapse; border-spacing:0; } caption,th { text-align:left; } strong,th { font-weight:700; } fieldset,img { border:0; } ol,ul { list-style:none; } blockquote:before,blockquote:after,q:before,q:after { content:""; } blockquote,q { quotes:"" ""; } abbr,acronym { border:0; } /***** BODY *************************************/ body { color:#222; background:#d2dacf; border:0; font-family:Arial, Helvetica, sans-serif; font-size:75%; font-style:inherit; font-weight:inherit; line-height:1.5; margin:0; padding:0; text-align:center; } * html>body { font-size:12px; } h1 { font-size:3em; font-weight:500; line-height:1; padding-bottom:0.5em; } h2 { font-size:2em; font-weight:500; padding-bottom:0.75em; } h3 { font-size:1.25em; font-weight:500; line-height:1; padding-bottom:1em; } h4 { font-size:1.2em; font-weight:500; line-height:1.25; padding-bottom:1.25em; } h5 { font-size:1em; font-weight:700; padding-bottom:1.5em; } h6 { font-size:1em; font-weight:700; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; } a img { border:none; } p { padding:0 0 1.5em; } p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; } p img.right { float:right; margin:1.5em 0 1.5em 1.5em; } a:focus, a:hover { color:#000; } a { color:#009; text-decoration:underline; } blockquote { background:#C5DDD6; color:#fff; font-family:Georgia,serif; font-style:italic; font-size:1.25em; margin:1.5em 0; padding:1.5em; } blockquote p, blockquote div, blockquote cite { margin:0; padding:0; } em,dfn { font-style:italic; } dfn { font-weight:700; } sup, sub { line-height:0; } abbr, acronym { border-bottom:1px dotted #666; } address { margin:0 0 1.5em; font-style:italic; } del { color:#666; } pre { border:1px solid #666; margin:1.5em 0; overflow:auto; white-space:pre; } pre,code,tt,kbd,samp { font:1.125em 'andale mono', 'lucida console', monospace; line-height:1.5; } dl { margin:0 0 1.5em 0; } dl dt { font-weight:700; } dd { margin-left:1.5em;} ul { list-style-type:disc; } ol { list-style-type:decimal; } ol, ul { margin-bottom:0.5em; } ol li, ol li li li { list-style-type:decimal; } ol li li { list-style-type:upper-roman; } ol li li li li { list-style-type:lower-roman; } ul li, ul li li li { list-style-type:disc; } ul li li, ul li li li li { list-style-type:circle; } textarea { border:1px solid #666; } legend { font-weight:700; font-size:0.8em; text-transform:uppercase; } table { margin-bottom:1.4em; width:100%; } th { font-weight:700; } thead th { } th,td,caption { padding:4px 10px 4px 5px; } tr.even td { background:#e5ecf9; } tfoot { font-style:italic; } caption { background:#eee; } /***** LAYOUT ***********************************/ #PageWrapper { background:#32616F; margin:0 auto; position:relative; text-align:left; width:1000px; } /***** HEADER ***********************************/ #Header { background:#B7C0B0 url(../images/bg.gif) 30px 0 no-repeat; color:#555420; height:7.75em; position:relative; } #Header h1 { margin-left:22px; padding-top:0.4722em; position:relative; width:335px; } #Header .menu { font-size:0.8333em; font-weight:700; right:14px; position:absolute; text-transform:uppercase; top:20px; } #Header .menu a { color:#555420; text-decoration:none; } #Header .menu a:focus, #Header .menu a:hover { color:#8DEAFF; text-decoration:underline; } #Header .menu .active a { color:#fff; } #Header .menu .active a:focus, #Header .menu .active a:hover { color:#8DEAFF; text-decoration:underline; } #Header .menu ul { list-style-type:none; } #Header .menu li { display:inline; } #Header .menu li a { padding:3px 6px; } #Header .Weather { padding:3px 6px 3px 0; } #Header .Weather .Condition { padding:3px 3px 3px 6px; } #Header .Weather .Temperature { font-size:1.5em; padding:3px; } #Header .search-form { right:22px; position:absolute; top:45px; width:202px; } #Header .search-form input { margin:0; } #search-text-header { background:#B7C0B0; border:solid 1px #555420; color:#555420; font-size:0.91667em; padding:0.5em 8px 0.3636em; text-align:right; width:150px } #search-text-header.active { color:#fff; } .search-form input.submit { display:inline; left:5px; position:relative; top:3px; } label.search-text { display:none; } /***** ICONS ************************************/ #social-links { height:32px; left:648px; position:absolute; top:49px; width:130px; } #social-links ul { list-style-type:none; } #social-links ul li { display:inline; float:left; margin-right:1em; position:relative; width:30px; } #social-links ul li a { color:#b4c2af; display:block; height:31px; overflow:hidden; width:31px; } #social-links ul li a span { background:#b4c2af url(../images/r-t-f.gif) top left no-repeat; display:block; height:31px; opacity:0.75; width:31px; } #social-links ul li a:focus span, #social-links ul li a:hover span { opacity:1.00; } #social-links ul li a.twitter span { background:#b4c2af url(../images/r-t-f.gif) -40px 0px no-repeat; } #social-links ul li a.facebook span { background:#b4c2af url(../images/r-t-f.gif) -79px 0px no-repeat; } #social-links ul li a:focus.rss span, #social-links ul li a:hover.rss span { background:#b4c2af url(../images/r-t-f.gif) 0px -31px no-repeat; } #social-links ul li a:focus.twitter span, #social-links ul li a:hover.twitter span { background:#b4c2af url(../images/r-t-f.gif) -40px -31px no-repeat; } #social-links ul li a:focus.facebook span, #social-links ul li a:hover.facebook span { background:#b4c2af url(../images/r-t-f.gif) -79px -31px no-repeat; } /***** MAIN *************************************/ #Main { background:transparent url(../images/headers/bg_home.png) top left no-repeat; position:relative; } #Main.dining { background:transparent url(../images/headers/bg_dine.png) top left no-repeat; padding-top:75px; } #Main.shop { background:transparent url(../images/headers/bg_shop.png) top left no-repeat; padding-top:75px; } #Main.events-calendar { background:transparent url(../images/headers/bg_events.png) top left no-repeat; padding-top:75px; } #Main.live-work { background:transparent url(../images/headers/bg_live-work.png) top left no-repeat; padding-top:75px; } #Main.home { background:transparent url(../images/headers/bg_home2.png) top left no-repeat; padding-top:34px; } #ContentWrapper { margin:0 22px; padding-top:1px; } .home #ContentWrapper { margin:0 20px; } #Featured { background:#FFF; color:#5A594F; left:506px; position:relative; width:450px; } #Featured a { display:block; padding:15px 15px 11px 15px; text-decoration:none; } #Featured a:focus { outline:none; } #Featured img.next { right:11px; position:absolute; bottom:11px; } #Featured span { display:block; } #Featured .header { color:#327AB1; font-size:1.5em; font-weight:500; padding-bottom:0.25em; text-transform:uppercase; } #Featured a:focus .header, #Featured a:hover .header { text-decoration:underline; } #Featured a .copy { color:#000; margin-right:30px; padding:0 0 1.5em; text-decoration:none; } /***** PAGE *************************************/ #Page { background:#fff url(../images/swirl-white.gif) 0 0 no-repeat; color:#666; margin-top:96px; padding:0; position:relative; width:960px; } .home #Page { margin-top:96px; } /***** BREADCRUMB *******************************/ #Breadcrumb { color:#a0a985; margin:0 15px; padding:0.667em 0 0.333em 0; text-transform:lowercase; } #Breadcrumb .menu { font-size:0.9167em; text-align:left; } #Breadcrumb a { color:#a0a985; text-decoration:underline; } #Breadcrumb a:focus, #Breadcrumb a:hover { color:#7dc4cf; text-decoration:underline; } #Breadcrumb .trail { padding:0.1667em 2px 0.1667em 3px; } /***** SIDEBAR **********************************/ #Sidebar { background:#74a7b4 url(../images/swirl-blue.gif) 0 0 no-repeat; display:inline; float:left; margin:0 30px 0 0; padding:22px 22px 0 0; width:172px; } #Sidebar li { font-size:13px; list-style-type:none; list-style-position:inside; margin-bottom:6px; padding-right:9px; width:156px; } #Sidebar li a { color:#FFFFFF; cursor:pointer; display:block; font-weight:600; line-height:1em; padding:4px 0 5px 22px; text-decoration:none; text-transform:uppercase; width:134px; } #Sidebar li a:hover, #Sidebar li a:focus { color:#C3D987; } #Sidebar li a:focus { outline-color:#C3D987; } #Sidebar li.current, #Sidebar li.current.open { background:transparent url(../images/menu-highlight.gif) top right no-repeat; border-left:5px solid #AE3C3C; cursor:pointer; left:-5px; position:relative; } #Sidebar li.current a { background:#AE3C3C; } #Sidebar li.current a:focus, #Sidebar li.current a:hover { color:#FFF; } #Sidebar .menu ul.submenu a { color:#53501B; padding-left:30px; width:172px; } #Sidebar .menu ul.submenu a.current, #Sidebar .menu ul.submenu a.current.open { color:#bf2c37; padding-left:30px; width:172px; } #Sidebar .menu ul.submenu a.open{ background:#C5DDD6; } #FreeWiFi { margin-top:40px; text-align:center; width:194px; } #FreeWiFi a { display:block; } /***** CONTENT **********************************/ #Content { display:inline; float:right; position:relative; overflow:hidden; width:720px; } #Content .inner { margin-left:18px; margin-right:30px; } /***** RESULT ***********************************/ #Result a { color:#bf2c37; text-decoration:underline; } #Result a:focus, #Result a:hover { color:#8dd4df; } #Result h1 { color:#BF2C37; padding:0.5em 0 0.25em 0; font-weight:500; } #Result h2 { color:#BF2C37; padding:1em 0 0.5em 0; font-weight:500; } #Result h3 { color:#93bab2; padding:1em 0 0.5em 0; font-weight:700; text-transform:uppercase; } #Result h4 { color:#A5BDB6; padding:1em 0 0.5em 0; font-weight:700; text-transform:uppercase; } #Result h5 { color:#5c8d83; padding:1em 0 0.5em 0; text-transform:uppercase; } #Result h6 { color:#918b63; padding:1em 0 0.5em 0; text-transform:uppercase; } #Result h1 a { color:#BF2C37; } #Result h2 a { color:#BF2C37; } #Result h3 a { color:#5c8d83; } #Result h4 a { color:#93bab2; } #Result h5 a { color:#5c8d83; } #Result h6 a { color:#918b63; } #Result h1 a:focus, #Result h1 a:hover, #Result h2 a:focus, #Result h2 a:hover, #Result h3 a:focus, #Result h3 a:hover, #Result h4 a:focus, #Result h4 a:hover, #Result h5 a:focus, #Result h5 a:hover, #Result h6 a:focus, #Result h6 a:hover { color:#7dc4cf; } #Result ol, #Result ul, #Result dl, #Result dd { margin:0.5em; } #Result li { list-style-position:inside; } #Result ol li, #Result ol li li li { list-style-type:decimal; } #Result ol li li { list-style-type:upper-roman; } #Result ol li li li li { list-style-type:lower-roman; } #Result ul li, #Result ul li li li { list-style-type:disc; } #Result ul li li, #Result ul li li li li { list-style-type:circle; } #Result pre { border:1px solid #C4C6C3; overflow:auto; } #Result cite { font-style:italic; } #Result code, #Result kbd, #Result samp, #Result tt { font-size:1.25em; } #Result thead th { color:#fff; } #Result caption { background:#D5EAED; color:#73703b; } #Result fieldset { border:1px solid #abafa9; display:block; margin-left:2px; margin-right:2px; padding:0.35em 0.625em 0.75em; } #Result textarea { width:275px; } #Result legend { font-weight:700; font-size:0.8em; text-transform:uppercase; } div.attribute-byline { color:#32343E; padding-bottom:0.5em; } span.date { margin-right:0.5em; } /***** CALL-OUT *********************************/ .call-out { float:right; margin-left:20px; position:relative; width:171px; } .call-out .top { background:#DEE9D9 url(../images/bg_callout_top.gif) top left no-repeat; padding-top:8px; position:relative; } .call-out .btm { background:#DEE9D9 url(../images/bg_callout_btm.gif) top left no-repeat; font-size:1px; height:8px; line-height:1px; position:relative; } #Result .call-out .top .inner { margin:1em 1em 0.25em; } .call-out .top .inner p { font-weight:700; padding-bottom:0; } .call-out .top .inner form div { padding:0; } .call-out .top .inner form label{ text-align:left; } .call-out .top .inner form .last{ text-align:center; padding-top:1em; } .call-out .caption { color:#555420; margin:0.25em 9px; } #Result .call-out ul { border-top:1px solid #b4c2af; } #Result .call-out ul li { border-bottom:1px solid #b4c2af; list-style-type:none; } #Result .call-out li a { color:#677060; display:block; text-decoration:none; text-transform:uppercase; } #Result .call-out li a:focus, #Result .call-out li a:hover { color:#8dd4df; display:block; text-decoration:none; text-transform:uppercase; } #Result .call-out li a.selected { color:#BF2C37; font-weight:700; } /***** REAL-ESTATE LISTING **********************/ .class-re-listing .attribute-image { float:right; margin:0 0 1em 1em; } /***** HOMEPAGE *********************************/ #FlashHeader { position:absolute; top:-1px; } #Result h4.specials a { color:#BF2C37; text-decoration:none; } #Result h4.specials a:focus, #Result h4.specials a:hover { text-decoration:underline; } /***** NAVIGATOR ********************************/ #Result .pagenavigator { background:#B5C481 none repeat scroll 0 0; padding:1.3333em 12px 0; } #Result .pagenavigator a { color:#fff; text-decoration:none; padding:1px 5px 2px; } #Result .pagenavigator span.current { color:#bf2c37; padding:1px 5px 2px; } #Result .pagenavigator a:focus, #Result .pagenavigator a:hover { color:#8DEAFF; text-decoration:underline; } /***** LINE-VIEWS *******************************/ #Result .content-view-line h3 a { text-decoration:none; } #Result .content-view-line h3 a:focus, #Result .content-view-line h3 a:hover { text-decoration:underline; } #Result .content-view-line h4 { margin:0.25em 0; padding:0; text-transform:none; } #Result .content-view-line h4 a { color:#4b4f49; text-decoration:none; } #Result .content-view-line h4 a:focus, #Result .content-view-line h4 a:hover { color:#7dc4cf; text-decoration:underline; } .content-view-line .class-article { width:520px; } .class-specials-page .days { margin-left:1.5em; } .class-real-estate .attribute-body { margin-bottom:2em; } .class-real-estate .content-view-line { border-bottom:1px solid #E4E9E2; padding-bottom:1em; width:520px; } .attribute-file img { vertical-align:bottom; } .attribute-file p { padding:0.5em 0 1em; } .attribute-magazine-file h4 .info { color:#222; font-size:0.85em; font-weight:500; } /***** MEMBER DIRECTORY LISTING *****************/ .content-view-line { clear:left; } .content-view-full .class-visionaries-page { border:none; } .members-login .class-member-directory-listing, .content-edit .class-member-directory-listing { border-bottom:none; } .class-member-directory-listing .icons { float:right; margin-bottom:-3.5em; position:relative; top:-3.5em; } #Result .content-view-line .listing-image { float:left; height:72px; margin:0 8px 0 0; overflow:hidden; padding:0; position:relative; width:72px; } #Result .class-members-login-page div.member-listing { border:1px solid #4B4F49; margin-bottom:1em; padding:1em; } #Result .class-members-login-page span.edit { float:right; line-height:1em; } /***** MEMBER DIRECTORY EDITING *****************/ form#editform { border:1px solid #4B4F49; padding:1em; } form#editform div { padding:0; } #editform div.block { padding-top:0.5em; } #editform div#ezwt-help { clear:none; position:absolute; top:0; right:0; } #editform div#ezwt-standardactions { background:#e4e9e2; clear:none; padding:0.25em 0 0 0; position:relative; } #editform label { font-weight:700; width:150px; } #editform .day label { width:141px; } #editform input[type="checkbox"] { position:relative; top:0.6em; } #editform p { margin:0.5em 0 0 0; padding:0; } #editform input.button-disabled { margin-bottom:-1.5em; margin-left:300px; position:relative; top:-1.5em; } #editform div.oe-window { border:1px solid #4B4F49; } #editform table { margin-bottom:0; } #Result .content-edit fieldset { margin:0.5em 0 1em; } #Result .content-edit legend.day_name { cursor:pointer; } #Result #editform h6 { font-weight:500; margin-left:20px; padding:0.25em 0; text-transform:none; } #Result #editform h6.open { font-weight:700; } form#editform p.edit_btn { cursor:pointer; display:block; height:14px; float:left; font-weight:700; margin:0.5em 0 0 0; overflow:hidden; position:relative; text-decoration:none; width:14px; } #Result .edit_btn span { background:#fff url(../images/btn_plus-minus.gif) top left; display:block; height:14px; width:14px; } #Result .edit_btn.open span { background:#fff url(../images/btn_plus-minus.gif) bottom left; } #Result .line-item div.block { width:460px; } table.list { border:1px solid #4B4F49; } table.list th { background:#e4e9e2; } .bglight td { background:#fff; } .bgdark td { background:#e4e9e2; } .members-login #Result h4 { color:#32616F; padding:0 0 0.5em 0; text-transform:none; } .members-login a img { vertical-align:bottom; } .members-login .box-content p.red { padding:0.5em 0.75em; } .members-login div.box-content { border:1px solid #b2b2a9; } .members-login div.context-toolbar { background:#E8E8Df; } .members-login form .context-toolbar, .members-login form .controlbar, .members-login div.box-header, .members-login div.box-content, .members-login form div.block, .members-login form div.attribute-short, .context-toolbar p { padding:0; } .members-login th, .members-login td, .members-login caption { padding:1px 5px 2px 2px; } .members-login .content-view-children .content-view-line { border:none; float:none; padding:0; } .members-login .content-view-line .class-event { margin:0 0 0.25em 0; padding:0; } .members-login .content-view-line .class-event p { line-height:1.2; padding:0; } .members-login form .controlbar div { clear:none; display:block; padding:0; } .members-login form .controlbar div.break { clear:both; } .members-login form div.controlbar div.box-br { padding:0.2em 0.5em 0.4em; } .members-login form div.controlbar div.block { clear:both; } .members-login div.box-tc { background-image:url(../images/box-edge.gif); background-position:center top; background-repeat:repeat-x; } .members-login div.box-bc { background-color:#FEFEFB; background-image:url("../images/box-bc.gif"); background-position:center bottom; background-repeat:repeat-x; margin-bottom:0.5em; } .members-login div.box-ml { background-image:url("../images/box-edge.gif"); background-position:left center; background-repeat:repeat-y; } .members-login div.box-mr { background-image:url("../images/box-edge.gif"); background-position:right center; background-repeat:repeat-y; } .members-login div.box-tl { background-image:url("../images/box-tl.gif"); background-position:left top; background-repeat:no-repeat; } .members-login div.box-tr { background-image:url("../images/box-tr.gif"); background-position:right top; background-repeat:no-repeat; } .members-login div.box-bl { background-image:url("../images/box-bl.gif"); background-position:left bottom; background-repeat:no-repeat; } .members-login div.box-br { background-image:url("../images/box-br.gif"); background-position:right bottom; background-repeat:no-repeat; } input.ezcca-event_address { height:7em; } .edit.event select { margin-top:0.5em; } .edit.event label { clear:left; } .ezc-image label { width:175px; } .edit.event .bc-element-time input[type="checkbox"]:before { content:"."; display:block; height:0; clear:both; visibility:hidden; } .members-edit .bc-allday-checkbox { clear:left; float:left; margin-left:135px; } .members-edit .edit.event label.bc-allday-label { clear:none; font-size:1.0833em; margin-left:9px; text-align:left; } .members-edit .edit.event strong.bc-time-label { border-top:1px solid #D3D7DF; color:#666666; display:block; font-size:0.8em; padding:0.25em 0 0 8px; text-transform:uppercase; } .members-edit .bc-rangeendtype-null, .members-edit .bc-rangeendtype-date, .members-edit .bc-rangeendtype-times { clear:left; float:left; margin-left:110px; margin-right:0 !important; position:relative; top:0.6em; } #editform .members-edit label.bc-on-label, #editform .members-edit label.bc-after-label{ clear:none; float:left; width:25px; } #editform div.block.bc-block-weekly { padding-left:120px; } #editform .bc-block-weekly label { clear:none; display:inline; float:none; width:auto; } #editform .bc-block-weekly input.bc-checkbox{ margin-left:1em; top:0; } #editform label.bc-until, #editform label.bc-forever { clear: none; display:inline; margin-left: 1em; width: auto; } /***** CALENDAR *********************************/ #event-links { margin-bottom:1em; padding:0; width:100%; } .calendar_heading th { text-align:center; } #Result thead th.calendar_heading_date, #Result thead th.calendar_heading_prev, #Result thead th.calendar_heading_next, #Result thead .calendar_heading_days th { color:#666; } #Result thead th.calendar_heading_date { color:#327AB1; font-size:1.5em; font-weight:500; } #Result #ezagenda_calendar_grid a { color:#327AB1; } #Result #ezagenda_calendar_grid a:focus, #Result #ezagenda_calendar_grid a:hover { background:#E6F6D9; cursor:pointer; } #Result .calendar_heading a { text-decoration:none; } #Result .calendar_heading a:focus, #Result .calendar_heading a:hover { text-decoration:none; } #ezagenda_calendar_container { display:inline; float:left; overflow:hidden; position:relative; width:310px;} #ezagenda_calendar_container table { font-size:11px; margin-bottom:0; } #ezagenda_calendar_grid { background:#deeed1; color:#666; position:relative; } #ezagenda_calendar_list { padding:3em 0 1em 0; position:relative; } #ezagenda_calendar_list h3.day_event a { color:#5C8D83; text-decoration:none; } #ezagenda_calendar_preview { display:inline; float:left; margin-left:30px; overflow:hidden; padding-top:1em; position:relative; width:300px;} #ezagenda_calendar_preview h3.day_event { color:#327AB1; font-size:1.5em; font-weight:500; padding-bottom:1.5em; } #Result .ezagenda_day_event h4 a { color:#93BAB2; text-decoration:none; } #Result .ezagenda_day_event h4 a:focus, #Result .ezagenda_day_event h4 a:hover { color:#8dd4df; text-decoration:underline; } .event-tag li { font-weight:700; padding:0.25em 0; } .event-title { font-size:1.125em; } .event-start { color:#000; } .event-start-now { color:#F57010; } .event-start-past { color:#676768; } .Calendar #ezagenda_calendar_list table.ezagenda_event_old { color:#666; } #Result .calendar_heading_days th { font-size:1em; font-weight:500; text-align:center; text-transform:uppercase; } th a {padding:3px 10px;} th.calendar_heading_date {font-size:2em; padding-bottom:0.25em} .days td.ezagenda_selected { } .days td.ezagenda_current { font-weight:700;} .days td { border:none; font-size:1em; padding:0.5em 0; text-align:center; } .days a { padding:6px 14px; } .days a:focus, .days a:hover { color:#F6F6F6; background:#979798; text-decoration:none; } .calendar_heading_days th { padding-bottom:0.25em; } .ezagenda_day_event h4 { font-size:1.25em; padding:0.25em 0; } .ezagenda_preview_date { position:relative; } td.ezagenda_month_label { text-align:center; vertical-align:top; padding:0.5em 10px 0 10px; width:50px;} td.ezagenda_month_label h2 { line-height:1.425em;} td.ezagenda_month_info { padding-top:0.5em;} .event_full_utilities { margin-top:1em; } /***** CALLOUT **********************************/ div.callout { float:right; margin:0 0 1em 27px; width:171px; } .callout-box { background:#DEE9DA url(../images/bg_co_top.gif) left top no-repeat; margin-bottom:1.333em; padding-top:9px; } .callout-content { background:#DEE9DA url(../images/bg_co_btm.gif) left bottom no-repeat; padding:0 8px 9px;} .callout-caption { color:#918b63; margin:0 8px; } /***** ERROR PAGES ******************************/ #Result .warning h2 { margin:0 0 0 0.5em; padding:0; text-transform:uppercase; } #Result .user-login { background-color:#e4e9e2; } #Result .user-login h1 { margin-left:8px; padding:0.25em 0 0 0; } #Result .user-login form label { color:#343932; font-weight:700; } #Result .user-login form input { color:#343932; } #Result .user-login form div.labelbreak{ clear:none; display:none; } #Result .user-login form input.defaultbutton { margin-left:99px; } /***** FORMS ************************************/ form div { clear:left; padding:0.50em; } span.req { float:left; width:15px; } label { display:block; float:left; margin:0.5em 5px 0 0; text-align:right; width:90px; } label.message-error { color:#bf2c37; font-weight:700; } input[type="text"], input[type="password"], textarea { background:#fff; border:solid 1px #abafa9; border-right-width:2px; border-bottom-width:2px; color:#54624F; float:left; font-size:1.125em; margin:0.25em; padding:0.25em 0.5em; width:275px; } input[type="button"] { background-color:buttonface; border:2px outset buttonface; padding:0 6px; } input.imagebutton { border:solid 1px #abafa9; border-right-width:2px; border-bottom-width:2px; margin:0.25em 0.25em 0.25em 98px; } #contact_us_form input.imagebutton { border:none; } input.focus, textarea.focus, select.focus { border-color:#666; } .message-warning, .warning { color:#bf2c37; } #Result .message-warning h1, #Result .warning h1, #Result .message-warning h2, #Result .warning h2, #Result .message-warning h3, #Result .warning h3, #Result .message-warning h4, #Result .warning h4, #Result .message-warning h5, #Result .warning h5, #Result .message-warning h6, #Result .warning h6 { color:#bf2c37; padding-top:0; } form div.warning { color:#bf2c37; background:#FFAAAD none repeat scroll 0 0; } form div.warning input, form div.warning textarea { border:solid 1px #bf2c37; border-right-width:2px; border-bottom-width:2px; } /***** COLUMNS **********************************/ div.column { color:#666; display:inline; float:left; margin-right:25px; overflow:hidden; position:relative; padding:35px 0; width:212px; } div.column h3 a { background:transparent url(../images/titles.gif) 0 0 no-repeat; display:block; height:23px; overflow:hidden; position:relative; text-indent:-9999em; width:332px; } a.full-view-btn { margin-left:12px; } a.full-view-icon { display:inline-block; margin-left:2px; vertical-align:middle; } #Things a { color:#5695a5; } #Things h3 a { width:186px; } #Entertainment a { color:#7F8040; } #Entertainment h3 a { background:transparent url(../images/titles.gif) -192px 0 no-repeat; width:212px; } #News h3 a { background:transparent url(../images/titles.gif) -410px 0 no-repeat; width:176px; } #News a.full-view-btn, #Things a.full-view-btn, #Entertainment a.full-view-btn { color:#AE3C3C; } .home .column ul, #Result ul.ezagenda_day_event { border-top:1px solid #b4c2af; margin:0 0 1.75em 0; } .home .column li, #Result ul.ezagenda_day_event li { list-style-type:none; list-style-position:outside; border-bottom:1px solid #b4c2af; } .home .column li a, #Result ul.ezagenda_day_event li a { color:#5c6981; display:block; padding:0.25em 12px; text-decoration:none; } #Result ul.ezagenda_day_event li a:focus, #Result ul.ezagenda_day_event li a:hover, .home .column li a:focus, .home .column li a:hover { background:#d5eae7; color:#5c6981; } .home .gallery-thumb { display:block; float:left; height:72px; margin:5px 9px; width:72px;} div.feature { background:#DEEED1; padding:13px 15px; } div#dining.feature h3 a { background:transparent url(../images/feature-titles.gif) 0 0px no-repeat; height:19px; width:185px; } div#gallery-preview.feature h3 a{ background:transparent url(../images/feature-titles.gif) 0 -19px no-repeat; height:19px; width:185px; } /***** FEATURES *********************************/ #dining h4 { color:#933; padding-bottom:0; } #dining h4 a { color:#933; text-decoration:none; } #dining h4 a:focus, #dining h4 a:hover { text-decoration:underline; } #dining p { padding-bottom:0; } /***** EVENTS ***********************************/ #Result h2.event_name { padding-top:0; } #xSub a { color:#fff; text-decoration:none; } #xSub a:focus, #xSub a:hover { color:#7fc248; text-decoration:none; } #Sub.form { background:#C5DDD6; margin:14px 0 2em; } #Sub.form br { display:none; } #Sub.form .InputRow { height:20px; margin:0.5em 0; } #Sub.form .InputElement { margin:0 3px 0 3px; } #Sub.form label, #Sub.form input { font-size:90%; width:65px; } #Sub.form form div { clear:none; padding:0; } #Sub.form div.Design { height:3.25em; padding:1px; } #Sub.form select#category { position:relative; top:0.25em; } #Sub.form .XStack label { margin-right:2px; width:50px;} #Sub.form .XStack .InputElement { float:left; width:140px; } #Sub.form .InputElement.last { margin:0.5em 0; padding:0 0.5em; position:relative; top:-3px; width:65px;} .vevent, .vcard { border-top:1px solid #e4e9e2; margin:1em 0; clear:both; position:relative; } .vevent.focus { color:#000; } .vevent .Inner { padding:0 8px; } .vcard .Inner { padding-top:8px; } .vevent_date_header { background-color:#CCD6b6; color:#FFFFFF; font-size:1.125em; font-weight:700; margin:2px 0 0.25em 0; padding:0.75em 1.25em 0.65em 1.25em; } .vevent a.more_info_link { bottom:0; position:absolute; right:0; } /***** SEARCH ***********************************/ .form-site-search input.submit { margin:6px 0 0 2px; } div.advanced-search { clear:both; margin:2em 0; } div.results-web-site { border-top:1px solid #E4E9E2; } #Result div.results-web-site .warning h4{ padding:0.5em 0;} .search-result .class-member-directory-listing { border:none; } .class-visionaries-page .content-view-line .class-article, .content-view-line .class-conact-us-form, .content-view-line .class-event-detail-page, .content-view-line .class-event, .content-view-line .class-file, .content-view-line .class-folder, .content-view-line .class-member-directory-listing, .content-view-line .class-member-directory, .content-view-line .class-promotion, .content-view-line .class-real-estate-listing, .content-view-line .class-real-estate, .content-view-line .class-specials-page, .content-view-line .class-text-page, .content-view-line .class-video, .content-view-line .class-visionaries-page { margin:1em 0 0.5em 0; } .class-visionaries-page .content-view-line, .content-view-children .content-view-line, .content-view-keymatches .content-view-line, .search-result .content-view-line { border-bottom:1px solid #E4E9E2; clear:left; float:left; padding:1px 0 0.25em 0; width:100%; } .content-view-children { border-top:1px solid #E4E9E2; } .search-result p, .search-result div.block { padding-bottom:0.25em; } .search-result .class-member-directory-listing .icons { top:-2em; } .content-advancedsearch label { width:140px; } .content-advancedsearch form div.warning{ background:#FFF; color:#BF2C37; } .content-advancedsearch input.submit { margin-left:148px; } /***** GALLERY **********************************/ .class-gallery { width:660px; } .content-view-galleryline { float:left; margin:1em; text-align:center; width:108px; } .content-navigator { padding-bottom:1em; } .content-navigator-next-disabled, .content-navigator-previous-disabled, .content-navigator-separator-disabled { color:#999; } /***** SITEMAP ***********************************/ .sitemap #Result li { padding:0 0 0.25em 0; } .sitemap #Result li .level-1 a { color:#4b4f49; font-weight:700; text-transform:uppercase; text-decoration:none; } .sitemap #Result li .level-2 a { color:#93bab2; font-weight:700; text-transform:none; } .sitemap #Result li .level-3 a { color:#5c8d83; } .sitemap #Result li a:focus, .sitemap #Result li a:hover { color:#7dc4cf; text-decoration:underline; } /***** TIP-A-FRIEND *******************************/ .tipafriend label { width:105px; } .tipafriend span.req { font-weight:700; } .tipafriend .buttonblock input.send { margin-left:113px; } .tipafriend .buttonblock input.cancel { margin-left:140px; } /***** VISIONARIES ******************************/ #Visionaries { background:#173F50; clear:both; color:#6B99A3; margin:10px 0 0 0; padding:10px; } #Visionaries h3 a { background:transparent url(../images/downtown-visionaries.gif) 0 0 no-repeat; display:block; height:23px; overflow:hidden; position:relative; text-indent:-9999em; width:332px; } #Visionaries ul { height:65px; position:relative; } #Visionaries ul li { display:block; list-style-type:none; position:absolute; } #Visionaries ul li a { background:transparent url(../images/dtsf-visionairies-2011.gif) 0 0 no-repeat; color:#6B99A3; display:block; height:100%; position:relative; overflow:hidden; text-indent:-9999em; width:100%; } #Visionaries .bglight { background:#173F50; } #Visionaries .bglight td { background:#173F50; } #cortrustbank { height:19px; left:77px; top:35px; width:126px; } #eidebaillyllp { height:34px; left:214px; top:0px; width:63px; } #firstdakotanationalbank { height:22px; left:0px; top:2px; width:122px; } #firstnationalbankinsiouxfalls { height:20px; left:290px; top:36px; width:118px; } #firstpremierbank { height:45px; left:426px; top:2px; width:63px; } #henkinschultz { height:51px; left:519px; top:11px; width:51px; } #holidayinncitycentre { height:45px; left:602px; top:0px; width:63px; } #sanfordhealth { height:21px; left:695px; top:40px; width:88px; } #usbank { height:25px; left:790px; top:8px; width:95px; } #wellsfargo { height:36px; right:10px; top:25px; width:36px; } #Visionaries ul #cortrustbank a { background-position:0px -24px; } #Visionaries ul #eidebaillyllp a { background-position:-125px 0px; } #Visionaries ul #firstnationalbankinsiouxfalls a{ background-position:-126px -35px; } #Visionaries ul #firstpremierbank a { background-position:-245px 0px; } #Visionaries ul #henkinschultz a { background-position:-311px 0px; } #Visionaries ul #holidayinncitycentre a { background-position:-363px 0px; } #Visionaries ul #sanfordhealth a { background-position:-426px 0px; } #Visionaries ul #usbank a { background-position:-427px -23px; } #Visionaries ul #wellsfargo a { background-position:-523px 0px; } /***** FOOTER ***********************************/ #Footer { color:#6B99A3; font-family:Arial,sans; font-size:0.9167em; text-transform:uppercase; white-space:nowrap; } #Footer p { margin:0 25px; padding:1em 0 2.7272em 0; } #Footer a { color:#6B99A3; text-decoration:none; } #Footer a:focus, #Footer a:hover { color:#8DEAFF; text-decoration:underline; } /***** EDITOR APPLIED STYLES ********************/ div.object-right { float:right; } div.object-left { float:left; } div.object-right img { padding:5px 0px 5px 8px; } div.object-left img { padding:5px 8px 5px 0px; } /***** BLEND CALENDAR DATE PICKER ********************/ .bc-recurs { background:#D2DACF; border: 1px solid #B7C0B0; padding: 8px; } .bc-calendar-quickview { height: 200px; } .bc-calendar-quickview .right { height: 200px; overflow-y: scroll; padding: 0 10px; } .bc-quickview-list .event { padding: 3px; } .bc-quickview-list .event img { vertical-align: middle; } table.blendcalendar { text-align: center; } table.blendcalendar th { padding: 3px; } table.blendcalendar a, table.blendcalendar span { padding: 3px; display: block; } table.blendcalendar .selected { background: #51759a; color: white; } div.context-toolbar .bc-quickview-next, div.context-toolbar .bc-quickview-prev { display: block; padding: 0 18px; float: left; } /***** CLASSES **********************************/ .left, .alignleft, .align-left, .imageleft { float:left; } .right, .alignright, .align-right, .imageright { float:right; } .break, .clear { clear:both; display:block; height:0; font-size:0; margin:0; padding:0; visibility:hidden; } .clearleft, .clear-left { clear:left; margin:0; padding:0; } .clearright, .clear-right { clear:right; } .hide, .spamfilter { display:none; } .float-break:after, .block fieldset .block:after, .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .block fieldset .block, .float-break, .clearfix { zoom:1 !ie; display:block !ie; } .hide { display:none; } .light-gray { color:#e4e9e2; } .dark-gray { color:#abafa9; } .red { color:#bf2c37; } .blue { color:#8dd4df; } .brown { color:#73703b; } .subheader { color:#5c8d83; } .sb-blue { color:#d5eaed; } .sbh-blue { color:#93bab2; } .sb-subnav-blue { color:#C5DDD6; } .bright-hover { color:#8DEAFF; } .dark-hover { color:#7dc4cf; } .med-brown { color:#918b63; } .small { padding:0; } /***** PROGRESSIVE ENHANCEMENTS *****/ #Featured { border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; } .calendar_heading_prev a, .calendar_heading_next a, div.feature { border-radius:11px; -moz-border-radius:11px; -webkit-border-radius:11px; } /***** IE 6 **********************************/ .ie6 * html legend { margin:0px -8px 16px 0; padding:0; } .ie6 ol { margin-left:2em; } .ie6 sup { vertical-align:text-top; } .ie6 sub { vertical-align:text-bottom; } .ie6 html>body p code { *white-space:normal; } .ie6 hr { margin:-8px auto 11px; } .ie6 img { -ms-interpolation-mode:bicubic; } .ie6 .search-form #search-text-header { background:#B4C2AF none repeat scroll 0 0; border:1px solid #555420; color:#555420; font-size:0.91667em; padding:0.5em 8px 0.3636em; text-align:right; width:150px; } .ie6 .search-form .submit { vertical-align:bottom; } .ie6 div#Main { padding-top:34px; } .ie6 div#ContentWrapper { margin-top:150px; } .ie6 #type_search_form label { position:relative; } .ie6 #Sidebar, .ie6 #Sidebar ul { padding-right:0px; } .ie6 #Sidebar ul li { margin-left:-22px; margin-right:-22px; } .ie6 #Result .inner pre { width:650px; } .ie6 .class-real-estate .content-view-line { width:485px; } .ie6 .search-form input.submit { top:-3px; } .ie6 #Result .edit_btn span { background:#fff url(../images/btn_plus-minus.gif) 0px 0px no-repeat; display:block; height:14px; width:14px; } .ie6 #Result .edit_btn.open span { background:#fff url(../images/btn_plus-minus.gif) 0px -14px no-repeat; } .ie6 #Result fieldset .line-item div.block { position:relative; width:625px; } .ie6 #editform .day label { position:relative; top:-0.25em; } .ie6 #visionary { height:208px !important; } /***** IE 7 **********************************/ .ie7 * html legend { margin:0px -8px 16px 0; padding:0; } .ie7 ol { margin-left:2em; } .ie7 sup { vertical-align:text-top; } .ie7 sub { vertical-align:text-bottom; } .ie7 html>body p code { *white-space:normal; } .ie7 hr { margin:-8px auto 11px; } .ie7 img { -ms-interpolation-mode:bicubic; } .ie7 #Sidebar ul li { margin-left:-22px; margin-right:-22px; } .ie7 .class-real-estate .content-view-line { width:485px; }