/* ---------------------------------------------------------- **Mercy Ships** 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) #19204d - DARK BLUE (NAV LINKS) #69b034 - BRIGHT GREEN ---------------------------------------------------------- */ /* 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-family: Arial, Helvitica, sans-serif; text-align: center; } body {font-size: 12px;} #nav, #footer {font-family: Georgia, "Times News Roman", serif;} #nav {font-size: 16px;} #content-header h1 {font-size: 38px;} .home-column h3.column-header {font-size: 19px;} /* colors */ #content-header h1, #footer, #footer a {color: #fff;} #nav a, .home-column h3.column-header a, #volunteer-sub-nav h2 {color: #19204d;} /* dark purple */ #nav a:hover, a {color: #69b034;} /* links */ a, #nav a, a.button-small:hover {text-decoration: none;} a:hover {text-decoration: underline;} /* misc */ #home-content .home-column h3.column-header {font-weight: normal;} /* 03 =COMMON STYLE ---------------------------------------------------------- */ body .base {font-size: 12px;} .base h1, #volunteer-sub-nav h2 {font-size: 30px; margin: 0 0 15px 0;} .base h2 {font-size: 22px; margin: 0 0 10px 0;} .base h3 {font-size: 16px; margin: 0 0 0 0;} .base h1 {color: #19204d;} /* dark blue */ .base h2, .base h3, .base h4 {color: #69b034;} /* bright green */ .base h1, .base h2, .base h3 {font-weight: bold;} .base h1, .base h2, .base h3 {/*text-transform: uppercase;*/} .base .highlight-box p {font-style: italic;} .base p { font-size: 12px; line-height: 19px; margin: 0 0 10px 0;} blockquote{ background: url(/page/-/images/bg-blockquote.jpg) no-repeat; font: .95em/1.5em Georgia, "Times New Roman", Times, serif; margin: 15px 0 20px 35px; padding: 10px 0 0 39px;} .base ul, ol {margin: 0 0 0 20px;} .base ul {} .base ol { } .base ul li {list-style: outside disc; margin: 0 0 5px 0;} .base ol li {list-style: outside decimal;} .base li ol { } .base li ul { } /* 04 =LAYOUT ---------------------------------------------------------- */ html {background: #6587a7 url(/page/-/images/html-bg.jpg) repeat-x;} body {background: url(/page/-/images/body-bg.jpg) center top no-repeat; min-height: 1300px;} #container {margin: 0 auto 0 auto; width: 960px; text-align: left; } #header {background: url(/page/-/images/header-bg.png) no-repeat -10px 0; height: 136px; width: 960px; position: relative; margin: 0 0 10px 0;} #header-rss { float:right; margin: 0 20px 0 0; } #logo {position: absolute; display: block; height: 136px; width: 300px; text-indent: -900em; outline: 0;} #nav {position: absolute; overflow: hidden; bottom: 5px; right: 80px;} #nav li {float: left; border-right: 1px solid #69b034; padding: 2px 0;} #nav li a {padding: 0 10px;} #nav-donate {position: absolute; bottom: 2px; right: 0;} #content {margin: 0 0 15px 0;} /* sidebar */ #sidebar {width: 315px; float: right; text-align: center; padding: 10px 0 0 0;} .sidebar-content-block {margin: 0 0 15px 0;} .sidebar-content-block p { text-align:left; margin:0 0 -4px 18px;} #volunteer-sub-nav {text-align: left; margin: 0 0 10px 10px; width: 295px;} #volunteer-sub-nav h2 {border-bottom: 1px solid #ccc; margin: 0 0 8px 0;} #volunteer-sub-nav ul {margin: 0 0 0 10px;} #volunteer-sub-nav ul li {margin: 0 0 5px 0; list-style-position: inside; font-size: 13px; font-weight: bold; color:#69B034;} #volunteer-sub-nav ul ul li a { color:#19204d; } #volunteer-sub-nav ul ul li { list-style-type:none; color:#19204d; } /* signup */ #quicksignup {background: #e6ecf0 url(/page/-/images/quick-bg.png) no-repeat center center; height: 51px; width: 300px; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #quicksignup legend {text-indent: -900em;} #quicksignup-alumni {background: #e6ecf0 url(/page/-/images/alumni-informed.png) no-repeat center center; height: 151px; width: 300px; position: relative; margin: 0 auto 0 auto; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #quicksignup-alumni legend {text-indent: -900em;} #splash-email {position: absolute; top: 17px; left: 15px; border: 0; font-size: 13px; height: 17px; width: 180px;} #splash-fname {position: absolute; top: 17px; left: 15px; border: 0; font-size: 13px; height: 17px; width: 180px;} #splash-lname {position: absolute; top: 17px; left: 15px; border: 0; font-size: 13px; height: 17px; width: 180px;} #quickSubmit {position: absolute; top: 10px; right: 0; background: none; border: 0; height: 30px; width: 95px; text-indent: -900em; cursor: pointer;} #site-search {background: #e6ecf0 url(/page/-/images/form-search.png) no-repeat center center; height: 51px; width: 300px; position: relative; margin: 0 auto 10px auto; -moz-border-radius: 3px; -webkit-border-radius: 3px;} #site-search legend {text-indent: -900em;} #search-term {position: absolute; top: 17px; left: 40px; border: 0; font-size: 13px; height: 17px; width: 155px;} #search-submit {background: pink;} #quick-email {position: absolute; top: 7px; left: 7px; border: 0; width: 178px;} #quick-submit {position: absolute; background: none; border: none; text-indent: -900em; height: 30px; width: 85px; top: 0; right: 0; cursor: pointer;} #side-action-buttons {background: #b8cad6; width: 295px; margin-left: auto; margin-right: auto; padding: 5px 0 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px;} #side-give {margin: 0 0 2px 0;} #side-pray {margin: 0 0 2px 0;} /* main content */ #main-content {padding: 20px;} body.twocol #main-content {width: 605px; float: left;} /* blog */ body#blog .entry { margin: 0 0 20px 0; } body#blog .entry h2, body#news .entry h2 { margin: 0 0 0 0; } body#news .blog-meta, body#blog .blog-meta {font-style: italic; color: #666;} body#news .entry p, body#blog .entry p { margin: 0 0 0 0; } body#blog .entry .left { float:left; width:100px; margin:0 0 10px; } body#blog .entry .right { float:right; width:480px; margin:0 0 10px 0;} body#blog h2 {text-transform: none;} /* news */ .news-entry {overflow: hidden; margin: 0 0 25px 0;} .news-entry.thumb .left {float: left; width: 100px;} .news-entry.thumb .right {float: right; width: 480px; margin: 0 0 10px 0;} .news-entry h2 {margin: 0px 0 0 0;} {!--was 5px top--} .more-links { background:#e8e8e8; padding:7px 10px 1px; margin:0 0 50px 0; } p.byline { color: #999999; margin: 0 0 10px 0; } .more-links a.facebook, #blog.list .entry .more-links a.facebook { background: url(/page/-/images/btn-blog-socnet.png) no-repeat 0 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.facebook:hover, #blog.list .entry .more-links a.facebook:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat 0 -20px; } .more-links a.digg, #blog.list .entry .more-links a.digg { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -21px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.digg:hover, #blog.list .entry .more-links a.digg:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -21px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.tweet, #blog.list .entry .more-links a.tweet { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -45px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.tweet:hover, #blog.list .entry .more-links a.tweet:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -45px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.technorati, #blog.list .entry .more-links a.technorati { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -67px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.technorati:hover, #blog.list .entry .more-links a.technorati:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -67px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.email, #blog.list .entry .more-links a.email { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -90px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} .more-links a.email:hover, #blog.list .entry .more-links a.email:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -90px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} a.button-small { color:#ffffff; position:absolute; top:3px; left:7px; } /* footer */ #footer {} #footer .left {float: left;} #footer .right {float: right;} /* 05 =HOMEPAGE ---------------------------------------------------------- */ .home-box { margin:0 0 10px; } #home-wrapper { width:960px; margin:10px auto; } /* feature */ #home-feature { float:left; width:635px; position: relative; height: 367px; overflow: hidden;} /*#home-feature-info {background: url(/page/-/images/feature-nav-bg.png); height: 62px; width: 635px; position: absolute; bottom: 0; -moz-border-radius-bottomLeft: 3px; -moz-border-radius-bottomRight: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;}*/ #feature-prev {position: absolute; display: block; text-indent: -900em; height: 62px; width: 70px; outline: 0; bottom: 0; left: 0; z-index: 10;} #feature-next {position: absolute; display: block; text-indent: -900em; height: 62px; width: 80px; outline: 0; bottom: 0; right: 0; z-index: 10;} .home-feature-entry {height: 367px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .home-feature-entry p {background: url(/page/-/images/feature-nav-bg.png); position: absolute; bottom: -10px; color: #fff; width: 455px; left: 0; height: 47px; line-height: 16px; font-style: italic; font-size: 14px; -moz-border-radius-bottomLeft: 3px; -moz-border-radius-bottomRight: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; padding: 15px 90px 0 90px;} a.home-feature-link {position: absolute; display: block; height: 367px; width: 635px; text-indent: -900em; z-index: 1; top: 0; left: 0;} .home-feature-img {height: 367px; width: 635px; -moz-border-radius: 3px; -webkit-border-radius: 3px;} .home-feature-text a {color: #fff; text-decoration: none;} .home-feature-text a:hover {text-decoration: none;} #home-side-buttons { float: left; width: 317px; margin: 0 0 0 7px; text-align: right;} #home-side-buttons img { margin: 0 0 3px 0; } #home-content { background:#ffffff; width:960px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .home-column { width: 300px; padding: 0 10px 0 10px; float: left; margin: 10px 0 10px; } #home-column-title-log{ width:300px; height:20px; border-bottom:1px solid #babcc9; margin:0 0 10px; padding:0 0 5px 0; } .log-item { margin:0 0 19px 0px; overflow: hidden; } .log-thumbnail { float:left; width:99px; } .log-text { float:left; width:185px; padding:8px 0 0 16px; } .log-text p.log-title { font-weight:bold; line-height:13px; margin:0;} .log-text a { color:#474340; text-decoration:underline; } #home-button-log-entries { background: #69b034 no-repeat; width:115px; height:21px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; } #home-button-log-entries img { position:absolute; top:5px; left:5px; } #home-column-title-involved { width:300px; height:20px; border-bottom:1px solid #babcc9; margin:0 0 10px; padding:0 0 5px 0; } .content-holder { margin:14px 0 0 0; } .content-holder p { color:#19204d; } p.action-title { font-size:15px; margin:0 0 10px 0; font-weight:bold; } p.action-text {font-size:13px; line-height:18px; margin: 0 0 5px 0; } p.action-text a {color: #19204d; text-decoration: underline} span.action-text-sub { font-style:italic; } #home-button-positions { background: #69b034 no-repeat; width:115px; height:21px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; margin:10px 0 0 0; } #home-button-positions img { position:absolute; top:4px; left:7px; } #home-button-gift { background: #69b034 no-repeat; width:126px; height:21px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; margin:10px 0 0 0; } #home-button-audio { background: #69b034 no-repeat; width:108px; height:21px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; margin:10px 0 10px 0; } #home-button-gift img { position:absolute; top:4px; left:6px; } a.home-button-large { } a.home-button-large img{ margin:0 0 10px 0; } #home-column-title-videos { width:300px; height:20px; border-bottom:1px solid #babcc9; margin:0 0 16px; padding:0 0 5px 0; } #videos { color:#474340; } #featured-video { margin:0 0 13px 0; } #featured-video-summary a{ color:#474340; text-decoration:underline; } #featured-video-summary p { font-size:13px; line-height:15px; margin: 0 0 17px 0;} #video-small { width:300px; margin: 0 0 10px 0; } .video-small-entry { float:left; width:91px; padding-right:9px; } .video-small-entry p { font-size:11px; font-style:italic; line-height:13px; margin:0 0 0px 0; } .larg-video-image, .small-video-image {position: relative;} .larg-video-image a {position: absolute; height: 175px; width: 300px; background: url(/page/-/images/youtube-play-button.png) no-repeat center center; left: 0; top: 0; display: block; text-indent: -900em; outline: 0;} .small-video-image a {position: absolute; height: 63px; width: 99px; background: url(/page/-/images/youtube-small-play-button.png) no-repeat center center; left: 0; top: 0; display: block; text-indent: -900em; outline: 0;} #home-side-join { width:300px; border-top: 1px solid #babcc9; margin:15px 0 0 0; padding:10px 0 0 0; } body#home #main-content {padding: 0 0 0 0;} h3.column-header {border-bottom: 1px solid #babcc9; padding: 0 0 5px 0; margin: 0 0 10px 0; text-transform: uppercase;} /* 06 =SUBPAGES ---------------------------------------------------------- */ /* common */ #content-header {background: #8caabd; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; padding: 10px 0 0 20px; position: relative; height: 60px;} #content-header h1 {position: absolute;} #contact_importer_button_container { float:left; } #search-cont { background:url(/page/-/images/search-bg.png) no-repeat; float:right; margin:8px 15px 0 0; } #search-form {position: relative; height: 33px; width: 283px; background: url(/page/-/images/search-bg.png);} #search-form legend {display: none;} #search-field {position: absolute; border: 0; width: 156px; top: 8px; left: 30px; font-size: 14px;} #search-submit {background: none; border: 0; text-indent: -900em; height: 30px; width: 87px; position: absolute; right: 0; top: 0; cursor: pointer;} #main {-moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px;} body.twocol #main {background: url(/page/-/images/main-content.jpg) repeat-y;} body.onecol #main {background: #fff;} /* positions */ #position-categories-cont .positions-ul {margin: 0 0 0 0; padding: 0 0 0 20px; overflow: hidden; list-style: none;} #position-categories-cont .positions-ul li {float: left; width: 150px; margin: 0 40px 0 0; padding: 0 0 5px 5px; list-style-type: disc; list-style-position: outside;} #position-categories-cont {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 0;} .content-block {margin: 0 0 15px 0;} .position-entry {border-bottom: 1px solid #eee; margin: 20px 0 15px 0; padding: 0 0 10px 0;} p.position-urgency {color: #fff; margin: 0 0 0 0; padding: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; background: #990000; width: 52px; text-align: center; margin: 0 0 3px 0;} p.position-location {margin: 0 0 5px 0;} p.position-description {color: #333;} .position-entry h3 {margin: 0 0 0 0; padding: 0 0 0 0;} .position-cat-group {margin: 0 0 10px 0; overflow: hidden;} .position-cat-group.top {border-bottom: 1px solid #ddd; padding: 0 0 10px 0;} /* alumni */ .alumni-header {overflow: hidden; margin: 0 0 25px 0;} .alumni-header .left-column {float: left; width: 295px;} .alumni-header .right-column {float: right; width: 295px; text-align: right;} #main-content .entry .right h2 { margin:0; } #main-content .entry { margin: 0 0 30px 0; } #main-content .entry .left { float:left; width:100px; } #main-content .entry .right { float:right; width:488px; } #main-content .entry .more-links a.facebook, #main-content.list .entry .more-links a.facebook { background: url(/page/-/images/btn-blog-socnet.png) no-repeat 0 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.facebook:hover, #main-content.list .entry .more-links a.facebook:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat 0 -20px; } #main-content .entry .more-links a.digg, #main-content.list .entry .more-links a.digg { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -21px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.digg:hover, #main-content.list .entry .more-links a.digg:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -21px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.tweet, #main-content.list .entry .more-links a.tweet { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -45px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.tweet:hover, #main-content.list .entry .more-links a.tweet:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -45px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.technorati, #main-content.list .entry .more-links a.technorati { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -67px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.technorati:hover, #main-content.list .entry .more-links a.technorati:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -67px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.email, #main-content.list .entry .more-links a.email { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -90px 0; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #main-content .entry .more-links a.email:hover, #main-content.list .entry .more-links a.email:hover { background: url(/page/-/images/btn-blog-socnet.png) no-repeat -90px -20px; text-indent: -9999px; width: 20px; display: inline-block; height: 20px; margin-right: 3px;} #alumni-side-block h3 {color: #19204d!important; font-size: 20px!important; margin: 0 10px 10px 10px; border-bottom: 1px solid #ccc; padding: 0 0 4px 0; text-align: left;} #alumni-side-block a {margin: 0 0 5px 0; display: block;} .video-entry {overflow: hidden; margin: 0 0 30px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee;} .video-entry .left {float: left; width: 130px;} .video-entry .right {float: right; width: 470px;} body#alumni .entry {margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee;} /* blessing page */ #blessing-cont {overflow: auto;} #blessing-cont .left {float: left; width: 440px; } #blessing-cont .right {float: right; width: 450px; border-left: 1px solid #ccc; padding: 0 0 0 20px;} #form-cont .fieldset {margin: 0 0 15px 0; border-bottom: 1px solid #eee; padding: 0 0 15px 0; width: 95%;} #form-cont input, #form-cont textarea, #form-cont select {padding: 2px;} #form-cont .label {font-weight: bold; margin: 0 0 5px 0;} #form-cont input[type=submit] {margin: 30px auto 15px auto; display: block; padding: 5px 40px; font-weight: bold; font-size: 14px;} #form-cont textarea {width: 98%;} .latest-blessing-entry {background: #eee url(/page/-/images/blockquote-bg.png) no-repeat 15px 15px; padding: 15px 15px 15px 15px; margin: 0 0 15px 0;} .latest-blessing-entry p.blessing {margin: 0 0 10px 0; padding: 35px 15px 0 15px;} .latest-blessing-entry p.author {text-align: right; font-style: italic; color: #666;} .content-block h2 {margin: 0 0 20px 0; text-transform: uppercase; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; font-size: 26px;} /* pages */ ul#subnav { display: block; font-size: 14px; margin: 5px 0 25px; color: #CCC; } ul#subnav li { float: left; list-style: none; margin: 0; } ul#subnav li.pipe { padding: 0 5px; } /* search page */ #cse-search-results iframe {width: 600px;} /* audio */ .audio-entry {overflow: hidden; padding: 0 0 15px 0; } .audio-entry .left {float: left; width: 80px; } .audio-entry .right {float: right; width: 515px;} #alumni-signup { position:relative; } #alumni-signup #splash-email {position: absolute; top: 20px; left: 15px; border: 0; font-size: 13px; height: 17px; width: 180px;} #splash-fname {position: absolute; top: 53px; left: 15px; border: 0; font-size: 13px; height: 17px; width: 180px;} #splash-lname {position: absolute; top: 84px; left: 15px; border: 0; font-size: 13px; height: 17px; width: 180px;} #alumni-signup .input select#country { position:absolute; top:117px; left: 10px; width:186px; } #alumni-signup #quickSubmit {position: absolute; top: 108px; right: 0; background: none; border: 0; height: 30px; width: 95px; text-indent: -900em; cursor: pointer;} /* 07 =FRAMEWORK ---------------------------------------------------------- */ /* contribution pages */ body#bsd #contribution input[type=text], body#bsd #contribution select, body#bsd #contribution textarea {padding: 2px; margin: 0 0 15px 0;} body#bsd .bsd-contribForm-belowContent { background-image:url(/page/-/images/comodo-authentic.gif); background-repeat:no-repeat; background-position:798px 0; } .bsd-contribForm-oneCol .bsd-contribForm-aboveContent #flag-float {width:580px;height:20px;margin:5px 0 0 185px;} .bsd-contribForm-oneCol .bsd-contribForm-aboveContent #flag-float img {float:left;margin:0 10px 0 0;} .bsd-contribForm-oneCol .bsd-contribForm-aboveContent #flag-float-txt {width:580px;font-size:11px;font-weight:bold;margin:10px 0 15px 185px;} .bsd-contribForm-oneCol .bsd-contribForm-aboveContent { float: left; width: 400px; height: 800px; margin-right: 40px; } .bsd-contribForm-oneCol .bsd-contribForm-belowContent { float: left; width: 100%; } .bsd-contribForm-oneCol form#contribution { width: 450px; background:#fff; float:right; margin:150px 0 10px 0; padding:10px; border:5px solid #8caabd; } body#bsd .bsd-contribForm-oneCol form#contribution input { border:1px solid #cdcdcd; padding:4px; margin:0 0 5px 0; } body#bsd .bsd-contribForm-oneCol #contribution input[type="radio"] { margin:0 10px 0 0 !important; } body#bsd .bsd-contribForm-oneCol #contribution input[type="checkbox"] { margin:10px 10px 10px 0 !important; } body#bsd .bsd-contribForm-oneCol .fieldlabel { color:#19204D; } .bsd-contribForm-oneCol .mercy-col {width:400px;float:left;margin:0 20px 10px 0;} .bsd-contribForm-oneCol .clear { clear:both; } .bsd-contribForm-oneCol .contriberrorbanner { display:none; } body#bsd .bsd-contribForm-oneCol #contribution .contribheader { font-weight:bold; color:#19204d; } /**/body#bsd #contribution input {margin: 5px 0 15px 0;} body#bsd #contribution label {padding: 0 0 10px 0!important;} body#bsd #contribution .contribheader {padding: 10px 0 5px 0!important; font-size: 18px;} /**/body#bsd #contribution input[type=radio] {margin: 10px 2px 10px 0;} body#bsd #contribution .radio {margin: 0 10px 0 0!important;} /* signup pages */ body#bsd #signup input, body#bsd #signup textarea, body#bsd #signup select {padding: 2px;} body#bsd #signup .fieldset {margin: 0 0 15px 0;} body#bsd #signup .label {margin: 0 0 5px 0;} /* outreach pages */ a#contribute_now_link {background: #69b034; color: #fff; width: 120px; display: block; padding: 7px; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px;} a#contribute_now_link:hover {text-decoration: none; background: #3e7615; cursor: pointer;} #outreachpicture img {margin: 0 10px 10px 0;} /* #outreach_border #outreach_content #signupform { display:none; } */ /* 08 =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;}