/* Main */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
p {
margin-top: 5px;
margin-bottom: 15px;
line-height: normal;
}
h1, h2, h3, h4, h4 {
padding-bottom: 5px;
margin: 15px 0;
line-height: normal;
}
fieldset {
border: 0;
padding: 5px 0;
}
a:hover {
text-decoration: underline !important;
}
a img {
border: 0;
}
/* Fonts */
body {
font-size: 13px;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 170%;
}
h3 {
font-size: 150%;
}
h4 {
font-size: 120%;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 80%;
}
#nav a {
font-size: 110%;
}
div.moduletable h3,
div.moduletable-colour h3,
div.moduletable-dark h3 {
font-size: 100%;
}
.contentheading {
font-size: 200%;
}
.componentheading {
margin-bottom: 15px;
font-size: 120%;
}
td.componentheading {
padding-bottom: 15px;
}
/* Font Family */
body {
line-height: 125%;
font-family: Arial, Helvetica, sans-serif;
}
h3,
.contentheading,
.componentheading,
.sectiontableheader,
span.pathway,
.small,
.createdate,
.modifydate,
a.readon {
font-family: Arial, Helvetica, sans-serif;
}
.contentheading,
.componentheading {
font-weight: bold;
}
a:link,
a:visited {
text-decoration: none;
}
/* Layout & Header */
#page_bg {
height: 100%;
padding: 0;
margin-bottom: 1px;
}
div.wrapper {
margin-left: 18px;
margin-right: 18px;
position: relative;
}
div.wrapper2 {
margin: 0 auto;
position: relative;
}
#header {
position: relative;
height: 130px;
}
#logo {
position: absolute;
top: 2px;
left: 2px;
display: block;
width: 960px;
height: 130px;
border: 0;
}
#topblock {
position: absolute;
height: 100%;
right: 0px;
top:0px;
border: 0;
}
.shadow-l {
height:188px;
margin-left:-14px;
width:14px;
}
.shadow-r {
float:right;
height:188px;
margin-right:-14px;
margin-top:-188px;
width:14px;
}
table.blog,
table.mainbg,
table.main,
td.main,
table.bottom,
table.mainblock {
width: 100%;
}
div.mainbody {
padding: 10px;
}
td.article_column {
padding: 10px;
}
div.a-footer {
padding-left: 30px;
text-align: center;
}
div#copyright {
min-height: 80px;
line-height: 31px;
text-align: center;
}
#footer-logo {
height: 80px;
}
/* Login */
span.log-register-link a,
span.log-username-link a,
span.log-password-link a {
margin-bottom: -10px;
display: block
}
input.poll_button,
span.default-button-login,
span.default-button-logout,
span.log-register-link a:hover,
span.log-username-link a:hover,
span.log-password-link a:hover {
font-weight: bold;
text-decoration: none !important;
}
span.default-button-login,
span.default-button-logout {
font-family: Verdana,Arial,Helvetica,sans-serif;
padding: 3px 3px 5px 18px;
}
input.poll_button {
padding: 1px 1px 4px 15px;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
div.default-button {
margin-bottom: 10px;
}
/* Menu */
#nav,
#horiz_menu {
height: 30px;
position: relative;
}
#horiz_menu li span {
display:block;
float:left;
}
#nav {
padding-left: 5px;
}
#nav ul {
padding: 0;
margin: 0;
}
#nav li {
padding: 0;
float: left;
display: block;
height: 30px;
margin-right: 5px;
}
#nav a {
display: block;
float: left;
height: 30px;
line-height: 30px;
padding: 0px 16px 0 14px;
text-decoration: none !important;
cursor: pointer;
font-weight: normal;
font-size: 96%;
font-weight: bold;
}
/* Modules */
div.moduletable,
div.moduletable_menu,
div.moduletable-colour,
div.moduletable-dark,
div.moduletable_text {
padding-bottom: 15px;
}
td.side1 div.moduletable,
td.side1 div.moduletable-dark,
td.side1 div.moduletable_menu,
td.side1 div.moduletable_text,
td.side2 div.moduletable,
td.side2 div.moduletable-colour,
td.side2 div.moduletable_menu,
td.side2 div.moduletable_text {
padding-left: 10px;
}
td.side1,
td.side2 {
padding: 5px;
}
td.side1 h3,
td.side2 h3 {
width: 186px;
}
table.bottom div.moduletable,
table.bottom div.moduletable-colour,
table.bottom div.moduletable_menu,
table.bottom div.moduletable_text {
margin: 15px;
padding: 0px 5px 5px 10px
}
div.coloured_banner{
margin: -5px 10px 10px;
padding: 15px;
display: block;
}
div.coloured_banner h3 {
margin: 0px 0px -10px;
}
div.no_colour_banner{
margin: -5px 10px 10px;
padding: 15px;
display: block;
}
div.no_colour_banner h3 {
margin: 0px 0px -10px;
}
td.mainblock div.moduletable,
td.mainblock div.moduletable-colour,
td.mainblock div.moduletable_menu,
td.mainblock div.moduletable_text {
margin: -10px 10px 0px 10px;
padding: 5px;
}
table.bottom div.moduletable h3,
table.bottom div.moduletable-colour h3,
table.bottom div.moduletable_menu h3,
td.contentheading,
td.side1 h3,
td.mainblock div.moduletable h3,
td.mainblock div.moduletable-colour h3,
td.mainblock div.moduletable_menu h3,
td.mainblock div.moduletable_text h3 {
font-family:Arial;
font-size:110%;
font-weight:bold;
height:20px;
padding-left:30px;
padding-top:8px;
}
td.contentheading {
font-size: 100%;
}
td.side2 h3 {
font-family:Arial;
font-size:110%;
font-weight:bold;
height:20px;
padding-right:30px;
padding-top:8px;
text-align: right;
}
td.contentheading,
td.mainblock div.moduletable h3,
td.mainblock div.moduletable-colour h3,
td.mainblock div.moduletable_menu h3 {
margin: -5px;
}
td.side1 h3 {
margin: -5px -5px 10px -15px;
}
td.side2 h3 {
margin: -5px -5px 10px -15px;
}
table.bottom div.moduletable h3,
table.bottom div.moduletable-colour h3,
table.bottom div.moduletable_menu h3 {
margin-bottom: 10px;
margin-top: -10px;
margin-left: -10px;
margin-right: -5px;
}
table.bottom a:hover {
text-decoration: underline;
}
div.side1,
div.side2 {
width: 206px;
}
td.side1,
td.side2,
table.side-table,
td.sideblock {
height: 100%;
}
/* Content */
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
table.pollstableborder td {
text-align: left;
padding: 2px 0;
}
a:link.nounder,
a:visited.nounder,
a:hover.nounder {
text-decoration: none;
}
/* Joomla Stuff */
ul.pagination {
display: inline;
list-style: none;
}
ul.pagination li {
display: inline;
padding-left: 5px
}
.contentheading {
padding: 10px 0;
margin-top: 10px;
margin-bottom: 10px;
line-height:100%;
}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr {
clear: both;
}
div.mosimage {
margin: 5px;
}
a.readon {
float: right;
display: block;
height: 20px;
line-height: 20px;
padding: 0px 8px;
text-align: center;
cursor: pointer;
font-weight: bold;
}
.modifydate {
height: 20px;
vertical-align: bottom;
}
.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
table.contenttoc {
margin: 5px;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* Pathway */
span.pathway {
display: block;
height: 30px;
line-height: 30px;
vertical-align: middle;
margin-top: 0px;
margin-bottom: 20px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 10px;
padding-bottom: 3px;
}
span.pathway img {
margin: 0px 10px;
vertical-align: middle;
padding-bottom: 4px;
}
span.pathway a:hover {
text-decoration: underline;
}
/* Tables */
td.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 20px;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 4px;
}
/* Mainmenu */
ul.menu a:hover,
ul#mainlevel a:hover {
text-decoration: none !important;
font-weight: bold;
}
ul.menu {
list-style: none;
margin-bottom: 10px;
margin-left: -25px;
padding-left: 28px;
}
ul.menu li {
padding-left: 30px;
padding-bottom: 5px;
margin-bottom: 3px;
padding-top: 5px;
}
ul.menu a {
margin-left: -25px;
}
ul.menu span {
margin-left: 25px;
}
ul#mainlevel {
list-style: none;
padding-left: 28px;
}
ul#mainlevel li {
padding-bottom: 5px;
padding-top: 5px;
}
ul#mainlevel a {
font-size: 80%;
margin-left: -25px;
padding-bottom: 4px;
padding-left: 25px;
}
/* Typography */
span.alert,
span.down,
span.config,
span.info {
display: block;
margin: 15px 0;
padding: 8px 8px 8px 45px;
}
pre {
display: block;
margin: 15px 0;
padding: 8px 8px 8px 45px;
}
blockquote {
display: block;
margin: 15px 0;
padding: 5px 5px 1px 55px;
}
blockquote p {
padding: 0px 30px 0px 0px;
}
ul.circle,
ul.star,
ul.triangle,
ul.number {
list-style: none;
margin-bottom: 10px;
margin-left: 0pt;
padding-left: 28px;
}
ul.circle li,
ul.star li,
ul.triangle li {
padding-left: 20px;
}
li.number0,
li.number1,
li.number2,
li.number3,
li.number4,
li.number5,
li.number6,
li.number7,
li.number8,
li.number9,
li.number10 {
padding-left: 30px;
padding-bottom: 5px;
margin-bottom: 5px;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* System Standard Messages */
#system-message dd.message ul {
background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;
}
/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat;
border-top: 3px solid #F0DC7E;
border-bottom: 3px solid #F0DC7E;
}