/*
	TODO: separate out colours using an ERb template
*/

/*
	TODO: separate out stylesheets where possible
*/

/*
=====================
BIG BAD RESET OF DOOM
=====================
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
  margin: 0;
  padding: 0;
} 

/*
=========================
i can has vertical rhythm
=========================
Props to Geoffrey Grosenbach: http://topfunky.com/baseline-rhythm-calculator/
Settings:
  1. Set the font-family to Trebuchet MS
  2. Set the base font size to 12.8px
  3. Set the base line height to 19.2px
*/

/* Calculator output */
body {
	font-size: 12.8px;
	line-height: 1.4999999999999998em;
	margin: 0; padding: 0
}
h1 {
	margin: 0;
	font-size: 1.625em;
	line-height: 0.923076923076923em;
	margin-bottom: 0.923076923076923em;
}
h2 {
	margin: 0;
	font-size: 1.46875em;
	line-height: 1.0212765957446808em;
	margin-bottom: 1.0212765957446808em;
}
h3 {
	margin: 0;
	font-size: 1.3125em;
	line-height: 1.1428571428571428em;
	margin-bottom: 1.1428571428571428em;
}
h4 {
	margin: 0;
	font-size: 1.15625em;
	line-height: 1.2972972972972971em;
	margin-bottom: 1.2972972972972971em;
}
p, ul, ol, blockquote, pre, td, th {
	margin: 0;
	font-size: 1em;
	line-height: 1.4999999999999998em;
	margin-bottom: 1.4999999999999998em;
}
p.small {
	margin: 0;
	font-size: 0.84375em;
	line-height: 1.7777777777777777em;
	margin-bottom: 1.7777777777777777em;
}
p.big {
	margin: 0;
	font-size: 1.15625em;
	line-height: 1.2972972972972971em;
	margin-bottom: 1.2972972972972971em;
}
table {
	border-collapse: collapse;
}
th, td {
  padding-left: 10px;
  padding-right: 10px;
  border: thin rgb(255,178,127) solid;
}

/* For IE */
body {
  font-size: 80%
}

* {
  /* For info about font families, see http://www.upsdell.com/BrowserNews/res_fonts.htm */
  font-family: "Trebuchet MS", Helvetica, sans-serif;
}

div.flash {
  margin-bottom: 15px;
  padding: 5px;
  
  border-width: 3px;
  border-style: solid;
  
  clear: both;
  
  /* Copied from calculated result for h4 */
  font-size: 1.15625em;
} 
div.notice {
  border-color: rgb(23,104,175);
}
div.error {
  border-color: rgb(255,140,63);
}
div.flash .content {
  margin-right: 40px;
}
div.flash .cross {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor:pointer;
}

div.new_marker {
  margin-top: 3px;
}

.new_marker .content {
  background-color: #FFFE90;
  border: 2px solid #FFC39F;

  padding: 2px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

/*
===========
SUPERSCRIPT
===========
*/
span.superscript {
  font-size: 50%;
  line-height: 150%;
  vertical-align: top;
}

/*
======
LAYOUT
======
*/
/* 
  The width is setup for 1024x768 resolutions; minus 40 pixels to account for usual window borders, etc.  
*/

div.body {
  width: 934px;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
}

/* 
  Centres the element in its parent
*/
.centre_element {
  margin: auto;
} 

#masthead {
  margin-bottom: 0.5em;
  font-size: 1.15625em;
}

#application_nav {
  padding: 0;
  margin-bottom: 0;
  
  /* Give the div an appropriate size as all it will contain is floated content. */
  /* See "Fixing containing boxes" in http://www.mattryall.net/blog/2008/09/css-layout-fundamentals-floats */
  overflow: auto;
}

/*
  TODO: sort out the centering of the main container; it probably will not work in IE6
*/
#outer_container {
  margin-bottom: 15px;
  
  margin-left: 40px;
  
  width: 872px;
}

#inner_container {
  margin-top: 0;
  margin-bottom: 15px;
  clear: both;
}

#page_content {
  margin-bottom: 15px;
  padding: 0;
  margin-right: 212px;

  border-width: 3px;
  border-style: solid;
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#right_col {
  width: 200px;
  float: right;
}



/*
===================
DEFAULT APPEARANCES
===================
*/

/* Remove the border from images which are links */
a img {
  border-width: 0;
}

/* Make links look pretty */
a {
  color: rgb(23, 104, 175);
}
a:link, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}

ul, ol {
  padding-left: 3em;
}


/*
=============
COMMON STYLES
=============
*/

ul.flat, ol.flat {
  padding: 0;
  margin: 0;
  list-style: none;
  margin-bottom: 1.5em;
}

ul.flat > li, ol.flat > li {
  overflow: hidden;

  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;

  border-bottom: 1px rgb(255,178,127) solid;
}

ul.flat > li:first-child, ol.flat > li:first-child {
  border-top: 1px rgb(255,178,127) solid;
}

ul.flat li:hover, ol.flat li:hover {
  background: rgb(240,240,240);
}


.wide {
  width: 99%; /* 100% triggers "big blank space" bug in IE6 */
}


table.layout td, table.layout th {
  border: 0;
  padding: 0;
}


table.form_fields td {
  border: none;
  vertical-align: top;
}

table.form_fields {
  margin-bottom: 1.5em;
}

.fake-link {
  color: rgb(23, 104, 175);
}


/* div that can hold an image via background-image */
.image-container {
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
}


.pagination {
  text-align: center;
  font-weight: bold;
}
.pagination_info {
  text-align: center;
}


/*Thanks to http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/*/
ul.cb-inline-block {
  list-style: none;
}

ul.cb-inline-block li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  *display: inline;
}


/*
==========
TOP BANNER
==========
*/
div.top_banner {
  border-bottom: 3px black solid;
  padding: 5px;
  margin-bottom: 0.5em;
  text-align:center;
}


/*
========
USER BAR
========
*/

#user-bar {
  font-weight: bold;
}

#user-bar td {
  border: none;
}

.user-bar-element {
  margin-bottom: 0.25em;
}

#user-bar-greeting {
  clear: both;
  text-align: center;
  height: 1.5em;
}

#user-bar-greeting .icon {
  margin-right: 0.25em;
}

#user-bar-decoration {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

img.user_bar, .image-container.user_bar {
  width: 74px;
  height: 74px;
}

#user-bar-avatar-container {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid lightGrey;
}

#user-bar-avatar-container a {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}

#user-bar-avatar.nonymous {
  float: left;
  width: 0;
}

#user-bar-avatar.anonymous {
  text-align: center;
}

#user-bar .avatar {
  border: none;
}

#user-bar .icon {
  vertical-align: middle;
}

#user-bar-stats {
  float: right;
}

#user-bar-stats td {
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

#user-bar-stats .icon {
  text-align: center;
}

#user-bar-action {
  clear: both;
  text-align: center;
}

#user-notification-indicator {
  padding: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#user-notification-indicator a:hover {
  text-decoration: none;
}

#user-notification-indicator .icon {
  padding-left: 2px;
  padding-right: 2px;
}

#user-notification-indicator.some-notifications {
  background: rgb(23, 104, 175);
}

#user-notification-indicator.some-notifications a {
  color: white;
}


/*
======================
APPLICATION NAVIGATION
======================
*/
div.app_nav_box {
  height: 25.8px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 3px;
  padding-bottom: 0;
 
  margin-left: 15px;
  text-align: center;
  font-weight: bold;
  color: white;
  float: left;
  /* work around IE6 double margin bug - no effect in other browsers */
  display: inline;
  
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

div.app_nav_small {
  font-size: 60%;
  line-height: 60%;
  width: 50px;
}

div.app_nav_rightmost {
  float: right;
  width: 212px;
}

div.app_nav_right {
  float: right;
  margin-left: 0;
  margin-right: 15px;
}

div.app_nav_selected, div.app_nav_unselected:hover {
  background: rgb(255,140,63);
}

div.app_nav_unselected {
  background: rgb(23,104,175);
}

div.app_nav_box a {
  color: white;
  text-decoration: none;
}

.app_nav_box_label {
  margin-bottom: 0;
  margin-top: 3px;
  display: inline;
}

div.page_content_selected {
  border-color: rgb(255,140,63);
}

div.page_content_unselected {
  border-color: rgb(23,104,175);
}

/*
======================
RIGHT HAND SIDE COLUMN
======================
*/
div.right_col_box {
  margin-bottom: 11.2px;
}

p.sidebar-box-link {
  margin-bottom: 0;
}

#news_box {
  background: #FFB27F;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 0.9em;
}

#news_box .heading {
  font-weight: bold;
  margin-bottom: 1em;
}

#news_box ol, #news_box ul {
  list-style-image: url('/images/icons/foot-16x16.png');
  padding-left: 2em;
  margin-bottom: 0.5em;
}

#news_box ol > li, #news_box ul > li {
  margin-bottom: 0.25em;
}

#blog_box {
  background: #FFB27F;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 0.9em;
}

#blog_box .heading {
  font-weight: bold;
  margin-bottom: 1em;
}

#blog_box ol, #blog_box ul {
  list-style-image: url('/images/icons/eye-on.png');
  padding-left: 2em;
  margin-bottom: 0.5em;
}

#blog_box ol > li, #blog_box ul > li {
  margin-bottom: 0.25em;
}

#new_action_box {
  background: rgb(202,202,202);
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/*
======
FOOTER
======
*/
#footer {
  clear: both;
  
  padding: 5px;
  
  /* IE7 seems to eat the margin-bottom of the above element, so we need this. */
  margin-top: 15px;
  
  text-align: center;  
  
  /* background: rgb(191,191,191); */
  
  border-style: solid;
  border-width: 0px;
  border-top-width: 3px;
  border-color: black;
  
  /* Give the footer layout in IE7 */
  /* TODO: move all IE hacks into a separate stylesheet */
  min-width: 0;
  
  color: rgb(128,128,128);
}


/*
==========
FRONT PAGE
==========
*/

a.button.landing, button.landing {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: rgb(24,103,173);
  width: 200px;
}

a.button.landing:hover, button.landing:hover{
    background-color: rgb(194,217,237);
    border:1px solid rgb(128,174,214);
    color: rgb(24,103,173);
}

a.button.landing:active{
    background-color: rgb(24,103,173);
    border:1px solid rgb(24,103,173);
    color:#fff;
}

ol.landing-buttons {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

ol.landing-buttons li {
  margin-bottom: 0.2em;
}


/*
--------------------
FRONT PAGE SHORTLIST
--------------------
*/

table.landing {
  border-top: 2px rgb(255,178,127) solid;
}

table.landing th {
  padding-top: 1em;
}

table.landing td.read-more {
  text-align: center;
  padding-bottom: 1em;
}

tr.landing_blurb td {
  padding-bottom: 1em;
}

ul.shortlisted-ventures {
  padding: 0;
  margin-bottom: 0.5em;
}

ul.shortlisted-ventures li.shortlisted-venture {
  width: 200px;
  margin: 0.25em;
}

ul.shortlisted-ventures h3 {
  font-weight: normal;
  vertical-align: middle;
  display: block;
  padding-top: 10px;
}

.shortlisted-venture-content .venture_logo_container {
  float: left;
  margin-right: 1.0em;
  vertical-align: middle;
}

ul.topics {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0.5em;
}

ul.topics li {
  padding: 5px;
}


/*
===================
RESOURCE NAVIGATION
===================
*/
div.resource_nav {
  padding: 0;
  margin-bottom: 0;
  background-color: rgb(255,140,63);

  position: relative; /* for absolute positioning elements inside it */
  
  /* Give the div an appropriate size as all it will contain is floated content. */
  /* See "Fixing containing boxes" in http://www.mattryall.net/blog/2008/09/css-layout-fundamentals-floats */
  overflow: hidden;
  /* Specifying height directly as it seemed arbitrarily large on IE6 */
  height: 28.2px;
}

div.resource_nav_item {
  margin-top: 3px;
  margin-bottom: 6px;

  text-align: center;
  font-weight: bold;
  float: left;
}

div.resource_nav_spacer {
  /* nothing to report */
}

div.resource_nav_box {
  margin-left: 5px;
  margin-right: 5px;

  padding-left: 5px;
  padding-right: 5px;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  
  background: rgb(255,178,128);
}

div.resource_nav_box a {
  text-decoration: none;
  color: #222222;
}

div.resource_nav_right {
  float:right;
}

div.resource_nav_box:hover, div.resource_nav_selected {
  background: rgb(84,132,173);
}

div.resource_nav_box a:hover, div.resource_nav_selected a {
  color: white;
}

div.page_content_padding {
  padding: 12.6px;
}

/* This is to go around h1 elements and counter its two pixel border */
/* update - has been replaced by changing the margins of h1 itself */
/*
div.idea_title {
  margin-bottom: -2px;
}
*/

h1 {
  border-bottom: 2px rgb(255,178,127) solid;
  margin-bottom: 0.766826923076923em; /* normal margin for h1 minus 2 px */
}

h2 {
  border-bottom: 2px rgb(255,178,127) solid;
  margin-bottom: 0.766826923076923em; /* normal margin for h1 minus 2 px */
}

div.section {
  overflow: hidden;
  /* We need the following two o/w the bottom of the rating widget
   * can get cut if the section is empty. */
  padding-bottom: 1px;
  margin-bottom: -1px;
}

div.section_content {
}

.section_title {
  margin-left: 100px;
}

div.section_text {
  margin-left: 100px;

  color: rgb(64,64,64);
}

.report {
  color: rgb(128,128,128);
  text-align: right;
}

.report a {
  color: rgb(128,128,128);
}

.report a:hover, .report a:active {
  text-decoration: none;
  color: black;
}


img.tiny, .image-container.tiny {
  width: auto;
  height: 16px;
}

img.small, .image-container.small {
  width: 64px;
}

img.medium, .image-container.medium {
  width: 98px;
}

img.large, .image-container.large {
  width: 198px;
}


/*
=============
RATING WIDGET
=============
*/

div.section_graph {
   float:left;
   width: 80px;
   margin-top: 5px;
}

div.graph_section {
  clear: both;
}

div.graph_number_box {
  width: 15px;
  height: 15px;
  background-color: rgb(79,129,189);
  
  margin-top: -1px;
  margin-left: 2px;
  margin-bottom: -1px;
  float:right;
  
  border-width: 2px;
  border-color: rgb(23,104,175);
  border-style: solid;
  
  color: white;
  font-weight: bold;
  font-size: 10px;
  text-align:center;
  
  display: inline-block;
}

div.graph_bar {
  height: 15px;
  background-color: white;

  margin-top: -1px;
  margin-bottom: -1px;
  float: right;

  border-width: 2px;
  border-color: rgb(255,178,127);
  border-style: solid;
  
  color: white;
  font-weight: bold;
  font-size: 10px;
  text-align:center;

  display: inline-block;
}

div.graph_bar:hover {
  color: rgb(92,92,92);  
}

/*
=============
TIMELINE
=============
*/
div.timeline {
  border-width: 0px;
  border-top-width: 2px;
  /* margin-top: -2px; */
  border-style: solid;

  border-color: rgb(255,178,127);
  
  padding-top: 19.2px;
}

div.timeline_entries {
  padding-bottom: 1em;
  border-bottom: 1px rgb(255,178,127) solid;
  margin-bottom: 1em;
}

div.timeline_separator {
  border-bottom: 1px rgb(255,178,127) solid;
  margin-top: 8.6px;
  margin-bottom: 9.6px;
}

div.timeline_label {
  font-size: 90%;
  font-weight: bold;
  color: rgb(128,128,128);
  background: white;

  float:left;
  min-width: 50px;
  margin-top:-9px;
}

div.timeline_entry {
  margin-left: 50px;
  
  color: rgb(64,64,64);
}

div.timeline_entry .timeline_time {
  font-size: 75%;
  color: rgb(128,128,128);
}

div.timeline_entry img.icon {
  float: left;
	margin-left: -25px;
	margin-top: 3px;
}

/*
=====
FORMS
=====
*/
/* This is based on the calculator output for p.  Note that there is not a margin-bottom */
textarea, input {
	margin: 0;
	font-size: 1em;
	line-height: 1.4999999999999998em;
}

form {
   width: 625px;
}

form ul, form ol {
  list-style: none;
  padding-left: 0;
}

form li {
  padding-bottom: 1.5em;
  width: 100%;
}

form input[type=submit] {
  width: 120px;
}

form input[type=checkbox] {
  vertical-align: middle;
  display: inline;
}

.fieldWithErrors label {
  color: red;
}

.formError {
  color: red;
}

.fieldWithErrors input, .fieldWithErrors textarea {
  background-color: #FF9999;
}

input.title {
  font-size: 140%;
}

/*
==================
NEW/EDIT IDEA FORM
==================
*/
form.new_idea label.section_label, form.edit_idea label.section_label {
  display: block;
  font-weight: bold;
  font-size: 1.3125em;
}

form.new_idea input[type=text], form.edit_idea input[type=text] {
  display: block;
  width: 100%;
}

form.new_idea textarea, form.edit_idea textarea {
  display: block;
  width: 100%;
  height: 15em;
}

form.new_idea fieldset {
  border: thin rgb(255,178,127) solid;
  padding: 10px;
  margin-bottom: 1.5em;
  width: 60%;
}

/*
============
IDEA DISPLAY
============
*/
div.idea {
  width: 620px;
}

/*
==================
NEW/EDIT USER FORM
==================
*/
form.new_user label, form.edit_user label {
  display: block;
  font-weight: bold;
}

form.new_user input, form.edit_user input {
  display: block;
}

form.new_user input[type=checkbox], form.edit_user input[type=checkbox] {
  vertical-align: middle;
  display: inline;
}

form.new_user textarea, form.edit_user textarea {
  display: block;
  width: 100%;
  height: 7.5em;
}

.profile-email-unsubscribe {
  float: right;
}

form.edit_user .profile-email-unsubscribe label {
  display: inline;
}
form.edit_user .profile-email-unsubscribe input {
  display: inline;
}

/*
==================
NEW/EDIT VENTURE FORM
==================
*/
form.new_venture label, form.edit_venture label {
  display: block;
  font-weight: bold;
  font-size: 1.3125em;
}

form.new_venture input[type=text], form.edit_venture input[type=text] {
  display: block;
  width: 100%;
}

form.new_venture textarea, form.edit_venture textarea {
  display: block;
  width: 100%;
  height: 15em;
}

div.logo_details {
  overflow: auto;
}


/*
=========================
NEW SESSION (LOG IN) FORM
=========================
*/
form.new_session label {
  display: block;
  font-weight: bold;
}


/*
=================
USER MESSAGE FORM
=================
*/
form.new_user_message label {
  display: block;
  font-weight: bold;
}


/*
===========
INVITE FORM
===========
*/
form.new_team_membership label {
  display: block;
  font-weight: bold;
}


/*
=====
USERS
=====
*/

.avatar {
  border: 1px solid lightGrey;
}

div.user_profile {
  overflow: hidden;
  padding-bottom: 1em;
}

div.user_profile_left_column {
  float: left;
  margin-right: 15px;
  width: 200px;
  margin-bottom: 1em
}

div.user_profile_right_column {
  float: left;
  width: 400px;
}


/*
============
COMMENT FORM
============
*/

div.comment_controls {
  text-align: right;
}

form.new_comment textarea {
  display: block;
  width: 100%;
  height: 7.5em;
}


/*
=============
FEEDBACK FORM
=============
*/
form.new_feedback label {
  display: block;
  font-weight: bold;
}

form.new_feedback textarea {
  display: block;
  width: 100%;
  height: 7.5em;
}


/*
===========
REPORT FORM
===========
*/
form.new_report label {
  display: block;
  font-weight: bold;
}

form.new_report textarea {
  display: block;
  width: 100%;
  height: 7.5em;
}


/*
=========
RESOURCES
=========
*/

.resource_title {
  font-weight: bold;
}

.resource_metadata {
  font-style: italic;
}

.resource_icon {
  vertical-align: middle;
}

.resources li .access-level {
  float: right;
}


/*
=====================
VENTURE RESOURCE FORM
=====================
*/

form.new_file_resource label, form.new_bookmark_resource label {
  font-weight: bold;
}

form.new_file_resource label.radio_label, form.new_bookmark_resource label.radio_label {
  font-weight: normal;
}

form.new_file_resource textarea, form.new_bookmark_resource textarea {
  display: block;
  width: 85%;
  height: 4.5em;
}

form.new_file_resource fieldset, form.new_bookmark_resource fieldset {
  border: thin rgb(255,178,127) solid;
  padding: 10px;
}


/*
===============
SUBMISSION FORM
===============
*/

form.new_submission textarea,
form.edit_submission textarea {
  display: block;
  height: 4.5em;
}

.submission_box,
.submission_box {
  padding: 1em;
  margin-bottom: 1.5em;

  -moz-border-radius: 10px;  
  -webkit-border-radius: 10px;
}

.submission_box.ready, 
.submission_box.ready {
  background:rgb(155,187,89);
  color:white;
}

.submission_box.not_ready,
.submission_box.not_ready {
  background:rgb(192,80,77);
  color:white;
}

.submission_box.neutral,
.submission_box.neutral {
  background:rgb(194,217,237);
  color:black;
}

.submission_box .fieldWithErrors label, 
.submission_box .fieldWithErrors label {
  color: white;
}

.submission_action_links {
  font-size:80%;
  float:right;
  padding-left:15px;
}


/*
==============
COMMUNITY VOTE
==============
*/

ul#submission_gallery {
  text-align: center;
  padding: 0;
}

ul#submission_gallery li.submission {
  border: 2px solid #EEEEEE;
  width: 90px;
  height: 117px;
  margin: 0.5em 0.25em 0.5em 0.25em;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

ul#submission_gallery li.submission:hover {
  background: rgb(240,240,240);
}

ul#submission_content_verbose {
  text-align: left;
}

ul#submission_content_verbose li.submission {
  width: auto;
}

li.submission.highlight {
  background: lightYellow;
}

.submission_content {
  text-align: center;
  position: relative;
}

.submission_content .venture_logo {
  margin-bottom: 1em;
}

.submission_content h2 {
  margin-bottom: 0;
  border-bottom: 0;
  font-size: 90%;
}

.vote-indicator-container {
  position: absolute;
  right: 0px;
  top: -10px; /* counter margin */
}

.ui-widget-content.community-vote-dialog {
  background: white;
}

.community_vote_content_container .venture_logo {
  margin-bottom: 0;
  border: 1px solid #c0c0c0;
}

.community_vote_content_container .community_vote_left {
  margin: 0 1.0em 0.5em 1.0em;
}

.community_vote_box {
  clear: both;
  margin-bottom: 1em;
}

.community_vote_content_container .dialog_explanation {
  display: none;  /* will be made visible by Javascript */
  font-size: 0.8em;
  color: #999999;
  text-align: center;
  margin-bottom: 0;
}

.ui-widget-content .community_vote_content_container a {
  color: #1768AF;
}

form.vote-buttons {
  width: auto;
  text-align: center;
}


#vote_bank {
  background: #FFB27F;
  border: 3px solid rgb(255,140,63);

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;

  text-align: center;
}

#vote_bank h3 {
  border-bottom: 2px solid rgb(255,140,63);
  font-size: 1.1em;
}


/*
=============
IDEA LISTINGS
=============
*/
div.idea_list_entry {
  width: 620px;
}

div.stats {
  float: left;
  margin-right: 15px;
}

div.stats a {
  color: black;
  text-decoration:  none;
}

div.idea_list_entry table {
  margin: 0;
  width: 100%
}

div.idea_list_entry td {
  border-style: none;
  padding: 0;
}

div.rating {
  float: left;
  margin-right: 5px;
  width: 45px;

  background-color: rgb(255,178,127);
  padding: 8px;
  text-align:center;
}

div.dispute {
  float: left;
  margin-right: 5px;
  width: 45px;
  
  background-color: rgb(84,132,173);
  padding: 8px;
  text-align:center;
}

div.ratings {
  float: left;
  margin-right: 5px;
  width: 45px;
  
  padding: 8px;
  text-align:center;
}

div.info {
  float: left;
  padding-top: 5px;
  width: 455px;     /* tweak this magic number until it looks right... grrr */
}

div.info .icon {
  float: right;
  padding-left: 5px;
}

ol.ideas > li.highlight {
  background: lightYellow;
}

/*
==============
PEOPLE LISTING
==============
*/
div#people_columns {
  overflow: auto;
}

div#people_columns div#left {
  width: 310px;
  float: left;
}

div#people_columns div#right {
  width: 310px;
  float: left;
}

div#people_columns ol {
  padding-left: 0;
  list-style-type: none;
}

div#people_columns ol h3 {
  margin-bottom: 0;
}

.people_count {
  font-weight: bold;
}


/*
==============
VENTURE LISTING
==============
*/

ol.ventures div.venture_list_left_column {
  float: left;
  margin-right: 15px;
  width: 100px;
}

ol.ventures div.venture_list_right_column {
  float: left;
  width: 470px;
}

ol.ventures div.venture_list_left_column img.venture_logo {
  /* Display this image as a block to prevent line-height introducing any space */
  display: block;
}

/*
===============
VENTURE DISPLAY
===============
*/

div.venture {
  width: 620px;
}

.venture .venture_logo {
  border: 1px solid lightGrey;
}

div.venture_left_column {
  float: left;
  margin-right: 15px;
  width: 200px;
  margin-bottom: 1em;
}

div.venture_right_column {
  float: left;
  width: 400px;
}

/*
==========
USER STATS
==========
*/
.user_stats a {
  text-decoration: none;
  white-space: nowrap;
}

/*
=====================
USER SELECTION WIDGET
=====================
*/
.ac-holder {
  border: 1px solid black;
  
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  
  overflow: auto;
  
  cursor: text
}

.ac_input {
  border: none;
  outline: none;
  border-width: 0;
  
  width: 200px;
  
  margin-bottom: 7px
}

.ac-data {
  width: auto;
  display: block;
  float: left;
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
  padding-bottom: 0px;

  margin-right: 5px;
  margin-bottom: 5px
}

.ac-email {
  background: #eeeeee;
  border: 1px solid black;
}

.ac-user {
  background: #eeeeee;
  border: 1px solid black;
}

.ac-fail {
  background: #ff9999;
  border: 1px solid darkRed;
}

/*
============
TEAM LISTING
============
*/

ol.team_list div.team_list_left_column {
  float: left;
  margin-right: 15px;
  width: 100px;
}

ol.team_list div.team_list_left_column img.avatar {
  /* Display this image as a block to prevent line-height introducing any space */
  display: block
}

ol.team_list div.team_list_right_column {
  float: left;
  width: 470px;
}

ol.team_list div.team_list_right_column h3 {
  float: left;
}

ol.team_list div.team_list_right_column .context_bar {
  float: right;
}

ol.team_list div.team_list_right_column p.profile_entry {
  margin: 0;
  clear: both;
}

ol.team_list .actions_bar {
  float: right;
}

ol.team_list .actions_bar a {
  text-decoration: none;
}

/*
==================================================================
PRETTY BUTTONS, with serious props to:
http://particletree.com/features/rediscovering-the-button-element/
==================================================================
*/
a.button, button {
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 10px; /* Links */
    
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
a.button, button {float:none;display:inline;display:inline-block;}
button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 10px 3px 7px; /* IE7 */
    margin-bottom: 1px;
}

button img, a.button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, a.button:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
button.disabled, a.button.disabled {
  background-color: #bbbbbb;
  border:1px solid #aaaaaa;
  color: #565656;
}

a.button:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, a.button.positive{
    color:#529214;
}
a.button.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
a.button.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

a.button.negative, button.negative{
    color:#d12f19;
}
a.button.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
a.button.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* SIDEBAR */

button.sidebar, a.button.sidebar{
    display: block;
    margin: 0;
    color: rgb(24,103,173);
}
a.button.sidebar:hover, button.sidebar:hover{
    background-color: rgb(194,217,237);
    border:1px solid rgb(128,174,214);
    color: rgb(24,103,173);
}
a.button.sidebar:active{
    background-color: rgb(24,103,173);
    border:1px solid rgb(24,103,173);
    color:#fff;
}

/*
=======
ACTIONS
=======
*/
ol.grouped_actions {
  list-style: none;
  padding: 0;
  margin-bottom: 1.5em;
}

ol.grouped_actions > li {
  margin-bottom: 3em;
}

ol.actions {
  list-style: none;
  padding: 0;  /* remove indent that lists normally have */
  magin-bottom: 1.5em;
}

ol.actions > li:first-child {
  border-top: 1px rgb(255,178,127) solid;
}

ol.actions > li {
  overflow: hidden;

  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  
  margin-left: 3em;
     
  border-bottom: 1px rgb(255,178,127) solid;
}

ol.actions > li:hover {
  background: rgb(240,240,240);
}


ol.actions div.date_column {
  float: left;
  margin-right: 15px;
  width: 30px;
}

ol.actions div.form_column {
  float: left;
  width: 500px;
}

  
/* This is based on the calculator output for p.  Note that there is not a margin-bottom */
ol.actions div.form_column textarea, ol.actions div.form_column input {
	margin: 0;
	font-size: 1em;
	line-height: 1.4999999999999998em;
	width: 50%;
}

ol.actions div.form_column form.edit_action {
  width: 100%;
}

ol.actions div.form_column form.edit_action label {
  font-weight: bold;
  font-size: 90%;
  width: 100%;
}

ol.actions div.form_column form.edit_action ul, ol.actions div.form_column form.edit_action ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

ol.actions div.form_column form.edit_action li {
  padding-bottom: 1em;
  width: 100%;
}

ol.actions div.form_column form.edit_action select {
  width: 25%;
}
  
ol.actions div.form_column form.edit_action input[type=submit] {
  width: 120px;
}


/* This is based on the calculator output for p.  Note that there is not a margin-bottom */
#new_action_box textarea, #new_action_box input {
	margin: 0;
	font-size: 1em;
	line-height: 1.4999999999999998em;
	width: 100%;
}

#new_action_box form.new_action {
  width: 100%;
}

#new_action_box form.new_action label {
  font-weight: bold;
  font-size: 90%;
  width: 100%;
}

#new_action_box form.new_action ul, #new_action_box form.new_action ol {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

#new_action_box form.new_action li {
  padding-bottom: 1em;
  width: 100%;
}

#new_action_box form.new_action select {
  width: 60%;
}
  
#new_action_box form.new_action input[type=submit] {
  width: 120px;
}


/*
===============
ACTIONS SUMMARY
===============
*/

.grouped_actions .js_action_summary .calendar_add_button {
  background: none;
}

.grouped_actions .js_action_summary .calendar_add_button:hover {
  background: rgb(84,132,173);
  color: white;
}

.grouped_actions .js_action_summary .action_overdue {
  background: #FF9999;
}

.grouped_actions .js_action_summary .status_button {
  background: rgb(255,178,128);
}

.grouped_actions .js_action_summary .status_button:hover {
  background: rgb(84,132,173);
  color: white;
}


/*
======
FORUMS
======
*/

ul.forums {
  text-align: center;
  padding: 0;
  margin-bottom: 0;
}

.forums li.forum {
  /*Thanks to http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/*/
  width: 270px;
  height: 300px;
  min-height: 160px;
  background-color: #FFD8BF;
  border: 2px solid #FFC39F;
  margin: 0.6em 0.5em 0.6em 0.5em;
  padding: 1em;
  _height: 160px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
}

h2.forum_name {
  font-size: 120%;
  text-align: center;
  border: none;
}

.forum .description {
  min-height: 6.0em;
}

.forum .stats {
  font-size: 80%;
}

.forum .activity {
  margin-bottom: 0;
}
.forum .activity td, .forum .activity th, .forum .activity .pagination_info {
  font-size: 80%;
}

.forum .activity p.pagination_info {
  margin-bottom: 0;
}

table.topics {
  margin-left: auto;
  margin-right: auto;

  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.forum table.topics {
  margin-top: 0;
  margin-bottom: 1em;
}
.forum table.topics td {
  text-align: left;
}

table.topics td, table.topics th {
  border: 0;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.topics .topic.odd {
  background-color: #feeddc;
}

.topics .topic.even {
  background-color: #fedcba;
}

.topics td.activity {
  width: 16px;
  padding-right: 0;
}

.utility {
  font-size: 0.75em;
}

button.sidebar_action, a.button.sidebar_action{
    background-color: #CACACA;
    color: #303030;
}
a.button.sidebar_action:hover, button.sidebar_action:hover{
    background-color: #AAAAAA;
    border:1px solid #606060;
    color: #303030;
}
a.button.sidebar_action:active{
    background-color: #606060;
    border:1px solid #606060;
    color:#fff;
}

table.posts {
  margin-left: auto;
  margin-right: auto;

  margin-bottom: 1.5em;
}

table.posts .body {
  vertical-align: top;
}

table.posts td, table.posts th {
  border: 0;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.posts .spacer {
  font-size: 1px;
  background-color: white;
}

.posts .avatar {
  border: 1px solid #303030;
}

.posts .date {
  font-size: 0.75em;
  color: #666;
}

.posts .body .post_meta {
  overflow: hidden;
  /* IE6 needs the following to make overflow: hidden work */
  _width: 95%;
}

.posts .body .date {
  float: left;
}

.posts .body .permalink {
  float: right;
}

.posts .post.odd {
  background-color: #feeddc;
}

.posts .post.even {
  background-color: #fedcba;
}

.posts .reply {
  background-color: #cacaca;
}

.posts .reply .author {
  vertical-align: top;
}

#voices_box {
  background: #FFB27F;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 0.9em;
}

.talking {
  padding-left: 0;
}

.talking img.avatar {
  border: 0;
  display: inline;
  vertical-align: middle;
}

.talking > li {
  list-style: none;
  padding-left: 0;
}

.talking > li a {
  white-space: nowrap;
  vertical-align: middle;
}

.posts td.author {
  width: 128px;
  text-align: center;
}

.posts .author .admin {
  font-size: 0.75em;
  color: #d00000;
}

.posts .author .post_count {
  font-size: 0.75em;
}

form .prefilled {
  color: #333333;
  font-weight: bold;
}

form.new_post, form.edit_post {
  width: 99%;
  margin-bottom: 1em;
}

form.new_post textarea, form.edit_post textarea {
  display: block;
  width: 95%;
  height: 12em;
  margin-bottom: 1em;
}


form#new_topic, form#edit_topic {
  width: 596px; /* wahey magic numbers */
  margin-left: auto;
  margin-right: auto;
  padding: 1em;

  background-color: #cacaca;
  border: 2px solid #aaaaaa;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

form#new_topic table, form#edit_topic table {
  width: 100%;
}

form#new_topic label, form#edit_topic label {
  color: #444444;
}

form#new_topic .fieldWithErrors label, form#edit_topic .fieldWithErrors label {
  color: red;
}

form#new_topic td.field-info, form#edit_topic td.field-info {
  width: 100px;
}

form#new_topic textarea, form#edit_topic textarea {
  width: 100%;
  height: 12em;

  margin-bottom: 1em;
}

form#new_topic input[type=text], form#edit_topic input[type=text] {
  width: 100%;
}