/* generic content styles */
h1 { line-height: 36px; color: #1C7410; }
h2 { margin: 0 0 0 0; font-size: 1.2em; color: #1C7410; margin: 0 0 5px 0; }
h3, h4 { font-size: 1em; margin: 0; padding: 0; font-weight: normal; }
p { line-height: 24px; margin: 0 0 12px 0; }
a { color: #204CAF; text-decoration: none; }
a:hover { text-decoration: underline; }
textarea { font-family: Arial; font-size: 0.9em; }
img { border: 0; }


/* structural */
body { margin: 0; padding: 0; text-align: center; font-family: Arial, sans-serif; background: #277EC1; font-size: 0.95em; }
#user-controls { width: 740px; margin: 10px auto 0; text-align: right; font-weight: bold; font-size: 0.8em; color: #D2DEF4; }
#user-controls a { text-decoration: none; color: #D2DEF4; }
#container { width: 770px; margin: 0 auto 20px; text-align: left; background: #FFFFFF url('images/body/mid.gif') repeat-y; }
#container-i { background: url('images/body/top.gif') no-repeat; }
#container-i2 { padding: 25px; background: url('images/body/bot.gif') left bottom no-repeat; }
#header { background: url('images/logo.jpg') left center no-repeat; padding: 10px 0 10px 85px; margin: 0; }
#header h1 { font-size: 1.9em; margin: 0; }
#header h2 { font-size: 0.85em; margin: 0; color: #444444; line-height: 24px; }
#tabs { list-style: none; padding: 0; margin: 15px 0 10px; height: 25px; background: url('images/tabs/bg.gif') repeat-x; }
#tabs li { margin: 0 2px 0 0; line-height: 25px; float: left; background: url('images/tabs/inactive-left.gif') top left no-repeat; }
#tabs li.sel { background-image: url('images/tabs/active-left.gif'); }
#tabs li a { padding: 3px 10px 0; line-height: 22px; font-weight: bold; text-decoration: none; background: url('images/tabs/inactive-right.gif') top right no-repeat; display: block; }
#tabs li.sel a { background-image: url('images/tabs/active-right.gif'); }

/* columns */
.col-narrow { width: 155px; }
.col-wide { width: 550px; }
.col-narrow2 { width: 170px; background: url('images/misc/fade-leftgray-rightwhite.jpg') top left repeat-y; margin: -10px 0 0; }
.col-narrow2 .i1 { padding: 10px 0 0 10px; }
.col-narrow2 .end { height: 50px; width: 170px; background: url('images/misc/fade-leftgray-rightwhite-d.jpg') top left no-repeat; }
.col-wide2 { width: 535px; }
.col-left { float: left; }
.col-right { float: right; }

/* messages */
.info, .error { font-weight: bold; font-style: italic; font-size: 0.9em; margin: 5px 0 10px;  padding: 5px 0; background: #B6C0C2; border: 1px solid; border-left: none; border-right: none; text-align: center;}
.info { background: #FBFCC1; border-color: #DADBA7 #AFAF86 #AFAF86 #DADBA7; }
.error { background: #FEC3C3; border-color: #ECB4B4 #D49797 #D49797 #ECB4B4; }

/* dialog boxes */
.dialog { margin: 50px 100px; text-align: center; }
.dialog h3 { font-weight: bold; font-size: 1.5em; margin: 0 0 20px 0; }
.dialog p { font-size: 1.2em; line-height: 1.3em;}

/* forms */
.form-title { margin: 30px 0 0 90px; padding: 0 0 10px 150px; font-size: 1.4em; font-weight: bold; }
.form-title span { font-size: 0.8em; color: #666666; }
.form-title span a { color: #666666; }
.form { margin: 10px 0 20px 90px; padding: 0; border-collapse: collapse;}
.form-thin { margin-left: 140px; }
.form-wide { margin-left: 50px; }
.form td { vertical-align: top; padding: 0 0 20px 0; text-align: left; }
.form .subtitle { font-size: 1em; font-weight: bold; padding: 20px 0 10px 0; }
.form .label { width: 150px; font-size: 0.8em; font-weight: bold; }
.form label { display: block; text-align: right; padding: 0 10px 0 0; }
.form .input { width: 400px; }
.form input { width: 175px; }
.form input.lg { width: 300px; }
.form textarea.sm { width: 300px; height: 60px; }
.form textarea.med { width: 300px; height: 100px; }
.form textarea.lg { width: 400px; height: 180px; }
.form .description { color: #666666; font-size: 0.8em; font-style: italic; }
.form .submit { width: auto; padding: 2px; font-size: 0.95em; }
.form span.submit-alternates { padding: 20px 0 0 0; font-size: 0.8em; display: block; }
.form span.submit-alternates a { text-decoration: none; }



/**** home page */
.childs-drawing { float: right; width: 250px; border: 1px solid #999999; margin: 10px 10px 10px 15px; }
.featured { width: 340px; background: #F7F7F7; border: 1px solid #AAAAAA; margin: 10px 0 0; }
.featured-left { float: left; margin-left: 5px; }
.featured-right { float: right;  margin-right: 5px; }
.featured h4 { margin: 1px; background: #DDDDDD; padding: 5px; font-weight: bold; }
.featured ul { list-style: none; margin: 0; padding: 5px; }
.featured li { margin: 0 0 15px 0; }
.featured li h3 { font-weight: bold; }
.featured li div { margin: 2px 0; font-size: 0.8em; color: #555555; }
.featured li span { display: block; color: #666666; font-size: 1em; font-size: 0.8em; }
.featured li span img { width: 12px; height: 12px; }
.featured .all { float: right; font-weight: bold; margin: 5px; }


/**** about page */
.docs { width: 300px; background: #F7F7F7; border: 1px solid #AAAAAA; margin: 10px 10px; float: right; }
.docs h4 { margin: 1px; background: #EEEEEE; padding: 5px; font-weight: bold; font-variant: small-caps; color: #333333; font-size: 0.9em; }
.docs ul { list-style: square; margin: 0 0 12px 0; padding: 0 0 0 24px; }
.docs li { line-height: 24px; }
.funders { text-align: center; margin: 0 0 5px; }
.funders img { margin: 0 auto; }
.funders-caption { color: #666666; font-style: italic; font-size: 0.7em; text-align: center; margin: 0 100px 12px 100px; }


/**** topic list page */
.forum-back { float: right; font-size: 1.1em; font-weight: bold; }
.forum-new-button { background: url('/images/new-button.jpg'); width: 110px; height: 35px; margin: 20px 0 20px 0; }
.forum-new-button a { line-height: 25px; padding: 5px; text-align: center; font-weight: bold; display: block; color: #FFFFFF; }
.topic-header { font-weight: bold; font-size: 1.5em; margin: 0 0 15px 0; color: #0F5405; }
.topics-header { font-style: italic; margin: 0 0 10px 0; }
/*
.topics { border: 1px solid #666666; border-bottom: none; border-collapse: collapse; border-left: none; border-right: none; }
.topic { padding: 5px; border-bottom: 1px solid #666666; }
.topic h3 { font-size: 1.4em; margin: 0 0 3px 0; font-weight: bold; }
.topic h3 a { color: #135F08; }
.topic div { color: #555555; font-size: 0.8em; line-height: 1.2em; margin: 0 0 3px 0; }
.topic span { margin: 0; color: #666666; font-size: 1em; font-size: 0.8em;  }
.topic span a { text-decoration: none; }
.topic span img { width: 12px; height: 12px; }
*/
table.topics .title { width: 80%; }
table.topics .title a { color: #1A439E; }
table.topics .last-reply { width: 20%; vertical-align: top; }


/**** thread list page */
.strategy-new-button { background: url('/images/button-wide.jpg'); width: 145px; height: 35px; font-size: 0.9em; margin: 0 0 0 -2px; }
.strategy-new-button a { line-height: 25px; padding: 5px; text-align: center; font-weight: bold; display: block; color: #FFFFFF; }
.thread-subheader { font-size: 0.9em; color: #666666; margin: 2px 0 15px 0; font-style: italic; }
.thread-header { font-weight: bold; font-size: 1.5em; color: #0F5405; }
.thread-list { clear: both; border: 1px solid #666666; border-collapse: collapse; width: 100%; }
.thread-list th, .thread-list td { padding: 5px; vertical-align: center; border: 1px solid #666666; }
.thread-list th { background: #AAAAAA; color: white; font-size: 0.7em; font-weight: bold; text-align: center; padding: 2px 5px; }
.thread-list th.title { text-align: left; }
.thread-list td.last-reply { font-size: 0.8em; text-align: right; background: #F2F2F2;}
.thread-list .title { width: 70%; }
.thread-list .last-reply { width: 20%; }
.thread-list .last-reply span { color: #666666; }
.thread-list .last-reply a { color: #000000; }
.thread-list .replies { width: 10%; text-align: center; }
.thread-list .title a { font-weight: bold; text-decoration: underline; }
.thread-list .title div { color: #666666; font-size: 0.8em; margin: 2px 0 0 0; }
.thread-list .none { text-align: center; font-weight: bold; padding: 10px 0; }


/**** post list page */
.new-post { float: left; background: #EEEEEE; border: 1px solid #DDDDDD; }
.new-post a { padding: 5px; }
.post { margin: 0 0 30px; border: 1px solid #666666; clear: both; width: 100%; border-collapse: collapse; font-size: 0.9em; }
.post-last { margin-bottom: 0; }
.post .date-time { background: #0D5E9D; color: #FFFFFF; font-size: 0.8em; padding: 2px; font-weight: bold; }
.post .user { background: #EEEEEE; border-right: 1px solid #AAAAAA; width: 150px; vertical-align: top; }
.post .user div { font-weight: bold; margin: 5px; }
.post .user span { color: #666666; }
.post .body { width: 548px; }
.post .body .i1 { padding: 5px; }


/**** strategy list page */
.filter { margin: 10px 0 30px 0; background: url('images/misc/vine.gif') right top repeat-y;}
.filter h3 { font-size: 0.7em; font-weight: bold; color: #666666; padding: 0 0 4px 0; text-transform: uppercase; background: url('images/misc/filter-sep.gif') bottom left no-repeat;}
.filter ul { list-style: none; padding: 0; margin: 0; }
.filter li { background: url('images/misc/filter-sep.gif') bottom left no-repeat; }
.filter a { padding: 4px 2px 4px 3px; display: block; font-size: 0.8em; text-decoration: none; line-height: 15px; }
.filter a:hover { text-decoration: underline; }
.filter .sel { background-image: url('images/misc/filter-sep-sel.gif'); }
.filter .sel a { background: url('images/misc/daisy-small.gif') right center no-repeat; padding-right: 18px; font-weight: bold; }

.strategy { margin: 5px 5px 35px 0; }
.strategy a { color: #135F08; }
 .rating { font-size: 1.1em; color: #666666; background: url('images/misc/star-big.gif'); margin: 0 0 5px 5px; width: 40px; line-height: 40px; font-weight: bold; text-align: center; }
.strategy .rating { float: right; }
.strategy h3 { font-size: 1.4em; margin: 0 0 3px 0; font-weight: bold; }
.strategy p { color: #555555; font-size: 0.9em; line-height: 1.2em; margin: 0 0 3px 0; }
.strategy p a { background: #666666; color: #FFFFFF; padding: 0 1px; text-decoration: none; }
.strategy .input { margin: 0; color: #666666; line-height: 20px; font-size: 1em; font-size: 0.8em;  }
.strategy .input a { text-decoration: none; }
.strategy .input img { width: 12px; height: 12px; }
.strategy .input span { padding-left: 10px; }

.pager { color: #666666; font-size: 0.8em; line-height: 25px; float: right; margin: 10px 5px;}
.pager a { color: #1C7410; }
.pager span { padding: 2px; font-weight: bold; font-size: 1.3em; }
.pager .sel a { background: #1C7410; color: #FFFFFF; padding: 2px 5px; }


/**** strategy view page */
.strategy-fields { padding: 0 0 0 0; }
.strategy-fields h1 { color: #1C7410; margin: 0 0 15px 0; font-size: 1.7em; line-height: 1.2em;}
.strategy-fields span, .strategy-fields legend { font-size: 0.8em; color: #666666; font-weight: bold; }
.strategy-fields p { margin: 0 0 15px 0; }
.strategy-fields p.last { margin: 0; }
.strategy-fields fieldset { margin: 0 0 15px 0; padding: 10px; }
.strategy-fields .submitted { font-style: italic; }

.contribute-actions { float: right; }
.contribute-actions span { display: block; }
.contribute-actions img { width: 12px; height: 12px; border: 0; }
.contribute-actions .comments { color: #666666; display: block; margin: 5px 0 0 0; font-size: 0.8em; text-decoration: none; }
.admin-controls { margin: 5px 0 0 10px; background: #F7F7F7; border: 1px solid #AAAAAA; text-align: center; float: right; clear: right; font-size: 0.8em; }
.admin-controls div { margin: 1px; background: #DDDDDD; padding: 3px; font-weight: bold; }
.admin-controls a { padding: 5px; font-weight: bold; }

.comments-header { border-top: 1px solid #666666; margin: 40px 0 10px; padding: 5px 0 0 0; font-weight: bold; color: #1C7410; }
.comment { background: #FBFCC1; border: 1px solid; border-color: #DADBA7 #AFAF86 #AFAF86 #DADBA7; margin: 0 0 15px 0; padding: 8px; }
.comment h3 { font-style: italic; font-size: 0.8em; color: #666666; margin: 0 0 5px 0; }
.comment-unauthenticated div { text-align: center; font-weight: bold; font-size: 1em; padding: 10px 0; }
.comment-new textarea { width: 510px; height: 80px; margin: 0 0 10px 0; }
.comment-new .submit { float: right; }
.admin-delete { float: right; font-weight: bold; font-size: 0.9em; }

.back { margin: 0 0 20px 0; font-weight: bold; }
.back a { text-decoration: none; }

.links { margin: 0 0 20px 0; }
.links h3 { font-size: 0.8em; font-weight: bold; color: #666666; margin: 0 0 5px 0; }
.links ul { margin: 0; padding: 0 0 0 15px; list-style: square; font-size: 0.8em; }
.links li { padding: 0 0 5px 0; }


/**** settings page */
.admins { list-style: square; margin: 0; padding: 0 0 0 15px; font-style: italic; }


/* hacks */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */