* { padding: 0; margin: 0; }

html,body { 
	font-family:  Arial, "Arial Narrow","Frutiger 45 Light", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 1em; 
	color: #333;
}

body { background: #DFE2E7 url(/images/bg-grad.jpg) repeat-x 50% 0; }


h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em;}
h4 { font-size: 1em;}
h5 { font-size: 0.9em; }
p { font-size: 0.8em; padding: 0.3em 0; white-space: normal;}
li { font-size: 0.8em; list-style-type: none; }

select { }
select option { padding: 0.1em 0.2em; }

img { border: 0; }

span.red { color: #f00; }
input.required, textarea.required { border: 1px solid #f00; }
select.required { color: #f00; }

.center { text-align: center; }
.bold { font-weight: bold; }

a { color: #004CA4; }
a:link {color: #004CA4; }
a:visited {color: #004CA4; }
a:hover {color: #004CA4; }
a:active {color: #004CA4; } 

/* icon links */
a.pdf { background: #fff url(/images/icons/pdf.gif) no-repeat top left; padding-left: 20px; }
a.doc { background: #fff url(/images/icons/doc.gif) no-repeat top left; padding-left: 20px; }
a.xls { background: #fff url(/images/icons/xls.gif) no-repeat top left; padding-left: 20px; }
a.txt { background: #fff url(/images/icons/txt.gif) no-repeat top left; padding-left: 20px; }

fieldset { border: 1px dashed #777; } 
fieldset.warning p { text-align: center; font-weight: bold; }
legend { margin: 0.2em 0.5em; font-size: 0.8em; color: #d91116; background-color: #fff; }

.clear { clear: both; }

input.button, button { background-color: #00344d; color: #fff; padding: 0.2em; border: 1px solid #333; }
input.button:hover, button:hover { background-color: #006; cursor: pointer; }

/* div layouts */
#wrap { width: 860px; border: 1px solid #ccc; margin: 0 auto; min-height: 450px; background-color: #fff; clear: both; padding: 0 20px; position: relative; z-index:0; }

#head { width: 860px; height: 80px; background-color: transparent; margin: 0 auto; position: relative;}

#head #logo { position: absolute; right: 0; top: 0; }
#head #akerlogo { position: absolute; left: 0; top: 0; }
#head span { position: absolute; right: 180px; top: 38px; color: #fff; font-size:0.9em; }

#main-menu {float: left; width: 100%; position: relative; margin-top: 5px; }

#photo { width: 860px; height: 245px; float: left; overflow: hidden; position:relative; margin-top:5px; z-index:-1;}
#photo img { width: 860px; position:absolute; left:0;top:0;z-index:-1; }

#logbar { font-size: 0.8em;  float:left; width: 100%; background-color: #fff; margin: 3px 0 0px 0; height: 20px; line-height: 20px; text-align: right; }
#logbar a { color: #d00;}

#searchform {position: absolute; right:0; top:2px; }
#searchform div { font-size: 0.8em; }
#searchform span { font-family: Arial; font-weight: bold; padding-right: 60px; font-size: 0.9em; }
#searchform label { font-size: 0.9em; padding-right: 5px; }
#searchform input#swords { width: 130px; margin: 0 2px 0 0; border: 1px solid #ccc; font-size: 12px; height: 16px; background-color: #D4D9DE; padding: 1px; color: #00344d;}
#searchform input.button { padding: 0; margin: 0; vertical-align: bottom; background-color: #ff7c13; color: #000; border: 1px solid #000; height: 20px; }

#fourofour { min-height: 400px; padding-top: 20px; }
#fourofour h1 { font-size: 1.2em; }
#fourofour #goog-fixurl { margin-top: 15px; font-size: 90%; } 
/*#photo strong.txtover { position:absolute;right:50px;bottom:25px;color:#f00;font-size:1.3em;font-family:arial;font-weight:lighter;filter:shadow(color=white); }*/

#content { float: left; width: 100%; }

/*div.index-box-row { float: left; width: 100%;  clear: left; }*/

#index-left { float: left; width: 300px; }
#index-right { float: left; width: 560px; }
#index-mid { float: left; width: 300px; }

div.index-box { float: left; width: 260px; display: inline; margin: 20px 40px 0 0; font-family: "Arial Narrow",Arial,sans-serif;}
div.index-box-last { margin-right: 0; }
div.index-tall { min-height: 350px !important; }

div.index-box h1 { font-size: 1em; }
div.index-box h2 { font-family: Arial; height: 26px; line-height: 26px; background: #6d8391 url(/images/index-box-head.jpg) repeat-x top left; font-size: 0.9em; padding-left: 0.5em; color: #fff; }
div.index-box h3 { font-size: 0.8em; }

div.box-content { float: left; width: 238px; padding: 10px; min-height: 160px; background: #FFFFFF url(/images/index-box-grad.jpg) repeat-x scroll left top; border: 1px solid #555;}
div.box-content img.flow { float: right; padding: 0 0 5px 5px; }

div.box-content ul { font-size: 0.8em; margin-left: 10px; padding-top: 0.2em; } 

/* removes stlye from box */
div.index-box-plain h2 { background: none; } div.index-box-plain div.box-content { background: none; border: 0;}

#mlist { text-align: right; }
#mlist label, #mlist input { margin-right: 5px; margin-bottom: 5px;}

/* lost time incident - needed by the js */
p.lti { font-weight: bold; font-size: 0.9em; border: 2px solid #d00; padding: 0.5em 0.2em; margin: 0.5em 0; text-align: center; }
p#lti { display: none; }

#foot { clear: both; padding: 0.5em 0;}
#foot #links { text-align: right; width: 100%; }
#foot #links li { display: inline; }
#foot #links li a { padding: 0 0.5em; text-decoration: none; font-size: 0.9em; color: #00334d; }
#foot #links li a:hover { text-decoration: underline; }

#logos {width: 860px; border: 1px solid #ccc; border-top:0; padding: 15px 20px; margin: 0 auto; text-align: center; background-color: #fff; }
#logos li { display: inline; list-style: none; margin-right: 0.5em; }

#footnote { width: 860px; margin: 1em auto; }
#footnote p { color: #666; font-size: 0.7em; text-align: center; }

/* b2 link  */
#b2 { float: right; width: 200px; text-align: right; }
#b2 a { color: #006; text-decoration: none; font-size: 0.7em; }

/* ie6 hacks - move to sep file when done */
/*\*/ 
* html div.index-box { height: 170px; }
* html div.box-content { height: 160px; }
* html div.index-tall { height: 350px; }
/**/


/* template 1 - 3col - remove this to a sep file when done and only include when needed */
#leftcol { width: 180px; margin-top: 20px; float: left; }
#rightcolwrap { width: 680px; margin-top: 20px;  float: right; }
#rc-centre { width: 440px; float: left; margin-left: 20px; margin-right: 20px; }
#rc-right { width: 170px;  float: right; padding-top: 1.6em; text-align: right; }

#submenu { list-style: none; margin-top: 1.5em; margin-right: 20px; }
#submenu li { text-align: right; padding-bottom: 0.3em; font-size: 0.9em; }
#submenu li a { color: #6D6E71; text-decoration: none; font-size: 0.8em; font-weight: normal; font-family: Arial,sans-serif; padding: 0.2em 0; }
/*#submenu li a:hover { text-decoration: none;  background: #fff url(/images/menu-active.gif) no-repeat top left; padding-left: 25px; }*/
#submenu li a:hover { text-decoration: underline; }
#submenu li a.active { background: #fff url(/images/menu-active.gif) no-repeat scroll center left; padding-left: 20px; text-decoration: none; cursor: default; display: block; } 
#submenu hr { border: 1px solid #ccc; margin-left: 50px; }

#rc-centre h1 { color: #00344d; font-size: 1.1em; font-family: sans-serif; font-weight: lighter; }
#rc-centre h2 { color: #111; font-size: 0.9em; font-family: sans-serif; margin-top: 0.3em; }
#rc-centre p { color: #444; font-size: 0.8em; font-family: Arial,sans-serif; line-height: 1.3; }
#rc-centre ul { padding: 0.5em 1em; }
#rc-centre ul li { padding-bottom: 0.2em; list-style-type: square; }

#rc-right p { font-size: 0.7em; text-align: left; }

/* COMBINE THESE LATER ONLY IF THEY DONT NEED CUSTOMISED */
/* news section */
#news { }
#news h2 { font-size: 0.9em; color: #00344d; }
#news h2 a { text-decoration: none; color: #00344d; }
#news div.newsitem { border-bottom: 1px dashed #eee; padding: 0.5em 0; margin-bottom: 0.5em;}
#news div.newsitem p span { font-style: italic; }
#news div.newsitem p a { font-size: 0.9em; white-space: pre;}
#news div.newsitem hr { border: 1px solid #ddd; margin-bottom: 0.4em; }

/* event section */
#events { }
#events h2 { font-size: 0.9em; color: #00334d; }
#events h2 a { text-decoration: none; color: #00334d; }
#events div.eventitem { border-bottom: 1px dashed #eee; padding: 0.5em 0; margin-bottom: 0.5em;}
#events div.eventitem p span { font-style: italic; }
#events div.eventitem p a { font-size: 0.9em; white-space: pre;}
#events div.eventitem hr { border: 1px solid #ddd; margin-bottom: 0.4em; }
#events div.eventitem h3 { font-size: 0.9em; color: #333; padding: 0.3em 0; }

/* testimonials */
#testimonial { }
#testimonial h2 { font-size: 0.9em; color: #00344d; }
#testimonial h2 a { text-decoration: none; color: #00344d; }
#testimonial div.testimonialitem { padding: 0.5em 0; margin-bottom: 0.5em; border-bottom: 1px dashed #eee; }
#testimonial div.testimonialitem p span { font-style: italic; }
#testimonial div.testimonialitem blockquote { background: transparent url(/images/quote.gif) no-repeat top left;	padding-left: 20px;	padding-top: 8px; margin: 0.3em 0; }
#testimonial div.testimonialitem cite { font-size: 0.7em; font-weight: bold; }

/* jobdisplays */
#jobdisplay { margin-top: 0.5em; }
#jobdisplay h2 { font-size: 0.9em; color: #00344d; }
#jobdisplay h2 a { text-decoration: none; color: #00344d; }
#jobdisplay div.jobdisplayitem { padding: 0.5em 0; margin-bottom: 0.5em; border-bottom: 1px dashed #eee; }
#jobdisplay div.jobitem p span { font-style: italic; }
#jobdisplay div.jobitem fieldset { margin-bottom: 0.5em; border: 1px solid #666; padding: 0 0.5em;}
#jobdisplay fieldset.photos { padding: 0; float: left; }
#jobdisplay ul.photos { float: left; width: 610px;}
#jobdisplay ul.photos li { float: left; height: 120px; list-style-type: none; margin-right: 1em; margin-bottom: 1em }

/* links */
#linklist { }
#linklist h2 { font-size: 0.9em; color: #00344d; }
#linklist h2 a { text-decoration: none; color: #00344d; }
#linklist div.linkitem { border-bottom: 1px dashed #eee; padding: 0.5em 0; margin-bottom: 0.5em;}
#linklist div.linkitem p span { font-style: italic; }
#linklist div.linkitem p.extlink { text-align: left; }
#linklist div.linkitem p.extlink a { background: #fff url(/images/icons/ext.gif) no-repeat top right; padding-right: 20px; padding-top: 5px; font-size: 0.8em; font-family: verdana,sans-serif; clear: both;}
#linklist div.linkitem div.logo { float: right; padding: 0 0 0.5em 0.5em; }

/* vacancies */
#vacancy { }
#vacancy h2 { font-size: 0.9em; color: #00344d; }
#vacancy h2 a { text-decoration: none; color: #00344d; }
#vacancy div.vacancyitem { border-bottom: 1px dashed #eee; padding: 0.5em 0; margin-bottom: 0.5em;}
#vacancy div.vacancyitem p span { font-style: italic; }
#vacancy div.vacancyitem table { font-size: 0.8em; color: #555; }
#vacancy div.vacancyitem table td { text-align: center; }
#vacancy div.vacancyitem p.apply { text-align: right; }
#vacancy div.vacancyitem p.apply a { color: #00344d; }
#vacancy div.filter { float: right; }

/* awards */
#award { }
#award h2 { font-size: 0.9em; color: #00344d; }
#award h2 a { text-decoration: none; color: #00344d; }
#award div.awarditem { border-bottom: 1px dashed #eee; padding: 0.5em 0; margin-bottom: 0.5em; clear: both; }
#award div.awarditem div.logo { float: right; padding: 0 0 0.5em 0.5em; }

/* accreditations page */
#accred { }
#accred h2 { font-size: 0.9em; color: #00344d; }
#accred h2 a { text-decoration: none; color: #00344d; }
#accred div.accreditem { border-bottom: 1px dashed #eee; padding: 0.5em 0; margin-bottom: 0.5em; }
#accred div.accreditem div.logo { float: right; padding: 0 0 0.5em 0.5em; }

/* search results page */
#search { }
#search input.button { padding: 0.1em 0; border: 0; }
#search div.search-results h2 { font-size: 0.9em; }
#search div.search-results h2 a { color: #00344d; font-size: 0.9em; margin-bottom: 0.3em; text-decoration: none; }
#search div.search-results h2 a:hover { text-decoration: underline; }
#search div.search-results { margin: 0.5em 0; border-bottom: 1px dashed #eee; }

/* download center */
#downloads { margin-top: 0.5em; }
/*#downloads fieldset.category { padding: 0 0.5em; margin: 0; }
#downloads fieldset.category div { float: left; width: 100%; }
#downloads fieldset.categoryul { float: left; width: 100%;  }
#downloads fieldset.category ul li { float: left; list-style: square; min-width: 160px;  }*/
#downloads a { text-decoration: none; color: #00344d; }
#downloads a:hover { text-decoration: underline; }
table.files { margin-top: 0.5em; font-size: 0.8em; }
table.files th { text-align: left; background-color: #fcddcc; padding: 0.2em;}
table.files td { padding: 0.2em; }
table.files tr.even { background-color: #d5d5d5; }
table.files tr.odd { background-color: #eee; }
table.files tr.hover { background-color: #ddf;  }

/* paginator */
ul.paginator { margin: 0 auto; text-align: center; padding: 2px 0; list-style-type: none; }
ul.paginator li { color: #000; line-height: 25px; display:inline; font-weight: bold; }
ul.paginator a { background-color: #fff; padding: 2px 4px; margin: 0 2px; text-decoration: none; color: #333; border: 1px solid #ccc; font-weight: normal; }
ul.paginator a:hover { background-color: #666; color: #fff; }
/* used when pages are too big to fit inline */
ul.large li { float: left; display: block; } 
p.paginator { margin: 0.5em 0; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

/* forms */
div.row { clear: both; float: left; margin-bottom: 0.5em; width: 100%; }
div.row label { float: left; width: 36%; padding-right: 2%; text-align: right; font-size: 0.9em; }
div.row span.widget { float: left; width: 60%; }

/* TIGRA Calendar */

/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}

table.checktable { width: 90%; margin: auto; border-collapse: collapse; }
table.checktable td { vertical-align: top; font-size: 14px; border: 1px solid #e4e4e4; }

table.checktable textarea { width: 100%; height: 200px; }
table.checktable div { clear: both; }
table.checktable div ul { clear: both; }
table.checktable div ul li { width: 50%; float: left; }
table.checktable div {padding: 0 5px 0 5px;}
table.checktable div.red { padding: 5px;background-color: red; color: white; font-weight: bold; }
table.checktable tr.grey td { background-color: #e4e4e4; color: white; padding: 5px; font-weight: bold; }

table.checktable div.red input { float: right; margin-top: 0px; }
table.checktable div.red label { margin: 0px; margin-right: 20px; display: block; }

table.checktable tr.foot td {padding: 5px; }
table.checktable tr.foot input { float: none; width: 100%; }
table.checktable tr.foot label { font-weight: bold; float: none; width: 100%; }

table.checktable tr input { float: left; margin-top: 0px; }
table.checktable tr label { margin: 0px; margin-left: 20px; display: block; }
table.checktable tr input.label { margin: 0px; margin-left: 20px; display: block; float: none; }
.right { text-align: right; }
#rc-centre table.checktable tr.red td p { color: white; }
.quarter { width: 25%; }
table.checktable div { margin-bottom: 10px; }