div { zoom: 1;}
html { background-color: #ECECEC; }

/* =Header & Nav */


/* =Body & Page Layout*/
body { color: #000; background: transparent url("/images/header-background.gif") repeat-x 50% 0%; text-align: left; line-height: 152%; overflow-x: hidden; }
#hd { padding: 0;  margin: 0 ; height: 145px; position: relative; }
#bd { background-color: #FFF; margin-top: 5px; padding: 36px 0; }
#footer { background-color: #FFF; margin: auto; padding: 20px; text-align: center; border-top: 1px dotted #AFAFAF; font-size: 100%; }
#footer a { color: #000; }
.pageContent { padding: 0px 26px 0 31px; }

/* Some Basic Tag & Classes*/
h1 { font-weight: bold; font-size: 136%; margin-bottom: 0.5em;}
h2 { font-weight: bold; font-size: 129%; margin-bottom: 0.7em; }
h3 { font-weight: bold; font-size: 122%; margin-bottom: 1em; }

h4, h5 { font-weight: bold; }
p { margin-bottom: 1em; }
a, .link { color: #E2001A; text-decoration: none; cursor: pointer; }
strong {font-weight: bold; }
hr {  border: none; border-top: 1px dotted #CFCFCF; height: 1px; margin: 0;  }

/* Some Custom Classes*/
a.small { font-size: 75%; text-decoration: underline; }
h1.small { font-size: 129%; }
h1.large { font-size: 197%; }
.info { font-size: 114%; }
.loginLinks { margin-top: 1em; width: 92%; }
.login { font-weight: bold; font-size: 129%; color: #E2001A; }
.top { vertical-align: top;}
.bold { font-weight: bold; }
.right { text-align: right;}
.red { color: #E2001A !important; }
.clear { clear: both; }
.fright { float: right !important; }
.fleft { float: left !important; }
.tright { text-align: right; }
.tleft { text-align: left; }
.box, .box2 { padding: 5px 10px; display: block; border: 1px solid #AFAFAF; padding: 10px 15px; margin-top: 15px; }
.box2 { margin-top: 2em; font-size: 120%;}
.button { text-align: center; cursor: pointer; background: #ACACAC url('/images/icons/button-bg.gif') repeat-x 0 0; border: 1px solid #ACACAC; padding: 8px 18px; float: right; }
.button span { font-weight: bold; font-size: 20px; color: #FFF; }
.hasBackgroundColor { background-image: none !important; }
.pointer { cursor : pointer; }
.noBorder { border: none !important; }
.noBorderBottom { border-bottom: none !important; }
.red { color: #E2001A !important; }

/* =Home Page */
.home h1 { font-size: 174%; color: #E2001A; }
.home h2 { margin-bottom: 0.3em; color: #E2001A; }
.home h3 { font-weight: normal; margin-bottom: 0.2em; color: #E2001A; }
.homeIntro { font-size: 131%; }
.homeTopLeft { float: left; margin-top: 18px; padding-top: 18px; border-top: 1px dotted #9A9A9A; }
.homeImageContainer { float: left; display: block; width: 456px; height: 252px; background: transparent url('/images/home-main.jpg') no-repeat top left; border: 1px solid #9A9A9A; position: relative; }
.homeImageBBar { display: block; background-color: #000; opacity: 0.4; filter:alpha(opacity=40); height: 77px; width: 456px; position: absolute; bottom: 0px; } 
.homeImageText { color: #FFF; height: 67px; padding: 10px 15px; width: 436px; position: absolute; bottom: 0px; overflow: hidden; }
.homeImageText a { font-weight: bold; text-decoration: underline; color: #FFF; }
.homeImageText img { float: right; vertical-align: middle; }
.homeSearchBox { display: block; margin-left: 25px;  position: relative; float: right; width: 260px; }
.homeSearchForms { margin-top: 10px; }
.formImageGo { vertical-align: top; margin-left: 3px; width: 38px !important; height: 37px !important; border: 0 !important; }
.homeSearchForms .autoFilled { background-color: #EBEBEB; border: 1px solid #ACACAC; padding: 10px 10px; width: 192px;color: #ACACAC; }
.homeSearchEvents { border-top: 1px dotted #9A9A9A; margin-top: 15px; padding-top: 15px; }
.homeBottom { float: left; margin-top: 25px; padding-top: 18px; border-top: 1px dotted #9A9A9A; width: 743px; }
.homeBottomLeft { float: left; width: 320px; }
.homeFundraiserItem { margin-top: 15px; float: left; clear: left; width: 270px; }
.homeFundraiserItem img { border: 1px solid  #9A9A9A; margin-right: 10px; float: left; width: 74px; height: 74px; }
.homeFundraiserItemText { width: 180px; float: right; }
.homeFundraiserItemText a { text-decoration: underline; font-weight: bold; color: #E2001A }
.homeBottomSeparator { display: block; width: 1px; background-color: #9A9A9A; float: left; margin-top: 13px; height: 200px; }
.homeBottomRight { float: left; margin-left: 20px; }
.homeFeaturedEvent { margin-top: 15px; float: left; clear: left; }
.homeFeaturedEvent img { border: 1px solid  #9A9A9A; margin-right: 10px; float: left; width: 65px; height: 65px; }
.homeFeaturedEventText { width: 265px; float: right; }
.homeFeaturedEventText a { text-decoration: underline; font-weight: bold; font-size: 123.1%; color: #000; }

/* =Fundrasing Page */
h2.target { margin-bottom: 5px !important; font-size: 136%; }
p.fundraisingEnds { margin: 1em 0; font-weight: bold; }
img.mainPic { border: 1px solid #888888; margin: 5px 0 10px 0; width:225px; }
.donationsSoFar { margin: 15px 0; border-width: 1px 0 1px 1px; border-style: solid ; border-color: #AFAFAF; width: 100%; }
.donationsSoFar th, .donationsSoFar td { padding: 5px 10px; border-right: 1px solid #AFAFAF; }
.donationsSoFar th { background-color: #E2001A; color: #FFF; font-weight: bold; }
.odd { background-color: #EFEFEF }
.even { background-color: #FFF }
.progress { float: right; width: 264px; height: 95px; padding: 5px 10px; margin-top: 10px; }
.scaleImage { position: absolute; width: 240px; margin-top: 18px; background: transparent url('/images/scale-bg-completed.gif') no-repeat top left; width: 240px; height: 61px; }
.scaleContainer { float: left; width: 227px; }
#scalePointer { position:absolute; display: none; background: transparent url('/images/scale-pointer.gif') no-repeat top left; margin: -40px 0 0 15px; width: 52px; height: 20px; }
#scaleMercury { margin: 7px 0 0 0; float: right; background: transparent url('/images/scale-bg.gif') no-repeat top right; width: 200px; height: 13px; }
#percentageAmount { color: #E2001A; font-weight: bold; text-indent: 22px; display: none; }
h4.personalMessageTitle { clear: left; padding-top: 5px; }
h4.donationsSoFarTitle { clear: left; padding: 50px 0 1em 0; }
.sponsorMeNow { margin-top:35px; width: 264px; }
.sponsorMeNow.bottom { margin-top: 25px;  }
.xhrPagination { margin-top: 1.5em; }
.pagination a { color: #000; }
.bookmarks { float: left; clear: both; margin-top: 20px; }

#loading { background: transparent url('/images/icons/loading.gif') no-repeat 50% 50%; margin-left:225px; margin-top:70px; display:none; width:220px; height:19px; position:absolute; }
#loading.editPage { margin-top: 0px !important; }
#donations { display: block; width: 670px; }

/* =Event Search*/
.button.event { float: left; padding: 0px 6px; margin-top: 10px; width: 110px; clear: both; }
.button.deleteButton { width: 110px; margin-top: 25px; }
.button.go { width: 60px; }
.button.event span { font-size: 100% !important; }
.search { margin: 20px 0 15px 0; }
.search td { padding: 20px 30px 20px 0; border-width: 1px 1px 0px 0; border-style: dotted; border-color: #CECECE; vertical-align: top; width: 305px; }
.search td img { float: right; border: 1px solid #AFAFAF; width: 63px; padding: 2px; margin: 0 0 7px 7px; }
.search td.tableRight { padding: 20px 0 20px 30px; border-width: 1px 0 1px 0; border-style: dotted; border-color: #CECECE; }
.search td.tableFirst { border-top: 0px; padding-top: 0px; }
.search td.tableLast { border-bottom: 0px; }

/* =Event Feature*/
span.button.featureButton { width: 225px; }
a.featureLink { clear: right; display: block; padding-top: 20px; font-weight:bold; text-decoration: underline; }
h1.featureTitle { font-size: 159%; }
h2.featureDate { font-weight: normal; }
div.featureDetails { text-align: justify; }

/* =Nav Bar*/
#menuNavigation { margin-left: 18px; }
#menuNavigation ul { list-style: none; font-size: 122%; }
#menuNavigation li { display: block; float: left; width: 174px; }
#menuNavigation li.separator { background-color: #9A9A9A; display: block; height: 1px; line-height: 1px; }
#menuNavigation li a { color: #000; text-decoration: none; display: block; padding: 9px 10px;}
#menuNavigation li a:hover { color: #000; }
#menuNavigation li.selected { background-color: #E2001A;  border: none; }
#menuNavigation li.selected a { color: #FFF; background-color: #E2001A; font-weight: bold; }

/* =Form Styles*/
.form { width: 100%;  }
.form td.label,
.form td.element { padding: 0.2em !important; }
.form td.label { width: 80px; color: #333; vertical-align: top; padding-top: 0.3em; padding-left: 0px; padding-right: 5px; text-align: right;}

.stdForm { width: 730px; float: left; clear: both; padding: 17px 11px; border: 1px solid #CCCCCC;  background-color: #F5F5F5;  margin: 25px 0 30px 0; }
.stdForm td.checkbox { vertical-align: top; }
.stdForm td.checkbox input { width: 13px !important; margin: 5px 3px; height: auto !important; vertical-align: middle; }
.stdForm td.checkbox.radio input { border: default; }

.stdForm textarea {  vertical-align: top; border: 1px solid #7F9DB9;
                     padding: 3px !important; width: 400px; height: 200px;
                     background-color: #FFF; }

.stdForm.register { font-size: 114%; margin-top: 0px; display: block; }
.stdForm.register table { width: 100%; }
.stdForm.register td.label {  width: 25%; }
.stdForm.register td.element input, 
.stdForm.register td.element textarea {  vertical-align: top; border: 1px solid #7F9DB9;  padding: 3px !important; width: 400px;
background-color: #FFF; }
.stdForm.register td.element select { width : 409px; }

.stdForm.offlineDonation table { width: 100%; }
.stdForm.offlineDonation td.label {  width: 25%; }
.stdForm.offlineDonation td.element input {  vertical-align: top; border: 1px solid #7F9DB9;  padding: 3px !important; width: 200px; }
.stdForm.offlineDonation td .checkbox, input.checkbox {  vertical-align: top; width: 13px !important; margin: 5px 3px; height: auto !important; vertical-align: middle; border: none !important; }

.stdForm.eventSearch { border: 1px solid #B9B9B9;  background-color: #CCCCCC;  width: 100%; font-size: 107%; padding: 20px 11px; }
.stdForm.eventSearch table { width: auto; }
.stdForm.eventSearch td { width :330px; }
.stdForm.eventSearch td.label { color: #FFF !important; font-weight: bold; width: 350px;   font-size: 128%; }
.stdForm.eventSearch td.element input { width: 250px; padding: 2px;  }
.stdForm.eventSearch td span.button { background: #ff0101 !important; float: left; padding: 2px 8px;}
.stdForm.eventSearch td span.buttonText { font-size: 114%; }

#pageNameCheck { display: block; font-size: 85%; }
#pageNameCheck img { vertical-align: bottom; }
#pageNameCheckIndicator { display: block; font-size: 85%; }
#pageNameCheckIndicator img { vertical-align: middle; }

.stdForm.donate { margin-top: 0px; }
.stdForm.donate form { font-size: 85% !important; }
.stdForm.donate td.element input { width: 280px; border: 1px solid #7F9DB9; padding: 3px; margin-bottom: 7px; }
.stdForm.donate td.element select { width: 288px; border: 1px solid #7F9DB9; padding: 2px; margin-bottom: 7px; }
.stdForm.donate textarea { width: 280px; border: 1px solid #7F9DB9; padding: 3px; }
.stdForm.donate td.label { width: 180px !important; }
.stdForm.donate td.checkbox { width: 130px; text-align: right; }
.stdForm input.submit { width: auto !important; }

.stdForm.myAccount { margin-top: 4px; }
#facebox .stdForm { width: 560px !important; }
#facebox .offlineDonation { width: 360px !important; }
#facebox .loginPage input {  width: 155px; }

.loginPage { margin-top: 1em; }
.loginPage td.label { font-weight: bold; text-align: left; }
.loginPage input {  border: 1px solid #000; padding: 1px 2px; width: 200px; height: 17px; font-size: 100%; }
.loginSubmit { width: 0px !important; height: 0px !important; padding: 0px !important; border: none !important; }

/* =Setup Page*/
#systemEventDescription { width: 392px; height: 170px; overflow: auto; background-color: #FFF; font-size: 77%; padding: 5px; margin: 5px 0; border: 1px solid #7F9DB9; }
#systemEvent.watermark { font-style: italic; color: #666 }
#systemEvent { width: 251px; float:left; border-right: none; height: 17px; }
span.createEvent { display: block; float:left; height: 20px;  background-color: #FFF; border: 1px solid #7F9DB9; color: #E2381F; font-weight: bold; cursor: pointer;  font-size: 85%; padding:1px 5px 2px 2px; border-left: none; vertical-align: middle; }
#detailsMessageDiv { margin-bottom: 25px; display: none; }
#detailsMessageDiv ul, #detailsMessageDiv div.errors { margin-bottom: 0px !important; margin-top: 0px} 
ul#eventItems { margin-top: 21px;position: absolute; clear: left; z-index: 20; width: 402px; display: none; overflow-y: scroll; overflow-x: hidden; max-height: 250px; border: 1px solid #7F9DB9; border-top: none; }
ul#eventItems li { cursor: pointer; width: 376px; background-color: #FFF;  padding: 5px 5px; line-height: 16px; font-size: 13px; display: block; overflow: hidden; border-top: 1px solid #7F9DB9; font-size: 85%; }
ul#eventItems li img { float: left; width: 35px; margin: 0 8px 0 0; }
ul#eventItems li span { color: #2F597F; font-size: 100%;}
ul#eventItems li.eventHover { background-color: #E3F3FA; }
.datePicker { margin-right: 5px; }
#eventDetailsHr { margin-bottom: 25px; }

input.image { border: none; width: auto; }
input.datePicker { width: 100px !important; }
input.userEventImage { border: none; width: auto !important; }

.currency { width: 100px !important; text-align: right; }
.req { color: #FF0000; font-weight: bold; vertical-align: top; margin-left: 8px; font-size: 136%; padding: 0; line-height: 77%; }
.reqTitle { color: #FF0000; font-weight: bold; vertical-align: middle; margin-left: 8px; font-size: 136%; padding: 0; line-height: 100%; }
.gray { color: #666666; } 

form h2 { float: left; display: block; }

img.toolTip { padding-left: 5px; }
.toolTipContainer { font-size: 85%; }
h5.toolTipTitle { font-weight: bold; font-size: 114%; color: #4D6185}

/* =Success, info, warning and error styles*/
ul.success,
ul.info,
ul.warning,
div.errors ul { padding: 10px; padding-left: 35px; margin-bottom: 25px; font-size: 85%; }
ul.success { background: #e0fccf url('/images/icons/dialog-success.png') no-repeat 7px 4px !important; border: 1px solid #00D100;}
ul.info { background: #FBF5D0 url('/images/icons/dialog-information.png') no-repeat 7px 4px !important; border: 1px solid #FAD42E;}
ul.warning { background: #FBEC88 url('/images/icons/dialog-warning.png') no-repeat 7px 4px !important; border: 1px solid #FAD42E;}
div.errors ul { background: #FEF1EC url('/images/icons/dialog-error.png') no-repeat 7px 4px !important; border: 1px solid #CD0A0A;}

/* ACCOUNT STYLES */
ul.eventList li { border: 1px solid #666; background-color: #f2f2f2; padding: 5px; margin-bottom: 5px; }

#menuAccountNavigation { margin: 5px 0px 0px 9px; }
#menuAccountNavigation ul { width: 720px; float: left; font-size: 131%;  height: 28px; }
#menuAccountNavigation ul li { float: left; margin-right: 3px; }
#menuAccountNavigation li a { display: block; padding: 6px 10px; background-color: #E2001A; color: #FFFFFF; font-weight: bold; }
#menuAccountNavigation li.selected a { background-color: #C4C2C3 !important; }

table.imageUpload tr td { vertical-align: top; }
table.imageUpload img { border: 1px solid #E2001A; }

#topNav { position: relative; display: block; }
ul.userMenu { position: absolute; bottom: 0px; right: 10px; }
ul.userMenu li { display: block; float: left; margin-left: 1px; width: 80px; text-align: center; }
ul.userMenu li a { font-size: 93%; display: block; padding: 3px 0; background-color: #E2001A; color: #FFFFFF; font-weight: bold;  cursor: pointer;}
/*ul.userMenu li a:hover { background-color: #AD0014; }*/

/* FACEBOX CSS */
#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  /*width: 560px;*/
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

.userNameHeader { color: #E2001A;position: absolute; display: block; right: 100px; bottom: 5px; }
.userNameHeader span { font-weight: bold; color: #E2001A; text-decoration: underline }
.externalLinkHeader { color: #E2001A; text-decoration: underline; position: absolute; top: 20px; right: 20px; }

#editEventForm { padding-top: 35px; }
#menuAccountSubNavigation { position: absolute; top: -22px; margin: 0px 0 15px -3px; display: block; background-color: #C3C1C2; left: 0; padding: 10px;}
#menuAccountSubNavigation ul li { float: left; padding: 0px 10px; }
#menuAccountSubNavigation ul li a { text-decoration: underline; font-size: 85%; font-weight: bold; color: #3C3837; }
#menuAccountSubNavigation ul li.selected a { color: #E2001A !important; }

.underline { text-decoration: underline; }

/*#donationsContainerDetails { clear: both; border: 1px solid #AFAFAF; height: 285px; overflow: auto; width: 775px; }
html>body div.donationsContainerDetails { overflow: hidden; width: 775px; }
div.div.donationsContainerDetails table { float: left; width: 759px; }
html>body div.tableContainer table { width: 775px; }
thead.fixedHeader tr { position: relative; }
html>body thead.fixedHeader tr { display: block; }
thead.fixedHeader th { padding: 5px 10px; border-right: 1px solid #AFAFAF; background-color: #E2001A; color: #FFF; font-weight: bold; }
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited { color: #FFF; display: block; text-decoration: none; width: 100%; }*/



.donationsSoFarDetails { margin: 15px 0; width: 675px; }
.donationsSoFarDetails th { padding: 5px 10px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: #AFAFAF;  background-color: #E2001A; color: #FFF; font-weight: bold; } 
.donationsSoFarDetails td { padding: 5px 10px; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #AFAFAF; } 
.addthis_toolbox { clear: both; margin-top: 25px;   }

li.get-started {
	margin-left:20px;
	font-size:16px;
	color:#5C5858;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
}

li.faq {
	margin-left:20px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:circle;
}