/*------------------------------------------------------------------------ /* COMMON STYLE --------------------------------------------------------- */ * { margin: 0; padding: 0; } html, body, form, fieldset { margin: 0; padding: 0; } body { color: #000000; background: #ededed; font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 18px; } body.contentpane { color: #000000; background: #ffffff; font-size: 12px; line-height: 1.3em; margin: 0; margin: 1em 2em; width: auto; /* Printable Page */ } .contentpane .button { display: inline; height: 25px; padding: 0 10px; } body.fs1 {font-size: 9px;} body.fs2 {font-size: 10px;} body.fs3 {font-size: 11px;} body.fs4 {font-size: 12px;} body.fs5 {font-size: 13px;} body.fs6 {font-size: 14px;} /* Small text */ small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan, a.readon { font-size: 0.8em; } /*article image*/ img { margin: 0; padding: 0; border: none; } a { color: #689b06; text-decoration: none; outline: none; } a:hover, a:active, a:focus { text-decoration: underline; text-align: right; color: #00F; font-size: 12px; } .shadow img { padding: 1px; border: 1px solid #CCCCCC; } .shadow { float: left; margin-right: 10px; padding-bottom: 3px; } /* Heading */ h1 {font-size: 175%;} h2 {font-size: 150%;} h3 {font-size: 125%;} h4 {font-size: 115%;} h2 { color: #ccc; font-size: 26px; font-weight: normal; font-family: "Times New Roman"; } p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 { margin: 1em 0; padding: 0; text-align: center; font-size: 18px; font-weight: bold; } ul li { padding: 0 0 0 22px; background: url(../images/arrow3.png) no-repeat 10px 7px; } ol li { margin-left: 22px; } th { font-weight: bold; padding: 8px; text-align: left; } fieldset { border: none; padding: 10px 5px; } fieldset a { font-weight: bold; } fieldset.input { padding: 0; background: none; } legend { padding: 2px 10px; font-weight: bold; color: #FFF; background: #9ca722; } td, th, div { font-size: 18px; font-weight: bold; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox, .button { font-family: Arial, Helvetica, sans-serif; font-size: 100%; } .button { } /* JOOMLA STYLE --------------------------------------------------------- */ /* Article Layout */ .leading { padding-bottom: 10px; } .leading_separator { display: block; margin: 1px 0; height: 2px; border-bottom: 1px solid #cccccc; overflow: hidden; width: 100%; } .article_column { float: left; margin: 0 !important; padding: 0 !important; overflow: hidden; } .article_separator { clear: both; margin: 0; display: none; } .row_separator { display: block; clear: both; height: 2px; line-height: 2px; border-bottom: 1px solid #cccccc; } .article_row { padding: 0; margin: 0 -10px; overflow: hidden; } .column1.cols1 { float: none; } .column2.cols2 { float: right; } .column3.cols3 { float: right; } .column4.cols4 { float: right; } .column5.cols5 { float: right; } .column1.cols2 .article_column_pad, .column1.cols3 .article_column_pad, .column2.cols3 .article_column_pad, .column1.cols4 .article_column_pad, .column2.cols4 .article_column_pad, .column3.cols4 .article_column_pad, .column1.cols5 .article_column_pad, .column2.cols5 .article_column_pad, .column3.cols5 .article_column_pad, .column4.cols5 .article_column_pad { border-right: 1px solid #cccccc; } .article_column_pad { margin: 10px 10px 10px 0; padding: 0 10px; overflow: hidden; } .leading img, .article_column_pad img { margin: 0 10px 10px 0; padding: 3px; background: none; border: 1px solid #ececec; } p.iteminfo { line-height: 1em; margin: 0 -10px 5px; padding: 10px; } .article_row p.iteminfo { line-height: 1em; margin: 0 -10px 5px; padding: 10px; } .articleinfo { margin: 0.5em 0; color: #999999; } /* Category Table layout */ .filter { float: left; margin: 0; padding: 0; } .display { float: right; margin: 10px 0 0; text-align: right; } /**/ table.category, table.weblinks, table.newsfeeds { border:1px solid #ececec; width: 100%; clear:both; font-size:1em; margin:20px 0; } table.newsfeeds th, table.weblinks th, table.category th { background: #ececec; padding: 5px; } table.newsfeeds td, table.weblinks td, table.category td { padding:5px; } /* content tables */ .sectiontableheader { padding: 4px 8px; font-weight: bold; } .sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:active, .sectiontableheader a:focus { color: #008000; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 8px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 4px; } 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 { padding: 1px 5px 1px 15px; } table.contenttoc th { border-bottom: 1px solid #ececec; 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: #ececec; } table.searchintro { padding: 10px 0; width: 100%; } table.searchintro td { padding: 5px!important; } .blog_more { margin: 0; padding: 10px 0 0; } .blog_more strong { display: block; margin: 0 0 5px; text-transform: uppercase; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { padding: 0; margin: 0 0 0 22px; } .category { font-weight: normal; } h1.componentheading, .componentheading { font-size: 175%; font-weight: bold; margin: 0.8em 0 0; padding: 0; line-height: 28px; } h1.componentheading span, .componentheading span { display: block; } .contentdescription { /*padding-bottom: 30px;*/ } h2.contentheading, .contentheading { padding: 0; margin: 0.5em 0; font-size: 140%; font-weight: bold; font-family: Arial; color: #689b06; } table.blog .contentheading { font-size: 1.4em; } td.contentheading { line-height: 28px; } a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { } a.readon { padding: 3px 10px; font-size: 12px; display: inline-block; line-height: 16px; color: #FFF; background: #7AB607; } a.readon:hover, a.readon:focus, a.readon:active { text-decoration: underline; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .moduletable { padding: 0; } ul.pagination { overflow: hidden; clear: both; margin: 10px 0 0; padding: 10px 0; text-align: center; list-style: none; } ul.pagination li { line-height: 20px; display: inline; margin: 10px 0; padding: 8px 5px 8px 5px; background: none; } ul.pagination li.jl-first-item { padding: 8px 0 8px 15px; } ul.pagination li.jl-last-item { padding: 8px 5px 8px 10px; } ul.pagination li.jl-first-item span, ul.pagination li.jl-last-item span { padding: 2px 0; } ul.pagination li span { padding: 2px 5px; } ul.pagination a, ul.pagination span { padding: 2px 6px; text-decoration: none; color: #FFF; background: #7AB607; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { text-decoration: underline; } .counter { text-align: center; margin: 0.5em 0; } .pagenavbar { font-weight: bold; padding-left: 14px; } .pagenavcounter { font-weight: bold; padding: 8px 14px 0 14px; } .smalldark { text-align: left; } div.syndicate div { text-align: center; } tr.sectiontableentry1 td, tr.sectiontableentry2 td { background: none; padding: 3px 5px !important; } /* Contact*/ div.contact { margin: 10px 0; } .contact form { margin: 10px 0; padding: 20px; } address { font-style: normal; margin: 10px 0; } .contact label { float: left; font-weight: bold; margin: 10px 0 0; width: 14em; } .contact input { margin: 10px 0 0; padding: 2px 2px 0; } .contact label.copy { padding: 0 0 0 10px; width: 90%; } .contact_email_checkbox label { float: none !important; } #contact_text { height: 150px; width: 80%; } /* user */ form.user, form.login_form { margin:10px 0; } form.login_form label, form.user label { width:40%; float:left; } /* Form registration */ .name, .user, .email, .pass, .verify_pass { padding: 2px 0; } /* form validation */ .invalid { border-color:red !important; } label.invalid { color:red; } /* META --------------------------------------------------------- */ .article-toolswrap { display: block; margin: 0 0 10px; padding: 0; position: relative; } .article-tools { display: block; padding: 0 10px 0 0; } .article-meta { width: 70%; float: left; color: #008000; } .createdby { font-size: 0.8em; display: block; } .createdate { font-size: 0.8em; display: block; } .modifydate { width: 100%; display: block; color: #689b06; margin: 0; } .article-section { padding-left: 6px; margin-left: 5px; } .article-section a { color: #008000; } .article-category a { color: #008000; } .buttonheading img { margin: 12px 0 0 3px !important; padding: 0 !important; border: 0 !important; float: right; background: none !important; } p.buttonheading { text-align:right; margin: 0; } p.buttonheading a:hover { background:none !important; color:#000 !important; } p.buttonheading a:active,p.buttonheading a:focus { color:#000; } div.jl-grid { margin: 0; padding: 0; width: 100%; display: inline-block; } div.jl-grid-col { float: left; width: 19.9%; margin: 0; padding: 0; } span.seperator { width: 100%; display: block; clear: both; padding-top: 10px; margin-bottom: 9px; border-bottom: 1px solid #ececec; } .img_caption { margin: 0 4px 4px 0 !important; }/* MAIN LAYOUT DIVS --------------------------------------------------------- */ .clearfix { clear: both; } #jv-wrapper { width: 100%; margin: 0; } .jv-wrapper { margin: 0 auto; width: 950px; text-align: left; } #jv-header, #jv-menunavwrap, #jv-containerwrap, #jv-footerwrap { width: 100%; clear: both; display: inline-block; } #jv-mainmenu { margin: 0; padding: 0; width: 100%; height: 45px; border-bottom: 1px solid #EDEDED; background: url(../images/bg-mainmenu.jpg) repeat-x top; } #jv-userwrap3 { width: 100%; overflow: hidden; background: url(../images/bg-line.jpg) repeat-x center bottom #FFF; } #jv-userwrap3 div.moduletable, #jv-userwrap3 div.moduletable_menu, #jv-userwrap3 div.moduletable_text, #jv-userwrap3 div.moduletable_style1 { padding: 18px; background: none; } /* MODULE --------------------------------------------------------- */ div.moduletable, div.moduletable_menu, div.moduletable_text, div.moduletable_style1 { padding: 18px; background: url(../images/bg-line.jpg) repeat-x bottom; font-size: 16px; } #jv-left div.moduletable, #jv-left div.moduletable_menu, #jv-left div.moduletable_text, #jv-left div.moduletable_style1 { padding: 10px; background: url(../images/bg-line.jpg) repeat-x bottom; } div.moduletable h3, div.moduletable_menu h3, div.moduletable_text h3 { padding: 0; margin: 0 0 15px; overflow: hidden; } div.moduletable h3 span, div.moduletable_menu h3 span, div.moduletable_text h3 span { padding: 5px 10px; float: left; color: #FFF; font-size: 13px; line-height: 20px; font-weight: bold; background: #7AB607; } #jv-left div.moduletable h3 span, #jv-left div.moduletable_menu h3 span, #jv-left div.moduletable_text h3 span { padding: 0; float: left; color: #484848; font-size: 14px; line-height: 20px; font-weight: normal; background: none; } #jv-left div.moduletable_style1 h3 { margin: 0 0 10px 0; } #jv-left div.moduletable_style1 h3 span { color: #689b06; font-size: 100; } div.banneritem_text { padding: 5px 0 !important; } div.mod-content ul.menu, div.mod-content ul.menu ul { margin: 0; padding: 0; list-style: none; } div.mod-content ul.menu li { padding: 0 0 5px 0; margin: 0; line-height: 26px; background: none; } div.mod-content ul.menu li a { padding: 0; line-height: 20px; display: block; font-size: 100%; } div.mod-content ul.menu li a span { display: block; /*color: #BBBBBB;*/ font-size: 100%; padding: 4px 0px 4px 12px; line-height: 18px; } div.mod-content ul.menu li#current.parent a, div.mod-content ul.menu li a:hover, div.mod-content ul.menu li a:active, div.mod-content ul.menu li a:focus { /*color: #F58F05;*/ text-decoration: underline; } div.mod-content ul.menu li#current a span, div.mod-content ul.menu li a:hover span, div.mod-content ul.menu li a:active span, div.mod-content ul.menu li a:focus span { /*color: #F58F05;*/ text-decoration: underline; } div.mod-content ul.menu li#current li a, div.mod-content ul.menu li li a { /*color: #BBBBBB;*/ padding-left: 10px; font-size: 95%; text-decoration: none; } div.mod-content ul.menu li#current li a span, div.mod-content ul.menu li li a span { /*color: #BBBBBB;*/ text-decoration: none; } div.mod-content ul.menu li#current.parent li a:hover span, div.mod-content ul.menu li li#current a span, div.mod-content ul.menu li li a:hover span, div.mod-content ul.menu li li a:active span, div.mod-content ul.menu li li a:focus span { /*color: #F58F05;*/ text-decoration: underline; } div.mod-content ul.menu li li#current li a, div.mod-content ul.menu li li li a { padding-left: 40px; font-size: 90%; text-decoration: none; } div.mod-content ul.menu li li#current li a span { /*color: #BBBBBB;*/ text-decoration: none; } div.mod-content ul.menu li li li#current li a, div.mod-content ul.menu li li li li a { padding-left: 50px; font-size: 85%; } div.mod-content ul.menu li li li#current li a span { /*color: #BBBBBB;*/ text-decoration: none; } div.mod-content { margin: 0; overflow: hidden; } /* HEADER --------------------------------------------------------- */ #jv-header { height: 203px; background: #fff no-repeat 50% 0; } #jv-header-inner { position: relative; height: 122px; } #jv-tool { position: absolute; top: 5px; right: 0; } .jv-tool { cursor: pointer; border: 1px solid #d0bd9d; } #jv-logo { margin: 10px 0 0 0; float: left; width: 100%; overflow: hidden; } #jv-logo-a { background: url(../images/logo_quadrangular.png) no-repeat 0 0; height: 201px; width: 525px; display: block; margin: 0 auto; } #jv-logo span { display: none; } #jv-menu { float: right; margin: 0; padding: 0; width: 100%; } #jv-menu-pad { padding: 22px 0; overflow: hidden; } #jv-menu ul { margin: 0; padding: 0; list-style: none; float: right; } #jv-menu ul li { display: block; float: left; line-height: 52px; margin: 0 2px; } #jv-menu ul li a, #jv-menu ul li a.mainlevel-nav { background: none; color: #ffffff; display: block; font-size: 125%; line-height: 28px; padding: 12px 24px; text-transform: lowercase; } #jv-menu ul li a#active_menu-nav, #jv-menu ul li a:hover, #jv-menu ul li a:active, #jv-menu ul li a:focus { background: url(../images/bg-menu.png) repeat; color: #ffffff; text-decoration: none; } #jv-containerwrap { background: url(../images/bg-contentwrapper.jpg) repeat-x top; } #jv-container { margin: 25px 0 0 0; padding: 8px; overflow: hidden; background: #E5E5E5 url(../images/bg-container.jpg) repeat-x top; } #jv-main { width: 100%; overflow: hidden; background: #FFF url(../images/bg-main1.jpg) repeat-y right; } #jv-main-dot { width: 100%; overflow: hidden; background: url(../images/dot.jpg) repeat-y scroll 158px 0; } #jv-main.clr #jv-main-dot { width: 100%; overflow: hidden; background: url(../images/dot.jpg) repeat-y scroll 475px 0; } #jv-main-left.clr #jv-main-dot { width: 100%; overflow: hidden; background: url(../images/dot.jpg) repeat-y scroll 775px 0; } #jv-main-right #jv-main-dot, #jv-main-full #jv-main-dot { background: none; } #jv-main-right { width: 100%; overflow: hidden; background: #FFF url(../images/bg-main1.jpg) repeat-y right; } #jv-main-left, #jv-main-full { width: 100%; overflow: hidden; background: #FFF; } #jv-main-right #jv-content { background: none; } #jv-main-right #jv-content #jv-content-pad { width: 100%; } #jv-main-full #jv-contentwrap { width: 100%; } #jv-main-full #jv-content { background: none; } #jv-main-full #jv-content-pad { width: 100%; } #jv-main-left #jv-contentwrap { width: 100%; } /* CONTAINER --------------------------------------------------------- */ #jv-top { width: 100%; font-size: 11px; color: #e6e6e6; overflow: hidden; background: #111111; } #jv-topleft { padding: 5px 0; float: left; width: 60%; } #jv-topright { padding: 5px 0; float: right; } #jv-top ul { margin: 0; list-style: none; background: none; } #jv-top ul li { margin: 0; padding: 0 10px; display: inline; background: url(../images/bg-menutop.jpg) no-repeat center right; } #jv-top ul li.last { background: none; } #jv-top ul li a { color: #e6e6e6; } #jv-banner { margin: 25px 0 0; float: right; border: 5px solid #1e1e1e; } #jv-content { width: 100%; clear: both; overflow: hidden; } #jv-content-pad { float: right; padding: 0; margin: 0; width: 475px; overflow: hidden; } .clr #jv-content-pad { float: left; padding: 0; margin: 0; width: 475px; overflow: hidden; } #jv-main-left.lcr #jv-content-pad, #jv-main-left.clr #jv-content-pad { width: 775px; } #jv-content-inner { display: block; padding: 10px; } #jv-bottom { width: 100%; clear: both; display: inline-block; } #jv-contentwrap { float: left; overflow: hidden; width: 634px; } #jv-right { float: right; width: 300px; margin: 0; padding: 0; overflow: hidden; } #jv-left { float: left; width: 158px; margin: 0; padding: 0; overflow: hidden; background: url(../images/bg-style1.jpg) repeat-x top; } .clr #jv-left { float: right; width: 158px; margin: 0; padding: 0; overflow: hidden; } #jv-tools { top: 3px; right: 0; position: absolute; } /* FOOTER --------------------------------------------------------- */ #jv-footerwrap { padding: 20px 0; color: #828282; background: #e5e5e5 url(../images/bg-footer.jpg) repeat-x top; } #jv-footer { margin: 0 0 10px 0; overflow: hidden; position: relative; width: 100%; text-align:center; } #jv-footer ul { margin: 0; list-style: none; } #jv-footer ul li { margin: 0; padding: 0 10px; display: inline; background: none; } #jv-footer ul li a { color: #689b06; } #jv-footer ul li a:hover, #jv-footer ul li a:focus, #jv-footer ul li a:active { color: #295c7f; } #jv-copyright { overflow: hidden; float: left; width: 100%; clear: right; margin:0 auto; } #jv-inset { width: 40%; float: right; } /*others*/ #form-login p { margin: 0 0 5px; } #form-login ul { margin: 10px 0 0; } #form-login .inputbox { width: 90%; } .clr { clear: both; } .hasTip img { margin: 10px 5px 0 0; border: none; } /* Tooltips */ .tool-tip { float: left; border: 1px solid #D4D5AA; padding: 5px; background: #FFFFCC; max-width: 200px; } .tool-title { padding: 0; margin: 0; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; font-size: 100%; font-weight: bold; } .tool-text { margin: 0; font-size: 100%; } #system-message dd.message ul, #system-message dd.error ul, #system-message dd.notice ul { padding: 0; margin: 0; } #system-message dd.message ul li, #system-message dd.error ul li, #system-message dd.notice ul li { background: none; padding: 5px; margin: 0; color: #FFFFFF; } /* System Standard Messages */ #system-message dd.message ul { background: #006699; border: none; } /* System Error Messages */ #system-message dd.error ul { background: #BF0000; border: none; } /* System Notice Messages */ #system-message dd.notice ul { background: #EE9600; border: none; } /* Clearfix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } .search .inputbox { padding: 7px 10px; width: 170px; background: #D8EF9F; border: 1px solid #97bb5a; } .search .button { padding: 7px 10px; width: 60px; border: none; color: #FFF; background: #8e9803 url(../images/bg-buttonsearch.jpg) repeat-x top; } .jv_box { margin-bottom: 3px; overflow: hidden; background: #EDEDED; border: 5px solid #d5d4d4; } .jv_box ul { margin: 0; list-style: none; } .jv_box li { margin: 0; padding: 10px; display: block; overflow: hidden; background: url(../images/bg-line.jpg) repeat-x bottom; } .jv_box img { margin-right: 10px; border: 2px solid #A4A4A4; } .jv_dotted { display: block; } .jv_dotted ul { margin: 0; list-style: none; } .jv_dotted li { margin: 0; padding: 10px 0; border-bottom: 1px dotted #C2C2C2; background: none; } .datepost { color: #A4A4A4; } .jvbox img, .caption { margin: 0 2px 2px 0; padding: 3px; border: 1px solid #d7d7d0; background: #FFF; } #jv-slideshow { overflow: hidden; background: #FFF; } #jv-slideshow div.mod-content { padding: 0; } #jv-slideshow img { padding: 5px; background: #EEE; border: 1px solid #DDD; } #jv-highlight { overflow: hidden; background: #FFF; } .infopost { color: #B2B2B2; } .infopost a { color: #ebbf46; } #jv-userwrap1 { width: 100%; } .jv-user { float: left; } #jv-userwrap1 a.readon { padding: 10px 0; color: #689b06; font-weight: bold; background: none; } #jv-userwrap1 div.moduletable, #jv-userwrap1 div.moduletable_menu, #jv-userwrap1 div.moduletable_text { background: none; } #jv-userwrap1 h3 span { padding: 0; margin: 0 0 15px; overflow: hidden; background: none; color: #3d3d3d; font-size: 24px; line-height: 100%; font-family: "Times New Roman"; } #jv-userwrap1 .icon1 h3 span { padding: 10px 0 10px 50px; background: url(../images/icon1.jpg) no-repeat 0 0 !important; } #jv-userwrap1 .icon2 h3 span { padding: 10px 0 10px 50px; background: url(../images/icon2.jpg) no-repeat 0 0 !important; } #jv-userwrap1 .icon3 h3 span { padding: 10px 0 10px 50px; background: url(../images/icon3.jpg) no-repeat 0 0 !important; } span.prev, span.prev:hover { background: url(../images/bg-pre.jpg) no-repeat 0 0; height: 29px; width: 17px; } span.next, span.next:hover { background: url(../images/bg-next.jpg) no-repeat 0 0; height: 29px; width: 17px; } .jv_tab_default_wrap .jv_tabs_panel, .jv_tab_default_wrap .jv_tabs_panel_r, .jv_tab_default_wrap .jv_tabs_panel_bc, .jv_tab_default_wrap .jv_tabs_panel_bl, .jv_tab_default_wrap .jv_tabs_panel_br, .jv_tab_default_wrap .jv_tabs_panel .panel_tc, .jv_tab_default_wrap .jv_tabs_panel .panel_tl, .jv_tab_default_wrap .jv_tabs_panel .panel_tr { background: none; } .jv_tab_default_wrap .jv_tabs_panel_r { width: auto; border: 5px solid #D5D4D4; background: #EDEDED; } .jv_tab_default_wrap div.jv_tabs_panel .jv_default_content ul li { overflow: hidden; } .jv_tab_default_wrap .jv_tabs_panel .panel_tr { padding: 0; } .jv_tab_default_wrap div.jv_tabs_panel .jv_default_content ul li { border: none; background: url(../images/bg-line.jpg) repeat-x center bottom; } .jv_tab_default_wrap ul.tabs_title li { margin: 0 5px 0 0; } .jv_tab_default_wrap ul.tabs_title li h3, .jv_tab_default_wrap ul.tabs_title li.first h3 { background: #D5D4D4; color: #76766A; cursor: pointer; display: block; height: 32px; line-height: 32px; margin: 0; padding-left: 5px; } .jv_tab_default_wrap ul.tabs_title li h3 span { background: none; display: block; height: 32px; padding-left: 8px; padding-right: 13px; } .jv_tab_default_wrap ul.tabs_title li.first h3 span { height: 22px; line-height: 22px; } .jv_tab_default_wrap ul.tabs_title li.first.active h3, .jv_tab_default_wrap ul.tabs_title li.active h3 { background: #7AB607; height: 32px; } .jv_tab_default_wrap ul.tabs_title li.first.active h3 span, .jv_tab_default_wrap ul.tabs_title li.active h3 span { height: 22px; line-height: 22px; background: #7AB607; } .jv_tab_default_wrap ul.tabs_title li h3 span { height: 22px; padding-left: 8px; padding-right: 13px; } p.posttitle { margin: 10px 0; padding: 0; color: #484848; font-size: 14px; } .jv_eoty_wrap { padding: 5px; background: #EEE; border: 1px solid #DDDDDD; } /*------------------------------------------------------------------------ * JV Template 1.5 - Dec, 2009 * ------------------------------------------------------------------------ * Copyright (C) 2004-2008 APL Solutions And Vision Co., LTD. All Rights Reserved. * @license - Copyrighted Commercial Software * Author: APL Solutions And Vision Co., LTD * Websites: http://www.joomgroup.com - http://www.joomvision.com -------------------------------------------------------------------------*/ /* TYPOGRAPHY --------------------------------------------------------- */ pre, .code { border: 1px solid #E3E3E3; border-left: 6px solid #E3E3E3; font-family: "Courier News",monospace; font-size: 1em; font-size-adjust:none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; margin: 5px 0 15px; padding: 10px 15px; color: #000000; background: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } blockquote { padding: 10px 15px; } blockquote span.open { background: url(../images/bq-o.gif) no-repeat left top; padding: 0 0 10px 30px; } blockquote span.close { background: url(../images/bq-c.gif) no-repeat bottom right; padding: 0 25px 5px 0; } blockquote.testimonial { padding: 0 0 15px; border-bottom: 1px solid #E6E6E6; } blockquote.testimonial span.author { background: url(../images/author.gif) no-repeat 5px center; display: block; font-weight: bold; margin-top: 5px; padding-left: 20px; } /**/ small { font-size: 0.85em; } sup { position: relative; bottom: 0.3em; vertical-align: baseline; } sup em { color: #FF0000; font-size: .8em; } sup { position: relative; bottom: 0.3em; vertical-align: baseline; } acronym, abbr { border-bottom: 1px dashed; letter-spacing: 1px; cursor: help; } /* @IMAGE */ img { border: none; } img.image-left { float: left; margin: .5em 1em .5em 0; } img.image-right { float: right; margin: .5em 0 .5em 1em; } img.image-border { border: 1px solid #E5E5E5; padding: 3px; } img.image-margin { margin: .5em; } /* @TEXT */ .clearbreak { clear: both; } div.grid2:after, div.grid3:after, div.grid4:after, div.grid5:after, ul.hlist-left:after, ul.hlist-right:after, .clearafter:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } /* Text grid */ div.grid-col { float: left; margin-right: 2%; overflow: hidden; } div.grid-lastcol { float: right; margin-right: 0 !important; overflow: hidden; } div.grid2 div.grid-col { width: 48%; } div.grid3 div.grid-col { width: 31%; } div.grid4 div.grid-col { width: 22%; } div.grid5 div.grid-col { width: 17%; } /* Dropcap */ .dropcap { overflow: hidden; } .dropcap:first-letter { color: #414141; display: block; float: left; font: 50px/40px Georgia, Times, serif; padding: 4px 8px 0 0; } /* Tips, Error, Message, Hightlight*/ p.error { background: url(../images/error.gif) no-repeat top left; color: #DF0000; padding: 0 0 5px 30px; } p.message { background: url(../images/info.gif) no-repeat top left; color: #2FAFCB; padding: 0 0 5px 30px; } p.tips { background: url(../images/tips.gif) no-repeat top left; color: #FA6900; padding: 0 0 5px 30px; } p.feed { background: url(../images/feed.gif) no-repeat 3px 0px; padding-left: 30px; padding-bottom: 5px; } .highlight { color: #3d3d3d; background: #ececec; font-weight: bold; padding: 3px 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } /* Note Style */ p.stickynote { background: #FFF url(../images/stickynote.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 70px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.download { background: #FFF url(../images/download.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 70px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.buy { background: #FFF url(../images/buy.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 70px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.sell { background: #FFF url(../images/sell.gif) no-repeat 8px center; border: 3px solid #E3E3E3; padding: 15px 10px 15px 68px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .blocknumber { clear: both; padding: 5px 15px 10px; position: relative; } /* bullet */ /* Check list */ ul.checklist { list-style: none; } ul.checklist li { background: url(../images/checklist.png) no-repeat 4px 5px !important; padding: 0 0 0 22px !important; } /* Star list */ ul.star { list-style: none; } ul.star li { background: url(../images/star.png) no-repeat 2px 0 !important; padding: 0 0 0 22px !important; } /* List arrow */ ul.arrow { list-style: none; } ul.arrow li { background: url(../images/arrow.png) no-repeat 2px 2px; padding: 0 0 0 22px; } /* Bignumber */ .bignumber { background: url(../images/bignumber.gif) no-repeat top left; color: #fff; display: block; float: left; font: bold 23px/normal Arial, sans-serif; margin-right: 8px; padding: 7px 8px 8px 9px; } /* Talking box. Thinking box. */ div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0; } div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { display:inline-block; font-weight:bold; line-height:18px; margin-left:35px; } div.bubble1 div { background: url(../images/bub1-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left; } div.bubble1 div div div div div { margin: 0; padding: 10px 15px 20px; width: auto; } div.bubble2 div { background: url(../images/bub2-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left; } div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right; } div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left; } div.bubble2 div div div div div { margin: 0; padding: 12px 15px 22px; width: auto; } div.bubble3 div { background: url(../images/bub3-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left; } div.bubble3 div div div div div { margin: 0; padding: 14px 15px 50px; width: auto; } div.bubble4 div { background: url(../images/bub4-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left; } div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right; } div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left; } div.bubble4 div div div div div { margin: 0; padding: 10px 15px 50px; width: auto; } /* Legend */ .legend-title { background: #FFF; display: block; font-size: 100%; float: left; font-weight: bold; left: 7px; margin: 0; padding: 0 3px; position: absolute; top: -10px; } .legend { border: 1px solid #CCCCCC; margin: 20px 0; padding: 0 10px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Left & Right*/ div.jv-left, div.jv-right { margin: 0; padding: 0; width: 49%; } div.jv-left { float: left; clear:left; } div.jv-right { float: right; } /* jv Tabs */ #jv-tabs { background: #262626; } #jv-tabs div.jv-box-br, #jv-tabs div.jv-box-bl, #jv-tabs div.jv-box-tr, #jv-tabs div.jv-box-tl { margin: 0; padding: 0; } #jv-tabs div.jv-box-br { background: #262626; } #jv-tabs div.jv-box-bl { background: none; } #jv-tabs div.jv-box-tr { background: none; } #jv-tabs div.jv-box-tl { background: none; } /* @TABLES */ table { border-collapse: collapse; border-spacing: 0; text-align: center; } caption, th { text-align: left; } /* Plain rows */ table.plainrows { background-color: #F2F2F2; color: #404040; border-collapse: collapse; } table.plainrows caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; } table.plainrows thead { border-bottom: solid 1px #284D73; } table.plainrows thead th { padding: 5px 10px; background-color: #366999; color: #FFFFFF; font-size: 1.1em; text-transform: capitalize; } table.plainrows tfoot th, table.plainrows tfoot td { padding: 3px 10px; background-color: #D9D9D9; color: #000000; font-size: 1.1em; text-transform: capitalize; } table.plainrows tfoot td { text-align: right; } table.plainrows tbody th, table.plainrows tbody td { border-bottom: solid 1px #D9D9D9; padding: 4px 10px; } table.plainrows tbody th { white-space: nowrap; } table.plainrows tr.odd { } table.plainrows tbody tr:hover { background: #E5E5E5; } /* Dark stripes */ table.colorstripes { border: 1px solid #162C40; color: #FFFFFF; background: #284D73; border-collapse: collapse; } table.colorstripes caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; } table.colorstripes td, table.colorstripes th { border: 1px dashed #366999; padding: 5px 10px; } table.colorstripes thead th { border: 1px solid #284D73; background: #162C40; color: #FFFFFF; font-size: 1.1em; } table.colorstripes tbody th, table.colorstripes tbody td { text-align: left; vertical-align: top; } table.colorstripes tbody tr.odd { background: #224161; } table.colorstripes tbody tr:hover { background: #1F3D59; } table.colorstripes tbody tr:hover th, table.colorstripes tbody tr.odd:hover th { background: #1F3D59; } table.colorstripes tfoot th, table.colorstripes tfoot td { border: none; padding: 4px 10px; background: #162C40; color: #FFFFFF; font-size: 1.1em; } table.colorstripes tfoot td { text-align: right; } /* Light stripes */ table.greystripes { border: 1px solid #D9D9D9; color: #404040; background: #FFFFFF; border-collapse: collapse; } table.greystripes caption { padding: 6px 0; font-size: 1.2em; font-weight: bold; text-transform: uppercase; text-align: center; } table.greystripes td, table.greystripes th { border: 1px dashed #E5E5E5; padding: 5px 10px; } table.greystripes thead th { border: 1px solid #595959; border-bottom: 2px solid #000000; background: #404040; color: #FFFFFF; font-size: 1.1em; } table.greystripes tbody th, table.greystripes tbody td { text-align: left; vertical-align: top; } table.greystripes tbody tr.odd { background: #F2F2F2; } table.greystripes tbody tr:hover { background: #E5E5E5; } table.greystripes tbody tr:hover th, table.greystripes tbody tr.odd:hover th { background: #E5E5E5; } table.greystripes tfoot th, table.greystripes tfoot td { border: none; padding: 4px 10px; background-color: #D9D9D9; color: #000000; font-size: 1.1em; } table.greystripes tfoot td { text-align: right; }