/*LAYOUT*/

body {
    text-align: center; 
    padding: 0px; 
    margin: 0px;
}

#main {
    margin: auto;
    margin-top: 20px;
    text-align: left; 
    width: 870px;
    height: 100%;
}

#inner-main1 {
    height: 100%;
}

#LogoHead { padding-bottom:16px; }
#LogoHead img { display:block; }

#top { text-align: right; }
#top ul {list-style: none; padding: 0px 0px 0px 0px; margin: 0px; font-size:11px; }
#top ul li {display: inline; margin: 0px; padding: 0xp;}
#top ul li a {padding: 0px 0px 0px 0px;}

#top ul.breadcrumb li { float: left; padding-right:3px; }
#top ul.breadcrumb li a { margin-right:3px; display: block; }
#top ul.breadcrumb li a:after { content:  " > "; }
#top ul.menu li a { font-weight: bold; }
#top ul.menu li:not(:last-child):after { content:  " | "; }

#body {
    margin: auto; padding: 10px 0 10px 0;
}



/* Footer */
#footer { padding-top:5px; clear:both; text-align:center; margin-bottom:20px; }

#footer .footer-images { text-align:center; margin:0 0 15px; }
#footer .footer-images a { margin:0 20px; }
#footer .footer-images a img {  }

#footer .footer-text { padding-bottom:15px; }
#footer .footer-text .footer-organization-name { margin:0; padding:0 10px 0 0; background:url(/images/footer/footer-separator.png) no-repeat right 55%; }
#footer .footer-text .footer-address-and-number { margin:0 0 0 6px; padding:0 10px 0 0; background:url(/images/footer/footer-separator.png) no-repeat right 55%; }
#footer .footer-text .footer-zip-and-city { margin:0 0 0 6px; padding:0 10px 0 0; background:url(/images/footer/footer-separator.png) no-repeat right 55%; }
#footer .footer-text .footer-phone { margin:0 0 0 6px; padding:0 10px 0 0; background:url(/images/footer/footer-separator.png) no-repeat right 55%; }
#footer .footer-text .footer-contact-email { margin:0 0 0 6px; }

#footer .powered-by { text-decoration:none; font-size:0.8em; color:silver; margin-top:8px;}
#footer .powered-by a { text-decoration:none; font-size:0.8em; color:silver;}



/* Subpages layout */
#content{text-align: left;}

#subNavigation{width: 20em; float: right;}
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8;}


/* FONTS standards */
body {font-size:12px; font-family: Verdana,Tahoma,Arial,Sans-Serif;}

h1, h2, h3, h4, h5, h6 { color: #920000; font-weight: 500; padding-bottom:10px; }
h1 { font-size: 2em; line-height: 1; margin-bottom:0.2em; margin-top:0px; letter-spacing: -1px; width: auto; }
h2 { font-size: 1.5em; margin-bottom: 0; }
h3 { font-size: 1em; font-weight:bold; line-height:1; margin: 8px 0px 8px 0px; padding:0px; }

h4 { font-size:1em; margin:8px 0px 4px 0px; font-weight:bold; }
h5 { font-size:1em; font-weight:bold; margin: 16px 0px 8px 0px; padding:0px; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }

p {margin:0 0 1.5em; font-size: 12px;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards */
/*.hoveranchor a:focus, a:hover {color:#000;background: #D6BEA6;} */
a {color: #14223E;text-decoration:underline;}

a img {
        border: 0 none;
}

a.disabled {
    color: #000000;
    cursor: pointer;
}

h1 a{text-decoration: none;}

/* ELEMENTS standards */
blockquote {margin:1.5em;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table { width:100%; }
th {font-size: 12px;font-weight:bold;line-height:1;margin: 8px 0px 8px 0px;padding:0px;color:#920000}
th, td {padding:4px 0px 4px 0px;}
tr.even {background-color:#EEE;color:black;}
tfoot {font-style:italic;background-color:#DDD}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-size:12px;}
label.error {color:red; margin-left:3px;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
    legend {font-weight:bold;font-size:1.2em;}
    fieldset label {width:230px;display:block;float:left;}
    fieldset input {margin:2px;}
        fieldset input.wide {width:570px;}
 
input.wide  {width:500px;}
input.medium {width:240px;}
        
.multiline {height:150px;}
.calendarArea {}
.calendar {width:242px;  padding:1px;float:left;margin-right:8px;}
.calendarlabel {width:200px; padding:1px;float:none;}


/*input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}*/
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
/*textarea {height:250px;padding:5px;}*/
.notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}

.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}

input.stdButton {
      height:32px;
      width:183px;
} 

.inputrow {
    margin-bottom:16px;
}

.inputrow .fielddescription{
    float:left;
    width:180px; 
    margin-right:8px;
}

.WantedResponse {
    font-size: 11px;
}

.normaltext {
    font-size:12px;
}

.subheadertext {
    display: block;
    text-decoration: none;
    padding-bottom:16px;
    border-bottom:1px solid #CED7DE;
    
}

.ClearingSpacer {
    clear:both;
    height:6px;
}

.VerticalSpacer {
    padding: 4px 0px 2px 0px;
    clear: both;
    border-bottom: 2px solid #CCC;
}

/*#region ViewCollectionDetails */

#ViewCollectionDetails .header {
    width:100%;
    padding-bottom:8px;
    border-bottom:1px solid #CED7DE;
}

#ViewCollectionDetails .secondaryfocus { 
    /*background-color:#EAE2C6;*/
    display:block;
    float:none;
    padding:0px 0px 32px 0px;
}

#ViewCollectionDetails .secondaryfocus .imageplaceholder {
    float:left;
    width:260px;
    height:310px;
    overflow:hidden;
}

#ViewCollectionDetails .secondaryfocus .image {
    height:310px;
}

#ViewCollectionDetails .secondaryfocus .additionalinfo {
    height:210px;
    width:600px;
    text-align:left;
    float:left;
}

/*#endregion*/

.collection-dates-area {
    clear: both;
}

.content-area {
    background-color: #eee; 
    margin-bottom: 10px; 
    padding-bottom: 10px; 
    overflow: hidden;
}

.content-area {
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
}

.collection-progress-area {
    margin: 8px inherit 8px inherit;
    border-top: 2px solid #CCC;
    border-bottom: 2px solid #CCC;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; 
    border-radius: 0;
}

.extra-content-area {
    float:left;
}

.full-page-area {
    width: 850px;
}

#ViewCollectionDetails .collection-profile-area .contentcolumn { width:394px; }

img.mainpic { 
    float: left; 
    margin: 0px 4px 10px 0px; 
    border:2px solid #ccc !important;
}

img.floatRight { 
    float: right; 
    margin: 8px; 
}

.extra-content-area { clear:both; }

#ViewCollectionDetails .secondaryfocus  .progressplaceholder {
    background-color:#FEFEFE;
    height:210px;
    width:260px;
    text-align:right;
    float:left;
    overflow:hidden;
}

#ViewCollectionDetails .mainfocus {
    display:block;
    float:none;
    padding: 8px 0px 8px 0px;
    border-bottom:1px solid #CED7DE;   
}

.donorlistheader { margin:15px 0 10px; text-transform:uppercase; }
.donorlistheader h4 { margin:0; padding:0; font-size:1.2em; text-transform:none; }

.donorlist {
    display:block;
    float:none;
    padding: 4px 0px 4px 0px;
}

.donorlist table.gridview { border-collapse:separate !important; }
.donorlist table.gridview tr th,
.donorlist table.gridview tr td { background-color:#D9D9D9; padding:5px 15px; color:#333; }
.donorlist table.gridview tr th { padding-top:15px; padding-bottom:7px; color: Black; vertical-align:bottom; text-align:left; text-transform:uppercase; }
.donorlist table.gridview tr th:last-child { text-align:right; }

.donorlist table.gridview tr td { border-bottom:1px solid #D9D9D9; }
.donorlist table.gridview tr td:first-child { border-left:1px solid #D9D9D9; }
.donorlist table.gridview tr td:last-child { border-right:1px solid #D9D9D9; white-space:nowrap; }

.donorlist table.gridview tr.donorlistrow td { background-color: White; }
.donorlist table.gridview tr.donorlistrow.even td  { background-color:#EEE; }

.donorlist table.gridview tr th:first-child { -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; border-radius:5px 0 0 0; }
.donorlist table.gridview tr th:last-child { -webkit-border-radius:0 5px 0 0; -moz-border-radius:0 5px 0 0; border-radius:0 5px 0 0; }

.donorlist table.gridview tr.tfoot { background-color:transparent !important; border:none !important; }
.donorlist table.gridview tr.tfoot td { vertical-align:top; padding-top:5px; padding-bottom:15px; padding-top:7px; text-transform:uppercase; }
.donorlist table.gridview tr.tfoot td:first-child { -webkit-border-radius:0 0 0 5px; -moz-border-radius:0 0 0 5px; border-radius:0 0 0 5px; }
.donorlist table.gridview tr.tfoot td:last-child { -webkit-border-radius:0 0 5px 0; -moz-border-radius:0 0 5px 0; border-radius:0 0 5px 0; }

.reply-message-edit-button {
    margin-top: 3px;
}

.commandarea {
    display:block;
    float:none;
    padding: 8px 0px 8px 0px;
    border-bottom:1px solid #CED7DE;
   
}

#progressbar {
    height:16px;
    margin: 0px 8px 0px 8px;
}

.gridview.cell {
    vertical-align:top;
}

.repeaterlist {
    padding: 2px 0 2px;
    display: block;
    height: 20px;
        vertical-align:middle;
    font-weight: bold;
}

a.repeaterlist:hover {
    background-color: #DDDDDD;
    color: Black;
}

.repeaterlistfooter {
    padding-top: 4px;
    padding-left: 4px;
    display: block;
    height: 12px;
    font-weight: bold;
}

.repeaterlistcontainer {
    padding: 0 6px;
}

.repeaterlistcontainer .attention {
    color: Red;
}

/* Collections List */

.collection-image-area {
    float:left;
    margin: 2px 4px 12px 0px;
}

.collection-image-container {
    width: 150px;
    height: 150px;
    overflow: hidden; 
    margin: 20px 6px 8px 0; 
    border: 1px solid #999;
    background-color: Black;
    /*display: table;*/
}

.collection-image-container img {
    width: 150px;
    /*display: table-cell;
    vertical-align: middle;*/
}

.collection-list-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    width: 150px;
}

h3.ListHeader {
    padding-bottom:8px;
    border-bottom:1px solid #D6BEA6;
}

/* Toolbox */

.addthis_toolbox
{
    padding:5px;
    margin: 12px 0px 8px 0px;
    border-top: 1px solid #D6BEA6; 
    font-size:11px;
    width: 200px;
}

.addthis_toolbox a
{
    font-size:11px;
}

.addthis_toolbox .headlinebuttons 
{
    width: 184px;
}

/*
.addthis_toolbox .headlinebuttons h3
{
    font-weight:bold;
}
*/

.addthis_toolbox .headlinebuttons a 
{
    position: relative;
    display: block;
    text-decoration: none;
    padding-top:9px;
    padding-left:52px;
    font-size:13px;
    min-height:32px;
}

.addthis_toolbox .headlinebuttons a:hover, .addthis_toolbox .tallheadlinebuttons a:hover
{
    text-decoration: none;
    border:none;
}

.addthis_toolbox .headlinebuttons span {
    position: absolute;
    left: 8px;
    top: 2px;   
}

.addthis_toolbox .tallheadlinebuttons span {
    position: absolute;
    top: 2px;
    width:180px;
}

.addthis_toolbox .headlinebuttons .row {
    width: 180px;
    clear: both;
}

.addthis_toolbox .headlinebuttons .row .column a span {
    width:32px;
    height:32px;
}

.addthis_toolbox .headlinebuttons .row .column a.addthis_button_email span {
    background:url(/images/shareicons/email.png) no-repeat left top;
}

.addthis_toolbox .headlinebuttons .row .column a.addthis_button_facebook span {
    background:url(/images/shareicons/facebook.png) no-repeat left top;
}

.addthis_toolbox .headlinebuttons .row .column a.button_outlook span
{
    background:url(/images/shareicons/outlook.png) no-repeat left top;
}

.addthis_toolbox .headlinebuttons .row .column a.addthis_button_linkedin span
{
    background:url(/images/shareicons/linkedin.png) no-repeat left top;
}
.addthis_toolbox .headlinebuttons .row .column a.addthis_button_twitter span
{
    background:url(/images/shareicons/twitter.png) no-repeat left top;
}

.addthis_toolbox .headlinebuttons .row .column a.addthis_button_expanded span
{
    background:url(/images/shareicons/addthis.png) no-repeat left top;
}

.addthis_toolbox .headlinebuttons .row .google-plusone-column
{
    width: 82px;
    float: left;
    height:20px;
    padding-left: 8px;
    padding-top: 2px;
}

.addthis_toolbox .tallheadlinebuttons .row
{
    padding:0px 0px 8px 0px;
    clear: both;
    height:64px;
}

.addthis_toolbox .tallheadlinebuttons .row span
{
    padding-top:4px;
}

.addthis_toolbox .headlinebuttons  .top
{
    padding: 0 0 10px 0;
    border-bottom: solid 1px #eee;
    margin-bottom: 0px;
    margin: 0 20px 0px 20px;
}

.addthis_toolbox .two_column  .more
{
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 20px 0 20px;
    text-align: center;
}

.addthis_toolbox .two_column  .more a
{
    padding: 4px 0;
    width: auto;
}

.addthis_toolbox .two_column .more span {
    display: none;
}

.addthis_toolbox_line {
    margin: 16px 0px 16px 0px;
}

.addthis_toolbox .two_column .clear {
    clear: both;
    padding: 0;
    display: block;
    height: 0;
    width: 0;
}


/* Collection Just Created Area */

.collection-just-created-area a {
    display: block;
}

.collection-just-created-area img {
    float: left;
    margin-right: 8px;
}

.collection-just-created-area .just-created-url-text {
    margin-top: 1em;
}

/* Progress Bar */

.collection-progress-area {
    overflow: hidden;
}

.collection-progress-area .collection-tin-image-area {
    float: left; 
}

.collection-tin-image {
    width: 100px;
}

.progress-illustrator-area {
    width:762px; 
    margin:20px 0px 0px 0px; 
    float:right;
}

.collection-progress-area .amounts-area {
    padding-left:19px
}

.collection-progress-area .collected-so-far {
    float: left;
}

.collection-progress-area .collection-goal {
    text-align: right; 
    margin-right: 25px;
}

div.cropme {
    height: 35px;
    overflow: hidden;
    padding-left: 19px;
    padding-right: 20px;
    margin-top: 6px;
    margin-bottom: 6px;
}

div.cropme .bar {
    overflow: hidden;
    height: 100%;
    background-color: Red;
}

.collection-progress-area .progress-bar-area {
    width: 742px;
}

.collection-progress-area .progress-ruler {
    width: 100%;
    height: 52px;
    background-image: url(/images/Adb/Payment/ruler.gif);
    background-repeat: no-repeat;
}

/* SINGLE PROGRESS BAR */

.progressBar {
    width:216px;
    height:41px;
    background:url(bg_bar.gif) no-repeat 0 0;
    position:relative;
}

.progressBar span {
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bar.gif) no-repeat 0 0;
    top:8px;
    left:8px;
    overflow:hidden;
    text-indent:-8000px;
}

.progressBar em {
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bg_cover.gif) repeat-x 0 0;
    top:0;
}

.sidebarsmsbox {
    padding: 0 6px;
    display: block;
}

#ShoutCastTwitterWideContainer {
    padding: 6px 6px 6px 6px;
    border: 1px solid #D6BEA6; 
    margin: 34px 0px 8px 0px;
    font-size:11px;
    height: 176px;
    display: block;
    overflow: hidden;
}

#ShoutCastTwitterWide a {
    text-decoration: none;
}

#ShoutCastTwitterWide a:hover {
    text-decoration: underline;
}

#ShoutCastTwitterWide li {
    line-height:13px;
    clear:both;
    height: 20px;
}


#smsbox {
    height: 200px;
    display: block;
    overflow: hidden;
}

#smsbox .innercontainer {
    height: 182px;
    width: 200px;
    line-height: 13px;
}

#smsbox li {
    height: 170px;
}

#smsprevious {
    padding-left: 10px;
    text-align: left;
    float: left;
}

#smsnext {
    padding-right: 10px;
    text-align: right;
}

#smsnext, #smsprevious {
    font-size: 9px;
    color: #2290CF;
    height: 12px;
    cursor: pointer;
    padding-bottom: 6px;
}

dl, dt, dd{ margin: 0; padding: 0; }

dd{
    width:216px;
    height:41px;
    background:url(bg_bar.gif) no-repeat 0 0;
    position:relative;
}
dd span{
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bar.gif) no-repeat 0 0;
    top:8px;
    left:8px;
    overflow:hidden;
    text-indent:-8000px;
}
dd em{
    position:absolute;
    display:block;
    width:200px;
    height:25px;
    background:url(bg_cover.gif) repeat-x;
    top:0;
}

.contentcolumn
{
    float: left; 
    width: 420px; 
    margin: 0px 0 12px 18px;
}

.TopItemCollectionView { width:320px; float:left; background-color:#DFDFDF; }
.TopItemCollectionView.listDonations { margin-right:10px; }

.TopItemCollectionView .listHeader { background-color:#999; margin:0 0 10px; padding:10px; }
.TopItemCollectionView .listHeader h4 { color:#fff; font-size:1.25em; text-align:center; margin:0; padding:0; }

.TopItemCollectionView .listItem { padding:0 10px 10px; font-size:11px; }
.TopItemCollectionView .listItem .listItemImage { float:left; width:120px; margin-right:10px; }
.TopItemCollectionView .listItem .listItemImage a:hover { border:none; }
.TopItemCollectionView .listItem .listItemDetails { float:left; width:160px; padding-top:3px; }

.TopItemCollectionView.wide { width:650px; }
.TopItemCollectionView.wide .listItem { width:300px; float:left; }
.TopItemCollectionView.wide .listItem.odd { clear:left; margin-right:10px; }
.TopItemCollectionView.wide .listItem.even { clear:right; }


#rightColumn .buttons-area {
    width: 200px;
    float: right;
    padding: 0 10px 0 0;
}

/* CSS Buttons */
.btn {
    background-color:#57D936;
    color:#FFFFFF;
    display:inline-block;
    font-size:13px;
    padding:7px 5px 5px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    border:none;
    border-radius:5px;
}

.btn:hover {
    opacity:0.8; 
    filter:alpha(opacity=80);
}

.btn.btn-system {
    background-color:#960303;
    font-size:13px;
    padding:5px 5px 5px;
}

.btn:hover { border:none; }
.buttons .btn { margin-right:15px; }
input.btn { cursor:pointer; }
.btn.btn-donate-now { width:200px; margin-bottom:10px; }
.btn.btn-join { width:200px; }
.btn.btn-login { width:150px; }
.btn.btn-edit-collection { width:200px; }
.btn.btn-edit-items { width:200px; }
.btn.btn-edit-collection-image { width:196px; }
.btn.btn-upload-collection-image { width:150px; }
.btn.btn-edit-collection-insert { width:150px; }
.btn.btn-edit-collection-update { width:150px; }
.btn.btn-edit-collection-cancel { width:150px; }
.btn.btn-donate-creditcard { width:200px; margin-bottom: 8px; }
.btn.btn-donate-mobile { width:200px; margin-bottom: 8px; }
.btn.btn-donate-invoice { width:200px; margin-bottom: 8px; }
.btn.btn-carddonation-submit { width:200px; }
.btn.btn-user-create { width:200px; }
.btn.btn-user-logout { padding-left:20px; padding-right:20px; }
.btn.btn-user-edit { margin-top:20px; padding-left:20px; padding-right:20px; }
.btn.btn-edit-page { margin:5px; padding-left:20px; padding-right:20px; }
.btn.btn-back { margin:5px; padding-left:20px; padding-right:20px; }
.btn.btn-open-payment-window { margin:5px; padding-left:20px; padding-right:20px; }
.btn.btn-create-login { padding-left:20px; padding-right:20px; }
.btn.btn-create-forgot-password { padding-left:20px; padding-right:20px; }

.box {
    width: 200px; 
    float: right; 
    margin: 10px 0 0; 
    padding: 10px 5px 10px 5px; 
    border-top: 2px solid #ccc;
}

.box h3 {
    margin:5px 0 10px; 
    font-size:1.15em; 
    text-align:center; 
    text-transform:uppercase;
}

.box.total-amount {
    text-align: center;
}

.box.total-amount p {
    font-size: 2em;
    margin-bottom: 0;
}

.currency-code {
    font-size: 75%;
}

.box.right-column-progress {
    text-align: center;
    margin-bottom: 12px;
    float: none;
}

.box.right-column-progress p {
    font-size: 2em;
    margin-bottom: 0;
}

.box.share {
    float: none;
    margin-bottom: 12px;
}

.cmp-item {
    float: left;
    margin: 22px 8px 12px 0;
}

.cmp-item img {
    width: 206px; 
    height: 170px; 
    overflow: hidden; 
    margin: 0 0 8px 0; 
    border: 1px solid #999;
}

.campaign-select h2 {
    margin-top: 0;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

#footer .footer-images { margin-top:15px; }

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */