/* BEGIN ploneColumns.css */

#portal-columns {
    width: 100% !important;
}

#portal-column-one {
    vertical-align: top;
    width: 16em;
}

#portal-column-content {
    vertical-align: top;
    margin: 0;
    padding: 0;
}

#portal-column-two {
    vertical-align: top;
    width: 16em;
}

/* Padding for the columns */
#portal-column-one .visualPadding {
    padding: 2em 0em 1em 2em;
}
#portal-column-content .visualPadding {
    padding: 0em 2em 1em 2em;
}
#portal-column-two .visualPadding {
    padding: 2em 2em 1em 0em;
}

/* END ploneColumns.css */


/* BEGIN plone.css */

/* The basic elements: */
body {
    font: 69% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    background-color: White;
    color: Black;
    margin: 0;
    /*margin-top: 5px; /* 2006-5-25 to make missing icon look good */
    padding: 0;
}

table {
    font-size: 100%;
}


a {
    text-decoration: none;
    color: #127127;
    background-color: transparent;
}
img {
    border: none;
    vertical-align: middle;
}
p {
    margin: 0.5em 0em 1em 0em;
    line-height: 1.5em;
}
/* 2007-3-26: crs turn underlines in paragraphs off!
p a {
    text-decoration: underline;
}
*/
/* 2006-4-26: crs turn off nasty purple underlines on visited links.  But leave above on, because otherwise links get lost in paragraphs.
p a:visited {
    color: Purple;
    background-color: transparent;
}
*/
p a:active {
    color: Red;
    background-color: transparent;
}
p img {
    border: 0;
    margin: 0;
}

hr {
    height: 1px;
    color: #127127;
    background-color: transparent;
}


h1, h2, h3, h4, h5, h6 {
    color: Black;
    background-color: transparent;
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding-top: 0.5em;
    border-bottom: 1px solid #8cacbb;
    text-shadow: #999999 0.2em 0.2em 3px;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: Black ! important; 
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 140%;
    border-bottom: none;
    font-weight: bold;
}

h4 {
    font-size: 120%;
    border-bottom: none;
    font-weight: bold;
}

h5 {
    font-size: 100%;
    border-bottom: none;
    font-weight: bold;
}

h6 {
    font-size: 85%;
    border-bottom: none;
    font-weight: bold;
}


ul { 
    line-height: 1.5em;
    list-style-type: square;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
    /* list-style-image: url(http://localhost/bullet.gif); */
}

ol {
    line-height: 1.5em;
    margin: 0.5em 0 0 1.5em;
    padding: 0;
}
/* 2006-4-26: crs turn underlines in links off!
ul a, ol a {
    text-decoration: underline;
}
*/
/* 2006-5-19: crs turn off giant margin on lists!
li {
    margin-bottom: 1em;
}
*/
dt {
    font-weight: bold;    
}
dt a {
    text-decoration: underline;
}

dd {
    line-height: 1.5em;
    margin-bottom: 1em;
}
dd a {
    text-decoration: underline;
}

dd.link a {
    text-decoration: none;
    color: Black;
}

fieldset {
    border: 1px solid #8cacbb;
    margin: 1em 0em 1em 0em;
    padding: 0em 1em 1em 1em;
    line-height: 1.5em;
    width: auto;
}
legend {
    background: White;
    padding: 0.5em;
    /* Next 3 lines came from erp/web/reg.py: */
    font-size: 14px;
    font-weight: bold;
    color: #127127;
}

form {
    border: none;
    margin: 0;
}
input, textarea {
    border: 1px solid #8cacbb;  
    color: Black;
    background-color: white;
    vertical-align: middle;
}
textarea {
    font: 110% "Courier New", Courier, monospace;  /* needs to be monospace since it is displayed with pre */
    width: 100%;
}
input {
    font-family: "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}
select {
    border: 1px solid #8cacbb;  
    color: Black;
    vertical-align: top;
}
abbr, acronym, .explain {
    border-bottom: 1px dotted Black;
    color: Black;
    background-color: transparent;
    cursor: help;
}
q {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 120%;
}
blockquote {
    font-family: Times, "Times New Roman", serif;
    font-style: italic;
    font-size: 120%;
}
code {
    font-size: 120%;
    color: Black;
    background-color: #95c393;
    border: 1px dashed #8cacbb;
    padding: 0 0.1em;
}

pre {
    font-size: 120%;
    overflow: auto;
}
/* 2006-1-5 crs: replaced below with above because it was ugly!  And I wanted pre on description fields.
pre {
    font-size: 120%;
    padding: 1em;
    border: 1px dashed #8cacbb;
    color: Black;
    background-color: #c2ffb4;
    overflow: auto;
}
.pre a {
    text-decoration: underline;
}
*/

/* crs added this cool solution for long lines in pre, from:
 *    http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/
 */
pre {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    /*width: 99%;*/ /* for ie7 - no point if we're hardcoding width below */
    width: 450px;  /* have to hardcode for stupid IE6 */
}

ins {
    color: green;
    text-decoration: none;
}

del {
    color: red;
    text-decoration: line-through;
}

.netscape4 {
    display: none;
}





/*
** Structural Elements
*/
/* Logo properties */
 
#portal-logo {
    /* background: url(http://localhost/logo.png) no-repeat; */
    border: 0;
    margin: 0.75em 0em 0.75em 1.5em;
    padding: 0;
}
#portal-logo a {
    display: block;
    text-decoration: none;
    overflow: hidden;
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 57px;
    height: 0px !important;
    height /**/: 57px;
    width: 219px;
    cursor: pointer;
}


#portal-globalnav {
    background-color: transparent;
    border-collapse: collapse;
    padding: 1px 0em 0em 10px;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    height: auto;
    line-height: normal;
}
#portal-globalnav li {
    display: inline;
}
#portal-globalnav li a {
    /* The normal, unselected tabs. They are all links */
    background-color: transparent;
    border-color: #127127;
    border-width: 1px; 
    border-style: solid solid none solid;
    color: #127127;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.5em;
    text-decoration: none;
    text-transform: lowercase;
}
#portal-globalnav li.selected a {
    /* The selected tab. There's only one of this */
    background-color: #dee7ec;
    color: #127127;
	border-top-color: #127127;
	border-top-width: 1px;
	border-right-color: #127127;
	border-right-width: 1px;
	border-left-color: #127127;
	border-left-width: 1px;
	background-color: #95c393;
	border-bottom-color: #95c393;
	border-bottom-width: 1px;
}
#portal-globalnav li a:hover {
    background-color: #c2ffb4;
    border-bottom-color: #dee7ec;
    color: #127127;
	border-top-color: #127127;
	border-top-width: 1px;
	border-right-color: #127127;
	border-right-width: 1px;
	border-left-color: #127127;
	border-left-width: 1px;
}
#portal-personaltools {
    /* Bar with personalized menu (user preferences, favorites etc) */
    background-color: #dee7ec;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    line-height: 1.3em;
    color: Black;
    padding: 0em 3em 0em 3em;
    margin: 0;
    text-align: right;
    text-transform: lowercase;
    list-style: none;
	background-color: #95c393;
}
 
#portal-personaltools li {
    /* background: transparent url(http://localhost/linkOpaque.gif) center left no-repeat; */
    padding-left: 8px;
    color: #127127;
    margin-left: 1em;
    display: inline;
}
#portal-personaltools li a {
    text-decoration: none;
    color: #127127;
}
.visualCaseSensitive {
    text-transform: none;
}
#portal-breadcrumbs {
    /* The path bar, including breadcrumbs and add to favorites */
    border-bottom-color: #8cacbb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 2em;
    padding-right: 2em;
    text-transform: lowercase;
}


#content {
    padding: 0.139em 1em 0 1em;
    margin: 0em 0em 2em 0em;
}

.portalMessage,
.system-message,  /* These two last ones are reST error indicators */
#error-handling {
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    color: Black;
    font-size: 85%;
    font-weight: bold;
    margin: 1em 0em 0em 0em;
    padding: 0.5em 1em 0.5em 3em;
    vertical-align: middle;
    /* background-image: url(http://localhost/info_icon.gif); */
    background-repeat: no-repeat;
    background-position: 5px center ;

}
.portalMessage a {
    color: Black;
    text-decoration: underline;
}



/* The new form elements */

.error {
    /* Class for error indication in forms */
    background-color: #ffce7b;
    border: 1px solid #ffa500;
    padding: 1em;
    margin: 0 0 1em 0;
    width: 68% !important;
}

.error .fieldRequired {
   color: #ffce7b;
} 


/* List classes without markers */

ul.visualNoMarker, 
ol.visualNoMarker { 
    list-style-type: none;
    list-style-image: none;
    margin: 0.5em 0 0 0;
}

.portlet {
    border: none;
    margin-bottom: 1em;
    padding: 0;
	margin-top: 1em;
}

/* Compensation when rendering portlets in the content area */
#region-content .portlet {
    font-size: 94%;
}

.portlet h4 {
    font-size: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h5 { 
    background: #a4a4a4;
    border: 1px solid #8cacbb;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    text-shadow: none;
    display: inline;
    font-size: 1em;
    height: 1em;
    font-weight: normal;
    white-space: nowrap;
}
.portlet h6 { 
    background: #00dfac;
    border: 1px solid #8cacbb;
    border-style: solid solid none solid;
    padding: 0em 1em 0em 1em;
    text-transform: lowercase;
    text-shadow: none;
    display: block;
    font-size: 1em;
    height: 1.2em;
    font-weight: normal;
    white-space: nowrap;
}

.portletBody {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #8cacbb;
}
.portletDetails {
    text-align: right;
}

.portletMore {
    display: block;
    text-align: right;
}

.portletContent {
    padding: 1em;
}
.portletClose {
    float: right;
    text-transform: none;
    border-left: 1px solid #8cacbb;
    padding: 0em 0.2em;
}
.portlet h1, 
.portlet h2, 
.portlet h3, 
.portlet h4 {
    margin: 0;
    padding: 0;
}
.portlet .even {
    background-color: #f7f9fa;
}
.portlet .odd {
    background-color: transparent;
}
.portlet input {
    font-size: 100%;
}

.portlet ul,
.portlet li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
    line-height: 1em;
}

.spacer {
	margin: 1em;
}




.hiddenStructure {
    display: block;
    background: transparent;
    background-image: none; /* safari bug */
    border: none;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
    width: 1px;
}

.contentViews .hiddenStructure,
.contentActions .hiddenStructure {
    position: absolute;
    top: -200px;
    left: -200px;
}

.visualClear {
    display: block;
    clear: both;
}

.label {
    font-weight: bold;
    display: inline;
    padding-right: 0.5em;
}




#portal-column-content fieldset > * input:focus,
#portal-column-content fieldset > * textarea:focus {
    border-color: #ffa500; 
    border-width: 1px;

}

#evaluationInfo {
	position: absolute;
	top: 0px;
	left: 500px;
}
#evaluationScenarios{
	list-style: none;
	margin:0;
	padding:0;
	padding-top: 2px;
	top: 0px;
}

#evaluationScenarios li {
	display: inline;

	border: 1px solid #B0C4DE;

	background-color: #E7EDF5;

	color: #2D486C;

	padding-left: 1em;
	padding-right:1em;
	-moz-border-radius: 25px;
	font: 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-right: 4px;
}

#evaluationScenarios li a{
	text-decoration: none;
}
#evaluationScenarios li:hover {
	background: #7e8ea2;
}





/* END plone.css */



/* The rest of this file is common.css */

/* Table support */
form td { white-space: nowrap; }  /* 2007-10-10: good idea I hope */

table { border-spacing: 0px; border-collapse: collapse; margin: 0; padding: 0; }
#portal-column-content table { width: 100%; }  /* 2007-10-1: new rule -- forms for unauth users (e.g., login, reg) do not want this, but all in app do */
.tableHeader { background-color:#738EBD;color:white;vertical-align:top;padding: 2px 5px 2px 5px ;border-right: 1px solid #617AA5 }
.tableHeader a { color:white }
.tableHeader a:hover { text-decoration: underline; }

.tableRow.on {
    background-color: rgb(219,219,219); /* darker blue */
}

.tableCell { white-space: nowrap; color:black;border-right:1px solid #DDDDDD;vertical-align:top;padding: 0px 5px 0px 5px ;border-bottom:1px solid #EDF3FE }
.tableCell-wrap {                 color:black;border-right:1px solid #DDDDDD;vertical-align:top;padding: 0px 5px 0px 5px ;border-bottom:1px solid #EDF3FE }

/* Below tableWithLines is new, a replacement for tableHeader and tableCell above. */
table.tableWithLines th { background-color:#738EBD;color:white;vertical-align:top;padding: 2px 5px 2px 5px ;border-right: 1px solid #617AA5 }
table.tableWithLines td { white-space: nowrap; color:black;border-right:1px solid #DDDDDD;vertical-align:top;padding: 0px 5px 0px 5px ;border-bottom:1px solid #EDF3FE }


/* Below is support for dashboard. */
.dashboardDiv h1 {
    font-size: 240%;
    text-align: center;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: green;
}
.dashboardDiv td {
    border-style: solid;
    border-color: #617AA5;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
}
table.dashboard td.dashboardHeaderPlaceholder {
    border-right-width: 0;
}
table.dashboard td.dashboardHeaderCategory {
    border-left-width: 0;
}
table.dashboard td.dashboardSourceType {
    font-size: 300%; color: #d8d8d8; font-weight: bold;
    padding: 0.3em 1em 0.3em 0.3em;
    border-right-width: 0;
}
table.dashboard td.dashboardSourceTypeDetail {
    border-left-width: 0;
}
table.dashboard .dashboardHeaderRow {
    font-weight: bold;
}


.goto_popup_div div {
    margin: 1em;
}


td.attributeLabel { font-weight: bold; white-space: nowrap; }
td.attributeValue { padding-left: 1em; }
/* td { white-space: nowrap; } */

.selectColumn { white-space: nowrap; }
.selectTag { white-space: nowrap; }
.tagHighlight { background-color: rgb(247,250,206); }

#portal-logo { background: none; }

/* style for history displays */
table.history { padding-top: 1em; border-spacing: 0; border-collapse: separate; width: 100%; }
table.history th.header{ padding-top: 10px; border-bottom: 1px solid gray; font-weight: bold; background-color: white; color: #707040; font-size: 100%; }
table.history th { border-bottom: 1px solid #afafaf; font-weight: bold; text-align: left; font-size: 90%; }
table.history td { font-size: 90%; vertical-align: top; empty-cells: show; }


/* almost every page has this */
#copyright {
    border-top: 1px solid #ccc;
    margin: 25px auto;
    padding: 3px;
    text-align: center;
    font-weight: normal;
    font-size: 9px;
}


/* frequently-used styles, too bad we don't have more yet */
.bigLetters { font-size: 120%; font-weight: bold; color: green }

/* tabbed form support */
/* below originally from tabbedPane-layout.css */
.tabbedPane .tabs
{
  display: inline;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: 0.1em;
}

.tabbedPane .tabs li
{
  display: inline;
  padding: 0 2em;
  border: 1px solid #666;
  background: #eee;
  cursor: pointer;
  margin-right: 0.25em;
}

.tabbedPane .tabs li:hover
{ 
  background: #f5f5f5;
}

.tabbedPane .tabs li.selected
{
  border-bottom: 1px solid #fff;
  background: #fff;
}

.tabbedPane div
{
  clear: both;
  display: none;
  border: 1px solid #666;
  margin-bottom: 1em;
  padding: 0 1em;
}

.tabbedPane div.selected
{
  display: block;
}



/* below originally from tabbedPane-style.css */
.tabbedPane div {
  padding: 1em;
}

.tabbedPane .tabs li, .tabbedPane div { 
  border: 1px solid #c6b6c6;
}


/* Below is copied from nevow-0.4.1/formless/freeform-default.css, then modified a little bit. */
.freeform-typed { }
.freeform-property-binding { border: 1px solid blue; padding: 0.5em; width: auto }
.freeform-method-binding { border: 1px solid black; padding: 0.5em; width: auto }
.freeform-argument-binding { border: 1px solid blue; padding: 0.5em; width: auto }
/*.freeform-binding-content { border-top: 1px dashed #bdedfe; margin-top: 0.5em; padding-top: 0.5em }*/
.freeform-label { float: left; width: 200px; }
.freeform-input-text { width: 250px; }
input[name="name"] { width: 450px; }  /* must be px b/c em's vary greatly between browsers, which is bad in popups */
.freeform-input-password { width: 100px; }
.freeform-form-error { color: red; margin-left: 1em;}
.freeform-error { color: red; margin-left: 1em;}
/*.freeform-description { border-bottom: 1px dashed #bdedfe; margin-bottom: 0.5em; padding-bottom: 0.5em }*/
.freeform-description { margin-bottom: 0.5em; padding-bottom: 0.5em }
.freeform-list-item { width: auto }
.freeform-form-label { color: #666666 }

.freeform-textarea { width: 40em; height: 16em; }

.freeform-success { padding: 0.5em; border: 1px dashed green; }
.freeform-failure { padding: 0.5em; color: red; border: 1px dashed red; }

.freeform-list { border: 1px dashed #cdcdcd; }
.freeform-dictionary { border: 1px dashed #dedede; }
.freeform-action-group { margin: 0px }
.freeform-action { color: green }
.freeform-action-selection { background-color: red; height: 1em; width: 1em; }

.freeform-group-binding { border: 1px dashed #efabab }
.freeform-grouped-property-binding {}
.freeform-grouped-method-binding {}


/* crs added below */
.whole-bar { white-space: nowrap; }
.command-bar { border: 1px solid #8cacbb; background-color: #f2f2f2; padding: 2px }
.changeView {  border: 1px solid #8cacbb; padding: 2px; margin-left: 1em; margin-right: 0.5em; color: #127127; background-color:rgb(182,217,190) }

/* my custom forms */
.custom-form-error { font-style: italic; color: red; }
.fieldLabel { text-align: right; white-space: nowrap; }


/* dropdown menu from link support, originally came from:  http://www.dynamicdrive.com/dynamicindex1/anylinkcss.htm */
.anylinkcss{
    position:absolute;
    visibility: hidden;
    border:1px solid #8cacbb;
    border-bottom-width: 0;
    font:normal 10px Verdana;
    line-height: 18px;
    z-index: 100;
    background-color: rgb(182,217,190);
}

.anylinkcss a{
    /*width: 100%;*/
    display: block;
    text-indent: 3px;
    padding: 1px 0;
    margin-right: 1em;
    text-decoration: none;
    text-indent: 5px;
}

.anylinkcss a:hover {
    background-color: #127127;
    color: white;
}


/* edit entity traceability */
td.linkHeading {
    font-weight:bold;
}
td.linkHeadingDesc {
    font-style: italic;
    padding-bottom: 1em;
}

div.searchResults {
	height: 200px;
	/*width: 200px;*/
    white-space: nowrap;
	overflow: auto;
	border: 1px solid #666;
	background-color: #ccc;
	padding: 8px;
    display: block;
}

#link_table ul {
    margin-top: 0em;
    line-height: 1em;
}

#link_table li {
    list-style: none;
}

#link_table li li {
    margin-bottom: 0em;
}

span.link_type_css {
    margin-left: 2em;
    font-style: italic;
}


/* tagit popup support */
#tagItPopupDiv a {
    text-decoration: none;
}

/* Just add a class of clearfix to any element containing a float needing to be cleared.
   For example, if you have a float:right link inside a div at the bottom of the div, it's not included in the border without this.
   For details, see:  http://www.positioniseverything.net/easyclearing.html
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* The nasty nasty 3 lines below come from http://www.positioniseverything.net/easyclearing.html
 * Otherwise .clearfix does not work in IE. */

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


/* Below is view entity page support. */
.viewEntityTitle {
    background-color:rgb(219,219,219);
    border-bottom: 3px solid rgb(153,204,153);
    padding-top: 0.1em;
    cursor: pointer;
}

.viewEntityContent {
    background-color: rgb(227,246,226);
    padding: 0.5em;
}

/*
#div-OutlineContext {
    padding: 0.5em;
}
*/

.viewEntityAddLink {
    float: right;
    padding: 5px;
    font-weight: bold;
}

.viewEntityList {
    margin-top: 0em;
    list-style-type: disc;
}

.viewEntityInboundLinksTitle {
    font-size: 130%;
}

.viewEntityLinksTable {
    background-color: rgb(227,246,226);
}
.viewEntityLinksTable td {
    vertical-align: top;
    width: 50%;
}



/* Below is outline support. */
a.blackLink {
    color: Black;
}



/* Below is outline move support. */

.moveOutlineTitle {
    color: rgb(146,34,34);  /* the shade of red we want. */
    font-size: 80%;
}

.moveOutlineSelectedRow {
    background-color: rgb(224,220,220);
}

.moveOutlineElement {
    border: 2px solid rgb(146,34,34);
}

.moveOutlineTargetLink {
    color: #ccaaaa;  /* faded red */
}
.moveOutlineTargetLink:hover {
    color: rgb(146,34,34);
    font-size: 130%;
}

.cancelMoveOutline {
    color: rgb(146,34,34) ! important;  /* had to put !important here to fight with plone.css, which wants all links in h1,h2,etc. elements to be black */
    font-weight: bold;
    background-color: rgb(255,204,204);
}


/* Below is two level list browser support. */
#browser a {
    text-decoration: none;
}

#browser thead, #browser tbody {
    background-color: rgb(227,246,226); /* light blue */
}
#browser thead {
    font-size: 150%;
    color: black;
}
#browser thead th {
    padding: 0.5em;
}
#browser td {
    padding: 0px; /* needed to prevent gap between left + right highlighted columns */
}
#browser #namecell {
    white-space: nowrap;
    vertical-align: top;
}
#browser #namecell ul {
    list-style: none;
    margin: 0em 0em 0em 0em;
}
#browser #namecell li {
    margin-bottom: 0px;  /* stop plone.css */
    padding: 0.5em 0.5em 0.5em 0.5em;
}
#browser #namecell li.on {
    background-color: rgb(219,219,219); /* darker blue */
}

#browser #valuecell {
    vertical-align: top;
    width: 100%;
    background-color: rgb(219,219,219); /* darker blue */
}
#browser #valuecell li {
    margin-bottom: 0.5em;
}
#browser div#browservalue {
    background-color: rgb(219,219,219); /* darker blue */
}
#browser ul.valuelist {
    list-style-type: disc;
    display: none;
}
#browser ul.valuelist.on {
    display: block;
}


/* Whiteboard. */
#whiteboardHeader {
    background-color:rgb(42,79,50);
    color:white;
    margin-bottom:0px;
    padding-left:5px;
}
#whiteboardHeader h1 {
  color:white;
}
#whiteboardLastUpdated {
  font-size: 180%;
}
#whiteboardHeader p {
  margin-bottom: 0em;
}

#whiteboard {
    /*background-image:url(/custom_images/whiteboard-wood.png);
    background-repeat:repeat;*/
    /*margin-top:-12px;*/
    background-color:rgb(42,79,50);
    padding: 1em;
}
#innerWhiteboard {
    background-color: white;
    padding: 0.5em 1em 1.5em 1em;
}
#whiteboardBottom {
    /*padding-bottom: 1.5em;*/  /* Otherwise pens on bottom go into whiteboard border. */
}
#whiteboardImg {
  visibility:hidden;
    float: left;
}
#whiteboardEditLink {
    float: right;
}


/* New Item Popup */
#newPopupDiv a {
    text-decoration: none;
    color: #127127;
}

#newPopupDiv p {
    margin: 0.5em 0em 1em 0em;
}
#newPopupDiv li {
    margin-top: 1em;
}
.newPopupNameSummary {
    font-weight: bold;
}



/* Select Column Popup */
div.dragdrop_column_list { padding:10px; float:left }
ul.draglist { 
    position: relative;
    width: 170px;
    height:350px;  /* Without height then it collapses. This value is carefully hardcoded for entity w/largest number of fields: task. */
    background: #f7f7f7;
    border: 1px solid gray;
    list-style: none;
    margin:0;
    padding:0;
}
ul.draglist li {
    margin: 1px;
    cursor: move; 
}
li.selected_list_item {
    background-color: #D1E6EC;
    border:1px solid #7EA6B2;
}
li.hidden_list_item {
    background-color: #D8D4E2;
    border:1px solid #6B4C86;
}




/* Source control page */
.source-item {
    font-weight: bold;
}
/* commandLine was needed because pre was wrapping the command - AND WE DONT WANT THAT! */
.commandLine {
    white-space: nowrap;
    padding: 1em;
    font: 110% "Courier New", Courier, monospace;
}

/* create link popup */
/*#create_link_form div.rowSelected {
    margin-top: 1em;
}*/


/* Assistance support */
#assistance {
    background-color: rgb(245,250,188); /* flesh-colored beige */
    margin: 0.5em 0em 0.5em 0em;
}
#assistance_title {
    text-align: center;
    margin-bottom: 1em;
    font-size: 130%;
    font-weight: bold;
}
#assistance_close {
    margin: 1em 1em 0em 0em;
    text-align: right;
    font-weight: bold;
}


/* reg page */
#regDiv {
    border-width: thin;
    border-color: #127127;
    border-style: solid;
    width: 746px;
    margin: 10px auto 10px auto;
}


/* gantt charts */
.ganttbarclass {
    background-color: lightblue;
    border-width: thin;
    border-color: darkblue;
    border-style: solid;
    position: relative;
	bottom: 0;
	height: 1em;
}

/* smart gantt */
.smartGanttBarContainer {
    position: relative;
	bottom: 0;
	height: 1.5em;
    margin-top: 1em;
    margin-bottom: 1em;
    white-space: nowrap;
    cursor: pointer;
}
/* Below, unique name so that ie doesn't screw up since it can't handle multiple class selectors. */
.smartGanttBarContainerSelected { border: 3px solid yellow; }

.smartGanttBarGreen  { height: 1.5em; float: left; background-image:url(/custom_images/ganttGradientGreen.png); background-repeat:repeat-x; }
.smartGanttBarYellow { height: 1.5em; float: left; background-image:url(/custom_images/ganttGradientYellow.png); background-repeat:repeat-x; }
.smartGanttBarRed    { height: 1.5em; float: left; background-image:url(/custom_images/ganttGradientRed.png); background-repeat:repeat-x; }
.smartGanttBarUnknown{ height: 1.5em; float: left; background-color: purple; }

#smartGanttSummaryOfProblems { margin-top: 3em }  /* offset needed because of background bars */

.smartGanttMilestone { position: absolute; }

.smartGanttBarDivider {
    height: 2px;
    color: black;
    background-color: black;
}


/* workstream */
.workstreamBar {
    background-image:url(/custom_images/workstreamBackground.png);
    background-repeat:repeat-x;
    position: relative;
	bottom: 0;
	height: 1.5em;
    margin-top: 1em;
    white-space: nowrap;
}

.workstreamBackground {
    position: absolute;
}

.workstreamBackgroundBox {
    border: solid #c3c3c3;
    border-width: 1px 0px 1px 1px;
    float: left;
    height: 100%;
}

.workstreamBackgroundBox-last {
    border-width: 1px 1px 1px 1px;
}
    

/* toggling of fieldsets */
fieldset.collapsed * { display:none; }
fieldset.collapsed h2, fieldset.collapsed { display:block !important; }
fieldset.collapsed .collapse-toggle { padding:3px 5px !important; background:transparent; display:inline !important;}
fieldset.collapsed h2 { border-bottom: 0 }
fieldset.displayed h2 { display:none; }

/* diff task support */
.diffTask-added { background-color: #a3deb9; }
.diffTask-changed { background-color: #ffffa3; }
.diffTask-deleted { background-color: #d7a3a3; }
.diffTask-unchanged {}


/* quickstart support */
.quickstartBlurbDiv {
    background-color: #2A4F32;
    color: white;
    padding: 1em;
    margin: 1em;
}
.quickstartBlurbDiv h2 {
    color: white;
}

/* entity search support */
#searchEntityResultsDiv {
	border: 3px solid #127127;
    padding: 0.5em;
    margin: 0.5em;
}
 
#searchEntityResultsDiv h1 a {
    font-size: 70%;
    text-decoration: underline;
    color: #127127 !important;
}

/* query support */
#condTable td { white-space: nowrap; }

/* edit resource budget */
#edit_resource_budget thead {
    /*text-align: center;*/
}