@charset "utf-8";
/* CSS Document */
BODY, HTML, H1, P, UL, LI{ margin:0; padding:0; list-style:none; font-family:Geneva, Arial, Helvetica, sans-serif; }
A{ color:#225544; text-decoration:none; cursor:pointer; }
A IMG{ border:none; }
H3{ margin:10px 10px 2px; color:#254; }
.hide{ display:none; }
.btn{ cursor:pointer; }
.unblur{ color:#555 !important; font-style:normal !important; }
#top-menu{ position:absolute; top:0; height:32px; width:100%; background:#042 url(/images/bg_top-menu.png); border-bottom:1px solid #000; }
#top-menu UL{ margin-left:15px; }
#top-menu LI{ float:left; }
#top-menu A{ display:block; padding:0 10px; height:33px; line-height:33px; font-size:.75em; font-weight:bold; color:#ddd; border-left:1px solid #364; border-right:1px solid #032; }
#top-menu A:hover{ color:#fff; text-decoration:underline; }
#hdr{ margin-top:33px; height:84px; min-width:1020px; background-color:#16613a; }
#hdr H1{ float:left; height:84px; width:525px; margin-left:40px; text-indent:-5000px; background-image:url(/images/sitelogo_staff.png); }
#hdr #logged-in{ float:right; margin-right:20px; padding-top:65px; font-size:.7em; font-weight:bold; color:#ddd; }
#hdr #logged-in A{ color:#ddd; }
#hdr #logged-in A:hover{ color:#fff; text-decoration:underline; }
#main-menu{ width:100%; min-width:1020px; background:#ba1 url(/images/bg_main-menu.png); border-bottom:1px solid #983; }
#main-menu UL{ margin-left:49px; }
#main-menu LI{ float:left; }
#main-menu A{ display:block; padding:10px 15px 0; height:44px; font-weight:bold; color:#254; border-left:1px solid #db6; border-right:1px solid #983; }
#main-menu SPAN{ font-size:.9em; }
#main-menu A:hover SPAN{ text-decoration:underline; }
#main-menu EM{ display:block; text-align:right; font-size:.7em; font-style:normal; font-weight:normal; color:#666; }
#main-menu A.selected{ position:relative; top:18px; background-color:#cb6; cursor:default; }
#main-menu A.selected:hover SPAN{ text-decoration:none; }
#main-menu A.selected-banner{ background-color:#cb6; cursor:default; }
#main-menu A.selected-banner:hover SPAN{ text-decoration:none; }
#main-menu UL.right{ float:right; margin-right:25px; }
#main-menu DIV.right{ float:right; margin-right:25px; padding:2px 10px; width:235px; height:50px; line-height:23px; text-align:right; border-left:1px solid #db6; border-right:1px solid #983;  }
#main-menu .input_container{ clear:both; float:left; width:175px; }
#main-menu LABEL{ font-size:.7em; font-weight:bold; color:#254; }
#main-menu INPUT{ width:90px; background-color:#dc7; border:1px solid #973; }
#banner{ padding:10px; height:298px; background-color:#ccc; border-bottom:1px solid #aaa; }
#banner .container{ margin:auto; width:900px; }
#banner IMG{ float:left; margin-top:14px; padding:4px; background-color:#aaa; border:1px solid #888; }
#banner UL{ margin-left:500px; }
#banner LI A{ display:block; padding:25px; border-top:1px solid #eee; border-bottom:1px solid #aaa; }
#banner A.first{ border-top:0; }
#banner A.last{ border-bottom:0; }
#banner SPAN{ font-weight:bold; }
#banner A:hover SPAN{ text-decoration:underline; }
#banner EM{ display:block; font-size:.8em; font-style:normal; color:#666; }
#sections{ margin:auto; width:990px; }
#sections H2{ margin:0; color:#254; letter-spacing:0.5px; }
#sections P{ margin:15px 0; color:#666; }
#sections P A, .section UL A{ text-decoration:underline; }
LI.section{ float:left; margin:25px 0; padding:0 35px; width:255px; min-height:300px; line-height:20px; text-align:justify; font-size:0.8em; border-right:1px solid #ccc; }
LI.last{ border-right:none; }
.section UL LI{ list-style:disc inside; }
.page_msg{ margin:5px; padding:3px 8px; font-size:.8em; color:#fff; background:#b00 url(/images/msg_x.png) no-repeat right; border:3px double #fff; cursor:pointer; }
.page_msg A{ color:#ccc; font-style:italic; }
#page{ background:url('/images/pg_top.png') repeat-x; }
#page-left{ background:url('/images/pg_left.png') no-repeat; }
#page-right{ background:url('/images/pg_right.png') no-repeat 100% 0; min-width:850px; }
#main-container .container{ padding:17px 50px; min-width:750px; }
/* TableSorter */
/* tables */
table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:0px 2%; font-size: 8pt; width: 96%; text-align: left; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; }
table.tablesorter thead tr .header { background-image: url(/images/ts/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(/images/ts/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(/images/ts/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; }
/* TableSorter and TableSorterPager misc */
#cd-chart{ margin:0 2%; width:96%; height:150px; background-color:#cdcdcd; }
.tablesorter TBODY TR:hover TD{ background-color:#eef !important; }
TFOOT{ font-weight:bold; }
.donor_name{ float:left; }
IMG.details_mag{ float:right; }
.details_mag{ cursor:pointer; }
.donor_details{ display:none; clear:both; }
.ctr{ text-align:center; }
#all-donations .ctr IMG{ cursor:pointer; }
table.tablesorter A:hover{ text-decoration:underline; }
A.toomanychars{ color:#666666; }
.pager{ margin:2px 25px; text-align:right; }
.pager IMG{ position:relative; top:3px; }
.pagedisplay{ width:50px; text-align:center; }
/* SimpleModal Styles */
#simplemodal-overlay{ background-color:#000; cursor:not-allowed; }
#simplemodal-container{ padding:15px; background-color:#fff; border:3px solid #ccc; text-align:right; line-height:25px; position:absolute !important; }
a.modalCloseImg {background:url(/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-10px; right:-10px; cursor:pointer;}
#ajax_loader{ margin:20px auto; padding:5px 10px 10px; width:100px; }
#pre_sitemap{ clear:both; margin-top:50px; height:12px; background-image:url(/images/bg_main-menu.png); border-top:1px solid #984; }
#sitemap{ background-color:#0e4026; }
#sitemap A{ color:#ccf; }
#sitemap A:hover{ text-decoration:underline; }
#sm_container{ margin:0 auto; height:320px; width:950px; font-size:.75em; color:#fff; background-color:#16613A; border:3px solid #032; border-top-color:#052; }
.sm_section{ float:left; margin:30px 0 2% 5%; width:15%; }
#sitemap UL{ text-transform:lowercase; }
#sitemap LI{ margin-bottom:15px; }
#sitemap LI.sm_title{ font-weight:bold; font-size:1.2em; }
#sitemap LI.sm_title A{ color:#fff; }
#legal_stuff{ clear:both; margin:0 50px; padding:20px; border-top:1px dotted #777; }
#legal_stuff A{  }

/* STYLES FOR FILES SECTION */
/*
.template_title { background-color: #16613A; color:#fff; padding:2px 10px; font-size: 1.0em; font-weight:normal; -moz-border-radius: 8px; border-radius: 8px; }
.template_title a { background-color: #16613A; color:#fff; font-size: 1.1em; font-weight:bold; -moz-border-radius: 10px; border-radius: 10px; }
.template_desc { white-space:pre-wrap; background-color: #eee; padding:20px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.template_download { background-color: #eee; padding:10px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.template_tags { background-color: #eee; padding:10px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.template_name { background-color: #eee; padding:10px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.template_phone { background-color: #eee; padding:10px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.template_email { background-color: #eee; padding:10px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.template_approved { background-color: #eee; padding:10px 10px 5px 16px; font-size: 1.0em; font-weight:normal; margin:0 10px; }
.approved .template_title, .approved .template_body{ box-shadow:1px 2px 5px #ccc; }
.approved .template_body{ background-color:#c92; background-color:#f0f0e6; }
p { margin:10px 10px 0 10px; padding:10px 10px 0 10px; } */

.container h2{ margin:0 0 30px 0; padding:5px; font-size:1.2em; letter-spacing:2px; color:#fff; background-color:#16613A; }
h3{ margin:15px 15px 0 15px; font-size:1.3em; border-bottom:1px solid; }
h4{ margin:15px 15px 0; font-size:1.3em; border-bottom:1px solid; }
h5{ margin:0; padding:0; font-size:1.2em; font-weight:bold; }
#page A:hover{ text-decoration:underline; }
.hilite{ font-weight:bold; text-shadow:1px 2px 2px lightGrey; }
#templates_container .errors{ font-weight:bold; color:red; }
#templates_header UL{ float:left; margin:0 2em; width:14em; }
#templates_container{ margin:0 2em 2em 18em; }
#templates_container LI{ position:relative; margin:2em 0; }
#templates_container P{ margin:1em 0 1em 0; padding:0; }
#templates_container P A{ color:grey; }

#template_form{ overflow:auto; padding:20px; background-color:#efe; border:1px solid #ded; border-radius:4px; }
#template_form LI{ clear:both; overflow:auto; margin:.5em 0; padding:.4em; border:1px solid #efe; border-radius:4px; }
#template_form .infocus{ background-color:#ded; border-color:#cdc; }
#template_form LABEL{ float:left; margin-top:.3em; width:150px; text-align:right; font-weight:bold; }
#template_form P{ margin:0 10px 0 160px; padding:2px 5px; font-size:.7em; color:#777; }
#template_form INPUT{ display:block; margin-left:160px; width:45%; }
#template_form TEXTAREA{ display:block; margin-left:160px; padding:2px 6px; width:60%; height:250px; font-family:Arial, Helvetica, sans-serif; }
#template_form #attachment{ margin-left:160px; }
#template_form #contact_info{ margin-top:3em; }
#template_form .contact_info INPUT{ width:35%; }
#template_form #submit{ width:80px; margin:auto; }

#attachment #show_remove{ margin-left:10px; padding:0 5px; font-size:.7em; font-weight:bold; text-decoration:none; color:#ddd; background-color:#16613A; border-radius:3px; }
#attach{ display:none; }
#templates_container FORM #submit{ display:block; margin-top:2em; }

.template_title{ padding:2px 10px; color:#fff; background-color:#16613A; border-radius:8px; }
.template_title A{ font-weight:bold; color:#fff; }
.template_approved{ position:absolute; top:-4px; right:10px; padding:4px 13px 3px 70px; font-size:1.4em; font-weight:bold;
background:#c92 url(/images/short_man.png) no-repeat bottom left; border:1px solid #b81; border-radius:8px; box-shadow:1px 2px 3px rgba(0,0,0,.2); }
.template_approved .based_on{ position:relative; top:-1px; left:6px; display:none; line-height:1em; font-size:.5em; font-weight:normal; }
.template_body{ margin:0 4px; padding:1.5em 1em; background:#eee; border-radius:0 0 10px 10px; }
.template_desc{ margin-bottom:2em; line-height:1.7em; }
.details .template_desc { white-space: pre-wrap; }
.template_tags{ margin-bottom:1em; }
.template_tags a{ margin-right:10px; padding:0 5px 1px 6px; background:#ddd; color:#777; border:1px solid #ccc; border-radius:12px 4px 4px 12px; }
#page .template_tags a:hover{ text-decoration:none; color:#374; background-color:#cdc; border-color:#7a9; box-shadow:1px 2px 3px #ccc; }
.template_download { display:block; float:left; width:12em; margin:1.5em 2em 0; line-height:3em; text-align:center; font-weight:bold;
border:3px solid white; border-radius:1em; box-shadow:1px 2px 3px #ccc; }
#page .template_download:hover{ color:#eee; background-color:#374; text-decoration:none; box-shadow:2px 3px 3px #9a9; }
.template_approved_version{ clear:both; float:left; padding:5px 48px; font-size:.8em; }
.template_meta{ margin-left:22em; padding-left:4em; line-height:1.6em; color:#444; font-size:.8em; border-left:1px solid white; }
.template_label{ position:relative; left:-5px; margin-top:1em; font-weight:bold; }
.template_functions{ margin-right:20px; text-align:right; }
.template_functions A{ padding:2px 5px; }
.requests, .voted_requests{ margin:0 20px 60px; }
.request{ overflow:hidden; margin:1em 0 !important; padding:10px; }
.request_votes{ float:left; width:50px; padding:7px 10px; text-align:center; font-size:.6em; color:#aaa; border:1px solid #ccc; border-radius:5px; }
.request_votes .number{ display:block; line-height:1em; font-size:2em; font-weight:bold; }
.vote_action{ float:left; position:relative; clear:left; margin-top:2px; width:70px; text-align:center; line-height:19px; font-size:.8em; font-weight:bold; color:#eee; background-color:#aaa; border:1px solid #999; border-radius:5px; }
.vote_action.can_vote{ background-color:#16613A; }
.vote_flyout{ position:absolute; display:none; width:400px; padding:3px 20px; bottom:0; color:white; background-color:#555; border-radius:7px; box-shadow:1px 2px 8px rgba(0,0,0,.4); } 
.request_title{ margin-left:80px; font-weight:bold; }
.request_body{ margin-left:80px; color:#777; }
.ui-autocomplete{ position:absolute !important; width:16em !important; padding:5px 0; 
background-color:#ddd; border:1px solid #aaa; border-top-width:3px; border-radius:0 0 7px 7px; box-shadow:2px 3px 4px rgba(0,0,0,.2); }
.ui-autocomplete LI{ padding:0 4px; }
.ui-autocomplete LI A{ display:block; padding:1px 3px; border:1px solid #ddd; border-radius:3px; }
.ui-autocomplete .ui-state-hover{ color:#383; background-color:#ded; border-color:#ada; }
.ui-autocomplete #ui-active-menuitem{ display:block; }
/*scrollable tag list*/
.ui-autocomplete {
max-height: 10em;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden; }
/* IE 6 doesn't support max-height we use height instead, but this forces the menu to always be this tall */
* html .ui-autocomplete { height: 10em; }
#templates_container .tag_list { overflow:hidden; margin-top:2em; padding:1px; }
#templates_container .tag_list LI{ float:left; margin:0 4px 16px 0; }
#templates_container .tag_list SPAN{ color:#999; }
.template_help_text { color:#555; font-size:0.9em; }
.template_create_form_left {width: 200px; float: left; padding: 2px 10px 1px 7px; margin: 2px 0.9px 1px 1px; background: #f9f9f9; box-shadow: inset -6px 0 11px -3px #ccc;; border-radius:6px 0 0 6px;}
.template_create_form_right {width:500px;}