File: /home/eris.org.uk/public_html/css/standard.php.css
/*********************/
/* HTML styles */
/*********************/
body {
margin: 0;
padding: 0;
background: #FFFFFF;
font-size: 12px;
text-align: center;
color: #4d4d4d;
}
body, p, td, th ,li {
font-family: helvetica, arial, verdana, sans-serif;
color: #4d4d4d;
}
input {
font-family: helvetica,arial,verdana, sans-serif;
}
h1 {
font-size: 140%;
margin: 0 0 15px 0;
padding: 5px 15px;
}
h2 {
font-size: 16px;
margin: 0 0 15px 0;
color:#3f3f3f;
}
h3 {
font-size: 100%;
margin: 0 0 15px 0;
}
a {
color: #4e4e4e;
text-decoration:none;
}
a:hover {
color: #367a95;
text-decoration:underline;
}
img {
border: none;
}
hr {
height: 0px;
color: #FFFFFF;
border-top: 1px solid ;
}
.hr {
border-top: 1px solid ;
margin: 10px 0;
}
.hr hr {
display: none;
}
form
{
padding: 0px;
margin: 0px;
}
p {
margin: 0 0 10px 0;
}
div {
}
/*********************/
/* Common styles */
/*********************/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#spacer15{
height:15px;
}
.message {
color:#f60;
}
.warning{
color:#f00;
}
.hint {
color: #999;
}
.clear {
clear: both;
font-size: 1px;
height: 1px;
line-height: 1px;
}
.hidden {
display:none;
}
.copyright{
color:#c2c1be;
font-size:9px;
margin-right:10px;
}
/*==================== */
/* Page wrapper styles */
/*==================== */
#page_wrapper_outer {
text-align: left;
width: 955px;
margin: 0 auto;
background: #FFFFFF ;
padding-right:20px;
background: #FFFFFF url(img/right_margin.gif) top right no-repeat;
}
#page_wrapper_inner {
text-align: left;
background: #FFFFFF url(img/left.gif) top left repeat-y;
margin: 0;
border-top:solid #fff 1px;
}
#skip_nav {
display: none;
}
/*==================== */
/* Header styles */
/*==================== */
#header {
margin: 0px 0px 0px 0px;
height: 68px;
border-top:solid #fff 1px;
}
#header #searchbox{
float:right;
margin: 32px 26px 0px 0px;
padding:0px 0px 0px 0px;
}
#header #searchbox #button{
width:54px;
height:21px;
vertical-align:top;
}
#header #searchbox #textbox{
border: 1px solid #c3c3c3;
margin: 0px 0px 4px 0px;
height:16px;
}
#header h1{
margin: 32px 0px 0px 20px;
background:#fff;
color:#4d4d4d;
font-size:11px;
}
/*==================== */
/* home page text styles */
/*==================== */
#homepagetext{
height:405px;
margin:-39px 0px 0px 0px;
padding:0px 0px 0px 0px;
color:#fff;
}
#homeheader_left{
margin-top:220px;
padding:10px 10px 10px 10px;
width:498px;
height:166px;
float:left;
background: #444544;
}
#homeheader_left h1{
font-size:22px;
padding:10px 10px 0px 10px;
margin:0px 0px 0px 0px;
}
#homeheader_left p{
padding:10px 50px 10px 10px;
color:#fff;
font-size:18px;
margin:0px 0px 0px 0px;
}
#homeheader_left a{
color:#fff;
font-size:11px;
font-weight:bold:
}
#homeheader_right{
margin-top:247px;
color:#fff;
width:237px;
height:159px;
float:left;
background: #b8d861 url(img/banner_med_home.gif) top left repeat-x;
}
#homeheader_right ul {
padding:10px 0px 0px 0px;
list-style-type:none;
margin:20px 0px 0px 0px;
}
#homeheader_right ul li{
text-decoration: none;
padding:3px 0px 3px 0px;
margin:0px 20px 0px 15px;
font-weight:bold;
}
#homeheader_right ul li img{
margin:0px 0px 0px 5px;
vertical-align:middle;
}
#homeheader_right_lower{
width:755px;
height:30px;
color:#626264;
background: #fff url(img/banner_med_home_lower.gif) top right no-repeat;
}
#homeheader_right_lower div{
padding:4px 0px 3px 360px;
}
#home_balloon{
background: #fff url(img/home_balloon.gif) top left no-repeat;
width:693px;
height:189px;
margin:-6px 0px 0px 35px;
}
#home_balloon h2{
color:#4e4f4e;
font-size:20px;
padding:20px 10px 0px 60px;
}
#home_balloon h2 img{
vertical-align:top;
}
#home_balloon div{
color:#fff;
font-size:13px;
padding:15px 10px 10px 18px;
display:inline:
}
#homejobs{
float:right;
width:250px;
margin: 0px 25px 10px 0px;
}
.frontpagejob {
background: #f1f1ed;
margin:0px 0px 3px 0px;
padding:10px 5px 10px 10px;
}
.frontpagejob h4{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:13px;
}
.frontpagejob p{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#homenews{
float:left;
width:405px;
margin: 0px 0px 10px 0px;
}
#homenews h3, #homejobs h3{
color:#367a95;
border-bottom: solid 1px #dcdcdc;
font-size:16px;
}
#homenews #newstop {
border-bottom: solid 1px #dcdcdc;
margin-bottom: 10px;
}
#homenews #newsleft {
float:left:
width:200px;
margin-left:0px;
}
#homenews #newsright {
float:right;
width:190px;
}
#homenews #newstop h4,
#homenews #newsleft h4,
#homenews #newsright h4 {
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
font-size:13px;
}
#homenews #newsleft {
float:left;
width:190px;
}
.newsabstract{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#homenewslower{
float:left;
width:405px;
margin: 0px 0px 10px 0px;
}
#homejobslower{
float:right;
width:250px;
margin: 0px 25px 10px 0px;
}
/*==================== */
/* GOOGLE SEARCH BUTTON */
/*http://www.google.com/cse/style/look/default.css*/
/*==================== */
/**
* Default theme
*
*/
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
padding: 10px 10px 10px 0px;
margin-top:10px;
}
.cse .gsc-branding,
.gsc-branding {
display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
position: normal;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
font-family: inherit;
color: #fff;
text-shadow: 0 1px 2px #FFFFFF;
background-color: #515153;
border: 1px outset;
border-color: #666666;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
width:60px;
font-weight:bold;
height:20px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
background-color: #FFFFFF;
border: 1px solid;
border-top: 2px solid;
border-color: #e9e9e9;
border-top-color: #FF9900;
border-bottom: none;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
padding: .25em;
margin-bottom: 1em;
border-bottom:solid #e9e9e9 1px;
}
.cse .gsc-webResult.gsc-result a,
.gsc-webResult.gsc-result a{
padding: .25em;
color: #4d4d4d;
margin-bottom: 1em;
}
.cse .gsc-webResult.gsc-result a:hover,
.gsc-webResult.gsc-result a:hover{
color: #367a95;
text-decoration:underline;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
background:#ebebeb;
}
/* Style for auto-completion table
* .gsc-completion-selected : styling for a suggested query which the user has moused-over
* .gsc-completion-container : styling for the table which contains the completions
*/
.gsc-completion-selected {
background: #D5E2FF;
}
.gsc-completion-container {
font-family: Arial, sans-serif;
font-size: 13px;
position: absolute;
background: white;
border: 1px solid #666666;
margin-left: 0;
margin-right: 0;
/* The top, left, and width are set in JavaScript. */
}
#navigation #sitemap {
float:right;
font-weight:bold;
padding: 10px 30px 0px 0px;
}
#navigation {
margin: 0px 0px 0px 0px;
height: 38px;
background: #FFFFFF url(img/menu.gif) top left no-repeat;
padding: 0px 0px 0px 30px;
}
#navigation .nav {
color:#4e4f4e;
font-size:15px;
font-weight:bold;
padding:12px 5px 0px 5px;
display:block;
float:left;
height: 24px;
}
#navigation .nav a{
color:#4d4d4d;
text-decoration: none;
}
#navigation .nav a:hover{
color:#367a95;
}
#navigation .navselected {
display:block;
float:left;
padding:12px 5px 0px 5px;
color:#fff;
background:#515153;
font-size:14px;
font-weight:bold;
border-bottom:solid #515153 1px;
height: 24px;
}
#navigation .navselected a{
color:#fff;
text-decoration: none;
}
#navigation .navselected a:hover{
color:#fff;
}
#navigation .divider {
display:none;
}
/*==================== */
/* Breadcrumb */
/*==================== */
#breadcrumb {
margin: 0px 0px 0px 0px;
padding:12px 0px 0px 34px;
height:27px !important;
height/**/:39px;
}
#breadcrumb p {
color: #4d4d4d;
margin:0px;
}
#breadcrumb p a {
color: #4d4d4d;
text-decoration: none;
}
#breadcrumb p a:hover {
color: #4d4d4d;
text-decoration: underline;
}
/*==================== */
/* Banners */
/*==================== */
#banner_short_about{
background: #FFFFFF url(img/banner_short_about.gif) top left repeat-x;
height:70px;
position:relative;
border-top: solid #fff 1px;
margin: 0px 0px 0px 0px;
}
#banner_short_about h2{
color:#fff;
font-size:30px;
margin: 28px 0px 0px 34px;
letter-spacing:-1px;
}
#banner_short_jobs{
background: #FFFFFF url(img/banner_short_jobs.gif) top left repeat-x;
height:70px;
position:relative;
border-top: solid #fff 1px;
margin: 0px 0px 0px 0px;
}
#banner_short_jobs h2{
color:#fff;
font-size:30px;
margin: 28px 0px 0px 34px;
letter-spacing:-1px;
}
#banner_short_search{
background: #FFFFFF url(img/banner_short_search.gif) top left repeat-x;
height:70px;
position:relative;
border-top: solid #fff 1px;
margin: 0px 0px 0px 0px;
}
#banner_short_search h2{
color:#fff;
font-size:30px;
margin: 28px 0px 0px 34px;
letter-spacing:-1px;
}
#banner_short_work{
background: #FFFFFF url(img/banner_short_work.gif) top left repeat-x;
height:70px;
position:relative;
border-top: solid #fff 1px;
}
#banner_short_work h2{
color:#fff;
font-size:30px;
margin: 28px 0px 0px 34px;
letter-spacing:-1px;
}
#banner_short_news{
background: #FFFFFF url(img/banner_short_news.gif) top left repeat-x;
height:70px;
position:relative;
border-top: solid #fff 1px;
}
#banner_short_news h2{
color:#fff;
font-size:30px;
margin: 28px 0px 0px 34px;
letter-spacing:-1px;
}
/*==================== */
/* Left Nav styles*/
/*==================== */
#leftcolumn {
float:left;
position:relative;
text-align: left;
width: 200px;
background: #efeeea url(img/left-column.gif) top right no-repeat;
margin-right:-200px;
}
#leftcolumn #logo{
margin: 26px 0px 0px 25px;
}
#leftcolumn #logo{
margin: 26px 0px 0px 25px;
}
/*==================================== */
/* left coumn Secondary Nav styles*/
/*==================================== */
#leftcolumn #section{
margin: 35px 1px 0px 25px;
padding: 0px 0px 12px 0px;
border-bottom:solid #c2c1be 1px;
letter-spacing:-1px;
}
#leftcolumn #hline{
margin: 0px 1px 0px 0px;
padding: 0px 0px 13px 0px;
border-bottom:solid #c2c1be 1px;
}
#leftcolumn #section a{
font-size:16px;
font-weight:bold;
text-decoration: none;
color:#4d4d4d;
}
#leftcolumn #section a:hover{
color:#367a95;
}
#leftcolumn #submenulist{
margin: 10px 0px 250px 25px;
}
#leftcolumn #nomenulist{
margin: 10px 0px 400px 25px;
}
#leftcolumn #submenulist ul{
padding:0;
margin:0;
}
#leftcolumn #submenulist li{
list-style-type:none;
padding-bottom:10px;
}
#leftcolumn #submenulist a{
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#4d4d4d;
}
#leftcolumn #submenulist ul li ul {
margin:10px 0px 0px 0px;
}
#leftcolumn #submenulist ul li ul li{
padding:0px 0px 0px 0px;
margin:5px 0px 5px 20px;
list-style-type:disc;
}
#leftcolumn #submenulist a:hover{
color:#367a95;
}
#leftcolumn #submenulist li.selected a{
color:#367a95;
}
#leftcolumn #submenulist li.selected li a{
color:#4d4d4d;
}
#leftcolumn #submenulist li.selected a:hover{
text-decoration: underline;
}
#leftcolumn #submenulist li li.subselected a{
color:#367a95;
}
#leftcolumn .greybox{
background: url(img/front_page_grey_box.gif) top left no-repeat;
height:65px;
width:153px;
margin: 0px 0px 0px 0px ;
padding: 5px 0px 0px 10px ;
}
#leftcolumn .greyboxmiddle{
background: url(img/front_page_grey_box.gif) top left no-repeat;
height:58px;
width:153px;
margin: 0px 0px 0px 0px ;
padding: 12px 0px 0px 10px ;
}
#leftcolumn .greybox a,#leftcolumn .greyboxmiddle a{
color:#fff !important;
font-size:13px !important;
}
#leftcolumn .greybox a:hover, #leftcolumn .greyboxmiddle a:hover{
color:#367a95 !important;
}
#leftcolumn #greyboxwrapper {
margin: 0px 0px -12px 0px ;
}
/*==================== */
/* Page content styles*/
/*==================== */
#bodytext {
margin: 0 0 0 200px;
}
#pagetext {
padding:0px 0px 0px 34px;
}
#topfullwidth {
padding:0px 0px 0px 0px;
margin:30px 0px 0px 0px;
}
#topfullwidthfooter{
clear:right;
}
.clearleft{
clear:left;
}
.clearright{
clear:right;
}
#topfullwidthnobanner {
}
#topfullwidthrightcontact {
float:right;
width:491px;
height:288px;
}
#topfullwidthleftcontact {
background: #fff url(img/green_bg.gif) top left repeat-x;
width:264px;
height:288px;
margin-left:-34px;
padding:0px;
}
#topfullwidthleftcontact div{
padding:33px 15px 15px 34px;
}
#topfullwidthleftcontact h2{
color:#fff;
font-size:22px;
}
#topfullwidthleftcontact p, {
font-size:15px;
margin-bottom:20px;
}
#topfullwidthleftcontact a{
text-decoration:none;
}
h3.contact{
margin:0px 0px 0px 0px;
}
#topfullwidthrightabout {
float:right;
width:240px;
height:202px;
}
#topfullwidthleftabout {
background: #fff url(img/terracotta_bg.gif) top left repeat-x;
width:515px;
height:202px;
margin-left:-34px;
padding:0px;
}
#topfullwidthleftabout p {
font-size:14px;
color:#3f3f3f;
}
#topfullwidthleftabout div{
padding:33px 15px 15px 34px;
}
#topfullwidthleftabout h2{
color:#fff;
font-size:22px;
}
#topfullwidthleftabout p, {
font-size:15px;
margin-bottom:20px;
}
#topfullwidthleftabout a{
text-decoration:none;
}
#topfullwidthrightobserver {
float:right;
width:240px;
height:170px;
}
#topfullwidthleftobserver {
background: #fff url(img/turqoise_bg.gif) top left repeat-x;
width:515px;
height:170px;
margin-left:-34px;
padding:0px;
}
#topfullwidthleftobserver p {
font-size:14px;
color:#3f3f3f;
}
#topfullwidthleftobserver div{
padding:33px 15px 15px 34px;
}
#topfullwidthleftobserver h2{
color:#fff;
font-size:22px;
}
#topfullwidthleftobserver p, {
font-size:15px;
margin-bottom:20px;
}
#topfullwidthleftobserver a{
text-decoration:none;
}
#topfullwidthright {
float:right;
margin-left:-25px;
width:344px;
}
#topfullwidth #topfullwidthright .copyright {
text-align:right;
margin-right:10px;
}
#topfullwidthrightquote {
background: #fff url(img/approach_quote.gif) top right no-repeat;
float:right;
width:388px;
color: #fff;
height:280px;
}
#topfullwidthrightquote h2 {
color: #4e4f4e;
margin:12px 0px 12px 65px;
font-size:22px;
letter-spacing:-1px;
}
#topfullwidthrightquote p {
color: #fff;
padding: 15px;
font-size:15px;
}
#topfullwidth #topfullwidthright .copyright {
text-align:right;
margin-right10px;
}
#topfullwidthleft #leftimage{
margin-left: -34px;
margin-bottom:-20px;
}
#topfullwidthleft div{
margin-bottom: 22px;
width:360px;
}
#topfullwidthleft p{
}
#bottomfullwidth {
}
#rightcolumnmiddle {
float:right;
margin: 25px 0px 0px 0px;
width:190px;
}
#rightcolumnmiddle h3 {
color :#367a95;
margin:0px 0px 17px 0px;
}
#rightcolumnmiddle .logo {
margin:7px 0px 7px 0px;
}
#rightcolumnmiddle .hotspot {
background: #edf6fa;
color: #737677;
padding: 14px 26px 26px 14px;
margin-bottom:8px;
}
#rightcolumnmiddle .hotspot h2{
color: #367a95;
font-weight:13px
padding:0px 0px 0px 0px;
margin:0px 0px 8px 0px;
}
#rightcolumnmiddle .hotspot h3{
font-weight:13px;
border-top: solid 1px #cdd5d8;
margin:0px;
padding:4px 0px 4px 0px;
}
#rightcolumnmiddle .hotspot div{
border-top: solid 1px #cdd5d8;
margin:0px;
padding:4px 0px 4px 0px;
}
#rightcolumnmiddle .hotspot img{
margin:0px 0px 8px 0px;
padding:0px;
}
#rightcolumnmiddle .hotspot a{
color: #3f3f3f;
font-weight:bold;
text-transform: capitalize;
text-decoration:none;
}
#leftcolumnmiddle {
width:480px;
margin:18px 0px 0px 0px ;
position:relative;
float:left;
}
#leftcolumnmiddle a{
font-weight:bold;
}
#leftcolumnmiddle div.contact {
color:#367a95;
margin: 25px 0px 40px 0px;
}
#leftcolumnmiddle div.signup {
display:block;
margin:0px 0px 35px 0px;
font-weight:bold;
}
#leftcolumnmiddle div.signup h3{
font-size:14px;
}
#leftcolumnmiddle #signupform{
border-bottom: solid #dcdcdc 1px;
padding:0px 0px 30px 0px;
font-size:12px;
font-weight:bold;
}
#leftcolumnmiddle #signupform h2{
border-bottom: none;
line-height:18px;
}
#leftcolumnmiddle #signupform p{
color:#367a95;
}
#leftcolumnmiddle #signupformapply .text{
border: solid #c3c3c3 1px;
width:137px;
}
#leftcolumnmiddle #signupformapply .img{
vertical-align:middle;
}
#leftcolumnmiddle #signupformapply{
border-bottom: solid #dcdcdc 1px;
padding:0px 0px 0px 0px;
font-size:12px;
font-weight:bold;
}
#leftcolumnmiddle #signupformapply h2{
border-bottom: none;
line-height:18px;
}
#leftcolumnmiddle #signupformapply p{
color:#367a95;
display:block;
margin:10px 0px 10px 0px;
}
#leftcolumnmiddle #signupformapply .text{
border: solid #c3c3c3 1px;
width:137px;
}
#leftcolumnmiddle #signupformapply .img{
vertical-align:middle;
}
#header #searchbox .textbox{
border: 1px solid #c3c3c3;
margin:0px 0px 4px 0px;
}
#leftcolumnmiddle div.signup .imagebutton {
vertical-align:top;
}
#leftcolumnmiddle h2 {
color:#4e4e4e;
margin: 0px 0px 15px 0px;
border-bottom: solid #dcdcdc 1px;
line-height:35px;
}
#leftcolumnblue {
background:#edf6fa ;
margin: 0px 0px 0px 0px;
padding: 20px 16px 20px 16px;
width:448px !important;
width/**/:480px;
}
#leftcolumnblue h2 {
color:#367a95;
margin: 0px 0px 10px 0px;
}
#leftcolumnblue p {
margin:0px;
paddign:0px;
font-size:100%;
}
/*==================== */
/* Job styles*/
/*==================== */
.job{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border-bottom: solid #dcdcdc 1px;
}
.job a{
text-decoration:none;
}
.jobtext{
padding: 0px 10px 0px 0px;
}
#leftcolumnmiddle .job .jobtext h2{
color:#367a95;
border:none;
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
}
#leftcolumnmiddle .job .jobtext h2 span.jobtitle{
margin:10px 0px 0px 0px;
padding:0px;
line-height:25px;
color:#367a95;
}
#leftcolumnmiddle .job .jobtext h2 span.jobabstract{
color:#3f3f3f;
font-size:12px;
margin:0px 0px 0px -28px;
padding:0px;
line-height:16px;
display:block;
}
#leftcolumnmiddle .job .jobtext h3 {
color:#367a95;
}
#leftcolumnmiddle .job .jobtext h4 {
color:#367a95;
}
/*==================== */
/* People styles*/
/*==================== */
.person{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.person a{
text-decoration:none;
}
.personpicture{
float:left;
background: #fff url(img/person_frame.gif) top left no-repeat;
width:103px;
height:142px;
padding:10px 2px 10px 0px;
margin:5px 10px 5px 0px;
}
.personpicture img{
width:91px;
}
.persontext{
padding: 0px 10px 0px 115px;
}
.persontext hr{
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
border-top:solid #dcdcdc 1px;
}
#leftcolumnmiddle .person .persontext h2{
color:#367a95;
border-bottom:none;
margin:0px 0px 0px 0px;
padding:15px 0px 15px 0px;
}
#leftcolumnmiddle .person .persontext h2 span.biog_name{
margin:10px 0px 0px 0px;
padding:0px;
line-height:25px;
color:#367a95;
}
#leftcolumnmiddle .person .persontext h2 span.title{
color:#3f3f3f;
font-size:12px;
margin:5px 0px 0px -28px;
padding:0px;
line-height:16px;
}
#leftcolumnmiddle .person .persontext h3{
color:#3f3f3f;
font-size:12px;
margin:0px 0px 5px 0px;
}
/*==================== */
/* News styles*/
/*==================== */
#leftcolumnfull{
margin:28px 26px 40px 0px;
}
#news{
margin:0px 0px 0px 0px;
float:right;
width:390px;
}
#newslist{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:275px;
overflow-y:scroll;
overflow-x: hidden;
height:420px;
font-weight:bold;
}
#newslist ul{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
list-style-type:none;
}
#newslist li{
margin:0px 0px 0px 0px;
padding:15px 12px 15px 12px;
border-bottom:solid #dcdcdc 1px;
}
#newslist li.selected{
background: #e5e4dd;
border-bottom:solid #c8c8c2 1px;
}
/*==================== */
/* Form styles*/
/*==================== */
.form_steps {
float: right;
color: #6F6F6F;
}
.form_steps strong {
color: #000000;
}
form h3 {
background: #CCCCCC;
padding: 5px 15px;
}
table.input_form th {
width: 125px;
text-align: right;
padding: 0 10px 10px 0;
}
table.input_form td {
padding: 0 10px 10px 0;
}
table.input_form input.text {
width: 60%;
}
.facebook{
padding: 0px 10px 10px 0px;
float:left;
}
.facebooklink{
padding: 0px 10px 10px 0px;
float:left;
}
#footerleft img{
padding:0px 0px 0px 0px;
vertical-align:top;
}
.facebooklink a{
padding:10px 0px 10px 0px;
color:#4d4d4d;
text-decoration: none;
}
.facebooklink a:hover{
color:#367a95;
}
/*==================== */
/* Footer styles*/
/*==================== */
#footer {
height:245px;
}
#footerleft {
margin-left:-200px;
float:left;
background: #efeeea ;
width: 199px;
border-right: 1 px solid #fff;
height:245px;
}
#footerleft p{
padding: 25px 10px 10px 25px;
}
#footer_right {
height:245px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 35px;
}
#footer_right_inner{
border-top:solid #dcdcdc 1px;
padding-top:25px;
padding-right:10px;
color:#4d4d4d;
}
#footer_job{
float:right;
width:140px;
font-weight:bold;
color:#4d4d4d;
}
#footer_job img{
margin-top:10px;
}
#footer_address{
float:left;
width:120px;
}
#footer_phone{
float:left;
width:150px;
}
/*==================== */
/* APPLY styles*/
/*==================== */
#mission_announced{
margin-top:30px;
height:53px;
width:480px;
background: #fff url(img/mission_announced.gif) top left no-repeat;
position:relative;
}
#mission_eumissions-selected{
background: #fff url(img/selected.gif) top left no-repeat;
height:52px;
width:232px;
padding:0px 0px 0px 0px;
float:left;
}
#mission_oscemissions-selected{
background: #fff url(img/selected.gif) top left no-repeat;
height:52px;
width:232px;
height:52px;
width:232px;;
padding:0px 0px 0px 0px;;
float:left;
margin-left :16px;
}
#mission_eumissions{
background: #fff url(img/unselected.gif) top left no-repeat;
height:52px;
width:232px;
float:left;
height:52px;
width:232px;
padding:0px 0px 0px 0px;
}
#mission_oscemissions{
background: #fff url(img/unselected.gif) top left no-repeat;
height:52px;
width:232px;
float:left;
height:52px;
width:232px;
padding:0px 0px 0px 0px;
margin-left :16px;
}
#mission_oscemissions h2,
#mission_eumissions h2,
#mission_oscemissions-selected h2,
#mission_eumissions-selected h2,
#mission_oscemissions h2 a,
#mission_eumissions h2 a
{
color:#fff;
font-size:16px;
font-weight:bold;
margin:10px 10px 10px 10px;
display:block;
border:none;;
}
#mission_oscemissions h2 a,
#mission_eumissions h2 a
{
}
#missionbottom{
background: #367a95 ;
height:7px;
width:480px;
position:relative;
float:right;
}
.applybox{
width:480px;
background: #edf6fa url(img/box-bottom.gif) bottom left no-repeat;
padding:10px 0px 20px 0px ;
margin:0px 0px 10px 0px ;
}
.applyboxlast{
width:480px;
background: #edf6fa url(img/box-last.gif) bottom left no-repeat;
padding:10px 0px 10px 0px ;
margin-bottom:25px;
}
#leftcolumnmiddle .applybox h2 , #leftcolumnmiddle .applyboxlast h2{
margin:0px 10px 0px 10px ;
color:#367a95;
border:soolid red 1px;
}
#leftcolumnmiddle .applybox h3 , #leftcolumnmiddle .applyboxlast h3{
color:#4e4e4e;
background:none;
margin:5px 10px 10px 10px ;
display:block;
padding:0px;
}
#leftcolumnmiddle .applybox p , #leftcolumnmiddle .applyboxlast p{
margin:0px 10px 10px 10px ;
}
/*==================== */
/* Stunted Image styles*/
/*==================== */
.thumbnail {
}
/*==================== */
/* Stunted form styles*/
/*==================== */
/*==================== */
/* Where we've Been styles*/
/*==================== */
/*==================== */
/* EXPAND JQUERY */
/*==================== */
.expand a {
display:block;
padding:0px 30px 0px 30px;
}
.expand a:link, .expand a:visited {
border-width:1px;
background-image:url(img/arrow-down.gif);
background-repeat:no-repeat;
background-position:1% 20%;
}
.expand a.open:link, .expand a.open:visited {
background: url(img/arrow-up.gif) no-repeat 1% 20%
}
.expandjob a {
display:block;
padding:0px 30px 0px 30px;
}
.expandjob a:link, .expandjob a:visited {
border-width:1px;
background-image:url(img/arrow-down.gif);
background-repeat:no-repeat;
background-position:1% 5%;
}
.expandjob a.open:link, .expandjob a.open:visited {
background: url(img/arrow-up.gif) no-repeat 1% 5%
}
#faq h2.expandfaq ,#observer h2.expandfaq{
border-bottom :none;
line-height:18px;
font-size:14px;
}
.expandfaq a {
padding:0px 30px 0px 30px;
color:#367a95;
border:none;
}
.expandfaq a:link, .expandfaq a:visited {
background-image:url(img/arrow-down.gif);
background-repeat:no-repeat;
background-position:0% 0%;
}
.expandfaq a.open:link, .expandjob a.open:visited {
background: url(img/arrow-up.gif) no-repeat 0% 0%
}
#faq #faqheading{
padding:0px 0px 0px 0px;
}
#faq #faqheading h1{
margin:50px 0px 30px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid #dcdcdc 1px;
}
.faqbottom{
border-bottom:solid #dcdcdc 1px;
margin:5px 0px 5px 0px;
}
/*==================== */
/* END EXPAND JQUERY */
/*==================== */
#resources{
margin:20px 0px 30px 0px;
}
#resources #resourcesheading h1{
margin:50px 0px 20px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid #dcdcdc 1px;
}
#resources table{
background:#f1f1ed;
border-collapse:collapse;
}
#resources table td{
border-bottom: solid #fff 1px;
padding:5px 5px 5px 5px;
vertical-align:top;
}
#resources table td a{
background: url(img/link.gif) no-repeat top left;
padding:0px 0px 0px 30px;
}
.project{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#pagetext #leftcolumnmiddle .project h2 {
border-bottom:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:13px;
}
#pagetext #leftcolumnmiddle .project h2 a{
color:#367a95;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#pagetext #leftcolumnmiddle .project h3 {
font-size:12px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#pagetext #leftcolumnmiddle .project p {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#tracklink{
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#moreprojects{
margin:20px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
#moreprojects h2{
border-bottom:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.projectlist{
background: #f1f1ed;
font-size:12px;
width:480px;
border-collapse:collapse;
}
.highlight{
background: #cecec6;
}
.highlight td{
border: solid 1px #cecec;
}
.projectlist tr{
border-bottom:solid #fff 1px;
}
.projectlist tr.highlight{
border-bottom:solid #red 1px;
}
.projectlist td{
border-bottom:solid #fff 1px;
padding:5px 10px 5px 10px;
}
.projectlist td.strong{
width:240px;
font-weight:bold;
}
.projectlist td.right{
text-align:right;
}
.barspacer{
padding:0px 5px 0px 5px;
}
.projectdetail{
display:block;
margin-top:-20px;
line-height:25px;
font-weight:bold;
}