/*
 * DLM main stylesheet
 *
 * For h1-h6, p and li tags see textpages.css
 */

body { font-family: arial,helvetica,sans-serif; font-size: 11px; background: #ffffff; margin: 0px; text-align: center; }
td   { font-family: arial,helvetica,sans-serif; font-size: 11px; vertical-align: top; }

form { margin: 0px; }

a       { text-decoration: none; }
a:hover { text-decoration: underline; }

a img { border: none; }

img { vertical-align: middle; font-size: 0px; }

.clear { clear: both; font-size: 0px; }

.banners {}
.banner  {}

.headbanner { width: 594px; height: 100px; float: right; }

.headbanner .banners {}
.headbanner .banner  {}


.fullPage { width: 770px; text-align: left; margin-left: auto; margin-right: auto; }
html>body .fullPage { width: 770px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 6px }

.headcell    { height: 106px; margin: 6px 0px 8px 0px; padding-left: 16px; }
.menucell    {}
.middlecell  {}
.panelleft   { float: left; width: 164px; height: 100%; background-color: #63599f; }
.contentcell { float: left; width: 416px; height: 100%; margin: 0px 12px 0px 12px; }
.menuright   { float: right; width: 166px; background-color: #edebf5; position: relative; padding-bottom: 56px; }
.footcell    { margin-top: 8px; border-top: 2px solid #6cb33f; }

.menuright .section  { padding: 8px 0px 6px 0px; border-bottom: 1px solid #ffffff; }
.menuright .head     { color: #1a7b30; font-size: 14px; font-weight: bold; padding: 0px 11px 0px 11px; }
.menuright .head a   { color: #1a7b30; }
.menuright .title    { vertical-align: middle; margin: 0px; }
.menuright .title a  { color: #000000; display: block; padding: 3px 11px 3px 11px; }
.menuright .title a:hover { background: #c6c2de; text-decoration: none; }
.menuright .noborder { border: none; }

.menuright .dlm  { position: absolute; left: 12px; bottom: 12px; }

.footcell .copy { color: #adacad; padding: 2px 0px 10px 0px; }

.panelTitle {}

.homePage {}
.intropanel  { background-color: #d4e5c6; }
.sections    { margin-top: 12px; }
.homeColumns { border-bottom: 1px solid #ffffff; }
.homeColumn  { width: 33%; float: left; }

.note    { font-size: 10px; font-weight: bold; padding: 0px 2px 0px 2px; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }

.formLabel   { font-weight: bold; text-align: right; padding-right: 10px; }
.formElement { border: 1px solid #000000; background-color: #ffffff; margin-bottom: 4px; }
.formButton  { border: 1px solid #000000; background-color: #ffffff; font-weight: bold; padding: 0px 5px 0px 5px; margin-left: 4px; }
.formButtons { text-align: right; padding-top: 12px; }

.formList             {}
.formList a           { display: block; }
.formList a.completed { font-weight: bold; }
.formTitle            { font-weight: bold; padding: 2px; background: #f0f0f0; }
.formSubTitle         { font-weight: bold; padding: 2px; background: #f0f0f0; margin-top: 5px; }

.userFieldListHolder { max-height: 10em; overflow: auto; border: 1px solid #000000; padding: 2px; background-color: #fffaf0; }
.userFieldListItem { display: block; }
tr.listSubHead td.shortPad { height: 4px; }

.searchForm    { padding: 2px; }

.searchResults { padding: 2px; margin-top: 20px; }
.searchResult  { margin-top: 5px; }
.compTypeSelected { font-weight:bold; }
.listHead p { font-weight:bold; }

.searchResults .listLine0 { background: #f8f8f8; padding: 0px 2px 0px 2px; }
.searchResults .listLine1 { background: #f0f0f0; padding: 0px 2px 0px 2px; }

.searchResult .title     { margin-bottom: 5px; }
.searchResult .relevance { font-size: 10px; margin-left: 10px; }
.searchResult .sample    { margin-left: 10px; }

/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.head          {}
.title         {}
.date          {}
.standfirst    { font-weight: bold; margin-bottom: 1em; }
.body          {}
.extrafield    {}
.image         {}

.regFormLink { margin-top: 20px; background: #d0d0d0; }

.objectForum { border-top: 1px solid #000000; margin-top: 20px; }

.list {}

.list .title         {}
.list .title a       {}
.list .title a:hover {}
.list .date          {}
.list .standfirst    {}
.list .body          {}
.list .image         {}

.item {}

.item .title      {}
.item .date       {}
.item .standfirst {}
.item .body       {}
.item .image      { float: right; }

.more          {}
.more a        {}
.more a:hover  {}

.view          {}
.view a        {}
.view a:hover  {}

.view .prev { float: left; }
.view .next { float: right; }
.view .num  { margin-left: 2px; margin-right: 2px; }
.view .curr { font-size: 16px; font-weight: bold; }

.page       { text-align: center; margin: 0px 0px 4px 0px; }
.page .prev { float: left;  padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .next { float: right; padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .num  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; border: 1px solid black; }
.page .sep  { margin: 0px 2px 0px 2px; padding: 2px 4px 2px 4px; }
.page .cur  { font-weight: bold; background: #e0e0e0; }

.files         { border: 1px solid #d0d0d0; margin-top: 12px; }
.fileHead      { background: #d0d0d0; margin-bottom: 8px; padding-left: 2px; }
.fileSubHead   { margin-bottom: 4px; padding-left: 2px; }
.files img     { margin: 0px 0px 4px 4px; }
.files a       { display: block; margin: 0px 0px 4px 4px; }
.files a img   { margin: 0px; }
.files a:hover {}


/*
 * Fun stuff herein
 * Each list type has a class
 * Each list type can appear in a list of as an item
 * Each item attribute has a class
 *
 * e.g. ".news .list .standfirst" refers to the standfirst of a news story in the list context
 *
 * Also the "...read more" and "View the X page" links have a class each of their own
 *
 * Also the "Related Files" boxout has a class
 * The "Related Files" header has a class
 * The file type titles under "Related Files" have a class
 *
 * e.g. ".news .fileHead" refers to the related files header for a news story
 */

.partners .list             { font-size: 12px; color: #ffffff; }
.partners .head             { font-size: 12px; background: #332a86; font-weight: bold; color: #ffffff; padding: 8px 10px 5px 10px; }
.partners .list .title      { border-top: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 4px 10px 4px 10px; }
.partners .list .title a    { color: #ffffff; }

.support .separator  { clear: left; height: 8px; }

.support .list .title      { margin: 0px 0px 0px 88px; font-size: 14px; font-weight: bold; color: #aa273d; }
.support .list .title a    { color: #aa273d; }
.support .list .standfirst { margin-left: 88px; font-size: 12px; color: #7d7d7d; }
.support .list .image      { float: left; }

.support .item .image      { margin: 0px 0px 12px 12px; }

.subLinks ol { margin-top: 8px; font-size: 12px; font-weight: bold; }
.submitLink { margin: 1em 0px; }
.submitLink a { color: #0000ee; }
.backLink   a { color: #0000ee; }

.intro .content { padding: 8px 12px 12px 12px; font-size: 14px; }

.sectionIntro .content { font-size: 14px; color: #7d7d7d; }

.vacancies .list h2 a         { color: #aa273d; }
.vacancies .list .image       { float: right; margin: 0px 0px 8px 12px; }
.vacancies .list .standfirst  { font-weight: normal; margin: 1em 0px 0px 0px; }
.vacancies .list .more        { text-align: right; }

.vacancies .item .standfirst { margin: 1em 0px 1em 0px; }
.vacancies .item .howToApply { margin: 1em 0px 1em 0px; }

.vacancies .details     {}
.vacancies .details p   { margin: 0px; }
.vacancies .detailLabel { font-weight: bold; }


.vacancies .separator { font-size: 0px; vertical-align: middle; border-top: 1px solid #646464; margin: 12px 24px; }

/* Survey styles */
.body.survey {text-align:center}
#dlmSrvyCnt {width:600px; margin:auto; text-align:center}
#dlmSrvyCnt .formElement { width: 380px; }
#dlmSrvyCnt .rangeLabel, #dlmSrvyCnt table th {color:#000; text-align:left; !important}
#dlmSurvey h2 {display:none}
#dlmSurvey  {position:relative; border:0;  text-align:left;  background-colour: #FFFFFF; }
#dlmSurvey fieldset { margin:0; border:0; padding:10px 0 0 0; overflow:hidden; }
#dlmSurvey legend {color:#000000; font-style:italic; padding:10px 10px 0 10px; font-size:12px; }
#dlmSurvey span.note, #dlmSurvey .desc { display:block; padding: 0px 10px 0 10px; color:#000; font-size:11px; font-weight:normal; }
#dlmSurvey #optsCnt {position:relative; }
#dlmSurvey #opts {overflow:hidden;height:1%}
#dlmSurvey #opts label {display:block; float:left; overflow-x:hidden; white-space:nowrap; }
#dlmSurvey #opts div {clear:left; position:relative; float:left}
#dlmSurvey #opts input {float:left};
#dlmSurvey .fld { display:block; padding:0 10px 10px 10px }

#dlmSurvey .formElement { background-color: #E3EEFF; }
#dlmSurvey .formButtons { text-align:right; background: #002048; padding-top:15px; background: #ffffff; }
#dlmSurvey .formButtons input { font-weight: bold; color:#000; border:#000 1px solid; font-weight:bold; width:70px; background:#ffffff; }
#dlmSurvey .formButtons .dmyBtn {float:left; width:70px;}
#dlmSurvey .prgrss { text-align:center; color:#ADAFBB; font-style:italic; margin-top:-18px; }

/*#dlmSrvyCnt.intro h2, */
#dlmSrvyCnt .qtn .formButtons {display:none;}
#dlmSrvyCnt.intro .desc, #dlmSrvyCnt.intro p {display:block; padding:10px 10px; color:#000; font-size:12pt; font-weight: bold; text-align:left}
#dlmSrvyCnt.intro legend, #dlmSrvyCnt.intro .fld {display:none}
#dlmSrvyCnt.intro .formButtons input {visibility:hidden}
#dlmSrvyCnt.intro .formButtons input {float:none;}
#dlmSrvyCnt.intro .qtn .formButtons input {visibility:visible;}
#dlmSrvyCnt.intro .qtn .formButtons {background:none; display:block; text-align:left}

#dlmSurvey .fld, #opts, #optsCnt { position:relative; }
textarea#optsCnt {  overflow:hidden; }

/* JQuery Impromptu pop-up styles */
.jqifade { background-color: #ffffff; }
div.jqi { position: absolute; background-color: #D9D9D9; padding: 4px; }
div.jqi .jqiclose { float: right; margin: -35px -10px 0 0; cursor: pointer; }
div.jqi .jqicontainer { padding: 10px; background-color: #ffffff; width:320px; }
div.jqi .jqimessage { width: 310px; }
div.jqi .jqibuttons { text-align: right; padding: 8px 0px 0px 0px; }
div.jqi button { border: 1px solid #000000; font-weight: bold; padding-left: 5px; padding-right: 5px; background-color:#FFFFFF; }

.dlm_auth_mdlfade { background-color: #ffffff; }
div.dlm_auth_mdl { position: absolute; background-color: #D9D9D9; padding: 4px; }
div.dlm_auth_mdl .dlm_auth_mdlclose { float: right; margin: -35px -10px 0 0; cursor: pointer; }
div.dlm_auth_mdl .dlm_auth_mdlcontainer { padding: 10px; background-color: #ffffff; width:400px; }
div.dlm_auth_mdl .dlm_auth_mdlmessage { width: 380px; }
div.dlm_auth_mdl .dlm_auth_mdlbuttons { text-align: right; padding: 8px 0px 0px 0px; background-color:#FFFFFF; }
div.dlm_auth_mdl button { border: 1px solid #000000; font-weight: bold; margin-left: 4px; padding-left: 5px; padding-right: 5px; background-color:#FFFFFF; }

div.dlm_auth_mdl #jqibuttonCancel

div.dlm_auth_mdl .loginMsg { margin-bottom: 8px; }
div.dlm_auth_mdl .formElement { background: transparent; border: none; }
div.dlm_auth_mdl label { width: 100px; text-align: right; display: block; float: left; clear: left; }
div.dlm_auth_mdl input { width: 150px; margin-left: 8px; border: 1px solid #000000; background-color: #E3EEFF; }


.rightSubmenuItem { width: 160px; border: 0px solid blue }
.rightSubmenuItem a { display: block; color: #000000; text-decoration: none; padding: 2px 11px;}
.rightSubmenuItem a:hover { color: #000000; background-color: #C6C2DE }
.rightSubmenuItem a:active { color: #000000; background-color: #C6C2DE }
.rightSubmenuItem a:visited { color: #000000; }