/* custom stuff */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
background: #000000 url(../images/mb_bg.png) repeat-x;
font-size: 11px;
line-height: 160%;
color: #330000;
}
p {
margin-top: 0;
margin-bottom: 5px;
line-height: 160%;
}
fieldset {
border: 0;
padding: 5px 0;
}
span.pathway img {
padding: 0px 5px;
}
span.pathway {
display: block;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 0px;
background: url(../images/arrow.png) 0 0 no-repeat;
visibility: hidden;
}
div.componentheading {
padding-left: 0px;
}
a.readon {
margin-top: 10px;
line-height: 14px;
height: 16px;
}
/*** fonts ***/
body {
font-family: Trebuchet MS, sans-serif;
}
/** colors set in the color css file **/
a:link,
a:visited {
text-decoration: none;
font-weight: bold;
outline: none;
}
body.left td#leftcol a:link,
body.left td#leftcol a:visited,
body.left td#left2col a:link,
body.left td#left2col a:visited,
body.right td#right2col a:link,
body.right td#right2col a:visited,
td#usercol a:link,
td#usercol a:visited {
color: #696969;
}
body.right td#rightcol a:link,
body.right td#rightcol a:visited {
}
td#usercol {
color: #000000;
}
#horizmenu a,
a.mainlevel,
a.sublevel,
ul.submenu a,
div.moduletable h3,
.contentpagetitle
{
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
line-height: 18px;
}
.componentheading {
font-family: Trebuchet MS, sans-serif;
}
/* CLINIC NAVIGATION */
#navcontainer
{
width: 200px;
float: right;
margin: 0 20px 0 5px;
}
#navcontainer ul
{
margin-left: 0;
margin-top: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainer a
{
display: block;
padding: 6px;
width: 200px;
background-color: #900;
border-bottom: 1px solid #fff;
color: #fff;
}
#navcontainer a:link, a:visited
{
color: #fff;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #000;
color: #fff;
}
/* headings */
h1 {
}
h2 {
}
h3 {
margin: 0;
}
h4 {
}
body.left td#leftcol div.moduletable h3,
body.left td#left2col div.moduletable h3,
body.right td#rightcol div.moduletable h3,
body.right td#right2col div.moduletable h3 {
font-size: 12px;
font-weight: bold;
background: #ffffff;
color: #000000;
}
body.left td#rightcol div.moduletable h3,
body.left td#right2col div.moduletable h3,
body.right td#leftcol div.moduletable h3,
body.right td#left2col div.moduletable h3 {
font-size: 12px;
font-weight: bold;
background: #B9B9B9;
color: #6600000;
}
td#usercol div.moduletable h3 {
font-size: 12px;
font-weight: bold;
background: none;
color: #ccc;
}
td#maincol div.moduletable h3 {
font-size: 13px;
background: none;
font-weight: bold;
color: #800000;
}
.small {
font-size: 10px;
color: #666;
font-weight: normal;
}
.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #666;
font-weight: normal;
}
.createdate {
height: 20px;
vertical-align: top;
font-size: 10px;
color: #666;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
.componentheading {
color: #000000;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.contentheading {
color: #800000;
font-size: 14px;
font-weight: bold;
line-height: 44px;
}
div#footer {
height: 30px;
font-size: 11px;
color: #B22222;
text-align: center;
}
/** some joomla class stuff */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
td.buttonheading {
}
td.sectiontableheader {
background: #800000;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td {
padding: 4px;
}
td.sectiontableentry1, td.sectiontableentry2{
padding: 3px;
}
table.contentpaneopen, table.contentpane {
width: 100%;
}
div.moduletable ul {
margin: 5px 0;
padding: 0 2em;
}
div.moduletable ul li {
padding-bottom: 3px;
}
td#leftcol div.moduletable,
td#left2col div.moduletable,
td#rightcol div.moduletable,
td#right2col div.moduletable {
padding-bottom: 15px;
padding-left: 5px;
padding-right: 5px;
width: 175px; /* stupid id need a fixed width here */
}
div.moduletable h3 {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 8px;
text-indent: 5px;
height: 24px;
padding-top: 2px;
line-height: 24px;
}
.clr {
clear: both;
}
#page_bg {
height: 100%;
padding: 0;
margin-bottom: 1px;
}
div.mosimage {
margin: 5px;
}
div.mosimage_caption {
font-size: 10px;
color: #666;
}
table.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
/** template layout stuff **/
div#wrapper {
margin: 0 auto;
position: relative;
}
body.wide div#wrapper {
width: 932px;
}
body.thin div#wrapper {
width: 750px;
}
body.vmax div#wrapper {
min-width: 700px;
max-width: 932px;
}
div#tshadow1 {
background: url(../images/mb_shadow_t.png) repeat-x;
position: relative;
}
div#tshadow2 {
background: url(../images/mb_shadow_t_r.png) 100% 0 no-repeat;
position: relative;
}
div#tshadow3 {
height: 13px;
background: url(../images/mb_shadow_t_l.png) 0 0 no-repeat;
overflow: hidden;
position: relative;
}
div#mshadow1 {
background: url(../images/mb_shadow_m_b_l.png) 0 0 repeat-y;
position: relative;
}
div#mshadow2 {
background: url(../images/mb_shadow_m_b_r.png) 100% 0 repeat-y;
position: relative;
}
div#mshadow3 {
background: url(../images/mb_shadow_m_t_l.png) 0 0 no-repeat;
position: relative;
}
div#mshadow4 {
background: url(../images/mb_shadow_m_t_r.png) 100% 0 no-repeat;
padding: 0 16px;
position: relative;
}
div#bshadow1 {
background: url(../images/mb_shadow_b.png) repeat-x;
}
div#bshadow2 {
background: url(../images/mb_shadow_b_r.png) 100% 0 no-repeat;
}
div#bshadow3 {
height: 13px;
background: url(../images/mb_shadow_b_l.png) 0 0 no-repeat;
}
div#header {
position: relative;
background: #000 url(../images/mb_header_orange1.jpg) 50% 0 no-repeat;
height: 124px;
overflow: hidden;
}
div#blendimage {
height: 124px;
background-position: 50% 0;
}
div#logo {
position: absolute;
top: 110px;
left: 45px;
z-index: 5;
height: 39px;
width: 304px;
background: url(../images/mb_logo.png) no-repeat !important;
background: transparent;
}
div#horizmenu {
background: url(../images/mb_menu_horiz_bg.png) 0 0 repeat-x;
height: 45px;
position: relative;
}
table#mainframe {
margin: 0;
padding: 0;
border-collapse: collapse;
width: 100%;
}
table#mainframe td {
padding: 0;
}
body.left table#mainframe td#leftcol {
background: #ffffff url(../images/mb_cshadow_l.png) 100% 0 repeat-y;
width: 175px;
}
body.right table#mainframe td#rightcol {
background: #ffffff url(../images/mb_cshadow_r.png) 0 0 repeat-y;
width: 175px;
}
div#leftcol_corner {
background: transparent url(../images/mb_cshadow_t_l.png) 100% 0 no-repeat;
padding-right: 10px;
}
body.left div#leftcol_body,
body.right div#rightcol_body {
background: url(../images/mb_col_bg_blue.png) 0 0 repeat-x;
padding-top: 15px;
border: 0px solid #00f;
}
body.left table#mainframe td#rightcol {
background: #fff url(../images/mb_cshadow_r.png) 0 0 repeat-y;
width: 175px;
}
body.right table#mainframe td#leftcol {
background: #fff url(../images/mb_cshadow_l.png) 100% 0 repeat-y;
width: 175px;
}
div#rightcol_corner {
background: url(../images/mb_cshadow_t_r.png) 0 0 no-repeat;
padding-left: 10px;
}
body.left div#rightcol_body,
body.right div#leftcol_body {
background: url(../images/mb_col_bg_grey.png) 0 0 repeat-x;
padding-top: 15px;
}
table#mainframe td#maincol {
background: #fff url(../images/mb_cshadow_t.png) 0 0 repeat-x;
color: #000000;
padding: 0 5px 15px 5px;
}
body.left table#mainframe td#left2col {
/* background in color css */
padding-right: 10px;
}
body.right table#mainframe td#left2col {
/* background in color css */
padding-right: 10px;
}
body.left table#mainframe td#right2col {
/* background in color css */
padding-left: 10px;
}
body.right table#mainframe td#right2col {
/* background in color css */
padding-left: 10px;
}
table#mainframe td#usercol {
/* background in color css */
padding-top: 10px;
}
td#usercol li {
color: #ccc;
}
/* default menu link styles */
a.mainlevel {
display: block;
width: 168px;
border-right: 4px solid #46596E;
margin-bottom: 3px;
padding: 3px 0px;
border-top: 1px solid #5F7287;
font-family: Trebuchet MS, sans-serif;
}
a.sublevel {
}
body.left td#leftcol a.mainlevel:link,
body.left td#leftcol a.mainlevel:visited,
body.right td#rightcol a.mainlevel:link,
body.right td#rightcol a.mainlevel:visited,
body.left td#leftcol a.sublevel:link,
body.left td#leftcol a.sublevel:visited,
body.right td#rightcol a.sublevel:link,
body.right td#rightcol a.sublevel:visited {
color: #1d242c;
font-weight: bold;
}
a.mainlevel:hover {
text-decoration: none;
/** color in color css **/
}
a.sublevel:hover {
text-decoration: none;
}
/*****************************
**** splitmenu ****
*****************************/
/* top level links */
#navheader li {
z-index: 3;
position: relative;
float: left;
padding: 0;
margin: 0;
list-style: none;
}
#navheader li a {
display: block;
font-size: 14px;
font-weight: bold;
padding: 0 14px;
text-decoration: none;
color: #bbb;
font-family: Trebuchet MS, sans-serif;
}
#navheader li a:hover {
color: #FF0000;}
#navheader li.active {
z-index: 1;
height: 17px;
border-bottom: 4px solid #46596E;
}
#navheader {
z-index: 2;
position: absolute;
height: 20px;
margin-top: 15px;
}
#slider {
z-index: 2;
position: absolute;
height: 20px;
/* color in color css file */
}
/* sub level links */
td#leftcol ul.submenu,
td#rightcol ul.submenu,
td#leftcol ul.submenu ul,
td#rigthcol ul.submenu ul,
td#leftcol ul.submenu ul ul,
td#rigthcol ul.submenu ul ul {
padding: 0;
margin: 0;
}
ul.submenu li{
list-style: none;
margin: 0;
padding: 0;
}
ul.submenu ul li a{
text-indent: 15px;
}
ul.submenu ul ul li a{
text-indent: 30px;
}
ul.submenu ul li a {
border-right: 4px solid #46596E;
}
ul.submenu li a {
display: block;
width: 168px;
border-right: 4px solid #46596E;
padding: 3px 0px;
border-top: 1px solid #5F7287;
}
td#leftcol ul.submenu a:link,
td#leftcol ul.submenu a:visited,
td#rightcol ul.submenu a:link,
td#rightcol ul.submenu a:visited {
color: #1d242c;
font-weight: bold;
}
td#leftcol ul.submenu a:hover,
td#rightcol ul.submenu a:hover {
text-decoration: none;
}
td#leftcol ul.submenu ul li a,
td#rightcol ul.submenu ul li a {
border-right: 4px solid #46596E;
}
/* some page content things */
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
table.nopad {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
}
table.nopad td {
padding: 5px;
}
body.contentpane {
background: #fff;
}
table.pollstableborder td {
text-align: left;
padding: 2px 0;
}