السلام عليكم
اخواني عندي ستايل (ثيم) للجومله خفيف لطيف
لكن اللوغو تبعه بدي اخليه header كامل
وهاي الملف بس ما بعرف اعدله بالضبط
انه يوخذ صوره أكبر من اللوغو الي هو محدده
كود:
/*------------------------------------------------------------------------
# JA Edenite 1.0 - Mar, 2008
# ------------------------------------------------------------------------
# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: J.O.O.M Solutions Co., Ltd
# Websites: http://www.joomlart.com - http://www.joomlancers.com
-------------------------------------------------------------------------*/
/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
direction: rtl;
}
body {
background: #FFFFFF;
color: #000000;
font-family: "Tahoma", Arial, sans-serif;
line-height: 1.6;
direction: rtl;
}
body#bd {
color: #515756;
background: #FFFFFF;
}
body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
direction: rtl;
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}
/* Normal link */
a {
color: #2C79B3;
text-decoration: none;
font-family: "Tahoma", Arial, sans-serif;
}
a:hover, a:active, a:focus {
color: #2C79B3;
text-decoration: underline;
font-family: "Tahoma", Arial, sans-serif;
}
a img {
border: none;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {font-family: "Tahoma", Arial, sans-serif;
}
/* Small text */
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption,
p.site-slogan, a.readon, #ja-pathway, #ja-headlinewrap, #ja-col1, #ja-col2, #ja-botsl, #ja-footer {
font-size: 92%;
font-family: "Tahoma", Arial, sans-serif;
}
small, .small {
color: #858783;
font-family: "Tahoma", Arial, sans-serif;
}
img {
margin: 0;
padding: 0;
}
img.caption {
margin-top: 15px;
}
/* Heading */
h1 {font-size: 180%;}
h2 {font-size: 150%;}
h3 {font-size: 125%;}
h4 {font-size: 100%;text-transform: uppercase;
font-family: "Tahoma", Arial, sans-serif;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
padding: 0;
}
ul {
list-style: none;
font-family: "Tahoma", Arial, sans-serif;
margin-right: 0px;
padding: 0px;
}
ul li {
background: url(../images/bullet.gif) no-repeat 98% 8px;
line-height: 160%;
padding-right: 30px;
margin-right: 35px;
font-family: "Tahoma", Arial, sans-serif;
}
ol li {
line-height: 180%;
margin-right: 35px;
font-family: "Tahoma", Arial, sans-serif;
}
th {
font-weight: bold;
padding: 5px;
text-align: left;
font-family: "Tahoma", Arial, sans-serif;
}
fieldset {
border: none;
padding: 40px 17px;
font-family: "Tahoma", Arial, sans-serif;
}
fieldset a {
font-weight: bold;
font-family: "Tahoma", Arial, sans-serif;
}
fieldset.input {
padding: 0;
font-family: "Tahoma", Arial, sans-serif;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #cccccc;
height: 1px;
font-family: "Tahoma", Arial, sans-serif;
}
td, div {
font-size: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
font-family: "Tahoma", Arial, sans-serif;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox {
font-family: Tahoma, Arial, sans-serif;
font-size: 100%;
}
.inputbox {
border: 1px solid #CCCCCC;
padding: 3px;
color: #515756;
background: #FFFFFF;
}
.button {
padding: 2px 8px;
border: 1px outset #A8A8A8;
background: url(../images/grad4.gif) repeat-x;
font-size: 92%;
color: #515756;
font-weight: bold;
}
* html .button { /*IE 6*/
padding: 1px 5px !important;
font-family: "Tahoma", Arial, sans-serif;
}
*+html .button { /*IE 7*/
padding: 1px 5px !important;
font-family: "Tahoma", Arial, sans-serif;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog {
}
.article_separator {
clear: both;
display: block;
height: 30px;
font-family: "Tahoma", Arial, sans-serif;
background: url(../images/dot.gif) repeat-x center;
}
.article_column {
}
.column_separator {
padding: 0 25px;
}
/* content tables */
td.sectiontableheader {
background: url(../images/grad2.gif) repeat-x bottom #A8A8A8;
border: 1px solid #E7E8E6;
padding: 4px;
font-family: "Tahoma", Arial, sans-serif;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
background: url(../images/dot.gif) repeat-x bottom;
font-family: "Tahoma", Arial, sans-serif;
}
table.contentpane {
border: none;
width: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
table.contentpaneopen {
border: none;
font-family: "Tahoma", Arial, sans-serif;
border-collapse: collapse;
border-spacing: 0;
text-align: right;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
font-family: "Tahoma", Arial, sans-serif;
font-size: 92%;
}
table.contenttoc a {
text-decoration: none;
font-family: "Tahoma", Arial, sans-serif;
}
table.contenttoc td {
background: url(../images/bullet.gif) no-repeat 98% 8px;
padding: 1px 5px 1px 25px;
font-family: "Tahoma", Arial, sans-serif;
}
table.contenttoc th {
border-bottom: 1px solid #E7E8E6;
padding: 0 0 3px;
text-indent: 5px;
font-family: "Tahoma", Arial, sans-serif;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: right;
width: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
table.pollstableborder img {
vertical-align: baseline;
font-family: "Tahoma", Arial, sans-serif;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
font-family: "Tahoma", Arial, sans-serif;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #F8F8F7;
font-family: "Tahoma", Arial, sans-serif;
text-align: right;
}
table.searchintro {
padding: 10px 0;
width: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
table.searchintro td {
padding: 5px!important;
font-family: "Tahoma", Arial, sans-serif;
}
table.adminform {
}
.adminform .inputbox {
}
.blog_more {
padding: 10px;
}
.blog_more strong {
display: block;
font-size: 125%;
margin: 0 0 5px;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url(../images/bullet.gif) no-repeat 100% 8px;
margin: 0;
font-family: "Tahoma", Arial, sans-serif;
padding: 0 10pt 0 17px;
}
.category {
font-size: 125%;
font-weight: bold;
font-family: "Tahoma", Arial, sans-serif;
}
h1.componentheading, .componentheading {
margin: 0 0 10px;
padding: 0 0 5px;
text-align: right;
}
.componentheading {
font-size: 150%;
text-align :right;
font-weight: normal;
font-family: "Tahoma", Arial, sans-serif;
border-bottom: 1px solid #E7E8E6;
}
.contentdescription {
padding-bottom: 30px;
}
h2.contentheading, .contentheading {
font-weight: normal;
text-align :right;
margin: 0;
padding: 0;
line-height: normal;
font-family: "Tahoma", Arial, sans-serif;
}
.contentheading {
font-size: 150%;
line-height: normal;
color: #2C79B3;
text-align :right;
font-family: "Tahoma", Arial, sans-serif;
}
table.blog .contentheading {
font-size: 150%;
line-height: normal;
font-family: "Tahoma", Arial, sans-serif;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}
a.readon {
display: block;
float: right;
text-align: center;
clear: both;
padding: 0 5px;
background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
color: #FFFFFF;
float:left;
margin-top: 5px;
font-family: "Tahoma", Arial, sans-serif;
text-transform: lowercase;
}
a.readon:hover, a.readon:active, a.readon:focus {
background: url(../images/grad2-1.gif) repeat-x center #2C79B3;
color: #FFFFFF;
text-decoration: none;
font-family: "Tahoma", Arial, sans-serif;
}
table.contentpaneopen td, table.contentpane td {
text-align: right;
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.moduletable {
padding: 0;
text-align: right;
}
ul.pagination {
margin: 15px auto;
padding: 10px 0;
}
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
ul.pagination li span{
padding: 2px 4px;
background: #2E6AB1 none repeat scroll 0% 0%;
color: #FFFFFF;
border: 1px solid #2E6AB1;
}
ul.pagination a {
padding: 2px 4px;
text-decoration: none;
font-family: "Tahoma", Arial, sans-serif;
border: 1px solid #2E6AB1;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
}
.pagenavbar {
background: url(../images/icon-pages.gif) no-repeat center left;
font-weight: bold;
padding-left: 14px;
font-family: "Tahoma", Arial, sans-serif;
}
.pagenavcounter {
background: url(../images/icon-pages.gif) no-repeat 0 11px;
font-weight: bold;
padding: 8px 14px 0 14px;
font-family: "Tahoma", Arial, sans-serif;
}
.sectiontableheader {
color: #FFFFFF;
font-weight: bold;
padding: 8px 5px;
}
.sectiontableheader a {
color: #FFFFFF;
}
tr.sectiontableentry1 td {
padding: 8px 5px;
}
tr.sectiontableentry2 td {
padding: 8px 5px;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
/* META
--------------------------------------------------------- */
.createdate {
color: #858783;
font-family: "Tahoma", Arial, sans-serif;
text-align: right;
}
.modifydate {
float: right;
width: 100%;
color: #858783;
margin-bottom: 10px;
display: block;
font-family: "Tahoma", Arial, sans-serif;
text-align: right;
}
div.buttonheading {
float: right;
width: 20%;
}
.buttonheading img {
border: 0;
float: right;
margin: 7px 5px 0 0;
font-family: "Tahoma", Arial, sans-serif;
}
/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
padding: 0 0 40px;
width: 950px;
margin: 0 auto;
font-family: "Tahoma", Arial, sans-serif;
}
.narrow #ja-wrapper {
width: 750px;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-header,
#ja-mainnav,
#ja-subnav,
#ja-pathway,
#ja-container,
#ja-topsl,
#ja-botsl,
#ja-footer {
clear: both;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-container {
border-top: 1px solid #E7E8E6;
border-bottom: 1px solid #E7E8E6;
font-family: "Tahoma", Arial, sans-serif;
background: url(../images/main-bg1.gif) repeat-y left;
}
.narrow #ja-container {
font-family: "Tahoma", Arial, sans-serif;
background: url(../images/main-bg1-n.gif) repeat-y left;
}
#ja-container2 {
border-bottom: 1px solid #E7E8E6;
font-family: "Tahoma", Arial, sans-serif;
background: url(../images/main-bg2.gif) repeat-y right;
}
.narrow #ja-container2 {
background: url(../images/main-bg2-n.gif) repeat-y right;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-mainbody {
width: 80%;
float: right;
font-family: "Tahoma", Arial, sans-serif;
}
/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content {
clear: both;
display: block;
float: left;
width: 75%;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-current-content {
padding: 10px 15px;
font-family: "Tahoma", Arial, sans-serif;
}
/* COLUMNS
--------------------------------------------------------- */
#ja-col1 {
float: left;
overflow: hidden;
width: 20%;
color: #626A69;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-col2 {
float: right;
overflow: hidden;
width: 25%;
color: #626A69;
font-family: "Tahoma", Arial, sans-serif;
}
/*common style for column*/
#ja-colwrap a {
}
#ja-colwrap a:hover, #ja-colwrap a:active, #ja-colwrap a:focus {
}
#ja-colwrap table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-colwrap .article_separator {
display: none;
}
/* COLLAPSIBLE LAYOUT
--------------------------------------------------------- */
#ja-containerwrap,
#ja-containerwrap-f,
#ja-containerwrap-fr,
#ja-containerwrap-fl {
padding: 0;
margin: 25px 0;
background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
}
/*full*/
#ja-containerwrap-f #ja-mainbody {
width: 100%;
}
#ja-containerwrap-f #ja-content {
width: 100%;
}
#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
background: none;
}
#ja-containerwrap-f #ja-container {
border: 1px solid #E7E8E6;
}
/*content + left*/
#ja-containerwrap-fr #ja-content {
width: 100%;
}
#ja-containerwrap-fr #ja-container2 {
background: none;
}
#ja-containerwrap-fr #ja-container2 {
border-right: 1px solid #E7E8E6;
}
/*content + right*/
#ja-containerwrap-fl #ja-mainbody {
width: 100%;
}
#ja-containerwrap-fl #ja-content {
width: 79.9%;
}
#ja-containerwrap-fl #ja-col2 {
width: 20%;
}
#ja-containerwrap-fl #ja-container {
background: none;
border-left: 1px solid #E7E8E6;
}
/* MODULE
--------------------------------------------------------- */
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3 {
font-size: 100%;
margin: 0 -10px 5px;
padding: 5px 10px;
font-family: "Tahoma", Arial, sans-serif;
background: url(../images/grad2.gif) repeat-x top #2C79B3;
border-bottom: 1px solid #E7E8E6;
color: #FFFFFF;
text-align: center;
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_hilite {
margin: 0;
padding: 0 10px 10px;
}
#ja-botsl div.moduletable,
#ja-botsl div.moduletable_menu,
#ja-botsl div.moduletable_text {
border-bottom: none;
}
/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}
div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}
div.moduletable ul,
div.moduletable_text ul,
div.moduletable_menu ul,
div.moduletable_hilte ul {
text-align: right;
margin: 0;
padding-right: 5px;
}
div.moduletable li,
div.moduletable_text li,
div.moduletable_menu li,
div.moduletable_hilite li {
background: url(../images/bullet.gif) no-repeat 98% 8px;
margin: 0;
padding-right: 5px;
text-align: right;
}
/* Hilite */
div.moduletable_hilite h3 {
background: url(../images/grad2.gif) repeat-x top #2C79B3;
}
/* HEADER
--------------------------------------------------------- */
#ja-header {
height: 120px;
line-height: normal;
position: relative;
text-align: right;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-header a {
text-align: right;
}
h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 200%;
font-family: "Tahoma", Arial, sans-serif;
}
h1.logo a {
width: 380px;
display: block;
background: url(../images/logo.gif) no-repeat ;
position: absolute;
height: 110px;
bottom: 10px;
text-align: right;
font-family: "Tahoma", Arial, sans-serif;
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
text-decoration: none;
outline: none;
position: absolute;
bottom: 35px;
left: 15px;
font-family: "Tahoma", Arial, sans-serif;
}
p.site-slogan {
margin: 0;
padding: 0;
color: #858783;
position: absolute;
bottom: 20px;
left: 15px;
font-family: "Tahoma", Arial, sans-serif;
}
/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap {
background: url(../images/shadow.gif) repeat-x 100% 8px;
height: 37px;
z-index: 999;
font-family: "Tahoma", Arial, sans-serif;
text-align: right;
position: relative;
}
#ja-mainnav {
background: url(../images/grad2.gif) repeat top #2C79B3;
height: 32px;
font-family: "Tahoma", Arial, sans-serif;
text-align: right;
}
#ja-mainnav a, #ja-subnav a {
outline: none;
text-align: right;
font-family: "Tahoma", Arial, sans-serif;
float: left;
}
#ja-subnav {
display: block;
font-size: 92%;
border-bottom: 1px solid #E7E8E6;
height: 28px;
text-align: left;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-subnav ul {
margin: 0;
padding: 0;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-subnav li {
background: none;
display: inline;
margin: 0;
padding: 0;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-subnav li a {
display: block;
float: right;
padding: 0 15px;
line-height: 28px;
font-family: "Tahoma", Arial, sans-serif;
background: url(../images/vline.gif) no-repeat center right;
}
#ja-subnav li.active a,
#ja-subnav li.active a:hover,
#ja-subnav li.active a:active,
#ja-subnav li.active a:focus {
font-weight: bold;
color: #8BAB32;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-subnav li a.first-item {
background: none;
}
/* breadcrumbs */
#ja-pathway {
border: 1px solid #E7E8E6;
padding: 5px 15px;
color: #626A69;
font-weight: bold;
font-family: "Tahoma", Arial, sans-serif;
background: #F8F8F7;
text-align:right;
}
#ja-pathway strong {
margin-right: 5px;
font-family: "Tahoma", Arial, sans-serif;
text-align:right;
}
#ja-pathway a {
color: #626A69;
font-weight: normal;
font-family: "Tahoma", Arial, sans-serif;
text-align:right;
}
#ja-pathway img {
margin: 1px 5px;
font-family: "Tahoma", Arial, sans-serif;
text-align:right;
}
/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li {
background: none;
margin: 0;
padding: 0;
}
ul.menu li a {
display: block;
outline: none;
font-family: "Tahoma", Arial, sans-serif;
padding: 6px 4px;
/* padding-right: 25px !important;
float: right; */
color: #626A69;
/* text-align:right; */
border-bottom: 1px solid #E7E8E6;
background: url(../images/arrow.png) no-repeat 2% center;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
color: #2C79B3;
/* text-align:right; */
background: url(../images/arrow2.png) no-repeat 2% center;
}
ul.menu li.active a {
color: #2C79B3;
font-weight: bold;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
}
ul.menu li li a {
background: url(../images/bullet.gif) no-repeat 98% 8px !important;
border: none;
font-family: "Tahoma", Arial, sans-serif;
font-weight: normal !important;
padding-right: 20px !important;
width: 75%; /*need for ie6 transparent*/
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
}
/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-left, .ja-box-center {
background: url(../images/vline2.gif) repeat-y top right;
}
/* Top spotlight */
#ja-topsl {
height: 200px;
margin: 0 0 10px;
}
* html #ja-topsl { /*IE 6*/
margin: 0 1px 10px !important;
}
*+html #ja-topsl { /*IE 6*/
margin: 0 1px 10px !important;
}
/* Bot spotlight */
#ja-botsl {
border-left: 1px solid #E7E8E6;
border-right: 1px solid #E7E8E6;
border-bottom: 1px solid #E7E8E6;
background: url(../images/grad1.gif) repeat-x top #F8F8F7;
color: #626A69;
padding: 10px 0;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-botsl h3 {
color: #626A69;
font-size: 100%;
background: none;
border: none;
margin-bottom: 0;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-botsl div.moduletable {
padding: 0 15px;
}
#ja-botsl ul, #ja-botsl ol {
margin: 0;
padding: 0;
}
#ja-botsl ol li {
margin: 0 0 0 20px;
padding: 0;
}
#ja-botsl ul li {
margin: 0;
padding-right: 30px;
background: url(../images/bullet.gif) no-repeat 98% 8px;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-botsl a {
color: #626A69;
}
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
}
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
color: #626A69;
padding: 20px 0 0;
position: relative;
text-align: center;
border-top: 1px solid #E7E8E6;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-footer small {
color: #858783;
font-size: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-footer ul {
margin: 0 0 8px;
padding: 0;
line-height: normal;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-footer li {
display: inline;
margin: 0;
padding: 0;
background: url(../images/vline.gif) no-repeat center left;
}
#ja-footer li a {
display: inline;
line-height: normal;
padding: 0 0px;
}
li.ja-firstitem {
background: none !important;
}
.ja-footurl {
float: none;
clear: both;
}
/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}
#ja-slideshow {
/* float:right;
margin: 0px 22px ;
position: relative;
font-size: 11px;
background-position: center right;
left: 0;
right: auto; */
/* bottom: 12px;
right: 10px;
position: absolute;
font-size: 11px;
float:right;*/
text-align:center;
}
/* Search */
#ja-search {
/* float:right;
margin: 0px 22px ;
position: relative;
font-size: 11px;
background-position: center right;
left: 0;
right: auto; */
/* bottom: 12px;
right: 10px;
position: absolute;
font-size: 11px;
float:right;*/
bottom:10px;
float:right;
font-size:11px;
position:absolute;
right:789px;
top:6px;
}
#ja-search .inputbox {
padding: 2px 0 2px 22px;
background: url(../images/icon-search.gif) no-repeat 5px center #FFFFFF;
border: 1px solid #E7E8E6;
}
/* Login Form */
#ja-login {
position: relative;
top: 0px;
float: left;
text-align: center;
direction: ltr;
right: 0;
/* background: url(../images/grad4.gif) repeat-x bottom #F8F8F7;*/
padding: 5px 8px;
/*border: 1px solid #E7E8E6;*/
/*border-bottom: 1px solid #CCCCCC;*/
font-family: "Tahoma", Arial, sans-serif;
}
#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.gif) no-repeat center left;
width: 20px;
height: 20px;
font-family: "Tahoma", Arial, sans-serif;
}
label.ja-login-password span {
display: block;
float: left;
text-indent: -5000px;
background: url(../images/icon-key.gif) no-repeat center left;
width: 20px;
font-family: "Tahoma", Arial, sans-serif;
height: 20px;
}
#ja-login form input.button {
font-size: 11px !important;
float: left;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-login form #mod_login_username,
#ja-login form #mod_login_password {
width: 110px;
margin: 1px 8px 0 0;
font-size: 11px !important;
padding: 2px;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-login form a {
color: #858783;
background: url(../images/vline.gif) no-repeat 4px 1px;
padding-left: 13px;
text-decoration: none;
font-size: 92%;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-login form a:hover,
#ja-login form a:active,
#ja-login form a:focus {
color: #858783;
font-family: "Tahoma", Arial, sans-serif;
text-decoration: underline;
}
.ja-login-links {
padding-top: 5px;
clear: both;
font-family: "Tahoma", Arial, sans-serif;
display: none;
}
/*others*/
.mostread, .latestnews {
text-decoration: none;
font-family: "Tahoma", Arial, sans-serif;
}
#ja-banner {
margin: 0 0 15px;
text-align: center;
overflow: hidden;
width: 100%;
font-family: "Tahoma", Arial, sans-serif;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
background: none!important;
display: block;
margin: 10px 0;
font-family: "Tahoma", Arial, sans-serif;
text-decoration: none!important;
}
.clr {
clear: both;
}
.hasTip img {
border: none;
margin: 10px 5px 0 0;
}
div.ja-innerdiv {
clear: both;
font-family: "Tahoma", Arial, sans-serif;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #E7E8E6;
}
div.ja-innerdiv img {
padding: 2px;
border: 1px solid #E7E8E6;
margin: 2px 8px 0 0;
}
/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #cccccc;
float: left;
font-family: "Tahoma", Arial, sans-serif;
max-width: 200px;
padding: 5px;
}
.tool-title {
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
font-family: "Tahoma", Arial, sans-serif;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}
.tool-text {
font-size: 100%;
margin: 0;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #FFFFFF;
margin: 0;
padding: 5px;
font-family: "Tahoma", Arial, sans-serif;
}
/* System Standard Messages */
#system-message dd.message ul {
background: #626A69;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
background: #626A69;
border: none;
font-family: "Tahoma", Arial, sans-serif;
}
/* System Notice Messages */
#system-message dd.notice ul {
background: #626A69;
border: none;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
font-family: "Tahoma", Arial, sans-serif;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}