@import url("base.css");
@import url("/libs/generic/css/form.css");

/* ---- GLOBALS ---- */
body { background:#CCC url("/img/shell/body.png") repeat; color:#666 }

/* ---- HEADER ---- */
#header { background:#FFF url("/img/shell/headerF.png") no-repeat; }
#header .logo { background:url("/img/shell/logo.png") no-repeat; cursor:pointer; height:50px; left:50px; position:absolute; text-indent:-9000px; top:20px; width:170px }

/* ---- COLUMNS ---- */
#deco-image { background:url("/img/shell/deco-image.png") no-repeat; height:50px }
#deco-image.index { height:160px }
#layout-wrapper { background:url("/img/shell/faux-columns.png") repeat-y }
#wrapper { background:url("/img/shell/wrapperF.png") no-repeat }
#content { padding:40px 20px 40px 50px; width:430px }
#rail { padding:40px 20px; width:210px }

/* ---- FOOTER ---- */
#footer { background:#FFF url("/img/shell/footerF.png") repeat-y }
#propaganda-menu { font-size:0.9em; position:absolute; left:115px; top:5px }
#propaganda-menu li { border-right:1px solid #CCC; float:left; padding:0 5px }
#propaganda-menu li.last-child { border:none; padding-right:0 }

/* ---- MENUS ---- */
/* main-menu */
.main-menu { color:#000065; font-size:0.9em; position:absolute; right:40px; top:30px }
.main-menu li { border-right:1px dashed #DDD; float:left; padding:0 6px }
.main-menu li.last-child { border-right:none }
.main-menu a { color:#000065; text-decoration:none }
.main-menu a.active { color:#980000; font-weight:700 }
.main-menu a:hover { color:#980000; text-decoration:none }
/* sub-menu */
.sub-menu { color:#666; font:0.9em Trebuchet MS, sans-serif; left:50px; position:absolute; top:90px }
.sub-menu .alt { color:#666 }
.sub-menu .italic { font-style:italic }
.sub-menu dl { background:url("/img/shell/sub-menuF.png") repeat-y left top; float:left; height:90px; padding:0 10px 0 15px; width:90px }
.sub-menu dt { color:#040369; font:700 1.1em sans-serif; padding:5px 0 8px }
.sub-menu dd { line-height:1.2em }
.sub-menu a { color:#777; text-decoration:none }
.sub-menu a.active { color:#000065 }
.sub-menu a:hover { color:#333 }
.sub-menu .menu1 { background:none; padding-left:0; width:95px }
.sub-menu .menu2 {}
.sub-menu .menu3 { width:80px }
.sub-menu .menu4 {}
.sub-menu .menu5 { width:80px }
.sub-menu .menu6 { width:100px }
/* rail-menu */
.rail-menu { margin:0 }
.rail-menu li { border-bottom:1px solid #EFEFEF }
.rail-menu li.last-child { border:none }
.rail-menu li.active { font-weight:700 }
.rail-menu a, .rail-menu a span { display:block; cursor:pointer }
.rail-menu a { color:#900; width:100% }
.rail-menu a span { background:url("/img/shell/rail-bullet.png") no-repeat 0 0; height:24px; line-height:2em; padding:0 0 0 18px }
.rail-menu a:hover { background-color:#F1F1F1 }
.rail-menu a:hover span { background-position:0 -24px }
.rail-menu li.active a span { background-color:#F1F1F1; background-position:0 -24px }

/* ---- STYLES ---- */
h2, h3, .deflist.information dt { color:#000065; font:400 1.5em/1.2em Trebuchet MS, Tahoma, sans-serif; margin:0; padding:0 0 5px }
h3, .deflist.information dt { color:#900; font:700 13px/0.9em Tahoma, sans-serif; padding:18px 0 0 }
h3 { padding-top:0 }
p { padding:0 }
#rail h2 { padding-bottom:9px }
.deflist.information .remuneration span, .highlight { color:#900 }
a.textlink { color:#980000; padding:1px; text-decoration:underline }
a.textlink:hover { background-color:#980000; color:#FFF; text-decoration:none }
p, .deflist.information dd  { font-size:0.9em; line-height:1.5em }

/* ---- TEXT TRANSFORMERS ---- */
.contact-box { width:215px }
.emphasise-text { color:#006 }
.alt-text { color:#666 }
.highlight { color:#900 }
.italic { font-style:italic }
/* ---- TEXT TRANSFORMERS ---- */

/* ---- LISTS ---- */
.plainlist, .blanklist, .redcloth ul, .redcloth ol { color:#666 }
.plainlist li, .blanklist li, .redcloth ul li, .redcloth ol li {  background:url("/img/shell/li-bullet.png") no-repeat 0 0.7em; line-height:1.8em; padding:0 0 0 18px }
.blanklist li { background:none; padding-left:0 }
.deflist dt { color:#900; font-weight:700 }
.deflist.information dt { font-size:1.1em; padding-top:0 }
.deflist dd { padding:2px 0 }
.deflist dd ul { padding-bottom:0 }

/* ---- FORMS ---- */
fieldset dl.narrow dt { width:80px }
fieldset .block { background-color:transparent }
fieldset .action { border:none; padding:0 0 0 91px; text-align:left }
fieldset .submit-button { border:none; font-weight:400; line-height:130%; padding:3px 3px }
fieldset .positive { background:#900 url("/img/shell/buttonF.png") repeat-x; color:#FFF }
fieldset.enquiry input.text-field, fieldset.enquiry textarea.text-area { width:200px }
fieldset.simple-form { }
fieldset.simple-form input.text-field, fieldset.simple-form textarea.text-area { width:150px }
fieldset.simple-form dt { font-weight:400; float:none; padding:0 0 5px; text-align:left }
fieldset.simple-form .text-field { padding:2px }
fieldset.simple-form .action { padding:0 }
.error-message { background-image:url("/img/shell/error-field-pointer.png") }

/* ---- MICROFORMATS ---- */
/* hCard */
.vcard { line-height:1.5em }
.vcard .org { color:#900; font-weight:700 }
.vcard .adr span { display:block }
.vcard .contact-details { padding:10px 0 0 }
.vcard .type, .vcard .label { display:block; float:left; font-weight:700; width:100px }

/* ---- FLASH ---- */
.flash { border-bottom:1px solid #FFF; font-weight:700; font-size:0.9em; margin:0 0 5px; padding:4px 30px }
.flash.error, .flash.app_error, .flash.login_error { background:#F3D0D0 url("/libs/admin/shell/flash-error.png") no-repeat 5px 3px; border-color:#A2070A; color:#A2070A }
.flash.app_success, .flash.login_success { background:#E2F6CE url("/libs/admin/shell/flash-success.png") no-repeat 5px 3px; border-color:#080; color:#080 }
.flash.app_warning { background:#F7F8C9 url("/libs/admin/shell/flash-warning.png") no-repeat 5px 3px; border-color:#F37E0B; color:#F37E0B }
.flash.app_notice { background:#EAF1FE url("/libs/admin/shell/flash-notice.png") no-repeat 5px 3px; border-color:#27AAFD; color:#27AAFD }
.flash a { margin:0 0 0 20px; text-decoration:none }

/* ---- BOTTOM SPACER ---- */
p, .plainlist, .blanklist, .redcloth ul, .redcloth ol, .deflist dd, .vcard { padding-bottom:18px }
#content h2, #content h3, #rail h2.add-bottom-margin, .rail-menu, #rail .panel, .flash { margin-bottom:18px }