/** * A Mambo 4.5.3 xhtml compatible template * @version 1.0 * @package NVU Template Addon * @copyright (C) 2005 by Open4G Mambo Template Developer Extension for NVU - All rights reserved! * @license http://www.open4g.com/ GPL/GNU License **/ /* Joomla Default Text Styles Begin Here */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ body { /* overflow-x: hidden; */ text-align:center; margin: 0 auto; } /*MAIN WRAP - This seems to go around the top banner and nav*/ #wrap { width: 980px; /* bam change - was 1000 */ margin: 0px auto 0px auto; /* center it in the body */ text-align:center; /* overflow-x: hidden; */ /* keep any broken interior elements from making the whole page scroll */ } .contentheading { visibility:hidden; } /* cb formatting */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ #wholebody { padding-left:40px; } /* goes around the whole page so that there is a margin for the CB and EB icons */ table.wholedoc { margin-left:40px; } table.wholedoc td { padding-left:10px; } /* Caddra Custom Text Styles Begin Here */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ .bluepara{ color:#0099CC; font-size:18px; letter-spacing:0.8pt; text-align:justify; line-height:1.25pc; text-indent:10px} .text, .DefaultTd, .text2, .BodyText { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; /* All text can be controlled by editting this style and "td, tr, p, div" at the bottom of the style sheet */ line-height: 20px; text-align: left; /* letter-spacing:0.6pt; */ } .title { font-size:79%; color: #474E51; letter-spacing:0.75pt; line-height: 30%; } .subtitle{color:#474E51; letter-spacing:0.6pt; text-align:justify; line-height:1pc} .subtitle2{ font-size:79%; color:#474E51; letter-spacing:0.2pt; line-height:0.75pc} /* default link style */ a, a:link { font-weight: normal; font-size: 12px; font-style: normal; line-height: normal; text-decoration: none; color: #5B8C6C; } /* a, a:link, a:visited { color: #0090BE; text-decoration: none; font-weight: bold; font-size: 1.1em; } */ a:hover , a:visited { /* COLOR: #494949; */ color: #116099; TEXT-DECORATION: none; /* font-weight: bold; */ } td { text-align: left; font-size: 12px; } .BigBlueHeader { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0099EE; TEXT-DECORATION: none; TEXT-ALIGN: left; } .MedBlueHeader { FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0099EE; TEXT-DECORATION: none; text-indent: 0pt; TEXT-ALIGN: left } .BigGreyHeader { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #888888; TEXT-DECORATION: none; TEXT-ALIGN: left; } .MedGreyHeader { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #888888; line-height: 20px; /* Chachi - in for consitiancy in formating to .text */ TEXT-DECORATION: none; } .SmallGreyFooter { FONT-WEIGHT: normal; FONT-SIZE: 9px; COLOR: #333333; TEXT-DECORATION: none; TEXT-ALIGN: left; } .MedBlackHeader { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #333333; TEXT-DECORATION: none} .BannerTitle { font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; } .BannerText { FONT-SIZE: 12px; FONT-WEIGHT: bold; COLOR: #FFFFFF; TEXT-DECORATION: none; LINE-HEIGHT: 20px; LETTER-SPACING: 1px; TEXT-ALIGN: justify; } .MedGreyFooter { font-size: 11px; font-weight: normal; color: #333333; text-decoration: none; line-height: 20px; } /* Caddra Layout and Nav Positioning begins here */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ .caddraBodyTableLeft { /* left side content */ background-color: #43ABE3; position:relative; z-index:6; top:-14px; /* was 160 this needs top move up to cover the bottom of the main menu */ width:206px; border-top:1px solid #ffffff; vertical-align: top; padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px ; } .caddraBodyTableLeft tbody tr td { padding: 0px 0px 0px 0px ; margin: 0px 0px 0px 0px ; border-top-width: 0px; border-top-style: solid; border-top-color: #ffffff; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #ffffff; } .caddraBodyTableMain { /* main body area */ width:594px; padding: 0px; /* don't change this padding, change it in the td.mainTd for this table style*/ margin: 0px; position:relative; z-index:10; background-color:#ffffff; top:-14px; /* was 160 - make this the same as the caddraBodyTableLeft top */ /* left:206px; */ border-top:1px solid #ffffff; } .caddraBodyTableMain td.mainTd { } .caddraBodyTableMain_forRegOnline { /* This table style is invoked by the Joomla template, when it is triggered by a Joomla module being put into Joomla location user1. When this happens, the left sidebar is not shown, and the main table is given this style, */ width:594px; position:relative; z-index:1; background-color:#ffffff; top:-14px; /* was 160 - make this the same as the caddraBodyTableLeft top */ padding: 0px; /* don't change this padding, change it in the td.mainTd for this table style*/ /* left:206px; */ border-top:1px solid #ffffff; } .caddraBodyTableMain_forRegOnline td.mainTd { padding:60px; } .caddraBodyTableMain_forGuidelines { /* main body area */ width:800px; padding: 0px; /* don't change this padding, change it in the td.mainTd for this table style*/ position:relative; z-index:1; background-color:#ffffff; top:-14px; /* was 160 - make this the same as the caddraBodyTableLeft top */ /* left:206px; */ border-top:1px solid #ffffff; } .caddraBodyTableMain_forGuidelines td.mainTd { padding:20px; /* text-align: center; vertical-align: center; */ } .caddraMainNavTD { /* the TD around the main Nav */ text-align:center; background-color:#7bbe92; /*border: 1px solid #ff0000; */ width:800px; /* height:100px; */ position:relative; /* top:43px; */ top:0px; left:0px; z-index:1; padding: 0px 0px 0px 0px; } /* This is the myblog CSS values */ /* MyBlog CSS Starts */ #myBlog-wrap h1, #myBlog-wrap h2, #myBlog-wrap h3, #myBlog-wrap p, #myBlog-wrap #myBlog-head ul, #myBlog-wrap #myBlog-head li, #myBlog-wrap hr { margin: 0; padding: 0; } #myBlog-wrap h3 { padding: 10px 0 0 20px; text-indent: 72px; font-size: 160%; } #myBlog-wrap .desc { padding: 0 0 10px 20px; color: #999; margin-left: 72px; background: none; font-size: 130%; } #myBlog-wrap #myBlog-head { background: #eee url(../images/blog-header.jpg) no-repeat; margin-bottom: 10px; position: relative; height:83px; } /* MyBlog Toolbar */ #myBlog-wrap #myBlog-toolbar li.blogActive a { background: #fff; color: #D78102; border: 1px solid #ccc; border-bottom: 0; padding: 4px 10px 2px 10px; } #myBlog-wrap #myBlog-toolbar ul, #myBlog-head ul { padding-left: 5px; position: absolute; float:right; bottom: 1px; right: 5px; } #myBlog-wrap #myBlog-toolbar li { list-style: none; display: inline; padding-left:0px; } #myBlog-wrap #myBlog-toolbar li a { text-decoration: none; color: #fff; padding: 3px 10px 2px 10px; border: 1px solid #999; border-bottom: 0; background: url(../images/blog-toolbar-bg.jpg) repeat-x; } #myBlog-wrap #myBlog-toolbar li#toolbarWrite { margin-left: 3px; } #myBlog-wrap #myBlog-toolbar li#toolbarWrite a { background: #ecebeb url(../images/addpost.gif) no-repeat 2px 2px; overflow: hidden; } #myBlog-wrap #myBlog-toolbar li#toolbarWrite a:hover { background: #4c6933 url(../images/addpost.gif) no-repeat 2px 2px; } #myBlog-wrap #myBlog-toolbar li#toolbarWrite a span { text-indent: -9999px; display: inline-table; } #myBlog-wrap #myBlog-toolbar li a:hover { background: #9DA4B0; } #myBlog-wrap .postSummary-top .userAvatar{ float:right; margin-top:-40px; } .postContent-top .userAvatar { float:right; margin-top:-40px; } /* Entries Divider */ #myBlog-wrap hr { border: 0; background: #ccc; height: 1px; margin: 10px 0; display: none; } /* Entries Content */ #myBlog-wrap #myBlog-content { padding: 0px; } #myBlog-wrap #myBlog-content p, #myBlog-wrap .postContent p{ padding-top: 4px; padding-bottom: 4px; } #myBlog-wrap .postSummary-top , #myBlog-wrap .postContent-top { padding: 5px 5px 3px 5px; border-bottom: 1px dotted #ccc; } #myBlog-wrap .postSummary-top > p, #myBlog-wrap .postContent-top > p{ margin-bottom:0px; } #myBlog-wrap .postSummary-top h3 , #myBlog-wrap .postContent-top h3 { padding-top:4px; padding-bottom:4px; } #myBlog-wrap .postSummary-top h3 a , #myBlog-wrap .postContent-top h3 a { text-decoration: none; color: #333; font-size: 19px; } #myBlog-wrap .postSummary-top a #myBlog-wrap .postContent-top a { color: #D78102; } #myBlog-wrap .postSummary-top h2 a , #myBlog-wrap .postContent-top h2 { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #0099EE; /* TEXT-DECORATION: none; TEXT-ALIGN: left; color: #D78102; */ } /* #myBlog-wrap .postSummary-top a:hover , #myBlog-wrap .postContent-top a:hover { text-decoration: none; } */ #myBlog-wrap .postSummary-teaser , #myBlog-wrap .postContent-text { padding: 10px 0 10px 0; } #myBlog-wrap .postSummary-footer { margin-top: 10px; margin-bottom: 4px; text-align: right; } #myBlog-wrap .postSummary-footer a { text-decoration: none; color: #999; margin-right: 10px; padding-left: 20px; padding: 2px 0 2px 18px; } #myBlog-wrap .postSummary-footer a:hover { text-decoration: underline; color: #666; } #myBlog-wrap .postSummary-comments { background: url(../images/comment.png) no-repeat 0; } #myBlog-wrap .postSummary-readmore { background: url(../images/mouse.png) no-repeat 0; } #myBlog-wrap div.my-pagenav { text-align:center; padding-top:4px; padding-bottom:4px; } #myBlog-wrap div.clear{ clear:both; padding:0px; margin:0px; height:1px; line-height:1px; } /** tag cloud style **/ #myBlog-wrap a.tag1 , #myBlog-wrap a.tag2 , #myBlog-wrap a.tag3 , #myBlog-wrap a.tag4 , #myBlog-wrap a.tag5 , #myBlog-wrap a.tag6 , #myBlog-wrap a.tag7 , #myBlog-wrap a.tag8 , #myBlog-wrap a.tag9 { list-style: none; display: inline; padding-left:4px; padding-right:4px; background: none; text-align:center; line-height:100%; } #myBlog-wrap a.tag1 { font-size:90%; font-weight:normal; } #myBlog-wrap a.tag2 { font-size:100%; font-weight:normal; } #myBlog-wrap a.tag3 { font-size:125%; font-weight:normal; } #myBlog-wrap a.tag4 { font-size:150%; font-weight:normal; } #myBlog-wrap a.tag5 { font-size:175%; font-weight:normal; } #myBlog-wrap a.tag6 { font-size:200%; font-weight:bold; } #myBlog-wrap a.tag7 { font-size:225%; font-weight:bold; } #myBlog-wrap a.tag8 { font-size:250%; font-weight:bold; } #myBlog-wrap a.tag9 { font-size:265%; font-weight:bold; } #myblogSearch label { clear:both; float:left; margin-bottom: 10px; width:100px; } #myblogSearch .myblogSearchInput{ float: left; margin-bottom: 10px; width: 50%; } #myblogSearch #myblogSearchSubmit{ clear: both; width: 250px; text-align: center; } #myBlog-wrap .postContent span.editLink { font-size: 70%; color: #f00; cursor: pointer; } /* end myblog valus */ /* the div around the whole a bunch of things - maybe we should stop using this */ /* .moduletable { position:relative; top:0px; left:0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px ; } */ /* table around the nav at the bottom of the body for each section, as well as the top area */ /* bottom nav settings - the anchors */ a.mainlevelinset:link, a.mainlevelinset:visited , a.mainlevelinset { color:#a0a0a0; text-decoration:none; text-align: center; padding-left: 10px; padding-right: 10px; margin-left: 0px; /* position:left; */ /* border: 1px solid #ff0000; */ } /* div around the bottom nav - recognized by IE and Firefox */ div#inset { text-align: center; margin-bottom: 20px; display: block; width:100%; /* border: 1px dashed #0000a0; */ /* position:static; */ } /* this is inside the div#inset above */ div.moduletableinset { /* background: #ff0000; */ text-align:center; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto; /* border: 1px dashed #ff0000; */ /* border: 1px dashed #ff0000; */ /* width: 950px; */ display:inline-block; /* this doesn't seem to matter */ } /* bottom nav - not recognized by IE for some reason, fine in Firefox 2.x and 3.x */ div.moduletableinset table { /* width: 500px; */ /* background: #303000; */ margin: 0px auto 0px auto; margin-left:auto; margin-right:auto; /* border: 1px solid #00aa00; */ display:inline; /* keep it inline or else it gets lost in Firefox 2.0 - block doesn't seem to help IE */ text-align:center; min-width: 100px; /* position: float; float: center; */ width: 10%; } /* where the copyright and user agreement links are */ div#bottomModule { text-align: center; width: 980px; margin-bottom: 10px; } div#bottomModule > div.moduletable { text-align: center; width: 980px; margin-top: 10px; } .moduletable-caddraMainNav { /* the div around the whole Nav at the top*/ position:relative; top:0px; /* height:50px;*/ /* make sure this is the same as the height in .caddraMainNavTD above */ left:0px; z-index:6; width:800px; padding: 0px 0px 0px 0px; } a.mainlevel-caddraMainNav { /* main nav images anchor*/ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px ; } a.mainlevel-caddraMainNav img { /* main nav images */ /* border-left: 1px solid #7BBE92; */ /* border-right: 1px solid #7BBE92; */ padding: 0px 0px 0px 0px; position:relative; top:0px; z-index:2; } #active_menu-caddraMainNav img { /* active main nav image */ /* border-left: 1px solid #ff0000; */ /* border-right: 1px solid #ff0000; */ padding: 0px 0px 0px 0px; position:relative; top:-43px; z-index:2; } #active_menu-caddraMainNav:hover img { padding: 0px 0px 0px 0px; position:relative; top:0px; } #active_menu-caddraMainNav { /* active text - for the sub nav */ color:#ffffff; } .caddraSub2MenuItem { /* this is the */ visibility:hidden; height:0px; width:0px; position:absolute; z-index: -1; } a.mainlevel-caddraMainNav:hover { /* main nav images hover -- a.mainlevel-caddraMainNav:hover img, */ /* border-left: 1px solid #ffffff; */ /* border-right: 1px solid #ffffff; */ position:relative; top:-43px; z-index:2; } /* for the subnav ------------------------------------------------ */ #caddraSubMenuItem1 { /* this is the background DIV of the subnav */ background-color: #43ABE3; /* background-image: url("/caddra/joomla/templates/joomla_caddra_test5/images/english/sky_bar.jpg");*/ position:absolute; z-index: 8; height:35px; width:800px; top:43px; left:0px; padding: 0px 0px 0px 0px; border-top: 1px solid #ffffff; vertical-align:bottom; } #caddraSubNavPlaceholder { /* this is a DIV that is supposed to be behind the subnav at all times, in case there's an empty sub-menu */ background-image: url("/joomla/templates/joomla_caddra_test5/images/english/sky_bar.jpg"); /* background-color: #884488; */ position:absolute; z-index:7; height:32px; width:800px; top:43px; left:0px; /* border-bottom: 1px solid #ffffff; */ border-top: 1px solid #ffffff; } a.sublevel-caddraMainNav { /* subnav items */ font-size: 12px; font-weight: bold; text-decoration: none; color: #606060; /* background: #43ABE3; */ margin-left: 10px; margin-right: 10px; position:relative; top:7px; vertical-align:middle; } a.sublevel-caddraMainNav:visited { /* subnav items */ color: #606060; } a.sublevel-caddraMainNav:hover { /* subnav items rollover */ color: #ffffff; } /* subnav background (for WhoIsCaddra where there is no subnav */ img.caddraBanner { position:absolute; width:800px; visibility:visible; height: 86px; z-index: 5; border-bottom: 1px solid #ffffff; top:0; left:0; } div.caddraBanner { position:relative; width:800px; visibility:visible; height: 86px; z-index: 5; border-bottom: 1px solid #ffffff; top:0; left:0; } /* 2007 conference menu styles ----------------- */ .moduletable-2007Conference { /* border: 1px solid #ff00ff; */ padding:10px 10px 10px 10px; /* width:100px; */ /* position:relative; float: right; */ background-color: #38A2DC; background: url(../images/bg_vertical_blue_gradient.png) repeat top left; } a.mainlevel-2007Conference { /* 2007 Conference nav items */ font-size: 12px; font-weight: bold; text-decoration: none; color: #606060; margin-left: 10px; margin-right: 10px; margin-top: 0px; /* position:relative; */ top:0px; vertical-align:middle; line-height:22px; } a.mainlevel-2007Conference:hover { /* subnav items rollover */ color: #ffffff; } ul.mainlevel-2007Conference { margin-left:0px; } #active_menu-2007Conference { color:#ffffff; } /* Misc Styles ------------------------------------ */ .moduletable-conferenceImage img { /* the image for the conference that is on the left, links to the conference section */ border-bottom: 1px solid #ffffff; } /* Caddra Custom Text Styles For Guidelines Begin Here */ /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */ .tdBold, .bold, p.body-sub-1 { /* bold regular size */ font-weight: bold; } .tdItalic { /* italic regular size */ font-style: italic; } .small { /* small */ font-size: 0.8em; } .smallItalic, .style3 { /* italic small font */ font-style: italic; font-weight: normal; font-size: 0.8em; } .superScript { vertical-align:top; font-size:0.7em; font-weight:normal; } .subScript { line-height:0.3em; } div.basic-graphics-frame-5pt {} div.group { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } div.whiteTextField { background-color:#ffffff; width: 200px; height:20px; } /* was at line 542 */ /* ul li { list-style-image: url(/joomla/images/bullet.gif); } */ .moduletable-2007Conference li { font-weight:normal; list-style-image:URL(); list-style-type:none; margin: 0px 0px 5px 0px; text-align:right; } ul.checkmark li { list-style-image: url(/joomla/images/check.gif); font-weight:normal; } div.caddraLogo { /* set this up with the caddra logo for upper right hand placement, and set width/height as well */ } /* Horizontal Line */ div.hr { border: 0px; width: 90%; } p.body { font-weight: normal; } p.body-bullet-no-space { font-weight: bold; } p.body-no-space { } p.bodysubhead { font-weight: bold; } p.chart-bold-family-chart- {} p.default {} p.head { font-weight: bold; font-size: 130%; } p.head-divider-bar { font-weight: bold; font-size: 130%; } p.medical-problems-chart { color: #ff0000; } p.normal { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } p.plain-text {} p.practice-point { border: 0px solid #000000; padding: 15px 15px 15px 15px; /* margin: 10px 10px 10px 10px; */ background-color: #e0e0e0; font-style: italic; } p.practice-point2, div.practice-point2 { border: 1px solid #000000; padding: 15px 15px 15px 15px; /* margin: 10px 10px 10px 10px; */ background-color: #ffffff; font-style: italic; } p.divider-grey { border: 0px solid #000000; padding: 15px 15px 15px 15px; margin: 50px 0px 0px 0px; background-color: #a0a0a0; font-style: italic; } p.divider-lightgrey { border: 0px solid #000000; padding: 15px 15px 15px 15px; margin: 15px 0px 10px 0px; background-color: #a0a0a0; font-style: italic; } /* p.references {} */ .subhead, p.references { font-weight: bold; font-size: 110%; margin: 20px 0px 3px 0px; } p.table-quest {} p.tpac {} span.body-regular-italic {} span.body-sub-1 {} span.body-sub-2 { font-weight: bold; } span.bodybold, span.body-bold{ font-weight: bold; } span.chart-bold { /* border: 1px solid #a0a0a0; */ /* padding: 0px 10px 0px 10px; */ border-collapse: collapse; } span.chart-head-white- {} span.chart-reg-bullet {} span.chart-regular, p.chart { font-weight: normal; } span.unicode { } p.default > span.chart-regular { /* diagnosis tables - header text */ color:#00ff00; font-size: 80%; text-align: center; border: 1px solid #a0a0a0; padding: 0px 10px 0px 10px; border-collapse: collapse; } img.bulletImage { margin:5px 10px 3px 5px; } span.super {} table.actionTable { width: 100%; border-width: 2px 2px 2px 2px; /* border-spacing: 1px; */ border-style: solid solid solid solid; border-color: black black black black; border-collapse: collapse; /* background-color: rgb(64, 64, 64); */ page-break-inside: avoid; /* page-break-after: always; */ } table.actionTable th { } table.actionTable td { font-size:0.8em; font-weight: bold; /* border-width: 0px 0px 0px 0px; */ padding: 0px 0px 0px 0px; border-style: solid solid solid solid; border-color: gray gray gray gray; border-width: 1px 1px 1px 1px; /* background-color: white; */ padding:3px 10px 3px 10px; empty-cells:show; z-index:6; } td.cell-style-grey { background-color: #e0e0e0; empty-cells:show; } table.tableStyleOne, table.tableStyleTwo, table.tableStyleThree { width: 100%; margin-top:20px; border-width: 2px 2px 2px 2px; border-spacing: 0px; border-style: solid solid solid solid; border-color: #000000; border-collapse: collapse; /* background-color: rgb(64, 64, 64); */ empty-cells:show; page-break-inside: avoid; /* page-break-after: always; */ } table.tableStyleOne th, table.tableStyleTwo th { height:40px; border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* border-style: solid solid solid solid; border-color: white white white white; */ background-color: #a0a0a0; color:#ffffff; line-height:40px; } table.tableStyleOne td { font-size:0.8em; border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; border-style: solid solid solid solid; border-color: #a0a0a0; /* background-color: white; */ padding:3px 10px 3px 10px; } table.tableStyleOne th { position:relative; } table.tableStyleOne th div { /* the text beside the little black box, contains the title of the table */ color:#ffffff; position:relative; /* float:left; */ /* float:left; */ /* width:99%; */ /* position:relative; */ /* left:40px; */ /* border: 1px solid #ff0000; */ } table.tableStyleOne th div.tableNumberBox, div.tableNumberBox { /* that little black square on the left of the numbered tables. It contains the number of the table */ background-color:#000000; float:left; /* position:static; */ left:0px; width:40px; height:40px; line-height: 40px; color:#ffffff; } table.tableStyleOne span.bold, table.tableStyleTwo span.bold { font-weight:bold; } table.tableStyleOne td.bold, table.tableStyleTwo td.bold { font-weight:bold; } table.tableStyleOne td.leftBottom { border-width: 0px 0px 1px 1px; } table.tableStyleOne td.bottom, table.tableStyleTwo td.bottom, table.tableStyleThree td.bottom { border-width: 0px 0px 1px 0px; } table.tableStyleOne td.left, table.tableStyleTwo td.left, table.tableStyleThree td.left { border-width: 0px 0px 0px 1px; } table.tableStyleOne td.noLine { border-width: 0px 0px 0px 0px; } table.tableStyleTwo td, table.tableStyleThree td { font-size:0.8em; border-width: 1px 0px 0px 1px ; border-style: solid solid solid solid; border-color: gray gray gray gray; /* background-color: white; */ padding:3px 10px 3px 10px; empty-cells:show; } table.tableStyleThree th { /* height:40px; */ border-width: 0px 0px 1px 1px; padding: 3px 10px 3px 10px; border-style: solid solid solid solid; border-color: black black black black; background-color: #e0e0e0; color:#000000; /* line-height:40px; */ vertical-align: bottom; empty-cells:show; } table.multiChoice { width: 100%; border: 0px solid white; background-color:#FFFFFF; } table.multiChoice td { border: 0px solid white; } table.borderless{ width: 100%; margin-top:20px; border-width: 0px 0px 0px 0px; border-spacing: 0px; page-break-inside: avoid; /* page-break-after: always; */ } table.borderless th { border-width: 0px 0px 1px 0px; padding: 3px 10px 3px 10px; font-weight: bold; color:#000000; text-align:left; } table.borderless td { border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; margin: 3px 10px 3px 10px; /* background-color: white; */ padding:3px 10px 3px 10px; vertical-align:top } table.borderless td.bold { font-weight:bold; } table.borderlessAlignRight { margin-top:20px; border-width: 0px 0px 0px 0px; border-spacing: 0px; } table.borderlessAlignRight th { border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color:#000000; font-weight:normal; } table.borderlessAlignRight td { border-width: 0px 0px 1px 0px; padding: 0px 0px 0px 0px; /* background-color: white; */ /* padding:3px 10px 3px 10px; */ text-align: right; } .tableTitle { font-weight: bold; font-size: 110%; margin: 30px 0px 3px 0px; } p.tableSubTitle { margin: 3px 0px 10px 0px; } p.bodyindent { font-weight: normal; margin-left: 30px; } p.bodyindent2 { margin-left: 100px; } table.new-tables, table.w-1pt-border { border: 1px solid #000000; border-collapse: collapse; } table.new-tables td, table.w-1pt-border td { border: 1px solid #a0a0a0; padding: 0px 10px 0px 10px; border-collapse: collapse; } table.VerticalList { margin-top:20px; border-width: 0px 0px 0px 0px; border-spacing: 0px; border-style: solid solid solid solid; border-color: black black black black; border-collapse: separate; page-break-inside: avoid; /* page-break-after: always; */ } table.VerticalList td { border-width: 0px 0px 1px 0px; border-color: #404040; border-bottom-style: solid; padding: 3px 10px 3px 10px; empty-cells:show; } table.VerticalList2 { margin-top:20px; border-color:#FFFFFF; border-width: 0px 0px 0px 0px; border-spacing: 0px; border-collapse: separate; } table.VerticalList2 td { border-width: 0px 0px 0px 0px; padding: 1px 10px 1px 10px; } table.StyleA { /* margin-top:20px; */ border-width: 2px 2px 2px 2px; /* border-spacing: 1px 1px 1px 1px ; */ border-style: solid solid solid solid; border-color: #000000; /* border-collapse: separate; */ /* padding:0; */ /* background-color:black; */ empty-cells:show; page-break-inside: avoid; /* page-break-after: always; */ } table.StyleA td { border-width: 1px 1px 1px 1px; border-color: #404040; border-style: solid; padding: 3px 10px 3px 10px; /* background-color:white; */ border-collapse: collapse; empty-cells: show; } table.StyleA td.tableHeader { height:1.5em; background-color:#a0a0a0; text-align:center; padding: 6px 10px 6px 10px; font-size: 1em; line-height:1.5em; empty-cells:show; } table.StyleA td.tableFooter { height:1.5em; background-color:#a0a0a0; text-align:center; padding: 3px 10px 3px 10px; } table.StyleB { margin-top:20px; border-width: 2px 2px 2px 2px; border-spacing: 1px; border-style: solid solid solid solid; border-color: #000000; border-collapse: collapse; padding:0; /* background-color:black; */ empty-cells:show; page-break-inside: avoid; /* page-break-after: always; */ } table.StyleB td { border-width: 1px 1px 1px 1px; border-color: #404040; border-style: solid; padding: 8px 10px 8px 10px; background-color:white; } table.StyleB td.tableHeader { height:1.5em; background-color:#a0a0a0; text-align:center; padding: 6px 10px 6px 10px; font-size: 1em; line-height:1.5em; } table.StyleB td.tableFooter { height:1.5em; background-color:#a0a0a0; text-align:center; padding: 3px 10px 3px 10px; } table.StyleB td.footNotes { font-size: 0.8em; font-style: italic; } table.StyleC { border: 0px solid #000000; /* margin: 10px 10px 10px 10px; */ background-color: #e0e0e0; border-collapse: collapse; empty-cells:show; } table.StyleC td { padding: 15px 25px 15px 25px; } table.infoField { width: 100%; border-collapse:collapse; border: 2px; padding: 10px 10px 10px 10px; empty-cells:show; } table.infoField td { border-bottom:solid 2px; border-left: solid 2px; border-color: #000000; padding: 10px 10px 10px 10px; } table.infoField tr { border-top:solid 2px; border-left:solid 2px; border-color:#000000; padding:10px 10px 10px 10px; } /* table made up of list style horizontal lines */ p.horizontal-list { border-bottom:solid; border-color:#000000; } table.tcaps { border: 1px solid #000000; } td.cell-style-1 { border: 1px solid #000000; } div.story table { border: 1px solid #000000; } span.chart-bold-numbers { position: absolute; left: 300px; /* float: right; */ color:#0000ff; } div.story > p.normal > span.chart-bold { /* the numbers in the legends such as "never or not at all" */ color:#ff55ff; position:relative; left: 300px; /* margin-right: 5px; padding-right: 5px; margin:5px 5px 5px 5px; text-indent: 5px; */ } span.number_chart_legend { /* the numbers in the legends such as "never or not at all" */ position:relative; left: -10px; } p.cbicon { background-image: url(/joomla/images/cb_icon.jpg); background-repeat: no-repeat; background-position: left top; padding-top:68px; } p.ebicon { background-image: url(/joomla/images/eb_icon.jpg); background-repeat: no-repeat; background-position: left top; padding-top:68px; } /* ul { list-style-image: url(bullet.gif); } */ span.body { /* this is used in lots of places - not sure if it's meaningful */ /* margin-right: 20px; */ /* margin-left: 20px; */ /* width: 300px; */ /* border:1px solid #ff0000; */ /* position: absolute; */ /* float:left; */ /* height: 70px; */ /* left:100px; */ /* word-wrap: break-word; */ } span.toc-chapter { /* margin-right: 20px; */ font-weight: bold; /* position: static; */ /* float:left; */ } span.toc_rightalign { /* margin-right: 20px; */ font-weight: bold; /* position: absolute; */ float:right; left: 600px; } div.underlineField { /* float: left; */ /* position: relative; */ width:90%; border-bottom: 1px solid #000000; margin-top: 20px; } span.underlineSubField1 { /* I think this can be deleted */ left:200px; position:relative; border-bottom: 1px solid #000000; margin-top: 20px; } span.underlineSubField2 { /* I think this can be deleted */ left:400px; position:relative; border-bottom: 1px solid #000000; margin-top: 20px; } div.story p {} /* french styles start here */ div.actionTableBg { background-image: url(/joomla/images/actionTableLabel.png); background-repeat:no-repeat; /* background-color:white; */ /* background-position: 5p x -5px; */ height: 33px; width:111px; position:relative; top: 7px; z-index: 5; } table.weiss { width: 60%; border-width: 0px 0px 0px 0px; /* border-spacing: 1px; */ border-style: solid solid solid solid; border-color: black black black black; border-collapse: collapse; /* background-color: rgb(64, 64, 64); */ page-break-inside: avoid; /* page-break-after: always; */ } table.weiss td { font-size:0.8em; font-weight: bold; border-width: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-style: solid solid solid solid; border-color: gray gray gray gray; /* border-width: 1px 1px 1px 1px; */ /* background-color: white; */ padding:3px 5px 3px 5px; empty-cells:show; } table.weiss td.lineTop { border-width: 1px 0px 0px 0px; } table.weiss td.lineBottom { border-width: 0px 0px 1px 0px; } div.weissLabelFrench1 { width: 25px; height: 181px; background-image: url(/joomla/images/weissTableLegend_1.gif); background-repeat:no-repeat; } div.weissLabelFrench2 { width: 25px; height: 181px; background-image: url(/joomla/images/weissTableLegend_2.gif); background-repeat:no-repeat; } div.weissLabelFrench3 { width: 25px; height: 181px; background-image: url(/joomla/images/weissTableLegend_3.gif); background-repeat:no-repeat; } div.weissLabelFrench4 { width: 25px; height: 181px; background-image: url(/joomla/images/weissTableLegend_4.gif); background-repeat:no-repeat; } div.weissLabelFrench5 { width: 25px; height: 181px; background-image: url(/joomla/images/weissTableLegend_5.gif); background-repeat:no-repeat; } div.weissLabelEnglish1 { width: 25px; height: 181px; background-image: url(/joomla/images/englishWeissTableLegend_1.gif); background-repeat:no-repeat; } div.weissLabelEnglish2 { width: 25px; height: 181px; background-image: url(/joomla/images/englishWeissTableLegend_2.gif); background-repeat:no-repeat; } div.weissLabelEnglish3 { width: 25px; height: 181px; background-image: url(/joomla/images/englishWeissTableLegend_3.gif); background-repeat:no-repeat; } div.weissLabelEnglish4 { width: 25px; height: 181px; background-image: url(/joomla/images/englishWeissTableLegend_4.gif); background-repeat:no-repeat; } div.weissLabelEnglish5 { width: 25px; height: 181px; background-image: url(/joomla/images/englishWeissTableLegend_5.gif); background-repeat:no-repeat; } img.checkBox { margin: 0px 5px 0px 5px; width:15px; height:15px; } img.entryField { width:100px; height: 15px; margin: 5px 5px 5px 5px; } span.head {} span.normal {} span.practice-point {} table.new-tables {} table.w-1pt-border {} td.cell-style-2-tcaps { height: 20px; } .smallTfont, .smallTfont { /* small font to size table data without needing to use breaks */ font-weight: normal; font-size: 0.8em; } #moduleTop { /* this contains div.moduletable which currently only contains jflanguageselection right above the banner on the right*/ /* border: 1px solid #00ff00; */ margin: 2px 0px 2px 0px; padding: 0px 0px 0px 0px; text-align: right; height:15px; } #moduleTop div.moduletable { /* border: 1px solid #ff0000; */ /* margin: 0px 0px 0px 0px; */ padding: 0px 0px 0px 0px; position: float; float: right; margin-left: auto; margin-right: 3px; } div.moduletable_logout { /* border: 1px dashed #0000ff; */ /* margin: 0px 0px 0px 0px; */ padding: 0px 0px 0px 0px; position: float; float: right; margin-right: 10px; z-index: 3; } /* see the other 'ul.jflanguageselection > li > a > span' */ /*, .jflanguageselection > li > a > span:hover , .jflanguageselection > li > a > span:visited, .jflanguageselection > li > a > span:visited:hover { */ /* this is for the francais/english button */ .jflanguageselection > li > a > span{ margin: 0px 2px 0px 0px; padding: 0px 0px 0px 0px; list-style-image: none; list-style:none; text-align:right; /* width: 70px; */ } .jflanguageselection > li { list-style-image: none; text-align:right; /* margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 10px; */ } a.logoutButton, a.logoutButton:visited { color: #5b8c6c; position: relative; } a.logoutButton:hover { position: relative; color: #116099; } /* IE picks this one up , ul.jflanguageselection:visited, ul.jflanguageselection:visited:hover, , ul.jflanguageselection:hover */ ul.jflanguageselection { list-style: none; list-style-image: none; text-align:right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* font-size: 10px; */ } .debuggingStyle { color:green; font-size:3em; } #content_inner { text-align:right; } /* > table .content_table > tbody > tr > td */ /* ####################### CB etc. icons ################### */ #wholebody { padding-left:40px; } /* goes around the whole page so that there is a margin for the CB and EB icons */ table.wholedoc { margin-left:40px; } div.eb { background-image: url(/joomla/images/english_eb.png); background-repeat: no-repeat; background-position: left bottom; padding-top:30px; left:10px; /* top: 50px; */ position:absolute; width:31px; height:20px; /* z-index:1; */ } div.cb { background-image: url(/joomla/images/english_cb.png); background-repeat: no-repeat; background-position: left bottom; padding-top:30px; left:10px; /* top: 50px; */ position:absolute; width:31px; height:20px; /* z-index:1; */ } div.ebcb { background-image: url(/joomla/images/english_eb_cb.png); background-repeat: no-repeat; background-position: left bottom; padding-top:30px; left:10px; /* top: 50px; */ position:absolute; width:31px; height:70px; /* z-index:1; */ } div.dc { background-image: url(/joomla/images/francais_dc.png); background-repeat: no-repeat; background-position: left bottom; padding-top:30px; left:10px; /* top: 50px; */ position:absolute; width:31px; height:20px; /* z-index:1; */ } div.dp { background-image: url(/joomla/images/francais_dp.png); background-repeat: no-repeat; background-position: left bottom; padding-top:30px; left:10px; /* top: 50px; */ position:absolute; width:31px; height:20px; /* z-index:1; */ } div.dcdp { background-image: url(/joomla/images/francais_eb_cb.png); background-repeat: no-repeat; background-position: left bottom; padding-top:30px; left:10px; /* top: 50px; */ position:absolute; width:31px; height:70px; /* z-index:1; */ } /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /* ########################################################################################################################################### */ /*------------------------------------------------------------------------ # COMMUNITY BLUE 1.0 - April, 2007 # ------------------------------------------------------------------------ # Copyright (C) 2006-2007 Youjoomla.com, All Rights Reserved. # @license - Copyrighted Commercial Software -------------------------------------------------------------------------*/ /*****MAIN DIV'S LAYOUT.CSS *******/ /* * { margin: 0; padding: 0; } */ /* body { text-align: center; width: 99%; margin: 0px; padding: 0px; background: #ffffff ; } */ /* min-width: 70%; */ /* color: #5F5F5F; */ /* font: 66%/1.5 "Lucida Grande", Verdana, sans-serif; */ /*MENU DIVS*/ #menucontwrap{ margin:0 auto; width:100%; } #menucont { /* margin:0 auto; */ width:100%; text-align: left; margin-top:10px; } /*SEARCH DIV*/ div.search { padding-left: 40px; height:30px; background: url(../images/search.gif) no-repeat top left; } /*START LOGin div*/ #roundwrap3{ margin:0 auto; width:975px; /* border: dashed 1px #00aa00; */ } .login-tr { width:975px; margin:auto; padding:0; background-image: url(../images/login-tr.gif); background-repeat: no-repeat; background-position: right top; } .login-tl { margin:0; padding:0; background: url(../images/login-tl.gif) no-repeat left top; } .login-br { margin:0; padding:0; background: url(../images/login-br.gif) no-repeat right bottom; } .login-bl { margin:0; padding:0; background: url(../images/login-bl.gif) no-repeat left bottom; } .login-content { margin:0; color:#2E3F1B; text-align:left; height:80px; } span#register { position: absolute; left: 236px; top: 1px; z-index: 99; } span#register2 { float:left; width: 70px; height: 70px; margin-left:210px; margin-top:-23px; z-index: 99; } #signup{ margin-top:15px; margin-left:20px; width:93%; height:35px; display:block; float:left; background-image: url(../images/signuptoday.gif); background-repeat: no-repeat; background-position: left center; } span#loginmod{ position: absolute; left: 340px; top: 43px; z-index: 99; } #logmod{ float:left; margin-left:180px; margin-top:5px; display:block; width:400px; } #logmod2{ float:right; margin-top:10px; display:block; width:400px; } #fonttool{ float:right; text-align:right; margin-top:8px; } #fonttool img{border:0;} /*END LOGOindiv*/ /*START LOGO*/ .logo-content { background-image: url(../images/top_banner.png); margin:0px 0px 0px 0px; color:#2E3F1B; text-align:right; height:86px; width:975px; /* border: solid 1px #ff00ff; debugging */ } /*END LOGO*/ /* member corner*/ #roundshelf{ background-image: url(../images/memberarea_bg.gif); background-repeat: no-repeat; background-position: left top; float:right; margin:0 auto; height:230px; width:100%;/* IE7 crap*/ } #rorundmods1{ float: right; color:#FFFFFF; margin-top:10px; height:200px; } #rorundmods2{ float: right; color:#FFFFFF; margin-top:10px; height:200px; } #rorundmods3{ float: right; color:#FFFFFF; margin-top:10px; height:200px; } #rorundmods4{ float: right; color:#FFFFFF; margin-top:10px; height:200px; } #round_mods { background:none; text-align:center; margin:0 auto; padding:0px 0px 0px 0px; width: 93%; list-style-type: none; clear: both; font-size: 1em; } #round_mods ul li{ list-style-type:none; } #round_mods .moduletable{ color:#505F35; text-align:left; list-style-type: none; margin-right:20px; margin-top:10px; } #round_mods h3{ font-size:1.3em; color:#0090BE; padding: 0px 4px; background-image: url(../images/h3borderdark.gif); background-repeat: repeat-x; background-position: left bottom; margin-bottom:5px; } #round_mods a{ font-size:1.1em; color:#F4FFDF; } #round_mods a:hover{ /* font-size:1.0em; */ color:#0090BE; } #mod_loginform{ text-align:center; } #mod_loginform .inputbox{ text-align:left; height:20px; width:120px; /* irrelevant? */ font-size:18px; margin-top:20px; } .mod_login img { border:10px solid #0090BE; padding: 10px 10px 10px 10px; background:#D9F5FF; } .cbPosMiddle img, .cbPosRight img { border:1px solid #0090BE; padding: 15px 15px 15px 15px; background:#D9F5FF; } .cbMenu{ display:block; background:#ff6600; color:#a0a0a0; } /*end member corner*/ /*3 TOP MODULES SHELF WRAPER*/ #moduleswr{ margin:0 auto; width:98%; height:1%; text-align: left; clear: both; overflow:hidden; padding-bottom:15px; } #roundwrap{ margin:0 auto; width:100%; padding-bottom:10px; padding-top:10px; } .roundbox-content h3{ font-size:1.3em; color:#0090BE; padding: 0px 4px; background-image: url(../images/roundboxh3.jpg); background-repeat: repeat-x; background-position: left bottom; } #roundbox1,#roundbox2,#roundbox3{ float: right; background:none; } .roundbox div.module div div div p { margin:0; padding:10px 0; line-height:1.6; } .roundbox div.module { width:98%; margin:auto; padding:0; background:url(../images/roundbox_tr.jpg) no-repeat right top; } .roundbox div.module div { margin:0; padding:0; background: url(../images/roundbox_tl.jpg) no-repeat left top; } .roundbox div.module div div { margin:0; padding:0; background: url(../images/roundbox_br.jpg) no-repeat right bottom; } .roundbox div.module div div div{ margin:0; padding:2.8em 3.5em; color:#2E3F1B; text-align:left; background: url(../images/roundbox_bl.jpg) no-repeat left bottom; } .roundbox div.module.moduletable { margin:0; padding:2.5em 3.5em; color:#2E3F1B; text-align:left; } .roundbox div.module div div div h3{ font-size:1.3em; color:#0090BE; padding: 0px 0px; background-image: url(../images/roundboxh3.jpg); background-repeat: repeat-x; background-position: left bottom; } .roundbox moduletable p { margin:0; padding:10px 0px; line-height:1.6; } .clr{ clear: both; margin-bottom:40px ; } /*END ROUNDED BOXES*/ /*PATHWAY CONTAINER*/ #wrap2{ margin:0 auto; text-align:center; height:35px; overflow:hidden; margin-bottom:10px; width:980px; background:#D9F5FF url(../images/pathwaybg.jpg) no-repeat left bottom; } #pathway { margin:0 auto; text-align:left; color:#2FD2FF; width: 975px; height: 20px; color: #747474; padding: 8px 0px 40px 20px; } #pathway img{ visibility: hidden; /* HIDE DEFAULT ARROW.PNG */ } #pathway a{ padding-right: 30px; background: url(../images/arrow.png) no-repeat 100% 50%; font-size: 1.1em!important; } /*MODULES AND CONTENT LAYOUT*/ /********LEFT AND RIGHT SIDE MODULES********/ /* anything in the left table should use this style, so either reuse these DIV names, or add them to this list */ /* the image for the conference that is on the left, links to the conference section */ .moduletable-photosLeft img, .moduletable-conferenceImage img, .moduletable a img, .moduletablememberGreen a img { border-top: 1px solid #ffffff; border-bottom: 0px solid #ffffff; border-right: 0px solid #ffffff; border-left: 0px solid #ffffff; margin-top: 0px; } .moduletable-photosLeft, .moduletable-conferenceImage, .moduletablememberGreen , .moduletable { /* need .moduletable or else rename the table class in the admin section, */ /* the image for the conference that is on the left, links to the conference section */ position:relative; top:0px; left:0px; /* z-index:6; */ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px ; border:0px solid #ffffff; } /* what is this used for? */ /* .moduletable > table > tr > td { display:inline-block; white-space: nowrap; } */ #modules_L { overflow:visible; background: url(../images/shadow.gif) no-repeat bottom right; float:left; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } /* #modules_L div { */ #shadowDiv { /* background: url(shadowAlpha.png) no-repeat bottom right !important; background: url(shadow.gif) no-repeat bottom right; */ display: block; position: relative; /* background-color: #fff; */ /* border: 1px solid #a9a9a9; */ /* border: 0px solid #ff0000; */ margin: -6px 6px 6px -6px; padding: 0px; } /* #shadowDivInside { } */ div#modules_L_R { background: url(../images/shadow.gif) no-repeat bottom right; text-align:left; width: 206px; overflow:visible; overflow-x:visible; float:left; margin: 10px 0 0 10px !important; margin: 10px 0 0 5px; } #modules_R, #modules_R_Blue, #modules_R_Green{ text-align:left; float: right; /* width: 28%; */ width:220px; /* bam */ overflow:hidden; /* border: 1px solid #ff00ff; debugging */ } /*LEFT AND RIGHT PUBLISHED*/ #main { float:left; width: 753px; /* this goes around the left and mainbody */ overflow: hidden; text-align: left; } /* IF LEFT MODULE ONLY */ #main_left { float:left; width: 978px; overflow: hidden; /* why was this commented? Commenting this line makes the images pop up in front of the nav menu */ text-align: left; background: #ffffff; /* border:0px dashed #ff00ff; testing */ } #content { text-align:left; margin: 0; width:100%; float:left; color:#666; background: #ffffff; padding-top: 0px; } #mainbody { text-align:left; font-size:1.1em; float: right; width: 515px; padding-left: 5px; margin-bottom: 10px; /* border-right:1px dashed #D9F5FF; bam */ } #content_left { text-align:left; margin: 0; width:100%; float:right; color:#858484; background: #ffffff; padding-top: 0px; } #mainbody_left { text-align:left; font-size:1.1em; float: right; width: 720px; /* modify this to change the left-border on a 2-column page */ padding: 0px 20px 0px 5px; margin-bottom: 30px; /* border-left:1px dashed #ff0000; */ } /*RIGHT MODULE ONLY*/ #main_right { float:left; width: 71%; overflow: hidden; text-align: left; background: #ffffff; /* border-right:1px dashed #ff0000; */ } #content_right { text-align:left; margin: 0; width:100%; float:left; color:#858484; background: #ffffff; padding-top: 0px; } #mainbody_right { text-align:left; font-size:1.1em; float: left; width: 95%; padding: 20px; margin-bottom: 10px; } /*LEFT AND RIGHT UNPUBLISHED*/ #main_full { float:left; width: 100%; overflow: hidden; text-align: left; background: #ffffff; } #content_full { text-align:left; margin: 0; width:98%; float:left; color:#858484; background: #ffffff; padding-top: 0px; } #mainbody_full { text-align:left; font-size:1.1em; float: left; width: 97%; padding: 20px; margin-bottom: 10px; } /*FOOTER*/ #footer { /* margin: 0 auto; */ width: 980px; /* background:#0090BE; */ /* height: 70px; */ text-align:left; clear: both; border-top:1px solid #888888; /* border:1px solid #005570; */ } #copyr{ margin-top:10px; width:300px; float:left; text-align:left; color:#E6F5CA; } #copyr a{ color:#F1F6F0; } #copyr a:hover,#round_mods a:hover { color:#00617F; } #designed{ margin-top:10px; margin-right:10px; width:600px; float:right; text-align:right; height:50px; background-image: url(../images/desined.gif); background-repeat: no-repeat; background-position: right top; } #validate{ float:left; text-align:center; margin-top:13px; } #validate img{ border:0px; } span#youjoomla{ float:right; text-align:center; } span#youjoomla img{ border:0px; } /*******MAINBODY STYLE******/ #content a.readon:link, a.readon:visited , #content_left a.readon:link, a.readon:visited, #content_right a.readon:link, a.readon:visited, #content_full a.readon:link, a.readon:visited{ float: right; margin-top:10px; padding: 1px 5px 1px 16px; display: block; background:#2FD2FF; color: #2C2C2C; font-size: 0.87em; text-decoration: underline; } #content a.readon:hover, #content_left a.readon:hover, #content_right a.readon:hover, #content_full a.readon:hover { color: #2C2C2C; background:#D9F5FF; text-decoration:none; } ul li { list-style-type:none; } /* li { list-style-type:none; } debugging */ .contentpaneopen ul li { list-style-image: url(/joomla/images/bullet.gif); } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { padding-left: 25px; line-height: 170%; /* background: url(../images/li_content.gif) no-repeat 25px 8px */ } /********LEFT AND RIGHT SIDE MODULES********/ .roundTopBlue { background: url(../images/blue_corners_top.gif) no-repeat top left; /* order:1px solid #ffff00; */ padding-left:20px; padding-top:0px; height:15px; width:220px; /* this stuff is for the label "Login" etc */ text-align: left; font-size: 12px; font-weight: bold; color: #ffffff; } .roundMiddleBlue { /* border: 1px solid #ff0000; */ /* debugging */ background: url(../images/blue_corners_body.gif) repeat top left; background-repeat: repeat-y; /* background-attachment:fixed; */ /* background-position: top-left; */ width:220px; padding-left:20px; padding-right:20px; margin-bottom: 0px; } .roundBottomBlue { background: url(../images/blue_corners_bottom.gif) no-repeat bottom left; height:16px; /* width:220px; */ margin-bottom:15px; } /* this gets rid of the border in the login area */ table.moduletableroundTopBlue form fieldset.input { border: 0px solid #ff0000; */ /* debugging */ } #modules_R table.moduletable_roundTopBlue{ /* this table is for one module and contains #modules_R .moduletable form for the login; it might also contain the Ask A Doctor */ width: 220px; margin-bottom: 0px; margin-right:0px; padding:0px; /* border: 1px solid #ff0000; */ /* debugging */ /* background-attachment:fixed; */ background-position:top-left; text-align:left; } #modules_R table.moduletable_roundTopBlue td { text-align:left; } /** * label and box settings for the items in the right column - * please note that you must disable "show title" in the Module settings, * and put in the appropriate DIVs and label as per the loginForm module * also see #modules_L a **/ .roundMiddleBlue label { /* display:block; float:left; */ /* text-align: left; */ font-size: 10px; font-weight: bold; color: #ffffff; /* text-align: middle; */ vertical-align: middle; } .roundMiddleBlue a, .roundMiddleGreen a { color: #ffffff; } .roundMiddleBlue th, .roundMiddleGreen th { color: #ffffff; font-size: 14px; font-weight: bold; text-align: left; padding-bottom: 5px; } .blog-categories li, .blog-categories li { color: #ff0000; text-align: left; padding-bottom: 0px; } /** QUICK FAQ MODULE */ .mod_quickfaqroundTopGreen li, .mod_quickfaqroundTopBlue li{ padding-bottom: 7px; text-align: left; } ul.blog-categories{ padding-left: 10px; } ul.mod_quickfaqroundTopGreen { align: left; padding-left: 10px; } ul.mod_quickfaqroundTopBlue { align: left; padding-left: 10px; } .mod_quickfaqroundTopBlue a, .mod_quickfaqroundTopGreen a { color: #FFFFFF; } /** QUICK FAQ Cloud MODULE */ .mod_qftagcloudroundTopGreen li, .mod_qftagcloudroundTopBlue li{ text-align: left; } ul.mod_qftagcloudroundTopGreen { align: left; padding-left: 10px; } ul.mod_qftagcloudroundTopBlue { align: left; padding-left: 10px; } .mod_qftagcloudroundTopBlue a, .mod_qftagcloudroundTopGreen a { color: #FFFFFF; } /** BLOG TAGS */ .blog-tags li { /* padding-bottom: 7px; */ text-align: left; } ul.blog-tags { align: left; padding-left: 10px; } .blog-tags a { color: #FFFFFF; } /** ********************************************** */ /** begin GREEN rounded corner box **************** */ .roundTopGreen { background: url(../images/green_corners_top.gif) no-repeat top left; /* order:1px solid #ffff00; */ padding-left:20px; padding-top:0px; height:15px; /* the distance from the top of the box to the title - can not be smaller than the round corner height */ /* width:220px; */ /* this stuff is for the label "Login" etc */ text-align: left; font-size: 12px; font-weight: bold; color: #ffffff; } .roundMiddleGreen { /* border: 1px solid #ff0000; */ /* debugging */ background: url(../images/green_corners_body.gif) repeat top left; background-repeat: repeat-y; /* background-attachment:fixed; */ /* background-position: top-left; */ /* width:220px; */ padding-left:20px; padding-right:20px; } .roundBottomGreen { background: url(../images/green_corners_bottom.gif) no-repeat bottom left; height:16px; /* width:220px; */ } #modules_R table.moduletable_roundTopGreen { /* this table is for one module and contains #modules_R .moduletable form for the login; it might also contain the Ask A Doctor */ /* width: 220px; */ margin-bottom: 0px; margin-right:0px; padding:0px; /* border: 1px solid #ff0000; */ /* debugging */ /* background-attachment:fixed; */ background-position:top-left; text-align:left; } #modules_R table.moduletable_roundTopGreen td { text-align:left; } /** * label and box settings for the login box or other item in the right column - * please note that you must disable "show title" in the Module settings, * and put in the appropriate DIVs and label as per the loginForm module * also see #modules_L a **/ .roundMiddleGreen label { /* display:block; float:left; */ /* text-align: left; */ font-size: 10px; font-weight: bold; color: #ffffff; /* text-align: middle; */ vertical-align: middle; } /* end green cornered box ****************** */ #mod_login_username , #mod_login_password { width: 175px; display:block; float:left; height:20px; font-size:12px; margin-right:20px; } #mod_login_remember { width: 15px; height:15px; margin-top:3px; margin-bottom:3px; vertical-align: middle; /* position:relative; display:block; float:left; */ } /* #modules_R .inputbox { width: 175px; display:block; float:left; height:20px; font-size:15px; } */ /* margin-bottom: 25px; */ /* #modules_L table.moduletable,#modules_L_R table.moduletable{ }*/ #modules_L table.moduletable th,#modules_L_R table.moduletable th { text-align: left; font-size: 16px; font-weight: bold; color: #000000; /* height: 35px; */ text-decoration: none; padding: 3px 0px 5px 0px; text-transform: capitalize; } #modules_R table.moduletable th { text-align: left; font-size: 16px; font-weight: bold; color: #ffffff; /* height: 35px; */ text-decoration: none; /* padding: 0px 10px 0px 10px; */ width:180px; } /* bam - this is the box around the form called #modules_R .moduletable form */ #modules_L table.moduletable td,#modules_L_R table.moduletable td, #modules_R table.moduletable td { font-size: 0.9em; } #modules_L table.moduletable p,#modules_L_R table.moduletable p, #modules_R table.moduletable p { font-size: 1.1em; margin-left:5px; } #modules_L table.moduletable tr,#modules_L_R table.moduletable tr { font-size: 1.1em; } #modules_R table.moduletable tr{ font-size: 1.1em; /* width:180px; */ /* background: url(../images/blue_corners_body.gif) repeat top left; */ } /* bam - this is the login form inside the table called #modules_R table.moduletable */ #modules_L .moduletable form,#modules_L_R .moduletable form, #modules_R .moduletable form { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:180px; font-size:1em; /* border: 1px solid #0000aa; debugging */ } #modules_L .syndicate,#modules_L_R .syndicate,#modules_R .syndicate{ } #modules_L .sectiontableentry2,#modules_L .sectiontableentry1, #modules_L_R.sectiontableentry2,#modules_L_R .sectiontableentry1, #modules_R.sectiontableentry2,#modules_R .sectiontableentry1{ text-align:left; background-color:#ffffff; } /*ADDITIONAL MODULE STYLE*/ /* NEW STYLE NEWSLETTER*/ #modules_R table.moduletable_email, #modules_L_R table.moduletable_email { width: 94%; /* margin-bottom: 20px; */ /* margin-left:5px; */ height:92px; background-image: url(../images/rightmodule_bg_email.gif); background-repeat: no-repeat; background-position: right bottom; } #modules_R table.moduletable_email th, #modules_L_R table.moduletable_email th { width: 94%; margin-bottom: 0px; padding-left:15px; color:#5D91DD; text-align:left; background-image: url(../images/emailh3.gif); background-repeat: no-repeat; background-position: right bottom; font-size: 20px; text-transform: capitalize; font-weight: bold; border-bottom:1px solid #5D91DD; } #modules_R table.moduletable_email p, #modules_L_R table.moduletable_email p { display:block; width:80%; color:#666; padding-left:5px; padding-top:10px; } /*END NEW STYLE*/ /* NEW STYLE MEMBERS*/ #modules_R table.moduletable_member, #modules_L_R table.moduletable_member { width: 94%; margin-bottom: 20px; /* margin-left:5px; */ height:92px; background-image: url(../images/rightmodule_bg_member.gif); background-repeat: no-repeat; background-position: right bottom; border-bottom:1px dashed #2FD2FF; } #modules_R table.moduletable_member th, #modules_L_R table.moduletable_member th { width: 94%; margin-bottom: 0px; padding-left:15px; color:#FFBE79; text-align:left; background-image: url(../images/membershiph3.gif); background-repeat: no-repeat; background-position: right bottom; font-size: 20px; text-transform: capitalize; font-weight: bold; border-bottom:1px solid #2FD2FF; } #modules_R table.moduletable_member p, #modules_L_R table.moduletable_member p { display:block; width:80%; color:#666; padding-left:5px; padding-top:10px; } #modules_L table.moduletable_member { width: 94%; margin-bottom: 20px; margin-left:5px; height:92px; background-image: url(../images/rightmodule_bg_member.gif); background-repeat: no-repeat; background-position: right bottom; border-bottom:1px dashed #999999; } #modules_L table.moduletable_member th { width: 94%; margin-bottom: 0px; padding-left:15px; color:#FFBE79; text-align:left; font-size: 20px; text-transform: capitalize; font-weight: bold; border-bottom:1px solid #999999; } #modules_L table.moduletable_member p { display:block; width:80%; color:#666; padding-left:5px; padding-top:10px; } #modules_L table.moduletable_email { width: 94%; margin-bottom: 20px; margin-left:5px; height:92px; background-image: url(../images/rightmodule_bg_email.gif); background-repeat: no-repeat; background-position: right bottom; border-bottom:1px dashed #5D91DD; } #modules_L table.moduletable_email th { width: 94%; margin-bottom: 0px; padding-left:15px; color:#5D91DD; text-align:left; background-image: url(../images/emailh3.gif); background-repeat: no-repeat; background-position: right bottom; font-size: 20px; text-transform: capitalize; font-weight: bold; border-bottom:1px solid #5D91DD; } #modules_L table.moduletable_email p { display:block; width:80%; color:#666; padding-left:5px; padding-top:10px; } /*******TYPOGRAPHY********/ pre, .code { padding: 65px 15px 10px 15px; margin: 5px 0 15px; border: 2px dashed #F90D00; font: 1em/1.5 "Courier News", monospace; background: #F0F0F0 url(../images/typ/code.gif) no-repeat left top; color:#F90D00; } blockquote { padding: 15px 40px 15px 100px; background: url(../images/typ/quote.jpg) 20px 10px no-repeat; font: italic 1em/1.5 Georgia, Times, serif; } .dropcap { float: left; padding: 4px 8px 0 0; display: block; color: #0090BE; font: 50px/40px Georgia, Times, serif; } .error { padding: 5px 15px 12px 40px; color: #CC0000; background: url(../images/typ/error.gif) no-repeat center left; } .message { padding: 5px 15px 12px 40px; color: #006699; background: url(../images/typ/info.gif) no-repeat center left; } .tips { padding: 5px 15px 12px 40px; color: #FF5A00; background: url(../images/typ/tips.gif) no-repeat center left; } .highlight { border: 1px dashed #BFD9FF; padding: 0 5px; font-weight: bold; } p.sticky { color: #71ABFF; padding: 30px 20px 10px 60px; margin-top:10px; margin-bottom:10px; background: #fff url(../images/typ/sticky.jpg) no-repeat center left; border-bottom:2px dashed #71ABFF; } p.pin { color: #D9C272; padding: 30px 20px 10px 60px; margin-top:10px; margin-bottom:10px; background: #fff url(../images/typ/pin.jpg) no-repeat center left; border-bottom:2px dashed #D9C272; } p.clip { color: #E34603; margin-top:10px; margin-bottom:10px; padding: 30px 20px 10px 60px; background: #fff url(../images/typ/clip.jpg) no-repeat center left; border-bottom:2px dashed #E34603; } p.info { color: #809D40; padding: 30px 20px 10px 60px; margin-top:10px; margin-bottom:10px; background: #fff url(../images/typ/info.jpg) no-repeat center left; border-bottom:2px dashed #809D40; } .blocknumber { clear: both; padding: 5px 15px 10px; position: relative; } .bignumber { float: left; margin-right: 15px; margin-bottom: 5px; padding: 10px 10px; display: block; color: #0090BE; font: 30px/normal Arial, sans-serif; font-weight: bold; background-image: url(../images/typ/bignumb.gif); background-repeat: no-repeat; height:55px; width:55px; background-position: left top; } /****************DEFAULT TOP MENU********************/ /* #top-menu { height: 40px; background: url(../images/menubg.png) no-repeat center top; overflow:display; } */ #top-menu ul { margin: 0; padding: 0; float: left; background: url(../images/menubgborder.png) 0 0 no-repeat; } #top-menu ul ul ul { display:none; } #top-menu li { padding: 0; margin: 0; float: left; display: block; background: url(../images/menubar.png) 100% 0 no-repeat; } #top-menu li li { background:none; } #top-menu #active_menu { display:block; color:#0090BE; height: 30px; background:#BDEFFF url(../images/menubgborder.png) no-repeat right top; line-height:30px; } #top-menu li ul { width: 100%; display: none; margin: 0; padding: 0; position: absolute; top:33px; height: 20px; left: 0; } #top-menu a { color: #fff; text-decoration: none; cursor: pointer; background: url(../images/menubgborder.png) 100% 0 no-repeat; border-top:1px solid #57cdf2; border-left:1px solid #57CDF2; } #top-menu ul#mainlevel li a:hover { display:block; background:#BDEFFF url(../images/menubgborder.png) no-repeat right top; color:#0090BE; height: 30px; border-top:1px solid #57CDF2; border-left:1px solid #57CDF2; } #top-menu ul#mainlevel ul li a:hover { background:none; color:#0090BE; } #top-menu li ul a:hover, #top-menu li.mainlevel_current ul a:hover { color: #0090BE; } #top-menu li a { display: block; float: left; padding: 0 15px; height: 30px; line-height: 30px; } /* SUCKERFISH --------------------------------------------------------- */ #navdiv{ height: 60px; background: url(../images/menubg.png) no-repeat 0 0; width:980px; /* border: 1px solid #00ff99; */ } #nav { background: url(../images/menubgborder.png) 0 0 no-repeat; margin: 0; padding: 0; height: 31px; } #nav a { text-transform: capitalize; font-size: 11px; color: #fff; float: left; text-decoration: none; display: block; cursor: pointer; line-height: 30px; padding: 0 15px; } #nav a.topdaddy, /* temporarily messed up for testing */ #nav li a { background: url(../images/menubgborder.png) 100% 0 no-repeat; /* list-style-image: url(../images/menubgborder.png); *//* debugging */ list-style-image: none; /* bam */ } #nav li a:hover{ /* list-style-image: none; */ /* bam */ } #nav li li a{ font-weight: normal; padding-right: 10; padding-left: 0; text-indent: 15px; text-transform: uppercase; color: #939393; line-height: 25px; list-style-image: none; /* bam */ white-space: nowrap; /* bam - this keeps the text of the list item from taking two lines */ /* width: 100%; BAM - can't do this or IE will expand the width of this to the whole page, which stretches the containing UL */ } #nav li li a.daddy:link, #nav li li a.daddy:visited { /* background: url(../images/dropdownli.png) no-repeat 100% 50%; */ /* removed this smiley face image from nav */ list-style-image: none; /* bam */ } #nav ul li ul li a:hover{ background: none; /* list-style-image: none; */ /* bam */ } #nav ul li a:hover, #nav ul li ul li ul li a:hover { color: #ffffff; } #nav, #nav ul { /* float: left; */ list-style: none; margin: 0; padding: 0; list-style-image: none; /* bam */ } #nav ul ul a { display: block; color: #9FCDFF; text-decoration: none; /* width: 167px; debugging */ text-transform: none; font-size: 11px; text-align: left; } #nav li { float: left; padding: 0; /* background: none; */ height: 30px; list-style-image: none; /* bam */ } #nav ul li { position: relative; /* z-index: 1; 2009-09-21*/ /* width:160px; */ } #nav li ul { top: 30px; position: absolute; left: -999em; height: auto; width:22em; /* bam - this is where the width of the sub-nav is specified - also modify '#nav li li' below */ font-weight: normal; border-width: 0; margin: 0; padding: 0; border: 1px solid #0090BE; } #nav ul { padding: 0; margin: 0; margin-left: 2px; } #nav li ul ul { margin: -25px 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; background-color: #ffffff; /* hover colour on new main nav */ background: url("../images/active_top_nav_bg.png") repeat top left; } #nav li:hover a, #nav li.sfhover a { color: #fff; } #nav li li:hover a, #nav li li.sfhover a { color: #fff; } #nav li li:hover a:hover, #nav li li.sfhover a:hover { color: #ffffff; /* text of sub-menu hover */ } #nav ul ul a { background: none; } #nav li.active { background-color: #7BBE92; /* hover colour on new main nav */ background: url("../images/active_top_nav_bg.png") repeat top left; border: 1px solid #4DA9DC; height: 29px; /* margin: 1px 1px 1px 1px; */ } #nav li li.active { background: url("../images/active_top_nav_bg.png") repeat top left; border: 2px solid #4DA9DC; background: none; list-style-image: none; /* bam */ background-color: #7BBE92; /* hover colour on sub menus on new main nav */ } #nav li.active a { /* background-color: #aaa; */ position:relative; /* top:-1; */ } #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: #0090BE; } /* SUCKERFISH: moduletable_membernav */ #navdiv{ height: 60px; background: url(../images/menubg.png) no-repeat 0 0; width:980px; /* border: 1px solid #00ff99; */ } .moduletable_membernav { background: url(../images/menubg.png) 0 0 no-repeat; margin: 0; padding: 0; height: 31px; } .moduletable_membernav a { text-transform: capitalize; font-size: 11px; color: #fff; float: left; text-decoration: none; display: block; cursor: pointer; line-height: 30px; padding: 0 15px; } /* temporarily messed up for testing */ .moduletable_membernav a.topdaddy, .moduletable_membernav li a { /* background: url(../images/menubgborder.png) 100% 0 no-repeat; */ /* background: url(../images/menubgborder.png) 100% no-repeat; */ background: url(../images/membermenubgborder.png) 100% no-repeat; /* chachi added to add green lines between the menu items in the memebers' section */ /* list-style-image: url(../images/menubgborder.png); *//* debugging */ list-style-image: none; /* bam */ } .moduletable_membernav li a:hover{ /* list-style-image: none; */ /* bam */ } .moduletable_membernav li li a{ font-weight: normal; padding-right: 10; padding-left: 0; text-indent: 15px; text-transform: uppercase; color: #939393; line-height: 25px; list-style-image: none; /* bam */ white-space: nowrap; /* bam - this keeps the text of the list item from taking two lines */ /* width: 100%; BAM - can't do this or IE will expand the width of this to the whole page, which stretches the containing UL */ } .moduletable_membernav li li a.daddy:link, .moduletable_membernav li li a.daddy:visited { /* background: url(../images/dropdownli.png) no-repeat 100% 50%; */ /* removed this smiley face image from nav */ list-style-image: none; /* bam */ } .moduletable_membernav ul li ul li a:hover{ background: none; /* list-style-image: none; */ /* bam */ } .moduletable_membernav ul li a:hover, .moduletable_membernav ul li ul li ul li a:hover { color: #ffffff; } .moduletable_membernav, .moduletable_membernav ul { /* float: left; */ list-style: none; margin: 0; padding: 0; list-style-image: none; /* bam */ } .moduletable_membernav span { /* float: left; */ /* list-style: none;*/ /* margin: 0;*/ /* padding: 0;*/ color: #ffffff; /* Added by chachi */ text-transform: capitalize; /* Added by chachi */ font-size: 11px; /* Added by chachi */ float: left; /* Added by chachi */ text-decoration: none; /* Added by chachi */ display: block; /* Added by chachi */ cursor: pointer; /* Added by chachi */ line-height: 30px; /* Added by chachi */ padding: 0 15px; /* Added by chachi */ list-style-image: none; /* bam */ background-color: transparent; background-image: url(../images/menubgborder.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 0pt; list-style-image: none; } /* in play */ .moduletable_membernav li li { width: 200px; padding: 0; /* background: none; */ /* border-bottom: 1px solid #95DAEF; */ /* border-top: 1px solid #00ff00; */ /* this is defunct */ /* border-top: 1px solid #57CDF2; */ /* list-style-image: none; bam */ } /* in play */ #nav li li { padding: 0; border-top: 1px solid #57CDF2; /* this is the real border-top that works */ width:22em; } /* in play - only sub */ .moduletable_membernav li li li{ width: 200px; padding: 0; /* background: none; */ /* border-bottom: 1px solid #95DAEF; */ /* border-top: 1px solid #57CDF2; */ border-top: 1px solid #ff0000; /* background-image: url(../images/active_top_nav_bg.png); */ /* list-style-image: none; bam */ z-index: 5; /* to keep the sub-nav in the front, this has to be the highest z-index that is in play */ } .moduletable_membernav ul ul a { display: block; color: #9FCDFF; text-decoration: none; /* width: 167px; debugging */ text-transform: none; font-size: 11px; text-align: left; } .moduletable_membernav li { float: left; padding: 0; /* background: none; */ height: 30px; list-style-image: none; /* bam */ } .moduletable_membernav ul li { position: relative; /* z-index: 1; */ /* width:160px; */ } .moduletable_membernav li ul { top: 30px; position: absolute; left: -999em; height: auto; width:200px; /* width:22em; */ /* bam - this is where the width of the sub-nav is specified - also modify '.moduletable_membernav li li' below */ font-weight: normal; border-width: 0; margin: 0; padding: 0; border: 1px solid #0090BE; z-index: 3; } .moduletable_membernav ul { padding: 0; margin: 0; margin-left: 2px; } .moduletable_membernav li li { /* float: left; debugging */ padding: 0; width:200px; /* bam - this is where the width of the sub-nav is specified - also see '.moduletable_membernav li ul' above */ } .moduletable_membernav li ul ul { margin: -25px 0 0 170px; } .moduletable_membernav li:hover ul ul, .moduletable_membernav li:hover ul ul ul, .moduletable_membernav li:hover ul ul ul ul, .moduletable_membernav li.sfhover ul ul, .moduletable_membernav li.sfhover ul ul ul, .moduletable_membernav li.sfhover ul ul ul ul { left: -999em; } .moduletable_membernav li:hover ul, .moduletable_membernav li li:hover ul, .moduletable_membernav li li li:hover ul, .moduletable_membernav li li li li:hover ul, .moduletable_membernav li.sfhover ul, .moduletable_membernav li li.sfhover ul, .moduletable_membernav li li li.sfhover ul, .moduletable_membernav li li li li.sfhover ul{ /* z-index: 100; */ left: 0; } /* also in play */ .moduletable_membernav li:hover, .moduletable_membernav li.sfhover { left: 0; background: url("../images/active_top_nav_bg.png") repeat top left; z-index: 4; /* added this to keep the lines from behind from showing through */ } .moduletable_membernav li:hover a, .moduletable_membernav li.sfhover a { color: #fff; } .moduletable_membernav li li:hover a, .moduletable_membernav li li.sfhover a { color: #fff; } .moduletable_membernav li li:hover a:hover, .moduletable_membernav li li.sfhover a:hover { color: #ffffff; /* text of sub-menu hover */ } .moduletable_membernav ul ul a { background: none; } .moduletable_membernav li.active { background-color: #7BBE92; /* hover colour on new main nav */ background: url("../images/active_top_nav_bg.png") repeat top left; border: 1px solid #4DA9DC; height: 29px; /* margin: 1px 1px 1px 1px; */ } .moduletable_membernav li li.active { background: url("../images/active_top_nav_bg.png") repeat top left; border: 2px solid #4DA9DC; background: none; list-style-image: none; /* bam */ background-color: #7BBE92; /* hover colour on sub menus on new main nav */ } .moduletable_membernav li.active a { /* background-color: #aaa; */ position:relative; /* top:-1; */ } .moduletable_membernav li:hover ul, .moduletable_membernav li li:hover ul, .moduletable_membernav li li li:hover ul, .moduletable_membernav li li li li:hover ul, .moduletable_membernav li.sfhover ul, .moduletable_membernav li li.sfhover ul, .moduletable_membernav li li li.sfhover ul, .moduletable_membernav li li li li.sfhover ul{ background: #0090BE; } /*MENUS*/ /*LEFT AND RIGHT MENUS*/ #active_menu{ height:25px; line-height:25px; color: #0090BE; text-decoration:none; } div.moduletable h3 { visibility:hidden; height:1px; position:float; } /* is this defunct ? - was bottomnav */ /* a.mainlevel:link, a.mainlevel:visited , a.mainlevel { color:#a0a0a0; text-decoration:none; text-align: center; padding-left: 10px; margin-left: 0px; position:left; } */ /* .mainlevel { text-align: center; } */ /* background-image: url(../images/menuli_r.gif); background-repeat: no-repeat; background-position: right bottom; */ } #modules_L a.mainlevel:hover,#modules_L_R a.mainlevel:hover, #modules_R a.mainlevel:hover { color: #ffffff; /* font-weight: bold; */ background-image: url(../images/menuli_rhover.gif); background-repeat: no-repeat; background-position: right bottom; } #modules_L a, #modules_L_R a,#modules_R a{ /* height:25px; line-height:25px; */ color: #ffffff; text-decoration:none; } #modules_L a:hover,#modules_L_R a:hover,#modules_R a:hover{ /* height:25px; line-height:25px; */ color: #ffffff; text-decoration:none; } #modules_L a.sublevel:link,#modules_L a.sublevel:visited #modules_L_R a.sublevel:link,#modules_L_R a.sublevel:visited #modules_R a.sublevel:link,#modules_L_R a.sublevel:visited{ display: block; color:#2FD2FF; height: 25px; width: 100%; text-decoration:none; text-align: left; text-indent: 15px; line-height: 20px; } #modules_L a.sublevel:hover ,#modules_L_R a.sublevel:hover, #modules_R a.sublevel:hover{ color:#2FD2FF; display: block; height: 25px; width: 100%; } #modules_L #active_menu.sublevel,#modules_L_R #active_menu.sublevel, #modules_R #active_menu.sublevel{ color: #2FD2FF; display: block; height: 25px; width: 100%; text-decoration:none; } /*************JOOMLA STYLES.CSS***********/ h1 { color: #2FD2FF; font-size: 1.5em; font-weight: bold; padding: 0; } h2 { color: #2FD2FF; font-size: 1.4em; font-weight: bold; padding: 0; } h3 { color: #2FD2FF; font-size: 1.3em; font-weight: bold; padding: 0; } h4 { color: #2FD2FF; font-size: 1.2em; font-weight: bold; } h5 { color: #2FD2FF; font-size: 1.1em; font-weight: bold; } h6 { color: #2FD2FF; font-size: 1em; font-weight: bold; } /* ul { margin: 5px 0px 20px 30px; }*/ .mostread li { padding: 0px 5px 0 5px; list-style-type: none; } .latestnews li { padding: 0px 5px 0 0px; list-style-type: none; } /* li { padding: 5px 5px 0 5px; list-style-type: none; } debugging - do we need to blanket all LI tags? - tested and we seem fine without this style */ ol { margin-top: 5px; margin-bottom: 15px; } ol li { margin-left: 35px; line-height: 170%; } .mosimage { margin: 15px 15px 15px 0; padding: 5px; border: 1px dashed #D9F5FF; } * html .mosimage { /*IE 6*/ padding: 5px 0 !important; margin: 15px 10px 15px 0; } *+html .mosimage { /*IE 7*/ padding: 5px 0 !important; } .mosimage img { padding: 0 !important; margin: 0 !important; } .mosimage_caption { margin-top: 5px; padding: 1px 2px; color: #0090BE; background:#D9F5FF; } hr { background: transparent; height:1px; border: 1px solid #CCFF00; } hr.separator { background: transparent; height: 1px; width: 75px; border: 1px solid #CCFF00; } .pagenav { font-weight: normal; color: #555; } a.pagenav, a.pagenav:visited { font-weight: normal; color: #900000; } a.pagenav:hover { font-weight: normal; color: #2C2C2C; text-decoration: underline; } .small { font-size: 0.9em; color: #888; text-decoration: none; font-weight: normal; } .smalldark { font-size: 0.9em; color: #666; text-decoration: none; font-weight: normal; } .button { color: #ffffff; margin-top: 4px; font-weight: bold; text-align: center; font-size: 1em; background-color: #0090BE; border: 1px solid #eee; height: 22px; } .inputbox { font-size: 1.1em; color: #000000; background: #F8F8F8; border: 1px solid #DDD; padding-left: 2px; } /*#mainbody_right .inputbox, #mainbody .inputbox { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 2em; color: #000000; width:80%; height:30px; background: #F8F8F8; border: 2px solid #FC9305; padding-left: 2px; margin-bottom:5px; } .inputbox:hover { background: #E6ECEF; } #mod_login_remeber .input.inputbox { margin:3px;} */ /*******JOOMLA CONTENT****/ .createdate { font-size: 0.8em; color: #0090BE; text-decoration: none; font-weight: normal; padding: 0 0 23px 35px; background-image: url(../images/time.gif) ; background-repeat: no-repeat; background-position: left top; height: 30px; } .modifydate { font-size: 0.9em; color: #aaa; text-decoration: none; font-weight: normal; } #mainbody a.readon:link, a.readon:visited, #mainbody_left a.readon:link, a.readon:visited, #mainbody_right a.readon:link, a.readon:visited, #mainbody_full a.readon:link, a.readon:visited { float: left; margin-top:10px; padding: 1px 5px 1px 16px; display: block; background:#0090BE; color: #ffffff; font-size: 0.87em; text-decoration: none; } #mainbody a.readon:hover,#mainbody_left a.readon:hover, #mainbody_right a.readon:hover,#mainbody_full a.readon:hover{ color: #0090BE; background:#D9F5FF; text-decoration:none; } #mainbody .article_seperator,#mainbody_left .article_seperator, #mainbody_right .article_seperator,#mainbody_full .article_seperator{ padding: 0px; /* display: block; */ width:98%; /* border-bottom:1px dashed #ff0000; */ } .contentpane { background-color : #ffffff; padding:0px; visibility:hidden; /* bam */ } .contentpaneopen { background:transparent; padding: 0px 0px 0px 0px; /* bam */ margin: 0px 0px 0px 0px; } table.contentpaneopen { width:100%; } .contentpaneopen img { /* position:absolute; bam */ padding: 0px; /* bam */ /* visibility:hidden; bam */ } .buttonheading img { padding: 2px; } .contentheading { visibility: hidden; /* bam - hide the title of the pages - see also contentpaneopen*/ position:absolute; } .contentpagetitle { font-size: 1.3em; font-weight: bold; color: #2FD2FF; text-align:left; } .contentheading a { font-size: 1.3em; font-weight: normal; color: #2FD2FF; text-align:left; } .contentheading a:visited { font-size: 1.3em; font-weight: normal; color: #2FD2FF; text-align:left; } .contentheading a:hover { font-size: 1.3em; font-weight: normal; color: #0090BE; text-align:left; } .contentdescription { font-size: 1.1em; color: #bdbdbd; text-align: left; } .contentdescription img { padding-right: 5px; padding-top:10px; padding-bottom:10px; } table.contenttoc { color: #FF8F40; background-color: #343432; border: 1px dashed #2FD2FF; margin: 10px; padding: 0px; } table.contenttoc th{ background:#2FD2FF; color:#0090BE; text-align:left; padding-left:2px; height:20px; } table.contenttoc td { font-size: 0.9em; font-weight: normal; text-align:left; padding: 3px; } .content_rating { font-weight: normal; font-size: 0.9em; } .content_vote { font-weight: normal; font-size:0.9em; } .sectiontableheader { background-color : #D9F5FF; padding: 2px; color : #0090BE; font-weight : bold; } .sectiontableentry1 { background-color: #BDEFFF; color:#0090BE; } .sectiontableentry1 img, .sectiontableentry2 img { padding-right: 10px; padding-left: 5px; } .sectiontableentry2 { background-color : #D9F5FF; color:#0090BE; } .category { color: #bdbdbd; font-size: 1.1em; font-weight: bold; text-decoration: none; } a.category:link, a.category:visited { color: #2FD2FF; font-weight: bold; } a.category:hover { color: #0090BE; text-decoration: none; } a.blogsection:link, a.blogsection:visited { color: #1A6DA5; text-decoration: none; font-size: 1.1em; } a.blogsection:hover { color: #2C2C2C; text-decoration: underline; font-size: 1.1em; } .componentheading { font-size: 1.7em; font-weight: bold; color: #2FD2FF; text-align:left; border-bottom:1px dashed #2FD2FF; } .poll { text-align:left; font-size: 1.1em; color: #bdbdbd; line-height: 16px; margin-bottom: 10px; padding: 0px; } .pollstableborder { } .poll label { padding-left: 6px; } a.weblinks:link, a.weblinks:visited { color: #1A6DA5; text-decoration: none; font-weight: normal; } a.weblinks:hover { color: #2C2C2C; text-decoration: underline; } .newsfeedheading { font-size: 1.1em; font-weight: bold; color: #DCDCDC; } .newsfeeddate { font-size: 1em; color: #FFFF99; font-weight: normal; } .fase4rdf { font-size: 1.1em; color: #FFFFFF; font-weight: normal; } a.fase4rdf:link { font-size: 1.1em; font-weight: bold; color: #1A6DA5; text-decoration: none; } a.fase4rdf:hover { font-size: 1.1em; font-weight: bold; color: #2C2C2C; text-decoration: underline; } table.searchintro { background-color: #FFF; border: 1px solid #666; } table.contact { background-color: #333333; } table.contact td.icons { background-color: #333333; } table.contact td.details { background-color: #333333; font-size: 1.1em; } .syndicate { padding-top: 10px; } /***** JOOMLA ADMIN*****/ able.adminform { width: 400px!important; /*Control the Frontend Editor area width*/ } .adminform .inputbox { background:#fff; } .ontab { background-color: #323A15; border-left: outset 1px #DCF2FA; border-right: outset 1px #808080; border-top: outset 1px #DCF2FA; border-bottom: solid 1px #d5d5d5; text-align: center; font-weight: bold; color: #FFFFFF; } .offtab { background-color : #e5e5e5; border-left: outset 1px #E0E0E0; border-right: outset 1px #E0E0E0; border-top: outset 1px #E0E0E0; border-bottom: solid 1px #d5d5d5; text-align: center; font-weight: normal; } .tabpadding { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; } .tabheading { } .pagetext { visibility: hidden; display: none; position: relative; top: 0; } td, tr, p, div { font-family: Verdana, Arial, Helvetica, sans-serif; /* all text can be controlled with this tag and also ".text, .DefaultTd, .text2, .BodyText" at the top of this stylesheet */ color : #555555; font-size : 12px; }