/*------------------------------------------------------------------------# Amana Website - Desnhost.com# ------------------------------------------------------------------------# Copyright (C) 2009 Wasaet. Ltd. All Rights Reserved.# @license - Copyrighted Commercial Software# Author: Desnhost.com# Designer: Jubran Zakri (info@desnhost.com).-------------------------------------------------------------------------*//* COMMON STYLE--------------------------------------------------------- */html, body, form, fieldset { margin: 0; padding: 0;}body { background: #FFFFFF; color: #000000; font-family: Tahoma, Arial, sans-serif; line-height: 1.6;}body#bd { color: #666666; background: url(../images/jazani_pattern_desnhost_com.jpg) repeat-x #E6E6E6; margin: 30px 0;}body.contentpane { color: #000000; font-size: 12px; line-height: 1.3em; margin: 0; margin: 1em 2em; width: auto; /* Printable Page */}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: #00A9DD; text-decoration: none;}a:hover, a:active, a:focus { color: #00A9DD; text-decoration: underline;}a img { border: none;}/* Title text */.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 { line-height: normal;} .contentheading, .componentheading {font-family: Arial;} /* Small text */ small, .small, .smalldark, .img_caption, a.readon, #ja-footer { font-size: 92%;}small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption p, p.site-slogan { color: #999999;} img { margin: 0; padding: 0; } /* Heading */ h1 {font-size: 200%;} h2 {font-size: 175%;} h3 {font-size: 150%;} h4 {font-size: 125%;} p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0;}ul { list-style: none;}ul li { background: url(../images/bullet.gif) no-repeat 98% 8px; line-height: 160%; padding-right: 20px;}ol li { line-height: 180%; margin-left: 35px;}th { font-weight: bold; padding: 8px; text-align: left;}fieldset { border: none; padding: 10px 5px; background: url(../images/dot-h.gif) repeat-x top;}fieldset a { font-weight: bold;}fieldset.input { padding: 0; background: none;}hr { border-bottom: 0; border-left: 0; border-right: 0; border-top: 1px solid #E6E6E6; height: 1px;}br { height: 1px; font-size: 1px;}td, div { font-size: 100%;}/* FORM--------------------------------------------------------- */form { margin: 0; padding: 0;}form label { cursor: pointer;}input, select, textarea, .inputbox, .button { font-family: Tahoma, Arial, sans-serif; font-size: 100%; color: #666666;}.inputbox { padding: 2px; border: 1px solid #CCCCCC; background: #FFFFFF;}.inputbox:hover, .inputbox:focus { border: 1px solid #999999; background: #FFFFCC;}.button { padding: 2px 8px; border: 1px solid #00A9DD; background: #00A9DD; font-weight: bold; color: #FFFFFF;}* html .button { /*IE 6*/ padding: 0 5px !important;}*+html .button { /*IE 7*/ padding: 0 5px !important;}/* JOOMLA STYLE--------------------------------------------------------- */ .article_separator { clear: both; display: block; height: 30px; margin: 0; background: url(../images/dot-h.gif) repeat-x center; } .column_separator { padding: 0 25px; } /* content tables */ .sectiontableheader { background: #333333; padding: 8px; color: #FFFFFF; font-weight: bold; } .sectiontableheader a,.sectiontableheader a:hover,.sectiontableheader a:active,.sectiontableheader a:focus { color: #FFFFFF; } tr.sectiontableentry0 td,tr.sectiontableentry1 td,tr.sectiontableentry2 td { padding: 8px; background: url(../images/dot-h.gif) repeat-x bottom;} tr.sectiontableentry0:hover,tr.sectiontableentry1:hover, tr.sectiontableentry2:hover {} 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: 30%; float: right;} table.contenttoc td { background: url(../images/bullet.gif) no-repeat 98% 8px; padding: 1px 5px 1px 20px;} table.contenttoc th { border-bottom: 1px solid #CCCCCC; padding: 0 0 3px; text-indent: 5px;} table.poll { border-collapse: collapse; padding: 0; width: 100%;} table.pollstableborder { border: none; padding: 0; text-align: right; width: 100%;} table.pollstableborder img { vertical-align: baseline;} table.pollstableborder td { border-collapse: collapse; border-spacing: 0; padding: 4px !important; background: none;} table.pollstableborder tr.sectiontableentry1 td { background: #F7F7F7;}table.searchintro { padding: 10px 0; width: 100%;} table.searchintro td { padding: 5px!important;} .blog_more { margin: 15px 0 0; padding: 10px 0 0; background: url(../images/dot-h.gif) repeat-x top;} .blog_more strong { display: block; margin: 0 0 5px; text-transform: uppercase;}.blog_more ul { margin: 0; padding: 0;} .blog_more ul li { background: url(../images/bullet.gif) no-repeat 99% 8px; margin: 0; padding: 0 12px 0 0;} .category { font-weight: bold; text-transform: uppercase;} h1.componentheading, .componentheading { margin: 0 0 10px; padding: 0 0 10px; font-size: 175%;} .componentheading { font-size: 100%; background: url(../images/dot.gif) repeat-x bottom; text-transform: uppercase; color: #666666;} .contentdescription { padding-bottom: 30px;} h2.contentheading, .contentheading { margin: 0; padding: 0 0 5px; font-size: 150%;} table.blog .contentheading { font-size: 150%;} a.contentpagetitle,a.contentpagetitle:hover,a.contentpagetitle:active,a.contentpagetitle:focus {} a.readon { text-align: left; text-decoration: none; color: #666666; text-transform: uppercase; font-weight: bold; background: url(../images/arrow-readon-1.png) no-repeat left 2px; padding-left: 12px;} a.readon:hover, a.readon:focus, a.readon:active { background: url(../images/arrow-readon-2.png) no-repeat left 2px;} table.contentpaneopen td, table.contentpane td {}table.contentpaneopen, table.contentpane, table.blog { width: 100%;}.moduletable { padding: 0; }ul.pagination { margin: 15px auto 0; padding: 10px 0 0; background: url(../images/dot-h.gif) repeat-x top;}ul.pagination li { background: none; display: inline; margin: 0; padding: 0;}ul.pagination li span{ padding: 2px 5px;}ul.pagination a { padding: 2px 3px; text-decoration: none; background: #666666; color: #FFFFFF;}ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { background: #00A9DD; color: #FFFFFF;}.pagenavbar { background: url(../images/icon-pages.gif) no-repeat center left; font-weight: bold; padding-left: 14px;}.pagenavcounter { background: url(../images/icon-pages.gif) no-repeat 0 11px; font-weight: bold; padding: 8px 14px 0 14px;}.smalldark { text-align: left;}div.syndicate div { text-align: center;}.pollstableborder tr.sectiontableentry1 td,.pollstableborder tr.sectiontableentry2 td { background: none;}ul.latestnews a, ul.mostread a { padding-right: 10px; color: #666666;}/* META--------------------------------------------------------- */.article-toolswrap { display: block; margin: 0 0 10px; padding: 0; text-transform: uppercase; font-size: 92%; position: relative;}.article-tools { display: block; padding: 0 10px 0 0; white-space: nowrap;}.article-meta { width: 70%; float: left;}.createby { padding: 0 5px 0; background: #666666; color: #FFFFFF;}.createdate { padding: 0 5px 0 0;}.modifydate { width: 100%; display: block; margin-bottom: 10px;}div.buttonheading { position: absolute; top: 0; left: 10px;}.buttonheading img { margin: 0 0 0 5px; border: 0; float: left;}/* MAIN LAYOUT DIVS--------------------------------------------------------- */#ja-wrapper { width: 952px; margin: 0 auto; clear: both; }.narrow #ja-wrapper { width: 752px;}#ja-wrapper-inner { border: 0px solid #E6E6E6;}#ja-container { position: relative; }/* PRIMARY COLUMN--------------------------------------------------------- */#ja-mainbody { width: 760px; float: left; clear: both; direction: rtl;}.narrow #ja-mainbody { width: 600px;}#ja-content { padding: 15px; position: relative; border-bottom: 0px solid #E6E6E6;}/* COLUMNS--------------------------------------------------------- */#ja-col { direction: rtl; float: right; overflow: hidden; width: 190px;}.narrow #ja-col { width: 150px;}/*common style for column*/#ja-col table { border-collapse: collapse; border-spacing: 0;}#ja-col .article_separator { display: none; text-align: right;}/* COLLAPSIBLE LAYOUT--------------------------------------------------------- */#ja-containerwrap,#ja-containerwrap-f { padding: 0; margin: 0; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #E6E6E6;}#ja-containerwrap { background: url(../images/dot.gif) repeat-y 760px 0 #FFFFFF;}.narrow #ja-containerwrap { background: url(../images/dot.gif) repeat-y 150px 0 #FFFFFF;}/*full*/#ja-containerwrap-f { background: #FFFFFF;}#ja-containerwrap-f #ja-mainbody { width: 100%;}/* MODULE--------------------------------------------------------- */div.moduletable h3,div.moduletable_menu h3,div.moduletable_text h3 { font-size: 100%; margin: 0 -15px 5px -16px; padding: 10px 15px; border-bottom: 1px solid #E6E6E6; text-transform: uppercase; background: url(../images/dot-hilite.gif) repeat-y left #F7F7F7;}div.moduletable_w h3,div.moduletable_menuhilite h3 { font-size: 150%; font-family: Arial, Tahoma; margin: 5px; padding: 10px 15px; border-bottom: 1px dashed #E6E6E6;}/* half text colored-----------------------------------div.moduletable h3 span,div.moduletable_menu h3 span,div.moduletable_text h3 span,div.moduletable_hilite h3 span { color: #00A9DD;}------------------------------- */div.moduletable,div.moduletable_menu,div.moduletable_text,div.moduletable_menuhilite,div.moduletable_hilite1 { margin: 0; padding: 0 15px 10px; border-bottom: 0px solid #E6E6E6;}div.moduletable_menu h3,div.moduletable_menuhilite h3 { margin-bottom: 0; border-bottom: none;}div.moduletable_menu,div.moduletable_menuhilite { padding: 0 15px;}div.moduletable_menuhilite h3 { background: #00A9DD; color: #FFFFFF;}/* mis */div.banneritem_text { padding: 5px 0 !important;}div.advs { clear: both; display: block; float: left; width: 100%;}div.moduletable ul { list-style: none;}div.moduletable li { background: url(../images/bullet.gif) no-repeat 99% 8px; line-height: 160%; padding-right: 12px;} /* HEADER--------------------------------------------------------- */ #ja-headerwrap { height: 100px; background: #FFFFFF; border-bottom: 5px solid #FFA35F; } #ja-header { height: 100px; line-height: normal; position: relative;}h1.logo, h1.logo-text { margin: 0; padding: 0; font-size: 200%;}h1.logo a { width: 350px; display: block; background: url(../images/logo.gif) no-repeat; position: absolute; height: 100px; top: 0; right: 10px; float: right;}h1.logo a:hover, h1.logo a:active, h1.logo a:focus {}h1.logo a span { position: absolute; top: -1000px;}h1.logo-text a { text-decoration: none; outline: none; position: absolute; top: 25px; left: 20px; text-transform: uppercase;}h1.logo-text a:hover, logo-text a:active, logo-text a:focus {}p.site-slogan { margin: 0; padding: 0; position: absolute; top: 55px; left: 20px; text-transform: uppercase; letter-spacing: 1px;}#ja-vmcurrency { width: 468px; float: left; padding-top: 5px; padding-left: 15px; border-left: 1px solid #E6E6E6;}#ja-vmcurrency div.moduletable { padding: 15px 0 0 15px; border: none;}#ja-vmcurrency div.moduletable h3 { background: none; border: none; margin: 0 0 10px; padding: 0;}/* MAIN NAVIGATION--------------------------------------------------------- */ #ja-mainnavwrap { background: #2e6fcb; border-top: 1px solid #E6E6E6; height: 35px; z-index: 999;} #ja-mainnav { height: 35px; width: 760px; float: left; background: url(../images/dot-dark.gif) repeat-y left;}.narrow #ja-mainnav { width: 600px;}#ja-mainnav a, #ja-subnav a { outline: none;}#ja-subnav ul { list-style: none; margin: 0; padding: 0;}#ja-subnav li { background: none; margin: 0; padding: 1px 0;}#ja-subnav a { display: block; outline: none; padding: 4px 2px 4px 14px; text-decoration: none; background: url(../images/bullet.gif) no-repeat 98% 10px;}#ja-subnav a:hover,#ja-subnav a:active,#ja-subnav a:focus {}#ja-subnav li.active a {}/* breadcrumbs */#ja-pathway { padding: 10px 15px; margin-left: 1px; text-transform: uppercase; background: #F7F7F7; border-bottom: 1px solid #E6E6E6; line-height: normal;}#ja-pathway strong { margin-right: 5px; color: #00A9DD;}#ja-pathway a { text-decoration: none;}#ja-pathway a:hover { text-decoration: underline;}#ja-pathway img { margin: 1px 5px;}/* Default Joomla! Menu */ul.menu { list-style: none; margin: 0; padding: 0; display: block;}ul.menu li { display: block; background: none; margin: 0; padding: 0; line-height: normal;}ul.menu li a { display: block; outline: none; padding: 8px 15px 9px; margin: 0 -15px; text-decoration: none; text-transform: uppercase; color: #666666; border-top: 1px solid #E6E6E6; background: url(../images/arrow.png) no-repeat 5% 14px;}* html ul.menu li a { padding: 7px 15px 8px; width: 190px;}* html .narrow ul.menu li a { padding: 7px 15px 8px; width: 150px;}*+html ul.menu li a { padding: 7px 15px 8px;}ul.menu li a:hover,ul.menu li a:active,ul.menu li a:focus { background: url(../images/arrow.png) no-repeat 5% 14px #F7F7F7; text-decoration: none;}ul.menu li.active a { background: url(../images/arrow.png) no-repeat 5% 14px #FFFFCC; font-weight: bold;}ul.menu li ul { list-style: none; margin: 0; padding: 0; background: #FFFFCC;}ul.menu li li { border: none;}ul.menu li li a { background: url(../images/bullet.gif) no-repeat 18px 14px #FFFFCC !important; border: none; padding-left: 26px !important; text-transform: none; font-weight: normal !important;}ul.menu li li a:hover,ul.menu li li a:active,ul.menu li li a:focus { background: none; color: #00A9DD;}ul.menu li li.active a { color: #00A9DD; font-weight: bold;}ul.menu li li li a { color: #666666 !important; font-weight: normal !important; padding-left: 38px !important; background: url(../images/bullet.gif) no-repeat 30px 14px #FFFFCC !important;}ul.menu li li li.active a { font-weight: bold !important;}/* 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/dot.gif) repeat-y right;} /* Top spotlight */ #ja-topsl1 { position: relative; height: 200px; margin-left: 1px; border-bottom: 0px solid #E6E6E6; } #ja-topsl2, #ja-topsl3 { margin-left: 1px;} #ja-topsl2 div.moduletable h3, #ja-topsl3 div.moduletable h3 { background: #F7F7F7; color: #666666; margin-left: -15px;} #ja-topsl3 table { padding: 0; margin: 0;} #ja-topsl3 td { padding: 15px 0; margin: 0;} #ja-topsl3 tr { background: url(../images/dot-h.gif) repeat-x bottom;} /* Bottom spotlight */ #ja-botsl { direction: rtl; position: relative; border-top: 5px solid #bfbfbf; margin-left: 1px; clear: both; background: #CFCFCF;} #ja-botsl div.moduletable { position: relative; border: none; padding: 8px;} #ja-botsl div.moduletable h3 { margin: 0; padding: 0; background: none; border: none; font-size: 100%;} /* FOOTER--------------------------------------------------------- */ #ja-footerwrap { position: relative; clear: both; background: url(../images/main-br.gif) no-repeat bottom right #BFBFBF;} #ja-footer { background: url(../images/main-bl.gif) no-repeat bottom left; color: #bed0e8; text-align: center; margin: 0px 20px 0px 0px; font-size: 80%;} #ja-footer small { color: #8ebcfc; font-size: 80%; text-align: center; padding: 10px 10px 10px 10px;} #ja-footer ul { margin: 0; padding: 0 10px 5px 10px; line-height: normal;} #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 10px;}li.ja-firstitem { background: none !important;} #ja-footer a { color: #FFFFFF; text-decoration: none;} #ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus { color: #FFFFFF;} div.copyright { width: 100%; padding: 20px 0;} div.foot-rss { position: absolute; top: 30px; right: 20px;} div.foot-rss img { vertical-align: middle;} /* MISCELLANOUS----------------------------------------------------------- */ ul.accessibility { position: absolute; top: -100%;}/* Login */ #form-login p { margin: 0 0 5px;}#form-login ul { margin: 5px 0 0;}#modlgn_username, #modlgn_passwd { width: 90%;} /* Search */ #ja-search { float: right; width: 190px; height: 35px; overflow: hidden;} .narrow #ja-search { width: 150px; border: 1px solid #000000; background: #000000;} #ja-search .inputbox { padding: 10px 0 0 40px; background: none; border: none; font-weight: bold; color: #CCCCCC; text-align: right;} /*others*/#ja-banner { padding: 20px 0 0; text-align: center; overflow: hidden; width: 100%; clear: both;} #jub { float: right; width: 190px; height: 35px; overflow: hidden;} div.back_button a,div.back_button a:hover,div.back_button a:active { background: none!important; display: block; margin: 10px 0; text-decoration: none!important;}.clr { clear: both;}.hasTip img { border: none; margin: 10px 5px 0 0;}div.ja-innerdiv { padding: 6px 0 7px; background: url(../images/dot-h.gif) repeat-x bottom;}div.ja-innerdiv img { padding: 0; margin: 0;}/* Tooltips */.tool-tip { background: #FFFFFF; border: 1px solid #CCCCCC; float: left; max-width: 200px; padding: 5px; z-index: 999; color: #333333;}.tool-title { background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; margin: 0; 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;}/* System Standard Messages */#system-message dd.message ul { background: #666666; border: none;}/* System Error Messages */#system-message dd.error ul { background: #666666; border: none;}/* System Notice Messages */#system-message dd.notice ul { background: #666666; border: none;}/* Clearfix */.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}* html > body .clearfix { display: block; width: 100%;}* html .clearfix { height: 1%;} #leftcol { float: left; width: 300px; margin: 5px 5px 5px 5px; border-right: #EEE 0px solid; } #leftcol div.moduletable { position: relative; border: #ebebeb 1px solid; padding: 5px 5px 5px 5px; margin-bottom: 10px; background: url(../images/line2.gif) repeat ; } #leftcol div.moduletable h3 { position: relative; margin: 0; padding: 5px; background: none; border-bottom: #ebebeb 1px dashed; font-size: 100%; } #leftcol div.moduletable-none { position: relative; padding: 5px 5px 5px 5px; margin-bottom: 10px; } #leftcol div.moduletable-none h3 { position: relative; margin: 0; padding: 5px; background: none; border-bottom: #ebebeb 1px dashed; font-size: 100%; } #descol { float: right; width: 430px; margin: 5px 5px 5px 5px; border-right: #EEE 0px solid; } #descol div.moduletable { position: relative; border: #D7F3FF 1px solid; padding: 5px 5px 5px 5px; margin-bottom: 10px; background: #ECF9FF; } #descol div.moduletable h3 { position: relative; font-family: arial; margin: 0; padding: 0 0 0 5px; background: none; border-bottom: #D7F3FF 1px dashed; font-size: 150%; color: #71c8ed; } #main { margin: 0px;} #centercol { float: right; width: 430px; margin: 0px 5px 5px 0px; border: #EEE 0px solid;} #rightcol { float: right; width: 200px; margin: 5px 5px 5px 0px; border: #EEE 0px solid;} .readmore { padding: 0px; float: left; }