FORM { display: inline; }

table{
font-family: Arial, Helvetica, sans-serif !important;
color:#000000 !important;
}
.button
{
	background-color: #3366cc;
	color: #ffffff;
	font-family: Verdana, Arial, Times New Roman, Times, serif;
	font-size:1.1em;
	font-variant: small-caps;
}
.box {
	padding: 0px;
	font-family: Verdana, Arial, Times New Roman, Times, serif;
	font-size: 9pt;
	COLOR: #3366cc;
	border: #3366cc 1px solid;
}
.header
{
	font-size:12pt;
	color:#FFFFFF;
	font-weight:bold
}

.mediumheader
{
	font-size:10pt;
	color:#FFFFFF;
}

.smallheader
{
	font-size:8pt;
	color:#FFFFFF;
}

.sessionblock
{
	float:right;
	margin-right:5px;
	width:220px;
	border:#3366CC 1px solid;
	padding: 2px;
	border-radius: 2px;
	background:#CCCCCC repeat;
	z-index:1;
}

.signinblock
{
	margin:10px;
	/*width:80%;*/
	border:#3366CC 1px solid;
	padding: 10px;
	/*border-radius: 2px;*/
	background:#f5f5f5 repeat;
}

.certificate {
	FONT-WEIGHT: bold; FONT-SIZE: xx-small; BACKGROUND-IMAGE: none; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
.certificatetitle {
	FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND-IMAGE: none; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none
}
#outer {
	FONT-WEIGHT: 900; FONT-SIZE: medium; WIDTH: 87%; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
#outer1 {
	FONT-WEIGHT: 900; FONT-SIZE: large; WIDTH: 87%; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; POSITION: relative; BACKGROUND-COLOR: #ffffff
}
#inner {
	FLOAT: right; TOP: -128px; TEXT-ALIGN: right
}
#innerpopup {
	FLOAT: right; WIDTH: 56px; TOP: 18px; HEIGHT: 48px; TEXT-ALIGN: right
}
#docborder {
	BORDER-RIGHT: #003366 groove; PADDING-RIGHT: 7px; BORDER-TOP: #003366 groove; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 12px; BORDER-LEFT: #003366 groove; WIDTH: 95%; PADDING-TOP: 10px; BORDER-BOTTOM: #003366 groove
}
#subtitles {
	FONT-WEIGHT: 900; FONT-SIZE: medium; BACKGROUND-IMAGE: none; WIDTH: 100%; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; POSITION: relative; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left
}
.center {
	TEXT-ALIGN: center
}
.right
{
	font-weight: bold;
	text-align: right;
}
.subborder {
	BORDER-RIGHT: #3366cc thin solid; BORDER-TOP: #3366cc thin solid; BORDER-LEFT: #3366cc thin solid; COLOR: #000000; BORDER-BOTTOM: #3366cc thin solid; BACKGROUND-COLOR: #ffcc66
}
.disclaimer {
	BACKGROUND-IMAGE: none; FONT-STYLE: italic; BACKGROUND-COLOR: transparent
}
.double {
	MARGIN-TOP: 12px; BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 12px; BACKGROUND-COLOR: transparent
}
.indent1 {
	BACKGROUND-IMAGE: none; MARGIN-LEFT: 1ex; BACKGROUND-COLOR: transparent
}
.indent2 {
	BACKGROUND-IMAGE: none; MARGIN-LEFT: 2ex; BACKGROUND-COLOR: transparent
}
.indent3 {
	BACKGROUND-IMAGE: none; MARGIN-LEFT: 3ex; BACKGROUND-COLOR: transparent
}
.indent4 {
	BACKGROUND-IMAGE: none; MARGIN-LEFT: 4ex; BACKGROUND-COLOR: transparent
}
.indent5 {
	BACKGROUND-IMAGE: none; MARGIN-LEFT: 5ex; BACKGROUND-COLOR: transparent
}
.indent6 {
	DISPLAY: block; MARGIN-LEFT: 3em
}
.indent7 {
	DISPLAY: block; MARGIN-LEFT: 9em
}
.larger {
	FONT-SIZE: larger; BACKGROUND-IMAGE: none; BACKGROUND-COLOR: transparent
}
.line {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline
}
.onethird {
	MARGIN-TOP: 4px; BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 4px; BACKGROUND-COLOR: transparent
}
.red {
	BACKGROUND-IMAGE: none; COLOR: #cc0000; BACKGROUND-COLOR: transparent
}
.redline {
	BACKGROUND-IMAGE: none; COLOR: #cc0000; FONT-STYLE: italic; BACKGROUND-COLOR: transparent
}
.required
{
	font-weight: bold;
	background-image: none;
	color: #cc0000;
	background-color: transparent;
}
/*
.error
{
	font-weight: bold;
	background-image: none;
	color: #cc0000;
	background-color: transparent;
}
*/
.error {
	BACKGROUND-IMAGE: none; 
	FONT-WEIGHT: bold; 
	COLOR: #cc0000; 
	FONT-STYLE: italic; 
	BACKGROUND-COLOR: transparent
}

.smaller {
	FONT-SIZE: smaller; BACKGROUND-IMAGE: none; BACKGROUND-COLOR: transparent
}
.tblalt {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #cccccc
}
.lightgray {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #cccccc
}
.tblhead {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: none; COLOR: #ffffff; BACKGROUND-COLOR: #778899
}
.darkgray {
	FONT-WEIGHT: bold; BACKGROUND-IMAGE: none; COLOR: #ffffff; BACKGROUND-COLOR: #778899
}
BLOCKQUOTE {
	BACKGROUND-IMAGE: none; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
BODY {
	BACKGROUND-IMAGE: none; MARGIN: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: white;width: 100%; 
	font-size: 0.875rem;/*Bootstrap 4 has default size 0f 16, we had 14px*/
}
CAPTION {
	FONT-SIZE: larger; BACKGROUND-IMAGE: none; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent
}
CODE {
	BACKGROUND-IMAGE: none; COLOR: #006400; FONT-FAMILY: "Andale Mono", Courier, "Courier New", monospace; BACKGROUND-COLOR: transparent
}
H1 {
	BACKGROUND-IMAGE: none; MARGIN: 5px 0px 3px; COLOR: #000066; BACKGROUND-COLOR: transparent; font-size: LARGE;
}
H2 {
	BACKGROUND-IMAGE: none; MARGIN: 5px 0px 3px; COLOR: #000066; BACKGROUND-COLOR: transparent
}
H3 {
	BACKGROUND-IMAGE: none; MARGIN: 5px 0px 3px; COLOR: #000066; BACKGROUND-COLOR: transparent
}
H4 {
	BACKGROUND-IMAGE: none; MARGIN: 5px 0px 3px; COLOR: #000066; BACKGROUND-COLOR: transparent
}
H5 {
	BACKGROUND-IMAGE: none; MARGIN: 5px 0px 3px; COLOR: #000066; BACKGROUND-COLOR: transparent
}
H6 {
	BACKGROUND-IMAGE: none; MARGIN: 5px 0px 3px; COLOR: #000066; BACKGROUND-COLOR: transparent
}
PRE {
	BACKGROUND-IMAGE: none; COLOR: #000000; FONT-FAMILY: "Andale Mono", Courier, "Courier New", monospace; BACKGROUND-COLOR: transparent
}
SUP {
	FONT-SIZE: 80%; BACKGROUND-IMAGE: none; BACKGROUND-COLOR: transparent
}

TH {
	FONT-WEIGHT: bold; FONT-SIZE: x-small; BACKGROUND-IMAGE: none; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; TEXT-ALIGN: left
}
UL {
	BACKGROUND-IMAGE: none; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left
}
IMG.audience {
	MARGIN-TOP: 4px; MARGIN-BOTTOM: 0px; MARGIN-LEFT: 6px
}
IMG.center {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; VERTICAL-ALIGN: middle
}
.agname {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; BACKGROUND-IMAGE: none; COLOR: #ffffff
}
.bodycopy {
	PADDING: 5px 5px 5px 5px;
}
.botlinks {
	FONT-WEIGHT: bold; FONT-SIZE: x-small; COLOR: #ffffff
}
.darkblue {
	BACKGROUND-COLOR: #3366cc
}
.footercopy {
	FONT-SIZE: x-small; MARGIN-BOTTOM: 5px
}
.footersmall {
	FONT-SIZE: 10pt;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	MARGIN-LEFT: 10px;
}
.headaudience {
	MARGIN-TOP: 30px; FONT-WEIGHT: bold; FONT-SIZE: large; MARGIN-BOTTOM: 25px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.headlev1 {
	MARGIN-TOP: 15px; FONT-WEIGHT: bold; FONT-SIZE: x-large; MARGIN-BOTTOM: -10px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.headlev2 {
	FONT-SIZE: medium; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.headlev3 {
	MARGIN-TOP: 6px; FONT-WEIGHT: bold; FONT-SIZE: small; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.inhead {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ffffff; TEXT-DECORATION: none
}
.inlink {
	FONT-SIZE: x-small; COLOR: #ffffff; TEXT-DECORATION: underline
}
.inlink2 {
	FONT-SIZE: x-small; COLOR: #000000; TEXT-DECORATION: underline
}
.insearch {
	FONT-SIZE: x-small; COLOR: #ffffff; TEXT-DECORATION: none
}
.leftbarhead {
	FONT-WEIGHT: bold; FONT-SIZE: medium; MARGIN: 6px 2px 4px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.leftbarlist {
	FONT-SIZE: small; MARGIN: 0px 2px 4px 6px
}
.lightblue {
	BACKGROUND-COLOR: #6699ff
}
.rights {
	FONT-SIZE: xx-small
}
.sidebarcopy {
	FONT-SIZE: x-small; MARGIN-BOTTOM: 7px; MARGIN-LEFT: 6px; MARGIN-RIGHT: 2px
}
.sidebarlist {
	FONT-SIZE: x-small; MARGIN: 0px 2px 6px 6px
}
.sidecontacthead {
	FONT-WEIGHT: bold; FONT-SIZE: small; MARGIN: 6px 2px 4px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.sitenav {
	BACKGROUND-COLOR: #ffcc66
}
.subnavcontact {
	FONT-SIZE: xx-small; MARGIN: 0px 2px 4px 6px
}
.subnavhead {
	FONT-WEIGHT: bold; FONT-SIZE: small; MARGIN: 4px 2px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.subnavlist {
	FONT-SIZE: x-small; MARGIN: 2px 2px 4px 6px
}
.white {
	MARGIN-TOP: 0px; FONT-SIZE: xx-small; MARGIN-BOTTOM: 8px; COLOR: #ffffff
}
.mmlinkhead {
	FONT-WEIGHT: bold; FONT-SIZE: small; MARGIN-LEFT: 15px; COLOR: #ffffff; MARGIN-RIGHT: 15px
}
.mmlinks {
	FONT-SIZE: x-small; MARGIN-LEFT: 18px; COLOR: #ffffff; MARGIN-RIGHT: 18px
}
.mmtext {
	FONT-SIZE: x-small; MARGIN-LEFT: 18px; COLOR: #ffffff; MARGIN-RIGHT: 18px
}
.mmtitle {
	MARGIN-TOP: 15px; FONT-WEIGHT: bold; FONT-SIZE: small; MARGIN-LEFT: 15px; COLOR: #ffffff; MARGIN-RIGHT: 15px
}

.menulinklist
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	font-size: 10pt;
	padding-bottom: 1px;
	color: #ffffff;
	padding-top: 1px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.footerlink:hover {
	TEXT-DECORATION: underline;
}
.footerlink {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	COLOR: #221B6A;
	TEXT-DECORATION: none;
}
.update {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 90%;
	COLOR: #666666;
}

table.hangten td
{
	font-size: 10pt;
	line-height: 12pt;
	color: black;
	font-family: Arial, Helvetica, Geneva, Sans-Serif;
	text-align: left;
	vertical-align: top;
}

A.menulink:link {
	COLOR: #FFFFFF;
}
A.menulink:visited {
	COLOR: #FFFFFF;
}
A.menulink:hover {
	COLOR: #90F0FF;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

.menulink {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 95%;
	COLOR: #FFFFFF;
	PADDING: 5px 0px 5px 0px;
	TEXT-DECORATION: none;
}


LI.menulink {
    padding: 1px 0;
}

.menuheader {
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	font-variant: small-caps;
	padding: 5px 10px 5px 2px;
}

.menuheaderlink {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 100%;
	COLOR: #FFFFFF;
	PADDING: 5px 0px 5px 0px;
	TEXT-DECORATION: none;
}

A.menuheaderlink:link {
	COLOR: #FFFFFF;
}
A.menuheaderlink:visited {
	COLOR: #FFFFFF;
}
A.menuheaderlink:hover {
	COLOR: #90F0FF;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
}

footer #footer-nav.footerrow {
  background: #ccd5de;
  background: -moz-linear-gradient(top, #ccd5de 0%, white 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ccd5de), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #ccd5de 0%, white 100%);
  background: -o-linear-gradient(top, #ccd5de 0%, white 100%);
  background: -ms-linear-gradient(top, #ccd5de 0%, white 100%);
  background-image: linear-gradient(to bottom, #CCD5DE 0%, #FFFFFF 100%);   /* W3C Markup, IE10 Release Preview */ 
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCD5DE', endColorstr='#FFFFFF');
  background-repeat: no-repeat;
  padding-bottom:20px;
}
 
.bannerPCSP  {
   background-image: url(/images/flag-banner-bgrnd.png);
   background-size:cover;
   background-repeat:no-repeat;
   border-bottom: #003399 2px solid;
  /* height: 96px;*/
   width: 100%;
}

.bannerPCSPCellNoSession {
	vertical-align:middle;
	display: table-cell;
	height:96px;
}

.bannerPCSPdiv {
	vertical-align:middle;
	display: table-cell;
	width:230px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif; font-size: small; color: #000000; 
}

.bannerPCSTable {
 display: table;
 width:100%;
 /*height: 96px;*/
 /*border:#3366CC 1px solid;*/
}

.bannerPCSPCell {
	vertical-align:middle;
	display: table-cell;
	/*border:#3366CC 1px solid;*/
	/*height:96px;*/
	/*text-align: left;*/
}

.bannerTitle {
	font-family: Arial, Helvetica, sans-serif; color: #000000;
	text-align: center;
}
.rightalign {
	float:right;
}	
.signin {
	font-variant:small-caps; 
	text-align: center;
	color: #000066 !important;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif; font-size: large; color: #000000; 
}

.sessionblockNew
{
	/*width:350px;*/
	/*height:85px;*/
	/*border:#3366CC 1px solid;*/
	/*background:#CCCCCC;*/
	/*text-align: left;*/
	/*padding: 6px;*/
	padding-top: 1px;
	position: relative;
	right: -9px;
}
.DCNblock{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	background:#CCCCCC;
	width:260px;
	text-align: center;
	border-radius:5px;
}

.DCNdiv{
	padding-bottom: 2px;
	position: relative;
	right: -9px;
}
.menubox
{
	width:200px;
	border:lightgray 1px solid;
	background:	#ffffff;
	text-align: center;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	font-weight: bold;
}

.sameline {
display:inline;
}

/*start custom nav bar*/
#topNavbar {
width:100%;
margin:0 auto;
list-style:none;
padding-bottom: 0px;
margin-bottom: -7px;
text-align: center;
}
#topNavbar a {
/*width:182px;
text-align: center;*/
}

/*#topNavbar li {
border-bottom: #ececec 1px solid;
}*/
	
.nav>li:after {
  content: '';
  border-bottom: 1px solid #4876a3;
  position: absolute;
  bottom: 0px; left: 1px; right: 1px;
}

.dropdown > li {
border-bottom: #cc0000 1px solid;
}
.navbar-default{
 /* border: none;*/
  border-radius: 0;
  margin-bottom: 0px;
  text-align: center;
}

/*.navbar {margin-bottom: 0px;}*/
.navbar-custom {
    background-color:#336699;/*336699*/
	font-size: 1.0rem;
   /* color:#ffffff;
    border-radius:0;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 95%;
	text-align:center;*/
}

/*@media (min-width: 768px) {
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }*/

    .navbar .navbar-collapse {
        text-align: center;
    }
}

@media print {
  a[href]:after {
    content: none !important;
  }
}
/*.navbar .navbar-nav {
    display: inline-block;
    float: none;
}*/

/*.navbar .navbar-collapse {
    text-align: center;
}
*/

.navbar-custom .navbar-nav > li > a {
    color:#fff;
	/*padding: 10px 5px 10px;*/
}

.navbar-custom .navbar-nav > .active > a {
    color: #ffffff;
    background-color:transparent;
}
.navbar-custom .navbar-nav > li {background-color: #336699;}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus,
.navbar-custom .navbar-nav > .open >a {
    text-decoration: none;
    background-color: #286090;
	color:#fff;
}

.dropdown-menu > li:hover {background-color: #286090;}

.navbar-custom .navbar-brand {
    color:#fff;
	font-size: 95%;
	font-weight: bold;
	/*padding: 10px 5px 10px;*/
}

a.navbar-brand:hover {background-color: #286090;}
a.navbar-brand:focus {background-color: #286090;}


.navbar-custom .navbar-toggle {
    background-color:#eeeeee;
}
.navbar-custom .icon-bar {
    background-color:#286090;
}

/* for dropdowns only */
.navbar-custom .navbar-nav .dropdown-menu  { 
  background-color: #336699;
}
.navbar-custom .navbar-nav .dropdown-menu>li>a  { 
  color: #fff;
  font-variant: none;
}
.navbar-custom .navbar-nav .dropdown-menu>li>a:hover,.navbar-custom .navbar-nav .dropdown-menu>li>a:focus  { 
  color: #fff;
}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

/*btn-group-justified not supported in BS 4*/
.btn-group-justified {width: 100% !important;}
/*label was removed from bs4*/
label {font-weight: bold;}
/*end custom nav bar*/


/*space before labels*/
label::before {
  content: "\00a0";
}



/*replace bootstrap table padding*/
tr td{
  padding: 2px;
}
table { 
    border-spacing: 1px;
    border-collapse: separate;
}

.contentDiv {
	overflow-x:auto;
	padding: 5px 5px 5px 5px;
}

.smallcaps {
	font-variant: small-caps;
}

/*.tooltip-inner {
  background-color: #336699 !important;
  color: #FFF;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #336699 !important;;
}
*/
.formbox
{
	border:#3366CC 1px solid;
	background:#eee repeat;
}

.contentbox
{
	background:#eee repeat;
	margin-bottom: 5px;
	/*min-height:205px;*/
	margin-left: 3px;
  	margin-right: 3px;
	border:#3366CC 1px solid;
	padding: 4px;
}

.radiolist
{
 list-style: none; 
    padding-left: 0;
	padding-right: 0;
	padding-left: 0;
    margin: 0;
}	

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

nowrapline {
	white-space: nowrap;
}
 
.formtitle {
	background:#eee repeat;
	font-weight: bold;
	padding: 5px;
}

.formbr {
	height: 10px;
}

.smalltext {
	font-size: xx-small;
}

.floatright {
	float: right;
}

#passwordrules .popover {
 width:700px;
 /*font-size: 90%;*/
 margin-right: 100px;
}

.passwordruleslist {
  /*font-size: 90%;*/
  margin: 10px;
  padding: 0;
}			

/* Start Calendar (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 10px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Calendar Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 5px;
    border: 1px solid #888;
    width: 230px;
}

/* The Close Button */
.close {
    color: #101010;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.selDate {
	color: #cc0000;
	font-weight: bold;
}
/* End Calendar */

A.headerlink:link {
	font-size:10pt;
	color:#FFFFFF;
}

A.headerlink:visited {
	COLOR: #FFFFFF;
}

A.headerlink:active {
	COLOR: #FFFFFF;
}

A.headerlink:hover {
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
	cursor: pointer;
}

/* Director box */
.Director .BoxHeader
{height:1px;overflow:hidden;}
.Director .BoxHeader div
{width:1px;height:1px;overflow:hidden;}
.Director .BoxContent
{background:#ffffff; border: 1px solid #E0E0E0;}
.Director .BoxFooter
{height:2px;overflow:hidden;background:#ececec;}
.Director .BoxFooter div
{height:1px;overflow:hidden;}
.hr_director {color:#000;background-color:#000;height:1px;border:none;}
.links_in_box_director ul {margin:-2px 0;padding: 0;list-style: none; background: #ffffff; }
.links_in_box_director ul li {padding:0px 2px 8px 4px; background: url(/cem/images/styles/spacer3by3.gif) no-repeat left 5px;line-height:15px;margin:0;}
/* END Director box */

/* EXPAND/COLLAPSE */
div.dc_expand { background:#eee; padding: 5px; width: 35px; font-size:1em; font-weight:bold; line-height:1.25em; margin:0px; color:#eee; }

div.dc_expand a { display:block; text-decoration:none !important; color:#404040 !important; background: #eee;}
div.dc_expand a:link, div.dc_expand a:visited { background-image:url('../images/more.gif'); background-repeat:no-repeat; background-position:98% 50%;  background-color: #eee repeat;/*#ffffff;*/ padding:5px;}/*background-color:#ececec*/
div.dc_expand a:active { text-decoration:none; }
div.dc_expand a:hover { color:#1a49a0 !important; }
div.dc_expand a.open:link, div.dc_expand a.open:visited { background-image:url('../images/less.gif'); background-position:98% 50%; padding:5px; }

div.dc_collapse p { padding: 5px !important; background-color:#eee repeat; /*#ffffff;*/ }
/*END EXPAND/COLLAPSE */

/*correct styles*/
.BoxContent h1 {
	margin: 0 0 8px 0;
	padding: 0;
	font-size: 18px;
	color: #000000;
}

.BoxContent h2 {
	font-size: 16px;
	color: #000000;
}

.BoxContent h3 {
	font-size: 14px;
	color: #000000;
}

.BoxContent h4 {
	font-size: 13px;
	color: #000000;
}

.BoxContent h2, .BoxContent h3, .BoxContent h4 {
	margin: 0 0 2px 0;
	padding: 0;
	color: #000000;
}

.BoxContent p { margin-bottom:12px; margin-top:0px; }

a {
	color: #1f70c8;
}


.btn-primary{
    color: #fff;
    background-color: #336699;
    border-color: #336699
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #286090
}

.btn-primary:active {
    color: #fff;
    background-color: #336699;
    border-color: #336699
}

.btn-primary:visited {
    color: #fff;
    background-color: #336699;
    border-color: #336699
}

.btn-primary:focus {
    color: #fff;
    background-color: #336699;
    border-color: #336699
}

.btn-primary:active:focus {
    color: #fff;
    background-color: #336699;
    border-color: #336699
}
/*
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited, .btn-primary:focus, .btn-primary:active:focus {
background-color: #336699; border-color: #336699;}*/ 

.glyphicon-calendar{
    color: #336699 !important;
    background-color: #fff;
    border-color: #336699
}

.glyphicon-calendar:hover {
    color: #286090;
    background-color: #fff;
    border-color: #286090
}

.glyphicon-calendar:active {
    color: #336699;
    background-color: #fff;
    border-color: #336699
}

.glyphicon-calendar:visited {
    color: #336699;
    background-color: #fff;
    border-color: #336699
}

.glyphicon-calendar:focus {
    color: #336699;
    background-color: #fff;
    border-color: #336699
}

.glyphicon-calendar:active:focus {
    color: #336699;
    background-color: #fff;
    border-color: #336699
}

.bg-primary {background-color: #336699 !important;}
.bg-primary {card-body: #336699 !important;}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #f5f5f5;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #f0f8ff;
}