/* Background Colors - color names follow Gerd's style guidelines*/

A:hover,
A,
input,
select,
textarea
{
  color: blue;
  	font-size: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.esko_green_background,
.greenbutton,
.largegreenbutton
{
  background-color: #336699;
}

/* JANH doesn't work on IE6, IE7 */
.largegreenbutton[type="button"][disabled]
{
	background-color: #CCCCCC;
}


#popitmenu a:hover /*hover background color*/
{
  background-color:  #336699;    /* green1 */
}

.esko_grey_background,
.eskogreybutton
{
  background-color: #334444;
}

.grey1_background,
.textfooter,
.admin_title,
.eskogreyongrey1_medium
{
  background-color: #EEEEEE;
}

.grey2_background,
.greytable  /* This results in the grey border around the table and cells. Used in <table> elements. */
{
  background-color: #CCCCCC;
}

.grey3_background,
.table_title,
.table_title a,
.table_title a:hover
{
  background-color: #E6E6E6;
}

.white_background,
.greyonwhite_button,
#popitmenu
{
  background-color: #ffffff;
}

.highlight_row, /* Until the highlighting code can be removed from the XSL, the highlight color is being set to white. */
.unhighlight_row,
.unselectedfolder,
.linktoeditgalist
{
    BACKGROUND-COLOR: #ffffff
}

.folder
{
    BACKGROUND-COLOR: #E5E9B5
}

/* Foreground colors */

.home_content,
.bodycopy,
.textfooter,
.textfooter a,
.pagetitle,
.wizard_title,
.actiontitlebar,
.detailactionlist a,
.contact_content,
.contact_content a:hover,
.error,
.greyonwhite_button,
.admin_title,
.eskogreyongrey1_medium,
.characteristic_node,
.characteristic_node a,
.characteristic_node a:hover,
.characteristic_node_bold,
.characteristic_node_bold a,
.characteristic_node_bold a:hover,
.filter,
.filter_textinput,
.text_italic,
.navmenu0,
.navmenu0 a,
.navmenu1,
.navmenu1 a,
.navmenu2,
.navmenu2 a,
.navmenu3,
.navmenu3 a,
.navmenu4,
.navmenu4 a,
.unselectedfolder,
.unselectedfolder a,
.linktoeditgalist,
.linktoeditgalist a,
.folder,
.folder a,
.darktext_greenlink_10,
.darktext_greenlink_10 select,
.darktext_greenlink_10 input,
.darktext_greenlink_10 textarea,
.darktext_greenlink_11,
.darktext_greenlink_11 select,
.darktext_greenlink_11 input,
.darktext_greenlink_11 textarea,
.darktext_greenlink_12,
.darktext_greenlink_12 select,
.darktext_greenlink_12 input,
.darktext_greenlink_12 textarea,
.darktext_greenlink_nounderline_10,
.darktext_greenlink_nounderline_10 select,
.darktext_greenlink_nounderline_10 input,
.darktext_greenlink_nounderline_10 textarea,
.darktext_greenlink_nounderline_11,
.darktext_greenlink_nounderline_11 select,
.darktext_greenlink_nounderline_11 input,
.darktext_greenlink_nounderline_11 textarea,
.darktext_greenlink_nounderline_12,
.darktext_greenlink_nounderline_12 select,
.darktext_greenlink_nounderline_12 input,
.darktext_greenlink_nounderline_12 textarea,
.darktext_darklink_10,
.darktext_darklink_10 select,
.darktext_darklink_10 input,
.darktext_darklink_10 textarea,
.darktext_darklink_10 file,
.darktext_darklink_11,
.darktext_darklink_11 select,
.darktext_darklink_11 input,
.darktext_darklink_11 textarea,
.darktext_darklink_12,
.darktext_darklink_12 select,
.darktext_darklink_12 input,
.darktext_darklink_12 textarea,
.darktext_darklink_bold_10,
.darktext_darklink_bold_10 select,
.darktext_darklink_bold_10 input,
.darktext_darklink_bold_10 textarea,
.darktext_darklink_bold_11,
.darktext_darklink_bold_11 select,
.darktext_darklink_bold_11 input,
.darktext_darklink_bold_11 textarea,
.darktext_darklink_bold_12,
.darktext_darklink_bold_12 a,
.darktext_darklink_bold_12 select,
.darktext_darklink_bold_12 input,
.darktext_darklink_bold_12 textarea,
.darktext_darklink_10 a,
.darktext_darklink_11 a,
.darktext_darklink_12 a,
.darktext_darklink_bold_10 a,
.darktext_darklink_bold_11 a,
#popitmenu a,
#footer,
.greytableheader,
.greytableheader_boder,
.table_title,
.table_title a,
.large_text
{
  color: #334444; /* esko-grey */
}

.eskogreybutton,
.greenbutton,
.largegreenbutton

{
  color: #ffffff;
}

/* border around form controls */
.darktext_greenlink_10 select,
.darktext_greenlink_10 input,
.darktext_greenlink_10 textarea,
.darktext_greenlink_11 select,
.darktext_greenlink_11 input,
.darktext_greenlink_11 textarea,
.darktext_greenlink_12 select,
.darktext_greenlink_12 input,
.darktext_greenlink_12 textarea,
.darktext_greenlink_nounderline_10 select,
.darktext_greenlink_nounderline_10 input,
.darktext_greenlink_nounderline_10 textarea,
.darktext_greenlink_nounderline_11 select,
.darktext_greenlink_nounderline_11 input,
.darktext_greenlink_nounderline_11 textarea,
.darktext_greenlink_nounderline_12 select,
.darktext_greenlink_nounderline_12 input,
.darktext_greenlink_nounderline_12 textarea,
.darktext_darklink_10 select,
.darktext_darklink_10 input,
.darktext_darklink_10 textarea,
.darktext_darklink_10 file,
.darktext_darklink_11 select,
.darktext_darklink_11 input,
.darktext_darklink_11 textarea,
.darktext_darklink_12 select,
.darktext_darklink_12 input,
.darktext_darklink_12 textarea,
.darktext_darklink_bold_10 select,
.darktext_darklink_bold_10 input,
.darktext_darklink_bold_10 textarea,
.darktext_darklink_bold_11 select,
.darktext_darklink_bold_11 input,
.darktext_darklink_bold_11 textarea,
.darktext_darklink_bold_12 select,
.darktext_darklink_bold_12 input,
.darktext_darklink_bold_12 textarea
{
  /* border: 1px solid #CCCCCC; caused most radio buttons to have border so we changed to below*/ 
  border-color: #334444; /* dark border on inputs makes 3d shading not noticeable*/
  border-width: 1px
}

#popitmenu,
#dropmenudiv,
.greytableheader_boder,
.just_border
{
  border: 1px solid #CCCCCC;
}



.esko-green
{
	color: #336699;
}

.td_greenborder
{
  border:1px solid #336699
}

/*A:hover,*/
.firsthome_heading,
.home_headings,
.textfooter a:hover,
.pagetitle a:hover,
.detailactionlist a:hover,
.contact_content a,
.admin_title EM,
.setfiltermessage,
#dropmenudiv a,
#dropmenudiv a:hover,
.navmenu0 a:hover,
.navmenu1_sel,
.navmenu1_sel a,
.navmenu1_sel a:hover,
.navmenu1 a:hover,
.navmenu2_sel a,
.navmenu2_sel a:hover,
.navmenu2 a:hover,
.navmenu3_sel,
.navmenu3_sel a,
.navmenu3_sel a:hover,
.navmenu3 a:hover,
.navmenu4_sel,
.navmenu4_sel a,
.navmenu4_sel a:hover,
.navmenu4 a:hover,
.unselectedfolder a:hover,
.linktoeditgalist a:hover,
.wizard_title a,
.wizard_title a:hover,
.folder a:hover,
.darktext_greenlink_10 a,
.darktext_greenlink_11 a,
.darktext_greenlink_12 a,
.darktext_greenlink_10 a:hover,
.darktext_greenlink_11 a:hover,
.darktext_greenlink_12 a:hover,
.darktext_darklink_10 a:hover,
.darktext_darklink_11 a:hover,
.darktext_darklink_12 a:hover,
.darktext_darklink_bold_10 a:hover,
.darktext_darklink_bold_11 a:hover,
.darktext_darklink_bold_12 a:hover,
.darktext_greenlink_nounderline_10 a,
.darktext_greenlink_nounderline_11 a,
.darktext_greenlink_nounderline_12 a,
.darktext_greenlink_nounderline_10 a:hover,
.darktext_greenlink_nounderline_11 a:hover,
.darktext_greenlink_nounderline_12 a:hover,
.greentext_bold_12,
.pagetitle a
{
  color: #336699; /* green1 */
}

.red_medium_bold,
.red_medium_bold a,
.red_medium_bold a:hover,
.red_small,
.redtext_11,
.redtext_12,
.clipping_warning
{
    COLOR: #FF0000;
}

.orange_medium_bold
{
    COLOR: #FF7700;
}

/* Fonts - everything is Verdana*/

.textfooter,
.textfooter a,
.textfooter a:hover,
.home_content,
.greytableheader,
.greytableheader_boder,
.greytableheader_center_border,
.lightgreytableheader,
.lightgreytableheader a,
.lightgreytableheader a:hover,
.greentableheader,
.table_title,
.table_title a,
.table_title a:hover,
.navmenu2_sel,
.navmenu2_sel a,
.navmenu2_sel a:hover,
.navmenu2,
.navmenu2 a,
.navmenu2 a:hover,
.admin_navsm,
.admin_navsm a,
.admin_navsm a:hover,
.navmenu3,
.navmenu3 a,
.navmenu3 a:hover,
.navmenu4,
.navmenu4 a,
.navmenu4 a:hover,
.navmenu0,
.navmenu0 a,
.navmenu0 a:hover,
.detailactionlist a,
.detailactionlist a:hover,
.contact_content,
.contact_content a,
.contact_content a:hover,
.red_small,
.greyonwhite_button,
.eskogreybutton,
.greenbutton,
#dropmenudiv,
#dropmenudiv a,
#dropmenudiv a:hover,
#dropmenudiv_ruler,
.darktext_greenlink_10,
.darktext_greenlink_10 a,
.darktext_greenlink_10 a:hover,
.darktext_greenlink_10 select,
.darktext_greenlink_10 input,
.darktext_greenlink_10 textarea,
.darktext_darklink_10,
.darktext_darklink_10 a,
.darktext_darklink_10 a:hover,
.darktext_darklink_10 select,
.darktext_darklink_10 input,
.darktext_darklink_10 textarea,
.darktext_darklink_10 file,
.darktext_greenlink_nounderline_10,
.darktext_greenlink_nounderline_10 a,
.darktext_greenlink_nounderline_10 a:hover,
.darktext_greenlink_nounderline_10 select,
.darktext_greenlink_nounderline_10 input
.darktext_greenlink_nounderline_10 textarea
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small_text_name_header_link,
.small_text_name_header_link a,
.small_text_name_header_link a:hover,
.text_italic,
.eskogreyongrey1_medium,
.characteristic_node,
.characteristic_node a,
.characteristic_node a:hover,
.characteristic_node_bold,
.characteristic_node_bold a,
.characteristic_node_bold a:hover,
.filter,
.filter_textinput,
.red_medium_bold,
.red_medium_bold a,
.red_medium_bold a:hover,
.orange_medium_bold,
.unselectedfolder,
.unselectedfolder a,
.unselectedfolder a:hover,
.folder,
.folder a,
.folder a:hover,
.darktext_greenlink_11,
.darktext_greenlink_11 a,
.darktext_greenlink_11 a:hover,
.darktext_greenlink_11 select,
.darktext_greenlink_11 input,
.darktext_greenlink_11 textarea,
.darktext_darklink_11,
.darktext_darklink_11 a,
.darktext_darklink_11 a:hover,
.darktext_darklink_11 select,
.darktext_darklink_11 input,
.darktext_darklink_11 textarea,
.darktext_darklink_bold_10,
.darktext_darklink_bold_10 a,
.darktext_darklink_bold_10 a:hover,
.darktext_darklink_bold_10 select,
.darktext_darklink_bold_10 input,
.darktext_darklink_bold_10 textarea,
.darktext_darklink_bold_11,
.darktext_darklink_bold_11 a,
.darktext_darklink_bold_11 a:hover,
.darktext_darklink_bold_11 select,
.darktext_darklink_bold_11 input,
.darktext_darklink_bold_11 textarea,
.darktext_greenlink_nounderline_11,
.darktext_greenlink_nounderline_11 a,
.darktext_greenlink_nounderline_11 a:hover,
.darktext_greenlink_nounderline_11 select,
.darktext_greenlink_nounderline_11 input,
.darktext_greenlink_nounderline_11 textarea,
.redtext_11
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.redtext_12
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.firsthome_heading,
.home_headings,
.clipping_warning,
.largegreenbutton,
.navmenu1_sel,
.navmenu1_sel a,
.navmenu1_sel a:hover,
.navmenu1,
.navmenu1 a,
.navmenu1 a:hover,
.linktoeditgalist,
.linktoeditgalist a,
.linktoeditgalist a:hover,
.wizard_title a,
.wizard_title a:hover,
.darktext_greenlink_12,
.darktext_greenlink_12 a,
.darktext_greenlink_12 a:hover,
.darktext_greenlink_12 select,
.darktext_greenlink_12 input,
.darktext_greenlink_12 textarea,
.darktext_darklink_12,
.darktext_darklink_12 a,
.darktext_darklink_12 a:hover,
.darktext_darklink_12 select,
.darktext_darklink_12 input,
.darktext_darklink_12 textarea,
.darktext_darklink_bold_12,
.darktext_darklink_bold_12 a,
.darktext_darklink_bold_12 a:hover,
.darktext_darklink_bold_12 select,
.darktext_darklink_bold_12 input,
.darktext_darklink_bold_12 textarea,
.darktext_greenlink_nounderline_12,
.darktext_greenlink_nounderline_12 a,
.darktext_greenlink_nounderline_12 a:hover,
.darktext_greenlink_nounderline_12 select,
.darktext_greenlink_nounderline_12 input,
.darktext_greenlink_nounderline_12 textarea,
.greentext_bold_12
{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.bodycopy
{
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pagetitle,
.pagetitle a,
.pagetitle a:hover,
.wizard_title,
.actiontitlebar,
.actiontitlebar a,
.actiontitlebar a:hover,
.actiontitlebar select,
.setfiltermessage,
.error,
.admin_title
{
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* bold */
.firsthome_heading,
.detailactionlist a,
.greytableheader,
.greytableheader_boder,
.greytableheader_center_border,
.lightgreytableheader,
.lightgreytableheader a,
.greentableheader,
.greentableheader_large,
.details_page_header_title,
.pagetitle,
.admin_title,
.wizard_title,
.wizard_action_link,
.wizard_action_link a,
.table_title,
.table_title a,
.setfiltermessage,
.characteristic_node_bold,
.clipping_warning,
.navmenu1_sel a,
.navmenu1,
.navmenu2_sel a,
.navmenu3_sel,
.navmenu3_sel a,
.navmenu4_sel,
.navmenu4_sel a,
.darktext_darklink_bold_10,
.darktext_darklink_bold_10 a,
.darktext_darklink_bold_10 a:hover,
.darktext_darklink_bold_11,
.darktext_darklink_bold_11 a,
.darktext_darklink_bold_11 a:hover,
.darktext_darklink_bold_12,
.darktext_darklink_bold_12 a,
.darktext_darklink_bold_12 a:hover,
.greentext_bold_12,
.red_medium_bold,
.orange_medium_bold,
.greyonwhite_button,
.eskogreybutton,
.largegreenbutton,
.greenbutton
{
	font-weight: bold;
}

/* italic */
.text_italic
{
	font-style: italic;
}

/* no decoration */
.contact_content a,
.navmenu0,
.navmenu0 a,
.navmenu1_sel a,
.navmenu1 a,
.navmenu2_sel,
.navmenu2_sel a,
.navmenu2,
.navmenu2 a,
.navmenu3_sel,
.navmenu3_sel a,
.navmenu3 a,
.navmenu4 a,
.navmenu4_sel,
.navmenu4_sel a,
.unselectedfolder a,
.linktoeditgalist a,
.folder a,
#dropmenudiv,
#dropmenudiv a,
#dropmenudiv_ruler,
.darktext_greenlink_nounderline_10 a,
.darktext_greenlink_nounderline_11 a,
.darktext_greenlink_nounderline_12 a,
.table_title a
{
  text-decoration: none;
}

/* underline */
.navmenu0 a:hover,
.navmenu1_sel a:hover,
.navmenu2_sel a:hover,
.navmenu3_sel a:hover,
.navmenu4_sel a:hover,
#dropmenudiv a:hover,
.darktext_greenlink_nounderline_10 a:hover,
.darktext_greenlink_nounderline_11 a:hover,
.darktext_greenlink_nounderline_12 a:hover
{
	text-decoration: underline;
}

	html, body {
	  margin: 0;
	  padding: 0;
	  height: 100%; /* Required */
	  color: #334444;
	}
	
	#container-page {
	margin: 0 auto;
	position: relative;
    min-height: 100%;
    height: 100%;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;
	}
	
	#footer{
  float:left;
  clear:both;
  width: 100%;
  background-color: #eeeeee;
  text-align: center;
  position: relative;
  bottom: 0 !important;
  _height: 20px;
	}
	
#popitmenu{
position: absolute;
font: normal 12px Verdana;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
display: block;
}

#dropmenudiv{
position:absolute;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
margin-left: 3px;
}
.greytableheader {
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	background-color: #CCCCCC;
}

.greytableheader_boder {
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-align:left;
	vertical-align:center;
	text-transform: none;
	background-color: #EEEEEE;
}

.greentableheader {
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: white;
	background-color: #336699;
}

.pagetitle,
.actiontitlebar
{
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.pagetitle a
{
    text-decoration: none;
}

.pagetitle a:hover
{
    text-decoration: underline;
}




.details_page_header_title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #334444;
	text-decoration: none;
}


.wizard_title {
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.wizard_action_link {font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699;}	

.wizard_action_link a{font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699;}	

.wizard_action_link a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699;}



.table_title a:hover{
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-decoration: underline;	
    color: #336699;
}


.small_text_name_header_link {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #336699;
	text-decoration: none;
}

.small_text_name_header_link a{
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #336699;
	text-decoration: underline;
}

.small_text_name_header_link a:hover{
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #336699;
	text-decoration: underline;
}

.small_text_action_link {font: 11px/1.1 "Verdana", "Arial", "Verdana", "Helvetica", sans-serif;
	text-align:right;vertical-align:center}

.small_text_action_link a{font: 11px/1.1 "Verdana", "Arial", "Verdana", "Helvetica", sans-serif;
	text-decoration: underline;
	color: #336699;
	text-align:right;vertical-align:center}
	
.small_text_action_link a:hover{font: 11px/1.1 "Verdana", "Arial", "Verdana", "Helvetica", sans-serif;
	text-decoration: underline;
	color: #336699;
	text-align:right;vertical-align:center}	
	
.small_text_bold {font: 10px/1.1 "Verdana", "Arial", "Verdana", "Helvetica", sans-serif;	
	font-weight: bold;
}	
	
.small_text_bold a{font: 10px/1.1 "Verdana", "Arial", "Verdana", "Helvetica", sans-serif;	
	font-weight: bold;
	text-decoration: underline;
	color: #336699;}		
	
.small_text_bold a:hover{font: 10px/1.1 "Verdana", "Arial", "Verdana", "Helvetica", sans-serif;	
	font-weight: bold;
	text-decoration: underline;
	color: #336699;}
		
.large_text {font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	}	
	
.large_text_action_link {font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699;}	

.large_text_action_link a{font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699;}	

.large_text_action_link a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699;}
	
.paging_text_link {font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 12px;
	color: #334444;}	
	
.paging_text_link a{font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #334444;}	

.paging_text_link a:hover{font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 12px;
	color: #336699 ;}

.table_title_large{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #E6E6E6;
	color: #334444;
}