﻿@media screen{	
	
/*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,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td 
{
     margin: 0;
     padding: 0;
     border: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 1em;
     font-family: inherit;
     vertical-align: baseline;
}

a img {border: none;}

/* Typography.css
-------------------------------------------------------------- */
body {font-family: Arial,"MS Sans Serif", "Myriad Roman", Verdana, Tahoma; text-align:left;}
h1,h2,h3,h4,h5,h6 {font-family: Arial,"MS Sans Serif","Myriad Roman", Verdana, Tahoma, Arial;} 


/* Lists
-------------------------------------------------------------- */
ul, ol {margin:0 1.5em 0 1.5em;}
ul {list-style-type:disc; list-style-image:none;}
li {padding:0px 0px 5px 0px}
ol {list-style-type: decimal;}
dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}	
dd {margin-left: 1.5em;}
.list-no-bullet {list-style-type:none;}
a.link-bullet {background: url('Images/arrow-right.png') no-repeat 0 4px; padding-left: 1.5em; margin-left: 2px;}

/* Form fields
-------------------------------------------------------------- */
fieldset {padding: 0px 5px 0px 5px; margin: 0; border-style:solid;}

fieldset legend, 
legend {font-weight: bold; font-size: 1em;  margin-bottom: 0px; color:Teal;}

/* Existing Police Check.css  for public pages*/
body {background-color: #505050;}

a {color: #00aeef;}
a:focus,
a:hover {color: #000;} 

p {margin: 0px;	padding-bottom: 10px;}
p.PublicPara{padding:5px 10px 5px 10px; text-align:justify;}

.TealHeader {font-size: 11pt; text-align: center; font-weight: bold; color: Teal}

.modalBackground {background-color: Gray; filter: alpha(opacity=70); opacity: 0.7;}

#Backing {width: 914px;	height: 820px; background-image: url(Images/masthead_background.gif); background-repeat: repeat-x;	margin: auto; padding: 20px;}

.MainPanelClass {background-color: #FFFFFF;	margin: 0 auto;}

#BannerDiv {padding-top: 8px; padding-bottom: 4px; height: 101px; width: 894px;	margin: 0 auto;}

#FrontContainer {background: #FFFFFF url(Images/MainImageWithText.png) no-repeat; color: #ffffff; position: relative; height: 308px; width: 894px;}
#FrontContainer a {position: absolute;}
#FrontContainer a img {border-style: none;}

#StartNow {top: 216px; left: 344px;}

#FrontContent {padding: 5px; width: 884px;	height: 306px;	text-align: center;	background-image: url(Images/masthead_half.png); background-repeat: repeat-x;}

#ContentLeft {width: 285px;	height: 320px;	margin: 0 auto;	padding-left: 4px;	padding-right: 12px; float: left;}

#ContentMiddle {width: 285px; height: 320px; margin: 0 auto; padding-right: 12px; float: left;}

#ContentRight {width: 285px; height: 320px;	padding: 0px; float: left;}

.barContainer {}
.barContainer TABLE {width: 100%; padding: 0px;	margin: 0px; border-collapse: collapse;	border: none;}
.barContainer TABLE TH {padding: 0px; margin: 0px;}
.barContainer TABLE TD {color: #444444; text-align: left; padding: 0px; background-color: #FFFFFF;}

.barMiddle {float: left; width: 98%; font-size: .71em; color: #444444;}

.barSeperator {position: relative;	width: 1px;	height: 220px;	background-image: url(Images/bg.png); background-repeat: no-repeat;	top: 33px;	float: left;}

.MenuButton { background-image: url( Images/bar_generic_greenlines1.gif ); background-repeat: no-repeat; width: 161px; height: 23px;
              font-family: Arial; color: #444444; font-size: .71em; 
              padding-left:30px; padding-top:6px;
             }
             
 .MenuButtonWhite {background-color:Transparent; width: 161px; height: 23px;
              font-family: Arial; color: #444444; font-size: .71em; 
              padding-left:30px; padding-top:6px;
             }
             
.MenuButton:hover {background-image: url( Images/menu_button.gif ); background-repeat: repeat-y; cursor: pointer; color: #ffffff;}

#MenuPublicTable {width: 195px; padding: 0 0 0 0; border-color:inherit; border-collapse: separate;} 

.PublicParaTable TABLE TD { padding: 10px 10px 10px 10px; background: #eeeeee; width: 80%; vertical-align: middle;}

div.MenuContent {position: relative; left: 30px; vertical-align:middle;}

.LoginContainer TABLE TD {background: transparent;}

#FindOutMorePanel {background-color: #FFFFFF; height: 290px; overflow: hidden;	margin: 8px;}
#FindOutMorePanel h2 {font-size: 13pt; font-family: 'Myriad Roman' , sans-serif; letter-spacing: -1px; color: #00aeef;	margin: 0px;}

#FindOutMorePanel p {margin: 0px; padding-bottom: 10px;}

#GeneralContentBacking {padding: 5px; width: 884px;	height: 336px;	text-align: center;	background-color: #FFFFFF;}
#GeneralContent {width: 585px;	height: 540px;	margin: 0 auto;	float:none;}
#SecureContentBacking {padding: 5px; width: 884px;	height: 336px;	text-align: center; background-image: url(Images/masthead_half.png); background-repeat: repeat-x;}


/*---------------------------------- NCHRCUser.css ----------------------------------------------------*/
/* all items are specific to exisiting NCHRCUser.css */
.NCHRCGroupPanel {text-align:justify; padding:0px 0px 0px 0px;	float:left;	width:100%;}

.NCHRCContentPanel {margin:auto auto auto 210px; padding-left:20px;}  

.NCHRCGroupPanelButton {margin:0px 0px 0px 0px;	vertical-align:middle;}

.NCHRCGroupPanelSelected {vertical-align:middle; background:#AAAAFF;}

.NCHRCGroupTable {border-collapse:collapse;}

.NCHRCGroupTable td{}

.HeaderRow {background-image: url(Images/row_header.gif); background-repeat: repeat-x;	height:27px;}
.HeaderRow .HeaderCell {text-align: left; padding-left: 10px; vertical-align: middle; font-weight: bold;}

.GreenRow {background-image: url(Images/row_green.jpg); background-repeat: repeat-x;  height: 25px; padding: 2px 2px 2px 2px;}
.AmberRow {background-image: url(Images/row_amber.jpg); background-repeat: repeat-x; height: 25px; padding: 2px 2px 2px 2px;}
.RedRow {background-image: url(Images/row_red.jpg); background-repeat: repeat-x; height: 25px; padding: 2px 2px 2px 2px;}
.GrayRow {background-image: url(Images/row_gray.jpg); background-repeat: repeat-x;  height: 25px; padding: 2px 2px 2px 2px;}

.GreenRow:hover {background-image: url(Images/row_selected.gif); background-repeat: repeat-x;}
.AmberRow:hover {background-image: url(Images/row_selected.gif); background-repeat: repeat-x;}
.RedRow:hover {background-image: url(Images/row_selected.gif); background-repeat: repeat-x;}
.GrayRow:hover {background-image: url(Images/row_selected.gif); background-repeat: repeat-x;}

.EvenRow {background-image: url(Images/row_1.gif); background-repeat: repeat-x;	height: 25px; padding: 2px 2px 2px 2px;}
.EvenRow .LeftAlignedCell {text-align: left; padding-left: 10px;vertical-align:middle}
.EvenRow .ReightAlignedCell {text-align: right; padding-right: 10px;vertical-align:middle}

.OddRow {background-image: url(Images/row_2.gif); background-repeat: repeat-x; height: 25px; padding: 2px 2px 2px 2px;}
.OddRow .LeftAlignedCell {text-align: left; padding-left: 10px;vertical-align:middle}
.OddRow .ReightAlignedCell {text-align: right; padding-right: 10px;vertical-align:middle}

.EvenRow:hover {background-image: url(Images/row_selected.gif);	background-repeat: repeat-x;}

.OddRow:hover {	background-image: url(Images/row_selected.gif);	background-repeat: repeat-x;}

.SelectableCell:hover {cursor: pointer;}

.HiddenCommandButton {width:0px; height:0px; visibility:hidden;}

.NCHRCItem {height:inherit;	vertical-align:middle;}

.NCHRCSelected {vertical-align:middle;	background-image: url(Images/row_selected.gif);	background-repeat: repeat-x; height: 25px; padding: 2px 2px 2px 2px;}

.datagrid {color:#fff; font-size: 8pt;  height: 556px;  background-image: url(Images/nchrclist_background.gif);}
/*.datagridChecks {color:#fff; font-size: 8pt;  height: 510px;  background-image: url(Images/nchrclist_background.gif);} */

.datagrid TABLE {width:100%; height: 72px;}

.datagrid TABLE TH {font-weight:normal;	padding:0px; background-image: url(Images/row_header.gif); background-repeat: repeat-x;	height:27px;}

.datagrid TABLE TH A {	/* fill the container so clicking anywhere will issue the sort command */ color: Black;	display:block; 	
                      	/* buffer so we don't crush the image */	padding-right:20px;
						/* get rid of the underline */	text-decoration:none;}

.datagrid TABLE TH.sortasc A {background:url(Images/asc.gif) right center no-repeat;}

.datagrid TABLE TH.sortdesc A {background:url(Images/desc.gif) right center no-repeat;}

.datagrid TABLE TD {padding:0px 0px 0px 0px; color:#002479;} 

.title {background:url(Images/row_title.gif) right center no-repeat; width: 100%;}

.NCRHCDetail TABLE {border:solid 1px black;}

.NCHRCDetail TABLE TH {font-weight:bold; vertical-align:middle; background:#ffffff;}

.NCHRCDetail TABLE TD {	vertical-align:middle;	background:#ffffff;	border-bottom:none;}  

.numeric {text-align:right;}

TABLE.CheckPanel {background: white; border: collapsed 1px black;}

TD.CheckPanel {font-family: Arial;	font-size: 8pt;	color: #bbbbbb;	padding: 2px 10px 2px 10px;}

/* Data Pager Styles */
.pager
{
	float:right;
    padding-bottom:8px;
    font-size: 14pt;
} 

.pager SPAN.command,        
.pager SPAN.current,        
.pager A.command
{
    color:#fff;
    font-family:Georgia,serif;
    padding:3px;
    text-decoration:none;
}

.pager SPAN.current
{
    font-weight:bold;
    text-decoration:underline;
}    

div.rounded {
	margin:8px auto;
	margin:clear:both;
    max-width:2400px;
}

div.rounded div.top {
    background:url(Images/tl.gif) no-repeat left bottom;
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    background:url(Images/tr.gif) no-repeat right bottom;
    height:2px;
    margin-left:2px;
}

div.rounded div.middle {
    background:url(Images/l.gif) repeat-y left;
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    background:url(Images/r.gif) repeat-y right;
    margin-left:2px;
}

div.rounded div.middle div.right div.content {
    background:url(Images/bg.gif) repeat top left;
    margin-right:2px;
}

div.rounded div.bottom {
    background:url(Images/bl.gif) no-repeat left top;
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    background:url(Images/br.gif) no-repeat right top;
    height:9px;
    margin-left:2px;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:450px;
	Font-Size:0.8em;
}

.aliasPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:10px;
	width:650px;
	Font-Size:0.8em;		
}

.modalPopupContentBacking 
{
	cursor: default;
	border: solid 1px Gray; 
	color: Black;	
	padding:10px;		
	background-image: url(Images/masthead_background.gif); background-repeat: repeat-x;	
}

.SearchInput
{
	background-color: #6987e1;
	border: none;
	height: 20px;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
}

select
{
	/*border: none;*/
	/*background-color: #6987e1;
		*/
		
	
}

/* Drop Down Menu CSS */
.DropDown
{
	background-color: #6987e1;
	border: none;
	height: 20px;
	color: White;
	font-family: Arial;
	font-size: 8pt;
	font-weight: normal;
}

.DropDown:hover, .DropDown:active, .DropDown:focus
{
	background-color: #6987e1;
	color: Navy;
}

.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(Images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

.PasswordRecoveryStyle {height:25px; padding:10px 10px 10px 10px;}

.NCHRCBacking {height:625px; background-image: url(Images/masthead_half.png); background-repeat: repeat-x;}
.NCHRCMenuBacking {height:40px; background-image: url(Images/masthead_half.png); background-repeat: repeat-x;}

/* added for wizard*/
.WizardStepBacking {height:590px; background-image: url(Images/masthead_half.png); background-repeat: repeat-x;}

div.WizardStepDiv
{
	margin: 5px 20px 5px 20px;
	vertical-align: top;	
}

.AccountView
{
	font-size:10pt;
	border-style: none;
	background-color: Transparent;
	color: Black;
	border-color: #eeeeee;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;

}

.WizardInput {width: 175px; }
.WizardInputDDL {width: 180px; height: 24px; }
.WizardInputLarge {width: 240px;}
.WizardInputTable {width:100%}
.tdLabel {width:15%;}
.tdInput {width:35%;}

.BulkTextContent {vertical-align: middle; padding: 5px 5px 5px 5px;text-align:justify;}

.HiddenElement {visibility:hidden;}

.dlglistview
{
	width:100%;
	border:solid 1px #5E8CC6;
	empty-cells:show;
}

.dlglistview .row TD, 
.dlglistview .altrow TD,
.dlglistview .edit-info TD
{
	text-align:left;
}
.dlglistview .edit-info TD
{
    font-weight:bold;
    color:#333;
}

.dlglistview .altrow TD
{
	background-color:#E0EFF5;
}

.dlglistview .row TD
{
	background-color:#D0E8EF;
}

.dlglistview .edit-info A
{
    font-weight:bold;
}

.dlglistview .row TD.command, 
.dlglistview .altrow TD.command,
.grid .edit-info TD.command
{
	text-align:center;
}

.dlglistview .item
{
	padding:10px 5px;
}

.dlglistview .item A
{
	color:#333366;
	font-weight:bold;
}


.dlglistview .edit
{
	padding:10px 5px;
}
.dlglistview .edit,.dlglistview .edit-info
{
	background-color:#F0F8FF;
}

.dlglistview .details
{
	 padding-top:4px;
}

.dlglistview .detailview
{
	width:100%;
	empty-cells:show;
}  
.dlglistview .detailview TH
{
	text-align:right;
	padding:0px 10px;
	color:#333;
}    
.dlglistview .details .footer
{
	text-align:right;
	padding:10px 10px 0px 0px;
} 
.dlglistview .details .header
{
	text-align:left;
	padding:0px 10px;
	font-weight:bold;
	display:none;
} 

.dlglistview .label
{
	border:solid 1px #AAAAAA;
	padding:1px 1px 1px 1px;
	margin:1px 0px 1px 0px;
	overflow:hidden;
	height: 20px;
}

.vceValidatorCallout { padding: 0px 0px 0px 0px; }
.vceValidatorCallout div, .vceValidatorCallout td {border:solid 1px Black;background-color: #FFFBD6;}
.vceValidatorCallout .ajax__validatorcallout_popup_table {display:none;border: none;background-color:transparent;padding:0px;}
.vceValidatorCallout .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.vceValidatorCallout .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.vceValidatorCallout .ajax__validatorcallout_callout_table {height:100%;border: none;background-color:transparent;padding:0px;}
.vceValidatorCallout .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.vceValidatorCallout .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.vceValidatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.vceValidatorCallout .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.vceValidatorCallout .ajax__validatorcallout_error_message_cell {font-family:Tahoma;font-size:10pt;padding:5px;border-right:none;border-left:none;width:100%; border-top: outset 1px #FFFBD6; border-bottom: outset 2px #FFFBD6;}
.vceValidatorCallout .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none; border-left: outset 1px #FFFBD6; border-top: outset 1px #FFFBD6; border-bottom: outset 2px #FFFBD6;}
.vceValidatorCallout .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none; border-right: outset 2px #FFFBD6; border-top: outset 1px #FFFBD6; border-bottom: outset 2px #FFFBD6;}
.vceValidatorCallout .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}



}

