/*------------------------------------------------------------------------
# $JA#PRODUCT_NAME$ - Version $JA#VERSION$ - Licence Owner $JA#OWNER$
# ------------------------------------------------------------------------
# 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
# This file may not be redistributed in whole or significant part.
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset
{
    margin: -10px 0;
    padding: 0 0;
}

body
{
    background: #FFFFFF;
    color: #626A69;
    font-family: tahoma;
    line-height: 1.6;
    font-size: 12px;
    margin-top: 0px;
    background-image: url(../images/bgnew.jpg);
}

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 */
}

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;
}

a:hover, a:active, a:focus
{
    color: #2C79B3;
    text-decoration: underline;
}

a img
{
    border: none;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4
{
}

/* 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%;
}

small, .small
{
    color: #858783;
}

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;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6
{
    margin: 10px 4px 10px 0;
    padding: 0;
}


ul
{
    list-style: none;
    background: none; /*padding-left: 30px;*/
}

ul li
{
    background: none; /*background: url(../images/bullet.gif) no-repeat 18px 7px; 	line-height: 160%; 	padding-left: 30px;*/
}
ol li
{
    /*line-height: 180%; 	margin-right: 35px; 	*/
    margin-right: 2em;
}

th
{
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

fieldset
{
    border: none;
    padding: 10px 5px;
}

fieldset a
{
    font-weight: bold;
}

fieldset.input
{
    padding: 0;
}

hr
{
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #cccccc;
    height: 1px;
}

td, div
{
    font-size: 100%;
}

/* FORM
--------------------------------------------------------- */
form
{
    margin: 0;
    padding: 0;
}

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: 0px outset #A8A8A8;
    background: url(../images/btn.jpg) no-repeat;
    font-size: 92%;
    color: #515756;
    font-weight: bold;
    width: 75px;
    height: 34px;
}
.lrgbutton
{
    padding: 2px 8px;
    border: 0px outset #A8A8A8;
    background: url(../images/lrgbtn.jpg) no-repeat;
    font-size: 92%;
    color: #515756;
    font-weight: bold;
    width: 115px;
    height: 34px;
}
.logbutton
{
    padding: 2px 12px 0px 0px;
    border: 0px outset #A8A8A8;
    background: url(../images/logbtn.jpg) no-repeat;
    font-size: 11px;
    color: #515756;
    font-weight: bold;
    width: 65px;
    height: 34px;
}

* html .button
{
    /*IE 6*/
    padding: 1px 5px !important;
}

* + html .button
{
    /*IE 7*/
    padding: 1px 5px !important;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog
{
}

.article_separator
{
    clear: both;
    display: block;
    height: 15px;
    margin: 0 10px;
    background: url(../images/dot.gif) repeat-x center;
}
.small_separator
{
    clear: both;
    display: block;
    height: 2px;
    margin: 0 10px;
    background: url(../images/dot.gif) repeat-x center;
}

.article_column
{
    padding: 3px;
}

.column_separator
{
    padding: 0 25px;
}

/* content tables */
td.sectiontableheader
{
    background: url(../images/grad3.gif) repeat-x bottom #A8A8A8;
    border: 1px solid #E7E8E6;
    padding: 4px;
}

tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td
{
    padding: 4px;
    background: url(../images/dot.gif) repeat-x bottom;
}

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%;
    font-size: 92%;
}

table.contenttoc a
{
    text-decoration: none;
}

table.contenttoc td
{
    background: url(../images/bullet.gif) no-repeat 10px 9px;
    padding: 1px 5px 1px 20px;
}

table.contenttoc th
{
    border-bottom: 1px solid #E7E8E6;
    padding: 0 0 3px;
    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 img
{
    vertical-align: baseline;
}

table.pollstableborder td
{
    border-collapse: collapse;
    border-spacing: 0;
    padding: 4px !important;
    background: none;
}

table.pollstableborder tr.sectiontableentry1 td
{
    background: #F8F8F7;
}

table.searchintro
{
    padding: 10px 0;
    width: 100%;
}

table.searchintro td
{
    padding: 5px !important;
}

table.adminform
{
}

.adminform .inputbox
{
}

.blog_more
{
}

.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 6px 10px;
    margin: 0;
    padding: 0 0 0 17px;
}

.category
{
    font-size: 125%;
    font-weight: bold;
}

h1.componentheading, .componentheading
{
    margin: 0 0 10px;
    padding: 0 0 5px;
}

.componentheading
{
    font-size: 200%;
    font-weight: normal;
    border-bottom: 1px solid #E7E8E6;
}

.contentdescription
{
    padding-bottom: 30px;
}

h2.contentheading, .contentheading
{
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.contentheading
{
    font-size: 200%;
    line-height: normal;
    color: #2C79B3; /*background-color:#00CCCC ;*/
}

table.blog .contentheading
{
    font-size: 150%;
    line-height: normal;
}

a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus
{
}
a.linknormal
{
   text-decoration: none;
   background-color:White;
    background: url(../imagess/grad2-2.gif) repeat-x center #8BAB32;
}

a.linknormal:hover
{
    
    text-decoration: none;
    background-color:White;
}
a.pagenav
{
    margin: 0 0px 4px 3px;
    padding: 0 5px 0 5px;
    background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
    color: #FFFFFF;
    border: 1px solid #000;
    clear: both;
    
}

a.pagenav:hover, a.pagenav:active, a.pagenav:focus
{
    background: url(../images/grad2-1.gif) repeat-x center #2C79B3;
    color: #FFFFFF;
    text-decoration: none;
}
a.pagenavdis
{
    margin: 0 1px 4px 3px;
    padding: 0 5px;
    background-color:Silver;
    color: #FFFFFF;
    border: 1px solid #000;
  
    
}

a.pagenavdis:hover, a.pagenav:active, a.pagenav:focus
{
    background-color:Silver;
    color: #FFFFFF;
    text-decoration: none;
}
a.readon
{
    display: block;
    float: right;
    text-align: center;
    margin: 0 3px;
    padding: 0 3px;
    background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
    color: #FFFFFF; /*margin-top: 5px; 	border:1px solid #000;*/
    clear: both;
    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;
}
/*FOR ARABIC FAQ ALIGNMENT*/
a.cls_readon
{
    float: right;
    margin: 0 1px 4px 3px;
    padding: 0 5px;
    background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
    color: #FFFFFF;
    border: 1px solid #000; /* 	clear: both;*/
    text-transform: lowercase;
}

a.readon_c
{
    /*-- CENTRAL LIGHT GREEN LINK --*/
    margin: 0 1px 4px 3px;
    padding: 0 5px;
    background: url(../images/grad2-2.gif) repeat-x center #8BAB32;
    color: #FFFFFF;
    border: 1px solid #000;
    clear: both;
    text-transform: lowercase;
}
a.readon_c_old
{
    /*-- CENTRAL LIGHT GREEN LINK --*/
    margin: 0 1px 4px 3px;
    padding: 0 5px; /*background: url(../images/grad2-2.gif) repeat-x center #8BAB32; 	*/
    color: #FFFFFF;
    background: url(../images/arrow.png) no-repeat center;
    border: 1px solid #000; /*clear: both;*/
    text-transform: lowercase;
}

a.readon_c:hover, a.readon_c:active, a.readon_c:focus
{
    background: url(../images/grad2-1.gif) repeat-x center #2C79B3; /*background: url(../images/arrow2.png) no-repeat center;*/
    color: #FFFFFF;
    text-decoration: none;
}

table.contentpaneopen td, table.contentpane td
{
}

table.contentpaneopen, table.contentpane, table.blog
{
    width: 100%;
}

.moduletable
{
    padding: 0;
}

ul.pagination
{
    margin: 15px auto 0;
    padding: 0;
}

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;
}

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;
}

.pagenavcounter
{
    background: url(../images/icon-pages.gif) no-repeat 0 11px;
    font-weight: bold;
    padding: 8px 14px 0 14px;
}

.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;
}

.modifydate
{
    float: left;
    width: 100%;
    color: #858783;
    margin-bottom: 10px;
    display: block;
}

div.buttonheading
{
    float: right;
    width: 20%;
}

.buttonheading img
{
    border: 0;
    float: right;
    margin: 7px 5px 0 0;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper
{
    padding: 0 0 0 0;
    width: 950px;
    margin: 0 auto;
    height: auto;
}

.narrow #ja-wrapper
{
    width: 750px;
}

#ja-header, #ja-subnav, #ja-pathway, #ja-container, #ja-topsl, #ja-botsl, #ja-footer
{
    clear: both;
}

#ja-container
{
    /*border-top: 1px solid #E7E8E6;*/
    border-top: none;
    background: url(../images/main-bg2.gif) repeat-y left;
}

.narrow #ja-container
{
    background: url(../images/main-bg2-n.gif) repeat-y left;
}

#ja-container2
{
    min-height: 200px; /*border-bottom: 1px solid #E7E8E6;*/
    background: url(../images/main-bg2.gif) repeat-y right;
}

.narrow #ja-container2
{
    height: auto;
    background: url(../images/main-bg2-n.gif) repeat-y right;
}

#ja-mainbody
{
    width: 79.8%;
    float: right;
}

/* PRIMARY COLUMN
--------------------------------------------------------- */
#ja-content
{
    clear: both;
    display: block;
    float: left;
    width: 75%;
    min-height: 300px; /*height:760px; 	border-right:1px solid #DEDEDE; 	border-left:1px solid #DEDEDE;*/
}
#ja-Border
{
    margin: -30px 10px 0 10px;
    width: 950px;
    border-top: 2px solid #DEDEDE;
    border-bottom: 2px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}
/*#ja-current-content {
	text-align:right;
	margin: 0px 0px;
	padding:0 6px 3px 6px;
	
	text-align:justify;
	min-height:300px;
	
	height:auto;
	border:1px solid #DEDEDE;
	height:505px;
	}*/
#ja-current-content dd, ol, p, ul
{
    margin-right: 1.5em;
}
#ja-current-content h3
{
    color: #2C79B3;
}
/*-- ADED NEWLY FOR ALIGINING ARABIC --*/
#ja-current-content
{
    text-align: right;
    width: 560px;
    padding: 0 3px 3px 3px;
    margin: 0px 0px;
    float: left; /*font-family:Tahoma, Verdana, Arial; 	font-size:12px; 	padding-right:10px;*/
}
/*
#ja-current-content P{
	text-align:right;
	padding-right:10px;
}
#ja-current-content UL{
	text-align:right;
	padding-right:10px;
}
#ja-current-content OL{
	text-align:right;
	padding-right:35px;
}
#ja-current-content LI{
	text-align:right;
	padding-right:5px;
}*/
/* COLUMNS
--------------------------------------------------------- */
#ja-col1
{
    text-align: right;
    float: right;
    overflow: hidden;
    width: 190px;
    color: #626A69;
    height: auto;
}

#ja-col2
{
    overflow: hidden; /*width: 25%;*/
    float: left;
    width: 189px;
    color: #626A69; /*height:758px;*/
    height: auto;
}

/*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
{
    padding: 0;
    margin: -30px 10px 0 10px;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
}
#ja-containerwrap-f, .ja-containerwrap-fr, #ja-containerwrap-fl23
{
    padding: 0;
    margin: -30px 10px 0 10px;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    background: url(../images/grad1.gif) repeat-x bottom #FFFFFF;
}

.ja-containerwrap-fl
{
    padding: 0 10px 0 10px;
    margin: 0px 0;
    border-top: 1px solid #DEDEDE;
    border-bottom: 1px solid #DEDEDE;
    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

NEWLY ADDED
*/

.ja-containerwrap-fr #ja-mainbody
{
    width: 80%;
    float: right;
}
.ja-containerwrap-fr #ja-content
{
    width: 100%;
}

.ja-containerwrap-fr #ja-container2
{
    background: none;
    width: 100%;
}


.ja-containerwrap-fr #ja-container2
{
    border-right: 1px solid #E7E8E6;
}
.ja-containerwrap-fr #ja-current-content
{
    width: 79%;
}
.ja-containerwrap-fl #ja-container2
{
    width: 100%; /*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: 189px;
}

#ja-containerwrap-fl #ja-container
{
    background: none;
    border-left: 1px solid #E7E8E6;
}

#ja-containerwrap-f #ja-current-content
{
    width: 955px;
    padding: 0px 0;
}


/* MODULE
--------------------------------------------------------- */
div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3, div.moduletable_hilite h3
{
    font-size: 100%;
    margin: 0 -15px 5px;
    padding: 5px 25px;
    height: 27px;
    color: #FFFFFF;
}
.cat
{
    background: url(../images/title_catbgar.jpg) no-repeat;
}
.Merchants
{
    background: url(../images/title_merchantbgar.jpg) no-repeat;
}
.Latest
{
    background: url(../images/title_newsbgar.jpg) no-repeat;
}

div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_hilite
{
    min-height: 10px;
    margin: 0 0;
    padding: 0 9px 10px 13px;
    text-align: right;
    vertical-align: top;
}

#ja-botsl div.moduletable, #ja-botsl div.moduletable_menu, #ja-botsl div.moduletable_text
{
    border: 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
{
    margin: 0;
    padding: 0;
}

div.moduletable li, div.moduletable_text li, div.moduletable_menu li, div.moduletable_hilite li
{
    background: url(../images/bullet.gif) no-repeat 5px 8px;
    margin: 0;
    padding-left: 16px;
}

/* Hilite */
div.moduletable_hilite h3
{
    height: 27px;
    text-align: left;
    background: url(../images/title_bgen.jpg) no-repeat;
    margin: 0 -10px 5px;
}

/*== Header top links ==*/
#top_menu
{
    color: #626A69;
    padding: 20px 0 0;
    position: relative;
    text-align: right;
    padding: 0;
    float: right; /*border-top: 1px solid #E7E8E6;*/
    width: 400px;
}

#top_menu small
{
    color: #858783;
    font-size: 100%;
}
#top_menu ul
{
    margin: 6px 6px 8px;
    padding: 0;
    line-height: normal; /*background-color:#FFFFFF;*/
}
#top_menu li
{
    display: inline;
    margin: 0;
    padding: 0;
    background: url(../images/vline_ash.gif) no-repeat center left;
}
li.first_item
{
    background: none !important;
}
#top_menu li a
{
    display: inline;
    line-height: normal;
    padding: 0 10px; /*color:#FFFFFF;*/
}

li.ja-firstitem
{
    background: none !important;
    padding-right: 6px;
}

.ja-footurl
{
    float: none;
    clear: both;
}

/* HEADER
--------------------------------------------------------- */

#ja-header
{
    background: url(../images/logo_n.jpg) no-repeat 0px 0px; /*background: url(../images/logo.JPG) 	background: url(../images/logo_n.PNG) repeat-x 8px 0px;*/ /*img { -ms-interpolation-mode: bicubic; }*/
    width: 950px;
}
html > body .ja-header
{
    height: auto;
}

#ja-header a
{
}

h1.logo, h1.logo-text
{
    margin: 0;
    padding: 0;
    font-size: 200%;
}

h1.logo a
{
    width: 435px;
    display: block;
    position: absolute;
    height: 42px;
    bottom: 15px;
    left: 0;
}

h1.logo a span
{
    position: absolute;
    top: -1000px;
}

h1.logo-text a
{
    text-decoration: none;
    outline: none;
    position: absolute;
    bottom: 35px;
    left: 15px;
}

p.site-slogan
{
    margin: 0;
    padding: 0;
    color: #858783;
    position: absolute;
    bottom: 20px;
    left: 15px;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
#ja-mainnavwrap
{
    background: url(../images/shadow.gif) repeat-x bottom;
    height: 31px;
    position: relative;
    z-index: 999;
    border-left: 1px solid #E7E7E5;
}

#ja-mainnav
{
    background: url(../images/grad2.gif) repeat-x top #2C79B3;
    height: 32px;
    float: right;
    width: 950px;
}

#ja-mainnav a, #ja-subnav a
{
    outline: none;
}

#ja-subnav
{
    display: block;
    font-size: 92%;
    border-bottom: 1px solid #E7E8E6;
    height: 28px;
}

#ja-subnav ul
{
    margin: 0;
    padding: 0;
}

#ja-subnav li
{
    background: none;
    display: inline;
    margin: 0;
    padding: 0;
}

#ja-subnav li a
{
    display: block;
    float: left;
    padding: 0 15px;
    line-height: 28px;
    background: url(../images/vline_ash.gif) no-repeat center left;
}

#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;
}

#ja-subnav li a.first-item
{
    background: none;
}

/* breadcrumbs */
#ja-pathway
{
    border: 1px solid #E7E8E6;
    border-bottom: none;
    padding: 5px 15px;
    text-align: right;
    color: #626A69;
    font-weight: bold;
    background: #F8F8F7;
    width: 920px;
}

#ja-pathway strong
{
    margin-right: 5px;
}

#ja-pathway a
{
    color: #626A69;
    font-weight: normal;
}

#ja-pathway img
{
    margin: 1px 5px;
}

/* 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;
    padding: 6px 4px;
    color: #626A69;
    border-bottom: 1px solid #E7E8E6;
    background: url(../images/arrow_ar.png) no-repeat left; /*background: url(../images/arrow2.png) no-repeat 97% center;*/
}

ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus
{
    color: #2C79B3;
    background: url(../images/arrow2_ar.png) no-repeat left;
}

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 10px 13px !important;
    border: none;
    font-weight: normal !important;
    padding-left: 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;
}
/*---------------------*/
ul.menunew
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menunew li
{
    background: none;
    margin: 0;
    padding: 0;
    background: url(../images/arrow_ar.png) no-repeat left; /*background: url(../images/arrow2.png) no-repeat 97% center;*/
    border-bottom: 1px solid #E7E8E6;
}

ul.menunew li a
{
    display: block;
    outline: none;
    padding: 6px 0px;
    color: #626A69;
    
    
}

ul.menunew li a:hover, ul.menu li a:active, ul.menu li a:focus
{
    color: #2C79B3;
    
}

ul.menunew li.active a
{
    color: #2C79B3;
    font-weight: bold;
}

ul.menunew li ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menunew li li a
{
    background: url(../images/bullet.gif) no-repeat 10px 13px !important;
    border: none;
    font-weight: normal !important;
    padding-left: 20px !important;
    width: 75%; /*need for ie6 transparent*/
}

ul.menunew 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: right;
    overflow: hidden;
    width: 236px;
}

.ja-box-left, .ja-box-center
{
    background: url(../images/vline2.gif) repeat-y top right;
}

/* Top spotlight */
#ja-topsl
{
    height: 240px;
    margin: 0 0 3px 0;
    overflow: hidden;
    width: 568px;
}

* html #ja-topsl
{
    /*IE 6*/
    margin: 0 1px 3px !important;
}

* + html #ja-topsl
{
    /*IE 6*/
    margin: 0 1px 3px !important;
}

/* Bot spotlight */
#ja-botsl
{
    border: 1px solid #E7E8E6;
    background: url(../images/grad1.gif) repeat-x top #FFF;
    color: #626A69;
    padding: 10px 0;
    width: 950px;
}

#ja-botsl h3
{
    color: #626A69;
    font-size: 100%;
    background: none;
    border: none;
    margin-bottom: 0;
}
#ja-botsl img
{
    /*padding:20px 3px;*/
}
#ja-botsl div.moduletable
{
    padding: 0 15px;
    float:right;
}

#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: 0 0 0 15px;
    background: url(../images/bullet.gif) no-repeat 5px 7px;
}

#ja-botsl a
{
    color: #626A69;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus
{
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer
{
    color: #626A69;
    padding: 15px 0px 0 0;
    height: 60px;
    text-align: right;
    width: 952px;
    background: url(../images/fotter_bg.jpg) no-repeat; /*border-top: 1px solid #E7E8E6;*/
}
.copyright
{
    padding-right: 10px;
}
#ja-footer small
{
    color: #858783;
    font-size: 100%;
}

#ja-footer ul
{
    margin: 8px 0 0;
    padding: 0;
    line-height: normal;
}

#ja-footer li
{
    display: inline;
    margin: 0;
    padding: 0;
    background: url(../images/vline_ash.gif) no-repeat center left;
}

#ja-footer li a
{
    display: inline;
    line-height: normal;
    padding: 0 15px;
    font-weight: normal;
}

li.ja-firstitem
{
    background: none !important;
}

.ja-footurl
{
    float: none;
    clear: both;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility
{
    position: absolute;
    top: -100%;
}

/* Search */

#ja-search
{
    width: 210px;
    bottom: 8px;
    right: 725px;
    position: absolute;
    font-size: 11px;
}

#ja-search .inputbox
{
    float: right;
    padding: 2px 0 2px 35px;
    background: url(../images/icon-search.gif) no-repeat 5px center #FFFFFF;
    border: 1px solid #E7E8E6;
}
#ja-search .cls_lng_old
{
    padding: 1px 3px 2px 0; /* 	language name border settings 	background: url(../images/icon-search.gif) no-repeat 5px center #FFFFFF;*/
    border: 1px solid #E7E8E6;
}
#ja-search a
{
    float: left;
    color: #FFFFFF;
}
/* Login Form */
#ja-login
{
    position: absolute;
    top: 15px;
    right: 0;
    background: url(../images/grad4.gif) repeat-x bottom #F8F8F7;
    padding: 4px 8px;
    border: 1px solid #E7E8E6;
    border-bottom: 1px solid #CCCCCC;
}

#ja-login form
{
    float: left;
}

#ja-login form label
{
    float: left;
}

label.ja-login-user span
{
    display: block;
    float: left;
    text-align: left;
    background: url(../images/icon-user.gif) no-repeat center right;
    width: 88px;
    height: 20px;
}

label.ja-login-password span
{
    display: block;
    float: left;
    text-align: center; /*text-indent: -5000px;*/
    background: url(../images/icon-key.gif) no-repeat center right;
    width: 88px;
    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: 120px;
    margin: 1px 8px 0 0;
    font-size: 11px !important;
    padding: 2px;
}

#ja-login form a
{
    color: #858783;
    padding: 0 5px;
    text-decoration: none;
    font-size: 10px;
}

#ja-login form a:hover, #ja-login form a:active, #ja-login form a:focus
{
    color: #858783;
    text-decoration: underline;
}

.login-links
{
    /*padding-top: 2px;*/
    clear: both;
}

/*others*/
.mostread, .latestnews
{
    text-decoration: none;
}

#ja-banner
{
    margin: 0 0 15px;
    text-align: center;
    overflow: hidden;
    width: 100%;
}

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
{
    width: 100%;
    border-bottom: 1px solid #E7E8E6;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
div.ja-innerdiv p
{
    text-align: center;
}
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;
    max-width: 200px;
    padding: 5px;
}

.tool-title
{
    background: url(../templates/default/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: #626A69;
    border: none;
}

/* System Error Messages */
#system-message dd.error ul
{
    background: #626A69;
    border: none;
}

/* System Notice Messages */
#system-message dd.notice ul
{
    background: #626A69;
    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%;
}

/************************************************************************/
/*== New Class added ==*/
.cls_login
{
    padding: 0 3px 3px 3px;
    margin-bottom: 3px;
    margin-right: 3px;
    width: 190px;
    text-align: center;
}
.cls_login p
{
    text-align: right;
    padding-right: 20px;
}
.cls_login h3
{
    font-size: 100%;
    margin: 0 -10px 5px;
    padding: 5px 30px;
    height: 27px;
    background: url(../images/title_loginbgar.jpg) no-repeat;
    color: #FFFFFF;
    text-align: right;
}
.cls_txtbox
{
    border: 1px solid #3399FF;
    height: 12px;
    width: 148px;
}
.cls_unametxtbox
{
    border: 1px solid #3399FF;
    height: 12px;
    width: 110px; /*padding: 0 0 0 18px; 	background: url(../images/icon-user1.gif) no-repeat 5px center #FFFFFF;*/
}
.cls_pwdtxtbox
{
    border: 1px solid #3399FF;
    height: 12px;
    width: 110px; /*padding: 0 0 0 18px; 	background: url(../images/icon-key.gif) no-repeat 5px center #FFFFFF;*/
}
.cls_main_old
{
    /*height:360px; 	border:1px solid #DEDEDE;*/
    margin-bottom: 5px;
}
/*
.cls_main ul{
	margin:0 0 0 3em;
}*/

/*= Contact Us page started =*/

.cls_email
{
    padding: 0 0 0 20px; /*background: url(../images/tel.png) no-repeat 5px center #FFFFFF;*/
    background: url(../images/email.jpeg) no-repeat 0 center;
}

.cls_address
{
    padding: 0 0 0 20px; /*padding:1em 0 1em 3em; 	padding:1em 0 1em 3em !important; 	*padding:1em 3em 1em 3em !important;*/
    background: url(../images/address.jpeg) no-repeat 0 center #FFFFFF;
}
.cls_fax
{
    padding: 0 0 0 20px;
    background: url(../images/fax.jpeg) no-repeat 0 center #FFFFFF;
}
.cls_tel
{
    padding: 0 0 0 20px;
    background: url(../images/tel.png) no-repeat 0 center #FFFFFF;
}
/*= Contact Us page end =*/
.cls_main
{
    text-align: justify; /*margin-top:-22px; 	margin-top:5px;*/
    height: 100%;
    width: 558px;
}
.cls_mainL
{
    width: 747px;
}

.cls_img
{
    border: 1px solid #DEDEDE;
    width: 120px;
}
.cls_read a
{
    margin-right: 8px;
    margin-bottom: 3px;
}
.cls_leftfull
{
    float: right;
    width: 605px;
    padding: 3px;
}
.cls_leftfull p
{
    padding-left: 6px;
}
.cls_leftfull label
{
    padding-left: 18px;
}
.id_tbl_header li
{
    display: inline;
}

/*-- FOR ALIGINING FOOTER IMAGES --*/
.cls_footer_img
{
    float: right;
    margin: 40px 3px 35px 15px;
}

.cls_table
{
    text-align: right;
    width: 100%;
    border: 1px solid #DEDEDE;
}
.cls_table th
{
    background-color: #E7E8E6; /*F8F8F7*/
    width: 150px;
    text-align: center;
}
.cls_table td
{
    background-color: #FFF;
    border: 1px solid #DEDEDE;
}
.cls_noborder
{
    border: none;
    border: 0px none #;
}
/*FOR TV CHANNELS PAGE*/
.cls_leftdiv
{
    float: right;
    width: 425px;
    height: 100%;
}
.cls_rightdiv
{
    float: left;
    width: 130px;
    height: 100%;
    padding-top: 14px;
    padding-left: 1px;
}
/* END OF TV CHANNELS PAGE
===============================
MY ACCOUNT MENU STARTED

*/

.myaccount
{
    background: url(menu/maingreen.gif);
    width: 950px;
    margin: 0 0;
    min-height: 350px;
}
.myaccount_l
{
    vertical-align: top;
    padding: 10px 5px 0 34px;
    width: 670px;
    background: url(../images/mainl.gif) no-repeat 20px -3px; /*background:url(../images/07.gif) no-repeat 1px -2px;*/
}
.myaccount_r
{
    vertical-align: top;
    padding: 3px 20px 0 15px;
    width: 205px;
    background: url(../images/mainr.gif) no-repeat 1px 1px;
}
/* KAMEL*/
.sterik
{
    color: Red;
    font-weight: bold;
}

.statusmessagebox
{
    border: 1px solid #D7D7D7;
    background: none;
    padding: 3px;
    margin: 5px 0 5px 0 !important;
}
.errorbox, .notificationbox, .confirmbox
{
    position: relative;
    background-color: #F0F0F0 !important;
    padding: 10px 42px 10px 10px;
}
.errorbox
{
    background: url(../images/msg_error.gif) 5px right no-repeat;
}
.pleasewait
{
    color: Black;
    font-weight: bold;
    background: url(../images/ajax-loader.gif) 5px right no-repeat;
    padding: 10px 42px 10px 10px;
}

.notificationbox
{
    background: url(../images/msg_check.gif) 5px right no-repeat;
}
.confirmbox
{
    background: url(../images/msg_info.gif) 5px right no-repeat;
}
.errorbox h2, .notificationbox h2, .confirmbox h2
{
    padding: 0;
    line-height: 18px;
    font-size: 140%;
}
.errorbox h2
{
    color: #EB0000;
}
.notificationbox h2
{
    color: #2B8902;
}
.confirmbox h2
{
    color: #0477AB;
}
.errorbox .boxcontent, .notificationbox .boxcontent, .confirmbox .boxcontent
{
    padding: 5px 0 5px 0;
    font-size: 110%;
}
.confirmbox span.buttonBox
{
    padding-left: 10px;
}
.confirmbox span.buttonBox a
{
    font-size: 95%;
}
.confirmbox div.buttonBox
{
    margin: 7px 0 0 0;
}
/**/
table.joinFormFramework
{
    border-collapse: collapse;
}
table.joinFormFramework td div
{
    padding: 0;
}
table.joinPageFramework td label
{
    font-weight: normal;
}
td.field
{
    text-align: left;
    font-weight: normal;
    width: 125px;
}
.checkbox
{
    margin: 0 10px 0 0;
    padding: 0;
    border: 0;
}
.maleGender
{
    margin-right: 25px;
}
.birthday, .birthyear
{
    margin-left: 10px;
}
.moreEmail
{
    margin-bottom: 15px;
}
.labelOrange
{
    color: #ff8a00;
    padding-left: 5px;
}
#male, #female, #hidelastname
{
    border: 0;
}
.regButtons input
{
    cursor: pointer;
    font-weight: bold;
    font-size: 93%;
    color: Navy !important;
    background: #f7f7f7;
    border: 1px solid # gray;
    padding: 3px 9px;
    margin: 0 10px 10px 0 !important;
}
.loginbutton input
{
    cursor: pointer;
    font-weight: bold;
    font-size: 93%;
    color: white !important;
    background: #Navy;
    border: 1px solid # gray;
    padding: 3px 9px;
    margin: 0 10px 10px 0 !important;
}
.formItemNote
{
    margin-left: 10px;
    color: #bbb;
    white-space: nowrap;
    display: inline;
}
.formItemNoteInstruction
{
    color: #ff8a00;
    font-size: 11px;
    white-space: nowrap;
}
.purple
{
    font-size: 12px;
    font-weight: bold;
    color: #2C79B3;
    text-decoration: none;
}


/**************/
.contactus_bg
{
    background-image: url(../images/contactus_bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
.conval
{
    color: #707070;
    text-align: left;
    padding-left: 40px;
}
.contitle
{
    padding-left: 40px;
    width: 120px;
    font-weight: bold;
    color: #346C96;
}
.titem
{
    font-size: 11px;
    font-weight: bold;
    color: #FFFFD6;
}
.author
{
    font-size: 11px;
    font-weight: bold;
    color: #626A69;
}
.nws
{
    font-size: 11px;
    color: #626A69;
}
.item
{
    font-size: 11px;
    font-weight: bold;
    color: #FFFFD6;
    background-color: #829FBD;
}
.altitem
{
    font-size: 11px;
    font-weight: bold;
    color: #FFFFD6;
    background-color: #4D6F91;
}
.header
{
    font-size: 13px;
    background-color: #0D66BC;
    font-weight: bold;
    color: #FFFFD6;
    text-align: center;
}
.grid td
{
    border: dotted 1px green;
}
/************ hint *********/
.hint
{
    display: none;
    position: absolute;
    right: 550px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,     I must do a bg image, too!  So I'm duplicating the pointer.gif     image, and positioning it so that it doesn't show up     within the box */
    background: #ffc url(../images/pointerar.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer
{
    position: absolute;
    left: 224px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointerar.gif) left top no-repeat;
}


.hint2
{
    display: none;
    position: absolute;
    right: 350px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,     I must do a bg image, too!  So I'm duplicating the pointer.gif     image, and positioning it so that it doesn't show up     within the box */
    background: #ffc url(../images/pointerar.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint2 .hint-pointer
{
    position: absolute;
    left: 224px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointerar.gif) left top no-repeat;
}

.hint3
{
    display: none;
    position: absolute;
    right: 400px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px; /* to fix IE6, I can't just declare a background-color,     I must do a bg image, too!  So I'm duplicating the pointer.gif     image, and positioning it so that it doesn't show up     within the box */
    background: #ffc url(../images/pointerar.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint3 .hint-pointer
{
    position: absolute;
    left: 224px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointerar.gif) left top no-repeat;
}




.bluebg
{
    background: url(../images/grad2.gif) repeat-x top #2C79B3;
    height: 32px;
}


.innerpages
{
    background: url(../images/green_bg.jpg) repeat-y;
    background-position: right;
}
.moduletable a:link
{
    font-weight: normal;
}
.moduletable a:visited
{
    font-weight: normal;
}
.moduletable a:hover
{
    font-weight: normal;
}
.langpos
{
    float: left;
    padding-left: 5px;
    color: #fff;
    background: url(../images/grad2.gif) repeat-x top #2C79B3;
    width: 44px;
    height: 27px;
}
.langpos a
{
    color: #fff;
}
#onecardlnk
{
    position: absolute;
    left: 180px;
    width: 48px;
    height: 41px;
}
#cashulnk
{
    position: absolute;
    left: 250px;
    width: 68px;
    height: 41px;
}
#wallielogo
{
    position: absolute;
    left: 350px;
    width: 60px;
    height: 45px;
}
.news_style
{
    display: none;
}
.news_show
{
    background-repeat: no-repeat;
    width: 825px;
    padding-left: 90px;
    overflow: auto;
}
.news_border
{
    width: 945px;
    background: url(../images/News_A.png);
    height: 22px;
    background-repeat: no-repeat;
    padding: 7px 2px 5px 5px;
    overflow: auto;
}