/* SHERDEX CSS Document */
html {
height: 100%;
}
body {
background: url(../images/body.jpg) top left repeat-x;
margin: 0;
padding: 0;
font-family: Tahoma, Geneva, sans-serif;
color: #188ec2;
font-size: 76%;
}
.clr {
clear: both;
}
/*start main layout*/
#wrap_a {
background: url(../images/header.jpg) top center no-repeat;
width: 100%;
}
#wrap_b {
width: 990px;
margin-left: auto;
margin-right: auto;
}
#topblock {
width: 100%;
height: 156px;
margin-left: auto;
margin-right: auto;
}
#logo_holder {
width: 370px;
height: 140px;
}
#logo_holder h1 {
background: none;
line-height: 140px;
height: 140px;
width: 370px;
padding: 0;
margin: 0;
font-size: 10px;
}
#logo_holder h1 a {
width: 970px;
line-height: 140px;
height: 140px;
text-indent: -5000px;
display: block;
font-size: 10px;
text-decoration:none;
padding: 0;
margin: 0;
outline: none;
}
#mainmenu {
background: #188ec2 url(../images/mainmenu-bg.gif) top center repeat-x;
height: 30px;
}
#toolbar {
background: #b6d3de url(../images/toolbar-bg.jpg) top left repeat-x;
padding: 10px;
}
#toolbar-left {
float: left;
width: 230px;
}
#toolbar-center {
float: left;
width: 509px;
}
#toolbar-right {
float: left;
width: 230px;
}
.pathway-padding {
padding: 0 18px;
line-height: 120%;
}
.accessiblity {
background: #e3f2f3;
border: 1px solid #b5d2d4;
padding: 4px 6px;
width: 164px;
}
.accessiblity span {
font-weight: bold;
padding: 0 12px 0 6px;
font-size: 12px;
}
.accessiblity img {
font-weight: bold;
padding: 0 3px;
}
#content-holder {
background: #d9eced;
color: #505050;
line-height: 140%;
padding: 10px 0 3px 0;
}
#content-left {
float: left;
width: 240px;
}
.content-left-padding {
padding: 0 0 0 10px;
}
#content-center {
float: left;
width: 509px;
}
#content-right {
float: left;
width: 240px;
}
#rotator {
width: 509px;
margin-bottom: 20px;
margin-top: -10px;
}
#mainbody-1 {
background: url(../images/Half-Width-ContentBox-Body.gif) bottom left no-repeat;
width: 490px;
margin-left: 10px;
}
#mainbody-2 {
background: url(../images/Half-Width-ContentBox-Head.gif) top left no-repeat;
}
#mainbody-3 {
padding: 12px 30px 0 30px;
}
#mainbody {
}
.mainbody-padding {
padding: 0 17px;
}
#buttons {
padding: 0px 20px 20px 20px;
}
#back-holder {
margin-top: 12px;
}
#banner {
padding: 10px;
text-align: right;
}
#footer {
background: #d9eced;
color: #505050;
margin-top: 10px;
}
.footer-padding {
padding: 10px;
}
#footer-left {
float: left;
width: 230px;
}
#footer-center {
float: left;
width: 509px;
}
#footer-right {
float: left;
width: 230px;
}
ul#mainlevel-bot {
width: auto;
background: none;
cursor: default;
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
ul#mainlevel-bot li {
background: none;
cursor: default;
list-style-type: none;
display: inline;
margin: 0;
padding: 0;
}
ul#mainlevel-bot li a {
font-weight: normal;
color: #505050;
text-decoration: none;
padding: 0 16px 0 0;
}
ul#mainlevel-bot li a:hover, ul#mainlevel-bot li a#active_menu-bot {
color: #505050;
text-decoration: underline;
}
span.mainlevel-bot {
padding: 0px 8px;
color: #505050
}
.module, .module-blue {
padding: 0 0 0 0;
position: relative;
}
.module div div div div, .module-blue div div div div {
background: none;
}
.module h3 {
background: url(../images/ContentBox-Head.gif) top left no-repeat;
color: #188ec2;
font-size: 140%;
text-align: left;
text-indent: 0px;
position: absolute;
top: 0px;
left: 0;
margin: 0;
padding: 12px 12px 0 12px !important;
width: 207px;
}
.module {
margin: 0 0 12px 0;
background: url(../images/ContentBox.gif) bottom left no-repeat;
height: 100%;
}
.module div {
line-height: 140%;
padding: 35px 0 0px 0;
background: none
}
.module div div {
margin: 0;
padding: 0 0 0 12px;
background: none
}
.module div div div {
height: 1%;
padding: 0px 20px 12px 0;
background: none
}
.module-blue h3 {
background: #d9eced url(../images/blue-titlebar-bg.gif) top center no-repeat;
color: #fff;
font-size: 140%;
text-align: left;
text-indent: 0px;
/*position: absolute;
top: 0px;
left: 0;*/
margin: 0;
padding: 12px 12px 12px 12px !important;
width: 207px;
}
.module-blue {
margin: 0 0 12px 0;
background: url(../images/ContentBox.gif) bottom left no-repeat;
height: 100%;
}
.module-blue div {
line-height: 140%;
background: none
}
.module-blue div div {
margin: 0;
padding: 0 0 0 0px;
background: none
}
.module-blue div div div {
height: 1%;
padding: 0px 0px 0px 0;
background: none
}
div.module-blue img {
margin: 0 0 0 2px;
}
div.module-blue p {
margin: 0;
padding: 0 20px 10px 10px;
}
.error {
font-style: italic;
text-transform: uppercase;
padding: 5px;
color: #cccccc;
font-size: 14px;
font-weight: bold;
}
/** old stuff **/
.back_button {
text-align: left;
font-size: 11px;
font-weight: bold;
width: auto;
padding: 0px 10px;
line-height: 20px;
}
.pagenav {
color: #fff;
text-align: center;
font-size: 11px;
font-weight: normal;
width: auto;
background: none;
padding: 0px 10px;
margin: 1px;
}
.pagenavbar {
margin-right: 10px;
float: right;
}
.button {
color: #fff;
text-align: center;
font-weight: bold;
border: none;
background: #188ec2;
width: auto;
padding: 2px 8px;
}
/*List here*/
ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
line-height: 15px;
padding-left: 10px;
padding-top: 0px;
margin: 0px 0 8px 0;
background-image: url(../images/arrow2.png);
background-repeat: no-repeat;
background-position: 0 6px;
}
ul li ul {
margin-top: 8px;
margin-left: 12px;
}
ol li {
line-height: 15px;
padding: 0;
background: none;
}
/*List End Here*/
td {
}
h1, h2, h3 {
font-weight: bold;
padding: 0;
color: #188ec2;
line-height: 100%;
}
h1 {
}
h2 {
}
h3 {
padding: 0;
margin: 0;
}
/* Joomla core stuff */
a:link, a:visited {
color: #027db6;
text-decoration: underline;
font-weight: normal;
}
a:hover {
text-decoration: none;
}
#footer a:link, #footer a:visited {
color: #505050;
text-decoration: none;
font-weight: normal;
}
#footer a:hover {
text-decoration: underline;
}
table.contentpaneopen {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpaneopen td {
}
table.contentpaneopen td.componentheading {
padding-left: 0px;
}
table.contentpane {
width: 100%;
padding: 0px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
}
table.contentpaneopen fieldset {
border: 1px solid #333;
padding: 12px;
}
table.contentpaneopen legend {
font-weight: bold;
color: #188ec2;
}
table.contentpaneopen label {
font-weight: bold;
color: #333333;
}
.inputbox {
padding: 2px;
border: 1px solid #b5d2d4;
background-color: #fff;
}
.inputbox-1 {
width: 200px;
border: 1px solid #b5d2d4;
background-color: #fff;
}
.inputbox-2 {
width: 600px;
border: 1px solid #b5d2d4;
background-color: #fff;
}
.componentheading {
background: none;
font-size: 165%;
padding-bottom: 12px;
text-indent: 0px;
color: #188ec2;
font-weight: bold;
}
.contentheading {
background: none;
font-size: 165%;
padding-bottom: 12px;
text-indent: 0px;
color: #188ec2;
font-weight: bold;
}
.contentpagetitle {
background: none;
font-size: 165%;
padding-bottom: 12px;
text-indent: 0px;
color: #188ec2;
font-weight: bold;
}
.table.blog td.contentheading {
background: none;
font-size: 100%;
padding-bottom: 12px;
text-indent: 0px;
color: #188ec2;
font-weight: bold;
}
.article_column {
border-top: 1px solid #eeeeee;
padding: 12px 0;
}
table.searchinto {
width: 100%;
}
table.searchintro td {
font-weight: bold;
}
table.moduletable, div.moduletable, table.moduletable-white, div.moduletable-white {
background: url(../images/ContentBox.gif) bottom left no-repeat;
width: 100%;
margin: 10px 0 10px 0;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
div.moduletable img {
margin: 0 0 0 2px;
}
div.moduletable p, div.moduletable-white p {
margin: 0;
padding: 0 10px 3px 10px;
}
table.moduletable th, div.moduletable h3 {
background: url(../images/Green-Header.gif) top left no-repeat;
font-weight: bold;
font-size: 110%;
color: #fff;
text-align: left;
text-transform: none;
padding: 8px 12px;
margin: 0px 0 0px 0;
}
table.moduletable-white th, div.moduletable-white h3 {
background: url(../images/ContentBox-Head.gif) top left no-repeat;
font-weight: bold;
font-size: 120%;
color: #188ecd;
text-align: left;
text-transform: none;
padding: 12px 12px;
margin: 0px 0 0px 0;
}
div.moduletable-small img {
margin: 0 0 0 2px;
}
div.moduletable-small p {
margin: 0;
padding: 0 10px 3px 10px;
}
div.moduletable-small ul {
margin: 0;
padding: 16px;
}
div.moduletable-small ul a:link, div.moduletable-small ul a:visited {
line-height: 100%;
padding-left: 0px;
padding-top: 0px;
margin: 0 0 0px 0;
background: none;
font-weight: bold;
font-size: 110%;
text-decoration: none;
display: block;
color: #505050;
}
div.moduletable-small ul a:hover {
color: #188ec2;
text-decoration: none;
}
table.moduletable-small th, div.moduletable-small h3 {
background: url(../images/Green-Header-Sml.gif) top left no-repeat;
font-weight: bold;
font-size: 120%;
color: #fff;
text-align: center;
text-transform: none;
padding: 12px 12px;
margin: 0px 0 0px 0;
}
table.moduletable-small, div.moduletable-small {
background: url(../images/ContentBoxSml.gif) bottom left no-repeat;
width: 189px;
margin: 0px 16px 10px auto;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.moduletable_menu, div.moduletable_menu {
margin: 10px 0 10px 0;
padding: 0 10px 0 10px;
}
table.pollstableborder td {
padding: 2px;
}
.sectiontableheader {
font-weight: bold;
background: #CCCCCC;
padding: 4px;
color: #333;
}
.sectiontablefooter {
text-align: center;
}
.sectiontableentry2 {
background-color: #EBEBEB;
}
.small {
color: #999999;
font-size: 11px;
}
.createdate {
padding-bottom: 10px;
font-size: 120%;
font-weight: bold;
color: #999999;
}
.modifydate {
height: 15px;
padding-top: 10px;
color: #999999;
font-size: 11px;
}
table.contenttoc {
border: 1px solid #ccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}
table.contenttoc td {
padding: 2px;
}
table.contenttoc th {
background: url(../images/menu_bg.png) repeat-x;
color: #383838;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
ul.menu {
margin: 0;
padding: 0;
list-style: none;
}
ul.menu li ul {
margin: 18px 0 0 0;
padding: 0 0 0 20px;
list-style: none;
}
ul.menu li {
margin: 0 0 18px 12px;
padding: 0;
list-style: none;
}
ul.menu li a:link, ul.menu li a:visited {
line-height: 100%;
padding-left: 10px;
padding-top: 0px;
margin: 0 0 0px 0;
background: url(../images/arrow2.png) center left no-repeat;
font-weight: bold;
font-size: 110%;
text-decoration: none;
display: block;
color: #505050;
}
ul.menu li a:hover, ul.menu li#current a {
color: #188ec2;
}
ul.menu li#current ul li a {
color: #505050;
}
/*ul.menu span.separator, ul.menu span.separator span {display: none; visibility: hidden}
ul.menu span.separator, ul.menu span span {display: block; visibility: visible}*/
/*mainlevel menus*/
a.mainlevel:link, a.mainlevel:visited {
line-height: 100%;
padding-left: 10px;
padding-top: 0px;
margin: 0px 0 6px 0;
background: url(../images/arrow2.png) 0 8px no-repeat;
font-weight: bold;
font-size: 110%;
text-decoration: none;
display: block;
color: #505050;
line-height: 140%;
}
a.mainlevel:hover {
color: #188ec2;
text-decoration: none;
}
a.mainlevel#active_menu {
color: #188ec2;
}
/*sublevel menus*/
a.sublevel:link, a.sublevel:visited {
vertical-align: middle;
display: block;
font-weight: bold;
font-size: 110%;
color: #505050;
text-align: left;
padding: 0 0 0px 10px;
margin: 0px 0 6px 14px;
text-decoration: none;
background: url(../images/arrow2.png) 0 8px no-repeat;
line-height: 140%;
}
a.sublevel:hover {
color: #188ec2;
text-decoration: none;
}
a.sublevel#active_menu {
color: #188ec2;
}
.highlight {
background-color: Yellow;
padding: 0;
}
.code {
background-color: #ddd;
border: 1px solid #bbb;
}
#toolbar-right .inputbox {
padding: 3px;
border: 1px solid #b5d2d4;
font-size: 11px;
}
#toolbar-right .button {
padding: 0;
margin: 0 12px;
border: 0;
background: none;
}
form {
}
img {
border: 0;
}
span.required {
color: red;
}
.grey-bold-text-1 {
font-size: 110%;
font-weight: bold;
color: #999999;
}
.grey-bold-text-2 {
font-size: 120%;
font-weight: bold;
color: #999999;
}
div.chronoform, div#credits, div#jg_el_criteria, div.limit {
visibility: hidden;
display: none;
}
/*SHERDEX Custom*/
table.blog span.article_separator {
display: block;
height: 1px;
padding: 12px 0;
background: url(../images/separator-bg.gif) center left repeat-x;
}
table.blog .readon {
text-align: right;
float: right;
}
table.blog .createdate {
font-size: 110%;
font-weight: bold;
color: #999999;
}
ul.latestnews {
margin: 0;
padding: 0;
list-style: none;
}
ul.latestnews li {
padding: 0;
margin: 0;
list-style: none;
background: none;
}
ul.latestnews a:link, ul.latestnews a:visited {
color: #027db6;
display: block;
text-decoration: none;
font-weight: bold;
font-size: 110%;
margin-bottom: 12px;
}
ul.latestnews a:hover {
text-decoration: underline;
}
a.h3-link:link, a.h3-link:visited {
color: #027db6;
text-decoration: none;
font-weight: bold;
font-size: 118%;
}
a.h3-link:hover {
text-decoration: underline;
}
a.h3-link-underline:link, a.h3-link-underline:visited {
color: #027db6;
text-decoration: underline;
font-weight: bold;
font-size: 118%;
}
a.h3-link-underline:hover {
text-decoration: none;
}
.bluetext {
font-family: Tahoma, Geneva, sans-serif;
font-weight: normal;
font-variant: normal;
color: #027db6;
text-decoration: none;
font-size: 12px;
}
.border-top {
border-top: 1px solid #eeeeee;
padding-top: 6px;
}
.image1 {
/*height: 150px;*/
width: 120px;
}
.image-thumb-1 img {
width: 120px;
height: /*150px*/ auto;
}
.image2 {
/*height: 202px;*/
width: 226px;
}
.image-thumb-2 img {
width: 202px;
height: /*226px*/ auto;
}
.imageourstories {
/*height: 74px;*/
width: 130px;
}
.image-thumb-3 img {
width: 130px;
height: /*74px*/ auto;
}
.imagenewsarticle {
height: 390px;
width: 287px;
}
.image-thumb-4 img {
width: 390px;
height: /*287px*/ auto;
}
.imagejointeam {
height: 90px;
width: 160px;
}
.image-thumb-5 img {
width: 160px;
height: /*90px*/ auto;
}
.imagenewsletter {
height: 88px;
width: 125px;
}
.image-thumb-news img {
width: 88px;
height: /*125px*/ auto;
}
.imageceo {
height: 202px;
width: 202px;
}
.imageceo img {
width: 202px;
height: /*202px*/ auto;
}
.imageapplyjob {
height: 186px;
width: 107px;
}
.imageapplyjob1 img {
width: 186px;
height: /*107px*/ auto;
}
.imageceohome {
height: 122px;
width: 99px;
}
.imageceohome1 img {
width: 99px;
height: /*122px*/ auto;
}
.imagehs {
height: 129px;
width: 227px;
}
.imagehs1 img {
width: 227px;
height: /*129px*/ auto;
}
.imagegeneralarticle {
height: 205px;
width: 360px;
}
.imagegeneralarticle1 img {
width: /*360px*/ auto;
height: 205px;
}
.imagegeneralarticle {
height: 205px;
width: 360px;
}
.imagegeneralarticle1 img {
width: /*360px*/ auto;
height: 205px;
}
.imagesmallgreen {
height: 156px;
width: 186px;
}
.imagesmallgreen1 {
width: 186px;
height: /*156px*/ auto;
}
/*End SHERDEX CSS*/
/* --------------------- 23.07.09 :: Zoran Tanevski:: Transmenu CSS in the main Template cos validation problems putting element in body
/* TRANSMENU CSS FOR RHUK_PLANETFALL TEMPLATE*/
/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */
.transMenu {
position:absolute;
overflow:hidden;
left:-1000px;
top:-1000px;
}
/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content {
position:absolute;
}
/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
position:relative;
left:0px;
top:0px;
z-index:2;
text-indent:5px;
}
.transMenu.top .items {
}
table.items {
border: 4px solid #8F58A7;
background: #9E6FB3;
}
/* each TR.item is one menu item */
.transMenu .item {
font-size:11px;
text-decoration:none;
font-weight:bold;
margin: 0px;
display:block;
/* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */
border:none;
cursor:pointer;
background: #9E6FB3;
padding: 4px 12px;
line-height: 140%;
}
/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
position:absolute;
left:0px;
top:0px;
z-index:1;
}
/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
position:absolute;
z-index:3;
top:3px;
width:2px;
}
/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
position:absolute;
z-index:1;
left:3px;
height:2px;
}
/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
background: #8F58A7;
}
.transMenu .item.hover td {
color:#fff;
}
/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
margin-left:10px;
}
.transMenu .item#active {
background:#8F58A7;
color: #fff;
}
.transMenu .item#active.hover {
background:#8F58A7;
}
.transMenu .item td {
color: #fff;
font-weight:bold;
}
/* For first level menu.*/
#wrap {
margin: 0px;
padding: 0px;
}
#menu {
}
a.mainlevel-trans:link, a.mainlevel-trans:visited {
background: url(/brain-injury-services/modules/mod_ja_transmenu/ja_transmenu/img/topmenu.gif) top right no-repeat;
text-decoration:none;
font-size: 110%;
font-weight:bold;
color: #fff;
white-space:nowrap;
line-height: 30px;
border-right: 2px solid #FFF;
display: block;
height: 30px;
width:auto;
margin: 0px;
padding: 0 36px 0 10px;
}
a.mainlevel-trans:hover {
background-position: right -30px;
color: #fff;
}
a.mainlevel_active-trans, a.mainlevel_active-trans:visited {
background: url(/brain-injury-services/modules/mod_ja_transmenu/ja_transmenu/img/topmenu.gif) right -30px no-repeat;
text-decoration:none;
font-size: 110%;
font-weight:bold;
color: #fff;
white-space:nowrap;
line-height: 30px;
border-right: 2px solid #FFF;
display: block;
height: 30px;
width:auto;
margin: 0px;
padding: 0 36px 0 10px;
}
a.mainlevel_active-trans:hover {
color: #fff;
background-position: right -30px;
}
a#menu17.mainlevel-trans:link, a#menu17.mainlevel-trans:visited {
border-right: 0
}
a#menu17.mainlevel-trans:hover {
border-right: 0
}
a#menu17.mainlevel_active-trans, a#menu17.mainlevel_active-trans:visited {
border-right: 0
}
a#menu17.mainlevel_active-trans:hover {
border-right: 0
}
a#menu1.mainlevel-trans:link, a#menu1.mainlevel-trans:visited {
background: url(/brain-injury-services/modules/mod_ja_transmenu/ja_transmenu/img/topmenu.gif) top left no-repeat;
padding: 0 20px;
}
a#menu1.mainlevel-trans:hover {
background-position: left -30px;
color: #fff;
}
a#menu1.mainlevel_active-trans, a#menu1.mainlevel_active-trans:visited {
padding: 0 20px;
background-position: left -30px;
}
a#menu1.mainlevel_active-trans:hover {
padding: 0 20px;
background-position: left -30px;
}
/* End added */
/* End trans menu css */