how to correct css on IE8
my web site is working fine until / up to ie7. new IE8 give layout problem.
i am using joomla CMS. how can i fix it.
i checked the other solution no luck
http://luxurycakes.ca
thank you
~~~~~~~~~ index.php ~~~~~~~~~
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
defined( 'DS') || define( 'DS', DIRECTORY_SEPARATOR );
include_once (dirname(__FILE__).DS.'ja_
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootool
<meta http-equiv="X-UA-Compatibl
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-
<meta name="verify-v1" content="ob8pTAPUPF/osS3ob
<link href="<?php echo $tmpTools->templateurl();?
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl();?
<?php $tmpTools->genMenuHead(); ?>
<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOO
<?php //Include Slimbox ?>
<script type="text/javascript" src="<?php echo $tmpTools->templateurl();?
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl();?
<link rel="stylesheet" href="modules/mod_janewsli
<!--[if lte IE 6]>
<style type="text/css">
.clearfix {height: 1%;}
</style>
<![endif]-->
<!--[if gte IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<!--[if gte IE 8.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<?php
if ($tmpTools->isIE6()) {
?>
<script type="text/javascript">
var siteurl = '<?php echo $tmpTools->baseurl();?>';
window.addEvent ('domready', makeTransBG);
function makeTransBG() {
makeTransBg($$('#ja-cssmen
makeTransBg($('features'))
makeTransBg($('ja-colwrap-
$$('#ja-rsslide-navigation
makeTransBg(el, null, 'scale');
});
ie6pnghover ($('ja-rsslide-navigation-
ie6pnghover ($('ja-rsslide-navigation-
}
</script>
<style type="text/css">
</style>
<?php } ?>
<?php if (@$_REQUEST['view'] == 'frontpage') {?>
<style type="text/css">
.article_separator {display: none;}
</style>
<?php } ?>
</head>
~~~~~~~css file is~~~~~~~~~
/* COMMON STYLE
--------------------------
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: Tahoma ,Arial, Helvetica, sans-serif;
line-height: 1.5;
}
body#bd {
background: url(../images/grad1.gif) repeat-x top #292929;
color: #CCCCCC;
padding: 0 0 40px;
}
body.contentpane {
background: #FFFFFF;
color: #000000;
font-family: serif;
font-size: 12pt;
line-height: 140%;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {
font-size: 9px;
}
body.fs2{
font-size: 10px;
}
body.fs3{
font-size: 11px;
}
body.fs4{
font-size: 12px;
}
body.fs5{
font-size: 13px;
}
body.fs6{
font-size: 14px;
}
/* Normal link */
a {
color: #F09018;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #F09018;
text-decoration: underline;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
color: #CCCCCC;
}
/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
color: #666666;
font-size: 100%;
}
/* Heading */
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 15px 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
background: url(../images/bullet-list.
line-height: 180%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 35px;
}
th {
font-weight: bold;
padding: 5px;
text-align: left;
}
fieldset {
border: none;
background: url(../images/hdot.gif) repeat-x bottom left;
padding-bottom: 20px;
}
fieldset a {
font-weight: bold;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #CCCCCC;
height: 1px;
}
a img {
border: none;
}
td, div {
font-size: 100%;
}
address {
font-style: normal;
}
/* FORM
--------------------------
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
padding: 1px;
}
select, textarea, .inputbox {
background: #FFFFFF;
color: #666666;
}
.button {
background: url(../images/but-bg.gif) repeat-x center #000000;
border: 1px solid #000000;
color: #CCCCCC;
padding: 2px 8px;
}
* html .button, *+html .button {
padding: 2px 5px !important;
}
.inputbox {
background: #FFFFFF;
border: 1px solid #999999;
padding: 2px !important;
}
.inputbox:hover, .inputbox:focus {
background: #FFFFFF;
border: 1px solid #F09018;
}
.inputbox-hover{
background: #FFFFFF;
border: 1px solid #F09018;
padding:2px;
}
/*
.inputbox-select-hover{
background: #FFFFFF;
border: 2px solid red;
padding:0px;
margin:2px 0pt 0pt;
}*/
/* BONUS TYPOGRAPHY STYLES
--------------------------
pre, .code {
background: #333333;
border-left: 5px solid #141414;
margin: 5px 0 15px;
padding: 10px 15px;
}
blockquote {
padding: 1em 40px 1em 15px;
}
blockquote span.open {
background: url(../images/so-q.gif) no-repeat left top;
padding: 3px 0 3px 20px;
}
blockquote span.close {
background: url(../images/sc-q.gif) no-repeat bottom right;
padding: 3px 20px 3px 0;
}
/* Blockquote home */
blockquote.home {
margin: 0 0 5px 0;
padding: 0;
}
.home span.open {
background: url(../images/open-q.gif) no-repeat left top;
padding: 1px 0 2px 15px;
}
.home span.close {
background: url(../images/close-q.gif)
padding: 2px 15px 1px 0;
}
/* Dropcap */
.dropcap {
color: #F09018;
display: block;
float: left;
font: 50px/40px Georgia, Times, serif;
padding: 2px 8px 0 0;
}
/* Tips, Error, Message, Hightlight*/
.error {
background: url(../images/bullet-error
color: #FF3131;
padding-left: 25px;
}
.message {
background: url(../images/bullet-info.
color: #00AEEF;
padding-left: 25px;
}
.tips {
background: url(../images/bullet-tips.
color: #F09018;
padding-left: 25px;
}
.highlight {
font-weight: bold;
padding: 1px;
border-bottom: 1px dotted #F09018;
color: #F09018;
}
/* Note Style */
p.stickynote {
background: url(../images/sticky-bg.gi
border: 1px solid #4F4F4F;
padding: 10px 20px 20px 60px;
}
p.download {
background: url(../images/download-bg.
border: 1px solid #4F4F4F;
padding: 10px 20px 20px 60px;
}
.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}
/* Check list */
ul.checklist {
list-style: none;
}
ul.checklist li {
background: url(../images/checklist-bg
margin-left: 10px;
padding: 0 0 2px 20px;
}
/* Star list */
ul.stars {
list-style: none;
}
ul.stars li {
background: url(../images/bullet-star.
margin-left: 10px;
padding: 0px 0 2px 20px;
}
/* Arrow list */
ul.arrow {
list-style: none;
}
ul.arrow li {
background: url(../images/list-arrow.g
margin-left: 10px;
padding: 0px 0 2px 20px;
}
/* Smallnumber */
ol.smallnumber {
list-style: none;
margin: 0;
padding: 0;
}
ol.smallnumber li {
line-height: 150%;
margin: 10px 0 10px 20px;
padding: 3px 0 5px 40px;
}
ol.smallnumber li.number-1 {
background: url(../images/n-1.gif) no-repeat left top;
}
ol.smallnumber li.number-2 {
background: url(../images/n-2.gif) no-repeat left top;
}
ol.smallnumber li.number-3 {
background: url(../images/n-3.gif) no-repeat left top;
}
ol.smallnumber li.number-4 {
background: url(../images/n-4.gif) no-repeat left top;
}
ol.smallnumber li.number-5 {
background: url(../images/n-5.gif) no-repeat left top;
}
ol.smallnumber li.number-6 {
background: url(../images/n-6.gif) no-repeat left top;
}
ol.smallnumber li.number-7 {
background: url(../images/n-7.gif) no-repeat left top;
}
ol.smallnumber li.number-8 {
background: url(../images/n-8.gif) no-repeat left top;
}
ol.smallnumber li.number-9 {
background: url(../images/n-9.gif) no-repeat left top;
}
/* Bignumber */
.bignumber {
background: url(../images/ol-bg.gif) no-repeat top left;
color: #FFFFFF;
display: block;
float: left;
font: bold 20px/normal Arial, sans-serif;
margin-right: 8px;
padding: 7px 7px 5px 7px;
}
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}
div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
background: url(../images/icon-user.gi
font-weight: bold;
margin-left: 15px;
padding-left: 15px;
}
div.bubble1 div {
background: url(../images/bub1-br.gif)
margin: 0;
width: 100%;
}
div.bubble1 div div {
background: url(../images/bub1-bl.gif)
}
div.bubble1 div div div {
background: url(../images/bub1-tr.gif)
}
div.bubble1 div div div div {
background: url(../images/bub1-tl.gif)
}
div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}
div.bubble2 div {
background: url(../images/bub2-br.gif)
margin: 0;
width: 100%;
}
div.bubble2 div div {
background: url(../images/bub2-bl.gif)
}
div.bubble2 div div div {
background: url(../images/bub2-tr.gif)
}
div.bubble2 div div div div {
background: url(../images/bub2-tl.gif)
}
div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}
div.bubble3 div {
background: url(../images/bub3-br.gif)
margin: 0;
width: 100%;
}
div.bubble3 div div {
background: url(../images/bub3-bl.gif)
}
div.bubble3 div div div {
background: url(../images/bub3-tr.gif)
}
div.bubble3 div div div div {
background: url(../images/bub3-tl.gif)
}
div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}
div.bubble4 div {
background: url(../images/bub4-br.gif)
margin: 0;
width: 100%;
}
div.bubble4 div div {
background: url(../images/bub4-bl.gif)
}
div.bubble4 div div div {
background: url(../images/bub4-tr.gif)
}
div.bubble4 div div div div {
background: url(../images/bub4-tl.gif)
}
div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}
/* Legend */
.legend-title {
background: #292929;
display: block;
color: #FFFFFF;
float: left;
font-size: 100%;
font-weight: bold;
left: 7px;
margin: 0;
padding: 0 4px;
position: absolute;
top: -10px;
text-transform: uppercase;
}
.legend {
background: #292929;
border: 1px solid #4F4F4F;
margin: 15px 0;
padding: 0 10px;
position: relative;
}
/* JOOMLA STYLE
--------------------------
table.blog {
}
.article_separator {
background: url(../images/hdot.gif) repeat-x center;
display: block;
height: 30px;
}
#ja-col1 .article_seperator, #ja-col2 .article_seperator {
display: none;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
}
table.contenttoc a {
}
table.contenttoc td {
background: url(../images/bullet-list.
padding: 3px 5px 3px 22px;
}
table.contenttoc th {
background: #505050;
border: 1px solid #292929;
border-bottom-width: 5px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
text-indent: 5px;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder .sectiontableheader {
padding: 8px 5px !important;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 2px!important;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #333333;
border: none;
}
table.pollstableborder tr.sectiontableentry2 td {
border: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px !important;
}
table.adminform {
width: 500px !important; /*Control the Frontend Editor area width*/
}
.adminForm input.inputbox {
width: 200px !important;
}
.adminForm textarea.inputbox {
width: 335px !important;
}
.blog_more {
margin: 10px 0 20px;
background: #333333;
padding: 10px;
}
.blog_more strong {
display: block;
font-size: 155%;
margin: 0 0 8px;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url(../images/bullet-list.
margin: 0;
padding: 0 0 0 13px;
}
td.buttonheading {
padding: 0 0 0 8px!important;
text-align: center;
}
.category {
font-weight: bold;
}
.clr {
clear: both;
}
.componentheading {
background: url(../images/dot.gif) repeat-x bottom;
color: #CCCCCC;
font-size: 250%;
margin-bottom: 10px;
padding: 0 0 5px 0;
}
.contentdescription {
padding-bottom: 30px;
}
.contentheading {
font-size: 200%;
padding: 5px 0;
}
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
color: #FFFFFF;
text-decoration: none;
}
a.readon {
display: block;
float: left;
padding: 1px 5px;
background: #333333;
border: 2px solid #333333;
}
a.readon:hover, a.readon:active, a.readon:focus {
background: #F09018;
border: 2px solid #333333;
text-decoration: none;
color: #FFFFFF;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.createdate {
}
.modifydate {
height: 15px;
}
.moduletable, .moduletable_menu {
padding: 0;
}
.mosimage {
margin: 5px 15px 5px 0;
padding: 0 0 5px;
}
* html .mosimage {
margin: 5px 5px 10px 0;
padding: 0 !important; /*IE 6*/
}
*+html .mosimage {
margin: 5px 10px 10px 0;
padding: 0 !important; /*IE 7*/
}
.mosimage img {
margin: 0 !important;
padding: 0 !important;
}
.mosimage_caption {
margin-top: 3px;
padding: 1px 2px;
}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
border: 1px solid #505050;
color: #CCCCCC;
padding: 3px 6px !important;
padding: 1px 4px ;
text-decoration: none;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
background: #F09018;
color: #FFFFFF;
padding: 3px 6px;
text-decoration: none;
}
.pagenavbar {
background: url(../images/pages.gif) no-repeat center left;
padding-left: 14px;
}
.pagenavcounter {
background: url(../images/pages.gif) no-repeat 0 11px;
padding: 8px 14px 0 14px;
}
.sectiontableheader {
background: #505050;
border: 1px solid #292929;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
tr.sectiontableentry1 td {
background: url(../images/hdot.gif) repeat-x bottom;
padding: 7px 5px;
}
tr.sectiontableentry2 td {
background: url(../images/hdot.gif) repeat-x bottom;
padding: 7px 5px;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
/* MAIN LAYOUT DIVS
--------------------------
#ja-wrapper {
clear: both;
margin: 0 auto;
width: 950px;
}
.narrow #ja-wrapper {
width: 770px;
}
/* PRIMARY COLUMN
--------------------------
#ja-content {
background: url(../images/content-cent
float: left;
width: 58%;
}
#ja-content div.ja-innerpad {
clear: both;
display: block;
margin: 0;
padding: 0 0 0 3px;
}
/* SECONDARY COLUMNS
--------------------------
#ja-colwrap {
background: url(../images/col-center.g
float: right;
overflow: hidden;
width: 40%;
}
#ja-colwrap-top {
background: url(../images/col-top.png)
}
#ja-colwrap-bot {
background: url(../images/col-bot.gif)
overflow: hidden;
}
.narrow #ja-colwrap {
background: url(../images/col-center-n
}
.narrow #ja-colwrap-top {
background: url(../images/col-top-n.pn
}
.narrow #ja-colwrap-bot {
background: url(../images/col-bot-n.gi
}
#ja-col1 {
float: left;
overflow: hidden;
width: 50%;
}
#ja-col1 div.ja-innerpad{
padding: 15px;
}
#ja-col2 {
float: right;
overflow: hidden;
width: 49.9%;
}
#ja-col2 div.ja-innerpad{
padding: 15px;
}
#ja-col1 table, #ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-col1 ul, #ja-col2 ul {
margin: 0;
padding: 0;
}
#ja-col1 ul li, #ja-col2 ul li {
background: url(../images/bullet-list.
padding-left: 13px;
}
#ja-masscol .article_seperator {
display: none;
}
/* COLLAPSIBLE LAYOUT
--------------------------
#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-f {
padding: 0;
}
#ja-container {
padding: 15px 0;
}
/* full */
#ja-containerwrap-f #ja-content {
float: none;
width: 100%;
}
/* content + col */
#ja-containerwrap-c #ja-content {
width: 76%;
}
#ja-containerwrap-c #ja-colwrap {
width: 22%;
background: none;
}
#ja-containerwrap-c #ja-colwrap-top {
background: none;
}
#ja-containerwrap-c #ja-colwrap-bot {
background: none;
}
#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
width: 100%;
}
/* HEADER
--------------------------
#ja-headerwrap {
position: relative;
z-index: 10;
}
#ja-header {
height: 90px;
position: relative;
z-index: 999;
}
h1.logo {
font-size: 300%;
height: 80px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 370px;
}
h1.logo a {
background: url(../images/logo.gif) no-repeat;
display: block;
float: left;
height: 80px;
outline: none;
text-indent: -5000px;
text-transform: uppercase;
width: 370px;
}
/* MAIN NAVIGATION
--------------------------
#ja-mainnav {
height: 40px;
z-index: 10;
background: url(../images/mainnav-bg.g
position: relative;
}
#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
outline: none;
}
#ja-mainnav span.separator {
display: block;
}
/* Default Joomla! Menu */
a.mainlevel {
color: #CCCCCC;
display: block;
padding: 6px 0 7px;
text-decoration: none;
text-indent: 5px;
width: 99%;
background: url(../images/hdot.gif) repeat-x bottom left;
}
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
color: #F09018 !important;
text-decoration: none;
background: url(../images/hdot.gif) repeat-x bottom left #333333;
}
a.mainlevel#active_menu {
color: #FFFFFF;
font-weight: bold;
background: url(../images/mainlevel-ac
}
a.sublevel {
background: url(../images/bullet-list.
color: #CCCCCC;
display: block;
padding: 5px 4px 5px 15px;
text-decoration: none;
}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #F09018;
text-decoration: underline;
}
#active_menu {
color: #F09018;
font-weight: bold;
}
/* Topnav */
#ja-topnav {
position: absolute;
top: 10px;
right: 20px;
}
#ja-topnav ul {
float: left;
margin: 0;
padding: 0;
}
#ja-topnav li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
#ja-topnav li a {
background: url(../images/vline.gif) no-repeat center right;
display: inline;
padding: 0 10px;
color: #999999;
}
/* Pathway*/
#ja-pathway {
height: 27px;
line-height: 27px;
text-indent: 3px;
}
#ja-pathway img {
margin: 0 5px 1px;
}
#ja-pathway a {
}
/* MODULE
--------------------------
div.moduletable h3,
div.moduletable_menu h3 {
color: #F09018;
font-size: 115%;
line-height: normal;
margin: 0 0 10px;
padding: 0 0 5px;
text-transform: uppercase;
border-bottom: 1px solid #4f4f4f;
}
div.moduletable,
div.moduletable_menu {
padding: 10px 10px 15px;
margin: 10px 0 10px 10px;
}
#ja-topsl-col1 div.moduletable h3,
#ja-topsl-col1 div.moduletable_menu h3 {
margin: 0 -10px 8px;
padding: 5px 10px;
border: 1px solid #141414;
background: #252525;
}
#ja-topsl-col1 div.moduletable,
#ja-topsl-col1 div.moduletable_menu {
margin-top: 0;
margin-bottom: 0;
}
#ja-containerwrap-c div.moduletable,
#ja-topsl-col2 div.moduletable,
#ja-containerwrap-c div.moduletable_menu,
#ja-topsl-col2 div.moduletable_menu {
border: 1px solid #141414;
background: #252525;
}
#ja-topsl-col2 div.moduletable,
#ja-topsl-col2 div.moduletable_menu {
padding-bottom: 20px;
}
#ja-col1 div.moduletable,
#ja-col1 div.moduletable_menu {
margin: 5px 0 10px 15px;
}
#ja-col2 div.moduletable,
#ja-col2 div.moduletable_menu {
margin: 5px 5px 10px 0;
}
div.module h3,
div.module_menu h3 {
font-size: 115%;
margin: 0px -10px 0px -10px;
padding-right:-10px;
height: 33px;
line-height: 33px;
white-space: nowrap;
text-transform: uppercase;
text-align: center;
/*background: url(../images/h3-bg.png) no-repeat center;*/
}
div.module div div, div.module_menu div div {
background: url(../images/h3-bg.png) no-repeat top center;
}
div.module-notitle div div,
div.module div div div,
div.module_menu div div div {
background: none;
}
div.module,
div.module-notitle,
div.module_menu {
margin: 0 5px 15px;
overflow: hidden;
padding: 0;
}
div.module div,
div.module-notitle div,
div.module_menu div {
padding: 0;
border: 1px solid #141414;
}
div.module div div,
div.module-notitle div div,
div.module_menu div div {
padding: 0px 10px;
border: 1px solid #505050;
}
div.module div div div,
div.module-notitle div div div,
div.module_menu div div div {
padding: 0;
border: none;
}
div.module div div div div,
div.module-notitle div div div div,
div.module_menu div div div div
{
overflow: hidden;
}
/* SPOTLIGHT
--------------------------
/* Spotlight Box Style */
.ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-full {
float: none;
overflow: hidden;
margin: 0;
}
.ja-box-left div.moduletable,
.ja-box-left div.moduletable_menu {
margin: 0 5px 0 0;
}
.ja-box-right div.moduletable,
.ja-box-left div.moduletable_menu {
margin: 0 0 0 5px;
}
.ja-box-center div.moduletable,
.ja-box-center div.moduletable_menu {
margin: 0 5px;
}
/* Top Spotlight */
#ja-topsl {
margin: 10px 0;
background: url(../images/dot.gif) repeat-x bottom left;
padding-bottom: 10px;
}
#ja-topsl-main {
width: 58%;
float: left;
margin-top: 8px;
}
#ja-topsl-cols {
width: 40%;
float: right;
}
#ja-topsl-col1 {
width: 50%;
float: left;
}
#ja-topsl-col2 {
width: 50%;
float: right;
}
#ja-topsl ul {
margin: 0;
padding: 0;
}
#ja-topsl li {
background: url(../images/bullet-star.
margin: 0;
padding-left: 22px;
}
#ja-topsl a.readon:hover, #ja-topsl a.readon:active, #ja-topsl a.readon:focus {
color: #FFFFFF;
}
/* Bottom Spotlight */
#ja-botsl {
clear: both;
padding: 0;
}
/* Common Style for Spotlight */
#ja-botsl ul {
margin: 0 0 0 2px;
padding: 0;
}
#ja-botsl li {
background: url(../images/bullet-list.
margin: 0;
padding-left: 12px;
}
#ja-topsl td, #ja-botsl td {
padding: 0;
}
#ja-topsl .article_seperator, #ja-botsl .article_seperator {
display: none;
}
#ja-topsl table, #ja-botsl table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-topsl a, #ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #CCCCCC;
}
/* FOOTER
--------------------------
#ja-footerwrap {
clear: both;
margin-top: 10px;
}
#ja-footer {
background: url(../images/dot.gif) repeat-x top;
clear: both;
padding: 10px 0 0;
position: relative;
}
#ja-footer small {
color: #999999;
display: block;
float: left;
font-style: normal;
line-height: normal;
padding: 4px 0 0 10px;
}
#ja-footer a {
text-decoration: none;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
text-decoration: underline;
}
/* USER TOOLS
--------------------------
#ja-usertoolswrap {
float: right;
margin-top: 12px;
width: 15px;
height: 20px;
display: block;
background: url(../images/arrow3.gif) no-repeat 50% 5px;
position: relative;
z-index: 99;
}
#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-tools
background: url(../images/arrow4.gif) no-repeat 50% 5px;
}
span.ja-sitetool {
margin: 0;
width: 15px;
height: 20px;
display: block;
cursor: pointer;
}
#ja-usertoolswrap:hover #ja-usertools,
#ja-usertoolswrap.ja-tools
display: block;
top: 20px;
right: 0;
}
#ja-usertools {
padding: 0;
float: right;
display: none;
background: #CCCCCC;
border: 1px solid #999999;
font-size: 11px;
position: absolute;
top: 100%;
}
#ja-usertools ul {
float: left;
margin: 0;
padding: 4px 5px 2px;
}
#ja-usertools li {
float: left;
display: block;
margin: 0;
padding: 0;
background: none;
line-height: normal;
}
#ja-usertools img {
padding: 0 2px;
}
/* MISCELLANOUS
--------------------------
ul.accessibility {
position: absolute;
top: -100%;
}
div.ja-innerdiv {
background: url(../images/hdot.gif) repeat-x bottom left;
margin: 0 -2px;
overflow: hidden;
padding: 8px 3px;
}
div.ja-innerdiv:hover {
background: url(../images/hdot.gif) repeat-x bottom left #333333;
}
#ja-banner {
clear: both;
display: block;
margin: 10px 0 0;
text-align: center;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
}
/* Login Form */
#ja-login {
position: absolute;
bottom: 20px;
right: 0;
}
#ja-login form {
float: left;
}
#ja-login form label {
float: left;
}
label.ja-login-user span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-user.gi
width: 20px;
height: 20px;
}
label.ja-login-password span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-key.gif
width: 20px;
height: 20px;
}
#ja-login form input.button {
font-size: 11px !important;
float: left;
}
#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
width: 110px;
margin: 1px 8px 0 0;
}
#ja-login form a {
padding-left: 5px;
border-left: 1px solid #CCCCCC;
}
/* Quick Jump */
#ja-qj {
display: block;
height: 28px;
position: absolute;
right: 10px;
top: 5px;
}
#ja-qj .inputbox {
color: #333333;
font-size: 11px;
margin: 2px 0 0;
padding: 2px 2px 2px 4px;
width: 165px;
}
/* search */
#ja-search {
background: url(../images/icon-search.
padding-left: 20px;
position: absolute;
right: 8px;
top: 10px;
}
#ja-search #mod_search_searchword{
/*border: 1px solid #141414;*/
width: 150px;
}
#ja-search #mod_search_searchword:hov
border: 1px solid #F09018;
}
/* RS Gallery elements */
ul#ja-rsmenu {
margin: 0;
padding: 0;
}
ul#ja-rsmenu li {
margin: 0;
padding: 0;
background: none;
}
.rsg2 div.moduletable,
.rsg2 div.moduletable_menu {
margin: 20px 0 10px;
}
.rsg2-pageNav {
text-align: center;
}
div.rsg2-toolbar {
margin-top: 10px;
}
div.rsg2-toolbar a {
padding: 0;
text-transform: uppercase;
outline: none;
font-size: 125%;
font-weight: bold;
display: block;
position: relative;
height: 30px;
background: url(../images/download_f2.
}
div.rsg2-toolbar a span {
position: absolute;
top: 25%;
left: 40%;
}
div.rsg2-toolbar a br {
display: none;
}
div.rsg2-toolbar a img {
display: none;
}
div.rsg2-mygalleries-links
color: #F09018 !important;
}
div.rsg2-mygalleries-links
div.rsg2-mygalleries-links
div.rsg2-mygalleries-links
color: #F09018 !important;
}
/*votting*/
.star-rating {
background: url(../images/star_rating.
}
.star-rating li a:hover{
background: url(../images/star_rating.
}
a.active-full {
background: url(../images/star_rating.
}
a.active-full:hover {
background: url(../images/star_rating.
}
a.active-half {
background: url(../images/star_half.pn
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
height: 100% !important;
height: auto;
margin-bottom: 1px;
}
i am using joomla CMS. how can i fix it.
i checked the other solution no luck
http://luxurycakes.ca
thank you
~~~~~~~~~ index.php ~~~~~~~~~
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
defined( 'DS') || define( 'DS', DIRECTORY_SEPARATOR );
include_once (dirname(__FILE__).DS.'ja_
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootool
<meta http-equiv="X-UA-Compatibl
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-
<meta name="verify-v1" content="ob8pTAPUPF/osS3ob
<link href="<?php echo $tmpTools->templateurl();?
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl();?
<?php $tmpTools->genMenuHead(); ?>
<link href="<?php echo $tmpTools->templateurl(); ?>/css/colors/<?php echo $tmpTools->getParam(JA_TOO
<?php //Include Slimbox ?>
<script type="text/javascript" src="<?php echo $tmpTools->templateurl();?
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl();?
<link rel="stylesheet" href="modules/mod_janewsli
<!--[if lte IE 6]>
<style type="text/css">
.clearfix {height: 1%;}
</style>
<![endif]-->
<!--[if gte IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<!--[if gte IE 8.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<?php
if ($tmpTools->isIE6()) {
?>
<script type="text/javascript">
var siteurl = '<?php echo $tmpTools->baseurl();?>';
window.addEvent ('domready', makeTransBG);
function makeTransBG() {
makeTransBg($$('#ja-cssmen
makeTransBg($('features'))
makeTransBg($('ja-colwrap-
$$('#ja-rsslide-navigation
makeTransBg(el, null, 'scale');
});
ie6pnghover ($('ja-rsslide-navigation-
ie6pnghover ($('ja-rsslide-navigation-
}
</script>
<style type="text/css">
</style>
<?php } ?>
<?php if (@$_REQUEST['view'] == 'frontpage') {?>
<style type="text/css">
.article_separator {display: none;}
</style>
<?php } ?>
</head>
~~~~~~~css file is~~~~~~~~~
/* COMMON STYLE
--------------------------
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: Tahoma ,Arial, Helvetica, sans-serif;
line-height: 1.5;
}
body#bd {
background: url(../images/grad1.gif) repeat-x top #292929;
color: #CCCCCC;
padding: 0 0 40px;
}
body.contentpane {
background: #FFFFFF;
color: #000000;
font-family: serif;
font-size: 12pt;
line-height: 140%;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {
font-size: 9px;
}
body.fs2{
font-size: 10px;
}
body.fs3{
font-size: 11px;
}
body.fs4{
font-size: 12px;
}
body.fs5{
font-size: 13px;
}
body.fs6{
font-size: 14px;
}
/* Normal link */
a {
color: #F09018;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #F09018;
text-decoration: underline;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, .nftitle {
color: #CCCCCC;
}
/* Small text */
small, .small, .smalldark, .mosimage_caption, .createdate, .modifydate {
color: #666666;
font-size: 100%;
}
/* Heading */
h1 {
font-size: 175%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4 {
font-size: 100%;
text-transform: uppercase;
}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 15px 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
background: url(../images/bullet-list.
line-height: 180%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 35px;
}
th {
font-weight: bold;
padding: 5px;
text-align: left;
}
fieldset {
border: none;
background: url(../images/hdot.gif) repeat-x bottom left;
padding-bottom: 20px;
}
fieldset a {
font-weight: bold;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #CCCCCC;
height: 1px;
}
a img {
border: none;
}
td, div {
font-size: 100%;
}
address {
font-style: normal;
}
/* FORM
--------------------------
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
padding: 1px;
}
select, textarea, .inputbox {
background: #FFFFFF;
color: #666666;
}
.button {
background: url(../images/but-bg.gif) repeat-x center #000000;
border: 1px solid #000000;
color: #CCCCCC;
padding: 2px 8px;
}
* html .button, *+html .button {
padding: 2px 5px !important;
}
.inputbox {
background: #FFFFFF;
border: 1px solid #999999;
padding: 2px !important;
}
.inputbox:hover, .inputbox:focus {
background: #FFFFFF;
border: 1px solid #F09018;
}
.inputbox-hover{
background: #FFFFFF;
border: 1px solid #F09018;
padding:2px;
}
/*
.inputbox-select-hover{
background: #FFFFFF;
border: 2px solid red;
padding:0px;
margin:2px 0pt 0pt;
}*/
/* BONUS TYPOGRAPHY STYLES
--------------------------
pre, .code {
background: #333333;
border-left: 5px solid #141414;
margin: 5px 0 15px;
padding: 10px 15px;
}
blockquote {
padding: 1em 40px 1em 15px;
}
blockquote span.open {
background: url(../images/so-q.gif) no-repeat left top;
padding: 3px 0 3px 20px;
}
blockquote span.close {
background: url(../images/sc-q.gif) no-repeat bottom right;
padding: 3px 20px 3px 0;
}
/* Blockquote home */
blockquote.home {
margin: 0 0 5px 0;
padding: 0;
}
.home span.open {
background: url(../images/open-q.gif) no-repeat left top;
padding: 1px 0 2px 15px;
}
.home span.close {
background: url(../images/close-q.gif)
padding: 2px 15px 1px 0;
}
/* Dropcap */
.dropcap {
color: #F09018;
display: block;
float: left;
font: 50px/40px Georgia, Times, serif;
padding: 2px 8px 0 0;
}
/* Tips, Error, Message, Hightlight*/
.error {
background: url(../images/bullet-error
color: #FF3131;
padding-left: 25px;
}
.message {
background: url(../images/bullet-info.
color: #00AEEF;
padding-left: 25px;
}
.tips {
background: url(../images/bullet-tips.
color: #F09018;
padding-left: 25px;
}
.highlight {
font-weight: bold;
padding: 1px;
border-bottom: 1px dotted #F09018;
color: #F09018;
}
/* Note Style */
p.stickynote {
background: url(../images/sticky-bg.gi
border: 1px solid #4F4F4F;
padding: 10px 20px 20px 60px;
}
p.download {
background: url(../images/download-bg.
border: 1px solid #4F4F4F;
padding: 10px 20px 20px 60px;
}
.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}
/* Check list */
ul.checklist {
list-style: none;
}
ul.checklist li {
background: url(../images/checklist-bg
margin-left: 10px;
padding: 0 0 2px 20px;
}
/* Star list */
ul.stars {
list-style: none;
}
ul.stars li {
background: url(../images/bullet-star.
margin-left: 10px;
padding: 0px 0 2px 20px;
}
/* Arrow list */
ul.arrow {
list-style: none;
}
ul.arrow li {
background: url(../images/list-arrow.g
margin-left: 10px;
padding: 0px 0 2px 20px;
}
/* Smallnumber */
ol.smallnumber {
list-style: none;
margin: 0;
padding: 0;
}
ol.smallnumber li {
line-height: 150%;
margin: 10px 0 10px 20px;
padding: 3px 0 5px 40px;
}
ol.smallnumber li.number-1 {
background: url(../images/n-1.gif) no-repeat left top;
}
ol.smallnumber li.number-2 {
background: url(../images/n-2.gif) no-repeat left top;
}
ol.smallnumber li.number-3 {
background: url(../images/n-3.gif) no-repeat left top;
}
ol.smallnumber li.number-4 {
background: url(../images/n-4.gif) no-repeat left top;
}
ol.smallnumber li.number-5 {
background: url(../images/n-5.gif) no-repeat left top;
}
ol.smallnumber li.number-6 {
background: url(../images/n-6.gif) no-repeat left top;
}
ol.smallnumber li.number-7 {
background: url(../images/n-7.gif) no-repeat left top;
}
ol.smallnumber li.number-8 {
background: url(../images/n-8.gif) no-repeat left top;
}
ol.smallnumber li.number-9 {
background: url(../images/n-9.gif) no-repeat left top;
}
/* Bignumber */
.bignumber {
background: url(../images/ol-bg.gif) no-repeat top left;
color: #FFFFFF;
display: block;
float: left;
font: bold 20px/normal Arial, sans-serif;
margin-right: 8px;
padding: 7px 7px 5px 7px;
}
/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}
div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
background: url(../images/icon-user.gi
font-weight: bold;
margin-left: 15px;
padding-left: 15px;
}
div.bubble1 div {
background: url(../images/bub1-br.gif)
margin: 0;
width: 100%;
}
div.bubble1 div div {
background: url(../images/bub1-bl.gif)
}
div.bubble1 div div div {
background: url(../images/bub1-tr.gif)
}
div.bubble1 div div div div {
background: url(../images/bub1-tl.gif)
}
div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}
div.bubble2 div {
background: url(../images/bub2-br.gif)
margin: 0;
width: 100%;
}
div.bubble2 div div {
background: url(../images/bub2-bl.gif)
}
div.bubble2 div div div {
background: url(../images/bub2-tr.gif)
}
div.bubble2 div div div div {
background: url(../images/bub2-tl.gif)
}
div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}
div.bubble3 div {
background: url(../images/bub3-br.gif)
margin: 0;
width: 100%;
}
div.bubble3 div div {
background: url(../images/bub3-bl.gif)
}
div.bubble3 div div div {
background: url(../images/bub3-tr.gif)
}
div.bubble3 div div div div {
background: url(../images/bub3-tl.gif)
}
div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}
div.bubble4 div {
background: url(../images/bub4-br.gif)
margin: 0;
width: 100%;
}
div.bubble4 div div {
background: url(../images/bub4-bl.gif)
}
div.bubble4 div div div {
background: url(../images/bub4-tr.gif)
}
div.bubble4 div div div div {
background: url(../images/bub4-tl.gif)
}
div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}
/* Legend */
.legend-title {
background: #292929;
display: block;
color: #FFFFFF;
float: left;
font-size: 100%;
font-weight: bold;
left: 7px;
margin: 0;
padding: 0 4px;
position: absolute;
top: -10px;
text-transform: uppercase;
}
.legend {
background: #292929;
border: 1px solid #4F4F4F;
margin: 15px 0;
padding: 0 10px;
position: relative;
}
/* JOOMLA STYLE
--------------------------
table.blog {
}
.article_separator {
background: url(../images/hdot.gif) repeat-x center;
display: block;
height: 30px;
}
#ja-col1 .article_seperator, #ja-col2 .article_seperator {
display: none;
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
}
table.contenttoc a {
}
table.contenttoc td {
background: url(../images/bullet-list.
padding: 3px 5px 3px 22px;
}
table.contenttoc th {
background: #505050;
border: 1px solid #292929;
border-bottom-width: 5px;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
text-indent: 5px;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder .sectiontableheader {
padding: 8px 5px !important;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 2px!important;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #333333;
border: none;
}
table.pollstableborder tr.sectiontableentry2 td {
border: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px !important;
}
table.adminform {
width: 500px !important; /*Control the Frontend Editor area width*/
}
.adminForm input.inputbox {
width: 200px !important;
}
.adminForm textarea.inputbox {
width: 335px !important;
}
.blog_more {
margin: 10px 0 20px;
background: #333333;
padding: 10px;
}
.blog_more strong {
display: block;
font-size: 155%;
margin: 0 0 8px;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url(../images/bullet-list.
margin: 0;
padding: 0 0 0 13px;
}
td.buttonheading {
padding: 0 0 0 8px!important;
text-align: center;
}
.category {
font-weight: bold;
}
.clr {
clear: both;
}
.componentheading {
background: url(../images/dot.gif) repeat-x bottom;
color: #CCCCCC;
font-size: 250%;
margin-bottom: 10px;
padding: 0 0 5px 0;
}
.contentdescription {
padding-bottom: 30px;
}
.contentheading {
font-size: 200%;
padding: 5px 0;
}
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
color: #FFFFFF;
text-decoration: none;
}
a.readon {
display: block;
float: left;
padding: 1px 5px;
background: #333333;
border: 2px solid #333333;
}
a.readon:hover, a.readon:active, a.readon:focus {
background: #F09018;
border: 2px solid #333333;
text-decoration: none;
color: #FFFFFF;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.createdate {
}
.modifydate {
height: 15px;
}
.moduletable, .moduletable_menu {
padding: 0;
}
.mosimage {
margin: 5px 15px 5px 0;
padding: 0 0 5px;
}
* html .mosimage {
margin: 5px 5px 10px 0;
padding: 0 !important; /*IE 6*/
}
*+html .mosimage {
margin: 5px 10px 10px 0;
padding: 0 !important; /*IE 7*/
}
.mosimage img {
margin: 0 !important;
padding: 0 !important;
}
.mosimage_caption {
margin-top: 3px;
padding: 1px 2px;
}
.pagenav,
.pagenav_prev,
.pagenav_next,
.pagenavbar {
padding: 0 2px;
}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a {
border: 1px solid #505050;
color: #CCCCCC;
padding: 3px 6px !important;
padding: 1px 4px ;
text-decoration: none;
}
a.pagenav:hover, a.pagenav:active,
.pagenav_prev a:hover, .pagenav_prev a:active,
.pagenav_next a:hover, .pagenav_next a:active,
.pagenavbar a:hover, .pagenavbar a:active {
background: #F09018;
color: #FFFFFF;
padding: 3px 6px;
text-decoration: none;
}
.pagenavbar {
background: url(../images/pages.gif) no-repeat center left;
padding-left: 14px;
}
.pagenavcounter {
background: url(../images/pages.gif) no-repeat 0 11px;
padding: 8px 14px 0 14px;
}
.sectiontableheader {
background: #505050;
border: 1px solid #292929;
font-weight: bold;
padding: 5px;
text-transform: uppercase;
}
tr.sectiontableentry1 td {
background: url(../images/hdot.gif) repeat-x bottom;
padding: 7px 5px;
}
tr.sectiontableentry2 td {
background: url(../images/hdot.gif) repeat-x bottom;
padding: 7px 5px;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
/* MAIN LAYOUT DIVS
--------------------------
#ja-wrapper {
clear: both;
margin: 0 auto;
width: 950px;
}
.narrow #ja-wrapper {
width: 770px;
}
/* PRIMARY COLUMN
--------------------------
#ja-content {
background: url(../images/content-cent
float: left;
width: 58%;
}
#ja-content div.ja-innerpad {
clear: both;
display: block;
margin: 0;
padding: 0 0 0 3px;
}
/* SECONDARY COLUMNS
--------------------------
#ja-colwrap {
background: url(../images/col-center.g
float: right;
overflow: hidden;
width: 40%;
}
#ja-colwrap-top {
background: url(../images/col-top.png)
}
#ja-colwrap-bot {
background: url(../images/col-bot.gif)
overflow: hidden;
}
.narrow #ja-colwrap {
background: url(../images/col-center-n
}
.narrow #ja-colwrap-top {
background: url(../images/col-top-n.pn
}
.narrow #ja-colwrap-bot {
background: url(../images/col-bot-n.gi
}
#ja-col1 {
float: left;
overflow: hidden;
width: 50%;
}
#ja-col1 div.ja-innerpad{
padding: 15px;
}
#ja-col2 {
float: right;
overflow: hidden;
width: 49.9%;
}
#ja-col2 div.ja-innerpad{
padding: 15px;
}
#ja-col1 table, #ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-col1 ul, #ja-col2 ul {
margin: 0;
padding: 0;
}
#ja-col1 ul li, #ja-col2 ul li {
background: url(../images/bullet-list.
padding-left: 13px;
}
#ja-masscol .article_seperator {
display: none;
}
/* COLLAPSIBLE LAYOUT
--------------------------
#ja-containerwrap, #ja-containerwrap-c, #ja-containerwrap-f {
padding: 0;
}
#ja-container {
padding: 15px 0;
}
/* full */
#ja-containerwrap-f #ja-content {
float: none;
width: 100%;
}
/* content + col */
#ja-containerwrap-c #ja-content {
width: 76%;
}
#ja-containerwrap-c #ja-colwrap {
width: 22%;
background: none;
}
#ja-containerwrap-c #ja-colwrap-top {
background: none;
}
#ja-containerwrap-c #ja-colwrap-bot {
background: none;
}
#ja-containerwrap-c #ja-col1,
#ja-containerwrap-c #ja-col2 {
width: 100%;
}
/* HEADER
--------------------------
#ja-headerwrap {
position: relative;
z-index: 10;
}
#ja-header {
height: 90px;
position: relative;
z-index: 999;
}
h1.logo {
font-size: 300%;
height: 80px;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 370px;
}
h1.logo a {
background: url(../images/logo.gif) no-repeat;
display: block;
float: left;
height: 80px;
outline: none;
text-indent: -5000px;
text-transform: uppercase;
width: 370px;
}
/* MAIN NAVIGATION
--------------------------
#ja-mainnav {
height: 40px;
z-index: 10;
background: url(../images/mainnav-bg.g
position: relative;
}
#ja-mainnav a,
#ja-mainnav a:hover,
#ja-mainnav a:active,
#ja-mainnav a:focus {
outline: none;
}
#ja-mainnav span.separator {
display: block;
}
/* Default Joomla! Menu */
a.mainlevel {
color: #CCCCCC;
display: block;
padding: 6px 0 7px;
text-decoration: none;
text-indent: 5px;
width: 99%;
background: url(../images/hdot.gif) repeat-x bottom left;
}
a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
color: #F09018 !important;
text-decoration: none;
background: url(../images/hdot.gif) repeat-x bottom left #333333;
}
a.mainlevel#active_menu {
color: #FFFFFF;
font-weight: bold;
background: url(../images/mainlevel-ac
}
a.sublevel {
background: url(../images/bullet-list.
color: #CCCCCC;
display: block;
padding: 5px 4px 5px 15px;
text-decoration: none;
}
a.sublevel:hover,
a.sublevel:active,
a.sublevel:focus {
color: #F09018;
text-decoration: underline;
}
#active_menu {
color: #F09018;
font-weight: bold;
}
/* Topnav */
#ja-topnav {
position: absolute;
top: 10px;
right: 20px;
}
#ja-topnav ul {
float: left;
margin: 0;
padding: 0;
}
#ja-topnav li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
#ja-topnav li a {
background: url(../images/vline.gif) no-repeat center right;
display: inline;
padding: 0 10px;
color: #999999;
}
/* Pathway*/
#ja-pathway {
height: 27px;
line-height: 27px;
text-indent: 3px;
}
#ja-pathway img {
margin: 0 5px 1px;
}
#ja-pathway a {
}
/* MODULE
--------------------------
div.moduletable h3,
div.moduletable_menu h3 {
color: #F09018;
font-size: 115%;
line-height: normal;
margin: 0 0 10px;
padding: 0 0 5px;
text-transform: uppercase;
border-bottom: 1px solid #4f4f4f;
}
div.moduletable,
div.moduletable_menu {
padding: 10px 10px 15px;
margin: 10px 0 10px 10px;
}
#ja-topsl-col1 div.moduletable h3,
#ja-topsl-col1 div.moduletable_menu h3 {
margin: 0 -10px 8px;
padding: 5px 10px;
border: 1px solid #141414;
background: #252525;
}
#ja-topsl-col1 div.moduletable,
#ja-topsl-col1 div.moduletable_menu {
margin-top: 0;
margin-bottom: 0;
}
#ja-containerwrap-c div.moduletable,
#ja-topsl-col2 div.moduletable,
#ja-containerwrap-c div.moduletable_menu,
#ja-topsl-col2 div.moduletable_menu {
border: 1px solid #141414;
background: #252525;
}
#ja-topsl-col2 div.moduletable,
#ja-topsl-col2 div.moduletable_menu {
padding-bottom: 20px;
}
#ja-col1 div.moduletable,
#ja-col1 div.moduletable_menu {
margin: 5px 0 10px 15px;
}
#ja-col2 div.moduletable,
#ja-col2 div.moduletable_menu {
margin: 5px 5px 10px 0;
}
div.module h3,
div.module_menu h3 {
font-size: 115%;
margin: 0px -10px 0px -10px;
padding-right:-10px;
height: 33px;
line-height: 33px;
white-space: nowrap;
text-transform: uppercase;
text-align: center;
/*background: url(../images/h3-bg.png) no-repeat center;*/
}
div.module div div, div.module_menu div div {
background: url(../images/h3-bg.png) no-repeat top center;
}
div.module-notitle div div,
div.module div div div,
div.module_menu div div div {
background: none;
}
div.module,
div.module-notitle,
div.module_menu {
margin: 0 5px 15px;
overflow: hidden;
padding: 0;
}
div.module div,
div.module-notitle div,
div.module_menu div {
padding: 0;
border: 1px solid #141414;
}
div.module div div,
div.module-notitle div div,
div.module_menu div div {
padding: 0px 10px;
border: 1px solid #505050;
}
div.module div div div,
div.module-notitle div div div,
div.module_menu div div div {
padding: 0;
border: none;
}
div.module div div div div,
div.module-notitle div div div div,
div.module_menu div div div div
{
overflow: hidden;
}
/* SPOTLIGHT
--------------------------
/* Spotlight Box Style */
.ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-full {
float: none;
overflow: hidden;
margin: 0;
}
.ja-box-left div.moduletable,
.ja-box-left div.moduletable_menu {
margin: 0 5px 0 0;
}
.ja-box-right div.moduletable,
.ja-box-left div.moduletable_menu {
margin: 0 0 0 5px;
}
.ja-box-center div.moduletable,
.ja-box-center div.moduletable_menu {
margin: 0 5px;
}
/* Top Spotlight */
#ja-topsl {
margin: 10px 0;
background: url(../images/dot.gif) repeat-x bottom left;
padding-bottom: 10px;
}
#ja-topsl-main {
width: 58%;
float: left;
margin-top: 8px;
}
#ja-topsl-cols {
width: 40%;
float: right;
}
#ja-topsl-col1 {
width: 50%;
float: left;
}
#ja-topsl-col2 {
width: 50%;
float: right;
}
#ja-topsl ul {
margin: 0;
padding: 0;
}
#ja-topsl li {
background: url(../images/bullet-star.
margin: 0;
padding-left: 22px;
}
#ja-topsl a.readon:hover, #ja-topsl a.readon:active, #ja-topsl a.readon:focus {
color: #FFFFFF;
}
/* Bottom Spotlight */
#ja-botsl {
clear: both;
padding: 0;
}
/* Common Style for Spotlight */
#ja-botsl ul {
margin: 0 0 0 2px;
padding: 0;
}
#ja-botsl li {
background: url(../images/bullet-list.
margin: 0;
padding-left: 12px;
}
#ja-topsl td, #ja-botsl td {
padding: 0;
}
#ja-topsl .article_seperator, #ja-botsl .article_seperator {
display: none;
}
#ja-topsl table, #ja-botsl table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-topsl a, #ja-topsl a:hover, #ja-topsl a:active, #ja-topsl a:focus,
#ja-botsl a, #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #CCCCCC;
}
/* FOOTER
--------------------------
#ja-footerwrap {
clear: both;
margin-top: 10px;
}
#ja-footer {
background: url(../images/dot.gif) repeat-x top;
clear: both;
padding: 10px 0 0;
position: relative;
}
#ja-footer small {
color: #999999;
display: block;
float: left;
font-style: normal;
line-height: normal;
padding: 4px 0 0 10px;
}
#ja-footer a {
text-decoration: none;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
text-decoration: underline;
}
/* USER TOOLS
--------------------------
#ja-usertoolswrap {
float: right;
margin-top: 12px;
width: 15px;
height: 20px;
display: block;
background: url(../images/arrow3.gif) no-repeat 50% 5px;
position: relative;
z-index: 99;
}
#ja-usertoolswrap:hover, #ja-usertoolswrap.ja-tools
background: url(../images/arrow4.gif) no-repeat 50% 5px;
}
span.ja-sitetool {
margin: 0;
width: 15px;
height: 20px;
display: block;
cursor: pointer;
}
#ja-usertoolswrap:hover #ja-usertools,
#ja-usertoolswrap.ja-tools
display: block;
top: 20px;
right: 0;
}
#ja-usertools {
padding: 0;
float: right;
display: none;
background: #CCCCCC;
border: 1px solid #999999;
font-size: 11px;
position: absolute;
top: 100%;
}
#ja-usertools ul {
float: left;
margin: 0;
padding: 4px 5px 2px;
}
#ja-usertools li {
float: left;
display: block;
margin: 0;
padding: 0;
background: none;
line-height: normal;
}
#ja-usertools img {
padding: 0 2px;
}
/* MISCELLANOUS
--------------------------
ul.accessibility {
position: absolute;
top: -100%;
}
div.ja-innerdiv {
background: url(../images/hdot.gif) repeat-x bottom left;
margin: 0 -2px;
overflow: hidden;
padding: 8px 3px;
}
div.ja-innerdiv:hover {
background: url(../images/hdot.gif) repeat-x bottom left #333333;
}
#ja-banner {
clear: both;
display: block;
margin: 10px 0 0;
text-align: center;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
}
/* Login Form */
#ja-login {
position: absolute;
bottom: 20px;
right: 0;
}
#ja-login form {
float: left;
}
#ja-login form label {
float: left;
}
label.ja-login-user span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-user.gi
width: 20px;
height: 20px;
}
label.ja-login-password span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-key.gif
width: 20px;
height: 20px;
}
#ja-login form input.button {
font-size: 11px !important;
float: left;
}
#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
width: 110px;
margin: 1px 8px 0 0;
}
#ja-login form a {
padding-left: 5px;
border-left: 1px solid #CCCCCC;
}
/* Quick Jump */
#ja-qj {
display: block;
height: 28px;
position: absolute;
right: 10px;
top: 5px;
}
#ja-qj .inputbox {
color: #333333;
font-size: 11px;
margin: 2px 0 0;
padding: 2px 2px 2px 4px;
width: 165px;
}
/* search */
#ja-search {
background: url(../images/icon-search.
padding-left: 20px;
position: absolute;
right: 8px;
top: 10px;
}
#ja-search #mod_search_searchword{
/*border: 1px solid #141414;*/
width: 150px;
}
#ja-search #mod_search_searchword:hov
border: 1px solid #F09018;
}
/* RS Gallery elements */
ul#ja-rsmenu {
margin: 0;
padding: 0;
}
ul#ja-rsmenu li {
margin: 0;
padding: 0;
background: none;
}
.rsg2 div.moduletable,
.rsg2 div.moduletable_menu {
margin: 20px 0 10px;
}
.rsg2-pageNav {
text-align: center;
}
div.rsg2-toolbar {
margin-top: 10px;
}
div.rsg2-toolbar a {
padding: 0;
text-transform: uppercase;
outline: none;
font-size: 125%;
font-weight: bold;
display: block;
position: relative;
height: 30px;
background: url(../images/download_f2.
}
div.rsg2-toolbar a span {
position: absolute;
top: 25%;
left: 40%;
}
div.rsg2-toolbar a br {
display: none;
}
div.rsg2-toolbar a img {
display: none;
}
div.rsg2-mygalleries-links
color: #F09018 !important;
}
div.rsg2-mygalleries-links
div.rsg2-mygalleries-links
div.rsg2-mygalleries-links
color: #F09018 !important;
}
/*votting*/
.star-rating {
background: url(../images/star_rating.
}
.star-rating li a:hover{
background: url(../images/star_rating.
}
a.active-full {
background: url(../images/star_rating.
}
a.active-full:hover {
background: url(../images/star_rating.
}
a.active-half {
background: url(../images/star_half.pn
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
/* Firefox Scrollbar Hack - Do not remove */
html {
height: 100% !important;
height: auto;
margin-bottom: 1px;
}
remove the following lines and retry....
<!--[if gte IE 8.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<!--[if gte IE 8.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
Here's that long CSS after "tidy" processed it.
Not sure if it will assist but here it is. Attached txt
SeLvol
1t2.txt
Not sure if it will assist but here it is. Attached txt
SeLvol
1t2.txt
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
<meta http-equiv="X-UA-Compatibl
it will force the IE8 to run the website as IE7