@charset "utf-8";
/*  -----------------------
CSS Document for IEA Fuel Cells
AEA
----------------------- */

/* CSS Reset - http://meyerweb.com/eric/tools/css/reset/
----------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


/* CSS Definitions
----------------------- */
body {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	background: #1A1A1A;
	margin: 0; 
	padding: 0;
	color: #000000;
	padding-top:10px;
}

ul, p {
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	padding-top:5px;

}

ul {
	margin-left:20px;
}

textarea {
	width:180px;
	height:100px;
	overflow:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;

}
img {
	border:none;
}

dd {
	margin-bottom:10px;
}
dl {
	margin-bottom:20px;
}
legend {
	display:none;
}
table {
	border:0px;
}
label {
	display:block;
	width:200px;
	float:left;	
}
textarea {
	overflow:auto;
}
form {
	margin-top:20px;
	margin-bottom:20px;
}
noscript {
	font-weight:bold;
	color:#FF0000;
}
/* Headings
----------------------- */
h1 {
	font-size:150%;
	color:#482E8F;
	margin-bottom:20px;
}
#header h1 {
	width:428px;
	height:105px;
	text-indent:-99999px;
	background-image:url(../images/ieafuelcells_logo.jpg);
	background-repeat:no-repeat;
	display:block;
}
h2 {
	font-size:130%;
	color:#482E8F;
	margin-bottom:5px;
	margin-top:15px;
	font-weight:normal;
}
#memberControl h2,
#loginControl h2 {
	font-size:140%;
	margin-bottom:10px;
}
.colSide h2, 
h2.heading {
	background-color:#2E418D;
	background-image:url(../images/bg_h2.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#FFFFFF;
	padding:7px 4px 7px 20px;
	font-size:130%;
	margin-top:0px;
}

h3 {
	color:#482E8F;
	font-size:100%;
	margin-top:10px;
	margin-bottom:10px;
}

#subNav h3  {
	text-indent:20px;
}

/* Primary Layout
----------------------- */
#header {
	height:177px;
	background-color:#F2F2F2;
	position:relative;
}
#footer {
	clear:both;
	padding:10px 30px 10px 30px;
	background-color:#58595B;
	color:#FFFFFF;
	font-size:80%;
	background-image:url(../images/bg_footer.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	border-top:1px solid #59595B;
	
}
#footerBelow {
	color:#FFFFFF;
	font-size:80%;
	background: #1A1A1A;
	padding-bottom:30px;
	padding-top:10px;
}
#wrapper {
	width:955px;
	margin:auto auto;
	background-color:#F2F2F2;
}
#content {
	overflow:hidden; /* To clear the floats */
	width:100%;
}

#nav {
	width:100%;
	overflow:hidden;
	background-color:#2E418D;
	background-image:url(../images/bg_navbar.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#loginControl {
	position:absolute;
	right:0;
	top:0;
	width:265px;
	height:177px;
	background-image:url(../images/logincontrol_box.jpg);
	background-position:top;
	background-repeat:no-repeat;
	
}
#memberControl {
	position:absolute;
	right:0;
	top:0;
	width:265px;
	height:177px;

}

#bannerImage, #bannerImage1, #bannerImage2, #bannerImage3, #bannerImage4, #bannerImage5, #bannerImage6, #bannerImage7, #bannerImage8, #bannerImage9 {
	background-color:#EEEEEE;
	height:230px;
	background-image:url(../images/banner1.jpg);
	background-repeat:no-repeat;
}
#bannerImage1 { 	background-image:url(../images/banner1.jpg); }
#bannerImage2 { 	background-image:url(../images/banner2.jpg); }
#bannerImage3 { 	background-image:url(../images/banner3.jpg); }
#bannerImage4 { 	background-image:url(../images/banner4.jpg); }
#bannerImage5 { 	background-image:url(../images/banner5.jpg); }
#bannerImage6 { 	background-image:url(../images/banner6.jpg); }
#bannerImage7 { 	background-image:url(../images/banner7.jpg); }
#bannerImage8 { 	background-image:url(../images/banner8.jpg); }
#bannerImage9 { 	background-image:url(../images/banner9.jpg); }


#siteLogo {
	width:428px;
	height:105px;
	overflow:hidden;
	padding-top:45px;
	padding-left:30px;
}

#subNav {
	padding-bottom:10px;
	background-image:url(../images/bg_smalldropshadow.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* Secondary Layout
----------------------- */
#loginform_members_cleft {
	float:left;
	width:165px;
	height:53px;
	position:relative;
}
#loginform_members_cright {
	float:left;
	width:50px;
	height:61px;
}
#loginform_members_bottom {
	clear:both;
	line-height:150%;
} 

.colSingle {
	width:423px;
	float:left;
}
.colDouble {
	width:689px;
	float:left;
	background:transparent;
}
.colTriple {

}
.colSide {
	margin-left:1px;
	width:265px;
	float:left;
	background:transparent;
}
.colSide img {
	margin-left:1px;
}
.dottedLeft {
	border-left:1px dashed #999999;
	margin-left:0px;
}
.seperator {
	background-color:#000000;
	height:3px;
	font-size:1px;
	border-bottom:1px solid #CDCADF;
}
#loading_content_message {
	display:none;
	font-weight:bold;
	position:absolute;
	top:-10px;
	left:0px;
	background-color:#B5CFEF;
	color:#2E418D;
	width:150px;
}
#loading_content_message span {
	display:block;
	padding:9px;
}
#meeting_papers {
	/* 
	Height and min-height below taken from http://www.dustindiaz.com/min-height-fast-hack/
	*/
	min-height:350px;
	height:auto !important; 
	height:350px;
}
.columnOne {
	background-image:none;
	background-color:#F2F2F2;
}
.columnTwo {
	background-image:url(../images/bg_twocolumn.jpg);
	background-repeat:repeat-y;
}
.columnThree {
	background-image:url(../images/bg_threecolumn.jpg);
	background-repeat:repeat-y;
}

/* Tables
----------------------- */
#facebox td .blocktable td {
	border-bottom:1px solid #CCCCCC;
	padding:6px;
}

.info {
	margin-top:10px;
	margin-bottom:10px;
	border:2px solid #000000;
}
.info th {
	text-align:left;
	color:#FFFFFF;
	background-color:#2E408C;
	padding:8px;
	background-image:url(../images/bg_th.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.info td {
	padding:8px;	
	border-top:1px dashed #999999;
}
/* Seperate rule for modern browsers to remove the dashed line from the top of the first data row 
Table must have <thead> specified
*/
.info tr:first-child td{
	border-top:none;
}

/* Anchors
----------------------- */
a:link, 
a:visited {
	text-decoration:underline;
	color:#0066CC;
}
a:hover, 
a:active {
	text-decoration:none;	
	color:#993333;
}

/* Modern Browsers will understand these rules- older ones won't */
#content a[target="_blank"] {
	background: url(../images/icon_externallink.gif) no-repeat right top;
	padding-right: 10px;
}
#content a[class="noicon"], 
a[class="noicon"], 
#content a[href^="http://www.ieafuelcell"],
a[href^="http://www.ieafuelcell"] {
	background:none;
	padding-right:0px;
}


#nav li a:link, 
#nav li a:visited {
	display:block;
	text-decoration:none;
	font-family:"Arial Narrow", Arial, sans-serif;
	font-size:100%;
	padding-left:13px;
	padding-right:13px;
	color:#FFFEFF;
}

#nav li#active {
	 background-image:url(../images/arrow_selectednav.jpg);
	 background-position:top center;
	 background-repeat:no-repeat;
} 

#footerBelow a,
#footer a {
	color:#FFFFFF;
}

#subNav li a:link, 
#subNav li a:visited {
	line-height:250%;
	padding-left:20px;
	text-decoration:none;
	color:#000000;
	display:block;
	border-left:5px solid #FFFFFF;
	height:1%; /* IE's whitespace bug */
}
#subNav li#subactive a,
#subNav li a:hover, 
#subNav li a:active {
	line-height:250%;
	background-color:#9ED1EC;
	border-left:5px solid #2E418D;
}




/* Lists
----------------------- */
ul.nobullet {
	list-style-type:none;
	margin-left:0px;
}
.spaced {
	line-height:170%;
}
#subNav ul,
#nav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	margin-left:20px;
}
#subNav ul {
	margin-left:0px;
	border-bottom:1px dashed #999999;
}
#nav li {
	display:block;
	float:left;
	line-height:240%;
	border-right:1px solid #6170A7;
}
#subNav li {
	display:block;
	border-top:1px dashed #999999;
}
#subNav li#subactive {
	border-top:1px solid #999999;
}
.documentList, 
.readerList {
	margin:0px;
	margin-top:10px;
	padding:0px;
	list-style-type:none;
}
.readerList li,
.documentList li {
	background:url(../images/icon_document_download2.png) 0 3px no-repeat;
	padding: 0 2.5em 1em;
	margin-left:0.5em;
}

.readerList li {
	padding: 0 1em 1em 3.2em;
}

.documentList li.text {
	background:none;
}
.documentList li.pdf {
	background:url(../images/icon_pdf20.png) 0 3px no-repeat;
}
.documentList li.doc {
	background:url(../images/icon_doc20.png) 0 3px no-repeat;
}
.documentList li.xls {
	background:url(../images/icon_xls20.png) 0 3px no-repeat;
}
.documentList li.ppt {
	background:url(../images/icon_ppt20.png) 0 3px no-repeat;
}
.readerList li.acrobat {
	background:url(../images/icon_acrobat25.jpg) 0 3px no-repeat;
}
.readerList li.word {
	background:url(../images/icon_word25.jpg) 0 3px no-repeat;
}
.readerList li.excel {
	background:url(../images/icon_excel25.jpg) 0 3px no-repeat;
}
.readerList li.powerpoint {
	background:url(../images/icon_powerpoint25.jpg) 0 3px no-repeat;
}


/* Form Grid Layout
----------------------- */
.grid_1 { width:60px; }
.grid_2 { width:120px; }
.grid_3 { width:220px; }
.grid_4 { width:320px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }

.column {
  float: left;
  margin: 0 10px;
  overflow: hidden;
  display: inline;
}
.row {
  width: 620px;
  margin: 2px auto;
  overflow: hidden;
}

/* Forms
----------------------- */
#tallbuttonlogin {
	margin-top:-4px;
}
#loginForm {
	margin-top:26px;
}
#content #loginForm {
	margin-top:0px;
}
#loginForm #username {
	position:absolute;
	top:0;
	left:0;
}
#loginForm #password {
	position:absolute;
	bottom:0;
	left:0;
}
#content #loginForm #username,
#content #loginForm #password {
	position:relative;
	float:left;
}
#facebox td .inlineContent label {
	width:130px;
}
#content #loginForm label {
	float:left;
	width:100px;
}
.textfield {
	color:#000000;
	width:400px;
	padding:2px;
}
#loginForm .textfield {
	width:150px;
	border:0px solid #FFFFFF;
	padding:0px;
}
#content #loginForm .textfield {
	border:1px solid #999999;
	padding:3px;
}
.textfield_long {
	width:500px;
}
.w430 {
	width:430px;
}
.button {
	padding:5px;
	font-weight:bold;
}
/* Misc/Useful
----------------------- */
.left {
	float:left;	
}
.right {
	float:right;	
}
.nofloat {
	float:none;	
}
.hide {
	display:none;
}
.center {
	text-align:center;
}
.nobottommargin {
	margin-bottom:0px;
}
.marginbottom {
	margin-bottom:10px;
}
.padding {
	padding:10px;
}
.colTriple .padding,
.colSingle .padding,
.colDouble .padding {
	padding:30px;
}	
.valign {
	vertical-align:middle;
}
.marginleft {
	margin-left:10px;
}
.marginright {
	margin-right:10px;
}
.bold {
	font-weight:bold;
}
.small {
	font-size:85%;
}
.grey {
	color:#333333;
}
.green,
.success {
	color:#009900;
}
.error,
.red {
	color:#FF0000;
}
.innerMargin {
	margin:20px;
}
.smallpadding {
	padding:10px;
}
.pspaced {
	line-height:150%;
}
#logout {
	text-align:right;
	margin-top:30px;
}
.warning {
	border:1px solid #FF0000;
	background-color:#FFD2D3;
	display:block;
	padding:4px;
}