html {
height : 100%;
margin-bottom : 1px;
}
body {
margin : 0;
padding : 0;
}
p {
margin-top : 0;
margin-bottom : 5px;
}
fieldset {
border : 0;
padding : 5px 0;
}
span.pathway {
display : block;
height : 16px;
line-height : 16px;
vertical-align : middle;
margin-top : 5px;
margin-bottom : 10px;
font-weight : bold;
}
span.pathway img {
margin : 0 10px;
vertical-align : middle;
}
div#pathway {
margin-bottom : 10px;
padding-left : 8px;
}
a.readon {
display : block;
float : left;
padding-left : 20px;
margin-top : 10px;
line-height : 14px;
height : 16px;
background : url(../images/play.png) no-repeat;
}
body {
line-height : 125%;
font-family : "Lucida Grande", Tahoma, Helvetica, sans-serif;
color : #444;
}
body.f-smaller {
font-size : 10px;
}
body.f-default {
font-size : 11px;
}
body.f-larger {
font-size : 13px;
}
a {
color : #b23b03;
}
a:hover {
color : #000;
}
td.left a.mainlevel#active_menu {
color : #000;
}
.small, .modifydate, .createdate, div.mosimage_caption {
font-size : 100%;
}
#nav a, #inset a {
font-size : 110%;
}
div.moduletable h3, .contentheading, .componentheading {
font-size : 130%;
color : #222;
}
.componentheading {
margin-bottom : 15px;
}
td.componentheading {
padding-bottom : 15px;
}
h3, .contentheading, .componentheading, #nav, .sectiontableheader, span.pathway, .small, .createdate, .modifydate, #inset {
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
}
a:link, a:visited {
text-decoration : none;
}
a:hover {
text-decoration : none;
}
div.moduletable h3 {
margin-top : 5px;
margin-bottom : 10px;
padding-bottom : 0;
}
div.moduletable {
margin-bottom : 10px;
}
td.left div.moduletable, td.right div.moduletable {
margin-bottom : 15px;
}
div.moduletable ul {
margin : 5px 0;
padding : 0 2em;
}
div.moduletable ul li {
padding-bottom : 3px;
}
a.mainlevel {
display : block;
}
a.mainlevel:hover {
text-decoration : none;
}
a.sublevel:hover {
text-decoration : none;
}
#inset a.mainlevel {
display : inline;
background : none;
padding : 0 15px;
}
a.mainlevel {
display : block;
height : 16px;
line-height : 15px;
padding : 0;
padding-left : 20px;
background : url(../images/play.png) no-repeat;
margin-bottom : 3px;
}
a#active_menu:link, a#active_menu:visited {
color : #333;
}
li.active_menu a:link, li.active_menu a:visited {
color : #333;
}
a.sublevel:link, a.sublevel:visited {
font-weight : bold;
}
h1 {
padding-bottom : 5px;
}
h2 {
padding-bottom : 5px;
}
h3 {
padding-bottom : 5px;
}
h4 {
padding-bottom : 5px;
font-size : small;
}
.small {
font-weight : bold;
color : #999;
}
.modifydate {
height : 20px;
vertical-align : bottom;
font-weight : bold;
color : #999;
}
.createdate {
height : 20px;
vertical-align : top;
font-weight : bold;
vertical-align : top;
padding-bottom : 5px;
padding-top : 0;
color : #999;
}
table.contenttoc {
margin : 5px;
padding : 5px;
}
table.contenttoc td {
padding : 0 5px;
}
td.buttonheading {
vertical-align : middle;
}
td.buttonheading img {
margin-right : 5px;
}
table.mainbody td.mainbody td.sectiontableheader {
font-weight : bold;
padding : 4px;
line-height : 20px;
background : #e0e5ed;
border-bottom : 1px solid #cad1d8;
}
table.mainbody td.mainbody tr.sectiontableentry1 td, table.mainbody td.mainbody tr.sectiontableentry2 td {
padding : 4px;
border-bottom : 1px solid #e0e5ed;
}
table.mainbody td.mainbody td.sectiontableentry1, table.mainbody td.mainbody td.sectiontableentry2 {
padding : 4px;
border-bottom : 1px solid #e0e5ed;
}
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;
}
table.adminform textarea {
width : auto;
color : #666;
}
.w-wide div.wrapper {
width : 900px;
}
.w-thin div.wrapper {
width : 750px;
}
.w-fluid div.wrapper {
margin : 0 20px;
}
#showcase {
border-bottom : 1px solid #bcc0c7;
background : #dce0e8 url(../images/showcase-bg.png) repeat-x;
color : #444;
}
#page_bg {
height : 100%;
padding : 0;
margin-bottom : 1px;
background : #dce0e8;
}
#mainbg {
background : url(../images/body-bg.png) repeat-x;
}
#mainbg-2 {
background : #fff url(../images/body-shadow-br.png) repeat-y 100% 0;
}
#mainbg-3 {
background : transparent url(../images/body-shadow-bl.png) repeat-y 0 0;
}
#mainbg-4 {
background : transparent url(../images/body-shadow-tr.png) no-repeat 100% 0;
}
#mainbg-5 {
background : transparent url(../images/body-shadow-tl.png) no-repeat 0 0;
padding : 0 25px;
}
#mainft-2 {
background : #dce0e8 url(../images/footer-shadow-tr.png) no-repeat 100% 0;
}
#mainft-3 {
background : transparent url(../images/footer-shadow-tl.png) no-repeat 0 0;
padding : 0 24px;
}
div.wrapper {
margin : auto;
position : relative;
}
#showcase ul, td.left ul, td.right ul, #footer ul {
list-style : none;
margin : 0;
padding : 0;
}
#showcase li, td.left li, td.right li, #footer li {
border-bottom : 1px dotted #b7bbc7;
padding-bottom : 0;
margin-bottom : 2px;
}
#showcase .padding, #footer .padding {
padding : 5px 0;
}
#mainbody-padding {
border-top : 1px solid #fff;
border-bottom : 1px solid #fff;
}
#inset {
color : #ccc;
text-align : center;
margin : 15px 0;
}
#inset table {
width : auto;
margin : 0 auto;
}
#footer {
padding-top : 10px;
}
#the-footer {
text-align : center;
background : #323c53;
border-left : 1px solid #fff;
border-right : 1px solid #fff;
border-bottom : 1px solid #fff;
color : #636d84;
}
#the-footer .padding {
padding : 10px 0;
width : 100%;
border-top : 1px solid #636d84;
}
table.showcase, table.mainbody, table.headlines, table.footer {
width : 100%;
padding : 0;
}
table.headlines {
margin-top : -5px;
}
table.showcase tr, table.mainbody tr, table.headlines tr, table.footer tr {
vertical-align : top;
}
table.showcase td.showcase, table.footer td.footer, table.headlines td.headlines {
width : 33%;
}
table.showcase td.showcase, table.footer td.footer, table.mainbody td.left, table.mainbody td.right, table.headlines td.headlines {
padding : 0 10px;
}
table.mainbody td.mainbody {
padding : 0;
background : #e6eaf2 url(../images/content-bg.png) repeat-x;
}
td.mainbody .padding {
padding : 0 15px;
}
table.mainbody td.left, table.mainbody td.right {
width : 18%;
background : #dce0e8 url(../images/side-bg.png) repeat-x;
padding-top : 5px;
}
table.mainbody td.left {
border-right : 1px solid #fff;
}
table.mainbody td.right {
border-left : 1px solid #fff;
}
table.headlines td.headlines {
background : #e9edf5;
}
#toolbar {
height : 31px;
background : url(../images/toolbar-bg.png) repeat-x;
position : relative;
}
.hide {
display : none;
}
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;
}
input#mod_search_searchword {
width : 120px;
}
.highlight {
background-color : #ffc;
}
table#adminform #toolbar {
background : none;
}
#header {
position : relative;
height : 112px;
overflow : hidden;
background : #232833 url(../images/header-bg.png) repeat-x;
}
#access {
position : absolute;
z-index : 10000;
top : 0;
right : 25px;
width : 200px;
height : 20px;
overflow : hidden;
}
#access #selectors {
position : relative;
height : 8px;
}
#access span {
background-repeat : no-repeat;
}
#access a {
text-decoration : none;
}
.font-selector, .width-selector {
display : block;
position : absolute;
top : 0;
width : 12px;
height : 6px;
}
.f-smaller #selectors .font-selector {
right : 159px;
}
.f-default #selectors .font-selector {
right : 129px;
}
.f-larger #selectors .font-selector {
right : 99px;
}
.w-thin #selectors .width-selector {
right : 70px;
}
.w-wide #selectors .width-selector {
right : 40px;
}
.w-fluid #selectors .width-selector {
right : 10px;
}
#access #buttons {
float : right;
}
#access .button {
display : block;
float : right;
width : 20px;
height : 12px;
margin : 0 5px;
background-repeat : no-repeat;
}
#logo {
position : absolute;
top : 35px;
left : 25px;
display : block;
width : 350px;
height : 66px;
background : url(../images/logo.png) no-repeat;
}
#top {
height : 60px;
padding-top : 35px;
overflow : hidden;
margin-left : 395px;
margin-bottom : 10px;
margin-right : 25px;
color : #999;
}
.font-selector, .width-selector {
background : url(../images/access-select.png) no-repeat;
}
.lrg .button {
background : url(../images/access-lrg.png);
}
.sml .button {
background : url(../images/access-sml.png);
}
.med .button {
background : url(../images/access-med.png);
}
.thin .button {
background : url(../images/access-thin.png);
}
.wide .button {
background : url(../images/access-wide.png);
}
.fluid .button {
background : url(../images/access-fluid.png);
}
#toolbar {
padding-left : 20px;
}
#nav {
background : url(../images/toolbar-div.png) no-repeat 0 0;
margin : 0;
padding : 0;
height : 31px;
}
#nav a {
font-weight : bold;
color : #fff;
float : left;
color : #ffffff;
text-decoration : none;
display : block;
float : left;
cursor : pointer;
height : 31px;
line-height : 31px;
padding : 0 15px;
}
#nav a.topdaddy, #nav li.active a.topdaddy {
background : url(../images/toolbar-select2.png) no-repeat 100% 0;
padding-right : 25px;
}
#nav ul ul a.daddy {
background : url(../images/toolbar-select3.png) no-repeat 100% 50%;
}
#nav li a {
background : url(../images/toolbar-div.png) no-repeat 100% 0;
}
#nav li li a {
background : none;
font-weight : normal;
padding : 0;
text-indent : 15px;
}
#nav ul li a:hover, #nav ul li ul li a:hover, #nav ul li ul li ul li a:hover {
color : #ccc;
}
#nav, #nav ul {
float : left;
list-style : none;
margin : 0;
padding : 0;
}
#nav li li {
padding : 0;
background : none;
border-bottom : 1px solid #a6370c;
border-top : 1px solid #c7420e;
}
#nav ul ul a {
display : block;
color : #ffffff;
text-decoration : none;
width : 167px;
text-transform : none;
}
#nav li {
float : left;
padding : 0;
background : none;
height : 29px;
}
#nav ul li {
position : relative;
}
#nav li ul {
top : 31px;
position : absolute;
left : -999em;
height : auto;
width : 170px;
font-weight : normal;
border-width : 0;
margin : 0;
padding : 0;
border-right : 1px solid #a6370c;
border-left : 1px solid #c7420e;
border-bottom : 1px solid #a6370c;
}
#nav ul {
padding : 0;
margin : 0;
margin-left : 2px;
}
#nav li li {
float : left;
padding : 0;
width : 170px;
}
#nav li ul ul {
margin : -31px 0 0 170px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left : -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
z-index : 100;
left : 0;
}
#nav li:hover, #nav li.sfhover {
left : 0;
}
#nav li:hover a, #nav li.sfhover a {
color : #ffffff;
}
#nav li li:hover a, #nav li li.sfhover a {
color : #ffffff;
}
#nav ul ul a {
background : none;
}
#nav li.active {
background : url(../images/toolbar-select.png) no-repeat 50% 0;
}
#nav li li.active {
background : none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
background : #b43c04;
}
#footer {
background : #485269 url(../images/footer-bg.png) repeat-x;
}
#footer li {
border-bottom : 1px dotted #636d84;
}
#footer div.moduletable {
color : #ccc;
}
#footer h3 {
color : #fff;
}
#footer a {
color : #fff;
}
#footer a:hover {
color : #ccc;
}
