/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
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;}
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;}
a:focus, a:hover {color:#009;}
a {color:#009; text-decoration: none;}
blockquote {margin:1.5em;color:#666;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;}

/* grid.css */
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}

#add_feed div.fieldWithErrors {
  display: inline-block;
  margin-bottom: 20px;
}

/* =button */

.button {
  outline: none;
  display: block;
  padding: 0.25em 0.75em;
  background-color: #fff;
  background-image: url(../images/button_bg.png);
  background-position: left bottom;
  background-repeat: repeat-x;
  border: 2px solid #bbb;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

a.button {
  text-decoration: none;
}

.button.small {
  padding: 0.2em 0.75em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  font-weight: bold;
  font-size: 0.9em;
  margin: 0;
  line-height: 1.5;  
  border: 1px solid #bbb;  
}

a.button.disabled {
  color: #bbb;
  cursor: default;  
}

.button.selected,
.button:active {
  color: #333;
  background-image: url(../images/button_bg_active.png);
  background-position: left top;
}

.button:visited {
  color: #666;
}

a.button:hover {
  text-decoration: none !important;
}

.button.disabled:active {
  color: #ccc;
  background-image: url(../images/button_bg.png);
  background-position: left bottom;
}

.button .icon {
  display: block;
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
}

/* =toolbar */
.toolbar.right {
  float: right;
}
 
.toolbar .button {
  float: left;
  margin-right: 0.5em;
}

.toolbar .group {
  float: left;
}

.toolbar .button:last-child, .toolbar .group:last-child, .toolbar .button.last, .toolbar .group.last {
  margin-right: 0;
}

.toolbar .group h4 {
  margin: 5px 0 5px 0;
  float: left;
}

.toolbar .group label {
  float: left;
  margin-left: 1em;
  margin-right: 0.25em;
  padding: 0.45em 0;
}

.toolbar .group .button {
  margin-right: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-width: 2px 1px 2px 0;
}

.toolbar .group .button:first-child, .toolbar .group .button.first {
  border-left-width: 2px;
  -moz-border-radius-topleft: 0.5em;
  -moz-border-radius-bottomleft: 0.5em;
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-bottom-left-radius: 0.5em;
}

.toolbar .group .button:last-child, .toolbar .group .button.last {
  border-right-width: 2px;
  -moz-border-radius-topright: 0.5em;
  -moz-border-radius-bottomright: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  -webkit-border-bottom-right-radius: 0.5em;
}

.toolbar .right {
  float: right;
  margin-left: 0.5em;
  margin-right: 0;
}

.toolbar.item_buttons {
  margin-left: 255px;
}

.toolbar.sidebar_buttons .group {
  width: 248px;
  padding-right: 3px;
}

.toolbar.sidebar_buttons .group a {
  float: right;
}

/* Selected feed */
#selectedFeed {
  border: 2px solid #DECBA3;
  padding: 0px 0px 0px 3px;
  background-color: #E1D2C7;
  margin-left: 100px;
}

#selectedFeed div.text {
  float: left;
  margin-top: 3px;
  font-weight: bold;
}

#selectedFeed div.clearfix {
  height: 0px;
  clear: right;
  margin: 0px;
}

#selectedFeed div img {
  vertical-align: top;
  margin-right: 5px;
}

#selectedFeed a.button {
  float: right;
}


/* Copyright (c) 2008 The Kaphan Foundation
 *
 * Possession of a copy of this file grants no permission or license
 * to use, modify, or create derivative works.
 * Please visit http://www.peerworks.org/contact for further information.
 */

body {
  background-color: #F2F2F2;
}

#demo_title {
  float: left;
}

#demo_header {
  color: #936301;
  margin: 5px 0px 0px 20px;
  font-size: 30px;
  font-weight: bold;
  font-family: Verdana,Arial,sans-serif;
}

#demo_subheader {
  font-family: Verdana,Arial,sans-serif;
  color: #B59350;
  margin: 0px 0px 0px 20px;
  line-height: 1em;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
}

#topDemoContent {
  width: 70%;
  float: right;
  margin: 5px 20px 5px 0px;
}

#bottomDemoContent {
  width: 98%;
  margin: 5px 5px;
}

div.demo_content {
  border: 1px solid #D7C0AE;
  padding: 5px;
  background-color: white;
  color: #372D1C;
  -moz-box-shadow: 3px 3px 3px #D7C0AE;
  margin-bottom: 10px;
}

div.demo_content p {
  margin: 0;
}

.followOn {
  float: right;
}

div.column_headers {
  clear: both;
  color: #372D1C;
  padding-top: 10px;
  margin-left: 10px;
}

div.column_headers .name {
  color: black;
}

div#item_header {
  margin-left: 15px;
}

div#feedback {
  float: right;
  margin-right: 20px;
}

div.column_headers div {
  float: left;
}


#sidebar {
  background-color: white;
  float: left;
  width: 255px;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: 100%;
}

#container {
  float: right;
  width: 100%;
  border-top: 1px solid #DECBA3;
  border-bottom: 1px solid #DECBA3;
}

#content {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  border-left: 5px solid #ccc;
}

#footer {
  clear: both;
  padding: 10px;
}

#footer #copyright {
  text-align: center;
}

ul.tags {
  list-style: none;
  margin: 0;
  cursor: pointer;
}

ul.tags li {
  cursor: pointer;
  padding: 2px 15px;
  font-family: Verdana,Arial,sans-serif;
  font-weight: bold;
  display: list-item;
}

ul.tags li.selected {
  background-color: #FEF3BB;
}

.feed_item a {
  text-decoration: none;
}

.feed_item.selected {
  border: 2px solid #DECBA3 !important;
}

#content > .indicator {
  position: absolute;
  background: url(../images/indicator_medium.gif) 1em center no-repeat;
  font-size: 2em;
  padding: 1em 1em 1em 2.5em;
}

.loading {
  background-image: url(../images/indicator_medium.gif);
  background-position: center center;
  background-repeat: no-repeat;
  min-height: 32px;
  min-width: 32px;
}


/* Copyright (c) 2008 The Kaphan Foundation
 *
 * Possession of a copy of this file grants no permission or license
 * to use, modify, or create derivative works.
 * Please visit http://www.peerworks.org/contact for further information.
 */
/* =veerle
 */
table.veerle {
  border-collapse: collapse;
  width: 100%;		  
	margin-bottom: 1.5em;
	text-align: left;	  
  color: #4f6b72;  
	border: 1px solid #C1DAD7;
}

table.veerle th {
	padding: 0.5em 1em 0.5em 1em;
  vertical-align: top;	
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;	
  text-transform: uppercase;
	font-weight: bold;
  background-image: url(../images/table_veerle_header_bg.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-color: #E1EDF8;
}

table.veerle th.last {
  border-right: 0;
}

table.veerle th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
} 
 
table.veerle td {
	padding: 0.5em 1em 0.5em 1em;
  vertical-align: top;	  
	color: #333;	
	background-color: #fff;
}

table.veerle tr.even td {
	background-color: #E1EDF8;
}

table.veerle tr:hover {
  background-color: #F3F5F5;
}

table.veerle tfoot td {
  color: #333;
  border-top: 1px solid #C1DAD7;
	background-color: #f7f7f7;
	font-weight: bold;
}

table.veerle tr td.empty {
	font-style: italic;
	text-align: center;
}

table.veerle tr td.group {
	background: #666;
	color: #fff;
}

table.veerle a.destroy {
  padding-left: 1.5em;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url(../images/destroy.png);
}


/* Copyright (c) 2008 The Kaphan Foundation
 *
 * Possession of a copy of this file grants no permission or license
 * to use, modify, or create derivative works.
 * Please visit http://www.peerworks.org/contact for further information.
 */
div.slider {
  padding: 1px 0;
}
 
div.slider_track {
	z-index: 11;
	width: 100px;
  height: 17px;
  background-image: url(../images/slider_bg.png);
  background-position: left center;
  background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
}

div.slider_handle {
	z-index: 12;
	width: 7px;
	height: 19px;
	background-color: #1010C8;
	position: absolute;
	top: -1px;
	opacity: 0.6;
	filter:alpha(opacity=60);
	cursor: pointer;
}

div.bias_marker {
	z-index: 5;
	width: 1px;
	height: 15px;
	background-color: #555;
	position: absolute;
	top: 1px;
	cursor: pointer;
	margin-left: 3px;
}

div.bias_marker.zero_point_nine {
	height: 7px;
	top: 5px;
}

div.bias_marker.one_point_zero {
	width: 3px;
	height: 9px;
	top: 4px;
	margin-left: 2px;
}

div.bias_marker.one_point_one {
	height: 11px;
	top: 3px;
}

div.bias_marker.one_point_two {
	height: 13px;
	top: 2px;
}

div.slider_track.disabled div.slider_handle {
	background-color: #555;
	cursor: default;
}

div.slider_track.disabled, div.slider_track.disabled div.bias_marker {
	cursor: default;
}


/* Copyright (c) 2008 The Kaphan Foundation
 *
 * Possession of a copy of this file grants no permission or license
 * to use, modify, or create derivative works.
 * Please visit http://www.peerworks.org/contact for further information.
 */
pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors input{
  border: 2px solid red;
  background-color: yellow;
}

.fieldWithErrors label{
  color: red;
}

#errorExplanation {
  border: 2px solid #c00;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 1em;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px -7px 0 -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


/* Copyright (c) 2008 The Kaphan Foundation
 *
 * Possession of a copy of this file grants no permission or license
 * to use, modify, or create derivative works.
 * Please visit http://www.peerworks.org/contact for further information.
 */
 
.record {
  position: relative;
  margin: 0 0 .5em 0;
  
}

.record .summary {
  padding: 0.5em;
  border: 1px solid #DECBA3;
  background: #FAFAFA;
}

.record .summary:hover {
  background-color: #FEF3BB;
}

.record .extended {
  border-left: 1px solid #DECBA3;
  border-right: 1px solid #DECBA3;
  border-bottom: 1px solid #DECBA3;
}

.record h4 {
  font-size: 1em;  
  display: inline;
}

.record .description {
  color: #777;
}

.record .summary .info {
  float: right;
  margin-left: 1.5em;
  color: #626051;
}

.record .summary .info div {
  float: left;
  padding: 0.25em 0.5em;
  border-left: 1px solid #ccc;
}

.record .summary .info strong {
  font-size: 1.1em;
  line-height: 1;
}

.record .summary .info .details {
  border: none;
  text-align: right;
  margin-right: 0.25em;
  width: 12em;
}

.record .summary .info p {
  font-size: .75em;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 0.1em 0;
  color: #888;
}

/* Copyright (c) 2008 The Kaphan Foundation
 *
 * Possession of a copy of this file grants no permission or license
 * to use, modify, or create derivative works.
 * Please visit http://www.peerworks.org/contact for further information.
 */
 
.feed_item {
  margin: 0;
  border-bottom: 1px solid #ccc;
  background-color: white;
}

.feed_item.selected {
  border: 2px solid #936301;
}

.feed_item .closed {
  padding: 2px;
  cursor: pointer;
  padding: 5px 5px 4px 5px;
}

.feed_item.read .closed {
  background-color: #eee;
}

.feed_item.selected .closed {
  padding: 3px 3px 3px 3px;
}

.feed_item .closed .title {
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.feed_item.read .closed .title {
  color: #666;
}

.feed_item .closed a.selected {
  color: #333;
  border: 1px solid #DECBA3;
  background-color: #F2F2F2;
  -moz-border-radius: 0.4em;
  -webkit-border-radius: 0.4em;
}

.feed_item .closed .feed_title {
  padding: 3px 4px;
  white-space: nowrap;
  cursor: pointer;
}

.feed_item .feed_title.selected {
}

.feed_item .closed .date {
  float: right;
  width: 6em;
  text-align: right;
  color: #666;
}

.feed_item .closed .train {
  float: right;
  margin: 0 0 0 1em;
}

.feed_item .closed .train.selected {
  padding: 0 3px;
  margin: -1px -4px -1px 0;
}

.feed_item .body {
  display: none;
  padding: 8px 8px 8px 25px;
}

.feed_item.open .body {
  display: block;
}

.feed_item.selected .body {
  padding: 8px 6px 7px 23px;
}

.feed_item .moderation_panel {
  display: none;
  padding: 0.5em 0.75em;
  background-color: #F2F2F2;
}

.feed_item .moderation_panel.selected {
  display: block;
}

.feed_item .moderation_panel .close {
  float: right;
}

.feed_item .moderation_panel form {
  float: right;
}

.training_controls {
  margin-right: 3em;
}

.training_controls .tag {
  float: left;
  margin: 0 0.5em 0.25em 0;
  padding: 0 0.5em;
  white-space: nowrap;
}

.training_controls .tag .name {
  color: #797979;
  font-weight: bold;
}

.training_controls .tag.classifier .name {
  color: black;
}

.training_controls .tag.positive .name {
  color: #32BC32 !important;
}

.training_controls .tag.negative .name {
  color: red !important;
}

.feed_item .feed_information {
  display: none;
  border: 2px solid #DECBA3;
  border-width: 2px 0 0 0;
  background-color: #F2F2F2;
  /* This is a work around for a bug in IE 7. Without setting this
   * the content of the feed information div doesn't appear until
   * the page is scrolled or resized.
   */
  min-width: 0;
}

.feed_item.open .feed_information {
  border-width: 2px 0;
}

.feed_item .feed_information.selected {
  display: block;
}

.feed_item .feed_information .summary {
  background-color: #F2F2F2;
}

.notitle {
  font-style: italic;
  font-weight: normal;
  color: #666;
}