div.Question { font-weight: bold; }
/* Multi-level menu */
ul.MultiMenu
{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
background: #1b1e55 url(../../../images/menubgtile.gif) repeat-x;
overflow: hidden;
border-bottom: solid 1px #ccc;
}
ul.MultiMenu li { float: left; }
ul.MultiMenu a
{
display: block;
padding: 5px 10px;
border-right: solid 2px #fff;
text-decoration: none;
position: relative;
font-size: .75em;
color: #fff;
}
ul.MultiMenu li a.Selected, ul.MultiMenu a:hover
{
background-color: #007ace;
color: #fff;
}
ul.MultiMenu ul
{
position: absolute;
width: 200px;
display: none;
list-style-type: none;
margin: 0;
padding: 0;
background: #eef3f6;
border-top: solid 1px #fff;
}
ul.MultiMenu ul a
{
color: #0075b9;
border-bottom: solid 1px #fff;
border-right: solid 1px #fff;
}
ul.MultiMenu ul li
{
display: block;
width: 200px;
position: relative;
}
ul.MultiMenu ul a.Branch
{
background-image: url(../../../images/brancharrow.gif);
background-repeat: no-repeat;
background-position: right;
}
ul.MultiMenu ul a.Branch:hover, ul.MultiMenu ul a.BranchSelected { background-image: url(../../../images/brancharrowrollover.gif); }
ul.MultiMenu ul ul
{
top: 0;
left: 200px;
}
/* Dialogue */
div.Dialogue
{
position: absolute;
width: 350px;
background: #fff;
border: solid 1px #ddd;
padding: 1px;
z-index: 999999;
display: none;
}
div.Dialogue h2
{
margin: 0;
padding: 5px 10px;
background: #000 url(../../../../cms/images/dialoguetitlebgtile.gif) repeat-x;
font-size: 0.6em;
color: #fff;
cursor: pointer;
}
div.Dialogue h2 a
{
float: right;
width: 14px;
height: 14px;
background: url(../../../../cms/images/dialogueclose.gif) no-repeat left top;
}
div.Dialogue h2 a:hover { background-position: left -14px; }
div.Dialogue div.Content
{
margin: 20px 10px;
font-size: 0.8em;
position: relative;
max-height: 300px;
overflow: auto;
text-align: center;
}
div.Dialogue div.Buttons
{
padding-bottom: 10px;
font-size: 0.6em;
}
div.Dialogue div.Buttons a
{
margin: 0 2px;
width: 50px;
text-align: center;
}
/* Dialogue form */
div.Dialogue div.Content .Error { background-color: #fffccc; }
div.Dialogue div.Content input.Input
{
float: left;
width: 200px;
padding: 2px;
border-top: solid 1px #ccc;
border-left: solid 1px #ccc;
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
margin: 5px 0;
}
div.Dialogue div.Content label
{
float: left;
width: 100px;
text-align: right;
padding: 3px 10px;
margin: 5px 0;
}
div.Dialogue div.Content br { clear: left; }
/* Drag outline */
div.DialogueOutline
{
position: absolute;
border: solid 1px #aaa;
background: #ccc;
display: none;
filter: alpha(opacity=25);
opacity: .25;
}
/* Picture dialogue */
div.ImageDialogue
{
position: absolute;
background: #fff;
z-index: 999999;
display: none;
font-size: 0.8em;
border: solid 1px #ddd;
padding: 5px;
}
div.ImageDialogue th div
{
position: relative;
overflow: auto;
}
div.ImageDialogue td { padding-top: 5px; }
div.ImageDialogue a
{
display: block;
width: 18px;
height: 18px;
background: url(../../../../cms/images/slideshownav.gif) no-repeat;
}
div.ImageDialogue a.Previous { background-position: 0 top; }
div.ImageDialogue a.Next { background-position: -18px top; }
div.ImageDialogue a.ActualSize { background-position: -36px top; }
div.ImageDialogue a.ResizeToFit { background-position: -54px top; }
div.ImageDialogue a.Close { background-position: -72px top; }
/* Modal overlay */
div.ModalOverlay
{
position: absolute;
top: 0;
left: 0;
z-index: 999;
background: #fff;
width: 100%;
height: 100%;
filter: alpha(opacity=25);
opacity: .25;
}
/* Upload progress */
body.ProgressDisplay
{
margin: 25px 10px;
background: none;
font-size: 0.8em;
}
div.ProgressDisplay { font-size: 0.8em; }
div.ProgressDisplay div.ProgressBackground
{
width: 100%;
background: #eee;
margin-bottom: 5px;
}
div.ProgressDisplay div.ProgressBar
{
height: 20px;
width: 0;
background: #666;
}
div.ProgressDisplay table { width: 100%; }
div.ProgressDisplay table a.Button { float: right; }
/* Calendar */
/* -- Input elements -- */
table.DateSelector, table.TimeSelector { float: left; }
table.DateSelector a, table.TimeSelector a
{
display: block;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center center;
}
table.DateSelector a { background-image: url(../../../../cms/images/calendaricon.gif); }
table.TimeSelector a { background-image: url(../../../../cms/images/helpicon.gif); }
/* -- Dialogue -- */
div.GlooCalendar
{
position: absolute;
z-index: 99999;
background: #fff;
display: none;
}
div.GlooCalendar div.Calendar
{
border: solid 1px #ccc;
padding: 1px;
font-size: 0.6em;
}
div.GlooCalendar table { width: 100%; }
/* -- Title bar --*/
div.GlooCalendar table.TitleBar { background: #ccc url(../../../../cms/images/innerbgtile.gif) repeat-x left top; }
div.GlooCalendar table.TitleBar span
{
display: block;
padding: 5px 0;
font-weight: bold;
}
div.GlooCalendar table.TitleBar a
{
float: left;
width: 18px;
height: 0;
padding-top: 18px;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(../../../../cms/images/calendarnav.gif);
}
div.GlooCalendar a.PreviousYear { background-position: 0 top; margin-left: 5px; }
div.GlooCalendar a.PreviousMonth { background-position: -18px top; }
div.GlooCalendar a.NextMonth { background-position: -36px top; }
div.GlooCalendar a.NextYear { background-position: -54px top; margin-right: 5px; }
/* -- Month bar --*/
div.GlooCalendar div.MonthBar { margin-top: 1px; }
div.GlooCalendar div.MonthBar table
{
border-left: solid 1px #eee;
border-top: solid 1px #eee;
}
div.GlooCalendar div.MonthBar table th
{
background: #eee;
padding: 3px 0;
}
div.GlooCalendar div.MonthBar table td
{
border-right: solid 1px #eee;
border-bottom: solid 1px #eee;
}
div.GlooCalendar div.MonthBar a
{
display: block;
text-align: center;
padding: 3px 0;
text-decoration: none;
}
div.GlooCalendar div.MonthBar a:hover { background: #eee; }
div.GlooCalendar div.MonthBar td.Other a { color: #ccc; }
div.GlooCalendar div.MonthBar td.Weekend { background: #fafafa; }
div.GlooCalendar div.MonthBar td.Highlight a { background: #aaa;color: #fff; }
/* -- Status bar --*/
div.GlooCalendar table.StatusBar
{
margin-top: 1px;
background: #ccc;
}
div.GlooCalendar table.StatusBar a
{
display: block;
padding: 3px 0;
color: #333;
}
div.GlooCalendar table.StatusBar a:hover { background: #eee; }
/* Context menu */
div.ContextMenu
{
position: absolute;
z-index: 99999;
background: #fff;
border: solid 1px #ccc;
width: 175px;
display: none;
}
div.ContextMenu ul
{
list-style-type: none;
margin: 0;
padding: 1px;
font-size: 0.8em;
}
div.ContextMenu ul li
{
display: block;
}
div.ContextMenu ul a
{
display: block;
padding: 5px 10px 5px 20px;
text-decoration: none;
background: url(../../../../cms/images/contextmenuicon.gif) no-repeat left;
}
div.ContextMenu ul a:hover { background-color: #eee; }
/* Hidden uploader */
iframe.HiddenUploader
{
position: absolute;
top: 0;
left: 0;
z-index: 999999;
visibility: hidden;
}
/* Tooltip */
div.Tooltip
{
position: absolute;
background: #999;
color: #fff;
font-size: 0.6em;
max-width: 200px;
border: solid 1px #ccc;
padding: 5px;
z-index: 999999;
display: none;
}
/* Buttons */
a.Button
{
float: left;
background-repeat: repeat-x;
background-image: url(../../../../cms/images/buttonbgtile.gif);
background-position: left 0;
background-color: #84b207;
padding: 4px 10px;
text-decoration: none;
color: #fff;
font-weight: bold;
border: solid 1px;
border-left-color: #fff;
border-top-color: #fff;
border-right-color: #000;
border-bottom-color: #000;
}
a.Button:hover
{
background-position: left -70px;
background-color: #afd020;
}
a.Button:active
{
background-position: left -140px;
background-color: #408f00;
border-left-color: #000;
border-top-color: #000;
border-right-color: #fff;
border-bottom-color: #fff;
}
a.DisabledButton
{
background-color: #ccc;
background-image: none;
}
a.DisabledButton:hover { background-color: #ccc; }
a.Cancel
{
float: left;
background-repeat: no-repeat;
background-image: url(../../../../cms/images/cancelicon.gif);
background-position: left;
padding: 5px 22px;
text-decoration: none;
color: #666;
}
a.Cancel:hover
{
text-decoration: underline;
color: #000;
}
a.Cancel:active { color: Red; }
/* Forms */
div.Form
{
width: 100%;
overflow: hidden;
margin-bottom: 20px;
}
div.Form textarea.Text, div.Form input.Text, div.Form select.Text, div.Form label
{
float: left;
width: 220px;
padding: 2px 0;
margin: 0 5px 5px 0;
border: 0;
}
div.Form textarea.Text, div.Form input.Text, div.Form select.Text
{
border: solid 1px #ccc;
width: 290px;
}
div.Form select.Text { width: 292px; }
div.Form textarea.Text { height: 200px; }
div.Form label { padding: 3px 0; }
div.Form br { clear: left; }
div.Form div.Buttons
{
padding-top: 10px;
padding-left: 225px;
overflow: hidden;
}
div.Form a { margin-top: 5px; }
div.Form .Error { background: #ccc; }
div.Form table.RadioList { float: left; }
div.Form table.RadioList label { float: none; }
/* General/common */
body
{
padding: 0;
margin: 0;
background: #0079c8 url(../../../images/bgtile.gif) repeat-x;
height: 100%;
}
body, a, input, select, textarea, th, td
{
font-family: Arial, Sans-Serif;
font-size: 1em;
color: #707070;
}
a
{
text-decoration: none;
color: #0b77cf;
}
a:hover
{
text-decoration: underline;
color: #000;
}
div.Wrapper
{
position: relative;
margin: 0 auto;
width: 820px;
padding: 0 20px;
background: #fff;
}
.PrintOnly { display: none; }
/* Font size options */
body.Small { font-size: .9em; }
body.Medium { font-size: 1em; }
body.Large { font-size: 1.1em; }
/* Header */
h1.Banner
{
margin: 0;
padding: 0;
height: 100px;
}
h1.Banner a
{
display: block;
float: left;
height: 100px;
width: 270px;
height: 0;
padding-top: 100px;
overflow: hidden;
background: url(../../../images/hydrogenenergylogo.jpg);
}
ul.HeaderLinks
{
position: absolute;
top: 42px;
right: 20px;
margin: 0;
padding: 0;
list-style-type: none;
font-size: .7em;
}
ul.HeaderLinks li { display: inline; }
ul.HeaderLinks a
{
float: left;
color: #00316f;
border-right: solid 1px #b1b1b1;
padding-right: 7px;
margin-right: 7px;
}
ul.HeaderLinks li.End a
{
border-right: 0;
padding-right: 0;
margin-right: 0;
}
div.SiteNav
{
position: relative;
z-index: 2;
}
ul.Tools
{
position: absolute;
top: 5px;
right: 0;
margin: 0;
padding: 0;
list-style-type: none;
font-size: .8em;
}
ul.Tools li { display: inline; }
ul.Tools a
{
float: left;
height: 0;
padding-top: 15px;
overflow: hidden;
background-repeat: no-repeat;
padding: 15px 2px 0 2px;
}
ul.Tools a.Small { background-image: url(../../../images/smallfonticon.gif); width: 9px; }
ul.Tools a.Medium { background-image: url(../../../images/mediumfonticon.gif); width: 9px; }
ul.Tools a.Large { background-image: url(../../../images/largefonticon.gif); width: 11px; }
ul.Tools a.Print { background-image: url(../../../images/printicon.gif); width: 14px; }
div.Accessible
{
padding-top: 10px;
font-size: .8em;
border-bottom: solid 1px #ccc;
}
/* Footer */
ul.PreFooter
{
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
overflow: hidden;
font-size: .7em;
padding-bottom: 5px;
}
ul.PreFooter li.Say { padding-left: 10px; }
ul.PreFooter li.Say a
{
background: url(../../../images/sayicon.gif) no-repeat left;
padding-left: 20px;
}
ul.PreFooter li.Top { text-align: right; }
ul.PreFooter li.Top a
{
background: url(../../../images/backtotop.gif) no-repeat left;
padding-left: 10px;
text-transform: lowercase;
}
div.Footer
{
border-top: solid 1px #b1b1b1;
padding: 10px 0;
width: 100%;
overflow: hidden;
font-size: .6em;
}
div.Footer p
{
margin: 0;
padding: 0;
float: left;
}
div.Footer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
div.Footer li { display: inline; }
div.Footer a
{
margin-left: 7px;
border-left: solid 1px #ccc;
padding-left: 7px;
}
div.Footer table { margin: 20px 0; }
div.Footer table th, div.Footer table td
{
vertical-align: bottom;
padding-right: 10px;
text-align: left;
font-weight: normal;
}
div.Footer table th { padding: 0 0 5px 15px; font-size:0.75em; }
div.Footer table a
{
display: block;
margin-left: 0;
border-left: 0;
padding-left: 0;
overflow: hidden;
height: 0;
padding-top: 42px;
}
div.Footer table a.BpLogo
{
width: 33px;
background: url(../../../images/bplogo.jpg);
}
div.Footer table a.RioTintoLogo
{
width: 74px;
background: url(../../../images/riotintologo-2.jpg);
}
/* Columns */
div.Columns
{
width: 100%;
overflow: hidden;
padding: 20px 0;
}
div.Columns div.LeftColumn
{
float: left;
width: 540px;
padding-left: 10px;
font-size: .8em;
}
div.Columns div.RightColumn
{
float: right;
width: 250px;
font-size: .8em;
}
div.Columns div.LeftColumn h2
{
margin: 0;
padding: 0;
color: #0b7dbc;
font-weight: normal;
font-family: Verdana, Arial, Sans-Serif;
font-size: 1.4em;
margin-bottom: 20px;
}
div.Columns div.LeftColumn h3
{
margin: 0;
padding: 0;
color: #0b7dbc;
font-weight: normal;
font-family: Verdana, Arial, Sans-Serif;
font-size: 1em;
}
/* Status messages */
div.StatusMessage
{
margin-bottom: 10px;
border: solid 1px #ddd;
background: #eee;
padding: 5px;
}
div.StatusMessage span.Alert
{
}
ul.Questions
{
list-style-type: none;
margin: 0;
padding: 0;
}
ul.Questions a
{
display: block;
padding-left: 15px;
background: url(../../../images/linkarrow.gif) no-repeat left 5px;
}
/*
WYSIWYG Editor
Copy body styles from Global.css
*/
body.Editor
{
font-family: Arial, Sans-Serif;
font-size: .8em;
color: #707070;
background: #fff;
}
.Arrow
{
display: block;
background: url(../../../images/linkarrow.gif) no-repeat left 5px;
padding-left: 10px;
}
.Video
{
display: block;
background: url(../../../images/linkvideo.gif) no-repeat left;
padding-left: 15px;
}
.SmallDate
{
display: block;
font-style: italic;
color: #666;
font-size: .8em;
padding-left: 10px;
}
h3
{
font: bold 1.1em verdana;
color: #007be1;
margin: 0;
padding: 0;
}
/* Touts */
body.Editor div.Tout { font-size: 1em; }
div.Tout { margin-bottom: 10px; font-size: 0.82em; width:270px;}
div.RightColumn div.Tout{ margin-bottom: 10px; font-size: 1em;}



div.Tout h3
{width:100%;
font-size: 1em;
margin: 0;
padding: 5px 10px;
background: #1385ce url(../../../images/toutheadertile.gif) repeat-y right;
color: #fff;
}
div.Tout p
{
font-size: 1em;
padding: 10px;
margin: 0;
background: #dceaed url(../../../images/toutbgtile.gif) repeat-x;
border: solid 1px #e7f6cf;
border-top: 0;
}
/* Site index */
div.SiteIndex ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
div.SiteIndex li { padding-bottom: 10px; }
div.SiteIndex a
{
display: block;
padding: 3px 10px;
background: #0f4a82;
color: #fff;
margin-bottom: 10px;
}
div.SiteIndex ul ul { padding-left: 25px; }
div.SiteIndex ul ul a
{
background: none;
color: #077dc5;
margin-bottom: 0;
background: url(../../../images/brancharrow.gif) no-repeat left top;
}
div.SiteIndex ul ul li { padding-bottom: 0; }
.error{ color:#F00; }
.validation{ padding-left:10px; font-weight:bold; color:#F00;  }

.table{ font-size:12px;  }