/* ---------------------------------------------------------- Our UW Carbone Cancer Center CSS Managed by: Blue State Digital Last Update: May 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #000; background: #FFF; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #000; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { font: .8em/1.4em "Verdana", Lucida Grande, Lucida, sans-serif; } h1 { color: #3c4681; font-size: 2.25em; margin-bottom: 10px; } h2 { color: #3c4681; font-size: 1.8em; margin-bottom: 10px; } h3 { color: #3c4681; margin-bottom: 10px; font-weight: bold; font-size: 1.1em; } h4 { color: #3c4681; margin-bottom: 10px; font-weight: bold; font-size: 1em; } p { margin-bottom: 10px; } a { color: #3c4681; text-decoration: underline; } a:hover { text-decoration: underline; } h2 a, h3 a, h4 a, h1 a { text-decoration: none;} .entry { margin-bottom: 20px; width: 600px; } blockquote {} ul, ol {} ul { padding-left: 20px; } ol {} ul li {list-style-position: outside; list-style-type: disc; margin-bottom: 10px; } ol li {} .base li ol {} .base li ul {} p.date { color: #666666; font-style: italic; margin-bottom: 2px; } p.blog-author { color: #666666; font-style: ; margin-bottom: 2px; } .intro { color: #3c4681; font-style: italic; font-size: 1.1em; } /* 03 =LAYOUT ---------------------------------------------------------- */ html { background: #cecece url(/page/-/img/ccc/bg.jpg) repeat-x; } #wrapper { width: 960px; margin: 0 auto; clear: both;} /** 03.1 =GLOBAL HEADER ---------------------------------------------------------- **/ #global-header { height: 29px; background: url(/page/-/img/header_top.jpg) repeat-x; padding: 5px 5px 5px 20px; } #global-header ul{ position: relative; float: left; padding: 7px 0 0; } #global-header ul li{ float: left; list-style: none; margin: 0;} #global-header ul li a{ color: #004076; display: block; float: left; padding-right: 10px; font-size: .8em; font-weight: bold; text-decoration: underline; } #global-header ul li a:hover { text-decoration: none; } #global-header li.carbone a { text-decoration: none; } #global-header a.global-donate {float: right; background: url(/page/-/img/btn_donate.png) no-repeat; text-indent: -99999px; width: 155px; overflow: hidden; height: 26px; } /** 03.2 =MAIN HEADER ---------------------------------------------------------- **/ #main-header { height: 71px; background: url(/page/-/img/ccc/header.png) repeat-x; padding: 5px 20px; width: 919px; } #main-header .logo h1 { float: left; width: 407px; height: 62px; text-indent: -9999px; margin-top: 7px; margin-bottom: 0; } form#stay-informed { float: right; margin-top: 35px; width: 248px; } form#stay-informed input { background: #a2a0cf; border: 1px solid #3c4681; padding: 2px; color: #fff; font-size: 12px; float: left; } form#stay-informed input#email { width: 130px; margin-top: 2px; margin-right: 3px } form#stay-informed input#zip { width: 65px; margin-top: 2px; } form#stay-informed input.submit { background: none; border: none; float: left; padding: 0; margin-top: 2px; margin-left: 3px; } /** 03.3 =NAV ---------------------------------------------------------- **/ #main-nav { float: left; width: 960px; background: url(/page/-/img/ccc/nav.png) no-repeat; height: 32px; } #main-nav ul{ position: relative; padding: 0; } ul.main-nav li{ float: left; list-style: none; margin: 0;} ul.main-nav li a{ color: #004076; display: block; text-decoration: none; text-indent: -99999px; float: left; padding-right: 10px; font-size: .8em; height: 30px; padding-top: 6px; padding: 0; overflow: hidden; } ul.main-nav li a:hover { text-decoration: underline; } ul.main-nav li.about a { border: none; } ul.main-nav li.home a { width: 97px; } ul.main-nav li.about a { width: 88px; } ul.main-nav li.stories a { width: 125px; } ul.main-nav li.blog a { width: 78px; } ul.main-nav li.news a { width: 81px; } ul.main-nav li.events a { width: 89px; } ul.main-nav li.connect a { width: 140px; } ul.main-nav li ul li.dropdown a { width: 114px; height: auto; color: #fff; border-bottom: 1px solid #fff; text-indent: 0; padding: 10px; font-weight: bold; } ul.main-nav li ul li.dropdown a:hover { background: #3c4681; text-decoration: none; } #content { float: left; margin-top: 10px; background: url(/page/-/img/ccc/content_top.jpg) no-repeat #fff; padding-bottom: 20px; padding-top: 20px; width: 960px; } #main { float: left; width: 625px; padding-right: 25px; padding-bottom: 20px; padding-left: 20px; } #framework.full-width #main { width: 920px; padding: 0 20px; } #framework.full-width.social #main { width: 630px; padding: 0 20px; } /** 03.3 =SIDEBAR ---------------------------------------------------------- **/ #sidebar { float: right; width: 270px; margin-right: 20px; margin-top: 10px; display: inline; } #side-frameworkwork { background: #3d4681; width: 286px; height: 165px; margin-left: auto; margin-right: auto; overflow: hidden; } #sidebar-main a{ display: block; width: 267px; height: 54px; margin-bottom: 1px; } #sidebar-main .event-search-sidebar { background: url(/page/-/img/ccc/sidebar_events_bg.png); height: 75px; margin-bottom: 1px; } #side-resources { float: left; width: 250px; background: #d6d6d6; margin-top: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 9px 10px 20px; } #side-resources .uwhealth-logo { text-align: center; background-color: #e6e6e6; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 15px; } #side-resources .uwhealth-logo img.uwhealth-logo { margin-bottom: 0; } #side-resources p { color: #3d4681; padding-left: 0; margin-bottom: 0; font-size: .95em; line-height: 1.1em; } #side-resources ul.resources-links { float: left; font-size: .8em; width: 165px; padding-left: 35px; margin-top: 10px; font-weight: bold; } #side-resources ul.resources-links li { margin-bottom: 0px; list-style: none; } #side-resources ul.resources-links li a { color: #153761; } #sidebar form#event_simple_search_form { padding-top: 40px; padding-left: 13px; } #sidebar input#event_search_zip { float: left; width: 150px; padding: 2px; display: inline; margin-top: 2px; margin-left: 0; font-size: .9em; margin-right: 5px; } #sidebar input.submit{ padding: 4px 0 0; } #sidebar #event_radius_unit { display: none; } #sidebar #simplesearch tr { float: left; } #sidebar #simplesearch tr#event_radius_row { display: none; } #sidebar-community-nav h4 a { color: #000; font-weight: bold; margin-bottom: 10px } #sidebar-community-nav ul { padding: 0; margin-bottom: 20px;} #sidebar-community-nav ul li { padding: 0; } #sidebar-community-nav a { width: auto; height: auto; } #sidebar-community-nav a:hover { text-decoration: none; } #sidebar-community-nav { background: url(/page/-/img/ccc/sidebar_connect_bg.png) no-repeat; padding-left: 50px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 1px; } /** 03.4 =FOOTER ---------------------------------------------------------- **/ #footer-main { float: left; width: 960px; background: url(/page/-/img/ccc/footer.jpg) no-repeat; height: 55px; padding-top: 10px; } #footer-main a { color: #b3d2e6; } #footer-main .links { float: left; padding-left: 40px; width: 275px; padding-top: 20px; } #footer-main .links a { margin-right: 5px;text-decoration: underline; font-size: .75em; } #footer-main .links a:hover { text-decoration: none; } #footer-main .networks { float: left; padding-left: 70px; width: 175px; padding-right: 70px; padding-top: 10px; } #footer-main .networks h4 { float: left; margin-right: 5px; color: #b3d2e6; font-weight: bold; margin-top: 10px; } #footer-main .networks a.facebook { background: url(/page/-/img/ccc/networks_facebook.jpg) no-repeat; display: block; float: left; width: 26px; text-indent: -9999px; height: 28px; margin-right: 5px; } #footer-main .networks a.twitter { background: url(/page/-/img/ccc/networks_twitter.jpg) no-repeat; display: block; float: left; width: 26px; text-indent: -9999px; height: 28px; margin-right: 5px; } #footer-main .networks a.youtube { background: url(/page/-/img/ccc/networks_youtube.jpg) no-repeat; display: block; float: left; width: 26px; text-indent: -9999px; height: 27px; margin-right: 5px; } #footer-main .search { float: right; width: 280px; } #footer-main .search h4 { color: #a9c6de; margin-bottom: 5px; } #footer-main .search input { background: #a2a0cf; border: 1px solid #3c4681; padding: 2px; color: #fff; font-size: 12px; float: left; margin-right: 2px; } #footer-main .search input.submit { background: none; border: none; position: absolute; padding:0; } #footer-main .search form#cse-search-box { height: 22px; width: 205px; } #legal-footer { float: left; width: 920px; padding-left: 20px; padding-right: 20px; padding-top: 10px; } #legal-footer p { margin-bottom: 0; font-size: .85em; color: #3c4580; } #legal-footer .left-legal { float: left; } #legal-footer .right-legal {float:right;} /* 04 =HOMEPAGE ---------------------------------------------------------- */ #home #main { padding: 20px 13px 20px 20px; width: 600px; } #home #content { float: left; margin-top: 10px; background-image: none; padding-bottom: 20px; padding-top: 0px; } #home #hero { width: 960px; height: 237px; position: relative; } #home #hero a { text-decoration: none; } #home #hero .entry { margin: 0; width: 960px; z-index: 1; } #home #hero .entry .hero-image { float: right; width: 319px; } #home #hero .entry .hero-image img { width: 319px; height: 237px; } #home #hero .entry .hero-info { float: left; width: 541px; padding: 50px; color: #fff; font-size: 17px; background: url(/page/-/img/ccc/hero_bkgd.jpg) no-repeat left top; height: 137px; } #home #hero .entry .hero-info a { color: #fff; font-weight: bold; float: left; } #home #hero .entry .hero-info h1 { color: #fff; font-size: 38px; } #home #hero #hero-nav { position: absolute; top: 175px; left: 470px; z-index: 5; width: 140px; } #home #hero #hero-nav a { margin: 0 5px 0 0; display: block; float: left; } #home #hero #hero-nav a#hero-prev { background: url(/page/-/img/ccc/hero_prev.png) no-repeat center; height: 22px; width: 22px; text-indent: -9999em; overflow: hidden; } #home #hero #hero-nav a#hero-next { background: url(/page/-/img/ccc/hero_next.png) no-repeat center; height: 22px; width: 22px; text-indent: -9999em; overflow: hidden; } #home #hero #hero-nav #hero-pager a { background: url(/page/-/img/ccc/hero_off.png) no-repeat center; height: 22px; padding: 0 8px 0 7px; font-size: 10px; color: #3d4782; font-weight: bold; text-align: center; line-height: 22px; } #home #hero #hero-nav #hero-pager a.activeSlide { background: url(/page/-/img/ccc/hero_on.png) no-repeat center; } #main .blog-home a.thumbnail img{ float: left; margin-right: 10px; border: 1px solid #3d4681; width: 66px; margin-top: 4px; } #main .blog-home .entry { float: left; margin-bottom: 20px; width: 280px; } /* img.hero-image { float: left; position: relative; z-index: 0; left: 0; top: 0; } #hero {float: left; width: 960px; height: 238px; display: inline; overflow: hidden; } #hero .hero-info { float: left; width: 550px; padding-top: 50px; padding-left: 40px; color: #fff; font-size: 17px; position: relative; z-index: 89; top: -234px; } #hero .hero-info a { color: #fff; font-weight: bold; float: right; padding-right: 10px; text-decoration: none;} #hero .hero-info h1 { color: #fff; font-size: 38px; margin-bottom: 5px; } #hero .hero-info p{ margin-bottom: 0; } */ #main .quote { border-bottom: #eee solid 1px; margin-bottom: 10px; display: inline; float: left; } #main .quote h2 { display: block; width: 300px; height: 27px; margin-bottom: 5px; font-style: italic; font-size: 1.95em; } #main .quote p { font-size: 1.2em; line-height: 1.3em; } #main .blog-home { float: left; margin-bottom: 20px; width: 280px; border-right: 1px solid #eee; padding-right: 10px; } #main .blog-home h3 { margin-bottom: 5px; } #main .stores-home { float: left; margin-bottom: 20px; width: 290px; padding-left: 10px; } #main .stores-home img { margin-bottom: 10px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ #blog a.thumbnail img{ float: left; margin-right: 10px; border: 1px solid #3b4580; width: 66px; margin-top: 2px; } #blog .entry { float: left; margin-bottom: 20px; width: 500px; } #blog p.date { margin-bottom: 10px; } #blog .entry { float: left; margin-bottom: 20px; width: 615px; } #blog .entry-thumb { float: left; width: 100px; } #blog .entry-text { float: right; width: 515px; } #blog h2 { margin-bottom: 0; } #blog h1 { margin-bottom: 0; } #blog .dsq-authenticate { display: none; } .shareletter { padding-left: 100px; } .shareletter a { display: inline-block; width: 112px; height: 92px; float: left; margin-right: 40px;} #stories .entry { float: left; margin-bottom: 0; border-bottom: 1px solid #7483b6; padding: 10px; } #stories .entry.hovered { background: #7483b6; cursor: pointer; } #stories .stories-thumb { float: left; margin-right: 15px; width: 125px; } #stories .stories-content { float: left; width: 460px; } #stories .stories-content h2 { margin-bottom: 3px; } #stories .stories-content p { margin-bottom: 0; } #story ul.resources { padding-left: 10px; margin-top: 5px; } #story ul.resources li a { color: #3d4681; } #story ul.resources li { list-style: none; padding: 0; } #story .video { width: 580px; padding-top: 40px; margin: 0 auto 15px; } #story .related-resources { background: #9ca1be; padding: 10px; text-align: left; } #story .quote { font-style: italic; margin-bottom: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; } #story .info {border: 1px solid #7582b6; float: right; width: 220px; text-align: center; margin-left: 20px; margin-bottom: 10px; } #story .info img { margin: 5px 0; } #story .info li { margin-bottom: 5px; padding-left: 5px; } #story .story-title { width: 100%; height: 30px; float: left;} #story .story-title span#sharethis_0 { padding-top: 5px; float: left; } #story h1 { float: left; padding-right: 20px; } #story .al-blog { float: left; padding-top: 10px; border-top: 1px solid #9ca1be; } #story .al-blog a.thumbnail img{ float: left; margin-right: 10px; border: 1px solid #3d4681; width: 66px; margin-top: 2px; } #story .al-blog p.date { margin-bottom: 10px; } #story .al-blog .entry { float: left; margin-bottom: 20px; width: 615px; } #story .al-blog .entry-thumb { float: left; width: 100px; } #story .al-blog .entry-text { float: right; width: 515px; } #blog .blog-intro { margin-bottom: 15px; } #story .al-blog h2 { } #story .al-blog h1 { margin-bottom: 5px; } #action-center { margin-top: 15px; } #action-center h3 { margin-bottom: 5px; } #action-center tr { float: left; margin-bottom: 15px; } #action-center img { margin-right: 10px; } #pages.events h1 { margin-bottom: 10px; } #pages.events #main-header .logo h1 { float: left; width: 407px; height: 62px; text-indent: -9999px; margin-top: 7px; margin-bottom: 0; } #pages.events .events-links { float: left; width: 600px; margin-bottom: 10px; } #pages.events .events-page-top { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #5c7e9e; float: left; } #pages.events .entry { margin-bottom: 25px; } #pages.events h3 { margin-bottom: 0; ; } #pages.events h2 { margin-bottom: 15px; } #pages.events p.date { float: left; } #pages.events p.more { float: left; padding-left: 5px } #news h2 { margin-bottom: 5px; font-size: 1.5em; } #pages.personal-fundraising-ccc ul.fundraising li { list-style: none; float: left; width: 275px; margin-right: 10px; border: 1px solid #5f82a3; background-color: #afc0d1; padding: 5px; height: 45px; text-align: center; } #pages.personal-fundraising-ccc ul.fundraising li.long-fund { width: 575px; margin-right: 0; height: 75px; } #pages.personal-fundraising-ccc ul.fundraising li.long-fund h3 { margin-bottom: 5px; } #pages.personal-fundraising-ccc li h3 { text-align: center; } #pages.personal-fundraising-ccc h3 { float: left; width: 100%; text-align: left; margin-top: 10px; margin-bottom: 20px; } /* 06 =FRAMEWORK ---------------------------------------------------------- */ #signup .label label.field { margin-top: 10px; float: left; width: 100%; } #signup input#email, #signup input#firstname, #signup input#lastname, #signup input#zip, #signup textarea#custom-176 { border: 1px solid #8aa1b1; padding: 3px; } #wrapper table#signup { width: 438px; } #wrapper table#signup input#custom-248, #wrapper table#signup input#custom-249, #wrapper table#signup input#custom-250 #framework #contribution td.contribheader{ float: left; margin-bottom: 10px; width: 100%; font-weight: normal; } #framework form#contribution input { margin-right: 5px; } #framework form#contribution input#processbutton { margin-top: 10px; } #framework form#contribution label { font-weight: normal; } #framework form#contribution .contribcolumn input { border: 1px solid #8aa1b1; padding: 3px; } #signupfooter { padding-top: 25px;} #main .label label.field, #main .input label.field { font-weight: normal; } input#custom-140, input#custom-141, input#custom-142 { margin-right: 5px; } .full-width #main { width: 918px; padding-right: 20px; } .custom-140, .custom-141, .custom-142 { margin-top: 10px; } #submit input { float: left; margin-top: 15px; margin-bottom: 10px; } #framework textarea { font-size: 12px border: 1px solid #8aa1b1; padding: 3px;} #wrapper input#custom-283 { float: left; display: inline; margin-right: 5px; margin-bottom: 70px; margin-top: 3px; } input#custom-283 label { float: left; } #invitationpage { font: 1em Verdana, sans-serif; color: #333; } #invitationpage td { background: none; border: none; padding: 0;} #invitationpage .text { height: 15px; border: 1px solid #999; padding: 2px 4px; font: 10.5px Verdana, Arial, sans-serif; color: #555; } #invitationpage .textarea { font: 10.5px Verdana, Arial, sans-serif; color: #555; padding: 5px; border: 1px solid #999;} #invitationpage #body { background: #fff; padding: 3px 5px; margin: 0; font: 10.5px Verdana, Arial, sans-serif; color: #555;} #invitationpage td.label, #invitationpage td.field { padding: 5px 0; } #invitationpage td.label { padding-right: 10px; } #invitationpage input { border: 1px solid #8aa1b1; padding: 3px; } #invitationpage #contact_importer_button { float: left; } #framework #manageform .managetitle { float: left; color: #3c4681; margin-bottom: 10px; font-size: 1.2em; width: 636px; line-height: 1.4em; } #framework #manageform table { float: left; margin-top: 20px; background: none; border: none } #framework #manageform table th { float: left;margin-right: 5px; } #framework #SKIN{ float: left; padding-left: 15px; width: 615px; padding-right: 0; padding: 0; } #framework #SKIN #outreachpage #outreachleft { float: left; width: 410px; padding-right: 0; } #outreachpage #outreachright img { float: left; width: 158px; } #framework #main { padding-left: 10px; padding-right: 10px; width: 625px; } #framework label { color: #333; margin-bottom: 5px; padding: 2px; font-size: 12px; } #framework input { color: #333; margin-bottom: 5px; padding: 2px; font-size: 12px; } #framework #SKIN #search_other_options { float: left; position: relative; float: left; top: 0; left: 5px; width: 282px; } #framework select { color: #333; margin-bottom: 5px; padding: 0; font-size: 12px; } #framework #SKIN #account_actions { color: #3c4681; margin-bottom: 10px; font-weight: bold; font-size: 1em; } #framework .controlblock input { border: 1px solid #8aa1b1; padding: 3px; } #framework .controlblock label { float: right; height: 7px; display: inline; width: 491px; } #framework .omform { border: none; width: 575px; padding: 0; } #framework #outreach_invite_email_row input { border: 1px solid #8aa1b1; padding: 3px; margin-right: 5px; } #framework #outreach_invite_email_row input.contact_importer_email { width: 150px; } #framework #outreach_content input#contact_importer_button { float: left; margin-top: 10px; } #framework #outreach_content #contact_importer_button_container { float: left; } #framework #outreach_content #outreach_invite_message_layout { float: left; margin-top: 10px; } #framework div.logintitle, #framework div.signuptitle { text-transform: uppercase; color: #3c4681; margin-bottom: 10px; text-align: center; } #framework #loginform { margin-bottom: 15px; } #framework #loginform table, #framework #signupform table { background: #fff; width: 432px; font-size: 1.2em; margin: 0 auto; } #framework #loginform table th { text-align: right; padding-right: 5px; font-size: 12px; } #framework #loginform td label { font-size: 10px; margin-left: 5px; } #framework #signupform table th { text-align: right; padding-right: 5px; font-size: 12px; } #framework #signupform input.text { margin-bottom: 0; width: auto;} #framework #loginform table .logindesc, #framework #loginform table .loginbutton, #framework #signupform table .signupdesc, #framework #signupform table .signupbutton { padding: 10px; width: 478px; font-size: 12px; } #framework #loginform a.loginforgotlink { font-size: 12px; font-style: italic;} #framework #comm_content form#login_form { width: 507px; margin: 15px auto; padding: 5px; background: #fff;border: none; } #framework #comm_content #login_form td.loginbutton { text-align: center; } #framework #SKIN .rsvp_button { display: none; } #framework #widget_directory_search_profiles_by_zip fieldset { float: left; width: 285px; margin-bottom: 5px; } #framework #SKIN #control_set { padding: 0; width: 615px; background: none; margin-right: 0; } #framework #SKIN #widget_group_1 { padding: 0; margin-right: 5px; background: none; width: 305px; } #framework #SKIN #widget_group_2 { width: 305px; background: none; float: left; } #framework #SKIN p#search_example_values { font-size: 10px; } #framework #SKIN .widget_action_submit { height: 18px; margin-left: 2px; } /* replace go buttons */ #framework #SKIN .widget_action_submit:hover { cursor: pointer; } /* change cursor on hover */ #framework #SKIN .widget_actions select { border: none; padding: 1px; } /* select closer to button height, non native controls */ #framework #SKIN .typedesc th.typedescheader #framework #SKIN .typedesc th { font-size: 12px; padding: 2px; border: solid 1px; border-right: none; } #framework #SKIN .typedesc td { font-size: 12px; padding: 2px; border: solid 1px; } #framework #SKIN .yui-pg-container #yui-pg0-0-prev-span { font-size: 1.2em ; } #framework #SKIN .yui-pg-container #yui-pg0-0-next-span { font-size: 1.2em ; } img#fb_login_image { margin-top: 10px; } #framework #SKIN #sectionheader { color: #3c4681; border-bottom: none; } #framework #SKIN #widget_group_1 .widget_container { margin-bottom: 25px; background: none; padding-left: 0; padding-right: 0; } #framework #SKIN #widget_group_2 .widget_container { padding: 0 0 0 0;margin-bottom: 15px; background: none; } #framework #SKIN .widget_group .widget_container .container { margin-bottom: 5px; width: 300px; border: none } #framework #SKIN #widget_group_2 .widget_container form { float: left; } .group_results { float: left } #framework #SKIN.module_dashboard #widget_event2_widget .container td{ float: left; width: 131px; margin-bottom: 5px; } #framework #SKIN.module_dashboard #widget_event2_widget .container #event_pane_left { font-size: .9em; margin-right: 5px; width: 134px; padding-right: 5px; border-right: 1px solid; line-height: 12px; } #framework #SKIN.module_dashboard #widget_event2_widget .container #event_pane_left h3 { padding: 0; font-weight: normal; } #framework #SKIN.module_dashboard #widget_event2_widget .container #event_pane_left a { font-size: 10px; line-height: 13px; margin-bottom: 5px; } #framework #SKIN.module_dashboard #widget_event2_widget .container #event_pane_left li { list-style: none; background-color: #7483b6; } #framework #SKIN .widget_group .widget_container .widget_header { background: #e8ebed; padding: 5px 0 5px 5px; float: left; } #framework #SKIN .widget_title { padding: 5px 10px; color: #333; text-transform: none; font: bold 1.2em "Helvetica", Helvetica Neue; } #framework #SKIN table.search_results { float: left; } #framework #SKIN #widget_circle_search_groups_by_keyword, #framework #SKIN #widget_circle_search_groups_by_zip, #framework #SKIN #widget_circle_search_groups_by_state { width: 210px; border-right: none; } #framework #SKIN #widget_circle_extended_info p { margin: 5px 10px; } #framework #SKIN #widget_circle_extended_info div.form_button_group { margin: 0px 5px; } #framework #SKIN #widget_circle_group_profile { clear: both; } #framework #SKIN #widget_circle_group_profile p { margin: 10px; } #framework #SKIN #widget_circle_group_profile img.group_image { float: left; margin: 10px; display: inline;} #framework #SKIN .profile_image { width: 100px; } #framework #SKIN #event_pane_left p { padding: 0;margin-bottom: 10px; } #framework #SKIN .entity_list_title { font-weight: bold; line-height: 15px;} #framework #SKIN .entity_list_subheading { display: none; } #framework #SKIN #event_rsvp table#signupform tbody { font: 12px; } #framework #SKIN h1 { color: #333; font-size: 24px; line-height: 24px; font-weight: normal;} html.cufon-active #framework #SKIN h1 { font-size: 25px; padding-bottom: 10px; } #framework #SKIN #control_set h1 { width: 400px;} #framework #SKIN h2, #framework #SKIN .widget_title { font-size: 16px; color: #3c4681; margin-bottom: 10px; padding: 0; } #framework #rsvp_container h2#sectionheader,#framework #eventdetail h2#sectionheader { font-size: 16px; color: #3c4681; margin-bottom: 10px; border-bottom: none; margin-left: -5px; } html.cufon-active #framework #SKIN .widget_title { font-size: 15px; margin-bottom: 0; } #framework #SKIN h2.header, #framework #SKIN h2#sectionheader { font-size: 21px; line-height: 26px; padding: 0; color: #3c4681; border-bottom: none; } #framework #SKIN #detailtable { width: 640px; background: none; border: none; font-size: 12px; } #framework #SKIN .detailtable_container { width: 630px; background: none; float: left; border: none; padding-bottom: 10px; font-size: 12px; border-bottom: 1px solid #5f82a3; margin-bottom: 25px; } #framework #SKIN #detailtable tbody { font-size: 12px; } #framework #SKIN h3, #framework #SKIN h4 { font-size: 12px; padding-left: 0; } #framework #SKIN p { padding: 0; font-size: 12px; } #framework #SKIN .container { font-size: 12px; padding-left: 0; padding-right: 0; } #framework #SKIN #widget_circle_find_a_group.container { height: 265px; } #framework #SKIN #widget_circle_find_a_group.container .widget_header { height: 20px; } #framework #SKIN a { font-size: 12px; color: #3c4681; } #framework #SKIN.module_event2 #account_actions { text-align: right; top: 0px; } #framework #SKIN.module_event2 #account_actions a { font-size: 1.2em; color: #3c4681; } #framework #SKIN.module_event2 #account_actions span#login_status { display: block;} #framework #SKIN.module_event2 p.instructions { margin-bottom: 5px; } #framework #SKIN.module_event2 p.disclaimer { display: none; } #framework #SKIN.module_event2 p.subhead { margin-bottom: 0; } #framework #SKIN.module_event2 #control_set h1 { display: none; } #framework #SKIN.module_event2 .main { border: none; padding: 0; } #framework #SKIN #myevents table th.form_label { font-weight: normal; padding: 4px; font-size: 1.2em; border-left: 1px solid; } #framework #SKIN #myevents table tr { border-top: 1px solid; border-right: solid 1px; } #framework #SKIN #myevents table td { font-weight: normal; padding: 4px; font-size: 1.2emem; border-left: 1px solid; border-bottom: 1px solid; border-right: solid 1px; } #framework #SKIN.module_event2 #simplesearch #event_search_zip { border: 1px solid #8aa1b1; padding: 3px; } #framework #SKIN.module_event2 #simplesearch #event_radius_row input { border: 1px solid #8aa1b1; padding: 3px; } #framework #SKIN.module_event2 #simplesearch tr { float: left; margin-bottom: 5px; width: 417px; } #framework #SKIN.module_event2 #simplesearch #event_radius_row #event_radius_unit{ font-size: 12px; } #framework #SKIN.module_event2 #simplesearch th.form_label #framework #SKIN .form_label { font-weight: normal; font-size: 12px; } #framework #SKIN #eventdetail #signupform { font-size: 12px; } #framework #SKIN #eventdetail #signupform label { margin-left: 5px; font-size: 12px; } #framework #SKIN #eventdetail #event tr th{ margin-bottom: 5px; float: left; font-size: 12px; } #framework #SKIN #eventdetail #signupform th{ margin-bottom: 5px; float: left; font-size: 12px; } #framework #SKIN p #framework #SKIN #search_other_options { float: left; width: 175px; position: relative; top: 1px; left: 9px; } #eventdetail p, #eventdetail th, #eventdetail td, #eventdetail a, #eventdetail label, #eventdetail div, #eventdetail li { font-size: 12px; } #framework #SKIN #eventdetail { position: relative; padding-right: 20px; } #framework #SKIN #eventdetail #event_detail_xml_link { float: right; } #framework #SKIN #eventdetail img.rssimg { padding:4px 4px 4px 0px; } #framework #SKIN #eventdetail h2#sectionheader { padding: 0; font-size: 16px; margin-bottom: 5px; } #framework #SKIN #eventdetail .subhead { font-size: 12px; margin-bottom: 5px; } #framework #SKIN #eventdetail th { padding: 0; vertical-align: top; font-size: 1em; font-weight: normal; } #framework #SKIN #eventdetail td { padding: 0; vertical-align: top; font-size: 1em; font-weight: normal; } #framework #SKIN #eventdetail .title span.type{ display: none;} #framework #SKIN #eventdetail .title { color: #3c4681; font-weight: normal; font-size: 1.8em; padding: 0 } #framework #SKIN #eventdetail .description { margin: 10px 0; font-size: 12px; margin-bottom: 0 } #detailtable { width: 100%; } #SKIN #eventdetail #volunteer_box { border: 1px solid #6699BB; background: #7483b6; } #SKIN #eventdetail #volunteer_box h3 { padding-left: 5px; } #detailtable .maplinks { margin-top: 5px; } #detailtable .location .address { text-transform: none; font-size: 12px } #detailtable .location { text-transform: none; font-size: 12px } #detailtable .maplinks { text-transform: none; font-size: 12px } #framework #SKIN #circle_edit .form_label { font-weight: normal; font-size: 12px; } #framework #SKIN #circle_edit input{ margin-right: 5px; } #framework #SKIN #circle_edit_is_private .form_input #framework #SKIN #circle_edit_alias .form_input { display: none;} #framework #SKIN #circle_edit_group_url .form_input { display: none;} #framework #SKIN .form_value #framework #SKIN #eventdetail #detailtable div.maplinks ul { margin:0; padding: 0; display: inline; list-style-type: none } #framework #SKIN #eventdetail #detailtable div.maplinks ul li { margin:0; padding: 0; padding-left:10px; display: inline; text-transform: none; } #framework #SKIN .friend_profile_image img { margin-right: 5px; } #framework #SKIN #facebook_profile_pic img { margin-right: 5px; } #framework a#contribute_now_link { width: 149px; display: block; color: #fff; background-color: #d33857; padding: 10px 5px; font-size: 1.2em; font-weight: bold; text-align: center; } #framework #SKIN #account_actions a:link, #framework #SKIN #account_actions a:active, #framework #SKIN #account_actions a:visited, #framework #SKIN #account_actions a:hover { color: #3c4681; } #framework #SKIN .form_button_group input.radiobutton { margin: 5px; } #framework #stdheader #titletext{ text-transform: uppercase; color: #3c4681; margin-bottom: 10px; font-weight: bold; font-size: 1.5em; } #framework #outreachsplash a #framework #outreachsplash #outreachsplashleaders .leadersheader, #outreachsplash #outreachsplashsearch .leadersheader { border: none; color: #fff; font-size: .95em; margin-bottom: 10px; } #framework #outreachsplash #outreachsplashright #outreachsplashcallout { background: #adb1cc; border: none; } #framework #outreachsplash #outreachsplashleaders { background: #3c4681; border: none; color: #fff; margin-top: 0; } #framework #outreachsettings2 span.description{ float: left; margin-bottom: 5px; margin-top: 5px; } #framework #outreachsettings2 textarea#page_text { float: left; margin-bottom: 5px; } #framework #outreachsettings3 tr { float: left; margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-top: 10px; width: 625px; } #framework #outreachsettings3 span.description{ float: left; margin-bottom: 5px; margin-top: 5px; font-size: .7em; } #framework #outreach_content { float: left; width: 580px; padding-left: 20px; } #framework #odgettingstarted { background: #ccc; padding: 10px; } #framework .odsechead { border: none; } #sidebar-community h4 a{ color: #000; font-weight: bold; margin-bottom: 4px; float: left; width: 245px; } #sidebar-community { background: url(/page/-/img/uwhealth_dashboard.jpg) no-repeat; float: right; width: 240px; padding-top: 80px; padding-left: 30px; height: 600px; margin-right: 20px; } #framework #sidebar-community { margin-right: 0; padding-right: 20px; } ul.community-nav li { list-style: none; padding-left: 16px; margin-bottom: 5px; } #framework form#forgotpw_form table { background: none; border: none; } #framework #forgotpw form table { background: none; border: none; } /** Community Blogs **/ #framework #comm_content{ float: left; padding-left: 0; width: 620px; padding-right: 0; } #framework #confirmcode div.header { font: 22px/1.1em Georgia, Verdana, sans-serif; margin-bottom: 10px; color: #333; border: none;} #framework #confirmcode div.confirminstructions { font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; margin-bottom: 1.5em;} #framework #confirmcode table td, #framework #confirmcode table th { padding: 10px;} #framework #redirect .box { font-size: 14px; } #framework div.communityheader table#comm_headertable { margin-bottom: 15px; } #framework div.communityheader table#comm_headertable td { padding: 0;} #framework div.communityheader table#comm_headertable td.headertitle { font: 36px/38px Georgia, Verdana, sans-serif; margin-bottom: 10px; color: #222; width: 510px;} html.cufon-active #framework div.communityheader table#comm_headertable td.headertitle {} #framework div.communityheader table#comm_headertable td.headerlinks { line-height: 18px; width: 300px; text-align: right;} #framework #comm_content div.header { font: 1.2em/1.4em "Verdana", Helvetica; color: #3c4681; padding-bottom: 5px; margin: 10px 0; border-bottom: none;} #framework #comm_content div.subheader { color: #3c4681; margin: 10px 0; font-weight: normal; font-style: normal; } #framework #comm_content form#journal_form table { width: auto; margin: 10px auto; background: none; border: none; } #framework #comm_content form#journal_form table td, #framework #comm_content #framework #comm_content form#journal_form table th.oneline { font-weight: bold; } #framework #comm_content form#post_form { width: 582px; margin: 0; background: ; padding: 10px; border: none;} #framework #comm_content form#post_form table th.left { width: 100px; font-weight: bold; } #framework #comm_content form#post_form table td.spacer { padding: 0; height: 10px; line-height: 10px;} #framework #comm_content form#post_form span.whatisthis { padding-left: 5px; } #framework #comm_content form#post_form input.submit { margin-right: 10px; } #framework #comm_content form#post_form div.title { font: bold 10px/15px Verdana, sans-serif; margin-top: 10px; color: #333; } #framework #comm_content form#post_form div.title a { color: #333; text-decoration: none; } #framework #comm_content form#post_form div.title a:hover { text-decoration: underline; } #framework #comm_content form#post_form div.byline { font: bold 10px/15px Verdana, sans-serif; color: #555; display: block; margin-bottom: 10px; } #framework #comm_content div.postlist { margin-top: 10px; } #framework #comm_content div.postlist table.head td.text { font-weight: bold; font-size: 14px;} #framework #comm_content div.postlist table.list { border: none; } #framework #comm_content div.postlist table.list th { font-weight: bold; border-bottom: 1px solid ;} #framework .communityheader { border-bottom: none; } #framework .communityheader .headertitle a { font: 20px/15px Verdana, sans-serif; } #framework #comm_content #community div.reason { font-weight: bold; font-size: 14px; margin-bottom: 5px; padding-left: 0; } #framework #community .todo { background: none; border: none; } #framework #outreachpage #outreachpicture { width: 150px; margin-right: 20px; margin-bottom: 20px; } #framework #outreachpage #outreachpicture img { width: 150px; } #framework #comm_content div.journaltitle { font-weight: bold; font-size: 14px; margin-bottom: 10px; color: #3c4681;} #framework #comm_content div.communitypostfull div.title { color: #3c4681; margin-bottom: 5px; border-bottom: none; font-size: 22px; line-height: 25px; font-weight: normal; font-style: normal; } #framework #comm_content div.communitypostfull td.byline { padding: 0; font: normal 12px/15px "Helvetica Neue", Helvetica, Aral, sans-serif; color: #3c4681; display: block; margin: px 0 0;} #framework #comm_content div.communitypostfull div.postactions { padding: 0; margin: 10px 0; border: none; background: none; font-size: 11px; line-height: 11px; width: 275px; height: 15px; } #framework #comm_content div.communitypostfull div.postactions a { text-decoration: none; color: #555;} #framework #comm_content div.communitypostfull div.postactions a:hover { text-decoration: underline; } #framework #comm_content div#profilefullcontainer div.profilefull { display: none; } #framework #comm_content div#profileteasercontainer div.profileteaser div.viewmore a { text-decoration: none; font-style: italic; font-size: 11px; color: #;} #framework #comm_content div#profileteasercontainer div.profileteaser div.title { font-weight: bold; font-size: 13px;} #framework #comm_content div#profileteasercontainer { position: relative; } #framework #comm_content div#profileteasercontainer div.userid { font-weight: bold;} #framework #comm_content div.communitypostinlist div.title { font: 22px/26px Georgia, Times, sans-serif; color: #222; } #framework #comm_content div.communitypostinlist div.title a { font-weight: normal; color: #222; text-decoration: none;} #framework #comm_content div.communitypostinlist div.title a:hover { text-decoration: underline; } #framework #comm_content div.communitypostinlist div.byline { font: bold 12px/15px "Helvetica Neue", Helvetica, Aral, sans-serif; color: #222; } #framework #comm_content div.communitypostinlist div.body { margin: 10px 0; } #framework #comm_content div.communitypostinlist { padding: 10px 0; border-top: 1px solid #413532;} #framework #comm_content div.communitypostinlist div.postactions a { font-size: 12px; color: #3c4681; text-decoration: none;} #framework #comm_content div.communitypostinlist div.postactions a:hover { text-decoration: underline; } #framework .comments { margin: 0; } #framework .comments td { padding: 0; } #framework .comments td.commentstitle { font: 21px/24px; color: #222; width: 40%;} #framework .comments td.commentstitle a { color: #3c4681; text-decoration: none; font-weight: normal;} #framework .comments td.commentactions { width: 60%; text-align: right;} #framework .comments td.commentactions ul { margin: 0; } #framework .comments td.commentactions li { list-style-type: none; display: inline; text-align: right; line-height: 24px; margin-left: 20px;} #framework .comments div.nocomments { font-style: italic; margin: 10px 0; font-size: 13px;} #framework #SKIN .widget_groups_container #widget_group_1 .widget_container p { padding: 0; } #framework #SKIN .odd { background: none; } #framework #SKIN #widget_group_1 div.blog_entry { padding: 10px; background-color: none; } #framework #SKIN #widget_group_1 div.blog_entry h3 { font-size: 16px; line-height: 20px;} #framework #SKIN #widget_group_1 div.blog_entry h3 a { font-size: 16px; text-decoration: none;} #framework #SKIN #widget_group_1 div.blog_entry h3 a:hover { text-decoration: underline; } #framework #community .instructions { padding: 0; } #framework #SKIN #widget_group_1 div.blog_entry p.pubdate { font-size: 11px; color: #3c4681; } #framework #SKIN #widget_group_1 div.blog_entry p.pubdate a { font-size: 11px; color: #3c4681;} #framework #SKIN #widget_group_1 div.blog_entry p.comments { text-transform: capitalize; margin: 0; padding-top: 10px;} #framework #SKIN #widget_group_1 div.blog_entry p.comments a { text-decoration: none; } #framework #community form table.mceEditor{ background: #; border: 1px solid; margin-bottom: 10px; } #framework #community form table { background: none; border: none; } #framework #community .header #framework #community #journalform form#journal_form { background: none; } #framework #community { padding: 0; border: none; } #framework .communitypostfull { width: 605px; } /* @end */ /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;}