/* ******************************************************************************************************************************************************** */
/* common.css   - This file (page) stores all the common style sheet elements that are used throughout the Lobbyist Registration         */
/* 		system.   This file is stored in the 'TEMPLATE - OEC Common Elements' design template.   WARNING - only edit      */
/*		this filein that template.   All the other templates inherit from this common template.   Editing the file in one of these       */
/* 		databases will only mean your changes will be overwritten the next time a design refresh is run.                                         */
/* ******************************************************************************************************************************************************** */
/* #3333cc ; /*lro-links */ 
/* #6699cc ; /*lro-links-hover */
/* #369 ; /*dark blue*/
/*@import url("ie6hacks.css");*/
@import url("form.css");
/*** green colours ***/
/* #00483A ; /*dark green*/
/* #006600 ; /*med green*/
/* #D5E3E1 ; /*light green*/
/* #EDF3F2 ; /*ultra light green*/
/* #FFCF06 ; /*gold*/
html, body {background:#00483A ; /*dark green*/
height:100%;
}
body {text-align:center;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none;
	}
div#container {
	display:block;
	min-height:300px;
	position:relative; 
	top : 89px; /*left:200px;*/
	margin: 1em auto;
	width:900px;
	z-index:3;
	height : auto;
	}
#logo {position:absolute;
	top:0px; left : 0px;
	height:162px; 
	width:1200px;
	background:url(logo.jpg) top;
	background-repeat: no-repeat;
	z-index:2;
	}
#blend {
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height: 140px;
	background:url(blend.jpg) repeat-x ;
	text-align : left ;
	z-index:0;
	}
 
#blend h1 { 
	font-size: 20px;
	color: black;
}
#blend h2 {
	font-size: 18px;
	color: red;
}
/* Rob's CSS Stuff */
.sectionHeader {
	padding: 0.2em 0.5em;
	color: green;
	border: 1px solid green;
	font-weight: bold;
}
.displayCss {
	padding: 0.1em 0.2em;
	color: green;
	border: 1px solid green;
	font-size:10pt;
}
.fieldCss
{
	color : #222222;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;

	display: block;
	border: 1px solid #d0d6da;
	border-left: 3px solid #809db5;
	background: #e9edf0;
	padding: 2px;
	font-size:10pt;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
	-ms-box-sizing: border-box; /* IE */
}
.fieldCssMandatory
{
	color : #222222;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: normal;

	display: block;
	border: 1px solid #809db5;
	border-left: 8px solid #809db5;
	background: #e9edf0;
	padding: 2px;
	font-size:10pt;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* gecko */
	-webkit-box-sizing: border-box; /* khtml/webkit */
	-ms-box-sizing: border-box; /* IE */
}
		
.labelCss
{
	color: #000066;
	 font-family: sans-serif;
	font-size:10pt;	
	font-weight: normal;	
}
.labelCssMandatory
{
	color: #000066;
	font-family: sans-serif;
	font-size:10pt;
	font-weight: normal;	
	background: url("red-bullet-sm.gif") no-repeat left top;
	padding-left: 15px;
}
.errorCss
{
	color : #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	font-weight: normal;	
}
.buttonCss
{
	color : #000000;
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	font-weight: normal;	
	border-top: 1px solid #87887A;
	border-right: 1px solid #87887A;
	border-left: 1px solid #87887A;
	border-bottom: 1px solid #87887A;
filter:progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFD6DACB', EndColorStr='#FFFFFFFF');
}
.selectRolesClass
{
	padding: 2px;
	vertical-align: top;
}
#menu {
height: 40px;
width:900px;
/*line-height: 70px;*/
background: url(menu.jpg) no-repeat top;
z-index:2;
border:none;
}
#menu ul {
list-style-type: none;
padding-left: 40px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
}
#menu ul li a:hover {
color: #37AB96;
text-decoration: none;
}
#content{
	display:block;
	min-height:300px;
	padding-left: 35px;
	padding-right: 35px;
	padding-top:70px;
	/*width:750px;*/
	text-align: left;
	background:  url(content.gif) repeat-y;
	border:none;
	}
#subject{
position:absolute; 
top:55px; left:45px;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
width:50em;
text-align:left;
}
/********** from "black-rounded" template *************************************/
.header-one, .header-two{
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
margin-left:290px;
}
.header-one{
font-size:18pt;
margin-top:20px;
color: #006600 ; /* med green */
text-decoration: none;
font-weight: bold;
}
.header-two{
font-size:14pt;
letter-spacing : -1px;
}
#bottom {
background:url(bottom.gif) no-repeat;
padding: 10px 0px;
border:none;
width:900px;
}
#top {
background:url(top.gif) no-repeat;
padding: 10px 0;
}
/********************************************************************/
#footer {
font-size: 8pt;
position:absolute;
bottom:-90px;left:550px;
color:#fff;
height:50px;
}
#footer ul {
list-style-type: none;
}
#footer ul li {
display: block;
float: left;
}
#footer ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 9px;
color:#fff;
}
#footer ul li a:hover {
color: #37AB96;
text-decoration: none;
}
/*****************************************************************************************
*******************************************************************************************
	VERTICAL MENU STYLES
********************************************************************************************
/* Root = Vertical, Secondary = Vertical */
/****** This class is used for printing only ******/
.print-title{display : none;
}
#navmenu-v{
position : absolute;
	top :130px ; 
	left :-160px;
z-index:4;
text-align:left;
}
ul#navmenu-v,
ul#navmenu-v li,
ul#navmenu-v ul {
  margin: 0;
  padding: 0;
  width: 150px; /*For KHTML*/
  list-style: none;
}
ul#navmenu-v:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}
ul#navmenu-v li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}
/* Root Menu */
ul#navmenu-v a {
  border: 1px solid #FFF;
  border-right-color: #CCC;
  border-bottom-color: #CCC;
  padding: 0 6px;
  display: block;
  background: #D5E3E1; /*light green*/
  color: #00483A ; /*dark green*/
  font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}
/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,
ul#navmenu-v li:hover a,
ul#navmenu-v li.iehover a {
  background: #CCC;
  color: #FFF;
}
/* 2nd Menu */
ul#navmenu-v li:hover li a,
ul#navmenu-v li.iehover li a {
  background: #EEE;
  color: #666;
}
/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,
ul#navmenu-v li:hover li:hover a,
ul#navmenu-v li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}
/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,
ul#navmenu-v li:hover li:hover li:hover a,
ul#navmenu-v li.iehover li.iehover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}
/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,
ul#navmenu-v li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}
/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,
ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}
ul#navmenu-v ul,
ul#navmenu-v ul ul,
ul#navmenu-v ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 150px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu-v li:hover ul ul,
ul#navmenu-v li:hover ul ul ul,
ul#navmenu-v li.iehover ul ul,
ul#navmenu-v li.iehover ul ul ul {
  display: none;
}
ul#navmenu-v li:hover ul,
ul#navmenu-v ul li:hover ul,
ul#navmenu-v ul ul li:hover ul,
ul#navmenu-v li.iehover ul,
ul#navmenu-v ul li.iehover ul,
ul#navmenu-v ul ul li.iehover ul {
  display: block;
}
/******** used for home page only ******************
***********************************************************/
.preamble {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none;
width : 17em;
display:block;
float:left;
padding : 8px ;
/*border:solid 1px #ccc;*/
background : #00483A ; /*dark green*/
color:#fff;
margin-right:2em;
}
#topnav {
position : absolute;
top: 0px ; left :14px;
z-index :4 ;
height : 75px ;
width: 900px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt; 
font-style: normal; 
line-height: normal; 
font-weight: normal; 
font-variant: normal; 
text-transform: none;
}
ul#topnav li {
	float : left ;
	text-align : center ;
	padding : 0px 10px 10px 10px ;
	margin-top : 5px;
	list-style: none;
}
ul#topnav a:link {
	text-decoration : none ;
	color : #00483A ; /*dark green*/
}
ul#topnav a:visited {
	text-decoration : none ;
	color : #00483A ; /*dark green*/
}
ul#topnav a:hover {
	color : #BC6B12 /*Gold*/  ;
}
* html #logo{position:absolute;}
hr {
border: 0;
height: 2px;
text-align: left;
} 
/*************************************
CJH 04/02/2008 added this pseudo class for first line in intro pages
*************************************/
.intro{color:#000 ; /*dark blue*/
}
.intro:first-letter{
font-weight:bold;
font-size:22pt;
color:#369 ; /*dark blue*/
}
.intro:first-line{
color:#369 ; /*dark blue*/
line-height:200%;
}
/*********************************************************
h1 {
	font-size: 12pt;
	color: #369 ; /* dark blue */
	text-decoration: none;
 }
h2 {
	font-size: 10pt;
	color:  #369 ; /*dark blue*/
 }
h2:first-letter 
{
	font-style: italic;
	font-size:200%
}
/**********************************************************/
/***********************************************************************/
/*** I don't think this is used anywhere so I temporarilly removed it - I readded it as it is used by the FAQ form....****/
#faqtoc {font-weight : normal ;line-height :12pt}
#faqtoc dl a {color:#3333cc ; /*lro-links */ 
text-decoration : underline; 
line-height:12pt;
width:72em; /* this value must be the same as "#faqcontent" */
}

#faqtoc dl a:Hover { text-decoration : none; 
filter : alpha(opacity=50);
-moz-opacity: 0.5;
opacity : 0.5;
}
#faqtoc dt, #faqcontent dt{
font-weight:bold; font-variant: small-caps ;
}

#faqcontent  { 
text-decoration : none ;
font-weight: normal; 
color : #000; font-size:8pt;
color:#000;
width:72em; /* this value must be the same as "#faqtoc" */
}
.category {color:#369 ; /*dark blue*/
font-weight:bold;
font-size:14px}
.text1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000 }
.text2 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000 }
.columnheading { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000066 }
.columnvalues { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000000 }
.columnlinks { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; text-decoration: none; color: #0000FF }
.fieldtext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000000 }
.labeltext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #000066 }
.fieldtextreq { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; 
color: #000000;
border-style: solid double;
/***************************
background : url("red-bullet-sm.gif") no-repeat left top ;
padding-left:15px;
************************/
 }
.labeltextreq { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none;
background : url("red-bullet-sm.gif") no-repeat left top ;
padding-left:15px;
display:inline;
}
.section { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: green;
text-decoration: none }
.subtitle1 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #369 /*dark blue*/;
 text-decoration: none }
.subtitle2 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #369 /*dark blue*/;
 text-decoration: none }
.subtitle3 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #2F4F4F; text-decoration: none }
.infotext { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10pt; font-style: normal; line-height: normal; font-weight:
normal; font-variant: normal; text-transform: none; color: #1E1E1E }
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:25;
/*    color:#3CA3FF;  */
    color:#000000;
	font-size:11px;
	font-weight:normal;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #003300; background:transparent;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:25px;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
    text-decoration:none;
	filter: alpha(opacity=90);
	KHTMLOpacity: 0.90;
	-moz-opacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}
.fieldShieldedCss
{
	color : #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;	
	font-weight: normal;	
	background-color: #f7f7f7;
	border: 1px solid #c0c0c0;
}