body {
}


/*===================================================================================================================
Print Page Styles*/

@page {
  padding: 1cm; 
}

/*@page :first {
  padding-top: 1cm; 
}*/

@media print {
   body {
   display:table;
   table-layout:fixed;
   padding-top:1.5cm;
   /*padding-bottom:1.5cm;*/
   height:auto;
	}
}



/* Sets the width and realted information for all pages on the site - should be ID of first div on each page. */
#pageContainer
{
	margin: 0 auto;
	width: 1500px;
	/*width: 1500px;*/
	background: white;
	padding: 0px;
	border: 0px;
	
/*    border-style: solid;
	border-width: 0px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-color: black;   */
}

#MenuButton 
{
	width: 12em;
	border-right: 1px solid #000;
	padding: 0px 0px 1em 0px;
	margin-bottom: 1em;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	background-color: #90bade;
	color: #333;
}

hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #DADADA;
}

.sectionHeader {
	font-size: 1.2em;
	color: #428bca;
	margin-top: 5px;
}

/*****************************************************************************************************************
	MH 2023-03-08 Spaces out multiple rows used to for displaying lots of fields in a grid
*/

.row-spacing {
	margin-bottom: 10px;
}

/*****************************************************************************************************************
	MH 2023-04-17 Size and default colour for edit buttons.
*/

.editButton {
	color: #b9b9bb;
	font-size: 0.8em;
}

/*****************************************************************************************************************
	MH 2022-11-12 Bullet point
*/
.mBullet {
	color: white;
	font-size: 7px;
	border-width: 2px;
	border-color: #c0d1e7;
	border-style: solid;
	border-radius: 50px;
	padding: 0px;
	margin-top: 2px;
	vertical-align: text-top;
}

/*****************************************************************************************************************
	HH 2022-09-05 - Classes for a spinner for waiting for modal dialog to open */
#loading {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 1000;
}

#loadingcontent {
	display: table;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#loadingspinner {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	text-align: center;
	font-size: larger;
	padding-top: 80px;
}


/*****************************************************************************************************************
	MH 2021-03-01 - Main heading on summary pages */

.mainTitle {
        text-align: left;
        font-size: 1.4em;
        /*font-weight: bolder;*/
        color: #104a91;
        padding-bottom: 10px;
    }

.maintTitleId {
        font-size: 14px;
        padding-top: 5px;
        padding-right: 5px;
    }

/*****************************************************************************************************************
	MH 2022-05-18 - Highlight the active page number in the pager */

.pagination li.active > a, .pagination li.active > span {
    background-color: #3d618d;
    pointer-events: none;
    border-color:lightgray;
}

/*****************************************************************************************************************
	MH 2021-02-02 - Box layout style to suit Josh's new FIXE layout */

.fixeBox {
		border-style: solid;
		border-color: lightgray;
		border-width: 1px;
		padding: 5px;
		border-radius: 5px;
		min-height: 180px;
        background-color: white;
	}

.fixeBoxLowHeight
{
	min-height: 150px;
}

.fixeBoxHeader {
    border-bottom-style: solid;
    border-bottom-color: lightgray;
    border-bottom-width: 1px;
    padding: 5px;
    padding-top: 10px;
}

.fixeBoxHeader b {
        color: #104a91;
}

.fixeBoxContent {
		padding: 5px;
		/*color: gray;*/
	}

/******************************************************************************************************************
 MH 2022-06-11 Styles for aplha filter bar for list screens */

.aplhaFilterBar {
	border-width: 1px;
	border-style: solid;
	border-color: lightgray;
	border-radius: 3px;
	margin-top: 20px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #f0f1f5;
}

.radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.radio-toolbar label {
	display: inline-block;
	/*background-color: white;*/
	padding: 5px 5px;
	font-family: sans-serif, Arial;
	font-size: 10px;
	border: 0px solid #444;
	border-radius: 4px;
}

.radio-toolbar input[type="radio"]:checked + label {
	/*background-color: #bfb;*/
	background-color: #3d618d;
	border-color: #4c4;
	color: white;
}

.radio-toolbar input[type="radio"]:focus + label {
	border: 0px dashed #444;
}

.radio-toolbar label:hover {
	/*background-color: #dfd;*/
	background-color: #dae4ea;
}

/******************************************************************************************************************
 Label width for FixeBoxes showing 2 columns    */

.labelDisplayX2
{
    width:115px;
}


/*****************************************************************************************************************
	MH 2020-11-24 - New Nav bar */

.navbar-default {
	background-color: #ffffff;
	border-color: #e7e7e7;
}

/*****************************************************************************************************************
	MH 2020-11-11 - Modal Styles */

.modal-title {
	margin: 0;
	line-height: 1.42857143;
	color: #104a91;
	font: 1.4em Arial, Helvetica, sans-serif;
	padding: 0px 0px 2px 2px;
	margin: 0px;
	color: #104a91;
	background: white;
	border-width: 0px;
}

.ModalSubheading {
    color: #3d84ca;
    font-size: 1.1em;
    margin-top:5px;
    margin-bottom:5px;
}

/*****************************************************************************************************************
	MH 2020-02-14 - Tiny MCE */

.mce-ico
{
	color:#31708f;
}
/*****************************************************************************************************************
	MH 2020-02-14 */

.form-group {
	margin-bottom: 10px;
}

/*****************************************************************************************************************
	MH 022-07-21 Style for Notes icon */

.fixe-notes-icon {
	color: #e7a000;
}

/*****************************************************************************************************************/
.Index-Page-Heading {
	font: 1.4em Arial, Helvetica, sans-serif;
	font-weight: normal;
	/*padding: 2px 0px 2px 0px;
	margin: 4px 0px 2px 0px;*/
	/*color: #5393a2;*/
	margin-bottom: 10px;
	color: #104a91;
}

/*.label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color:#3d618d;
}*/

/*****************************************************************************************************************/
/*Anchor link MH 2020-11-06*/
a {
	/*color: #8b939d;*/
	color: #3d618d;
	text-decoration: none;
    font-weight:500;
}

/*****************************************************************************************************************/
/*Anchor link MH 2020-11-16*/
.iconAchorLink {
	color: navy;
	text-decoration: none;
}

.Detail-Panel-Group
{
	background: white;
	margin:5px;
	margin-bottom: 10px;
	text-align:left;
	padding: 5px 5px 5px 5px;   /* Top, Right, Bottom, Left  */
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px; 
	border-color: lightgray;
	border-width: 1px;
	border-style: solid;
	/*width:99%;*/

}

.Detail-Panel-Group heading
{
	color: red;
	font-size: 1.8em;

	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #0099FF;
}

.themeSkyBlue
{
	border-style: solid;
	border-width: 1px;
	border-color: #ced1d3;
	/*border-top-width: 5px;*/
}

.themeBlue
{
	border-style: solid;
	border-width: 1px;
	border-color: navy;
	/*border-top-width: 5px;*/
}

.themeSkyBlue .sectionHeading
{
    font: 1.4em Arial, Helvetica, sans-serif;
	font-weight: normal;
    margin-bottom: 10px;
	color: #104a91;

//	display: inline;
}

.themeSkyBlue h3
{
	color: navy;
	font-size: 1em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	display: inline;
}

.themePaleGreen
{
	border-style: solid;
	border-width: 0px;
	border-color: #99FF99;

	/*background-color: navy;*/ 
}

.themePaleGreen h1
{
	/*color: #921E1E;*/
	color: white;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
	display: inline;
}

/*.themePaleGreen .Folder
{
	Color: red;
}*/

.themePaleGreen h3 
{
	background-color: #721818;
	color: White;
	font-size: 1.1em;
	font-weight: normal;
	padding: 4px;
	margin: 0px;

	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #2EB82E;

	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

.themePaleGreen ul li a
{
	color: white;
	background-color: #921E1E;
	padding-bottom: 1px;
	padding-top: 1px;
	height: 20px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #B62626;

	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #99FF99;
}

/*.icon-envelope:before 
{
	padding-left: 5px;
	content: "\f003";
}*/

.create
{
   /*background: url('../../Content/images/right.gif') no-repeat;*/

	/*background-image: url('somewhere.jpg');*/
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 30px;  /* width of the image plus a little extra padding */
	display: block;  /* may not need this, but I've found I do */
}

/*****************************************************************************************************************/

.menu-SideBar
{
	margin:0px;
	text-align:left;
	padding: 5px 5px 10px 5px;   /* Top, Right, Bottom, Left  */

	/*-moz-border-radius: 5px;*/ 
	/*-webkit-border-radius: 5px; 
	border-radius: 5px;*/ 

	height: 100%;
}

.menu-SideBar .subMenuBody
{
	margin:0px;
	text-align:left;
	padding: 2px;
	border-style: solid;
	border-width: 0px;
	border-color: red;
	background-color: #eff0f2;
}

.menu-SideBar a:hover #Folder 
{
	background: url('../../Content/images/right.gif') no-repeat 97% 50%;
	color: black;
	display:block;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	padding: 0px 0px 0px 2px;   /* Top, Right, Bototm, Left  */
	border-color: red;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.menu-SideBar ul
{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

.menu-SideBar li
{
	clear:left;
	margin: 0px;
	list-style-position: none;
	list-style: none;
	padding: 0px 0px 0px 0px;   /* Top, Right, Bototm, Left  */
	display: block;
}

.menu-SideBar li a
{
	margin-left: 0;
	color: black;
	display:block;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	padding: 0px 0px 0px 2px;   /* Top, Right, Bototm, Left  */    
	border-color: #C9C299;
	border-style: solid;
	border-width: 0px;
}

.menu-SideBar li a:hover
{
	/*background: #9B7E8A;
	color: white;*/
	padding: 0px 0px 0px 2px;   /* Top, Right, Bototm, Left  */
	text-decoration: none;    
	border: 0px;
	border-color: #CDC9C8;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

/*Sub level menu items */
.menu-SideBar ul li ul
{
	display: none;
}

.menu-SideBar ul li:hover ul 
{
	display: block;
 }

.menu-SideBar li ul
{
  background:#81C0EB;
  height:auto;
  filter:alpha(opacity=95);
  opacity:0.95;
  position:absolute;
  width:180px; 
  margin-left: 180px;
  margin-top: -23px;
  padding: 2px;
  z-index:200;  
  border-style: solid;
  border-width: 1px;
  border-color: #ADD6C2;
}

.menu-SideBar a 
{
	padding: 0px 0px 0px 2px;   
	text-decoration: none;    
	color: black;
	border: 0px;
	border-color: #CDC9C8;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

/*.menu-SideBar a:hover 
{
	color: white;
}*/

.menu-SideBar table
{
	border: 0px;
}

.menu-SideBar tr:hover 
{
	background: #9B7E8A;
	color: white;
	padding: 0px 0px 0px 0px;   /* Top, Right, Bototm, Left  */
	text-decoration: none;    
	border: 0px;
	border-color: #CDC9C8;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

.menu-SideBar-Divider 
{
    height: 1px;
    margin: 0px;
    margin-left:0px;
    margin-right: 5px;
    overflow: hidden;
    background-color: #e5e5e5;
}

/*****************************************************************************************************************/

.themeSideBar
{
	/*background-color: #B62626;*/
	background-color: #DAF8E8;
	color:  #B62626;
	border-style:solid;
	border-width: 1px;
	border-color: #ADD6C2;
}

.themeSideBar .sideBarHeader
{
	color:  #005C5C;
	font: 1.8em Arial, Helvetica, sans-serif;
}

.themeSideBar .subMenuHeader
{
	color:  #005C5C;
	/*background-color: #C2CECE;*/
	font-size: 1.2em;
	padding: 5px;
	border-bottom-color: #C2CECE;
	border-bottom-style: solid;
	border-bottom-width: 1px;

	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

.themeSideBar .subMenuBody
{
	/*background-color: #D8E0E0;*/
}

/*****************************************************************************************************************/

.themeSideBarDark
{
	/*background-color: #B62626;*/
	/*background-color: #B8D4E6;*/
	/*background-color: #eff0f2;*/
	background-color: white;
	color:  #29708a;
	border-width: 0px;
	border-right-style:solid;
	border-right-width: 0px;
	border-right-color: #809DC9;
}

.themeSideBarDark .sideBarHeader
{
	/*color:  White;*/
	font: 1.5em Arial, Helvetica, sans-serif;
}

.themeSideBarDark .subMenuHeader
{
	/*color:  White;*/
	/*background-color: #B62626;*/
	font-size: 1.2em;
	padding: 2px;
	border-bottom-color: #C2CECE;
	border-bottom-style: solid;
	border-bottom-width: 0px;

	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

.themeSideBarDark .subMenuBody a
{
	background-color:#eff0f2;
	color: #e64848;
}

.themeSideBarDark a:hover
{
	background-color: #689CBF;
	color: white;
}

/*****************************************************************************************************************/
.themeSideFilter
{
	/*background-color: #E5F0F7;*/
	color:  #008AE6;
	border-style:solid;
	border-width: 0px;
	border-color: #B2DCF8;
}

.themeSideFilter .sideBarHeader
{
	color:  #008AE6;
	font: 1.5em Arial, Helvetica, sans-serif;
}

.themeSideFilter .subMenuHeader
{
	color:  #005C5C;
	background-color: #C2CECE;
	font-size: 1.2em;
	padding: 5px;
	border-bottom-color: #C2CECE;
	border-bottom-style: solid;
	border-bottom-width: 1px;

	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

.themeSideFilter .subMenuBody
{
	background-color: #D8E0E0;
}

/*****************************************************************************************************************/


.themeDarkRed 
{
	background-color: #B62626;
	border-style:solid;
	border-width: 1px;
	border-color: #D69999;
}

.themeDarkRed .sideBarHeader
{
	color: white;
	font: 1.8em Arial, Helvetica, sans-serif;
}

.themeDarkRed .subMenuHeader
{
	color: white;
	background-color: #7F1B1B;
	font-size: 1.2em;
	padding: 5px;

	-moz-border-radius-topleft: 5px; 
	-moz-border-radius-topright: 5px; 
	-webkit-border-top-left-radius: 5px; 
	-webkit-border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px; 
}

.themeDarkRed .subMenuBody
{
	background-color:#994949;
	color: white;
}

/*****************************************************************************************************************/

.PanelGroup
{
	background: white;
	margin:0px;
	text-align:left;
	padding: 5px 5px 10px 5px;   /* Top, Right, Bottom, Left  */
	clear:both;   /* Push to the bottom after float */

	border-style: solid;
	border-width: 0px;
	border-bottom-color: White;
}

.PanelGroup-SubHeading
{
	font:  1.4em Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px 0px 2px 0px;   /* Top, Right, Bototm, Left  */
	margin: 2px 0px 2px 0px;   /* Top, Right, Bototm, Left  #*/
	color: Navy;
}

.PanelGroup th
{
	background-color:#ECECEC; 
	border-bottom-color:Silver; 
	border-bottom-width:1px;
}

.PanelGroup-Table tr:nth-child(odd) {
	background-color: #f0f4fa;
}

.PanelGroup-Table tr:hover 
{
	background-color: #ffff99;
}

.PanelGroup-Table tr:hover,tr.alt:hover
{
	background-color: #ffff99;
}

.PanelGroup b 
{
	font:  1.0em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: navy;
	font-weight: bold;
}

.PanelGroup-Paragraph p, strong
{
	margin: 0px 0px 2px 0px;  /* Top, Right, Bototm, Left  */
	padding: 0px 0px 5px 0px; /* Top, Right, Bototm, Left  */
}

.PanelGroup-Paragraph strong
{
	margin: 0px 0px 0px 0px;  /* Top, Right, Bototm, Left  */
	padding: 0px 0px 0px 0px; /* Top, Right, Bototm, Left  */
}


.PanelGroup h4
{
	font:  1.4em Arial, Helvetica, sans-serif;
	padding: 0px 0px 2px 2px;   /* Top, Right, Bototm, Left  */
	margin: 0px;
	/*color: #5393a2;*/
	color: #104a91;
	background: white; 
	border-color: lightgray;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-width: 0px; 
}

.PanelGroup2
{
	background: white;
	margin:0px;
	text-align:left;
	padding: 5px 0px 10px 0px;   /* Top, Right, Bottom, Left  */
	clear:both;   /* Push to the bottom after float */

	border-style: solid;
	border-width: 0px;
	border-bottom-color: White;
}


.PanelGroup2 th
{
	background-color:#CFE1E1; 
	border-bottom-color:Silver; 
	border-bottom-width:1px;
}

.PanelGroup-Table2 tr:nth-child(odd) {
	background-color: #e8eef4;
}

.PanelGroup-Table2 tr:hover 
{
	background-color: #ffff99;
}

.PanelGroup-Table2 tr:hover,tr.alt:hover
{
	background-color: #ffff99;
}

.PanelGroup2 b 
{
	font:  1.0em Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: navy;
}



.PanelGroup2 h4
{
	font:  1.4em Arial, Helvetica, sans-serif;
	padding: 0px 0px 2px 2px;   /* Top, Right, Bototm, Left  */
	margin: 0px;
	/*color: #990000;*/
	color:#104a91;
	background: white; 
	border-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-width: 0px; 
}
	
/*****************************************************************************************************************/

.FieldGroup .Folder
{
	/*background: url('../../Content/images/right.gif') no-repeat 97% 50%;*/
}

.right-arrow:after {
	content:'\25BA'
}

.FieldGroup a:hover #Folder 
{
	background: url('../../Content/images/right.gif') no-repeat 97% 50%;

	color: black;
	display:block;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	padding: 0px 0px 0px 2px;   /* Top, Right, Bototm, Left  */
	
	border-color: red;
	border-style: solid;
	border-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
}

.FieldGroup
{
	/*background: #F2F2F2;*/
	margin:0px;
	text-align:left;
	/*clear:both;   Push to the bottom after float */
	padding: 2px;

	border-style: solid;
	border-width: 0px;
	border-color: red;
   /* border-bottom-color: White; */
}

.FieldGroup h4
{
	padding: 5px;
	margin: -2px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #B62626; 
	background: #DADADA; 

	border-color: #B62626;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}

.FieldGroup h5
{
	font-size: 1.0em;
	padding: 5px;
	margin: 0px;
	/* color: #086A87;
	background: #EAE3E3; */
	
	color: White;
	background: #086A87;
	
	border-color: #086A87;
	border-bottom-style: solid;
	border-bottom-width: 1px;
  /*  border-top-style: solid;
	border-top-width: 1px;  */
}

.FieldGroup ul
{
	list-style: none;
	margin: 0px;
	padding-left: 0px;
}

.FieldGroup li
{
	clear:left;
	margin: 0px;
	list-style-position: none;
	list-style: none;
	padding: 0px 0px 0px 0px;   /* Top, Right, Bototm, Left  */
	display: block;
}

.FieldGroup li a
{
	margin-left: 0;
	color: black;
	display:block;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	padding: 0px 0px 0px 2px;   /* Top, Right, Bototm, Left  */
	
	border-color: #C9C299;
	border-style: solid;
	border-width: 0px;
/*	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;  */
}

.FieldGroup li a:hover
{
	background: #9B7E8A;
	color: white;
	padding: 0px 0px 0px 2px;   /* Top, Right, Bototm, Left  */
	text-decoration: none;    
	border: 0px;
	border-color: #CDC9C8;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

/*Sub level menu items */
.FieldGroup ul li ul
{
	display: none;
}

.FieldGroup ul li:hover ul 
{
	display: block;
 }

.FieldGroup li ul
{
  background:#7197A0;
  height:auto;
  filter:alpha(opacity=95);
  opacity:0.95;
  position:absolute;
  width:180px; 
  margin-left: 200px;
  margin-top: -23px;
  padding: 2px;
  z-index:200;  
}

.FieldGroup a 
{
	padding: 0px 0px 0px 2px;   
	text-decoration: none;    
	color: black;
	border: 0px;
	border-color: #CDC9C8;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

.FieldGroup a:hover 
{
	color: white;
}

.FieldGroup table
{
	border: 0px;
}

.FieldGroup tr:hover 
{
	background: #9B7E8A;
	color: white;
	padding: 0px 0px 0px 0px;   /* Top, Right, Bototm, Left  */
	text-decoration: none;    
	border: 0px;
	border-color: #CDC9C8;
	border-bottom-style: solid;
	border-bottom-width: 0px;
}

/*****************************************************************************************************************/

#SideBarGroup
{
	background: white;
	margin:0px;
	padding-left: 5px;
	text-align:left;
	/*clear:both;   Push to the bottom after float */

	border-style: solid;
	border-width: 1px;
	border-color: red;  /* #D9D6CA; */
}

#SideBarGroup li
{
	list-style-position: inside;
	list-style: none;
	padding: 0px 0px 0px 0px;   /* Top, Right, Bototm, Left  */
}

#SideBarGroup h2
{
	padding: 5px;
	margin: 0px;
	background: #D9D6CA; 
}

#SideBarGroup h4
{
	padding: 5px;
	margin: 0px;
	background: #D9D6CA; 
}

/*******************************************************************************************************************/

#pagefooter
{
	/*background: #D9D6CA;*/
	background: white;
	margin:0px;
	padding: 0px;
	text-align:center;
	clear: both;  /* Push to the bottom after float */
	color: #104a91;

	border-top-style: solid;
	border-top-width: 1px;
	/*border-top-color: #104a91;*/  
	border-top-color: lightgray;  
}

#pageheader 
{
	background-color: #7ba8a8;  
/*	background-image:url('../../Content/images/TitleBG.png'); */
	margin:0px;
	padding: 0px;       
	text-align: center;
	border: 0px;
}

#pageheader h1
{
	color: white;
	padding: 5px;
	margin: 0px;
	padding: 10px;
}

#pageheader h2
{
	color: white;
	padding: 5px;
	margin: 0px;
}


/*******************************************************************************************************************/

.wgdtable{
	border : 0px solid #354260;
	background-color: white;
	color:  black;
	border-collapse: collapse;
	width: 100%;
}

.wgdheader
{
	background-color: blue;
	color: #354260;
}

.wgdfooter
{
	background-color: #354260;
	color: white;
	text-align:center;
}

.wgdalternate
{
	background-color: #D9D6CA;
	padding: 1px;
}

/*******************************************************************************************************************/

.layoutBox
{
/*    margin: 0;
	border-style: solid;
	border-left-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 25px;
	border-color: white;  */
}


.layoutBox-header
{
	padding: 5px 10px 1px 10px;   /* Top, Right, Bototm, Left  */
	font: 14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #990000; 
	background-color: #ECECEC;

	border-color: #DADADA; 
	border-style: solid;
	border-width: 1px;

	border-bottom-color: #990000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	height: 30px;

	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}


.layoutBox-body
{
	padding: 10px 10px 10px 10px;   /* Top, Right, Bototm, Left  */
	background-color: #fcfafa;  
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	border-color: #DADADA; 
	font-size:1em;
}

.layoutBox-body-grid
{
	padding: 5px 10px 10px 10px;   /* Top, Right, Bototm, Left  */
	background-color: white;  
	border-style: solid;
	border-width: 1px;
	border-color: #990000; 
}

.layoutBox-body table
{
	width: 100%;
	border: 0px solid black;
}

.layoutBox tr
{
	border: 0px solid black;
}

.layoutBox td
{
	margin: 0px;
	padding: 5px;
	border: 0px solid black;
	/* background-color: orange;  */
}
.layoutBox h4
{
	padding: 2px 0px 2px 50px;   /* Top, Right, Bototm, Left  */
	margin: 0px;
	background: slategray; 
	color: White;
	border: 0px;
}

/* Use Style elements to align labels to the left nad right of a Div */
.layoutBox .layoutLeft { float: left; }
.layoutBox .layoutRight { float: right; }


/******************************************************************************************************************
* Styles for alphabetical (range) search filter
*/
.alphlabetSearch
{
	list-style:none
}

.alphlabetSearch ul
{
	list-style: none;
	margin:0px;
	padding-left: 0px;
}

.alphlabetSearch li
{
	float:left;
	padding: 0px 5px 0px 5px;   /* Top, Right, Bototm, Left  */
	border-color: #ACA3A3;
	}

/******************************************************************************************************************/

.secondaryMenu
{
	padding: 10px 10px 10px 10px;   /* Top, Right, Bototm, Left  */
}

.secondaryMenu a
{
	margin: 0px 20px 0px 0px;
}

/******************************************************************************************************************
* Styles for HTML controls
*/

input[readonly] {background: buttonface;}

/* Default style for description fileds. */
.DescriptionStyle
{
	 width: 500em;
}

/*.text-box {
	width: 30em;
}*/

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 

color: #bd1220;/*{fcDefault}*/
background: White;
}


/*.mytabs 
{
	background: White;
}

.mytabs li 
{
		color:black;
		background :  Gray !important;
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important; 

} 

.mytabs li.ui-state-active {
		color: White !important;
		background : #bd1220!important;
		border-top: 0 !important;
		border-left: 0 !important;
		border-right: 0 !important; 
		margin: 2;
 }

/*



.mytabs li a
	{
		color:          White !important;
		font-size:      0.8em !important;
		font-weight:    bolder;
		padding:        4px 1.5ex 3px !important;
	}
*/    

.mytabs li a:hover
{
	background: #bd1220;
	border: 0px;
	border-bottom: 0px;
	border-style: solid;
	border-bottom-color: orange;
	color: White;
} 


/******************************************************************************************************************
* Styles for sidebar menu
*/

.sidebarmenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
font: bold 13px Verdana;
width: 180px; /* Main Menu Item widths */
border-bottom: 1px solid #ccc;
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #012D58; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 170px; /*Sub Menu Items width */
top: 0px;
visibility: hidden;
}


/******************************************************************************************************************/

.wera-webgrid
{
	width: 100%;
	border: 0px;
	border-collapse: collapse;
}

.wera-webgrid a 
{
	/*color: #B62626;*/
	border: 0px;
	border-bottom-style:none;
}

.wera-webgrid img
{
	color: #B62626;
	border: 0px;
	border-bottom-style:none;
}

.wera-webgrid a:hover
{
	color: red;
}

.wera-webgrid tr:hover
{
	/*color: red;*/
	background-color:#ffff99;*;
}

.wera-webgrid-header
{
	padding: 2px 2px;
	text-align: center;   
	color: White;    
	height: 22px;
	border-width: 0px;
}
	  
.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 1px solid #ddd;
}

.wera-webgrid thead th     
{
	padding: 0px 0px 0px 5px;
	margin: 2px;
	height: 26px;
	background-color: #f0f0f2; /*#DADADA;*/
	color: #2a6496;
}

.wera-webgrid-footer
{
	padding: 6px 5px;
	text-align: left;
	background-color: white;
	height: 30px;    
	border: 0px;
}

.wera-webgrid-alternating-row
{
	height: 25px;
	background-color: #f0f0f0; /*#F2F2F2;*/
	border-width: 0px;
}

.gridrow_alternate
{
	height: 25px;
	/*background-color: #f0f0f0;  /*#F2F2F2;*/*/
	border-width: 0px;
}

.wera-webgrid-row-style
{
	height: 25px;
	border: 0px;
}

.webgrid-selected-row
{
	font-weight: bold;
}

/******************************************************************************************************************/

.title
{
}

.title .Text { float:right }
.title .OpenClose { float:left }

.ui-widget-header 
{
	 background: #bd1220;
	 border-bottom-color: #bd1220;
}
 
/*#tabs .ui-tabs-nav li.ui-tabs-selected > a[href="#tabs-1"] { background:none; background-color:#8ad2d3; }*/

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
	background-color: pink;
}

/*.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #bd1220;
}*/

/*#tabs .ui-state-active {
background: #5ba63c !important;
}*/

.ui-datepicker-trigger
{
	 border: none;
	 padding: 1px;
}

/*******************************************************************************************************************/

.breakLine
{
	border-bottom-width: 2px;
	border-bottom-style: solid;
   /* border-bottom-color: #B62626; */
	border-bottom-color: #DADADA;
	padding: 10px 0px 5px 0px;
}

.breakLineRed
{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #B62626;
	padding: 5px 0px 10px 0px;
}

/********************************************************************************************************************
 For a div with a top and bottom border but no sides. Helps break fields on a form.
*/

.sectionTopBottom
{
	border-color: Silver; 
	border-width:0px; 
	border-bottom-width:1px; 
	border-top-width:1px; 
	border-style: solid; 
	margin-top: 10px; 
	padding-top: 3px;
	padding-bottom: 3px;
}

.sectionBottom
{
	border-color: Silver; 
	border-width:0px; 
	border-bottom-width:1px; 
	border-top-width:0px; 
	border-style: solid; 
	padding-top: 10px; 
	padding-bottom: 10px;
}

.sectionBottom-noborder
{
	border-color: Silver; 
	border-width: 0px; 
	padding-top: 10px; 
	padding-bottom: 10px;
}

.button
{
	height: 32px;
} 

/*******************************************************************************************************************/

.externalMentorText
{
	color: Brown; 
}

/******************************************************************************************************************
 Side Menu Style that works with the Fluent action link (From the FeedManager Project).
*/
.sideMenu
{
	/*background-color:#F6F6F5;*/
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.sideMenu h1
{
	background-color: #DADADA;
	color: #B62626;
	font: 14px Arial, Helvetica, sans-serif;
	padding: 3px 3px 3px 3px;
	border: 0px;
	
	-moz-border-radius: 7px 7px 0px 0px;
	border-radius: 7px 7px 0px 0px;
}

.sideMenu a
{
	color: Black;
	display: block;
	padding: 1px 0px 1px 3px;
	text-decoration: none;
}

.sideMenu a:hover
{
	display: block;
	background-color: #9B7E8A;
	color: White;
	text-decoration: none;
}

.sideMenu img
{  
	border-style: none;
}

.slate.sideMenu
{
/*	border-right: 1px solid #989EA1;
	border-bottom: 1px solid #A2A8AA;  */
}

.sideMenu img
 {
	vertical-align: middle;
	padding: 0px 10px 0px 0px;
 }
 
.disabled
{
	color: #696969; 
	opacity: 0.6;
	filter: alpha(opacity=40); /* msie */
	padding: 1px 0px 1px 3px;
	display: block;
}

/******************************************************************************************************************
Table for showing random question data grid
*/

.randomGrid table
{
	border: 1px solid black;
}

.randomGrid tr
{
	border: 1px solid black;
}

.randomGrid-tda
{
	background-color: #e8eef4;
	border: 1px solid black;
	padding: 0px;
	text-align:center;
	font-size: larger;
}

.randomGrid-number
{
	background-color: #FFCCCC;
	border: 1px solid black;
	padding: 0px;
	text-align:center;
}

.randomGrid-lowerCase
{
	background-color:  #CCFFCC;
	border: 1px solid black;
	padding: 0px;
	text-align:center;
}
.randomGrid-upperCase
{
	background-color: white;
	border: 1px solid black;
	padding: 0px;
	text-align:center;
}
.displayComments
{
	border: 1px solid  #CCC;
	color:#444;
}


/******************************************************************************************************************
Digest Views
*/

.majorHeading
{
	font: 1.4em Arial, Helvetica, sans-serif; 
	color:#990000; 
	border-bottom-width: 2px; 
	border-bottom-style:solid; 
	border-bottom-color:#990000;
}

.majorHeading-right
{
	text-align:right; 
	border-bottom-width: 2px; 
	border-bottom-style:solid; 
	border-bottom-color:#990000;
}

/******************************************************************************************************************
Alert Panels
*/

.alert-box 
{
	color:#555;
	border-radius:5px;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:1em;
	padding:10px 10px 10px 10px;
	margin:10px;
	margin-left: 0px;
	margin-right: 0px;
}

.alert-box em
{
	font-weight: bold;
}

.error {
	background:#F7DED6 url('images/error.png') no-repeat 10px 50%;
	border:0px solid #CC3300;
	border-left-color: #CC3300;
	border-left-width: 5px;
}
.success {
	background:#e9ffd9 url('images/success.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning 
{
	background:#fff8c4 url('images/warning.png') no-repeat 10px 50%;
	border:0px solid #f2c779;
	border-left-color: #f2c779;
	border-left-width: 5px;
}
.notice 
{
	background:#DAEDD3 url('images/notice.png') no-repeat 10px 50%;
	border:0px solid #4A7575;
	border-left-color: #33CC33;
	border-left-width: 5px;
}

.hidden>div {
	display:none;
}

.visible>div {
	display:block;
}

.more {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
	text-decoration: none;
	color: #36f;
	padding-left: 8px;
	background: transparent url('down.gif') no-repeat left; }
a.hideLink {
	background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
	border-bottom: 1px dotted #36f; }

/******************************************************************************************************************
 Tab panel test - REMOVE ???? MH
*/
#tabs-nobg { 
	padding: 0px; 
} 
#tabs-nobg .ui-tabs-nav { 
	background: transparent; 
	border-width: 0px 0px 1px 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px; 
} 
#tabs-nobg .ui-tabs-panel { 
	margin: 0em 0.2em 0.2em 0.2em; 
}

/******************************************************************************************************************
 xTabs - Tab style used for Client Summary Views (less in your face than default JQuery tab). MH 2014-11-29
*/

.xcontainer
{
	width: 100%;
	margin: 0 auto;
}

ul.xtabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/*ul.xtabs li
{
	background:white;
	color: #60748d;
	display: inline-block;
	padding: 5px 15px;
	cursor: pointer;
	margin: 0px;
	border-left-style: solid;
	border-left-color: lightgray;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: lightgray;
	border-top-width: 1px;  
	bottom: 0;
	width: 1em;
	box-shadow: 2px 2px 2px rgba(0,0,0,.4);
}*/

ul.xtabs li 
{
		background-color: white;
		color: #104a91;
		display: inline-block;
		padding: 5px 15px;
		cursor: pointer;
		margin: 0px;
		border-color: lightgray;
		border-width: 0px;
		border-style: solid;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
}

/*ul.xtabs li.current
{
	background: #104a91;
	color: White;
}*/ 

ul.xtabs li.current {
		background-color: white;
		color: gray;
		font-weight:bold;
		border-style: solid;
		border-color: lightgray;
		border-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: white;
		border-bottom-width: 1px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

/*.xtab-content
{
	display: none;
	background: White;
	padding: 5px;
	border-color: #e6e6ec;
	border-width: 1px;
	border-style: solid;
	border-top-color: #104a91;
	border-top-width: 2px;
}*/ 

.xtab-content {
		display: none;
		background: white;
		padding: 5px;
		padding-top: 10px;
		border-color: lightgray;
		border-width: 1px;
		border-style: solid;
		margin-top: -1px;
	}

.xtab-content.current
{
	display: inherit;
}


/*.xtab a::after*/ 
/*ul.xtabs li*/
.xtab li::after 
{
  content:'';
  position:absolute;
  z-index: 1;
  top: 0;
  right: -.5em;  
  bottom: 0;
  width: 1em;
  background: #4775A3;
  box-shadow: 2px 2px 2px rgba(0,0,0,.4);
  transform: skew(10deg);
  border-radius: 0 5px 0 0;  
}

.actionLink a:hover
{
	background-color: red;
	color: white;
	display: block;
	width: 150px;
	height: 150px;
}

/*========================================================
  Inline help comments.*/

.inline-Help
{
	padding-left:5px;
	padding-bottom:5px;
	color: slateblue;
	font-style:italic;
}

/*========================================================
  New Client Wizard.*/

.NewClientWizardEditHeading 
{
	padding: 5px;
	padding-left:0px;
	color: #31708f;
	background-color: #f7f7f7;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	border-bottom-color: #31708f;
	margin-bottom: 10px;
}

.form-group.required .control-label:after {
  content:" *";
  color:red;
}

.control-label-required:after {
	content: " *";
	color: red;
}

.control-label-warn:after {
  content:" *";
  color:blue;
}

.biggerCheckBox { transform: scale(1.5); -webkit-transform: scale(1.5); }

.clickable{
	cursor: pointer;   
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


	a.hrefinblack { color: #333; }
a.hrefinblack:active { color: #333 }
a.hrefinblack:link { color: #333 }
a.hrefinblack:visited { color: #333 }