/* CCSTheme v 3.x */
/* General */

/* BEGIN Common */
body { 
	font-family: Tahoma;font-size: 80%;
	background-image: url('Images/PageBg.gif');
	}

p { 
	margin-top: 2px; 
	}

a:link { 
	color: #333333;
	}

a:visited { 
	color: #333333;
	}

a:hover,a:active { 
	color: #CC3300;
	}

ul, ol, blockquote { 
	margin-top: 5px; 
	margin-bottom: 10px; 
	margin-left: 20px 
	}

form {
	margin: 0px;
	}

h1	{
	font-size: 150%;
	margin-top: 5px; 
	margin-bottom: 5px;
	}

h2	{ 
	font-size: 130%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h3	{ 
	font-size: 110%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h4	{ 
	font-size: 100%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h5	{ 
	font-size: 100%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h6	{ 
	font-size: 90%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-family: Tahoma;font-size: 80%;
	}

td { 
	font-family: Tahoma;font-size: 80%;
	}

/* END Common */

.Header {
	width: 100%;
	}

.Header th { 
	font-size: 90%; font-weight: bold; text-align: left;
	padding: 2px;
	background-image: url('Images/HeaderBg.gif'); color: #ffffff;
	width: 100%;
	white-space: nowrap;
	}

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft { 
	background-image: url('Images/HeaderLeft.gif');
	}

.HeaderRight { 
	background-image: url('Images/HeaderRight.gif');
	}

.HeaderLeft img{
	width: 14px;
	}

.HeaderRight img{
	width: 14px;
	}


/* Grid Options */
.Grid { 
	border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc;
	width: 100%;
	}

.Caption th { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}

.Caption a:link { 
	color: #333333;
	}

.Caption a:visited { 
	color: #333333;
	}

.Caption a:hover, .Caption a:active { 
	color: #CC3300;
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}

.Row a:link { 
	color: #333333;
	}

.Row a:visited { 
	color: #333333;
	}

.Row a:hover, .Row a:active { 
	color: #CC3300;
	}

.Separator{
	color: #3d84cc;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #deebf7; 
	color: #000000;
	}

.AltRow a:link { 
	color: #333333;
	}

.AltRow a:visited { 
	color: #333333;
	}

.AltRow a:hover, .AltRow a:active { 
	color: #CC3300;
	}

.NoRecords td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Footer a:link { 
	color: #333333;
	}

.Footer a:visited { 
	color: #333333;
	}

.Footer a:hover, .Footer a:active { 
	color: #CC3300;
	}

.Footer img {
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	vertical-align: middle;
	}

/* Record Options */
.Record { 
	border-left: 1px solid #3d84cc; border-bottom: 1px solid #3d84cc;
	width: 100%;
	}

.Error td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7; 
	}

.Controls th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}

.Bottom td { 
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #f7f7f7; color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.Bottom a:link { 
	color: #333333;
	}

.Bottom a:visited { 
	color: #333333;
	}

.Bottom a:hover, .Caption a:active { 
	color: #CC3300;
	}

.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	white-space: nowrap;
	text-align: left; 
	vertical-align: top;
	font-weight: bold;
	background-color: #deebf7; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7; 
	color: #000000;
	}

.GroupCaption a:link {
	color: #333333;
	}

.GroupCaption a:visited{
	color: #333333;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #CC3300;
	}

.GroupFooter td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #a9cdf2; 
	color: #000000;
	}

.GroupFooter a:link {
	color: #333333;
	}

.GroupFooter a:visited{
	color: #333333;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #CC3300;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	font-weight: bold;
	background-color: #deebf7; 
	color: #000000;
	border-bottom: 2px solid #3d84cc;
	}

.SubTotal a:link {
	color: #333333;
	}

.SubTotal a:visited{
	color: #333333;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #CC3300;
	}

.Total td{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #deebf7; 
	color: #000000;
	}

.Total a:link {
	color: #333333;
	}

.Total a:visited{
	color: #333333;
	}

.Total a:hover, .Total a:active{
	color: #ff0000;
	}

/* Form Options */
.Button { 
	margin: 2px
	}

/* Calendar */

.Calendar { 
	border: 1px solid #3d84cc;
	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #deebf7; 
	color: #000000;
	}

.CalendarWeekdayName a:link {
	color: #333333;
	}

.CalendarWeekdayName a:visited{
	color: #333333;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendName{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #deebf7;	
	color: #000000;
	}

.CalendarWeekendName a:link {
	color: #333333;
	}

.CalendarWeekendName a:visited{
	color: #333333;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}

.CalendarDay a:link {
	color: #333333;
	}

.CalendarDay a:visited{
	color: #333333;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #deebf7;	
	color: #000000;
	}

.CalendarWeekend a:link {
	color: #333333;
	}

.CalendarWeekend a:visited{
	color: #333333;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}

.CalendarToday a:link {
	color: #333333;
	}

.CalendarToday a:visited{
	color: #333333;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #deebf7;	
	color: #000000;
	}

.CalendarWeekendToday a:link {
	color: #333333;
	}

.CalendarWeekendToday a:visited{
	color: #333333;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	background-color: #f7f7f7;	
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	text-align: center;
	background-color: #deebf7;	
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	border-top: 3px solid #3d84cc; border-right: 3px solid #3d84cc; border-left: 2px solid #3d84cc; border-bottom: 2px solid #3d84cc;
	text-align: center;
	color: #3d84cc;
	background-color: #deebf7;	
	}

.CalendarOtherMonthWeekendToday a:link {
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #3d84cc;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 2px;
	border-top: 1px solid #3d84cc; border-right: 1px solid #3d84cc;
	background-color: #a9cdf2;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 2px;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}

.CalendarNavigator a:link {
	color: #0033cc;
	}

.CalendarNavigator a:visited{
	color: #830000;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #ff0000;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

/* Calendar Extra */
.CalendarEvent{
	font-size: 80%;
	text-align: left;
	}

.CalendarEvent a:link {
	color: #0033cc;
	}

.CalendarEvent a:visited{
	color: #830000;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}

/* Custom */

a.ECEMwebDataLink:link
{
	color: #000000; 
	font-size: 10pt; 
	text-decoration: underline;
}
a.ECEMwebDataLink:visited
{
	color: #000000; 
	font-size: 10pt; 
	text-decoration: underline;
}
a.ECEMwebDataLink:hover
{
	color: #000000; 
	font-size: 10pt; 
	text-decoration: none;
}
a.ECEMwebDataLink:active
{
	color: #000000; 
	font-size: 10pt; 
	text-decoration: none;
}
a.ECEMwebNavigatorLink:link
{
	color: #333333; 
	font-weight: bold; 
	font-size: 10pt; 
	text-decoration: underline;
}
a.ECEMwebNavigatorLink:visited
{
	color: #333333; 
	font-weight: bold; 
	font-size: 10pt; 
	text-decoration: underline;
}
a.ECEMwebNavigatorLink:hover
{
	color: #FF3300; 
	font-weight: bold; 
	font-size: 10pt;
}
a.ECEMwebNavigatorLink:active
{
	color: #FFFFFF; 
	font-weight: bold; 
	font-size: 10pt;
}

.table
{

}

a {
  color : #333333; 
} 

a:link {
  color : #333333; 
} 

a:visited {
  color : #333333; 
} 

a:hover {
  color : #CC3300;
} 

h1, h2, h3, h4, h5, h6 {
  font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  font-weight : normal; 
} 

.head, .headbox, .dynabox, a.leftmenu, a.topmenu {
  color: #FFFFFF;
  font-weight : bold; 
  text-decoration : none; 
  font-size : 9pt; 
  font-family : Verdana, Arial, Helvetica, sans-serif; 
} 

.footer {
  color: #FFFFFF;
  font-weight : normal; 
  text-decoration : none; 
  font-size : 8pt; 
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  border-left: 1px solid; 
  border-right: 1px solid; 
  border-top: 1px solid; 
  border-bottom: 1px solid; 
  padding:2px;    
} 

.topnav a:hover, .dynabox .headbox a:hover	{
  color : #FFFFFF; 
}

.pos0, body {
  background-color : #ffffff; 
  color : #000000; 
} 

.pos1, .pos1-right {
	background-color: #4C749E;
	border: #000000;
	color: #000000;
} 

.mainbox, .dynabox, a.leftmenu:link, a.leftmenu:visited {
  background-color : #DDE5EE; 
  border : #000000; 
  color : #000000; 
} 

.pos2, .topnav, a.leftmenu:hover { 
  background-color : #98B2CD; 
  color : #000000; 
  border : #000000; 
} 


.neg0 {
  background-color : #000000; 
} 

.neg1, a.topmenu:hover {
  background-color : #4d75a0; 
  color : #ffffff; 
  border : #000000; 
} 

.neg2, .headbox, a.topmenu:link, a.topmenu:visited {
  background-color : #6E93B9; 
  color : #ffffff; 
  border : #000000; 
} 

a.leftmenu:link {
  display : block; 
  padding-top : 2px; 
  padding-right : 2px; 
  padding-bottom : 2px; 
  padding-left : 2px; 
  border-style : solid; 
  border-top-width : 0; 
  border-right-width : 1px; 
  border-bottom-width : 1px; 
  border-left-width : 1px; 
  width : 145px; 
  font-weight : normal; 
  text-align : left; 
} 

a.leftmenu:hover {
  display : block; 
  padding-top : 2px; 
  padding-right : 2px; 
  padding-bottom : 2px; 
  padding-left : 2px; 
  border-style : solid; 
  border-top-width : 0; 
  border-right-width : 1px; 
  border-bottom-width : 1px; 
  border-left-width : 1px; 
  width : 145px; 
  font-weight : normal; 
  text-align : left; 
} 

a.leftmenu:visited {
  display : block; 
  padding-top : 2px; 
  padding-right : 2px; 
  padding-bottom : 2px; 
  padding-left : 2px; 
  border-style : solid; 
  border-top-width : 0; 
  border-right-width : 1px; 
  border-bottom-width : 1px; 
  border-left-width : 1px; 
  width : 145px; 
  font-weight : normal; 
  text-align : left; 
} 

a.topmenu:link {
  display : inline; 
  padding-top : 5px; 
  padding-right : 0; 
  padding-bottom : 5px; 
  padding-left : 0; 
  border-style : solid; 
  border-top-width : 0; 
  border-right-width : 0; 
  border-bottom-width : 0; 
  border-left-width : 1px; 
  text-align : center;  
} 

a.topmenu:hover {
  background-color : #4C749E; 
  display : inline; 
  padding-top : 5px; 
  padding-right : 0; 
  padding-bottom : 5px; 
  padding-left : 0; 
  border-style : solid; 
  border-top-width : 0; 
  border-right-width : 0; 
  border-bottom-width : 0; 
  border-left-width : 1px; 
  text-align : center; 
} 

a.topmenu:visited {
  display : inline; 
  padding-top : 5px; 
  padding-right : 0; 
  padding-bottom : 5px; 
  padding-left : 0; 
  border-style : solid; 
  border-top-width : 0; 
  border-right-width : 0; 
  border-bottom-width : 0; 
  border-left-width : 1px; 
  text-align : center; 
} 

.headbox {
  display : block; 
  padding-top : 2px; 
  padding-right : 2px; 
  padding-bottom : 2px; 
  padding-left : 2px; 
  border-top-width : 1px; 
  border-right-width : 1px; 
  border-bottom-width : 1px; 
  border-left-width : 1px; 
  border-style : solid; 
  width : 145px; 
  text-align : left; 
} 

.pos1 {
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding-top : 5px; 
  padding-left : 5px; 
  padding-right : 5px; 
  padding-bottom : 5px; 
  height : 55px; 
}

.pos1-right {
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding-top : 3px; 
  padding-left : 3px; 
  padding-right : 3px; 
  padding-bottom : 3px; 
  height : 55px; 
}

.topnav {
  border-left: 1px solid; 
  border-right: 1px solid; 
  border-top: 0px solid; 
  border-bottom: 1px solid; 
  padding-top: 3px;
  padding-bottom: 0 
} 

.mainbox {
  border-left: 1px solid; 
  border-right: 1px solid; 
  border-top: 1px solid; 
  border-bottom: 1px solid; 
  padding:5px;  
} 

.mainbox p {
  font-size : 10pt; 
} 

.mainbox p a {
  font-weight : bold; 
  font-size : 10pt; 
} 

.dynabox {
  border : 1px solid; 
  text-align : center; 
} 

.dynacontent {
  padding-top : 3px; 
  padding-left : 5px; 
  padding-right : 5px; 
  padding-bottom : 3px; 
  text-align : center; 
  font-size : 8pt; 
  font-weight : normal; 
}