/* DEP Portal Stylesheet */

/* Please note, some class definitions are left over from DSF if they showed possibility of being useful or were complete unknowns.  These are ones that lack comments and may later be revised post-cleanup */

/* H1 is used for the page content title */

H1 {
  font-size: 150%;
  COLOR: #003366;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* title class is used as header by Enterprise Inside Content Portlet Template. Was used for Landing pages and should be kept to match H1, unless alternate decision occurs later. This may be called from other portlets as well so we really need to keep matched with the above H1 until we are sure. Additionally, this can be used to make a page element look like the content item H1 Auto-title in rare cases when necessary */ 

.title {
  font-size: 150%;
  COLOR: #003366;
  font-weight: normal;
  font-family: verdana, arial, Helvetica, sans-serif;
  margin: .67em 0;
}


/* h2 for main content headers throughout page */ 

H2 {
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
}

H2.indent {
	font-size: 120%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	padding-left: 75px;
}

/* h3 for main content subheaders throughout page */ 

H3 {
	font-size: 110%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}

/* h4 for main content subheaders throughout page */ 
h4
{
	font-size: 100%;
	margin: 1em 0;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Horizontal rule */

HR { 
        height: 1px; 
        border-top: 1px;
	color: #A3C5E1;
	background-color: #A3C5E1;
}

/* centerbold is for text that is not a header and needs to be centered and bolded */ 
.centerbold {
	text-align: center;
	font-weight: bold;
}

/* depsmalltext was written in by scrubber originally when font size equals 1 but can also be applied as needed. added a bold and grey version also */ 

.depsmalltext { 
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.depsmallbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
}
.depsmallgrey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
}

/* datatable class was written in via scrubber for all tables that had borders, a logic to distinguish a data from layout table. also to be applied to new tables*/ 
.datatable {
 border-width: 1px;
 border-style: solid;
 border-color: black;
 border-collapse: collapse;
 padding: 3px;
}


.datatableblue {
 border-width: 1px;
 border-style: solid;
 border-color: #A3C5E1;
 border-collapse: collapse;
 padding: 3px;
 FONT-SIZE: 90%;
 COLOR: #525252; 
 FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
}

/* bluebox migrated from dsf and was revised for portal look. the purpose to set off to right a grouping on content area links. Used with greysubheader as link header */ 
.bluebox {
BORDER: #A3C5E1 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 7px; 
PADDING-BOTTOM: 3px; FONT-SIZE: 90%; FLOAT: right; MARGIN: 15px 0px 10px 15px; WIDTH: 
160px; COLOR: #525252; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: 
auto; BACKGROUND-COLOR: #D7E6F1
}

.blueboxmedium {
BORDER: #A3C5E1 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 7px; 
PADDING-BOTTOM: 3px; FONT-SIZE: 90%; FLOAT: none; MARGIN: 5px 5px 5px 5px; WIDTH: 
300px; COLOR: #525252; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: 
auto; BACKGROUND-COLOR: #D7E6F1
}

.blueboxwide {
BORDER: #A3C5E1 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 7px; 
PADDING-BOTTOM: 3px; FONT-SIZE: 90%; FLOAT: none; MARGIN: 5px 5px 5px 5px; WIDTH: 
460px; COLOR: #525252; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: 
auto; BACKGROUND-COLOR: #D7E6F1
}

.blueboxwider {
BORDER: #A3C5E1 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 7px; 
PADDING-BOTTOM: 3px; FONT-SIZE: 90%; FLOAT: right; MARGIN: 15px 0px 5px 15px; WIDTH: 
200px; COLOR: #525252; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: 
auto; BACKGROUND-COLOR: #D7E6F1
}

.bluecell {
	background-color: #D7E6F1;
	border: 1px solid #A3C5E1;
}

/* Use as header inside blue boxes, usually above a list of links */ 
.greysubheader {
FONT-WEIGHT: bold; 
FONT-SIZE: 13px; COLOR: #3a3a3a;
FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
}
/* tstyle and t-style are layout tables that were migrated from dsf. the purpose is to make those tables unnoticeable */ 
.tstyle {
	padding-left: 20px;
	width: 98%;
}
.t-style {
	padding-left: 20px;
	width: 98%;
}
/* misc classes that migrated from DSF, we will keep these to view page properly until we can evaluate what to do for long-term after cleanup */ 
.contact {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
}

/* Greenboxes were in DSF prior to the Blue variety. Greenboxes migrated from dsf in the code. Ironically, greenboxes are now blue to visually match the bluebox. purpose to set off a grouping of items such as links. Use with greysubheader as link header if needed */ 

.greenbox {
	BACKGROUND-COLOR: #D7E6F1
	BORDER: #A3C5E1 1px solid;
	COLOR: #525252; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; 
}

.greenboxx{
	BACKGROUND-COLOR: #D7E6F1
	BORDER: #A3C5E1 1px solid;
        COLOR: #525252; 
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; 
	
}

.boxgreen {
BORDER: #A3C5E1 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 7px; 
PADDING-BOTTOM: 3px; FONT-SIZE: 90%; COLOR: #525252; FLOAT: right; MARGIN: 25px 10px 
10px 15px; WIDTH: 200px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: 
auto; BACKGROUND-COLOR: #D7E6F1;
}

.boxgreenwide {
BORDER: #A3C5E1 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-TOP: 3px; 
PADDING-BOTTOM: 3px; FONT-SIZE: 90%; COLOR: #525252; FLOAT: right; MARGIN: 0px 0px 0px 
15px; WIDTH: 420px; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; HEIGHT: auto; 
BACKGROUND-COLOR: #D7E6F1;
}

.greylargeheader {
LINE-HEIGHT: 10px; COLOR: #3a3a3a; FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold; FONT-SIZE: 125%;
}

.blueheader {
FONT-WEIGHT: normal; FONT-SIZE: 135%; COLOR: #003366; FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.bluegreenheader {
LINE-HEIGHT: 20px; COLOR: #2C507B; FONT-FAMILY: Arial, Helvetica, sans-serif;
FONT-WEIGHT: bold; FONT-SIZE: 125%;
}

.pmm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	font-style: normal;
	font-weight: bold;
}

/* Unknowns from DSF. May be revised post-cleanup */

.hidden	{ display:none; 
}

.housekeeping {
	FONT-SIZE: 12px;
	COLOR: #003366;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}
.programs {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #003366; FONT-STYLE: normal; 

FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

.main {
	FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.main2 {
	FONT-SIZE: 14px; LINE-HEIGHT: 150%; FONT-FAMILY: Arial, Helvetica, sans-serif
}
/* might be from energy independence site */ 
.headline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight: bold;
	color: #FF9900;
}

.bot-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

td, th 
{
color: #333333;
font-family: Arial;
font-size: 12px;
line-height: 18 px;
}



.customappText {
font-family:Arial;
font-size:12px;
}

.customappText a:link, .customappText a:visited, .customappText a:hover , .customappText a:active {
color:#033668;
font-family:Arial;
font-size:12px;
text-decoration:underline;
}
td.headlinks a:link, td.headlinks  a:visited, td.headlinks  a:hover , td.headlinks  a:active 
{
color:#FFFFFF;
font-size:10px;
text-decoration:none;
font-family: Arial;
}

.columnone {
background-color:#FFFFFF;
}