/*******************/
/*    GLOBAL	   */
/*******************/

/* global site styles */
body {
	background: #FFFFFF;
	margin: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding: 0px;
}

/* global paragraph styles */
p {
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* set all elements to the master font */
body, td, div, span, p, b, i {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
}


/*******************/
/*    LISTS	       */
/*******************/
/* set all lists */
ul {margin-top: 0px;}

/* bullet style */
li {list-style-image: url('/site_design/images/bullet_list.gif');}


/*******************/
/*    LINKS	       */
/*******************/

/* link styles */
a:link {color: #0145A7;}
a:visited {color: #656565;}
a:hover {color: #0369FC;}
a:active {color: #0145A7;}

/* left nav link styles - Standard */
a.selected {color: #ffffff;}
a.selected:link {color: #FFCC00;}
a.selected:visited {color: #ffffff;}
a.selected:hover {color: #000000;}
a.selected:active {color: #ffffff;}

/* bread crumb styles */
a.breadCrumb:link {color: #0145A7;}
a.breadCrumb:visited {color: #0145A7;}
a.breadCrumb:hover {color: #0369FC;}
a.breadCrumb:active {color: #0145A7;}

/*******************/
/*  SOLID COLORS   */
/*******************/
.ltGrey {background-color: #F4F4F4;}
.drkGrey {background-color: #696969;}
.oakgovGreen {background-color: #8DA487;}
.taupe {background-color: #BCB5A4;}
.darkTaupe {background-color: #716f64;}
.ltBrown {background-color: #DCD9D0;}
.yellow {background-color:#FFFFCC;}
.ltGreen {background-color:#D6E8CE;}


/*************************/
/*    General styles	 */
/*************************/
.floatLeft {float: left;}
.floatRight {float: right;}
.alignCenter {text-align: center; margin: 0 auto;text-align: -moz-center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}


/*************************/
/*    HEADER ELEMENTS	 */
/*************************/

/* Background for toolbar area  */
.toolbarBack {background-color: #F4F4F4;}

/* Style for Application title */
.appTitle {
	background-color: #F4F4F4;
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
}

/* Style for Application title */
.pageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	padding-left: 10px;
	color: #003300;
}

/* Style for User name*/
.userInfo {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	color: #ffffff;
}

/* Style for Navigation Links */
.appNavLink {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	text-decoration: none;
	padding: 0px;
}

/*********************/
/*    BREADCRUMBS	 */
/*********************/
.breadcrumb {
	background-color: #8da487;
	color: #ffffff;
	float: left;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	position: relative;
	z-index: 30;
}
.breadcrumb_menu {
	background-color: #8da487;
	border: solid 1px #9B9278;
	position: relative;
	margin-top: 17px;
	color: #ffffff;
	z-index: 31;
}
.breadcrumb_menuitem {
	background-color: #8da487;
	color: #ffffff;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	z-index: 30;
}
.breadcrumb a:link, .breadcrumb a:visited, .breadcrumb a:hover, .breadcrumb a:active {
	color: #ffffff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	vertical-align: middle;
	background-color: #8da487;
}
.breadcrumb_menuitem a:link, .breadcrumb_menuitem a:visited, .breadcrumb_menuitem a:hover, .breadcrumb_menuitem a:active {
	color: #ffffff;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
	background-color: #8da487;
}

/*****************************/
/*    Vertical Navigation	 */
/*****************************/
.treeview_container {
	background-color: #D6E8CE;
	border: solid 1px #716f64;
	margin-bottom: 9px;
	padding-bottom: 10px;
	float: left;
	position:relative; /*ESV*/
	z-index: 20;
}
.treeview {
	background-color: #F4F4F4;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	padding: 9px 0px 0px 0px;
	position: relative;
	z-index: 20;
}
.treeview a:link, .treeview a:visited {
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.treeview a:hover {
	background-color: #D6D6D6;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.treeview a:active {
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.treeview_node {
	background-color: #F4F4F4;
	color: #000000;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	z-index: 20;
}
.treeview_node a:link, .treeview_node a:visited {
	color: #000000;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.treeview_node a:hover {
	background-color: #D6D6D6;
	color: #000000;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.treeview_node_selected {
	background-color: #716F64;
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	z-index: 20;
}
.citation_nav {background-color: #99CDFF; color:Green;}
.crash_nav {background-color: #FFFF99; color:Green;}
.records_nav {background-color: #FFCB99; color:Green;}
.impound_nav {background-color: #FF9999; color:Green;}
.proproom_nav {background-color: #CDCDFF; color:Green;}
.lostfound_nav {background-color: #CD99CD; color:Green;}
/*.cad_nav {background-color: #9DBACA; color:Green;}*/
.cad_nav {background-color: #FFCC33; color:Green;}
.activitylogs_nav {background-color: #CCFFCC; color:Green;}
.oakvideo_nav {background-color: #D7DF01; color:Green;}
.fire_nav {background-color: #FD473E; color:Yellow;}

.treeview_node_fire  a:link, .treeview_node_fire a:visited {
	color: #FFC;
}
.treeview_node_fire a:hover {
	background-color: #0F4;
	color: #000;
}
/*****************************/
/*    PAGE ELEMENTS      	 */
/*****************************/
/* Style for Paragraphs, Descriptions or Body Text */
.paragraph {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

/* Style for Page Content area */
.pageCanvas {
	background-color: #FFFFFF;
	border-style: solid;
	border-color: #D8D8D8;
	border-width: 1px;
	text-align: left;
}

/* Style for Page Footer */
.appFooter {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	color: #6a6a6a;
	text-decoration: none;
}


/*********************/
/*  TEXT STYLES      */
/*********************/
/*  Medium styles    */
.textMed {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000000;
}
.textMedUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000000;
	text-transform:uppercase;
}
.textMedFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000000;
	float: left;
}
.textMedFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000000;
	float: right;
}
.textMedBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
}
.textMedBoldUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
	text-transform:uppercase;
}
.textMedBoldFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textMedBoldFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #000000;
	float: right;
}
.textMedWhite {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #ffffff;
}
.textMedWhiteBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #ffffff;
}
.textMedRed {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #FF0000;
}
.textMedRedBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #FF0000;
}
.textMedBlue {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000080;
}
.textMedBlueBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: medium;
	font-weight: normal;
	color: #000080;
}

/*  Small styles    */
.textSmall {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
}
.textSmallUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	text-transform:uppercase;
}
.textSmallFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	float: left;
}
.textSmallFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000000;
	float: right;
}
.textSmallBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
}
.textSmallBoldUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	text-transform:uppercase;
}
.textSmallBoldFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textSmallBoldFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000000;
	float: right;
}
.textSmallWhite {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #ffffff;
}
.textSmallWhiteBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: bold;
	color: #ffffff;
}
.textSmallRed {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FF0000;
}
.textSmallRedBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #FF0000;
}
.textSmallBlue {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000080;
}
.textSmallBlueBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: #000080;
}

/*  X-Small styles    */
.textXSmall {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:x-small;
	font-weight: normal;
	color: #000000;
}
.textXSmallUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size:x-small;
	font-weight: normal;
	color: #000000;
	text-transform:uppercase;
}
.textXSmallFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	float: left;
}
.textXSmallFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	float: right;
}
.textXSmallBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
}
.textXSmallBoldUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	text-transform:uppercase;
}
.textXSmallBoldFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textXSmallBoldFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
	float: right;
}
.textXSmallWhite {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #ffffff;
}
.textXSmallWhiteBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #ffffff;
}
.textXSmallRed {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #FF0000;
}
.textXSmallRedBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #FF0000;
}
.textXSmallBlue {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000080;
}
.textXSmallBlueBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000080;
}

/*  XX-Small styles    */
.textXXSmall {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
}
.textXXSmallUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	text-transform:uppercase;
}
.textXXSmallFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	float: left;
}
.textXXSmallFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000000;
	float: right;
}
.textXXSmallBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
}
.textXXSmallBoldUC {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	text-transform:uppercase;
}
.textXXSmallBoldFloatLeft {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	float: left;
}
.textXXSmallBoldFloatRight {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #000000;
	float: right;
}
.textXXSmallWhite {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #ffffff;
}
.textXXSmallWhiteBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: bold;
	color: #ffffff;
}
.textXXSmallRed {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #FF0000;
}
.textXXSmallRedBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #FF0000;
}
.textXXSmallBlue {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000080;
}
.textXXSmallBlueBold {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: xx-small;
	font-weight: normal;
	color: #000080;
}

/*  Message styles    */
.errorMessage {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #FF0000;
}
.warningMessage {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #E6A23E;
}
.successMessage {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight: normal;
	color: #000080;
}


/***************************/
/*  DATAGRID/TABLE STYLES  */
/***************************/
/* Datagrid Header */
.gridHeader {
	background-color: #716F64;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight:bold;
	color: #FFFFFF;
}
/* Eugene - 09/21/2021 added .gridHeader th */
.gridHeader th {
    padding-top: 2px;
    padding-bottom: 2px;
}
.gridHeader a:link, .gridHeader a:active, .gridHeader a:hover, .gridHeader a:visited  {
	background-color: #716F64;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight:bold;
	color: #FFFFFF;
	/* Eugene - 09/21/2021 added below */
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Datagrid Light Grey Row Color */
.gridGreyLt {
	background-color: #F4F4F4;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small; /* Eugene - 09/21/2021 changed from x-small */
	font-weight:normal;
	color: #000000;
	/* Eugene - 09/21/2021 added below */
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Datagrid Dark Grey Row Color */
.gridGreyDk {
	background-color: #D3D3D3;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small; /* Eugene - 09/21/2021 Changed from x-small */
	font-weight:normal;
	color: #000000;
/* Eugene - 09/21/2021 added below */
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Datagrid Row Hover Color */
.gridHover {
	background-color: #E7EEE4;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small; /* Eugene - 09/21/2021 Changed from x-small */
	font-weight:normal;
	color: #000000;
	/* Eugene - 09/21/2021 added below */
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Datagrid Row Selected Color */
.gridSelected {
	background-color: #E3DEC1;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small; /* Eugene - 09/21/2021 changed from x-small */
	font-weight:normal;
	color: #000000;
	/* Eugene - 09/21/2021 added below */
    padding-top: 1px;
    padding-bottom: 1px;
}

/* Eugene - 09/21/2021 added this class .gridSelected td */
.gridSelected td {
    padding-top: 2px;
    padding-bottom: 2px;
    border-spacing: 1px;
}
/* Datagrid Text */
.gridData {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small; /* Eugene - 09/21/2021 changed from x-small */
	font-weight: normal;
	color: #000000;
	text-align: left;
	/* Eugene - 09/21/2021 added below */
    padding-top: 1px;
    padding-bottom: 1px;
}
/* Datagrid Pager */
.gridPager {
	background-color: #AEACA3;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #000000;
	text-align:left;
}
/* Datagrid Empty Row */
.gridEmptyRow {
	background-color: #F4F4F4;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #FF0000;
}
/* Additional color grids */
.gridGreenLt{
	background-color: #D6E8CE;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #000000;
}
.gridYellow{
	background-color: #FFFFCC;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #000000;
}
.gridOrange{
	background-color: #E6A23E;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight:normal;
	color: #000000;
}
/* Datagrid Red Alert */
.gridAlert {
	background-color: #D90000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: x-small;
	font-weight:bold;
	color: #ffffff;
}

/*****************************/
/*    TOOLTIPS          	 */
/*****************************/
/* Tool Tips style in overlib */
.toolTipsCaptionTable {
	border-width: 1px;
	border-color: #455042;
	border-style: solid;
	background-color: #455042;
	padding-left: 2px;
}


/*****************************************************/
/*    Styles to set the min page width to 1024px.    */
/*    Do not modify anything below this line         */
/*****************************************************/
.widthFix {
	width: 97%;
	min-width: 993px;
	margin: 0 auto;
	text-align: center;
}
* html .minwidth {
	padding-left: 993px;
}
* html .container {
	margin-left: -993px;
	position: relative;
}
/*\*/
* html .minwidth, * html .container, * html .content, * html .layout {
	height: 1px;
}
/**/
.rule {
	width: 1024px;
	background-color: #c00;
	color: #fff;
	margin: 1em auto;
	text-align: center;
}
/*****************************/
/*   Training Vertical Navigation	 */
/*****************************/
.training_treeview_container {
	background-color: #F4F4F4;
	border: solid 1px #716f64;
	margin-bottom: 9px;
	padding-bottom: 10px;
	/*float: left; */
	
	z-index: 20;
}
.training_treeview {
	background-color: #F4F4F4;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	padding: 9px 0px 0px 0px;
	
	z-index: 0;
}
.training_treeview a:link, .training_treeview a:visited {
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.training_treeview a:hover {
	background-color: #D6D6D6;
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.training_treeview a:active {
	color: #000000;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.training_treeview_node {
	background-color: #F4F4F4;
	color: #000000;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	z-index: 20;
}
.training_treeview_node a:link, .training_treeview_node a:visited {
	color: #000000;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.training_treeview_node a:hover {
	background-color: #D6D6D6;
	color: #000000;
	padding: 2px 2px 2px 2px;
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
.training_treeview_node_selected {
	/*background-color: #716F64;*/
	background-color: #FFC;
	color: #FFF;
	font-weight: bold;
}
 
/* Eugene - 09/02/2021  added below */
.regularButton {
    padding:1px;
    padding-left:15px;
    padding-right:15px;
    
}

.noStyleList {
    list-style-type:none;
    list-style:none;
}

label, input[type="radio"], input[type="checkbox"]  {
  vertical-align: middle;

  margin-right:3px;
  margin-left: 3px;
  margin-top: 5px;
  margin-bottom: 5px;

}

.alignMiddle  {
  vertical-align: middle;
  margin-top: -2px;
}

.gridGreyLt td, .gridGreyDk td {
    padding-top: 2px;
    padding-bottom: 2px;
    border-spacing: 1px;
}
[disabled]  { 
    color:#808080; 
    opacity: 0.5;
    text-decoration: none;
    pointer-events: none;
}