html * {
margin: 0;
padding: 0;
}
body { background:#fff url("/public/img/uway_bg.jpg") repeat-x; }
/*-- Global ---------- */
body, textarea {
font: 12px/18px Helvetica, Arial, sans-serif;
color: #000;
}
a {
color:#1c2482;
text-decoration: none;
}
a:hover { text-decoration: underline; }
img, fieldset { border: 0; }
select option { padding: 0 10px 0 0; }
h1 { font-size: 36px; line-height: 36px; padding-top: 18px; padding-bottom: 18px; }
h2 { font-size: 28px; line-height: 36px; padding-top: 9px; padding-bottom: 9px; }
h3 { font-size: 18px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h4 { font-size: 14px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h5 { font-size: 12px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
h6 { font-size: 10px; line-height: 18px; padding-top: 9px; padding-bottom: 9px; }
p { padding: 0 0 18px 0; }
h1, h2, h3, h4, h5, h6 {
/* font-weight: normal; */
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
color: #1c2482;
}
blockquote {
padding: 18px;
background: #eee;
margin: 0px 36px 18px 18px;
}
ul, ol {
margin: 0px 36px 18px 18px;
}
ul li, ol li { margin: 9px 0 9px 0;}
/*-- Clearing Styles & Container --*/
#container {
width: 960px;
margin: 0 auto;
background: #fff;
}
.block {
width: 960px;
margin: 0 auto;
display: block;
}
.clearfix { display: inline-block; }
.block:after, .clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.column {
float: left;
width: 200px;
}
.column-noright {
float: left;
width: 400px;
}
/*-- Header --*/
#header {
height: 84px;
background: url("/public/img/uway_header.jpg") no-repeat;
}
/*-- Top Navigation --*/
#header-navigation {
height: 26px;
text-align: right;
padding: 12px 0 5px 0;
background: url("/public/img/uway_bg.jpg") repeat-x;
}
#header-navigation ul {
margin: 0;
list-style: none;
float: right;
}
#header-navigation ul li {
display: inline;
}
#header-navigation ul li a {
display: block;
float: left;
color: #fff;
font-weight: normal;
padding: 4px 9px 3px 8px;
background: url("/public/img/topnav-line.gif") 0% 0% repeat-y;
line-height: 14px;
}
#header-navigation ul li.rss a {
background: url("/public/img/rss-icon.gif") 0% 50% no-repeat;
padding: 4px 9px 3px 18px;
}
#headersearchform form, #headersearchform div {
display: inline;
margin: 0;
padding: 0;
}
#headersearchform form input { vertical-align: middle; }
#headersearchform form input#searchinput {
padding: 3px;
border: solid 1px #fff;
margin: 0 3px 0 0;
width: 135px;
}
#headersearchform form input#searchsubmit {
padding: 2px;
border: solid 1px #babedc;
background: #fb9600;
color: #fff;
font-weight: bold;
font-size: 11px;
width: 110px;
}
/*-- Header Logo --*/
h1#logo, h2#liveunited-logo {
padding: 0;
float: left;
width: 200px;
height: 84px;
}
h2#liveunited-logo { width: 360px; }
h1#logo a {
display: block;
text-decoration: none;
text-indent: -999em;
width: 200px;
height: 84px;
}
h2#liveunited-logo a {
width: 360px;
height: 84px;
display: block;
text-decoration: none;
text-indent: -999em;
margin-left: 400px;
}
/*-- Home Header Badges --*/
ul#home-header-badges {
margin: 0;
list-style: none;
}
ul#home-header-badges li {
padding: 5px 0 0 5px;
float: left;
margin: 0;
}
ul#home-header-badges li#home-header-badges-advocate, ul#home-header-badges li#home-header-badges-volunteer { padding: 5px 0 0 6px; }
ul#home-header-badges li a {
display: block;
float: left;
text-decoration: none;
text-indent: -999em;
width: 314px;
height: 87px;
}
ul#home-header-badges li#home-header-badges-give a { background: url("/public/img/header-badge-give.jpg") no-repeat; }
ul#home-header-badges li#home-header-badges-advocate a { background: url("/public/img/header-badge-advocate.jpg") no-repeat; }
ul#home-header-badges li#home-header-badges-volunteer a { background: url("/public/img/header-badge-volunteer.jpg") no-repeat; }
ul#home-header-badges li#home-header-badges-give a:hover,
ul#home-header-badges li#home-header-badges-advocate a:hover,
ul#home-header-badges li#home-header-badges-volunteer a:hover {
background-position: 0px -87px;
}
/* Main Columns */
#main { padding: 5px 0; }
#sidebar-nav {
padding: 0 0 0 5px;
width: 195px;
}
#sidebar-features {
padding: 0 5px 0 0;
width: 195px;
}
#main-content {
width: 530px;
padding: 0 12px;
}
#main-content-noright {
width: 720px;
padding: 0 12px;
}
#main-content-nosidebars {
width: 920px;
padding: 0 12px;
}
html>body #main-content { width: 536px; }
/* Sidebar Nav */
#main-navigation {
width: 193px;
background: url("/public/img/main-nav-header.gif") no-repeat;
padding: 7px 0 0 0;
}
#main-navigation ul {
margin: 0;
list-style: none;
background: url("/public/img/main-nav-footer.gif") 0% 100% no-repeat;
padding: 0 0 7px 0;
}
#main-navigation ul li {
margin: 0;
background: url("/public/img/main-nav-bg.gif") repeat-y;
padding: 0 7px 0 7px;
float: left;
width: 179px;
}
#main-navigation ul li a {
display: block;
border-bottom: solid 1px #d2d2d2;
padding: 8px 6px 7px 8px;
color: #37393c;
font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif;
}
#main-navigation ul li.last a {
border: none;
padding: 8px 6px 6px 8px;
}
#main-navigation ul li a:hover {
color: #1c2482;
text-decoration: none;
}
#main-navigation ul li ul {
list-style: none;
margin: 0;
padding: 4px 0 12px 8px;
background: none;
;
}
#main-navigation ul li ul li {
margin: 0;
padding: 0;
background: none;
}
#main-navigation ul li ul li a {
text-decoration: none;
background: none;
padding: 0;
border: none;
font-size: 11px;
font-weight: bold
}
#main-navigation ul li ul li ul, #main-navigation ul li ul li ul li {
padding: 0;
margin: 0;
}
#main-navigation ul li ul li ul li a {
background: url(../img/arrow_orange.gif) no-repeat 0% 50%;
padding: 0 0 0 12px;
font-weight: normal;
}
/* Sidebar Newsletter Signup */
#sidebar-newsletter {
padding: 5px 0;
}
#sidebar-newsletter form {
background: url("/public/img/sidebar-newsletter-footer.gif") 0% 100% no-repeat;
color: #666;
padding: 0 0 12px 0;
}
#sidebar-newsletter h4 {
width: 193px;
height: 86px;
text-decoration: none;
text-indent: -999em;
background: url("/public/img/sidebar-newsletter-header.gif") no-repeat;
padding: 0;
}
#sidebar-newsletter label {
font-size:9px;
display: block;
}
#sidebar-newsletter p {
padding: 3px 12px 0 12px;
}
#sidebar-newsletter p input#emailaddress, #sidebar-newsletter p input#zip {
padding: 1px;
}
#sidebar-newsletter p input#emailaddress {
width: 160px;
}
#sidebar-newsletter p input#zip {
width: 60px;
float: left;
margin: 0 7px 0 0;
}
#sidebar-newsletter p input#submit { margin: 1px 0 0 0; }
#sidebar-thermometer {
/* background: url("/public/img/sidebar-feature-bg.gif") repeat-y; */
padding: 0;
line-height:16px;
}
#sidebar-thermometer h3 {
padding: 9px 8px;
margin:0;
background: url("/public/img/sidebar-feature-top.gif") no-repeat;
}
#sidebar-thermometer h2 {
font-size:13px;
color: #fc9702;
padding:0;
margin:0;
}
#sidebar-thermometer img.thermometer {
float:right;
width: 85px;
margin: 0 5px 0 10px;
}
#sidebar-thermometer-content {
margin:0 0 0 10px;
}
#sidebar-thermometer a.more {
float:left;
width:194px;
display: block;
background: url("/public/img/sidebar-feature-bottom.gif") left bottom no-repeat;
padding: 0 12px 12px 0;
margin:0;
}
#sidebar-thermometer a.more img {
width:74px;
float:left; }
img.tools {
padding:0 0 0 8px;
}
/* Home Flash */
#flashcontent {
width: 536px;
height: 385px;
padding: 0 0 18px 0;
}
/* Home News Events Lists */
#home-news-events {
background: url("/public/img/home-news-events-bg.gif") repeat-y;
width: 536px;
}
#home-news-events ul, #home-news-events ul li, #home-news-events ul li ul, #home-news-events ul li ul li {
margin: 0;
list-style: none;
}
#home-news-events ul {
background: url("/public/img/home-news-events-footer.gif") 0% 100% no-repeat;
padding: 0 0 5px 0;
}
#home-news-events ul li ul { background: none; }
#home-news-events ul li {
width: 268px;
float: left;
}
#home-news-events ul li h4 {
width: 236px;
height: 33px;
background: url("/public/img/home-news-events-header.gif") no-repeat;
padding: 14px 20px 0 12px;
font-size: 18px;
color: #1c2482;
}
#home-news-events ul li span.home-news-events-links {
float: right;
font-size: 11px;
padding: 1px 0 0 0;
display: block;
}
#home-news-events ul li span.home-news-events-links a {
padding: 0 0 0 8px;
text-decoration: underline;
font-weight: normal;
}
#home-news-events ul li#home-news h4 { background: url("/public/img/home-news-events-header.gif") no-repeat; }
#home-news-events ul li#home-events h4 { background: url("/public/img/home-news-events-header.gif") -268px 0px no-repeat; }
#home-news-events ul li ul li {
padding: 3px 22px 3px 12px;
width: 234px;
}
#home-news-events ul li ul li h5 { padding: 2px 0;}
#home-news-events ul li ul li p.date {
padding: 0;
font-style: italic;
font-size: 11px;
color: #f32319;
}
#home-news-events ul li ul li div.home-news-events-content {
border-bottom: solid 1px #ddd;
padding: 6px 0 6px 0;
}
#home-news-events ul li ul li.last div.home-news-events-content { border: none; }
/* Headlines */
#headlines {
background: url("/public/img/headlines_bg.gif") 5px 3px no-repeat;
height: 35px;
line-height: 34px;
color: #999;
padding: 3px 0 0 20px;
width: 940px;
}
#headlines h4, #headlines p {
display: inline;
font-size: 11px;
}
#headlines h4 {
padding: 0 12px 0 0;
}
#eventform h3 {
border-bottom: 1px solid #ddd;
margin: 0 0 6px 0;
padding: 0 0 6px 0;
font-weight: bold;
font-size: 1.4em;
width: 520px;
clear: both;
}
/* Footer Boxes */
#footer-boxes {
height: 142px;
padding: 0 0 0 0;
}
#footer-boxes ul {
margin: 0;
list-style: none;
}
#footer-boxes ul li {
float: left;
margin: 0;
}
#footer-boxes ul li h5 { display: none; }
#footer-boxes ul li#footer-boxes-home {
background: url("/public/img/footer-box-join.jpg") 5px 0px no-repeat;
padding: 114px 30px 0 5px;
height: 28px;
text-align: right;
width: 203px;
font-size: 12px;
}
#footer-boxes ul li#footer-boxes-cfc {
background: url("/public/img/footer-box-asb.jpg") 6px 0px no-repeat;
padding: 24px 0 0 0;
width: 239px;
height: 120px;
text-align: center;
}
#footer-boxes ul li#footer-boxes-help {
background: url("/public/img/footer-box-asb.jpg") 6px 0px no-repeat;
padding: 24px 0 0 0;
width: 239px;
height: 118px;
text-align: center;
}
#footer-boxes ul li#footer-boxes-yls {
background: url("/public/img/footer-box-asb.jpg") 6px 0px no-repeat;
padding: 20px 0 0 0;
width: 239px;
height: 122px;
text-align: center;
}
#footer-boxes ul li#footer-boxes-work {
background: url("/public/img/footer-box-work.jpg") 6px 0px no-repeat;
padding: 45px 90px 0 17px;
height: 97px;
width: 132px;
}
#footer-boxes ul li#footer-boxes-childcare {
background: url("/public/img/footer-boxes-childcare.jpg") 6px 0px no-repeat;
margin:11px 0 0 0;
padding: 20px 0 0 0;
height: 122px;
width: 240px;
}
#footer-boxes ul li h4 { padding:0 0 0 120px;}
/* Subpage Styles */
#page-header {
padding: 5px 0 0 5px;
width: 955px;
}
h3.pagetitle {
background: url("/public/img/pagetitle-bg.gif") no-repeat;
float: left;
width: 592px;
height: 26px;
color: #fff;
padding: 5px 0 0 12px;
}
h3#pagetitle-give {
width: 718px;
padding: 0;
height: 31px;
background: url("/public/img/pagetitle-give.gif") no-repeat;
text-indent: -999em;
text-decoration: none;
}
h3#pagetitle-advocate {
width: 718px;
padding: 0;
height: 31px;
background: url("/public/img/pagetitle-advocate.gif") no-repeat;
text-indent: -999em;
text-decoration: none;
}
h3#pagetitle-volunteer {
width: 718px;
padding: 0;
height: 31px;
background: url("/public/img/pagetitle-volunteer.gif") no-repeat;
text-indent: -999em;
text-decoration: none;
}
#page-header ul.page-header-links {
float: left;
margin: 0;
list-style: none;
}
#page-header ul.page-header-links li {
margin: 0;
padding: 0 0 0 5px;
float: left;
}
#page-header .page-header-links li a {
float: left;
width: 110px;
height: 31px;
display: block;
text-indent: -999em;
text-decoration: none;
}
#page-header ul.page-header-links li a#page-header-advocate { background: url("/public/img/pageheader-advocate.gif") no-repeat; }
#page-header ul.page-header-links li a#page-header-give { background: url("/public/img/pageheader-give.gif") no-repeat; }
#page-header ul.page-header-links li a#page-header-volunteer {
background: url("/public/img/pageheader-volunteer.gif") no-repeat;
padding: 0;
}
#page-header ul.page-header-links li a#page-header-advocate:hover,
#page-header ul.page-header-links li a#page-header-give:hover,
#page-header ul.page-header-links li a#page-header-volunteer:hover {
background-position: 0px -31px;
}
#contentarea h4 {
font-size: 22px;
padding: 9px 0 12px 0;
border-bottom: solid 1px #efefef;
margin: 0 0 9px 0;
}
#contentarea div {
margin: 0 0 12px 0;
}
#contenttitle {
padding: 0 0 18px 0;
}
/* whatmatters ------------*/
#whatmatters {
padding: 9px 0 9px 0;
border-bottom: solid #eee 1px;
}
#whatmatters h2 {
color: #666;
font-weight: bold;
margin: 0 0 8px 0;
padding: 0 0 5px 0;
border-bottom: dotted 1px #ccc;
}
#whatmatters h3 {
color: #000066;
font-weight: bold;
margin: 0;
padding: 0 0 3px 0;
font-size: 16px;
}
.whatmatters-links {
margin: 0;
float: right;
}
.whatmatters-links a {
color: #878ABF;
font-size: 10px;
font-weight: bold;
margin: 0;
padding: 0 10px 0 10px;
text-decoration: none;
background: url(../img/arrow_ltblue.gif) no-repeat 100% 50%;
}
.whatmatters-links a:hover {
color: #000066;
}
.whatmatters-img {
margin: 0 15px 0 0;
padding: 3px;
background: #999;
float: left;
}
#sidebar-liveunited {
background: url("/public/img/sidebar-feature-bg.gif") repeat-y;
padding: 0;
margin: 12px 0;
}
#sidebar-liveunited h3 {
padding: 6px 8px;
background: url("/public/img/sidebar-feature-top.gif") no-repeat;
}
#sidebar-liveunited img {
width: 175px;
margin: 0 0 0 10px;
}
#sidebar-liveunited-content {
padding: 9px 12px;
}
#sidebar-liveunited a.more {
display: block;
background: url("/public/img/sidebar-feature-bottom.gif") left bottom no-repeat;
padding: 0 12px 12px 12px;
}
/* breadcrumb ------------*/
div#breadcrumb {
padding: 0;
margin: 0;
}
#breadcrumb ul {
padding: 0 0 6px 0;
margin: 0;
list-style: none;
}
#breadcrumb li {
padding: 0;
margin: 0;
display: inline;
}
#breadcrumb li a {
font-size: 10px;
color: #666;
text-decoration: none;
font-weight: bold;
padding: 0 13px 0 0;
margin: 0 3px 0 0;
background: url(../img/arrow_orange.gif) no-repeat 100% 50%;
}
#breadcrumb li a.active {
color: #000066;
text-decoration: none;
font-weight: bold;
background: none;
}
#breadcrumb li a:hover {
color: #FF9600;
text-decoration: none;
}
/* Footer */
#footer {
background: url("/public/img/footer-bg.jpg") 5px 5px no-repeat;
padding: 20px;
color: #999;
width: 920px;
font-size: 11px;
}
#footer-nav {
width: 520px;
float: left;
text-align: right;
}
#footer-nav ul, #footer-nav ul li {
display: inline;
list-style: none;
margin: 0;
}
#footer-nav ul li a {
padding: 0 0 0 6px;
}
/* Accordion Widget */
#accordion-container {
background: url(/public/img/accordBtm.gif) 0% 100% no-repeat;
padding: 0 0 20px 0;
}
#accordion-container ul, #accordion-container ul li {
margin: 0;
list-style: none;
}
h3.accordion_toggle, h3.accordion_toggle_active
{
cursor: hand;
padding:0 0 0 10px;
height:29px;
font-weight:normal;
font-size:12px;
line-height:30px;
color:#666;
}
h3.accordion_toggle_active
{
color:#ffffff;
}
.accordion_toggle
{
background: url(/public/img/accordHdrClosed.gif) no-repeat;
border-top:1px solid #f1f2f4;
}
#accordion-container #first
{
border-top-style:none;
}
.accordion_toggle_active
{
background: url(/public/img/accordHdrOpen.gif) no-repeat;
}
.accordion_toggle[id="first"]
{
background: url(/public/img/accordHdrClosed_first.gif) no-repeat !important;
}
.accordion_toggle_active[id="first"]
{
background: url(/public/img/accordHdrOpen_first.gif) no-repeat !important;
}
.accordion_content
{
background:#ffffff url(/public/img/leftNavBG.gif) repeat-x bottom;
color: #999999;
border: 1px solid #d9dae1;
border-top-style:none;
overflow: hidden;
}
.accordion_content
{
color: #666666;
}
.accordion_content p
{
padding-bottom:2px;
font-size:11px;
color: #666666;
}
.insideAccord
{
padding:12px 20px 15px 10px;
color: #666666;
min-height:200px;
}
html*.insideAccord
{/*IE ONLY HACK*/
height:200px !important;
}/*IE ONLY HACK*/
.accordion_content img {
width: 100px;
}
/* -----------------------------------------------------------------------------------------*/
/* Added from original site styles to accomodate legacy forms & such -----------------------*/
/* -----------------------------------------------------------------------------------------*/
/* Forms-----------------------*/
/*
#form {
margin: 0;
padding: 0;
}
.required {
color: #cc0000;
}
.error {
color: #cc0000;
}
#form table {
margin: 0;
background: #eee;
width: 500px;
}
#form tr {
margin: 0;
padding: 0;
}
#form td {
margin: 0;
padding: 10px 15px 10px 10px;
}
#form th {
font-size: 13px;
border-bottom: solid 1px #ccc;
padding: 20px 15px 10px 10px;
}
#form input {
margin: 0;
padding: 3px;
border: 1px solid #ccc;
}
#form textarea {
width: 250px;
margin: 0;
padding: 3px;
border: 1px solid #ccc;
font-family: Verdana, Tahoma, Arial, sans-serif;
}
input.submit {
margin: 10px 0 0 0;
padding: 3px;
color: #fff;
font-weight: bold;
background: #FF9600;
/* border: 1px solid #ccc; */
/* }
#content-int form .forminput {
margin: 0;
padding: 3px;
border: 1px solid #ccc;
width: 225px;
}
#content-int form p.formcol1 {
width: 50%;
float: left;
padding: 0 10px 12px 0;
clear: both;
margin: 0;
}
#content-int form p.formcol2 {
margin: 0 0 0 50%;
padding: 0 0 12px 10px;
}
#content-int form p.formrow {
padding: 5px 0 5px 0;
clear: both;
}
#content-int form label {
display: block;
font-weight: bold;
}
#content-int form span.note {
display: block;
padding: 0 20px 2px 0;
font-size: 9px;
color: #666;
}
*/
#content-int form#storysubmission {
padding: 10px;
background: #eee;
}
#content-int form#storysubmission textarea {
margin: 0;
padding: 3px;
border: 1px solid #ccc;
width: 90%;
height: 600px;
}
#volunteerform * {
padding: 0;
margin: 0;
}
#volunteerform {
padding: 10px;
background: #eee;
}
#volunteerform h4 {
padding: 10px 0 10px 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #ccc;
}
#volunteerform h5 {
font-size: 14px;
padding: 12px 0 4px 0;
margin: 0 0 10px 0;
border-bottom: solid 1px #ccc;
color: #10167f;
}
#volunteerform .volunteertable {
width: 500px;
}
#volunteerform .volunteertable th {
font-size: 12px;
border-bottom: solid 1px #ccc;
padding: 8px 0 4px 0;
}
#volunteerform .volunteertable td {
width: 50%;
padding: 4px 12px 4px 0;
}
#volunteerform .volunteertable td input, #volunteerform p.formcheck input {
margin: 0 4px 0 0;
}
#volunteerform p.note {
font-weight: bold;
font-size: 10px;
padding: 0 0 4px 0;
}
/* Members-Profile-----------------------*/
.welcome {
background: #f9edbb;
border: solid 1px #ccc;
padding: 16px;
}
/* Suppporters-----------------------*/
#pageing {
margin: 10px 0;
padding: 10px;
background: #eee;
height: 45px;
clear: both;
float: left;
width: 513px;
}
.set1 {
margin: 0;
padding: 0;
float: left;
}
.set2 {
margin: 0;
padding: 0;
float: right;
}
#searchresultsinfo {
background: #eee;
padding: 10px;
}
#searchresultsinfo p {
margin: 0;
padding: 0;
}
#partner_col2 * {
margin: 0;
padding: 0;
}
#partner_col1 {
width: 300px;
float: left;
}
#partner_col1 img {
padding: 6px;
border: solid 1px #eee;
background: #fff;
}
#partner_col2 {
width: 230px;
float: left;
}
#partner_col2 h3 {
color: #333;
font-weight: bold;
font-size: 13px;
}
#partner_col2 #partner_info {
background: #eee;
padding: 10px;
}
#partner_col2 #programs {
padding: 12px 0 12px 0;
}
.agency {
margin: 10px 0;
padding: 0 0 20px 0;
clear: both;
border-bottom: 1px solid #ccc;
float: left;
width: 533px;
}
img.agency_logo {
padding: 6px;
border: solid 1px #eee;
background: #fff;
float: right;
margin: 0 15px 0 0;
}
.agency_contact {
margin: 0 12px 0 0;
padding: 0;
}
.agency-bkg {
margin: 0;
padding: 10px;
background: #eee;
}
#agencydetail_background {
margin: 0;
padding: 0;
float: left;
width: 300px;
}
#agencydetail_contact {
margin: 0;
padding: 0;
float: right;
width: 225px;
}
/* Events-----------------------*/
ul#eventslist {
list-style: none;
margin: 0;
padding: 0;
}
ul#eventslist p {
padding: 0;
margin: 0;
}
ul#eventslist p.date {
padding: 3px 0 0 0;
}
ul#eventslist h2 {
font-size: 13px;
border: none;
padding: 4px 0 6px 0;
margin: 0;
}
ul#eventslist h2 a {
font-weight: bold;
}
ul#eventslist li {
padding: 0 0 8px 0;
margin: 0 0 8px 0;
border-bottom: solid 1px #ddd;
}
#eventform #guestinfo input {
width: 126px;
margin: 0 6px 0 0;
}
#eventform #guestinfo p span {
width: 130px;
display: block;
float: left;
line-height: 1em;
margin: 0 4px 0 0;
padding: 5px 14px 5px 0;
font-weight: bold;
}
#eventform textarea {
width: 90%;
height: 125px;
font-family: Verdana, Tahoma, arial, sans-serif;
padding: 3px;
}
/* Form Styles */
.form_fw div.fields {
clear: both;
width: 500px;
background: #f7f7f7;
border: solid 1px #eee;
padding: 12px;
margin: 11px 0 0 0;
}
.form_fw p#forgotpass {
float: right;
padding: 8px 0 0 0;
}
.form_fw div.submit {
width: 500px;
}
.form_fw div.fields p.field {
float: left;
padding: 0 12px 8px 0;
}
.form_fw div.fields .full {
float: none;
}
.form_fw div.fields p.field .forminput {
padding: 4px;
}
.form_fw div.fields p.med { width: 152px; }
.form_fw div.fields p.med input.forminput { width: 140px; }
.form_fw div.fields p.lg { width: 480px; }
.form_fw div.fields p.lg input.forminput { width: 420px; }
.form_fw div.fields p.field input.sm, .generic_form p.field input.sm { width: 80px; }
.form_fw div.fields p.field input.xsm { width: 35px; }
.form_fw div.fields span.note {
display: block;
font-size: 10px;
font-weight: normal;
margin: 3px 0 8px 0;
}
.form_fw div.fields p.note { padding: 0; }
.form_fw div.fields p.field label {
display: block;
font-size: 12px;
}
.form_fw div.fields p.amount label {
margin: 0 0 0 9px;
}
.form_fw div.fields h5 {
font-size: 14px;
padding: 6px 0;
clear: both;
}
.form_fw div.fields h5 span {
font-size: 17px;
margin: 0 3px 0 0;
}
.form_fw div.fields span.error {
color: #cc0000;
float: left;
font-size: 10px;
clear: both;
}
.form_fw div.fields span.required {
color: #cc0000;
font-size: 11px;
font-weight: bold;
}
.form_fw div.fields p.checkbox {
}
.form_fw div.fields p.checkbox label {
display: inline;
margin: 0 0 0 4px;
font-size: 11px;
font-weight: bold;
}
.form_fw div.fields .full select {
width: 475px;
padding: 4px;
}
.form_fw div.fields .full select.select {
width: 300px;
}
.form_fw div.options {
clear: both;
width: 480px;
background: #f7f7f7;
padding: 12px 12px 3px 12px;
margin: 11px 0 0 0;
}
.form_fw div.options h5 {
font-size: 18px;
}
.form_fw div.options h5 a {
text-decoration: underline;
}
.form_fw div.options p {
padding: 0 0 9px 0;
}
.form_fw div.options div.fields {
padding: 8px 0 0 0;
background: none;
border: none;
}
p.notice {
background: #d6ebbb;
padding: 9px;
font-size: 14px;
font-weight: bold;
margin: 0 0 9px 0;
}
#recurring_total, #payperiods_total {
clear: both;
font-weight: bold;
float: left;
padding: 9px 0 0 0;
}
.form_fw h6 {
font-size: 16px;
padding: 6px 0;
margin: 0 0 6px 0;
border-bottom: solid 1px #ccc;
}
.form_fw textarea {
width: 450px;
height: 150px;
}
#recurring_time_div {
width: 500px;
clear: both;
float: left;
}
/*-- Form Styles ----- */
.generic_form {}
.generic_form {
padding: 18px 0 16px 0;
border: none;
margin: 0 0 18px 0;
}
.generic_form h3 {
clear: both;
float: left;
}
.generic_form fieldset {
clear: both;
border: none;
}
.generic_form fieldset h4 {
border-bottom: solid 1px #ddd;
margin: 0 0 9px 0;
}
.generic_form legend {
font-family: Georgia, Times, "Times New Roman", serif;
color: #fff;
font-size: 18px;
padding: 0 4px 5px 0px;
margin: 0;
border: none;
}
.generic_form ul { list-style: none; }
.generic_form p.note {
font-size: 10px;
font-weight: bold;
color: #666;
padding: 0 0 0 4px;
}
.generic_form ul li input { margin: 0 6px 0 0; }
.generic_form label {
display: block;
font-weight: normal;
}
.generic_form input.forminput {
padding: 3px;
font-weight: bold;
}
.generic_form fieldset {
padding: 0 0 10px 0;
border: none;
}
.generic_form p {
float: none;
clear: both;
}
.generic_form p.formrow { clear: both; }
.generic_form p input.forminput { width: 473px; }
.generic_form p.formcol1 input.forminput , .generic_form p.formcol2 input.forminput { width:225px; }
.generic_form p.formcol1 {
float: left;
clear: both;
}
.generic_form p.formcol2 {
margin: 0 0 0 250px;
clear: none;
}
.generic_form p { padding-left: 0; }
.generic_form span.required, .generic_form span.error {
color: #cc0000;
font-style: italic;
font-size: 11px;
}
.generic_form span.error { display: block; }
.generic_form .checkbox { padding: 2px 0;}
.generic_form .checkbox label, #forminset .checkbox label {
display: inline;
margin: 0 0 0 6px;
}
.generic_form ul { clear: both; }
select#direction {
width: 510px;
}
.generic_form textarea {
width: 473px;
padding: 3px;
height: 250px;
}
p.errornotice {
color: #b5121b;
font-size: 13px;
background: #ffffcc;
padding: 9px;
margin: 0 0 18px 0;
}
input.submit {
padding: 5px;
font-weight: bold;
}
.generic_form input.submit { margin: 0 0 18px 0; }
p.error {
color: #cc0000;
}
input.error {
border: solid 1px #cc0000;
}
p.usernotice {
background: #eee;
padding: 9px;
margin: 9px 0 9px 0;
font-weight: bold;
}
span.note {
font-size: 11px;
display: block;
}
.compact p {
clear: both;
float: left;
padding: 0;
}
.compact label {
}
.compact fieldset {
border: 0;
padding: 6px;
}
.compact fieldset legend { padding: 0; }
.compact input {
margin: 0;
padding: 3px;
}
.compact input.submit {
padding: 2px;
margin: 12px 0 0 0;
}
#forminset {
padding: 10px;
background: #666e77;
margin: 0 0 12px 0;
}
#forminset ul {
list-style: none;
}
#forminset .checkbox {
border-top: solid 1px #fff;
padding: 10px 0 10px 0;
margin: 12px 0 0 0;
}
.small label {
display: inline;
margin: 0 10px 0 0;
}
p.small input.forminput {
width: 80px;
}
#creditcard_box {
background: #eee;
border: solid 1px #ccc;
padding: 12px;
width: 425px;
}
#creditcard_box p label {
display: block;
font-weight: bold;
}
#creditcard_box img { vertical-align: middle; margin: 0 0 0 8px; }
.generic_form p.captcha {
background: #eee;
padding: 18px;
width: 400px;
margin: 0 0 9px 0;
}
.generic_form .captcha img {
border: solid 1px #eee;
padding: 4px;
background: #fff;
margin: 5px 0 0 0;
}
.generic_form .captcha input.forminput {
width: 170px;
font-size: 16px;
padding: 9px 4px;
vertical-align: top;
margin: 11px 0 0 6px;
text-align: center;
}
.generic_form .captcha span.error { clear: both; }
/* Online Giving Styles --- */
#donorinfo {
background: url("/public/img/main-nav-bg.gif") repeat-y;
}
#donorinfo h4 {
background: url("/public/img/main-nav-header.gif") no-repeat;
padding: 7px 0 0 10px;
}
#donorinfo h5 {
padding: 3px 0 4px 10px;
margin-bottom: 4px;
font-size: 11px;
border-bottom: solid 1px #ddd;
width: 183px;
}
#donorinfo ul {
margin: 0;
list-style: none;
background: url("/public/img/main-nav-footer.gif") 0% 100% no-repeat;
padding: 0 0 7px 0;
}
#donorinfo ul li {
margin: 0;
padding: 0 7px 0 10px;
float: left;
width: 176px;
}
#donorinfo ul li a {
display: block;
padding: 2px 0 2px 0;
}
.datatable {
width: 530px;
}
.datatable th {
text-align: left;
border-bottom: solid 1px #ccc;
padding: 4px;
}
.datatable td {
border-bottom: solid 1px #ddd;
padding: 4px;
}
.datatable tr.odd td {
background: #f7f7f7;
}
.datatable td.name {
/*width: 65%;*/
}
.datatable td.actions a {
padding: 0 8px 0 0;
text-decoration: underline;
}
/*-- Calendar --*/
th.cat_title {
text-align: left;
}
#calendarselect {
font-size: 11px;
float: right;
}
table.calendar-small {
font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
text-align: left;
}
table.calendar-small th.month, table.calendar-small tr.month-nav {
font-weight: bold;
color: #333333;
text-align: left;
font-size: 13px;
padding-bottom: 4px;
}
table.calendar-small th.month a {
float: right;
font-size: 11px;
}
table.calendar-small td {
padding: 6px 7px;
text-align: center;
vertical-align: middle;
}
table.calendar-small td.prev-month { text-align: left; }
table.calendar-small td.next-month { text-align: right; }
table.calendar-small th.day-of-week {
font-size: 9px;
font-weight: normal;
background: #fff;
}
table.calendar-small td.selected-day { background-color: #005f63; color: #fff; }
table.calendar-small td.day { color: #313131; background-color: #efefef; }
table.calendar-small td.today { background-color: #333; font-weight: bold; color: #fff; }
table.calendar-small td a {
color: #005f63;
text-decoration: underline;
}
table.calendar-small td a:hover { color: #333; }
table.calendar-small td.today a { color: #fff; }
table.calendar-large { width: 100%; }
table.calendar-large td { vertical-align: top; }
table.calendar-large th.month {
border-top: solid 1px #efefef;
padding: 8px 0 8px 0;
border-bottom: solid 1px #efefef;
text-align: left;
font-size: 1.4em;
font-weight: normal;
}
table.calendar-large td.prev-month { text-align: left; }
table.calendar-large td.next-month { text-align: right; }
table.calendar-large td.prev-month a {
background: url("/public/img/blu_arrow_l.gif") left 5px no-repeat;
padding: 0 0 0 10px;
font-size: 10px;
}
table.calendar-large td.next-month a {
background: url("/public/img/blu_arrow_r.gif") right 5px no-repeat;
padding: 0 10px 0 0;
font-size: 10px;
}
table.calendar-large tr.month-nav td {
padding: 3px 0 8px 0;
}
table.calendar-large tr.month-nav td a {
font-size: 11px;
}
table.calendar-large th.day-of-week {
font-size: 10px;
}
table.calendar-large td.selected-day {
background-color: #0e233b;
font-weight: bold;
color: #fff;
padding: 4px;
}
table.calendar-large td.selected-day a { color: #fff; }
table.calendar-large td.day {
background-color: #eee;
padding: 4px;
width: 14%;
height: 100px;
}
table.calendar-large td p {
padding: 0 0 3px 0;
font-size: .9em;
line-height: 130%;
}
table.calendar-large td span.event_time {
font-size: .9em;
margin: 3px 0 0 0;
}
table.calendar-large td span.event_link a {
display: block;
font-size: 10px;
text-decoration: underline;
}
table.calendar-large td.today {
background-color: #eee;
font-weight: bold;
}
ul#storieslist, ul#storieslist li {
list-style: none;
margin: 0;
}
ul#storieslist li {
margin: 0 0 10px 0;
border-bottom: solid 1px #eee;
float: left;
clear: both;
padding: 0 0 10px 0;
width: 520px;
}
ul#storieslist li h3 { padding: 0 0 6px 0;}
ul#storieslist li h3 a { padding: 0; }
#contentarea .liveunited-img {
padding: 6px;
float: left;
border: solid 1px #efefef;
margin: 0 18px 18px 0;
}
ul#storieslist li .liveunited-img {
padding: 3px;
width: 70px;
}
/* Gallery-----------------------*/
#gallerylist ul {
list-style: none;
margin: 0;
padding: 0;
}
#gallerylist ul li {
clear: both;
border-top: solid 1px #eee;
padding: 10px 0 10px 0;
}
#gallerylist ul li img {
float: left;
margin: 0 20px 10px 0;
}
#gallerylist ul li h3 {
margin: 0;
padding: 0;
line-height: 1em;
}
img.thumbnail, img.active {
padding: 4px;
margin: 0 8px 0 0;
border: solid 1px #eee;
vertical-align: top;
}
#thumbnails img.thumbnail, img.active {
width: 50px;
}
img.active {
border: solid 2px #333;
width: 48px;
}
#currentphoto {
padding: 8px;
border: solid 1px #eee;
}
/* From dashboard -------------------------------*/
.dash-box {
padding: 12px;
background: #eee;
border: solid 1px #ddd;
line-height: 20px;
margin: 12px 12px 12px 0;
}
.dash-box span.total {
font-weight: bold;
font-size: 18px;
}
/* From liveunited.org -------------------------------*/
.box {
float: left;
padding-top: 5px;
padding-bottom: 5px;
}
.box .boxes_table {
width: 300px;
}
#box1 {
padding: 5px 0 5px 5px;
}
#box2 {
padding: 5px 6px 5px 6px;
}
/* Editor -------------------------------*/
body#editContent {
background: #fff;
}
html#editDropdown, html#editDropdown #container div,html#editDropdown #container div.off,html#editDropdown #container div.on {
background: #fff;
}
/* Online Giving */
input[type='text'].inline {
width: 50px;
}
#form span.error { display: inline;}
#form p.error { padding: 9px 0 0 0; }
/* from http://www.positioniseverything.net/easyclearing.html --------------------- */
.clearfix:after, .fields:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix, .fields {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */