/*
**    Default style sheet for CRIMES
*/
/*
**	All Bodies have small sans serif font and button face backgrounds
*/
body
{
	font: 10pt 'Microsoft Sans Serif';
	background-color: White;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.RightClickMenuSkin0 
{
	cursor:default;
	position:absolute;
	text-align:left;
	width:250px;
	border:2px solid black;
	background-color:menu;
	font: 10pt 'Microsoft Sans Serif';
	line-height:20px;
	
	visibility:hidden;
	padding-top: 2px;
	padding-bottom: 2px;
}

.RightClickMenuSkin1 
{
	cursor:default;	
	position:absolute;
	text-align:left;
	font: 10pt 'Microsoft Sans Serif';	
	width:250px;
	background-color:menu;
	border:1 solid buttonface;
	visibility:hidden;
	border:2 outset buttonhighlight;
	padding-top: 2px;
	padding-bottom: 2px;
	z-index: 20000;
}

.RightClickMenuItems 
{	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left:15px;
	padding-right:10px;	
}

.FreezePaneOff
{
    visibility: hidden;
    display: none;
    position: absolute;
    top: -100px;
    left: -100px;
}

.FreezePaneOn
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 20480px;
    background-color: #666;
    z-index: 999;
    filter:alpha(opacity=75);    
    padding-top: 20%;
}

.InnerFreezePane
{		
    text-align: center;    
    background-color: #666;
    color: 00FF00;
    font-size: medium;    
    padding: 9px;            
}

.table
{
	width: 100%;	
}

.tr
{
	
}

.freezeSectionHeader
{
	width: 100%;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
	font-weight:  normal;
	font-size: 14pt;	
	color: azure; 
	font-family: 'Microsoft Sans Serif';
	
	/* In case this browser doesn't support behaviors */
	background-color: #000080;	
	filter: progid:DXImageTransform.Microsoft.Gradient(
					GradientType=1,StartColorStr='#000080',EndColorStr='#F0F0F0');
background: -moz-linear-gradient(left, #000080 0%, #F0F0F0 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#000080), color-stop(100%,#F0F0F0));
background: -webkit-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: -o-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: -ms-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: linear-gradient(to right, #000080 0%,#F0F0F0 100%);
}

.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -100px; 
} 
.push { 
    height: 100px; 
} 

.sectionCopyRightPoweredBy
{			
	height: 100px;	
    left: 0px;            	
	width: 100%;	
	text-align: center;
	padding-left: 5px;
	padding-bottom: 3px;
	font-weight:  normal;
	font-size: 85%;			
	font-family: 'Microsoft Sans Serif';				
	background-color: #DDDDDD;
    border-top: 1px solid #666666;    
}

.sectionHeader
{
	width: 100%;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 3px;
	font-weight:  normal;
	font-size: 14pt;	
	color: azure; 
	font-family: 'Microsoft Sans Serif';
	
	/* In case this browser doesn't support behaviors */
	background-color: #000080;	
	filter: progid:DXImageTransform.Microsoft.Gradient(
					GradientType=1,StartColorStr='#000080',EndColorStr='#F0F0F0');
background: -moz-linear-gradient(left, #000080 0%, #F0F0F0 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#000080), color-stop(100%,#F0F0F0));
background: -webkit-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: -o-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: -ms-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: linear-gradient(to right, #000080 0%,#F0F0F0 100%);
}

.sectionSubHeader
{
	width: 100%;
	text-align: left;
	/*padding-left: 5px;*/
	padding-bottom: 3px;
	font-weight: normal;
	font-size: 12pt;	
	color: azure; 
	font-family: 'Microsoft Sans Serif';
	
	/* In case this browser doesn't support behaviors */	
background: #000080;
filter: progid:DXImageTransform.Microsoft.Gradient(
					GradientType=1,StartColorStr='#000080',EndColorStr='#F0F0F0');
background: -moz-linear-gradient(left, #000080 0%, #F0F0F0 100%);
background: -webkit-gradient(linear, left, right, color-stop(0%,#000080), color-stop(100%,#F0F0F0));
background: -webkit-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: -o-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: -ms-linear-gradient(left, #000080 0%,#F0F0F0 100%);
background: linear-gradient(to right, #000080 0%,#F0F0F0 100%);
}

.sectionSubHeaderAppointment
{
	width: 100%;
	text-align: left;	
	padding-left: 5px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 10pt;		
	background-color: lightblue;
	font-family: 'Microsoft Sans Serif';		
}

/*
** This class is for the meat of error messages
*/
.errorSummary
{
	font-weight: bold;
	font: bold 14pt sans-serif;
	color: red;
	font-style: italic;
	background-color: yellow;
}

.errorFont
{
	color: Red;
	font: 10pt sans-serif;
}

/*
** This class is for the rest of the text of an error message
*/
.errorMessage
{
	color: Black;
	font: 10pt sans-serif;
	background-color: blanchedalmond;
} 

.NoUnderLine
{
  text-decoration: none;
  color: #4A3C8C;
}

/*
**	This style is for diagnostics messages that only a programmer could love
*/
.errorDiagnostics
{
	color: Red;
	background-color: Black;
	overflow: auto;
	width: 100%;
	height: 50%;
	border: thin black solid;
	font: bold 8pt courier, monospace;
}


.summaryErrorMessage, .summaryWarningMessage, .summaryDoneMessage, .summaryInfoMessage
{
	margin: .22em 0;
	padding: .22em 0 .22em 42px;
	border-top: 5px solid #900;
	border-left: 1px solid #900;
	border-bottom: 1px solid #900;
	border-right: 1px solid #900;
	background-image: url(../Images/icon_error_lrg.gif);
	background-repeat: no-repeat;
	background-position: 0px 1.33em;
}

.summaryWarningMessage
{
	background-image: url(../images/icon_warning_lrg.gif);
	border-color: #c60;
}

.summaryDoneMessage
{
	background-image: url(../images/icon_success_lrg.gif);
	border-color: #090;
}

.summaryInfoMessage
{
	background-image: url(../images/icon_info_lrg.gif);
	border-color: #069;
}

.oneLineErrorMessage, .oneLineWarningMessage, .oneLineDoneMessage, .oneLineInfoMessage
{
	background: url(../images/icon_error_sml.gif) no-repeat;
	padding-left: 24px;
	padding-top: 2px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.oneLineWarningMessage
{
	background-image: url(../images/icon_warning_sml.gif);
}

.oneLineDoneMessage
{
	background-image: url(../images/icon_success_sml.gif);
}

.oneLineInfoMessage
{
	background-image: url(../images/icon_info_sml.gif);
}

/*
**	Simmilar to summary messages, but for message boxes
*/
.messageBoxError, .messageBoxWarning, .messageBoxDone, .messageBoxInfo
{
	margin: .67em .33em .67em 0;
	padding: .33em 42px .67em 42px;
	border-top: 1px solid #900;	
	border-left: 1px solid #900;
	border-bottom: 3px solid #900;
	border-right: 1px solid #900;		
	background-image: url(../Images/icon_error_lrg.gif);
	background-repeat: no-repeat;
	background-position: 5px 1.33em;
}

.messageBoxWarning
{
	background-image: url(../images/icon_warning_lrg.gif);
	border-color: #c60;
}

.messageBoxDone
{
	background-image: url(../images/icon_success_lrg.gif);
	border-color: #090;
}

.messageBoxInfo
{
	background-image: url(../images/icon_info_lrg.gif);
	border-color: #069;
}

/*
**	This is an enclosure for a label and an input element
*/
.labelElementPair
{
	width: 100%;
	height: 2em;
	vertical-align: middle;	
}

/*
**	This is the class to use for labels in labelElementPairs
*/
.label
{
	width: 40%;
	font: 10pt 'Microsoft Sans Serif';	
	background-color: lightgrey;
	padding-left: 5px;	
}


/*
**	Style for disabled label spans
*/
.labelDisabled
{
	width: 40%;
	font: 10pt 'Microsoft Sans Serif';	
	background-color: lightgrey;
	padding-left: 5px;	
}


/*
**	This is the class to use for input elements in labelElementPairs
*/
.inputElement
{	
	width: 60%;		
	font:10pt 'Microsoft Sans Serif';		
}


.inputElement select
{
	width: 24em;
}

.inputElement input
{
	width: 24em;
}

.inputElement textarea
{
	width: 30em;
}

.inputElementTextBox
{		
}

.invalidInputElementTextBox
{
	border: thin solid red;
}

/*
** ASP.NET CheckBox WebControls put themselves in another span when they are disabled
*/
.inputElement span input
{
	width: 15em;
	height: 1.6em;
}

/*
**	This is for an input element that is invalid
**	Note this style gets applies to the actual element (like <input type="...", or
**	<select ...), not to the span, like the inputElement class.
*/
.invalidInputElement
{	
    color: Red;
    width: 40%;
	font: 10pt 'Microsoft Sans Serif';	
	font-weight: bold;
	background-color: lightgrey;	
}

.invalidInputElement select
{
	
}

.invalidInputElement input
{
	
}

.Required
{
	width: 24em;	
}

.Required input
{
	width: 24em;
}

.Required select
{
	width: 24em;
}

/*
**	A utility class for hiding elements
*/
.hiddenElement
{
	display: none;
}

.mnuButton
{                       
    width:10%;
    height:20%;
}


/*
**	This class is used for displaying messages that there are no items in a grid
*/
.noItemsMessage
{
	font: italic arial;
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 2em;
}

/*
** These styles are for our data grids
*/
table.dataGrid
{
	background-color: White;
	/*border-color: #E7E7FF;*/
	border-width: 2px;
	border-color:#808080;
	border-style: solid;
	font-size: 9pt;
	border-collapse: collapse;
}

table.dataGrid tr.header
{
	font-weight: bold;
	color: #F7F7F7;
	background-color: #4A3C8C;
	height: 3em;
	border-color: #808080;	
}

table.dataGrid tr.freezeheader
{
	border-width: 1px;
	border-right-style:solid;
	border-bottom-style : none;			
	font-weight: bold;
	color: #F7F7F7;
	background-color: #4A3C8C;
	height: 3em;    
	TOP: expression(this.offsetParent.scrollTop); 
	position: relative;
	z-index: 200000;
}

table.dataGrid td.FixedHeaderColumn
{					
	border-width: 1px;
	border-right-style : none;
	border-bottom-style : none;			
	font-weight: bold;
	color: #F7F7F7;
	background-color: #4A3C8C;
	height: 3em;
	TOP: expression(this.offsetParent.scrollTop); 	
}

table.dataGrid td.FixedColumn
{
	border-width: 1px;		
	border-bottom-style : none;					
	background-color: lightgrey;	
}

table.dataGrid td.FixedColumnHeader
{
	border-width: 1px;
	border-bottom-style : none;			
	font-weight: bold;
	color: #F7F7F7;
	background-color: #4A3C8C;
	height: 3em;
	/*POSITION: relative;*/ 	
	/*TOP: expression(document.getElementById("dvGridFrezze").scrollTop); 
	left: expression(document.getElementById("dvGridFrezze").scrollLeft);*/
	
}

table.dataGrid tr.footer
{	
	background-color: #CCCC99;
	height: 3em;
}

table.dataGrid tr.item
{
	color: #4A3C8C;
	background-color: #E7E7FF;
	height: 3em;
	width:100%;
}

table.dataGrid tr.alternating
{
	color: #4A3C8C;
	background-color: #F7F7F7;
	height: 3em;
	width:100%;
}

table.dataGrid tr.selectedItem
{
	font-weight: bold;
	color: #F7F7F7;
	background-color: #738A9C;
	height: 3em;
	width:100%;
}

/*
** these styles are for the crimes toolbar
*/

.toolbar_button
{
	width: 85px;
}

.toolbar_msg
{
	width: 200px;
}


/*
**	These styles are for the CRIMES drop down lookup control
*/
div.clsPopup
{
	overflow: auto;
	border: groove;
	height: 100px;
}

div.clsPopup div.clsUnselectedPopupRow
{
	font: 8pt 'Microsoft Sans Serif';
	height: 15px;
	overflow: hidden;
}

div.clsPopup div.clsSelectedPopupRow
{
	border: black 1px solid dashed;
	font: 8pt 'Microsoft Sans Serif';
	height: 15px;
	background-color: silver;
	overflow: hidden;
}

span.dropDownLookupBuddyLabel
{
	width: 14em;
	overflow: hidden;
	margin-left: 1em;
	margin-right: .25em;
}

span.dropDownLookupBuddyLabelDisabled
{
	width: 15em;
	overflow: hidden;
	margin-left: 1em;
	margin-right: .25em;
	color: dimgray;
}

/*
**	These styles are for the CRIMES Checklist control
*/
.checklistElement
{
	border: thin solid gray;
	overflow: auto;
}


/*
**  This class is used for warning messages
*/
.warning
{
	color: black;
	font: 10pt sans-serif;
	background-color: blanchedalmond;
}

/*
**	Styles used for log tables
*/
table.log
{
	background-color: White;
	border-color: #E7E7FF;
	border-width: 1px;
	border-style: None;
	font-size: 9pt;
	border-collapse: collapse;
}

table.log tr.header
{
	font-weight: bold;
	color: #F7F7F7;
	background-color: #4A3C8C;
}

table.log tr.pass
{
	color: #4A3C8C;
	background-color: #E7E7FF;
}

table.log tr.fail
{
	font-weight: bold;
	color: red;
	background-color: yellow;
}

table.log tr.fail td.passFailCol
{
	margin: .67em 0;
	padding: .33em 0 .67em 42px;
	background-image: url(../Images/icon_error_sml.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
}

table.log tr.pass td.passFailCol
{
}

.highlight
{
    background-color: #34FF6D;
}

.showWarning:after {
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: " ";
	width: 16px;
	height: 16px;
	display: inline-block;
	margin-left: 4px;
}