BODY	{
	background-color: #FEFFFF; /* Old Light-green: #FFFFF0; Note: this is usually over-ridden by background0 below. */ 
	font-family:  Arial, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	/*margin-top: 2*/
}

.content-head {
	height: 28px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	white-space: nowrap;
	padding: 0;
}

/* The table that is used to lay out the menu bar at the top of most body pages. */
/* Added zero-margins because the SPL stylesheet was applying extra margins for tables */
/* (making a gap at the top of the page). */
.header-table {
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	padding: 0px;
	border-spacing: 0px; /* takes place of cellspacing="0" attribute */
}

.menu-icon {
	vertical-align: -3px;
	margin-top: 2px;
}

.menu-margin-top {
	margin-top: -1px;
}

table.full-width {
	width: 100%;
}

table.content-table {
	/* border: 1px solid #168BB2; */ /* Same as menu header - background2 below */
	border-collapse: collapse;
	background-color: transparent;
	border-radius: 5px;
}
table.content-table th {
	border: 1px solid #189CC6;
	background-color: #f7ffff;
}
table.content-table td {
	border: 1px solid #189CC6; /*#168BB2;*/
	padding: 3px 3px 3px 3px	
}

.content-body {
	/*height: 100%;*/
/*	overflow: auto; */
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	margin-right: 0px;
}

A:link	{
	color: #400080;
	 }

H1	{font-weight: bold;
	 text-align: center;
	 color: #006000;
	 font-family:  Arial, sans-serif}

H2	{font-weight: bold;
	 font-family:  Arial, sans-serif}

H3	{font-weight: bold;
	 font-family:  Arial, sans-serif}

CITE	{font-family:  Arial, sans-serif;
	 font-style: italic}

P	{
	 font-family:  Arial, sans-serif;
	 font-size: 10pt;
	 }


TD	{
	 font-family:  Arial, sans-serif;
	 font-size: 10pt;
}

/* sets the background colour of a page or frame. Should be applied
   to the "body" element as 'class="background#..."'.
    background0 = "ulta-pale cream"
    background1 = "ulta-pale green"
    background2 = "med-dark green"
    background3 = "ulta-pale green"
 */
.background0 {
    background-color: #FEFFFF; /* Old Light-green: #FFFFF0; */
}

.background1 {
/*    background-color:#ceffce; */
    background-color:#f0fff0;
}

/* background2: used for the background colour top-menu sections */
.background2 {
	/* newbook colour (dark green): 69/117/30 = #45751E */
	/*background-color: #168BB2;*/	/* New: Similar, but slightly darker than "Labelbridge blue". Old: Newbook green (#45751E);*/
	background-color: #1795d2; /* Try the colour used in eValidator - see RG e-mail Oct 19, 2012 */

}

/* background3: used for the background colour of the top frame and the logout frame at the bottom of the tree. */
.background3 {
    /*background-color:#eff7ff;*/
    background-color:#f7ffff; /* Light-blue - a bit darker than the background colour */
}

/* sets the text colour. Should be applied
   to the "element" element as 'class="text#..."'.
    text0 = "black"
    text1 = "med-dark green"
    text2 = "ulta-pale green"
    background3 = "ulta-pale green"
 */
.text0 {
    color:#000000;
}

.text1 {
    color:#008200;
}

.text2 {
    color:#f0fff0;
/*    color:#ceffce; */
}

.front-page-title {
	font-family: Arial, sans-serif;  /*Times New Roman, serif;*/
	font-weight: bold;
	font-size: 18pt;
	color: #189CC6; /* "Labelbridge blue" */
}

.topframe-title {
	font-family: Arial, sans-serif;  /*Times New Roman, serif;*/
	font-weight: bold;
	font-size: 18pt;
	color: #189CC6; /* "Labelbridge blue" */
}

.topframe-hide {
	font-family:  Arial, sans-serif;
	font-weight: bold;
	font-size: 6pt;
	color: #189CC6;
    /* Rotate the text "Hide >>". From http://stackoverflow.com/questions/6028128/how-do-i-rotate-text-in-css */
    /*display:block;*/
    /* Not used anymore: using an image instead...
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
     /* For IE support - doesn't seem to work!! */
}

legend {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #168BB2; /* New: same as menu background: slightly darker blue; Old Green: #006633;*/
}

img.image-form-image {
	border-color: #168BB2;
	border-width: 1px;
	border-style: solid;
	/* Scale down the image if it's too big: about 500px seems good. */
	max-width: 500px;
	max-height: 500px;
}

img.splimage-thumb {
	border-color: #168BB2;
	border-width: 1px;
	border-style: solid;
	/* Scale down the image to thumbnail size. */
	max-width: 80px;
	max-height: 80px;
}

.content-fieldset {
	margin-right: 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #DEDEDE; /* New: light gray; Old Green: #336600; */ 
	padding: 5px;
	border-radius: 5px;
}

.hide-link {
	color: #189CC6;
	text-decoration: none; /* Remove the underline style from the "link" */
}


.page-header {
	font-family:  Arial, sans-serif;
	font-weight: bold;
	font-size: 12pt;
	color:#f0fff0;
}

.page-mode {
	color:#ffff00;
}

.entry {
    background-color:#eeeeee;
    padding:2px;
}

.lb-button {
/*    background-color:#f0fff0; */
}

.tree-head {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	white-space: nowrap;
}

.tree-foot {
/*	height: 10%; */
	border-top-width: 1px;
	border-top-style: solid;
/*	margin-top: 5px; */
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	white-space: nowrap;
}

.login_info {
	font-family:  Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	font-size: 8pt;
}

.regular-form {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding: 0px;
	width: 100%;
}

.p-rt-margin {
	margin-right: 20px;
}

.content-table {
    background-color:#eeeeee;
    /*padding:2px;*/
}

/* The width of the content tables in most forms */
.content-width {
	width: 400px;
}

/* Not used anymore I think
.event_table {

}
*/

.event_text {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.cell-edit-row {
    text-align: left;
}

.standard-select {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;
	border-style: solid;
	border-width: 1px;
	border-color: #189CC6; /*#168BB2;*/
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;	
	margin-bottom: 5px;
	border-radius: 5px;
	background-color:white;
	color:black;
}

.options-list {
	background-color: whitesmoke;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 150px;
}

.create-form-text-box {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #189CC6; /*#168BB2;*/
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 5px;
}

.lists-form-file {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;
	border-style: solid;
	border-width: 1px;
	border-color: #189CC6; /*#168BB2;*/
	padding-left: 2px;	
	border-radius: 5px;
}

.standard-text-box {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;
	border-style: solid;
	border-width: 1px;
	border-color: #189CC6; /*#168BB2;*/
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	border-radius: 5px;
}

.standard-text-box-no-size {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	border-style: solid;
	border-width: 1px;
	border-color: #189CC6;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 5px;
}

.units-text-box {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 80px;
	border-style: solid;
	border-width: 1px;
	border-color: #189CC6;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 5px;
}


.create-form-text-area {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;
	border-radius: 5px;
}

.standard-text-area {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;

	border-style: solid;
	border-width: 1px;
	border-color: #189CC6; /*#168BB2;*/
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 5px;
}

.create-form-select {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
	width: 400px;

	border-style: solid;
	border-width: 1px;
	border-color: #189CC6; /*#168BB2;*/
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-radius: 5px;
}

.button-para {
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
}

.edit-button {
	width: 80px;
}

.normal-button {
	width: 80px;
}

.disabled {
    background-color:gray;
}

input.view-mode {
	border-style: solid;
	border-color: #189CC6; /*#168BB2;*/
	border-width: 1px;
	font-family: arial, helvetica, sans serif;
	border-radius: 5px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.round-corners {
	border-radius: 5px;
}

.read-only {
    background-color: #E0E0E0;
}

.view-mode {
	/* Used to be light-pale green for "View" mode */ 
    background-color: transparent;
}

.none {
	
}

.small-button {
	font-size: 10px;
	margin: 0 5px 0 5px;
	vertical-align: bottom;
}

.annot-button {
	font-size: 10px;
	background-color:#e9e9e9;
	border: 1px solid #336699;
	margin: 0 5px 0 5px;
	vertical-align: bottom;
}

.annot-text {
	background-color:#f7f7f7;
	border: 1px solid #336699;
	margin: 0px;
}

.annot-textarea {
	background-color:#f7f7f7;
	border: 1px solid #336699;
	margin: 0px;
}

.annot-table {
	border-collapse: collapse;
	background-color: #f7ffff;
	/*background: #262626;*/
}

.annot-subhead {
	border: 1px solid #189CC6;
	background-color: #f5f5f5; /* light-grey */
	/*background: #BABD73;*/
}

.annot-content, .annot-ctrls {
	border: 1px solid #189CC6;
	background-color: #f7ffff;
	/*background: #EFE1AB;*/
}

.indent20 {
	padding-left: 20px;
}

.spl-font {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.mandatory-field {
	font-weight: bold;
}

.logout {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


/* ### class for styling complete table ### */
/* Don't think this is used...
.full-group {
    border:none;
}*/

.full-group-label{
    background-color:#eeeeee;
    border-bottom:thin solid;
    padding-top:5px;
}

/* Used for div for form errors at the top of forms: red with some space above */ 
.formErrors {
	color: red;
	margin-top: 10px;
	font-weight: bold;
}

/* This should over-ride JQuery UI styles for dialog box title bar colours (include this CSS after jquery-ui.css). */
.ui-dialog-titlebar {
  background-color: #1795d2; /* #f7ffff */
  background-image: none;
  color: #f7ffff; /* black; */
}

/* This standard table cell padding can be used for form table headings and plain text content to give more padding that default. */
.table-cell-padding {
	padding: 3px;
}

.note-display {
	color: blue;
}

#annotationContainer {
  display: inline-block;
}