/* standard elements */
html {margin: 0; padding: 0;}
body {background: url(images/bodyBg.gif) #fff top repeat-x; margin: 0; padding: 0; font-family: Verdana,Tahoma,sans-serif; font-size: 12px;}
/* General Styles */
#etapAppContainer {margin: 0 auto; width: 770px; text-align: center;}
#etapAppContainer a {color: #3c89c8; text-decoration: none; display: inline-block;}
#etapAppContainer a:hover {color: #1b325f; text-decoration: underline;}
#etapAppContainer img {border: 0;}
#etapAppContainer .etapAppSmallLink {font-size: 10px;}
#etapAppContainer .etapRequiredField {font-size: 12px; color: #f00;}
/* Heading Styles */
#etapAppContainer hr {border: 1px solid #eee;}
#etapAppContainer h1 {margin: 0; padding: 10px 0 0 5px; color: #fff; font-weight: normal; font-size: 28px; letter-spacing: -2px; word-break: break-all;}
#etapAppContainer h2 {margin: 0 0 10px 0; color: #1b325f; font-weight: normal; font-size: 21px; letter-spacing: -1px; word-break: break-all;}
#etapAppContainer h3 {margin: 0 0 10px 0; color: #1b325f; font-weight: normal; font-size: 18px; letter-spacing: -1px;}
#etapAppContainer h4 {margin: 0 0 10px 0; color: #1b325f; font-weight: bold; font-size: 16px; letter-spacing: 0;}
#etapAppContainer h5 {margin: 0 0 10px 0; color: #1b325f; font-weight: bold; font-size: 14px; letter-spacing: 0;}
#etapAppContainer h6 {margin: 10px 0 10px 0; color: #1b325f; font-weight: bold; font-size: 12px; letter-spacing: 0;}
#etapAppContainer p {margin: 10px 0 10px 0; line-height: 14pt;}
#etapAppAltContent h3 {margin: 0 0 5px 0; padding: 0 0 0 5px; color: #1b325f; font-weight: normal; font-size: 18px; letter-spacing: -1px; background: #e9f2f9;}
/* Header Styles */
#etapAppHeader {height: 55px; margin: 0; padding: 0;}
#etapAppSiteTitle {float: left; text-align: left; margin: 0; padding: 0;}
#etapAppSiteTitle h1 a {color: #fff;}
#etapAppSiteTitle h1 a:hover {color: #fff;}
.etapAppTopLink {float: right; margin: 0; padding: 7px 5px 0 5px; color: #fff;}
.etapAppTopLink a {margin: 0; padding: 2px 10px 2px 10px; background: #fff; border-top: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #dedede; color: #000; font-weight: bold;}
/* Header Styles */
#etapAppContainer .messages {background-color: #efefef; text-align: left; border: 1px solid #cc9999; color: #cc0000; margin: 0 0 5px 0; padding: 3px 0 3px 5px;}
#etapAppContainer .errorsList {background-color: #efefef; text-align: left; border: 1px solid #cc9999; display: none; color: #cc0000; margin: 0 0 5px 0; padding: 2px;}
#etapAppContainer .errorsList label.error {padding: 3px 0 3px 5px; display: block;}
/* Main Content Div */
#etapAppContentWrapper {float: left; width: 760px; margin: 10px 0 0 0; padding: 5px; background: #fff url(images/contentTop.gif) top no-repeat; text-align: left; min-height: 500px;}
/* Div for Mat */
#etapAppContentMat {float: left; width: 740px; margin: 0; padding: 10px; background: #fff;}
/* Primary, Secondary, Full Content and Footer Divs */
#etapAppMainContent {float: left; width: 530px; margin: 0 0 0 10px; padding: 0; background: #fff;}
#etapAppAltContent {float: left; width: 200px; margin: 0; padding: 0; background: #fff;}
#etapAppFullContent {float: left; width: 740px; margin: 0; padding: 0;}
#eTapAppFooter {margin: 0; padding: 0;}
/* Menu Styles */
#etapAppContainer .etapAppMenu ul {list-style-type: none; margin: 0 0 10px 0; padding: 0;}
#etapAppContainer .etapAppMenu ul li {text-align: left; margin: 0; padding: 2px 0 2px 5px;}
#etapAppContainer .etapAppMenu ul li a {display: block; width: 175px; margin: 0; padding: 2px 15px 2px 0; color: #3c89c8; font-size: 12px; font-weight: normal; text-decoration: none;}
#etapAppContainer .etapAppMenu ul li a:hover {color: #1b325f; text-decoration: underline;}
/* Table Styles */
#etapAppContainer .etapAppTable {width: 100%; margin: 7px 0 7px 0; text-align: left;}
#etapAppContainer .etapAppTable p {margin: 0; line-height: 14pt;}
#etapAppContainer tr.etapAppTableHeaderRow {font-size: 14px; font-weight: bold; background: #eee; color: #1b325f;}
#etapAppContainer td.etapAppTableBlankCell {background-color: #eee;}
#etapAppContainer td.etapAppTableHighlightCell {font-weight: bold;}
/* Form Styles */
#etapAppContainer form {margin: 0; padding: 0;}
#etapAppContainer .etapFieldset {padding: 0 0 0 7px; margin: 7px 0 7px 0; border: #ccc 1px solid;}
#etapAppContainer .etapLegend {color: #1b325f; font-weight: bold; font-size: 14px;}
#etapAppContainer .etapFormLabel {color: #000000; font-weight: bold; display: block;}
#etapAppContainer .eTapFormField {margin: 10px 0 10px 0; padding: 0;}
#etapAppContainer .etapTipText {font-size: 10px; font-weight: normal;}
#etapAppContainer .etapTextarea {margin: 0; padding: 0; width: 250px;}
#etapAppContainer .etapTextField {margin: 2px 5px 2px 0; padding: 0; width: 250px;}
#etapAppContainer .etapTextFieldSmall {margin: 2px 5px 2px 0; padding: 0; width: 75px;}
#etapAppContainer .etapCheckbox {margin: 2px 0 2px 0; padding: 0;}
#etapAppContainer .etapSelectField {margin: 0; padding: 0;}
#etapAppContainer textarea.etapHtmlEditor {margin: 0; padding: 0; width: 300px;}
#etapAppContainer .etapQtyField {margin: 0; padding: 0; width: 30px;}
#etapAppContainer .etapAddressTextArea {margin: 2px 0 5px 0; padding: 0; width: 250px; height: 40px;}
#etapAppContainer .etapCommentsTextArea {margin: 2px 0 5px 0; padding: 0; width: 450px; height: 125px;}
#etapAppContainer .etapOptionSelectBox {margin: 2px 0 5px 0; padding: 0;}
#etapAppContainer .etapAppUpload {margin: 0 0 0 10px;}
#etapAppContainer .etapSubmitBar {margin: 0; padding: 0;}
#etapAppContainer .etapSubmitBar input {margin: 10px 20px 0 0; padding: 0 5px 0 5px;}
#etapAppContainer input {color: #333;}
#etapAppContainer select {color: #333;}
#etapAppContainer textarea {color: #333;}
#etapAppContainer .etapAppLoginForm {}
#etapAppContainer .finePrint {margin:0; font-size:11px;}
#etapAppContainer .smallNote { margin-left: 10px; font-size: 10px; font-weight:normal;}
/* browse.xml */
#etapSearchShowAllLinks {margin: 5px 0 10px 0; padding: 0;}
#etapSearchShowAllLinks a {margin: 0 3px;}
#browseLetterList {margin: 10px 0 10px 0; padding: 0;}
#browseLetterList span {text-align: center; font-size: 10px;}
#browseLetterList span a {margin: 0px;}
.etapAppSearchResults {}
/* ....xml Columns */
#etapContentLeftCol {float: left; width: 350px; margin: 0 10px 0 0; padding: 0;}
#etapContentRightCol {float: left; width: 160px; margin: 0; padding: 0;}
/* main.xml */
#etapAppMainPage {float: left;}
#etapAppMainPage #etapAppEventInfo {}
#etapAppMainPage #etapAppEventStatInfo {}
#etapAppMainPage #etapAppEventStatInfo ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppMainPage #etapAppEventStatInfo ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppMainPage #etapAppEventGoalInfo {}
#etapAppMainPage #etapAppEventThermometer {}
#etapAppMainPage #etapAppEventAmts {}
#etapAppMainPage #etapAppEventAmts ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppMainPage #etapAppEventAmts ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppMainPage #sponsorList {margin: 10px 0 0 0; width: 100%; clear: both;}
#etapAppMainPage #sponsorListTable th {padding: 1px;}
#etapAppMainPage #sponsorListTable td {padding: 1px;}
#etapAppAllSponsors {height: 365px; overflow: auto;}
#sponsorsPleaseWaitMessage {height: 365px; width: 770px; text-align: center;}
div.pagingControls {text-align: left; float: right; margin: 0 10px 0 0;}
/* individual.xml */
#etapAppIndPage {}
#etapAppIndPage #etapAppIndInfo {float: left;}
#etapAppIndPage #etapAppIndImg {}
#etapAppIndPage #etapAppIndText {}
#etapAppIndPage #etapAppIndStatInfo {float: left;}
#etapAppIndPage #etapAppIndStatInfo ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppIndPage #etapAppIndStatInfo ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppIndPage #etapAppIndMemberOf {}
#etapAppIndPage #etapAppIndGoalInfo {}
#etapAppIndPage #etapAppIndThermometer {}
#etapAppIndPage #etapAppIndAmts {}
#etapAppIndPage #etapAppIndAmts ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppIndPage #etapAppIndAmts ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppIndPage #etapAppIndSponsorMe {margin: 25px 0 25px 0;}
#etapAppIndPage #etapAppIndSponsorMe a {margin: 0; padding: 2px 10px 2px 10px; background: #E9F2F9; border-top: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #dedede; color: #3C89C8; font-weight: bold;}
#etapAppIndPage #sponsorList {margin: 10px 0 0 0; width: 100%; clear: both;}
#etapAppIndPage #sponsorListTable th {padding: 1px;}
#etapAppIndPage #sponsorListTable td {padding: 1px;}
/* team.xml */
#etapAppTeamPage {}
#etapAppTeamPage #etapAppTeamInfo {float: left;}
#etapAppTeamPage #etapAppTeamImg {}
#etapAppTeamPage #etapAppTeamText {}
#etapAppTeamPage #etapAppTeamParts {}
#etapAppTeamPage #etapAppTeamParts ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppTeamPage #etapAppTeamParts ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppTeamPage #etapAppTeamStatInfo {float: left;}
#etapAppTeamPage #etapAppTeamStatInfo ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppTeamPage #etapAppTeamStatInfo ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppTeamPage #etapAppTeamGoalInfo {}
#etapAppTeamPage #etapAppTeamThermometer {}
#etapAppTeamPage #etapAppTeamAmts {}
#etapAppTeamPage #etapAppTeamAmts ul {list-style-type: none; margin: 10px 0 10px 0; padding: 0;}
#etapAppTeamPage #etapAppTeamAmts ul li {margin: 5px 0 5px 0; padding: 0;}
#etapAppTeamPage #etapAppTeamSponsorMe {margin: 25px 0 25px 0;}
#etapAppTeamPage #etapAppTeamJoinMe {margin: 25px 0 25px 0;}
#etapAppTeamPage #etapAppTeamSponsorMe a {margin: 0; padding: 2px 10px 2px 10px; background: #E9F2F9; border-top: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #dedede; color: #3C89C8; font-weight: bold;}
#etapAppTeamPage #etapAppTeamJoinMe a {margin: 0; padding: 2px 10px 2px 10px; background: #E9F2F9; border-top: 1px solid #dedede; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; border-left: 1px solid #dedede; color: #3C89C8; font-weight: bold;}
#etapAppTeamPage #sponsorList {margin: 10px 0 0 0; width: 100%; clear: both;}
#etapAppTeamPage #sponsorListTable th {padding: 1px;}
#etapAppTeamPage #sponsorListTable td {padding: 1px;}
/* emails.xml */
#etapAppEmailPage {}
#etapAppEmailPage #emailToParagraph {width: 350px; float: left; margin: 0 5px 0 0;}
#etapAppEmailPage #addressBookLinksParagraph {width: 145px; float: left; margin: 0 5px 0 0;}
#etapAppEmailPage #addressBookLinksParagraph img {margin: 5px 0 5px 0;}
#etapAppEmailPage #templateFormFieldBlock {clear: both; margin: 5px 0 0 0;}
#etapAppEmailPage #emailToBlock.etapTextarea {width: 100%;}
#etapAppEmailPage #emailSubject.etapTextField {width: 98%;}
#etapAppEmailPage #emailContents.etapHtmlEditor {width: 98%;}
#emailPreview {width: 530px; height: 250px; overflow: auto;}
#emailPreview .emailPreview {margin:5px; padding:5px; background-color: #fff;}
#emailPreview .emailPreviewSubject {font-weight: bold; padding-bottom: 2px;}
#emailPreview .emailPreviewFrom {padding-bottom: 2px;}
#emailPreview .emailPreviewTo {font-size: 8pt; padding-bottom: 2px;}
#emailPreview .hr {font-size:1px; height: 1px; border: 0px solid #ccc; border-top: 1px solid #ccc; padding:0px; margin: 1px 0px;}
/* Email Address Book */
#etapAppAddressBook {font-size: 120%; width: 715px; height: 250px; overflow: auto;}
#etapAppAddressBook p.etapAppTopLink {max-width: 190px;}
#etapAppAddressBook #tableWrapper {float: left; width: 500px;}
#etapAppAddressBook table {width: 100%; table-layout: fixed;}
#etapAppAddressBook table thead th {background-color: #eee;}
#etapAppAddressBook table thead tr th {padding: 5px;}
#etapAppAddressBook table thead tr th.addLink {width: 15px;}
#etapAppAddressBook table thead tr td.otherLinks {width: 100px;}
#etapAppAddressBook table tbody tr td {padding: 5px;}
#etapAppAddressBook table tbody tr td.otherLinks a {margin: 0 3px 0 3px;}
#addressEntryWindow {width: 360px; height: 150px;}
#addressEntryWindow label {clear: left; float:left; width: 150px;}
#addressEntryWindow input {float: left; width: 200px;}
#addressEntryWindow #saveButton {float: right; width: 60px; margin: 3px 5px 0 0;}
#etapAppAddressBook table .nameColumn {width:115px; overflow: hidden; text-overflow: ellipsis;}
#etapAppAddressBook table .emailColumn {width:260px; overflow: hidden; text-overflow: ellipsis;}
#pleaseWaitMessage {width: 250px; text-align:center; height: 75px;}
/* Donation Page */
#donationForm #recurringFields #recurringTotalAmounts {margin-left: 25px;}
/* Giving Thermometer */
.gauge {/*float: left;*/ width: 75px; padding: 0; margin: 0; height: 150px; position: relative; background: #333 url("images/gauge.gif") top left no-repeat;}
.gauge .current-value {position: absolute; left: 0px; bottom: 0px; text-align: center; width: 100%; background: #FF0000 url("images/gauge.gif") bottom right no-repeat; font-weight: bold;}
/* Body overrides */
.boxy-wrapper .title-bar { background: #1b325f; padding: 6px; position: relative; font-weight: bold; }
.boxy-inner { background: #ffffff; padding: 0 }
/* Display Properties */
.hidden { display: none; }