/*COMMUNITY BUILDER STYLESHEET V3
------------------------------------------------------*/

/*HTML*/
body{font-family: arial, verdana, helvetica; margin:20px 0 0 0;}
strong{font-weight:bold;}
p{margin-bottom:1em;}
h1{font-weight:bold; margin-bottom:10px;}
h2{font-weight:bold; margin:5px 0 5px 0;}
h5{font-weight:bold;}
table{margin:10px 0 0 0; width:100%; border-collapse:collapse;}
th{font-weight:bold;}
td{padding:5px;}
textarea{width:97.8%; margin:10px 0 0 0; clear:both;}
label{font-weight:bold; color:#666;}

/*MAIN CONTAINERS*/
#wrapper {margin: 0 auto; text-align: left;  width:900px; }
/*header*/
#header { height: 55px;}
  #header #logo{margin: 0 0 0 0; float:left;}
  #header-search{margin:0 5px 0 0; float:right;}
  #header-search form{}
  #header-search img, #header-search h2{float:left; margin:0 !important;}
  #header-search h2{padding: 0 0 0 10px; margin:0 !important;}
  #header-search input{margin: 0 0 0 10px;}
/*topnav*/
#topnav {padding: 0; margin: 0 0 10px 0; width:100%;}
  #topnav ul {list-style-type: none;padding: 0;margin: 0; display:block; width:100%;}
  #topnav li {float:left;margin: 0;padding: 0; }
    #topnav li a {float:left; margin-right:10px;}
/*main*/
#main{}
/*sidebar*/
#sidebar{float: left; margin: 0; width:200px;}
#sidebar .sub-content{padding-right: 0;}
#admin #sidebar{float: left; margin: 0;}
.menu-note{background:#ffffe0; padding:5px;border: 2px solid #f9ac61;}
.menu-note img{margin-bottom:5px;}
.menu-note p{font-size:11px; line-height:1.2em; margin:0 5px 0 5px;}
/*content*/
#content{float:none; width:auto;  margin: 0 0 0 215px;}
.cb-t1 #content{margin:0;}
  #admin #content .form-control{padding: 10px;margin: 0 0 10px 0;float: right;}
  #admin #content #maincol{margin: 0; padding: 0;}
#admin #sidebar{margin: 0; }
#admin{}
  #admin  label{margin:2px 0 2px 0 !important; }
  #admin .form-container{padding: 0 !important; margin: 0;}
  #admin .form-container select{padding: 0 !important; margin:0;}
#footer {padding:10px 0 0 0;}
  #footer a {}
#link-header{}
#link-header h1{margin:0 !important; padding:0 !important; float:left; width:80%;}
#link-header .button-container{}
#welcome-splash{background:#efefef;}
/*UTILITY*/
.entry,.alt-entry{padding:5px;}
.entry{}
.alt-entry{background:#efefef;}
.find-field{border:1px solid #ccc; border-bottom:none; padding:7px 5px 5px 40px; background:#e2f3e5 url(../images/findfield.gif); background-repeat:no-repeat; background-position: 3px 3px; height:28px;}
.find-field input {background:#fff url(../images/search.gif); background-repeat:no-repeat; background-position:3px 3px; padding: 3px 3px 3px 20px; margin-left:5px; margin-right:5px; border:1px solid #ccc;}
#contacts .contact{border:1px solid #ccc; padding:0 !important; margin-bottom:5px;}
#contacts .contact table{margin:0;}
#contacts .contact table td{font-weight:bold;}
#contacts .contact table td a{padding-left:20px; padding-bottom:5px; background:url(../images/delete.gif); background-repeat:no-repeat; text-transform:uppercase;}
#contacts .contact table td label{ display:block; float:left; width:50px; padding-left:10px;}
#contacts .contact table td input{font-weight:normal; margin-bottom:10px;}
/*NEW GENERIC COLUMNS*/
.first{float:left !important;}
.col-10, .col-20, .col-30, .col-40, .col-45 ,.col-50, .col-55, .col-60, .col-70, .col-80, .col-90{float:right;}
.col-90{width:89%;}
.col-80{width:79%;}
.col-70{width:69%;}
.col-60{width:59%;}
.col-55{width:54%;}
.col-50{width:49%;}
.col-45{width:44%;}
.col-40{width:39%;}
.col-30{width:29%;}
.col-20{width:19%;}
.col-10{width:9%;}

  
/*MODULES*/
.module{padding:0 0 10px 0; margin:0 0 0 0; }
.module h2{margin:0; font-weight:bold; padding:5px 0 0 0;}
.module h3{margin:0 0 10px 0;}
.module-top{margin:0; padding:0;}
.tl{float:left; font-size:0;}
.tr{float:right; font-size:0;}
.module-bottom{ margin: 0; padding:0; min-height:1%;}
.bl{margin:0; padding:0; float:left; font-size:0;}
.br{margin:0; padding:0; float:right; font-size:0;}
.module-content{ margin:0; overflow:hidden;}
.module-content .entry{margin:0;}
.module-content .alt-entry{margin:0;}
.module-content a{}
.module-content p{padding: 2px 0 10px 0; margin:0 !important;overflow:hidden;}
.module-content p strong{display:block;}
.module-content h6{display:block; margin:0; padding:0;}
.module-content ul{list-style:none; margin: 0; padding:0; width:95%;}
.module-content ul li{margin:0; padding:0; font-size:12px;}
.module-content ul li.here{padding-top:2px;}

/*ERRORS*/
#error404,#error500{width:400px; border:1px solid #ccc; padding:10px; margin: 100px auto; background:#fff;}
#error404 img, #error500 img{margin: 5px 0 15px 0; }

/*FORMS*/
form{margin:0; padding:0;}
p label{display:block; width:95px !important; float:left; font-size:77%; font-weight:bold; color:#666;}
fieldset{border:1px solid #ccc; padding:10px !important; margin:0 0 20px 0;}
fieldset p{margin:0 0 10px 0; width:100%; float:none; text-align:left;}
 fieldset .form-data{width:60%; float:left;}
  fieldset .notes{margin-top:0 !important;}
legend{font-weight:bold;}
.rb-row input{margin-right:10px;}
.twocol-textarea{width:300px !important; padding:5px; height:200px;}


/*NOTES*/
.note{font-size: 10px;}
.notes { float: right; width: 225px; height: auto; margin: 0 0 10px 0 !important; padding: 5px; border: 1px solid #666666;background-color: #ffffe1; color: #666666;}
.notes h4 { background-image: url(img/info.gif); background-repeat: no-repeat; font-weight:bold; background-position: top left; padding: 0 0 3px 27px; border-bottom: 1px solid #666; font-size: 110%; margin:0 !important;}	form fieldset div.notes p { margin: 0 0 1.2em 0em; color: #666666; }
.notes p{margin:5px 0 5px 0 !important;}
.notes p.last { margin: 0em;}

/*TIPS*/
.hint {border: 1px solid #c93;  background-color: #ffc;}


/*STATS*/
.f-stats {padding:10px; margin:15px 0 15px 0; background:lightyellow;  border:1px solid #ccc;}
.f-stats h4{font-weight:bold; margin:0 0 10px 0;}
.f-stats p{margin:0; padding:0; font-size: 11px;}

/*PROFILES*/
#p-content-a{width:500px; float:left;}
#p-content-b{width:385px; float:right;}
.profile-gallery{float:left;}
.profile-contact{float:right; width:220px;}
.profile-posts{width:242px !important;float:left;}
.profile-buddies{width:242px !important; float:right;}
.author-of{background:#336600; width:90px;  display:block; float:left;text-align:right; padding:2px 5px 2px 0; margin-right:5px; color:#fff; text-transform:uppercase; font-weight:bold; font-size:10px;}
.comment-on{background:#000066; width:90px;  display:block; float:left;text-align:right; padding:2px 5px 2px 0 ; margin-right:5px; color:#fff; text-transform:uppercase; font-weight:bold; font-size:10px;}
/*EVENTS*/
.event-header{height:50px;}
.event-header .daily-calendar{float:left; margin:0 15px 0 0;}
.event-header h1{float:left;}
.event-header .button-container{float:right;}
.event-body #event-extras{float:right; margin:0 0 10px 10px !important; padding: 0 0 0 10px; background:#fff; border:none !important;}
.event-body h2{padding:3px; background:#efefef;}
.rsvp-link{margin-top:10px;  }
.rsvp-link a{color:#fff; background:#000; padding:5px; font-size:11px; font-weight:bold; }
#rsvp_form textarea{width:200px !important; padding:5px; height:30px;}
#rsvp_form label{width:75px;}
#attendee-header h2{}
#attendee-header .rsvp-link{margin-top:15px;}
#guest-list{background:#ffffcc; padding:10px; border: 1px solid #ffcc00; margin-top:10px;}
#events-sidebar img{margin-bottom:10px;}
#rsvp-link{font-size:10px; margin-left:20px; padding: 0 0 5px 20px;}
#rsvp_form{font-weight:bold;}
#rsvp_form textarea{margin-top:0 !important;}
#rsvp_form input,#rsvp_form textarea {font-weight:normal; font-size:10px;}
/*ARTICLES*/
.article-header{height:60px;}
.article-header .article-details{float:left; font-weight:bold; color:#666;}
.article-header .article-details h1{margin:0 !important;}
.article-creator, .article-created{font-size:77%;}
.article-header .button-container{float:right;}

/*FORUMS*/

.post-header{height:35px; background:#efefef; margin:15px 0 5px 0;}
.post-header img{border: none;}
.post-header a{font-size:77%;}
.posttime{font-size:60%; color:#333;}
.ph-col-a{width:500px;padding: 3px 5px 5px 5px; float:left;}
.ph-col-a img{margin: 0 5px 0 0; float:left;}
.ph-col-a a{font-weight:bold;}
.ph-col-b{width:65px; float:right; padding: 5px 5px 0 5px; text-align:right;}
.ph-col-b img{margin: 0 0 0 5px; float:right;}
.response-box{margin: 30px 0 0 0;}
.response-box-2{background:  #efefef; padding:10px; border:1px solid #ccc;}
.response-box-2 textarea{ margin:0 10px 10px 0;}

/*FORUMS ADMIN*/
#discussion-list{}
.discussiontitle{width:53%;}
.discussioncount{width:23%;}
.postcount{width:10%;}
.discussioncount a, .postcount a{color: #333; text-transform:uppercase;font-size:10px}
.discussiontitle a {font-size: 14px; font-weight:bold;}
.actionbuttons{width:7%; text-align:right;}
.actionbuttons a{display:block; float:left;}
.actionbuttons a img{float:left;}
.forums .entry ul, .forums .alt-entry ul{margin:0; padding:0; list-style: none; height:25px;}
.forums .entry ul li, .forums .alt-entry ul li{ float:left;}
.forums .entry img, .forums .alt-entry img{border:none;}


/*PAGINATION */
.pagination{ padding: 2px; margin: 0 0 10px 0; }
.pagination ul{ margin: 5px 0 0 0; padding: 0; text-align: left;}
.pagination li{ list-style-type: none; display: inline; padding-bottom: 1px; font-size: 12px !important;}
.pagination a, .pagination a:visited{ padding: 0 5px;  border: 1px solid #ccc; text-decoration: none;}
.pagination a:hover, .pagination a:active{color: #000; background-color:#efefef; }
.pagination li.currentpage{padding: 0 5px; border: 1px solid #ccc; background-color:#efefef; color: #333; *margin-right:3px; _margin-right:5px; }
.pagination li.disablepage{ padding: 0 5px; border: 1px solid #ccc; margin-right:5px; margin-right:5px;}
.pagination li.nextpage{}
* html .pagination li.currentpage{ margin-right: 5px; padding-right: 0; } /* IE6 fix */  
* html .pagination li.disablepage{ margin-right: 5px; padding-right: 0; } /* IE6 fix */


/* SYSTEM MESSAGE STYLES */
.notice, #notice{padding: 13px 10px 13px 40px;  margin: 0 0 15px 0; font-size: 13px; font-weight: bold; background: #fffcd6 url('/images/notice.gif'); background-repeat:no-repeat; background-position:center left; }
.success, #success{display:block; padding: 13px 10px 13px 38px;  margin: 0 0 15px 0; color: #33CC33; font-size: 13px; font-weight: bold; background-image: url(/images/greencheck.gif); background-repeat: no-repeat; background-position:10px 13px; background-color: #E2F9E3;}

/* ERROR MESSAGE STYLES */
#errorExplanation {background-color: #FFE2E3;  color: #FF0000; font-size: 11px; padding: 5px 5px 12px 10px; margin: 10px 0 10px 0; border: 1px solid red; }
#errorExplanation h2 {text-decoration: underline;  text-align: left; font-weight: bold; padding: 0; font-size: 12px;  color: #FF0000; margin-bottom: 3px !important;}
#errorExplanation p { color: #FF0000; margin: 0 !important; padding: 0 0 0 0 !important;}
#errorExplanation ul{margin: 0 0 0 0 !important; padding: 0 0 0 0;}
#errorExplanation ul li {font-size: 11px; font-weight: bold;  margin: 5px 0 0 20px; padding: 0 0 2px 3px !important;height: 15px;}
.fieldWithErrors {margin: 0 !important; padding: 0 !important;}
.fieldWithErrors input {border: 1px solid red; padding: 0 !important; margin: 0 !important;}
.status-error{margin: 10px 10px 0 10px; padding: 5px;height: 15px; background: #FFD9D0;font-size: 12px;background-repeat: no-repeat;}
.status-error h1{font-size: 10px;}
.error{clear: both;font-size: 10px;color: red;width: 150px;}

/* WELCOME */
#welcome-content{width:640px; height:230px; padding:0 0 10px 0; }
#welcome-splash{height: 250px; margin: 0 0 15px 0;}
#welcome-links{width: 200px; float:right;}
#welcome-links ul{margin: 0; padding: 0; list-style: none;}
#welcome-links ul li{margin: 0; padding: 7px; border-bottom: 1px solid #ccc;}

/* LOGIN/SIGNUP */
.signup-col-a{width:70%; float:left;}
.two-col-a #login-panel, .signup-col-a #login-panel{ padding: 10px; border: 1px solid #ccc; margin: 0 0 0 0 !important; background: #e9e8e9 url('/images/lightpanelbg.gif') top left repeat-x;}
.two-col-b #login-panel{width: 250px; height:240px; padding: 10px; border: 0; padding:0 !important;  margin: 0 0 0 0 !important;}
.secondary-login{ margin:0 !important; padding:0 !important; }
.secondary-login #login-panel{float:left; width:595px !important; margin:0 !important;}
#login-panel a{font-size: 11px;}
#p-signup {padding:10px 0 0 0;}
#p-signup label{float:left; width: 120px; }
#login-panel .login-note{font-size: 11px; line-height: 15px;}
#login-note{margin:0 !important;}
#login-panel hr{ border: none; border-top: 1px solid #ccc;}
.signup-content{width:600px;}
#help-box{width: 200px; padding: 0; margin: 0;}
#help-box p{margin-top: 0 !important;}
#userlist{margin: 10px 0 0 0 !important ; padding: 10px; width: 600px; border: 2px solid #ccc; background: #e9e8e9 url('/images/lightpanelbg.gif') top left repeat-x; }
#userlist ul{list-style: none; margin: 10px 0 0 0; padding: 0; font-size: 12px; color:#333;}


/*INDEX*/
#i-content-a{width:310px; margin:0 15px 0 0; float:left;}
#i-content-b{width:340px; margin:0 15px 0 0; float:left; }
#i-content-b .gallery-container{float:left !important; }
#i-content-c{width:220px; margin:0 0 0 0; float:right;}
.three-col-a{float:left; width:37%;}
.three-col-a .sub-content{padding-right:0 !important;}
  .news-item{margin: 0 0 15px 0;}
    .news-item p{margin:3px 0 0 0 !important; padding:0 !important;}
  .news-title a{font-size:12px; font-weight:bold; margin:0; padding:0;}
  .news-time{font-size:11px; margin:2px 0 0 0; padding:0; font-weight:bold; color:#555;}
  #post-list{margin:0; padding:0; list-style-type:none; border: 1px solid #ccc; border-top:none;}
  #post-list li{padding: 5px 7px 8px 5px;}
  #post-list .alt-entry{background:#efefef;}
  #post-list li img{float:left; margin: 4px 10px 3px 0;}
  #post-list a{font-size:11px; display:block; line-height:14px;} 
.three-col-b{float:left; width:42%;}
.three-col-c .sub-content{padding-left:0 !important;}
  #index-gallery { padding:22px; height:380px; border:1px solid #ccc; background:#000; margin-bottom:15px; }
#thumb-nav { text-align:left; margin:0 auto; }
  #index-calendar{margin:20px 0 0 0; border-left:1px solid #F3FAFE;}
    #eventcal-container{border:1px solid #ccc;}
    #eventcal-container p{font-size:12px; line-height:15px;}
    .index-calcontent{padding:5px;}
    #cal-location{font-size:12px; font-weight:bold; padding:5px 0 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin:10px 0 0 0;}
    #event-summary {float: left;}
    #event-calendar {float: right;}
    .slideInfoZone{display:none;}
.three-col-c{float:right; width:20%;}

#user-actions{margin:20px 0 0 0;}
#user-actions a{display:block;}

/*article styles */
.tiny_mce{width:520px;}


/*GALLERY STYLES */
.jdGallery{background:#efefef;}
#available-images{margin: 0; padding:0;}
#available-images li{margin-right:5px !important;}
#gallery-images-list li{border:1px solid #ccc; padding:5px; margin-right:5px;}

/*PUBLIC*/
.gallery-container{width:310px; float:right; border:3px solid #ccc;}
.image-display{background:#444; height:250px;}
.image-nav{margin: 5px 5px 5px 0 !important; padding:0 !important; list-style:none; height: 30px; width:95%;}
.image-nav li{float:left; background:#fff; height: 30px; width:30px; margin: 0 5px 0 0;  border: 1px solid #ccc;}
.subpage-gallery{width:317px; float:right; margin: 0 0 0 10px;}


 /*TAB NAV STYLES*/
.tab-nav{list-style:none; margin:10px 0 0 0; padding:0; width:100%; height:26px;}
.tab-nav li{float:left;}
.tab-nav li a{display:block; padding:5px; background:#efefef; border:1px solid #ccc;margin: 0 5px 0 0;}
.tab-nav li a:hover{background:#fff;}

/*THUMB STYLES*/
.gallery-thumb{padding: 5px; border:1px solid #ccc; width: 52px; height: 52px; margin: 0 10px 10px 0; background:#000;}
.photo-thumb{padding:5px; border:1px solid #ccc; width:52px; height:52px; margin:0 10px 10px 0; background:#fff;}
.photo-thumb img, .gallery-thumb img{border:1px solid #ccc;}
.file-thumb{padding:5px; border:1px solid #ccc; width:52px; height:52px; margin:0 10px 10px 0; background:#fff;}

/*CLEARING*/
.cleared{clear:both !important; margin: 0 !important; padding: 0 !important; height: 1px !important;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.instructions{font-family:verdana,arial,helvetica,sans-serif; background:#ffffcc; padding:5px; font-size:11px;}

.posttime{font-size:77%;}
.forum-description{display:block; width:600px !important; margin-top:10px;}
.title-field{width:600px; font-size:123.1% !important; font-weight:bold; padding:5px;}
.long-field {width:600px; padding:5px;}
.message-body, .event-desc-body{font-size:108%; padding:5px; }
.tiny_mce{width:580px;}
.control-panel{margin-top:10px !important;}
.auto-select{font-size:80%;}

/*ARTICLES*/
.article-header{margin-bottom:15px;}
#article_body, .mce_editor_0_parent {clear:both !important; float:none !important;}
.mceEditorContainer{background:#fff;}
.mceEditor{background:#fff; clear:both;}
#article-body img{border:1px solid #ccc; float:right; margin-bottom:10px;}
#article-body p{line-height:1.5em;}

/*GRAPHS*/
.graph {width: 200px; border: 1px solid #B1D632; background:#fff; padding: 2px; margin-bottom:10px; }
fieldset div.graph{float:left; }
.graph .bar {background: #B1D632; text-align: center; font-weight:bold; color: #333; height: 1.5em; line-height: 1.5em; }

/*DONATIONS*/
.checkbox-row {text-align:left;}
.checkbox-row input{width:18px;}
#campaign-image{float:left; margin:5px 15px 0 0; border:1px solid #ccc; padding:5px; background:#fff;}
.tiny_mce{background:#fff !important; border:1px solid #fff; font-size:110% !important;}
.mceContentBody{background:#fff !important; font-size:120% !important;}
 #campaign_description{background:#fff; border:1px solid #fff;}
#mce_editor_0{background:#fff !important;  font-size:100%;}
.mceEditorIframe{background:#fff !important; font-size:100%;}
.mceEditorContainer{padding: 0; margin: 0}
.mceEditor{background:#fff; border:1px solid #ccc; background:#fff !important;}
#mce_editor_0_parent{}
fieldset textarea{background:#fff;}
#marketing-container{background:#fff;}
#performance{padding:10px 0 10px 0;}
#performance label{display:block; margin:10px 0 10px 0;}
.submit-row{text-align:right;}
.underlined{display:block; border-bottom:1px solid #ccc; padding-bottom:5px;margin:0 0 10px 0;}

/*FORM HINTS*/
form p {position:relative;}

.hint {
  display:none;
  position: absolute;
  right: -150px;
  width: 150px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 5px 7px;
  background-color: #ffc;
  z-index:1000;
}