﻿
body 
{
	margin: 0;
	color: #454545;	
	font-family: Arial;/*, Arial, Sans-Serif;*/
	font-size: xx-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size:x-small;  /*for compliant browsers */
}

img {border: none;}

html>body
{
	font-size:x-small; /*be nice to Opera */
}

#container
{
	margin: auto;
	width: 95em;	
}

a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{text-decoration:none;}
a:active{text-decoration:none;}

h1 
{
	 margin: 0px 0px 5px 0px;
	 padding: 0px;
	 color: #3333AA;
	 font-size: 13px;
	 font-weight: bold;
	 text-transform: capitalize;
	 font-family: "Trebuchet MS", Verdana, Helvetica;
}

h2 
{
	 color: #333333;
	 font-weight: bold;
	 text-align: left;
	 margin: 0px;
	 padding: 0px;
	 font-size: 11px;
	 font-family: Verdana, Helvetica;
}

h2.confirm 
{
	color: #0a0;
}
h2.error 
{
	color: #f00;
}

h2 
{
	 color: #333333;
	 font-weight: bold;
	 text-align: left;
	 margin: 0px;
	 padding: 0px;
	 font-size: 11px;
	 font-family: Verdana, Helvetica;
}


h3
{
	margin: 5px 2px 5px 2px;
	padding: 0px;
	font-size: 12px;
	font-family: "Trebuchet MS" , Verdana, Helvetica;
	color:#454545;
	text-align:left;
}

#loggedIn
{
	margin: 1em 0 0 0;
	float: left;
}

#loggedIn p
{
	margin: 0;
}

/* CHANGES made inorder to resolve CEF website layout issues when view using Safari Browser*/
.logoutButton
{
	margin-right: 1em;
	padding-left: .5em;	
	background: url(images/arrow.gif) no-repeat 100% 50%;
	border: none;
	font: 1em Arial, Verdana, Sans-Serif;
	color: #454545;
}

#nav1
{
	margin: 1em -1em .5em 0;
	text-align: right;
}

#nav1 li
{
	list-style: none;
	width: auto;
	margin: 0;
	display: inline;
	padding: 0 1em;
	border-left: .1em solid #999;
	font-size:10px;
}

#nav1 li.leadin
{
	border-left: 0;
}

#nav1 a
{
	color:  #404040;
	font-weight:normal;
	text-decoration:none;
}


#nav1 a:link{text-decoration:none;}
#nav1 a:visited{text-decoration:none;}
#nav1 a:hover{text-decoration:underline;}
#nav1 a:focus{text-decoration:none;}
#nav1 a:active{text-decoration:none;}

#topbanner
{
	clear: left;
	margin: 0;
	height: 9.7em;
	text-indent: -500em;
	background: #004080 repeat-x 50% bottom;		

}

#topbanner h1
{
	height: 100%;
	width: 100%;
	background:url("images/CEFLiveTopBanner.jpg")  no-repeat .5em 50%;
	
}

#nav2
{
	width: 94.8em;
	margin: 0;
	padding: .5em 0;
	border: .1em solid #5e5e5e;
	background: #f8f8f8 url("images/topmenu.gif") repeat-x bottom;
	float: left;	
}

#nav2 li
{
	margin: 0;
	padding: 0 .5em;
	float: left;
	list-style:none;
	width: 9.25em;
	height: 3em;
	text-align: center;
	border-left: .1em solid #999;
	line-height: 2.5em;
	font-weight:lighter;
	font-size:10px;
	vertical-align:middle;
}

#nav2 li.leadin
{
	border-left: 0;
	vertical-align:middle;
}

#nav2 li.doubleLine
{
	line-height: 1.2em;
}

#nav2 a
{
	color:  #404040;
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;
}

#nav2 a:link{text-decoration:none;}
#nav2 a:visited{text-decoration:none;}
#nav2 a:hover{text-decoration:underline;}
#nav2 a:focus{text-decoration:none;}
#nav2 a:active{text-decoration:none;}


#breadcrumbs p
{
	clear: left;
	margin: .5em 1em;
	color: #454545;
	text-transform: uppercase;
	font-weight:normal;
}

#breadcrumbs a
{
	color: #454545;
	font-weight:normal;
}

#breadcrumbs a:hover
{
	text-decoration:underline;
}

#leftcol
{
	width: 19.5em;
	float: left;
}

#maincol
{
	width: 52.1em;
	float: left;
	margin-left: 1.3em;
}

#maincol1
{
	width:73.5em;	
	float: left;
	margin-left: 1.3em;
}

#rightcol
{
	width: 19.5em;
	float: left;
	margin-left: 1.3em;
}

.box
{
	width:100%;	
	float: left;
	border: solid .1em #5e5e5e;
	background: url("images/bl_grad.gif") no-repeat bottom right;	
	margin-bottom: 1em;	
}

.boxloginhead
{
	width: 250em;
	float: left;
	border: solid .1em #5e5e5e;
	background: url("images/bl_grad.gif") no-repeat bottom right;
	margin-bottom: 1em;		
}

.box h2
{	
	clear: both;
	margin: 0;
	color: #fefefe;
	font-size:11px;	
	font-weight: normal;
	text-transform: uppercase;
	background: #c0c1c2 url("images/box_grad.gif") repeat-x bottom;	
}

.box h2 span
{	
	display: block;
	padding: .5em 1.5em;	
	background: url("images/box_detail.gif") no-repeat bottom right;	
	border-bottom: solid .1em #5e5e5e;
}

.box h2 a
{
	display: block;
	padding: .5em 1.5em;
	color: #fefefe;
	background: url("images/arrow.gif") no-repeat 95% 50%;
	border-top: solid .1em #5e5e5e;
	text-decoration:none;
}

.box h2 a:link{color: #fefefe;text-decoration:none;}
.box h2 a:visited{color: #fefefe;text-decoration:none;}
.box h2 a:hover{color: #fefefe;text-decoration:underline;}
.box h2 a:focus{color: #fefefe;text-decoration:none;}
.box h2 a:active{color: #fefefe;text-decoration:none;}

.box p
{
	margin: 1em .5em;
}

/* Added Rule to Fix bug 6190 */
.box td a:hover
{
	text-decoration:underline;
}

.formpanel 
{
 float: left;
 width: 300px;
 margin: 0px;
 padding: 0; 
}

.arrowlist
{
	margin: 1em;
	list-style: none;
}

.arrowlist li
{	
	background: url(images/arrow.gif) no-repeat 0 50%;
	padding: .2em 0 .2em 2em;
	line-height: 2em;
}

.arrowlist li a
{
	color: #505050;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
}

.arrowlist li a:link{text-decoration:none;}
.arrowlist li a:visited{text-decoration:none;}
.arrowlist li a:hover{text-decoration:underline;}
.arrowlist li a:focus{text-decoration:none;}
.arrowlist li a:active{text-decoration:none;}

.arrowlist li:hover{text-decoration:underline;}

/* CHANGES made inorder to resolve CEF website layout issues when view using Safari Browser*/
.arrowlist dt
{
	background: url(images/arrow.gif) no-repeat 0 50%;
	padding: .2em 0 .2em 2em;
}

.arrowlist dt a
{
	color: #505050;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
}

.arrowlist dt a:link{text-decoration:none;}
.arrowlist dt a:visited{text-decoration:none;}
.arrowlist dt a:hover{text-decoration:underline;}
.arrowlist dt a:focus{text-decoration:none;}
.arrowlist dt a:active{text-decoration:none;}


.arrowlist dd
{
	margin: 0;
	margin-bottom: 1em;
	padding-left: 2em;
}
/* CHANGES made inorder to resolve CEF website layout issues when view using Safari Browser*/
.spannerlist
{
	margin: 1em;
}

.spannerlist dt
{
	background: url(images/spanner.gif) no-repeat 0 50%;
	padding: .2em 0 .2em 2em;
}

.spannerlist dt a
{
	color: #505050;
	font-weight: bold;
	font-size:11px;
	text-decoration:none;
}

.spannerlist dt a:link{text-decoration:none;}
.spannerlist dt a:visited{text-decoration:none;}
.spannerlist dt a:hover{text-decoration:underline;}
.spannerlist dt a:focus{text-decoration:none;}
.spannerlist dt a:active{text-decoration:none;}


.spannerlist dd
{
	margin: 0;
	margin-bottom: 1em;
	padding-left: 2em;
}

#login
{
	border-style: none;
}

#login p
{
	float: left;
}

#login label
{
	float: left;
	clear: left;
	display: block;
	width: 5.5em;
	margin-right: .5em;
}

#login input.text
{
	width: 60%;
	height: 1em;
}

#login a
{
	display: block;
	float: left;
	margin-left: .5em;
	color: #999;
}

.loginButton
{
	display: block;
	float: right;
	margin-right: 1em;
	padding-right: .3em;
	background: url(images/arrow.gif) no-repeat 100% 50%;
	border: none;
	font: 1em  Arial, Verdana,Sans-Serif;
	color: #454545;
}

#construction
{
	text-align: center;
	color: Red;
	font-size:11px;	
}

#content h2
{
	font-family: Arial;
	font-size:11px;	
	color: #0000cc;
	margin-bottom: 0;	
}

#content fieldset#search
{
	padding: 1em 0;
	width: 30em;
	margin: 0 auto;
	text-align: center;
	border: solid .1em #454545;
	border-left: 1em;
}

#content legend
{
	color: #454545;
	font-weight: bold;
	font-size:11px;	
}

#content dt
{
	padding: .2em 0 .2em 2em;
}

#content dt a
{
	color: #454545;
	font-weight: bold;
}

#content dd
{
	margin: 0;
	margin-bottom: 1em;
	padding-left: 2em;
}

.detailsView, .gridView
{
	width: 97%;
	margin: 1em auto;
}

.detailsView td, .gridView td
{
	padding: .5em;
}

.detailsView
{
	border: .1em solid #5e5e5e; 
	/*border: solid .1em #0066dd;*/
}

.gridView
{
	border: solid .1em #5e5e5e;
}

.detailsView .headerStyle
{
	background-color:#c0c1c2;	
	color: #fff; 
	border: none;
	font-weight:bold;
	width: 12em;
}

.detailsView .headerStyle
{
	text-align: right;
}

.detailsView input.text
{
	width: 97%;
}

.detailsView textarea
{
	width: 97%;
}

.gridView .headerStyle
{
	color:Red;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	background: #c0c1c2 url("images/box_grad.gif") repeat-x bottom;	
}

.gridView .headerStyle th
{
	padding: .5em;
	font-weight: normal;
}

.gridView .alternatingRowStyle
{
	background-color: #edf5ff;
}

.gridView .selectedRowStyle
{
	background-color: #0066dd;
	color: #fff;	
}


#footer
{
	clear: both;
	margin: 1em 0;
	text-transform: uppercase;
}

#footer p
{
	width: 13.7em;
	height: 3.7em;
	float: left;
	padding-right: 4.5em;
	text-indent: -500em;
	background: url("images/eulogo.gif") no-repeat;
}

#footer ul
{
	margin: 0;
	padding-top: 2.2em;
}

#footer li
{
	list-style: none;
	width: auto;
	margin: 0;
	display: inline;
	padding: 0 1em;
	border-left: .1em solid #999;
}

#footer li.leadin
{
	border-left: 0;
}

#footer a
{
	color: #454545;
	text-decoration:none;
	font-weight:normal;
}

#footer a:link{text-decoration:none;}
#footer a:visited{text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer a:focus{text-decoration:none;}
#footer a:active{text-decoration:none;}


#spantest
{
	width: 100%;
	float: left;
	border:solid .1em #5e5e5e;
	background: url("images/bl_grad.gif") no-repeat bottom right;
	margin-bottom: 1em
}
.buttonpanel{ 
 text-align: right;
 margin: 5px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
}

.buttonpanel input {
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 5px;
 width: auto !important;
}
#pager
{
	float:right;
}
#contentfull {
 min-height: 300px;
 padding: 2px 10px 5px 5px;
}
#contentfull h1
{
	height:10px;	
	color:#454545;
}

#contentfull p
{
	height:10px;
}


/* Search option Container */ 

#singlecol 
{
	min-height: 300px;
	padding: 2px 10px 5px 5px;
}
#singlecol h1
{
	height:10px;
	font-size:13px;
	font-weight:bold;
	color:#454545;	
}

#singlecol p
{
	height:10px;
}

/* Style Rules modified to fix issue CEF289 --- Link Formatting */
#singlecol ul li a:link,
#singlecol ul li a:visited,
#singlecol div a:link,
#singlecol div a:visited
{
	color:Blue;
	font-weight:normal;
	text-decoration:none;
}

#singlecol ul li a:hover,
#singlecol ul li a:active,
#singlecol div a:hover,
#singlecol div a:active
{
	color:Blue;
	font-weight:normal;
	text-decoration:underline;
}
/* ---------- XXXX -----------------------*/
#main
{
	 height: 100%;
	 min-height: 100px;
	 border-top: 1px solid #454545;
	 border-left: 1px solid #454545; 
	 border-right: 1px solid #454545; 
	 border-bottom: 1px solid #454545; 
}

/* Added Rule to Fix bug 6190 */
#main td a:hover
{
	text-decoration:underline;
}

.box1 
{
	 width: 148px;
	 height: 60px;
	 padding: 0px;
	 min-height: 60px;
	 background:white;
	 margin: 5px 0px 10px 0px;
	 border: solid .1em #5e5e5e;
}
.boxhead 
{
	 height: 20px;
	 margin: 0px;
	 padding: 1px 0px 0px 3px;
	 background: #9b72cf;
}

/*[3-4-2008] Changed :: width: 135px;*/
.label 
{
	float: left;	
    color: #333;
	text-align: right;
} 

.formw
{
	float: left;
	width: 155px;
	text-align: left;
	margin-left: 10px;
}
.floatfix{
 clear: both;
 width: 100%;
}

.row
{
	clear: both;
	padding-top: 5px;
}
.TopGroup
{ 
  background-color:#c0c1c2;
  border: .1em solid #5e5e5e;  
  cursor:default;
  width:100%;
  /*background-color: #d2e4fc;	
	background: #c0c1c2 url("images/box_grad.gif") repeat-x bottom;   
  background-color:#454545; 
  color:#c0c1c2;
	background-color:#c0c1c2;*/
}

.MenuGroup
{
  background: #f8f8f8 url("images/topmenu.gif") repeat-x bottom;
  border: .1em solid #5e5e5e; 
  cursor: hand;
  /*border: 2px #0075eb solid;
	
	background-color:#F5F5F5;*/  
}

.TopMenuItem
{ 
	background: #f8f8f8 url("images/topmenu.gif") repeat-x bottom;      
	font-weight:bold;
	cursor: hand; 
	/*background-color: #d2e4fc;	
	color: #003399;
	color:White;
	background-color:#c0c1c2;  */
}

.TopMenuItemHover 
{
 font-weight: bold;
 background-color:#454545; 
 color: #fff; 
 cursor: hand; 
 /*background-color: #0075eb; */
}

.MenuItem
{
	border: .1em solid #f8f8f8;
	font-weight:bold;
  /*border: 1px solid #F5F5F5; 
  color: #00025C;
  font-family: tahoma; 
  font-size: 11px; 
  cursor: hand; */
}

.MenuItemHover 
{
 font-weight: bold;
 background-color:#454545; 
 color: #fff; 
 cursor: hand; 
}

.MenuBreak
{
  width:100%;
  border-bottom: 1px solid #ccc;
}

.blstyle
{
	color: #505050; 
	font-family:Arial;	
	font-weight:bold;
	font-size:11px;
	margin-top:10px;
	padding-top:0.1em;		
}

.blstyle a:link,a:active,a:visited
{
	text-decoration:none;
}

.blstyle a:hover
{
	text-decoration:underline;
}

.unSelectIndex
{
	font-weight:normal;
	text-decoration:none;
}
.selectIndex
{
	font-weight:bold;
	text-decoration:underline;
}


/* Component Art - MultiPage
Increased Width from 570px to 620 px to fix Tabcontrol layout Issue */

.MultiPage
{
  overflow: visible;
  position:relative;
  padding:10px;
  top: -3px;
  left: 1px;
  z-index:98;
  background: #fcfcfc;
  border: 1px solid #5e5e5e;
  border-left: 10px solid #5e5e5e;  
  width: 670px;
  margin: 0px auto;
  height: 300px;
}

/* Component Art - Tab Strip */

.TabGroup
{
  z-index:99;
  position:relative;
  width: 650px;
  overflow: hidden;
  margin: 0px auto;
  padding-left: 15px;
  background: Fuschia;
}

.DefaultTab 
{
  color:black; 
  background-image: url(./images/tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.DefaultTabHover 
{
  color:black; 
  background-image: url(./images/hover_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

.SelectedTab 
{
  color:black; 
  background-image: url(./images/selected_tab_bg.gif);
  font-family:MS Sans Serif, Verdana; 
  font-size:10px; 
  cursor:default;
}

/* Search Option */

#searchoptions
{
 display: block;
 width: 615px;
 padding: 0px;
 margin: 0px auto;
 text-align: center;
 background: #fcfcfc;
 border: 1px solid  #5e5e5e ;
 border-left: 10px solid  #5e5e5e;   
}
#searchoptions select{
 width: 155px;
}

#searchbuttons 
{
 width: 100%;
 clear: both;
 padding: 0px 0px 0px 0px;
 margin: 2px 0px 5px 0px;
 text-align: center;
}
#searchbuttons input 
{
 width: auto !important;
 margin-left: 5px;
 padding-left: 5px;
 padding-right: 5px;
}

#searchresults 
{
 width: 100%;
 padding: 0px;
 margin: 0px auto;
 text-align: center;
 /*width: 700px;*/
}

#searchresults div 
{
 margin: 0px auto;
}

#searchresults table 
{
 width: 100%;
 text-align: left;
 margin: 0px auto;
 margin-bottom: 5px;
 padding-left: 10px;
 border: 0px;
}

#searchresults th 
{
	 color: #003399;
	 color: #fff;
	 text-align: left;
	 background-color:#454545;
	 border-bottom: 1px solid #003399;
}

.MultiPage #searchresults,
.inlineeditor #searchresults {
 width: 95%;
}

.MultiPage #searchresults th,
.inlineeditor #searchresults th 
{
	color: #003399;
	 color: #fff;
	 text-align: left;
	 background-color:#454545;
	 border-bottom: 1px solid #003399;
 /*color: #5e5e5e;
 background-color: transparent;*/
}

#searchresults td 
{
 font-size:11px;
   text-align: left;
 font-family: Arial; 
}


#searchresults tr.alternaterow 
{
 background-color: #f2f2fc;
}


#searchresultsPayments 
{
 width: 100%;
 padding: 0px;
 margin: 0px auto;
 text-align: center;
 /*width: 700px;*/
}

#searchresultsPayments div 
{
 margin: 0px auto;
}

#searchresultsPayments table 
{
 width: 100%;
 text-align: left;
 margin: 0px auto;
 margin-bottom: 5px;
 padding-left: 10px;
 border: 0px;
}

#searchresultsPayments th 
{
	 color: #003399;
	 color: #fff;
	 text-align: left;
	 background-color:#454545;
	 border-bottom: 1px solid #003399;
}

.MultiPage #searchresultsPayments,
.inlineeditor #searchresultsPayments {
 width: 95%;
}

.MultiPage #searchresultsPayments th,
.inlineeditor #searchresultsPayments th 
{
	color: #003399;
	 color: #fff;
	 text-align: left;
	 background-color:#454545;
	 border-bottom: 1px solid #003399;
 /*color: #5e5e5e;
 background-color: transparent;*/
}

#searchresultsPayments td 
{
 font-size:11px;
  
 font-family: Arial; 
}


#searchresultsPayments tr.alternaterow 
{
 background-color: #f2f2fc;
}





.pager {
 clear: both;
 color: #000;
 font-size:11px;
 font-family: Arial;
 background: #fff;
 text-align: right;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 3px 0px;
 border-bottom: 1px solid #507CD1;
 /*font-size: 10px;*/
}

.pager a {
 font-weight: normal;
 text-decoration: none;
}

.pager a:hover {
 text-decoration: underline;
}
.pager option,
.pager select {
 font-size:11px;
 font-weight: normal;
 font-family: Arial;
 /*font-size: 10px;*/
}

div.row
{
	clear: both;
	padding-top: 5px;
}

div.rownospace
{
	clear: both;
	padding-top: 1px;
}

div.row span.label , div.rownospace span.label
{
	float: left;
	width: 135px;
    color: #333;
	text-align: right;
} 

div.row span.formw , div.rownospace span.formw
{
	float: left;
	width: 155px;
	text-align: left;
	margin-left: 10px;
}
div.spacer
{
	clear: both;
}
div.h1
{
	font-size:11px;	
	font-weight:bold;
	/*font-size:1px;*/
}

#Div1 h1
{
	font-size:11px;
	font-weight:bold;
	color:#454545;	
	/*font-size:15px;*/
}
#singlecol h1
{
	font-size:11px;
	font-weight:bold;
	color:#454545;
	/*font-size:15px;*/
}
/* --- MAINTAIN FORM --- */

#maintainform
{
 width: 470px;
 margin: 0px auto;
 background: #fcfcfc;
 border: 1px solid #5e5e5e;
 border-left: 10px solid #5e5e5e;
 /*border-left: 10px solid #507CD1;
	border: 1px solid #507CD1;*/
 padding: 5px;
}

#maintainform input,
#maintainform select,
#maintainform textarea
{
 width: 260px;
}

#maintainform input[type=checkbox],
.inlineeditor input[type=checkbox],
#maintainform input[type=radio],
.inlineeditor input[type=radio]{
 padding: 0px;
 margin: 0px;
 width: auto !important;
 
}

#maintainform input[type=submit],
.inlineeditor input[type=submit] {
 padding: 0px 5px;
 width: auto !important;
}

#maintainform table td {
 width: auto;
 width: 180px;
 vertical-align: top;
}

#maintainformbuttons
{
 clear: both;
 padding: 3px;
 text-align: right;
}

#maintainformbuttons input 
{
	 width: auto !important;
	 margin-left: 5px;
	 padding-left: 5px;
	 padding-right: 5px;
	 min-width: 65px; 
}

#maintainform table table,
.inlineeditor table table {
 width: 200px;
 background: #fff;
 border: 1px solid #000;
}

#maintainform table table table,
.inlineeditor table table table
{
 color: #fff;
 background: #000;
 font-weight: normal;
}
#maintainform table table th,
.inlineeditor table table th {
 color: #000;
 background: #ccc;
 font-weight: normal;
}
#maintainform table table table td a,
.inlineeditor table table table td a {
 color: #fff !important;
 font-weight: bold;
}

#maintainform table table td,
.inlineeditor table table td {
 padding: 0px;
 margin: 0px;
}

#maintainform h2,
.inlineeditor h2
{
 color: #333333;
 font-weight: bold;
 text-align: left;
 margin: 0px;
 padding: 0px;
 font-size: 11px;
 font-family: Verdana, Helvetica;
 margin-bottom: 10px;
}

.inlineeditor {
 width: 320px;
 padding: 5px;
 margin: 0px auto;
 background: #fcfcfc;
 border: 1px solid #5e5e5e;
 border-left: 10px solid #5e5e5e;
 /*width: 310px;*/
}
.inlineeditor td{
 margin: 0px 10px 0px 0px;
}


.inlineeditor table td {
 width: auto;
 width: 180px;
 vertical-align: top;
}

.inlineeditor input,
.inlineeditor select
{
 width: 180px;
}

.pagecontent
{	
	color: #505050;
	font-size: 12pt;
	overflow:hidden;	
	padding: .5em 1.5em .5em 1.5em;	
}

.pagecontent table
{
	width:100%;
}

.pagecontent a:link{color: Blue;font-weight :normal;text-decoration:none;}
.pagecontent a:visited{color: Blue;font-weight :normal;text-decoration:none;}
.pagecontent a:hover{color: Blue;font-weight :normal;text-decoration:underline;}
.pagecontent a:focus{color: Blue;font-weight :normal;text-decoration:none;}
.pagecontent a:active{color: Blue;font-weight :normal;color:Blue;text-decoration:none;}



.newslinetitle
{
	color: #505050;
	font-weight: bold;
	font-size:12px;	
	text-decoration:none;
}

.newslinetitle a:link,a:visited,a:active
{
	text-decoration:none;
}

.newslinetitle a:hover
{
	text-decoration:underline;
}

.newslinecontent
{
	font-size:12px;	
}

.testLink
{
	text-decoration:none;
	display:block;	
	font-size:11px;
	font-weight:bold;	
	font-family:Arial;
	color:#454545;
}
.searchLinkButton
{
	position:absolute;	
	z-index:104px;
	margin-left:0px;
	margin-top:5px;	
	font-size:11px;
	font-weight:bold;
	font-family:Arial;
	
}
.searchTextBox
{
	position:absolute;	
	z-index:104px;
	margin-left:40px;
	margin-top:5px;	
	height:14px;	
}


.printbutton
{
	float:right;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
	color:Blue;
	text-decoration:none;
}

/*.printbutton tr td a
{
	float:right;
	font-weight:bold;
	font-size:11px;
	font-family:Arial;
	color:Blue;
	text-decoration:none;
}*/


.printbutton:link{text-decoration:none;}
.printbutton:visited{text-decoration:none;}
.printbutton:hover{text-decoration:underline;}
.printbutton:focus{text-decoration:none;}
.printbutton:active{text-decoration:none;}

/*.printbutton a:hover
{
	text-decoration:underline;	
}

.printbutton a:link, a:visited, a:active
{
	text-decoration:none;	
}*/

.blnewsline
{
	margin-top:10px;
	padding-top:0.1em;
	color: #505050;
	font-size:11px;
}

.blnewsline a:link,a:active,a:visited
{
	color: #505050; 
	font-family:Arial;
	font-weight: bold;
	text-decoration:none;
}

.blnewsline a:hover
{
	text-decoration:underline;
}

.blnewsline p
{
	font-weight: normal;
	text-decoration: none;
}

.newsline h3 
{
	 color: #505050; 
	 font-weight: bold;
	 text-align: left;
	 margin: 0px;
	 padding: 0px;
	 font-size: 14pt;
	 font-family: Arial;
}
/* --- EMAIL ---*/

#email
{	
	width: 100%;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #ccc;
	vertical-align:top;
}
#email table 
{
	width: 100%;
	text-align: left;
	margin: 0px auto;
	border: 1px solid #ccc;	
} 
#email td
{	
	padding: 5px 5px;
	vertical-align:top;	
}

#email input, textarea, label
{
	width: 95%;
}

#email textarea.editabletextbox
{
	overflow:auto;
}

#email textarea.readonlytextbox
{
	overflow:auto;
	border:0px;
}

.labelBorder
{
 border:0px solid #454545;
 margin:2px;
 padding:3px;
 empty-cells:show;
 width:400px;
}

.centertext
{
 text-align:center;	
}

/*-- Pop up Master--*/
.popupcontainer {
 width: 100%;
 height: 100%;
 margin: 0px;
 padding: 10px 5px 10px 5px;
 background: #fcfcfc;
 border: 3px solid #5e5e5e;
 border-left: 15px solid #5e5e5e;
}



/*-- New Style rule to fix the maintain form buttons ---*/
#employermaintainbuttons
{
 clear: both;
 padding: 3px;
 text-align: right;
}
#employermaintainbuttons input
{
	width: auto;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.column {
 width: 50%;
 float: left;
}

.column p a 
{
	color: Blue;		
	font-weight:normal;
	text-decoration:none;
}
/* Style Rules modified to fix issue CEF289 --- Link Formatting */
.column p a:link, 
.column p a:visited,
.column ul a:link, 
.column ul a:visited
{
	color:Blue;
	font-weight:normal;
	text-decoration:none;
}

.column p a:hover, 
.column p a:active,
.column ul a:hover, 
.column ul a:active
{
	color:Blue;
	font-weight:normal;
	text-decoration:underline;
}
/* ---------- XXXX -----------------------*/

/*---- Added new style rules to fix Advanced Search options screen logged in as CEF Staff -----*/

#freeSearch 
{
	 width: 100%;
	 padding: 0px;
	 margin: 0px auto;
	 text-align: left;
	 width: 700px;
}

#freeSearch div 
{
	margin: 0px auto;
}

#freeSearch table 
{
	 width: 100%;
	 text-align: left;
	 margin: 0px auto;
	 margin-bottom: 5px;
	 padding-left: 10px;
	 border: 0px;
}

#freeSearch th 
{
	 color: #003399;
	 color: #fff;
	 text-align: left;
	 background-color:#454545;
	 border-bottom: 1px solid #003399;
}

#freeSearch td 
{
	 font-size:11px;
	 text-align: left;
	 font-family: Arial; 
}


#freeSearch tr.alternaterow 
{
	background-color: #f2f2fc;
}

/* Calendar */

.calendar
{
 border-left: 3px solid #454545;
 border-right: 3px solid #454545;
 border-bottom: 3px solid #454545;
}
.calendar a{
 color: #0000ff;
 font-weight: normal;
 text-decoration: underline;
}
.calendar a:hover{
 color: #FF0000;
}

.day
{
 width: 100px;
 height: 70px;
 text-align: right;
 vertical-align: top;
 font-family: Tahoma;
 font-size: 11px;
 color: #666;
 font-weight: bold;
 background-color: #FFFFFF;
 border: 1px solid #ccc;
}

.selectedday{
 color: #f00;
 text-decoration: underline;
}

.othermonthday
{
  color: #999;
  background-color:#f9f9f9;
}
.othermonthday a {
 color: #999;
}

.month
{
  border-collapse:collapse;
}

.dayheader
{
  background-color:#E3E0CD;
  background-image:url("images/header_bg.gif");
  color:#504C39;
  font-family:Verdana;
  font-size:10px;
  font-weight: bold;
  text-align:center;
  border-top:solid 1px #FFFFFF;
  border-left:solid 1px #FFFFFF;
  border-bottom:solid 1px #ACA899;
  border-right:solid 1px #C6C1AC;
  height: 21px;
  padding: 4px;
  /*E3E0CD*/
}

.title
{
 color: #fff;
 height: 25px;
 font-weight: bold;
 font-size: 12px;
 background-color:#454545;
}

.nextprev
{
  cursor:hand;
}

.CallBackLoadingBody
{
  background-color:#F5F3E5;
  height: 420px;
  font-size: 12px;
  font-weight: bold;
}

/* Overlay */

#overlay {
 visibility: hidden;
 position: absolute;
 left: 0px;
 top: 0px;
 width:100%;
 height:100%;
 text-align:center;
 z-index: 1000;
 background-image:url("images/overlay.gif");
}

#overlaybox {
 width: 300px;
 text-align: left;
 margin: 100px auto;
 background-color: #fff;
 border: 1px solid #000;
}
#boxtitle{
 color: #fff;
 margin: 0px;
 padding: 0px;
 height: 20px;
 font-size: 12px;
 font-weight: bold;
 padding: 2px 0px 2px 5px;
 background-color: #454545;
}
#boxtitle * {
 color: #fff;
}
#boxtitle a:hover{
 text-decoration: none;
}
#boxcontent{
 margin: 0px;
 padding: 5px;
 font-size: 11px;
 line-height: 1.6em;
 min-height: 300px;
}
#boxfooter {
 text-align: center;
}
    
#overlay div.row {
 padding: 0px;
 background: #fff;
 margin: 0px;
}
#overlay span {
 text-align: left;
 padding-left: 3px;
 background-color: #fcfcfc;
}

#overlay span.label{
 width: 80px;
 color: #000;
 font-weight: bold;
 margin: 0px;
}
#overlay span.formw {
 width: 190px;
 margin: 0px;
}
.overlayinfo {
 margin-bottom: 10px;
 background: #fcfcfc;
 border: 1px solid #454545;
 border-left: 4px solid #454545;
}

.cfapp
{
 display: block;
 width: 800px;
 padding: 0px;
 margin: 0px auto;
 text-align: center;
 background: #fcfcfc;
 border: 1px solid  #5e5e5e ;
 border-left: 10px solid  #5e5e5e;   
}

.cfapp select{
 width: 145px;
}

.regradeButtons{ 
 text-align: right;
 margin: 5px 0px 0px 0px;
 padding: 5px 0px 5px 0px;
}

.regradeButtons input {
 padding-left: 8px;
 padding-right: 8px;
 margin-left: 5px;
 text-align:right;
 width:150px;
}

#tooltip
{ 
background-color:#ffffcc; 
display:none; 
border:1px solid #666666; 
width: auto ;
position:absolute; 
font-family:tahoma; 
font-size:11px; 
padding:5px; 
max-width: 200px; 

}
.nicstyle
{
	border-left: 10px solid  #5e5e5e;
	border-top: 1px solid #5e5e5e; 
	border-bottom: 1px solid #5e5e5e;
	border-right: 1px solid #5e5e5e; 	
}

.nicstyleright
{
	border-right: 1px solid #5e5e5e;	
	border-top: 1px solid #5e5e5e;
	border-bottom: 1px solid #5e5e5e;
	border-left: 1px solid  #5e5e5e;
}

.nicstyletext
{
 display: block;
 width: 615px;
 padding: 0px;
 margin-left:120px;
 background: #fcfcfc;
 border: 1px solid  #5e5e5e ;
 border-left-style:none; 
 border-width: 0px; 
 text-align:left;    
}

.nicstylediv
{
 display: block;
 width: 100%;
 padding: 0px;
 margin-left:0px auto;
 background: #fcfcfc;
 border: 0px solid  #5e5e5e ;
 text-align:center;    
}

/* Construction Directory Browser Compatibility fix */
#cdsearchoptions
{
 display: block;
 width: 625px;
 padding: 0px;
 margin: 0px auto;
 text-align: center;
 background: #fcfcfc;
 border: 1px solid  #5e5e5e ;
 border-left: 10px solid  #5e5e5e;   
}
#cdsearchoptions select{
 width: 155px;
}

.RightAlign         {     text-align:center ; color:Red; }
