/* masterstyle.css		Spectrum main CSS
/* 04/11/08 msmaga	ESIG */

*
{
	margin:0;
	padding:0;
}
HTML
{
    overflow: auto;
}

BODY 
{
	COLOR: #333;
	background-color: white; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: arial;
	margin: 1em;
}

BODY.EditRecord INPUT.Save,
BODY.EditRecord INPUT.Reset
{
	display: none;
}

H1 
{
	FONT-WEIGHT: normal; 
	MARGIN: 0px; 
	COLOR: #333; 
	FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	FONT-SIZE: 32px; 
}

H2 
{
	FONT-WEIGHT: normal; 
	MARGIN: 0px; 
	COLOR: #555599;  
	FONT-FAMILY: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	FONT-SIZE: 24px; 
}

H3 
{	
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	font-size: 18px;
	COLOR: #555599;  
	padding-bottom: 2px;
	margin: 10px 2px 5px 0px;
	border-bottom: 2px #C8C8FF solid;
}

DIV.SubSection H3
{
	font-size: 14px; 
	margin: 3px 0px 0px 0px;
}

H4 
{
	MARGIN: 0px;
	margin-top: 4px;
	margin-bottom: 8px;
	COLOR: #555599;  
	FONT-SIZE: 13px; 
	FONT-FAMILY: arial
}

H5 
{
	font-family: "Trebuchet MS", "Bitstream Vera Sans", lucida, arial, helvetica, sans-serif;
	font-size: 14px;
	COLOR: #555599;  
	margin: 3px 0px 0px 0px;
}

P 
{
	COLOR: #333; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: arial
}

TEXTAREA 
{
	COLOR: #333; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: arial;
    Height: 85px;
}

SELECT 
{
	COLOR: #333; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: arial
}

LI 
{
	FONT-WEIGHT: normal; 
	COLOR: #333; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: arial;
	list-style-type:none;
}

TD
{
	COLOR: #333;
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial;
	vertical-align: top;
}

TH
{
	FONT-SIZE: 8pt;
	FONT-FAMILY:arial;
	font-weight: normal;
	text-align: left; 
    color: #000;
	vertical-align: top;
}

FORM
{
	margin: 0px;
}

INPUT
{
	COLOR: #333; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: arial; 
	MARGIN-RIGHT: 2px;
}

DIV.FolderList
{
	overflow: auto;
	border: 1px solid #333;
}

DIV.ThumbnailList
{
	padding:0px;
	border-width: 0px;
	COLOR: #333;
	border-color: #000000;
	text-align: left;
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial;
}

DIV.SubSection
{
  	padding-left: 4em;
  	padding-bottom: 2em;
}


/* Standard Links */
A
{
	COLOR: #000099; 
	TEXT-DECORATION: underline;
}
A:visited
{
	COLOR: #000099;
}

A.BulkLink
{
	FONT-WEIGHT: bold;
}

A.Disabled
{
	COLOR: #999999;
	TEXT-DECORATION: underline;
}
/* End Standard Links */

A.BulkLinkDisabled
{
	COLOR: #999; 
	FONT-WEIGHT: bold
}

A.BulkLinkDisabled:visited
{
	COLOR: #999; 
}
.left
{
	text-align: left;
}
.center
{
	text-align: center;
}
.right
{
	text-align: right;
}

/* CSS for most edit/display pages */
.editCustomers,
.editRecord,
.editSelf,
.editSettings,
.editStain,
.PutComment,
.ScoreParameters
{
    font-size: 8pt;
    text-align: left;
}

.editCustomers TH
.editRecord TH,
.editSelf TH,
.editScore TH,
.editSettings TH,
.editStain TH,
.PutComment TH,
.ScoreParameters TH
{
    /* Note: font-weight and text-Align are set in TH */
    padding-left: 17px;
    padding-right: 1em;
	padding-bottom: .25em;
	font-weight: bold;
}
.editCustomers INPUT
{
    width: 40em;
}
.editCustomers SELECT
{
    width: 40.5em;
}

INPUT.editRecord,
SELECT.editRecord,
TEXTAREA.editRecord
{
    width: 50em;
}
TABLE.editRecord TR TH
{
	padding-left: 0;
	font-weight: bold;
	text-align: right;
	padding-right: 1em;
	width: 15em;
}
TABLE.editRecord TR TD INPUT,
TABLE.editRecord TR TD SELECT
{
	width: 20em;
}

DIV#divShowDetailsCore INPUT.editRecord,
DIV#divShowDetailsCore SELECT.editRecord,
DIV#divShowDetailsCore TEXTAREA.editRecord
{
    width: 20em;
}

TABLE.ListTable INPUT.editRecord,
TABLE.ListTable SELECT.editRecord
{
    width: 10em;
}
TABLE.ScoreTable INPUT.editRecord,
TABLE.ScoreTable SELECT.editRecord
{
    width: 10em;
}
TABLE.ListTable TEXTAREA.editRecord
{
	width: 15em;
}
TABLE.ListTable TBODY TR.DataRow TD.CommentId SELECT
{
	width: 15em;
}
TABLE.ListTable TBODY TR.DataRow TD.CommentId TEXTAREA
{
	width: 15em;
	height: 4em;
}
TABLE.ListTable TBODY TR.DataRow TD A IMG
{
	border: 1px solid #ccc;
}

TD SPAN.DeadLink
{
	color: #999999;
	text-decoration: underline;
}

TEXTAREA.editRecord
{
    height: 6em;
}

TABLE.editScore TBODY TR TD SELECT
{
	width: 30em;
}
TABLE.editScore TBODY TR TD INPUT
{
	width: 30em;
	margin-right: 1em;
}

.Operator
{
	width: 10em;
}

.editSelf TH
{
    width: 22em;
}
.editSelf TR TD INPUT
{
    width: 400px;
}
.editSelf TR TD INPUT.checkbox
{
    width: 1.0em;
    padding-left: 0px;
}
TABLE.ScoreParameters TBODY TR TD H3
{
	margin-top: .3em;
}
TABLE.ScoreParameters TBODY TR TD H3.indent
{
	margin-left: 3.5em;
}
TABLE.ScoreParameters TBODY TR TD H5
{
	padding-left: 1.2em;
	font-style: italic;
}
TABLE.ScoreParameters TBODY TR TH em
{
	font-weight: normal;
}
TABLE.ScoreParameters TBODY TR TD.Vocabulary
{
	text-align: justify;
	padding-bottom: 1.5em;
}
TABLE.ScoreParameters TBODY TR TD.Vocabulary INPUT
{
	width: 100%;
}
TABLE.ScoreParameters TBODY TR TD
{
	padding-left: 1.3em;
}
TABLE.ScoreParameters TBODY TR TD INPUT
{
	width: 7em;
}
TABLE.ScoreParameters TBODY TR TD SELECT
{
	width: 8em;
}
TABLE.ScoreParameters TBODY TR TD SELECT#SelectMacroId
{
	width: 22em;
}
TABLE.ScoreParameters TBODY TR TD SELECT.ScoreMacroOutput
{
	width: 17.5em;
}
TABLE.ScoreParameters TBODY TR TD textarea
{
	font-family: Monospace;
	font-weight: bold;
	color: #c08000;
}
TABLE.ScoreParameters TBODY TR DIV.C-Sharp
{
	font-family: Monospace;
	color: #c08000;
	vertical-align: bottom;
}
TABLE.ScoreParameters TBODY TR TD INPUT.checkbox
{
	width: 1em;
	vertical-align: top;
	margin-left: .5em;
	margin-bottom: 6px;
}
TABLE.ScoreParameters TBODY TR TD.noMargin
{
	padding-left: 0em;
}
TABLE.ScoreParameters TBODY TR TD.commentName INPUT
{
	width: 14em;
}

SELECT#CalculatedScoreConfigId
{
	width: 11.5em;
}

.editSettings TH
{
    width: 20em;
}
.editSettings INPUT,
.editSettings SELECT
{
    width: 25em;
}
.editSettings TR TD INPUT.CheckBox
{
    width: 1.0em;
    padding-left: 0px;
    margin-right: 4px;
    text-align: left;
}
.editSettings INPUT#short
{
    width: 3.0em;
}

.editStain TH
{
    width: 8em;
}
.editStain INPUT
{
    width: 40em;
}
.editStain SELECT
{
    width: 40.5em;
}
.PutComment INPUT,
.PutComment SELECT,
.PutComment TEXTAREA
{
	width: 40em;
}

form#ExportOptions div table tbody tr td,
form#ExportOptions div table tbody tr th
{
	vertical-align: top;
	padding-left: 0em;
}
form#ExportOptions div table tbody tr td.em
{
	vertical-align: bottom;
	padding-left: 1em;
}
form#ExportOptions div table.indent
{
	padding-left: 1em;
}
#MessageString
{
	margin-top: -8px;
	margin-bottom: 0px;
	padding-bottom: 4px;
	color: #0087D5;
}
/* end DisplayPages CSS */

TABLE.Masthead
{
	border-width: 0px;
	width: 100%;
}

/* 04/11/08 msmaga	ESIG */
.esigDiv
{
	position: absolute;
	margin-top: 3px;
	width: 48em;
	height: 4em;
	padding: 10px;
	background: #ffe0e0;
	border: 2px solid #aa0000;
	z-index: 100;
}
.esigDiv TD
{
	padding-right: 0.5em;
}
.esigDiv TH
{
	margin-top: -10;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	
	color: #aa0000;
	z-index: 100;
}

/* Styles for the List tables
 * 
 * TH: Will mostly used by cList.php.  Perhaps these should be shunted into a secondary file?
 */

TABLE.ListTable,
TABLE.FloatingListTable
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
 	border-style: none;    
	border-width:0px;
	border-color: #999999; 
	border-spacing: 0px;
	border-collapse: collapse;
}

TABLE.SpotTable TR
{
	BACKGROUND-COLOR:#E8E8FF;
}

TABLE.ListTable TR TH,
TABLE.FloatingListTable TR TH
{
	background-color:#555599;
	COLOR: #FFFFFF;
	FONT-SIZE: 8pt;
	FONT-FAMILY:arial;
	font-weight: bold;
	text-align: left; 
	border-width: 0px;
	padding: 0px 4px;
}

TABLE.ListTable TR TH.NoListTable,
TABLE.FloatingListTable TR TH.NoListTable
{
	background-color: #ffffff;
	color: #cccccc;
}

TABLE.ListTable TR.row TD,
TABLE.FloatingListTable TR.row TD,
TABLE.ListTable TR.row-alt TD,
TABLE.FloatingListTable TR.row-alt TD
{
	BACKGROUND-COLOR:#f8f8f8;
	COLOR: #333;
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial;
    vertical-align: middle;  
	TEXT-ALIGN: left;
	PADDING: 2px 4px;
}

TABLE.ListTable TR.row-alt TD,
TABLE.FloatingListTable TR.row-alt TD
{
	BACKGROUND-COLOR:#E8E8FF;
}

A.ListTable,
TABLE.ListTable TR TH A,
TABLE.FloatingListTable TR TH A
{
	COLOR: #FFFFFF;
}

TABLE.ListTable TR TD A,
TABLE.FloatingListTable TR TD A
{
	COLOR: #000099;
}
TABLE.ListTable TBODY TR.DataRow TD A IMG.noBorder
{
	border: 0px;
}
/* End List Styles */

TABLE.GrandChildTable
{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-width:0px;
	border-color: #333333;
	border-spacing: 2px;
}

TH.GrandChildTable
{
	background-color:#555599;
	COLOR: #ffffff;
	FONT-SIZE: 8pt;
	FONT-FAMILY:arial;
	font-weight: bold;
	text-align: left; 
}

TD.GrandChildTable
{
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial;
	text-align: left; 
}

DIV.GrandChildTable
{
	border: 1px solid #333;
}

TABLE.FloatingListTable
{
	position: relative;
	border-bottom: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
}

TABLE.SectionTable
{
	border-style: solid;
	border-color: #555599;
 	border-width: 1px;
 	padding: 0px;
    white-space:nowrap;
}

TABLE.SectionTable TD
{
	padding:2px;
	border-width: 0px;
	COLOR: #333;
	border-color: #000000;
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial;
	white-space:nowrap;
}

TABLE.SectionTable TH
{
	background-color:#555599;
	COLOR: #FFFFFF;
	FONT-SIZE: 8pt;
	FONT-FAMILY:arial;
	font-weight: bold;
	text-align: center; 
	border-width: 0px;
	padding: 0px 2px;
}

TABLE.TMAMap
{
	border-width: 1px;
	border-spacing: 0px;
 	padding: 0px;  	
}

TABLE.TMAMap TD
{
    padding:0px;
	border-width: 0px;
	border-spacing: 0px;
}

TABLE.AttributeTable
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
 	border-style: solid;    
	border-width:1px;
	border-color: #000000; 
	border-spacing: 0px;
	border-collapse: collapse;
}
TD.Icon
{
	white-space: pre;
	padding: 0;
	text-align: center;
}

TD.Icon-Open
{
	white-space: pre;
	padding: 0;
	text-align: center;
	font-weight: bold;
}
    
.errorDiv
{
    font-size: 9pt;
    font-weight: bold;
    padding: 0;
    padding-bottom: 8px;
    color: #ff4444;
    text-align: left;
    text-decoration: none;
}

.successDiv
{
    font-size: 9pt;
    padding: 0;
    font-weight: bold;
    padding-bottom: 8px;
    color: #207030;
    text-align: left;
    text-decoration: none;
}

/* Status Styles */
.Status
{
	display: inline;
	color: #999999;
}

.Error
{
	color: #990000;
}

.Warning
{
	color: #999900;
}

.Good
{
	color: #009900;
}

.Normal
{
	color: #333333;
}
/* End Status Styles */

DIV.ToolTip
{
	position: absolute;
	border: 1px solid #333;
	padding: 1px;
	background: #FFFFE8;
	COLOR: #009;
}

A.ImageLink
{
	text-decoration: none;
}

DIV.OptionsList
{
	position:absolute;	/* Never change this one */
	width:175px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #777777;	/* gray border */
	background-color:#C8C8FF;	/* light purple background */
	text-align:left;
	z-index:10;
}

DIV.OptionsList DIV.optionDiv
{
	margin:1px;		
	padding:1px;
	cursor:pointer;
	color:#000;
}

DIV.OptionsList DIV.optionDivSelected
{
	margin:1px;		
	padding:1px;
	cursor:pointer;
	background-color:#555599; /* purple background */
	color:#FFF;
}

TABLE.ImageBlock
{
	display: inline;
	COLOR: #333;
	FONT-SIZE: 8pt;
	FONT-FAMILY: arial;
}

TD.Thumbnail IMG,
TH.Thumbnail IMG
{
	height: 180px;
	border: 1px solid #ccc;
}

TABLE.ImageBlock TH.Thumbnail
{
	text-align: center;
	padding: .1em;
}

TABLE.ImageBlock INPUT.editRecord
{
    width: 25em;
}
TABLE.ImageBlock TEXTAREA.editRecord
{
    width: 25em;
    height: 6em;
}
TABLE.ImageBlock SELECT.editRecord
{
    width: 25em;
}

.layerColor
{
	width: 60px;
}

.cursorPointer
{
	cursor: pointer
}

HTML#list
{
    overflow: hidden;
}

#footer
{
	width: 100%;
	text-align: center;
	margin-left: 0px;
}

#footer hr
{
	border: 1px solid #0C347C;
	margin-right: 0px;
}

#navbar, #navbar td, #floatmenu, #floatmenu td
{
	color: white;
	background-color: #0C347C;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	padding: 0px;
 
}
TABLE#navbar tr td
{
	vertical-align: middle;
}

/* Page & Display counters */
DIV td.Paginator SELECT,
DIV td.RecordCounter INPUT
{
	width: 3.5em;
}

/* all lists */
#nav, #nav ul, #float, #float ul
{ 
 	list-style: none;
	line-height: 1;
	background: #0C347C;
	padding: 0;
	border: solid #0C347C;
	border-width: 2px 0;
	margin: 0 0 0 0;
	color: white;
	text-align: left; 
}

/* all lists */
#nav, #nav ul
{ 
    float: right;
    z-index: 100;
}

#nav a, #float a
{
	display: block;
	width: auto;
	color: white;
	text-decoration: none;
	padding: 0.25em;
}

#nav ul li a, #float ul li a
{
	display: block;
	width: 9.5em;
	color: white;
	text-decoration: none;
	padding: 0.25em;
}

/* all list items */
#nav li, #float li
{ 
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	padding-right: 2.5em;
	display: inline;
	white-space: nowrap
}

/* 2nd level list items */
#nav li li, #float li li
{ 
	float: left;
	width: 14em; /* width needed or else Opera goes nuts */
	padding-right: 1em;
	display: inline;
	white-space: nowrap
}

/* second-level lists */
#nav li ul, #float li ul
{ 
	position: absolute;
	background:  #0C347C;
	border-width: 0.25em;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* third-and-above-level lists */
#nav li ul ul, #float li ul ul
{ 
	margin: -1.5em 0em 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul, #float li:hover ul ul, #float li.sfhover ul ul 
{
	left: -999em;
}

/* lists nested under hovered list items */
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul,
#float li:hover ul, #float li li:hover ul, #float li.sfhover ul, #float li li.sfhover ul 
{ 
	left: auto;
}

#nav li:hover, #nav li.sfhover, #float li:hover, #float li.sfhover 
{
	background: #555599;
	color: white;
	height: auto;
}

TABLE.RecordData
{
	padding: 2px;
}

TABLE.RecordData TR
{
	vertical-align: middle;
}

TABLE.RecordData TR TD
{
	text-align: left;
	width: 15em;
}

TABLE.RecordData TBODY TR TD.hint LABEL
{
	font-weight: bold;
	color: #F00;
	padding-left: 1em;
    white-space: nowrap;
	width: 30em;
}
TABLE.RecordData TR TH
{
	text-align: right;
	font-weight: bold;
	padding-right: 1em;
    white-space: nowrap;
	width: 11em;
}
TABLE.RecordData TR TD.CommentId SELECT,
TABLE.RecordData TR TD.CommentId TEXTAREA
{
	width: 50em;
}
TABLE.RecordData TBODY TR TD Input.checkbox
{
    width: 1.0em;
    padding-left: 0px;
}
TABLE.RecordData TBODY TR TD.Thumbnail IMG
{
	margin-right: 4px;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* EditRecord Image Details Images Options */
TABLE TBODY TR TD.TaskOptions
{
	width: 15em;
}
TABLE TBODY TR TH.Thumbnail A IMG
{
	text-align: left;
	margin:left 0;
	margin-top: 1em;
}
/* EditRecord Slide Details Images Options */
TABLE.RecordData TBODY TR TD TABLE TBODY TR TD A.BulkLink
{
	width: 10em;
	margin: 0px;
}
FORM TABLE.RecordData TBODY TR TD TABLE TBODY TR TH
{
	width: 15%;
}
TABLE.RecordData TBODY TR TD TABLE TBODY TR TD
{
	width: 25em;
}
TABLE.RecordData TBODY TR TD TABLE TBODY TR TD.TaskOptions 
{
	width: 8em;
}
.Modified
{
	background-color: #fffed0;
}

.Invalid
{
	background-color: #ffd0d0;
}

DIV.MessageBox
{
    background: #555599;
    color:      #ffffff;
    font-size:  12px; 
    border:     2px solid #0C347C;
    position:   absolute;
    padding:    15px;
    text-align: center; 
    filter:     progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5,Color='#BBBBBB', Positive='true');
}

TABLE.ScoreTable TR TH
{
	font-weight: bold;
	color: #333333;
	background-color: transparent;
    white-space: nowrap; /* since scores are stacked vertically, better not to wrap, expecially when lots of score fields are visible */
}