n/* @group Main */
html {
/* this is a hack to force scrollbars on at
all times so that the page does not jump
when going from short to long pages */
height: 100%;
margin-bottom: 1px;
}
html #menu li {
display: inline;
}
/*---Text---*/
#page_bg{ background: #82b3e9 url(../images/bg.jpg) 0 0 repeat-x;}
body { margin: 0; padding: 0; font: normal 13px/1.5em Trebuchet MS, Tahoma; color: #666;}
p { /* setup some more readable paragraph spacing */
margin-top: 10px; margin-bottom: 15px;}
h1, h2, h3, h4, h4 { /* setup some more readable header spacing */
padding-bottom: 5px; margin: 15px 0; font-family: Trebuchet MS, Tahoma}
sup, sub{font-size:10px}
a img { border: 0; }
h1 { font-size: 18px;}
h2 { font-size: 16px;}
h3 { font-size: 15px;}
h4 { color:#769cb4; font:bold 14px 'Trebuchet MS', Tahoma ; margin:20px 0 10px; text-shadow: 0 1px 3px #7AD8F6;}
h5{ color:#777; font: bold 14px 'Trebuchet MS', Tahoma; margin:10px 0}
input{font:normal 13px Trebuchet MS, Tahoma; color:#666}
abbr{border-bottom:1px dotted #999; cursor: help }
.small, .modifydate, .createdate{ font-size: 11px; color: #aaa}
.modifydate { vertical-align: bottom; padding-bottom: 20px}
.createdate { height: 20px; vertical-align: top; vertical-align: top; padding-bottom: 5px; padding-top: 0; color: #aaa;}
blockquote {display: block;font: normal 13px/1.5em Trebuchet MS, Tahoma; width: auto;padding: 5px 20px 10px 25px;margin: 15px 0;}
blockquote {background: #fff url(../images/quote.png) top left no-repeat;border-right: 1px solid #eee; border-bottom: 1px solid #eee}
button#submitter.button{font: 12px Trebuchet MS, Tahoma}
#josFormARG{background:#f7f7f7 url(../images/register_icon.jpg) top right no-repeat; padding: 15px 5px 0; margin: 0; border:1px solid #ddd}
/*--end of text---*/
div.moduletable h3,
.componentheading {
font-size: 16px;
}
/*---Content heading----*/
.contentheading {font: bold 16px/1.5em Trebuchet MS, Tahoma; padding: 20px 0 0; margin: 20px 0 0;}
.componentheading { font-weight: bold; margin-bottom: 15px;}
td.componentheading { padding-bottom: 15px;}
/*----end of content heading----*/
/* @group Family */
div#top {
color: #666;
}
div.moduletable h3,
div.moduletable-hilite1 h3,
div.mdouletable-hilite2 h3,
.contentheading {
/* see style css */
}
.contentheading a{color:#1D80B8;}
table.headlines div.moduletable h3,
.componentheading {
/* see style css */
}
a:link,a:visited {
/* color: see style css */
color: #1D80B8; text-decoration: none;
}
a:hover { text-decoration: none; color: #84A7DB}
div#bottom a:hover { text-decoration: none;}
/* @end */
.inputbox{border: 1px #ddd solid; color:#666;font: normal 12px Trebuchet MS, Tahoma}
.button{font: normal 12px Trebuchet MS, Tahoma; color:#666;}
select#ordering.inputbox{font: normal 11px 'Trebuchet MS', Tahoma; color:#666; height: 22px; width: 150px}
input#modlgn_remember{border:none}
/* Overall structure */
div#wrapper { margin: 0 auto; width: 980px; padding-top:18px }
div#header, div#horiz-menu, div#mainbody, div#bottom, div#footer {width: 980px}
div#header { background: url(../images/header-bg.jpg) bottom repeat-x }
div#top { margin-left: 480px; height: 145px; font-style: normal;}
div#wrapper { margin: 0 auto; width: 980px; padding-top:18px }
div#header, div#horiz-menu, table.mainbody, div#bottom, div#footer {width: 980px}
div#header {background: url(../images/header-bg.jpg) repeat}
img#logo {float: left; margin-left: 13px; width: 279px; height:70px; background: url(../images/new-logo.jpg) 0 0 no-repeat; padding:3px 0}
div#top {margin-left: 480px; height: 95px; font-style: normal;}
div#neck {width:980px; height:35px; background: url(../images/top-center.jpg) top left repeat-x}
div#mainbody{display:block; clear: both}
div#neck .tf-1{background: url(../images/top-right.jpg) 100% 0 no-repeat}
div#neck .tf-2{background: url(../images/top-left.jpg) 0 0 no-repeat; overflow: hidden;}
div.neck-left{float:left; padding: 3px 0 0 16px; width: 500px }
div.neck-left ul{margin: 0; padding: 6px 0 0 15px;}
div.neck-left li {margin: 0; float: left; list-style: none;}
div.neck-left a{padding: 0 10px; color:#f5f5f5; font: normal 13px Trebuchet MS, Tahoma}
div.neck-left a:hover{color:#84A7DB;}
div.neck-right{ float:right; padding:3px 16px 3px 0}
table.mainbody{ padding: 0;}
table.usermodules {}
td.mainbody { background: #fff; width:680px }
td.usermodules { padding: 0 10px;}
td.lastearticle{padding: 0 10px; width:295px}
td.cate-list{padding: 0 5px 0 0; width:300px; font-size:11px; background: url(../images/invite.jpg) top right no-repeat }
td.right .padding { padding: 0 10px;}
td.bannerlink { padding: 0 20px; width: 360px}
td.mainbody .padding { padding: 10px 10px 10px 25px;}
td.right { background: #EEF6FF url(../images/sidebar.jpg) 0 0 repeat-y; width: 265px !important;}
div.syndicate, div.bannertab{padding: 0; margin-left: 10px; border:none;}
div.syndicate a, div.syndicate a:hover{text-decoration:none; border:none}
div.bannerbox {display: inline; float:left; padding:2px 3px 2px 0px}
div#bottom { background: #fbfef5 url(../images/bottom-bg.jpg) 0 0 repeat-x;}
div#footer { background: url(../images/footer-bg.jpg) 0 0 repeat-x;}
div#footer .rk-1 { background: url(../images/footer-r.jpg) 100% 0 no-repeat;}
div#footer .rk-2 { background: url(../images/footer-l.jpg) 0 0 no-repeat; height: 105px; overflow: hidden;}
div#the-footer { background: url(../images/footer.jpg) 50% 0 no-repeat; padding-left: 24px ;text-align: left; color:#666; font-size:11px; line-height:1.5em }
fieldset{border:1px solid #ddd;margin-top: 5px; padding:5px}
fieldset.input{padding:5px}
input#mod_search_searchword{font-size: 13px; background: #fff url(../images/find-search.jpg) right no-repeat}
/* My Comment */
span.article_separator{display:block}
div.tag-blog{border-bottom: 1px dashed #aaa}
/* @group menus */
div#horiz-menu { background: #333 /*url(../images/menu-bg.jpg) repeat-x;*/; height: 36px; padding:0}
div#horiz-menu ul {
margin: 0 12px;
padding: 6px 0 0 0;
}
div#horiz-menu li {
margin: 0;
padding: 0;
padding-right: 2px;
float: left;
list-style: none;
background: url(../images/menu-divider.jpg) 100% 0 repeat-y;
}
div#horiz-menu a:link,
div#horiz-menu a:visited {
display: block;
float: left;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-weight: normal;
color: #fff;
text-decoration: none;
}
div#horiz-menu a:hover {
background: #4F6FA7;
}
/* My Comment */
/* My Comment */
/* @end */
/* @group content */
.hide {
display: none;
}
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
.highlight {
background: #d8f5af;
}
/* @end */
/* @end */
/* @group Joomla Core */
/* @group modules */
div.syndicate{padding:10px 10px 0 15px; border:none;}
div.moduletable h3 { padding: 3px; color:#666;}
td.right div.moduletable {
color: #666;
margin:0;
}
td.right div.moduletable h3 { border-bottom: 3px solid #D2E0F2; padding: 3px; background: #d2edf9}
div#bottom div.moduletable { color: #666;}
div#bottom div.moduletable h3 { color: #666;}
div#bottom div.moduletable a:link, div#bottom div.moduletable a:visited { font-size:12px; color:#666;}
div#bottom div.moduletable a:hover { color:#84A7D8; border:none; text-decoration: none;
}
/* @end */
/* @group content */
.contentheading a {
padding: 10px 0;
margin-top: 20px;
margin-bottom: 10px;
line-height:1.5em;
color: #1D80B8;
text-shadow: 0 1px 3px #7AD8F6;
}
.contentheading a:hover{ text-decoration: none; color: #84A7DB}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr { clear: both;}
div.mosimage { margin: 5px;}
a.readon { display: block;
float: left;
padding-left: 20px;
margin-top: 10px;
line-height: 14px;
height: 16px;
background: url(../images/readmore.gif) top left no-repeat}
/* background: see style css */
table.contenttoc { margin: 5px; padding: 5px;}
table.contenttoc td { padding: 0 5px;}
/* @end */
/* @group pathway */
span.pathway { display: block; height: 16px; line-height: 16px; vertical-align: middle; margin-top: 5px;
margin-bottom: 20px; font-weight: normal; padding:5px; border-bottom: 3px solid #D2E0F2; background: #CBDFFE}
span.pathway img {
margin: 0 ;
vertical-align: middle;
}
div#pathway {
margin-bottom: 10px;
padding-left: 8px;
}
/* @end */
/* @group sections */
table.mainbody td.mainbody td.sectiontableheader {
font-weight: bold;
padding: 4px;
line-height: 1.5em;
background: #f6f6f6;
border-bottom: 1px solid #ddd;
}
tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 5px;
border-top: 1px #fff;
border-bottom: 1px solid #efefef;
}
tr.sectiontableentry2 td,
td.sectiontableentry1 {
background: #fcfcfc;
}
/* @group My Group */
/* @end */
.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
background: none;
border: 0;
}
/* @end */
/* @group mainmenu */
ul.menu {
list-style: none;
padding-left: 0;
margin-left: 0
}
ul.menu a:link,
ul.menu a:visited {
text-decoration: none;
}
ul.menu a {
display: block;
padding: 4px 0 2px;
margin-bottom: 3px;
}
ul.menu li li a:link,
ul.menu li li a:visited {
text-decoration: none;
}
ul.menu a:hover {
text-decoration: none;
}
ul.menu li li a:hover {
text-decoration: none;
}
#current a:link,
#current a:visited {
color: #84A7DB;
border-bottom:1px solid #ddd;
border-top:1px solid #ddd;
}
/*Additional local site css*/
/*----table simply style----*/
.simply{font:normal 13px "Trebuchet MS", Tahoma; border-collapse: collapse;text-align: left; margin:10px 0 15px;}
.simply th{ font:normal 13px "Trebuchet MS", Tahoma; color: #333; background:#cbeffd; padding: 10px 3px; border-bottom: 2px solid #ddd;}
.simply td{ border-bottom: 1px solid #eee; color: #666; background: #fff; padding: 3px;}
.simply tbody tr:hover td{ color: #222; background: #eee;}
/*----table simply2 style----*/
/*---------------Table style----------------------------------*/
.simply2{ font:13px "Trebuchet MS", Tahoma; border-collapse: collapse; text-align: left; margin:10px 0 15px;}
.simply2 th{font:normal 13px "Trebuchet MS", Tahoma; color: #333; background:#d2f7fc; padding: 10px 3px; border-bottom: 2px solid #ddd;}
.simply2 td{border-bottom: 1px solid #eee; color: #666; background: #fff; padding: 3px;}
.simply2 tbody tr:hover td{ border-bottom: 1px solid #ccc; }
.simply3{ font:12px "Trebuchet MS", Tahoma; border-collapse: collapse; text-align: left; margin:10px 0 15px;}
.simply3 th{font:normal 12px "Trebuchet MS", Tahoma; color: #333; background:#d4e9fb; padding: 10px 3px; border-bottom: 2px solid #ddd;}
.simply3 td{border-bottom: 1px solid #eee; color: #666; background: #fff; padding: 3px;}
.phonein{font:13px "Trebuchet MS", Tahoma; border-collapse: collapse; text-align: left; margin:10px 0 15px;}
.phonein th{font:normal 13px "Trebuchet MS", Tahoma; color: #333; background:#d2f7fc; padding: 10px 3px; border-bottom: 2px solid #ddd;}
.phonein td{background: #fcf0a0; padding: 3px;}
/*---------- etc -------------*/
.link{ font:normal 13px 'Trebuchet MS', Tahoma ; color:#666; border-bottom:1px solid #ccc;}
.recommended{ color:#F90; border-bottom:1px solid #fce3b1;}
h1.tagsearch{background: url(../images/tagsearch.jpg) left no-repeat; padding-left:20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd}
ul.newsfeed{list-style-image: url(../images/commentforum.jpg)}
ul.newsfeed li{border-bottom: 1px dashed #ddd; padding:2px 0}
/*----------Image align --------*/
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignleft { float:left; padding: 4px; margin: 0 7px 2px 0; display: inline;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
.alignright{ float:right; padding: 4px; margin: 0 0 2px 7px; display: inline;}
.pagenav{padding:5px 5px; border:1px solid #ddd}
.pagenav:hover{background:#eee; text-decoration:none}
ul.jclist li{border-bottom:1px solid #ddd; padding-top:5px;margin:0}
ul.jclist img{padding:2px; background:#fff; border:1px solid #eee; border-right: 1px solid #ddd;border-bottom: 2px solid #ddd; float: left}
#comments .comment-avatar {padding:3px; background:#fff; border:1px solid #ccc; border-right: 1px solid #bbb;border-bottom: 2px solid #bbb}
span.jcl_comment {font-size:11px}
select#tag{font:normal 12px 'Trebuchet MS', Tahoma ; color:#666;}
span .fb_avatar img{padding:2px; background:#fff; border:1px solid #eee; border-right: 1px solid #ddd;border-bottom: 2px solid #ddd}
/*-----------------------------------------------------------------------*/
/* @end */
li.option1{list-style:none ; background:url(../images/plus.jpg) top left no-repeat;padding-left: 16px }
li.option2{list-style:none ; background:url(../images/tick.jpg) top left no-repeat;padding-left: 16px }
li.option3{list-style:none ; background:url(../images/add-on.jpg) top left no-repeat;padding-left: 16px }
h3.option1{background:url(../images/h-left.jpg) top left no-repeat;padding-left: 16px}
h3.option1 span{background:url(../images/h-right.jpg) top right no-repeat; padding:0 16px; color:#f7f7f7;}
.cb_template_default{width: 600px}
/*.cbProfile{background: url(../images/profilebg.jpg) right bottom no-repeat #fff}*/
.cbclearboth{background: #f7f7f7; border: 3px solid #ddd; margin: 0; padding: 10px 230px}
#main-news{float:left; width: 630px; clear: both}
#main-news .row { float:left; width:100%; margin: 5px 0 10px ;}
#main-news .sub-news{float:left; ;margin-top: 5px; border-bottom:2px solid #eee; height: 150px}
#main-news .sub-news a img{border: 1px solid #ddd}
#main-news .sub-news a:hover img{border: 1px solid #aaa}
#main-partner{float:left; width: 630px; clear: both}
#main-partner .subrow { float:left; width:100%; margin: 0 ; }
#main-partner .sub-slide{float:left; ;margin-top: 0; border-bottom:2px solid #eee; height: 240px}
#main-partner .sub-slide a img{border: 1px solid #ddd}
#main-partner .sub-slide a:hover img{border: 1px solid #aaa}
/*---------------table stat style----------------------------------*/
.simply4{ font:normal 13px "Trebuchet MS", Tahoma; background: #fff; border-collapse: collapse; text-align: left; margin:10px 0 15px;}
.simply4 th{ font:normal 13px "Trebuchet MS", Tahoma; background: #d2f7fc; color: #666; padding: 10px 3px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
.simply4 td{ border-bottom: 1px dashed #ddd; color: #666; padding: 3px; vertical-align: top}
.simply4 tfoot{ border-bottom: 1px solid #ddd; color: #666; padding: 3px ;border-top: 1px solid #ddd;}
#mainContainer{ width:100%; margin:0 auto; text-align:left; background-color:#FBFEF5; }
#mainContent{ padding:10px;}
.clear{ clear:both; }
/*---- New directory design----*/
#directory-tree { width: 100%; overflow: hidden; }
#directory-tree .title a{ height: 24px; vertical-align: middle; margin: 10px 11px 0 0; font: bold 16px/24px Trebuchet MS, Tahoma; border-bottom: 1px solid #ccc; text-shadow: 0 1px 3px #7AD8F6}
#directory-tree .rowtree{ float:left; width:100%; margin: 5px 0 0; background: #F4F4F4 }
#directory-tree .category { float:left; padding-bottom: 5px }
.category.subtree{margin-top: 5px; padding-left: 0; padding: 5px;}
.category .subtree h2 a{ color: #1d80b8; font-size: 15px; text-shadow: 0 1px 3px #7AD8F6;}
.category .subtree a{color: #666; font-size: 11px}
.category .subtree a:hover, .subtree-l a:hover{ color: #84a7d8}