table {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt; color: 000000;}
td { font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt; color: 000000;	vertical-align: middle;}
td.Sub1 {background-color: transparent;}
td.Sub1On {background-color: transparent;}
td.Sub2 {background-color: transparent;}
body { font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt; background-color: FFFFFF;	color: 000000; margin-left: 40px;}
H1, H2, H3, H4, H5 { font-family : Tahoma, Arial, Helvetica, sans-serif;}

.pageTopic {width: 350px; font-family: Times New Roman, Times, serif; color: 65666A; font-size: 20px; border-bottom: 2px solid #ef4b24; padding-left: 30px;}
.pageTopicRow {border-bottom: 2px solid #ef4b24; vertical-align: bottom; padding-bottom: 4px;}
.currentDoc {font-weight: bold; color: 0e3656; font-size: 12px;}

.FormLabel { font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: 65666A;	font-weight: bold;	text-align: left; vertical-align: top; height: 16px; padding-left: 0px;	text-transform: uppercase;}
.FormElement { height: 18px; color: 000000; vertical-align : top; background-color : FFFFFF;}
#red {color: red;}
.mkButton { display:inline-block; background-image:url('../Pearl_Button.gif');  background-repeat:no-repeat; height:29px; padding-left:35px; padding-right:5px;  padding-top:4px; font-family: 'Arial Black'; text-decoration: none; font-size: 8pt;  color: ##000000; font-weight: bold; text-transform: uppercase; cursor: pointer; }

.Instructions {  height: 21px;	color: 0e3656; font-weight: normal; vertical-align : middle; background-color : FFFFFF;}
.FormElement2 {height: 18px;	color: 000000; vertical-align : top; }
.Instructions2 {height: 21px;	color: 000099; font-weight: normal; vertical-align : middle;}
.FormLabel2 {font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: 666666;	font-weight: bold;	text-align: left;	vertical-align: top;	height: 16px;	padding-left: 0px;	text-transform: uppercase;}
#LeftMargin { border-left-color : FFFFFF; border-left-style : solid; border-left-width : thick;}
#RightMargin { border-right-color : FFFFFF; border-right-style : solid;	border-right-width : thick}
.RptLabel {	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: 333333;	font-weight: bold;	text-align: left;	vertical-align: top;	height: 16px;	padding-left: 0px;	text-transform: uppercase;}
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-align: center;}
.textinput { height: 20px;	background-color: FFFFFF; font-size: 9pt; border: 1px solid #7799BB; }
a:link {  color: 0e3656; text-decoration: underline}
a:visited { color: 993399}
a:hover {  color: 86cccc}
a:active {  color: 86cccc; text-decoration: underline}
.Update { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: ef4b24; vertical-align: middle; }
#Update { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: ef4b24; vertical-align: middle; }


.ExpNow { font-weight: bold; color: FFFFFF; background-color: CC6666; height: 20px}
.Exp30 { font-weight: bold; color: 990000; background-color: FFFFBB; height: 20px}
.Exp60 { font-weight: bold; color: 444444; background-color: 99CC99; height: 20px}
.Exp90 { font-weight: bold; color: 444444; background-color: 6699CC; height: 20px}

.RptSectionHeader {	font-family:Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: 000000; background-color: CCCCCC;	height: 21px; width: 575px;	padding: 5px;}
.TableHead { font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold;	color: 000000; background-color: CCCCCC; height: 21px; vertical-align: middle;}

.sbAddNew	{	color:606060; 	}	/* Select Box, Add New */
.sbNewElement	{	color:ff0000; }	/* Select Box, New Element */


.MainHead {	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt;	font-weight: bold; color: 65666a; height: 21px;}
.EnrollHeader {	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold;	color: 0e3656; height: 24px; vertical-align: middle; }
.AreaHeader {font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt; font-weight: bold;	color: 0e3656; height: 24px; vertical-align: bottom; padding-bottom: 3px; border-bottom: 1px solid #000066;}
.Enroll{	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt;}

.Gray{	font-family: Tahoma, Arial, Helvetica, sans-serif;	font-size: 10pt; background-color: EEEEEE}
.Search { background-color: 336699; color: EEEEEE; height: 30px; font-size: 8pt; font-weight: bold; }

.currentDoc { font-size: 9pt; font-weight: normal; color: 000000;}

.rowSeparator { background-color : #0e3656; color : #669999; font : bolder italic small-caps 12pt "Times New Roman", Times, serif; border-top : 2px groove #669999; border-bottom : 2px groove #669999; padding-left : 10px; }

.noteLink a:link {color: #888888; text-decoration: none; font-size: 12px;}
.noteLink a:visited {color: #888888; text-decoration: none; font-size: 12px;}
.noteLink a:hover {color: #AAAAAA; text-decoration: underline; font-size: 12px;}
.noteLink a:active {color: #AAAAAA; text-decoration: underline; font-size: 12px;}
.disclaimer {font-size: 9px;}
.hidden { visibility: hidden; }

.titleBarLink {color: #EEEEEE; text-decoration: none}
.titleBarLink a:link {color: #EEEEEE; text-decoration: none}
.titleBarLink a:visited {color: #EEEEEE; text-decoration: none}
.titleBarLink a:active {color: #FFFFFF; text-decoration: underline}
.titleBarLink a:hover {color: #FFFFFF; text-decoration: underline}
.breadcrumbs {color: #999999; 9pt; padding-left: 30px;}
.breadcrumbs a:link {color: #666666; text-decoration: underline}
.breadcrumbs a:visited {color: #666666; text-decoration: underline}
.breadcrumbs a:active {color: #999999; text-decoration: underline}
.breadcrumbs a:hover {color: #999999; text-decoration: underline}

.auditFooterBox {height: 30px; border: solid 1px #CCCCCC;}
.auditFooterLeft {width: 600px; padding-left: 10px; font-size: 11px; vertical-align: middle; color: #65666A; background-color: #FFFFDD;}
.auditFooterRight {width: 300px; padding-right: 10px; text-align: right; font-size: 11px; vertical-align: middle; color: #65666A; background-color: #FFFFDD;}

.auditFooterBox2 {height: 30px; border: solid 1px #CCCCCC;}
.auditFooter2 {font-size: 11px; color: #65666A; background-color: #FFFFDD;}

.sidebox {border: 1px solid #f1f1f2;}

.labelVerification	{	font-weight:bold; padding-left:2px; padding-right:2px;	}

.masterTableSearchFields {	width:270;	}
.masterTableCriteriaSelect	{	width:90;	}

/* Override CF Built-in Auto-Complete / Suggest CSS */
div.autosuggestcontainer li {	font-weight: normal; }
div.autosuggestcontainer li.yui-ac-prehighlight	{	background:#B3D4FF;	}
div.autosuggestcontainer li.yui-ac-highlight	{	background:#426FD9; color:#FFF;	}
div.autosuggestcontainer li:hover	{	background:#426FD9; color:#FFF;	}

/* Used for Phone Fields, built by our drawPhoneInput() */
#newPhoneFormat	{	display:table; width:100%;	}	/* Defines a CSS table for phone numbers w/extensions */
#newPhomeFormat p	{	display:table-row;	}
#newPhoneFormat span	{	display:table-cell; 	}

.diyButton {display:inline; background-image:url('/images/Pearl_Button.gif'); background-repeat:no-repeat; cursor:pointer; height:29px; padding-left:35px; padding-right:5px; padding-top:4px; font-family: "Arial Black", Tahoma, sans-serif; text-decoration: none; font-size: 8.5pt; color: #000000; font-weight: bolder; text-transform: uppercase;}
.cke_chrome{visibility: inherit !important; width:1100px !important;}
.cke_reset{height:220px !important;}
/* Start the Blocked Image  Popup */
     /* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: absolute; /* Stay in place */
  z-index: 9999; 
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  /*filter:alpha(opacity=90);*/
  background-color:grey;
  zoom:1;
}

.modal-image{
    
    width: 50%;
    height: 50%;
}
.modal-container {
    position: relative;
    top: 25%;
    left: 25%;
    z-index: 99999;
    display: inline;
}

span a{
    cursor: pointer;
}

.close {
    position: absolute;
    font-size: 20px;
    color: white;
    font-weight: bold;
    top: 1%;
    display: inline;
    right: 51%;
    cursor: pointer;
}
/* End the Blocked Image  Popup */