/*------------------------------------------------------------------------ * JV Template 1.5 - March, 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 -------------------------------------------------------------------------*/ /* COMMON STYLE --------------------------------------------------------- */ * { margin: 0; padding: 0; } html, body, form, fieldset { margin: 0; padding: 0; } body { background: #FFFFFF; color: #000000; font-family: "\5B8B\4F53","Lucida Grande","Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size: 14px; line-height: 22px; } 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: 1em; } /*article image*/ img { margin: 0; padding: 0; border: none; } a { color: #5697E3; text-decoration: none; outline: none; } a:hover, a:active, a:focus { text-decoration: underline; } .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%;} 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 10px 6px; padding-left: 22px; } ol li { margin-left: 35px; } 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 { font-weight: bold; background: #FFFFFF; } td, th, div { font-size: 100%; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox, .button { font-family: "\5B8B\4F53",Arial, Helvetica, sans-serif; font-size: 100%; } .button { padding: 3px 7px; min-width: 60px; width: auto; display: inline-block; border: none; color: #3D3D3D; background: url(../images/button.png) no-repeat bottom left; cursor: pointer; } .button-big { padding: 3px 7px; min-width: 130px; width: auto; display: inline-block; border: none; color: #3D3D3D; cursor: pointer; background: url(../images/button-big.png) no-repeat bottom left; } .button-small { padding: 0 !important; margin: 0 5px !important; height: 22px; line-height: 22px; min-width: 80px; text-align: center; width: auto !important; width: 80px; display: inline-block; border: none; color: #3D3D3D; cursor: pointer; background: url(../images/button-small.png) no-repeat bottom left; } /* JOOMLA STYLE --------------------------------------------------------- */ /* Article Layout */ .leading { padding-bottom: 10px; } .leading_separator { display: block; margin: 1px 0; height: 2px; overflow: hidden; width: 100%; border-bottom: 1px solid #ececec; } .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; border-bottom: 1px solid #ececec; } .article_row { margin: 0; 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 #ececec; } .article_column_pad { margin: 10px 10px 10px 0; padding: 0 10px 0 0; overflow: hidden; } 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: #3D3D3D; } 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 { background: url(../images/bullet.gif) no-repeat 1px 6px; 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 { background: url(../images/bullet.gif) no-repeat 4px 6px; margin: 0; padding: 0 0 0 15px; } .category { font-weight: bold; font-size: 120%; line-height: 35px; margin: 0; padding: 0 10px 0 16px; text-shadow: 1px 1px #FFFFFF; } h1.componentheading, .componentheading { font-size: 175%; font-weight: bold; margin: 0.8em 0; padding: 0; line-height: 30px; border-bottom: 1px solid #ececec; } .contentdescription { /*padding-bottom: 30px;*/ } h2.contentheading, .contentheading { padding: 0; margin: 0.5em 0; font-size: 150%; font-weight: bold; } 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 { float: left; } .readonbutton { cursor: pointer; display: block; font-size: 12px; height: 19px; text-decoration: none; } .readonbutton-left { background: url("../images/btn_readon_bgleft.gif") no-repeat scroll 0 center transparent; display: block; float: right; font-weight: normal; height: 19px; line-height: 19px; padding: 0 2px 0 10px; text-align: center; } .readonbutton span { background: url("../images/btn_readon_bgright.gif") no-repeat scroll 100% center transparent; display: block; float: right; height: 19px; width: 19px; } 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:1.4em; display: inline; margin: 10px 0; padding: 0 0 0 10px; background: none; } ul.pagination li span{ padding: 2px 5px; } ul.pagination a { padding: 2px 3px; text-decoration: none; color: #5697E3; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { color: #5697E3; text-decoration: underline; } .counter { text-align: center; margin: 0.5em 0; } .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; } tr.sectiontableentry1 td, tr.sectiontableentry2 td { background: none; padding: 3px 5px !important; } /* 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: #ff7300; } .createdby { font-size: 0.8em; } .createdate { font-size: 0.8em; } .modifydate { width: 100%; display: block; color: #999999; margin: 0; } .article-section { padding-left: 6px; margin-left: 5px; } .article-section a { color: #ff7300; } .article-category a { color: #ff7300; } .buttonheading img { margin: 12px 0 0 3px !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.jv-grid { margin: 0; padding: 0; width: 100%; display: inline-block; } div.jv-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; }/* MAIN LAYOUT DIVS --------------------------------------------------------- */ body#bd { color: #3D3D3D; background: #FFF url(../images/body_bg.png) repeat-x top left ; } #jv-wrapper { width: 100%; margin: 0; padding: 0; overflow: hidden; } #jv-headerwrap, #jv-containerwrap, #jv-footerwrap { width: 100%; margin: 0; padding: 0; } @media(max-width:960px) { #jv-headerwrap, #jv-colleft, #jv-colright, #jv-footer-block, #jv-footer-right, #hm_t_undefined { display:none; } .module-mobile-menu{ display: block !important; } div.module-mobile-menu div.jvmod-tr { background: url(../images/jvmod/blank-tr.png) no-repeat right top; margin: 0 0 0 11px; } div.module-mobile-menu div.jvmod-tl { background: url(../images/jvmod/blank-tl.png) no-repeat left top; margin: 0 0 0 -11px; height: 11px; } div.module-mobile-menu div.jvmod-cr { background: url(../images/jvmod/box-cr.png) repeat-y center right; margin: 0 0 0 11px; } div.module-mobile-menu div.jvmod-cl { background: url(../images/jvmod/box-cl.png) repeat-y center left; margin: 0 0 0 -11px; } div.module-mobile-menu div.jvmod-cc { background: none; margin: 0 0 0 10px; padding: 5px 4px 5px 4px; } #jv-contentwrap, #jv-bodycontent, #jv-footer-left, .article_column, .latestnewsitems, .dn-whole td { width: 100% !important; } img { max-width: 98%; } } .module-mobile-menu { display: none; } #jv-header, #jv-container, #jv-footer { width: 98%; margin: 0 auto; padding: 0; clear: both; } /* MODULE ROUNDED -----------------------------------------------------------------------*/ div.module, div.module_menu, div.module_text, div.module-blank, div.module-black, div.module-gray, div.module-user, div.module-accordion, div.module-headline { margin: 0 0 5px; padding: 0; } .jvmod-tr { background: url(../images/jvmod/box-tr.png) no-repeat top right; margin: 0 0 0 11px; } .jvmod-tl { background: url(../images/jvmod/box-tl.png) no-repeat top left; margin: 0 0 0 -11px; height: 32px; } .jvmod-cr { background: url(../images/jvmod/box-cr.png) repeat-y center right; margin: 0 0 0 11px; } .jvmod-cl { background: url(../images/jvmod/box-cl.png) repeat-y center left; margin: 0 0 0 -11px; } .jvmod-cc { position: relative; margin: 0; padding: 10px 10px 10px 15px; } *+html .jvmod-cc { height: 1%; } .jvmod-br { background: url(../images/jvmod/box-br.png) no-repeat bottom right; margin: 0 0 0 11px; } .jvmod-bl { background: url(../images/jvmod/box-bl.png) no-repeat bottom left; margin: 0 0 0 -11px; height: 11px; } .jvmod-tl h3 { margin: 0; padding: 0 10px 0 16px; font-size: 120%; line-height: 35px; font-weight: normal; text-shadow: 1px 1px #ffffff; } .jv-spancoll { cursor: pointer; cursor: hand; } h3.h3show, h3.h3hide { position: relative; } div.module span.show, div.module_menu span.show, div.module_text span.show { background: url(../images/jvmod/span-show.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module span.hide, div.module_menu span.hide, div.module_text span.hide { background: url(../images/jvmod/span-hide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module_menu ul, div.module-black ul, div.module-gray ul { margin: 0; padding: 0; } div.module_menu li, div.module-gray li, div.module-black li { margin: 0; padding: 0; background: none; } div.module_menu li li, div.module-gray li li, div.module-black li li { padding-left: 15px; } div.module_menu li a, div.module-gray li a, div.module-black li a { padding: 0 0 0 12px; line-height: 25px; display: block; background: url(../images/bullet.gif) no-repeat 2px 10px; font-size: 100%; text-decoration: none; } div.module_menu li a span, div.module-gray li a span, div.module-black li a span { display: block; color: #5697E3; font-size: 100%; text-decoration: none; } div.module_menu li#current.parent a, div.module_menu li a:hover, div.module_menu li a:active, div.module_menu li a:focus, div.module-gray li#current.parent a, div.module-gray li a:hover, div.module-gray li a:active, div.module-gray li a:focus, div.module-black li#current.parent a, div.module-black li a:hover, div.module-black li a:active, div.module-black li a:focus { color: #5697E3; text-decoration: underline; } div.module_menu li#current a span, div.module_menu li a:hover span, div.module_menu li a:active span, div.module_menu li a:focus span, div.module-gray li#current a span, div.module-gray li a:hover span, div.module-gray li a:active span, div.module-gray li a:focus span, div.module-black li#current a span, div.module-black li a:hover span, div.module-black li a:active span, div.module-black li a:focus span { color: #5697E3; text-decoration: underline; } div.module_menu li#current.parent li a, div.module_menu li li a, div.module-gray li#current.parent li a, div.module-gray li li a, div.module-black li#current.parent li a, div.module-black li li a { color: #5697E3; padding-left: 12px; font-size: 95%; text-decoration: none; } div.module_menu li#current li a span, div.module_menu li li a span, div.module-gray li#current li a span, div.module-gray li li a span, div.module-black li#current li a span, div.module-black li li a span { color: #5697E3; text-decoration: none; } div.module_menu li#current.parent li a:hover span, div.module_menu li li#current a span, div.module_menu li li a:hover span, div.module_menu li li a:active span, div.module_menu li li a:focus span, div.module-gray li#current.parent li a:hover span, div.module-gray li li#current a span, div.module-gray li li a:hover span, div.module-gray li li a:active span, div.module-gray li li a:focus span, div.module-black li#current.parent li a:hover span, div.module-black li li#current a span, div.module-black li li a:hover span, div.module-black li li a:active span, div.module-black li li a:focus span { color: #5697E3; text-decoration: underline; } div.module_menu li li#current li a, div.module_menu li li li a, div.module-gray li li#current li a, div.module-gray li li li a, div.module-black li li#current li a, div.module-black li li li a { padding-left: 40px; font-size: 90%; text-decoration: none; } div.module_menu li li#current li a span, div.module-gray li li#current li a span, div.module_menu li li#current li a span { color: #5697E3; text-decoration: none; } div.module_menu li li li#current li a, div.module_menu li li li li a, div.module-gray li li li#current li a, div.module-gray li li li li a, div.module-black li li li#current li a, div.module-black li li li li a { padding-left: 50px; font-size: 85%; text-decoration: none; } div.module_menu li li li#current li a span, div.module-gray li li li#current li a span, div.module-black li li li#current li a span { color: #5697E3; text-decoration: none; } /* Style for module-catmenu */ div.module-catmenu { padding: 0; margin: 0 0 5px 0; } div.module-catmenu ul { margin: 0; padding: 0; } div.module-catmenu div.jv-collapse { margin: 0 -6px 0 -11px; padding: 0; } div.module-catmenu li { margin: 0; padding: 0; background: none; } div.module-catmenu li li { padding-left: 15px; } div.module-catmenu li a { padding: 0 0 0 10px; margin: 0; line-height: 25px; display: block; background: none; font-size: 100%; text-decoration: none; } div.module-catmenu li a span { display: block; color: #6d6d6d; font-size: 100%; text-decoration: none; } div.module-catmenu li a img { padding: 0 10px 0 0; margin: 0; border: none; background: none; } div.module-catmenu li#current.parent a, div.module-catmenu li#current a, div.module-catmenu li a:hover, div.module-catmenu li a:active, div.module-catmenu li a:focus { color: #6d6d6d; padding: 0 0 0 10px; margin: 0; display: block; text-decoration: none; background: #e6e6e6 url(../images/li-catmenu.jpg) repeat-x top left; } div.module-catmenu li#current a span, div.module-catmenu li a:hover span, div.module-catmenu li a:active span, div.module-catmenu li a:focus span { color: #6d6d6d; background: url(../images/span-catmenu.png) no-repeat 90% 45%; } div.module-catmenu li#current.parent li a, div.module-catmenu li li a { color: #6d6d6d; padding-left: 12px; font-size: 95%; background: none; text-decoration: none; } div.module-catmenu li#current li a span, div.module-catmenu li li a span { color: #6d6d6d; text-decoration: none; } div.module-catmenu li#current.parent li a:hover span, div.module-catmenu li li#current a span, div.module-catmenu li li a:hover span, div.module-catmenu li li a:active span, div.module-catmenu li li a:focus span { color: #6d6d6d; } div.module-catmenu li li#current li a, div.module-catmenu li li li a { padding-left: 40px; font-size: 90%; text-decoration: none; } div.module-catmenu li li#current li a span { color: #6d6d6d; text-decoration: none; } div.module-catmenu li li li#current li a, div.module-catmenu li li li li a { padding-left: 50px; font-size: 85%; text-decoration: none; } div.module-catmenu li li li#current li a span { color: #6d6d6d; text-decoration: none; } div.module-catmenu span.show { background: url(../images/jvmod/span-show.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-catmenu span.hide { background: url(../images/jvmod/span-hide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } /* Module rounded gray ----------------------- */ div.module-gray div.jvmod-tr { background: url(../images/jvmod/gray-tr.png) no-repeat right top; margin: 0 0 0 9px; } div.module-gray div.jvmod-tl { background: url(../images/jvmod/gray-tl.png) no-repeat left top; margin: 0 0 0 -9px; height: 32px; } div.module-gray div.jvmod-cr { background: url(../images/jvmod/gray-cr.png) repeat-y right center; margin: 0 0 0 9px; } div.module-gray div.jvmod-cl { background: url(../images/jvmod/gray-cl.png) repeat-y left center; margin: 0 0 0 -9px; } div.module-gray div.jvmod-cc { background: none; margin: 0; padding: 10px 10px 10px 15px; color: #3d3d3d; } div.module-gray div.jvmod-br { background: url(../images/jvmod/gray-br.png) no-repeat right bottom; margin: 0 0 0 9px; } div.module-gray div.jvmod-bl { background: url(../images/jvmod/gray-bl.png) no-repeat left bottom; margin: 0 0 0 -9px; height: 11px; } div.module-gray h3{ padding: 0 10px 0 16px; margin: 0; font-weight: normal; line-height: 31px; color: #FFF; text-shadow: 1px 1px #232323; } div.module-gray span.show { background: url(../images/jvmod/span-bshow.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-gray span.hide { background: url(../images/jvmod/span-bhide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } /* Module rounded -accordion ----------------------- */ div.module-accordion div.jvmod-tr { background: url(../images/jvmod/blank-tr.png) no-repeat right top; margin: 0 0 0 11px; } div.module-accordion div.jvmod-tl { background: url(../images/jvmod/blank-tl.png) no-repeat left top; margin: 0 0 0 -11px; height: 11px; } div.module-accordion div.jvmod-cr { background: url(../images/jvmod/box-cr.png) repeat-y center right; margin: 0 0 0 11px; } div.module-accordion div.jvmod-cl { background: url(../images/jvmod/box-cl.png) repeat-y center left; margin: 0 0 0 -11px; } div.module-accordion div.jvmod-cc { background: none; margin: 0; padding: 5px 10px 5px 12px; } *+html div.module-accordion div.jvmod-cc { height: 1%; } div.module-accordion div.jvmod-br { background: url(../images/jvmod/box-br.png) no-repeat right bottom; margin: 0 0 0 11px; } div.module-accordion div.jvmod-bl { background: url(../images/jvmod/box-bl.png) no-repeat left bottom; margin: 0 0 0 -11px; height: 11px; } div.module-accordion h3 { padding: 0 10px 0 16px; margin: 0; font-weight: normal; line-height: 31px; color: #FFF; } div.module-accordion span.show { background: url(../images/jvmod/span-bshow.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-accordion span.hide { background: url(../images/jvmod/span-bhide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-accordion .jv-spancoll { display: none; } /* Module rounded -headline ----------------------- */ div.module-headline div.jvmod-tr { background: url(../images/jvmod/blank-tr.png) no-repeat right top; margin: 0 0 0 11px; } div.module-headline div.jvmod-tl { background: url(../images/jvmod/blank-tl.png) no-repeat left top; margin: 0 0 0 -11px; height: 11px; } div.module-headline div.jvmod-cr { background: url(../images/jvmod/box-cr.png) repeat-y center right; margin: 0 0 0 11px; } div.module-headline div.jvmod-cl { background: url(../images/jvmod/box-cl.png) repeat-y center left; margin: 0 0 0 -11px; } div.module-headline div.jvmod-cc { background: none; margin: 0; padding: 5px 4px 5px 4px; } *+html div.module-headline div.jvmod-cc { height: 1%; } div.module-headline div.jvmod-br { background: url(../images/jvmod/box-br.png) no-repeat right bottom; margin: 0 0 0 11px; } div.module-headline div.jvmod-bl { background: url(../images/jvmod/box-bl.png) no-repeat left bottom; margin: 0 0 0 -11px; height: 11px; } div.module-headline h3 { padding: 0 10px 0 16px; margin: 0; font-weight: normal; line-height: 31px; color: #FFF; } div.module-headline span.show { background: url(../images/jvmod/span-bshow.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-headline span.hide { background: url(../images/jvmod/span-bhide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-headline .jv-spancoll { display: none; } /* Module rounded -blank ----------------------- */ div.module-blank div.jvmod-tr { background: url(../images/jvmod/blank-tr.png) no-repeat right top; margin: 0 0 0 11px; } div.module-blank div.jvmod-tl { background: url(../images/jvmod/blank-tl.png) no-repeat left top; margin: 0 0 0 -11px; height: 11px; } div.module-blank div.jvmod-cr { background: url(../images/jvmod/box-cr.png) repeat-y center right; margin: 0 0 0 11px; } div.module-blank div.jvmod-cl { background: url(../images/jvmod/box-cl.png) repeat-y center left; margin: 0 0 0 -11px; } div.module-blank div.jvmod-cc { background: none; margin: 0; padding: 5px 10px 5px 12px; } *+html div.module-blank div.jvmod-cc { height: 1%; } div.module-blank div.jvmod-br { background: url(../images/jvmod/box-br.png) no-repeat right bottom; margin: 0 0 0 11px; } div.module-blank div.jvmod-bl { background: url(../images/jvmod/box-bl.png) no-repeat left bottom; margin: 0 0 0 -11px; height: 11px; } div.module-blank h3 { padding: 0 10px 0 16px; margin: 0; font-weight: normal; line-height: 31px; color: #FFF; } div.module-blank span.show { background: url(../images/jvmod/span-bshow.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-blank span.hide { background: url(../images/jvmod/span-bhide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-blank .jv-spancoll { display: none; } /* Module rounded black ----------------------- */ div.module-black div.jvmod-tr { background: url(../images/jvmod/black-tr.png) no-repeat right top; margin: 0 0 0 10px; } div.module-black div.jvmod-tl { background: url(../images/jvmod/black-tl.png) no-repeat left top; margin: 0 0 0 -10px; height: 10px; } div.module-black div.jvmod-cr { background: url(../images/jvmod/black-cr.png) no-repeat right top; margin: 0 0 0 10px; } div.module-black div.jvmod-cl { background: url(../images/jvmod/black-cl.png) no-repeat left top; margin: 0 0 0 -10px; } div.module-black div.jvmod-cc { background: none; margin: 0; padding: 10px 10px 10px 15px; color: #FCFCFC; } div.module-black div.jvmod-br { background: url(../images/jvmod/black-br.png) no-repeat right bottom; margin: 0 0 0 10px; } div.module-black div.jvmod-bl { background: url(../images/jvmod/black-bl.png) no-repeat left bottom; margin: 0 0 0 -10px; height: 10px; } div.module-black h3{ padding: 0 10px 0 16px; margin: 0; font-weight: normal; line-height: 31px; color: #FFF; text-shadow: 1px 1px #000000; } div.module-black span.show { background: url(../images/jvmod/span-bshow.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-black span.hide { background: url(../images/jvmod/span-bhide.png) no-repeat center; width: 20px; display: block; line-height: 35px; position: absolute; right: 10px; top: 0; } div.module-black .jv-spancoll { display: none; } /* Style for login module */ div.k2LoginBlock ul { list-style: none; margin: 0; padding: 0; } div.module-black fieldset { padding-top: 5px !important; } div.module-black div.k2LoginBlock fieldset p { margin: 1em 0; padding: 0; } div.module-black #modlgn_username { background: url(../images/inputbox-name.png) no-repeat bottom left; width: 132px; padding: 4px 5px 4px 25px; height: 13px; color: #cccccc; border: none; } div.module-black #modlgn_passwd { background: url(../images/inputbox.png) no-repeat bottom left; padding: 4px 5px 4px 25px; width: 132px; height: 13px; color: #cccccc; border: none; } div.module-black #form-login #form-login-remember { margin: 0 16px; padding: 0; text-align: right; } div.module-black #form-login #modlgn_remember { margin: 3px 0 0 5px; float: right; } div.module-black #form-login #form-login-submit { margin: 0.5em 16px; } div.module-black #form-login .button { float: right; background: url(../images/button_icon.png) no-repeat right 6px; padding: 0 5px 0 0; width: auto; color: #ffffff; } div.module-black #form-login li { margin: 0; padding: 0 16px 0 0; text-align: right; background: none; } div.module-black #form-login li a { color: #adadad; line-height: 18px; padding: 0; background: none; } div.module-black #form-login li a:hover, div.module-black #form-login li a:active, div.module-black #form-login li a:focus { color: #ffffff; } /* Body rounded */ #jv-component { margin-bottom: 10px; } #jv-component .jvmod-tr { background: url(../images/jvmod/blank-tr.png) no-repeat top right; margin: 0 0 0 11px; } #jv-component .jvmod-tl { background: url(../images/jvmod/blank-tl.png) no-repeat top left; margin: 0 0 0 -11px; height: 11px; } #jv-component .jvmod-cr { background: url(../images/jvmod/box-cr.png) repeat-y center right; margin: 0 0 0 11px; } #jv-component .jvmod-cl { background: url(../images/jvmod/box-cl.png) repeat-y center left; margin: 0 0 0 -11px; } #jv-component .jvmod-cc { position: relative; margin: 0; padding: 1px 20px 10px; display: block; } #jv-component .jvmod-br { background: url(../images/jvmod/box-br.png) no-repeat bottom right; margin: 0 0 0 11px; } #jv-component .jvmod-bl { background: url(../images/jvmod/box-bl.png) no-repeat bottom left; margin: 0 0 0 -11px; height: 11px; } #jv-component .jvsection-tl { background: url("../images/jvmod/box-tl.png") no-repeat scroll left top transparent; height: 32px; margin: 0 0 0 -11px; } #jv-component .jvsection-tr { background: url("../images/jvmod/box-tr.png") no-repeat scroll right top transparent; margin: 0 0 0 11px; } /* User rounded */ #jv-bot-wrap { margin-bottom: 10px; } .jv-user div.module { margin: 9px 0 0 9px; padding: 0; background: url(../images/jvmod/user-br.png) no-repeat bottom right; } .jv-user div.module div { margin: 0 0 0 -9px; background: url(../images/jvmod/user-bl.png) no-repeat bottom left; display: inline-block; width: 100%; } .jv-user div.module div div { margin: -9px 0 0 9px; background: url(../images/jvmod/user-tr.png) no-repeat top right; } .jv-user div.module div div div { margin: 0 0 0 -9px; background: url(../images/jvmod/user-tl.png) no-repeat top left; padding: 10px 10px 10px 12px; overflow: hidden; } .jv-user div.module div div div div { margin: 0; padding: 0; background: none; } #jv-bot-wrap .jv-box-center div.module { margin-left: 10px; margin-right: 10px; } #jv-bot-wrap .jv-box-left div.module { margin-right: 10px; } #jv-bot-wrap .jv-box-right div.module { margin-left: 10px; } .jv-user div.module h3 { margin: 0; padding: 0; line-height: 30px; } .jv-bigtext { color: #393939; font-size: 18px; } .jv-smalltext { color: #8d8d8d; font-size: 11px; } input.jv-emailsub { background: none; border: 1px solid #d1d1d1; color: #d1d1d1; font-size: 11px; padding: 2px 5px; } input.jv-emailbutton { background: url(../images/subbutton.png) no-repeat top left; color: #ffffff; border: none; padding: 5px 18px; margin: 0; cursor: pointer; } #jv-banner { width: 100%; clear: both; } #jv-banner .jvmod-cc { padding: 8px 12px 0 12px; } /* Style for Frontpage modules */ #jv-coolshow { width: 100%; clear: both; margin: 0; padding: 0; } #jv-titleflash { width: 100%; clear: both; margin: 0 0 10px 0; padding: 0; } #jv-titleflash-inner { background: url(../images/title-r.png) no-repeat top right; margin: 0 0 0 8px; } #jv-titleflash-pad { background: url(../images/title-l.png) no-repeat top left; margin: 0 0 0 -8px; padding: 7px 20px; overflow: hidden; } #jv-titleflash-pad #paginate-jvtitleflash { padding: 0; } #jv-titleflash-pad #paginate-jvtitleflash ul { margin: 0; color: #535353; font-size: 100%; font-weight: bold; } #jv-titleflash-pad .jv-jvtitleflash .sliderwrapper { height: 18px !important; } #jv-titleflash-pad .jv-jvtitleflash .sliderwrapper .contentdiv { padding: 0 0 0 10px; } #jv-titleflash-pad .jv-jvtitleflash .sliderwrapper .contentdiv .cattitle, #jv-titleflash-pad .jv-jvtitleflash .sliderwrapper .contentdiv span { color: #535353; } #jv-titleflash-pad .jv-jvtitleflash .sliderwrapper .contentdiv .toc span { color: #5697E3; } #jv-titleflash-pad .jv-jvtitleflash .sliderwrapper .contentdiv .jv-titleflash-time { color: #535353 !important; font-size: 90%; } #jv-coolbox { width: 100%; clear: both; margin: 0 0 10px 0; padding: 0; } #jv-coolbox-inner { margin: 0; padding: 0; } #jv-coolbox-inner .moduleItemDateCreated, #jv-coolbox-inner .moduleItemHits { color: #999999; } /* BEGIN HEADER -------------------------------------------------------------*/ #jv-logowrap { margin: 0; padding: 25px 0 0 15px; clear: both; display:block; } #jv-logowrap-left { width:40%; float: left; } #jv-logowrap-right { width:30%; float: right; } #jv-menuwrap { margin: 0; padding: 25px 0 0; clear: both; display: block; } #jv-menu-br { background: url(../images/menu-br.png) no-repeat bottom right; margin: 0 0 0 9px; } #jv-menu-bl { background: url(../images/menu-bl.png) no-repeat bottom left; margin: 0 0 0 -9px; display: inline-block; width: 100%; } #jv-menu-tr { background: url(../images/menu-tr.png) no-repeat top right; margin: 0 0 0 9px; } #jv-menu-tl { background: url(../images/menu-tl.png) no-repeat top left; margin: 0 0 0 -9px; height: 9px; } #jv-menu-inner { width: 100%; margin-top: -9px; padding: 3px 0; display: inline-block; position: relative; } h1.logo { margin: 0 0 0 3px; width: 120px; float: left; background: url(../images/logo.png) no-repeat top left; height: 38px; } h1.logo a { width: 120px; height: 38px; display: block; background: url(../images/blank.png) top left no-repeat; position: relative; z-index: 100; text-indent: -9999px; } #jv-mainmenu { float: left; width: 60%; } #jv-quicksearch { background: url(../images/search-bg.png) no-repeat left 7px; width: 25%; float: right; height: 38px; line-height: 38px; } #jv-quicksearch .jv-k2search-wrap { padding: 8px 0 6px 8px; } #jv-quicksearch .jv-k2search-wrap .searchbox input.searchfield { width: 80%; background: none; color: #6A6A6A !important; } #jv-quicksearch .jv-k2search-wrap #search_k2 { top: 4px; right: 11px; } #jv-quicksearch .jv-k2search-wrap .searchbox button.search-magnifier { width: 14%; background: none; text-indent: -999em; line-height: 23px; font-size: 1px; } #jv-quicksearch #search_results { line-height: 18px; border: 1px solid #4b4b4b; margin-top: 2px; } #jv-quicksearch .jv-k2search-wrap .space { background: #4b4b4b; } #jv-quicksearch .jv-k2search-wrap .preview { overflow: hidden; } #jv-quicksearch .jv-k2search-wrap .notfound { background: #4b4b4b; color: #ffffff; } #jv-quicksearch .search { margin: 10px 20px 6px; } #jv-quicksearch .inputbox { background: none; border: 0; color: #6D6D6D; width: 90%; } #jv-quicksearch .inputbox:hover, #jv-quicksearch .inputbox:focus { background: none !important; } #jv-quicksearch .searchform { line-height: 15px; text-align: right; font-weight: bold; line-height: 30px; margin-top: 15px; } #jv-quicksearch .searchform select { width: 150px; } #jv-quicksearch .searchform .button { background: url(../images/button_bg.png) repeat-x top left; border: 1px solid #f76065; height: 25px; padding: 3px 7px; color: #FFFFFF; font-weight: bold; } /* Module jv_vmSearch */ #jv-icontop { position: absolute; right:-95px; top:26px; } /* END HEADER -------------------------------------------------------------*/ /* BEGIN CONTAINER -------------------------------------------------------------*/ #jv-container { padding-top: 13px; } #jv-colleft { float: left; width: 20%; } #jv-colright { float: right; width: 22.9%; } /* Style for user1 and user2 */ #jv-top-wrap { width: 100%; clear: both; } .jv-box-left, .jv-box-center { float:left; } .jv-box-right { float:right; } /* Style for pathway */ #jv-pathway { color: #C2C2C2; height: 37px; line-height: 37px; margin: 0 0 6px; width: 100%; } #jv-pathway-inner { background: url(../images/pathway-left.png) no-repeat left top; margin: 0 9px 0 0; } #jv-pathway-pad { background: url(../images/pathway-right.png) no-repeat right top; margin: 0 -9px 0 0; overflow: hidden; } #jv-pathway-left { float: left; height:31px; line-height:31px; margin:3px 0; overflow: hidden; padding-left: 0; width: 69%; } #jv-pathway-right { float: right; height: 31px; line-height: 31px; overflow: hidden; width: 24%; margin: 3px 0; background: url(../images/menu_sep.jpg) no-repeat left top; } div.breadcrumbs.pathway { margin: 0; padding: 0; float: left; } a.pathway { display: inline-block; line-height: 31px; background: url(../images/pathway-a.jpg) no-repeat center right; padding: 0 20px 0 14px; margin: 0 0 0 -10px; color: #f4f4f4; } a.pathway:hover, a.pathway:active, a.pathway:focus { color: #ffffff; text-decoration: none; } span.pathway { display: inline-block; line-height: 31px; background: url(../images/pathway.jpg) no-repeat center right; padding: 0 20px 0 17px; margin: 0 0 0 -10px; } a.pathway.home { padding: 0; margin: 0 0 0 2px; float: left; line-height: 31px; width: 48px; text-indent: -999em; font-size: 1px; background: url(../images/pathway-home.png) no-repeat left center; } a.pathwayhome, span.pathway.home { background: none !important; padding: 0; margin: 0 0 0 2px; float: left; line-height: 31px; width: 48px; text-indent: -999em; font-size: 1px; } #jv-pathway-right div.moduletable { margin: 0; padding: 0 0 0 20px; } #jv-pathway-right div.moduletable p { margin: 0; } .jv-feed { background: url(../images/icon-feed.gif) no-repeat left center; color: #A5A5A5; padding: 0 15px; } .jv-email[href^="mailto:"] { background: url(../images/icon-email.gif) no-repeat left center; color: #A5A5A5; padding: 0 15px; } /* Style for module JV Latest News */ div.latestnewsitems h4 { font-weight: normal; font-size: 100%; color: #3D3D3D; } div.latestnewsitems { border-bottom:1px solid #ECECEC; margin:0; padding-bottom:5px; } .latestnewsitems h4 a { color: #3D3D3D; font-weight:bold; } .latestnewsitems h4 a:hover { color: #5697E3; } .latestnewsitems .latestnewsdate { font-size: 90%; color: #ccc; display: block; } /* Style for module k2 content */ .jvmod-cc .k2ItemsBlock ul { margin: 0; padding: 0; } .jvmod-cc .k2ItemsBlock ul li { margin: 0; padding: 8px 0; background: none; border-bottom: 1px solid #ececec; } .jvmod-cc .k2ItemsBlock ul li.even, .jvmod-cc .k2ItemsBlock ul li.old { } .jvmod-cc .k2ItemsBlock ul li a.moduleItemTitle { font-family: "\5B8B\4F53",Arial, Helvetica, sans-serif !important; font-size: 100% !important; display: block; color: #3D3D3D; font-weight: bold; } .jvmod-cc .k2ItemsBlock ul li a.moduleItemTitle:hover { color: #5697E3; } .jvmod-cc .k2ItemsBlock ul li .moduleItemImage { display: block; text-align: center; } .jvmod-cc .k2ItemsBlock ul li p.moduleItemIntrotext { margin: 0; padding: 4px 0; } #jv-colright .k2ItemsBlock ul li .moduleItemImage img { width: 150px; } /* END CONTAINER -------------------------------------------------------------*/ /* BEGIN FOOTER -------------------------------------------------------------*/ #jv-footer { padding-top: 5px; } #jv-footer-block { overflow: hidden; } #jv-footer-block a,a:visited { color: #000000; } #jv-footer-block a:hover { color: #5697E3; } #jv-footer-set { background: #FCFCFC; border-bottom: 1px solid #F0F0F0; border-top: 1px solid #F0F0F0; color: #2C2C2C; font-size: 100%; padding: 12px 20px; overflow: hidden; } #jv-footer-left { width: 51%; float: left; } #jv-footer-right { width: 46%; float: right; } #jv-footer-left p { margin: 0; } #jv-footer-right ul { margin: 0; float: right; } #jv-footer-right ul li { display: inline; margin: 0; padding: 0; border-left: 1px solid #D0D0D0; border-bottom: 0; background: none; } #jv-footer-right ul li a { padding: 0 10px; } #jv-footer-right ul li.jv-firstitem { border-left: 0; } .jv-copyright { padding: 25px 0; text-align: center; font-size: 100%; } .jv-copyright a { } /* END FOOTER -------------------------------------------------------------*/ /* Clearfix */ .clearfix { clear: both; } .big { font-size: 16px; font-weight: bold; } .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { height: 1%; } /* Style for VirtueMart */ .addtocart_button_module, .addtocart_button { background: url(../images/addtocart.png) no-repeat center; width: 76px; color: #3d3d3d; border: none; line-height: 22px; padding: 4px 0; cursor: pointer; cursor: pointer; font-size: 90%; } #jv-banner tr td { padding: 10px 0; } #jv-banner tr td .productPrice { font-size: 90%; font-weight: normal; } #jv-banner tr td .jv-a-detail { font-size: 125%; } #jv-latestprod-wrapper { padding: 5px 5px 5px 10px; } .jv-latestprod-items { width: 100%; clear: both; overflow: hidden; border-bottom: 1px solid #ececec; } .jv-latestprod-inner { text-align: center; } .jv-latestprod-pad { padding: 10px; border-right: 1px solid #ececec; } .jv-latestprod-pad .productPrice { font-size: 90%; font-weight: normal; } .jv-latestprod-pad .jv-a-detail { display: block; font-weight: bold; font-size: 115%; color: #3d3d3d; } .jv-latestprod-pad .jv-a-detail:hover, .jv-latestprod-pad .jv-a-detail:active, .jv-latestprod-pad .jv-a-detail:focus { } /* mod_dn css --------------------------------------------------------- */ .dn-title { color: #000000; font-size: 105%; font-weight: bold; } a.dn-category { color: #5697E3; text-decoration: underline; }/*------------------------------------------------------------------------ * JV Template 1.5 - Feb, 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 { background: #ececec; border-left:6px solid #696969; 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: #2b2b2b; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } blockquote { padding: 1em 40px 1em 15px; } blockquote span.open { background: url(../images/bq-o.png) no-repeat left top; padding: 0 0 0 20px; } blockquote span.close { background: url(../images/bq-c.png) no-repeat bottom right; padding: 0 20px 3px 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; } /* Reset original styles */ #jsn-mainbody a[title="PDF"], #jsn-mainbody a[title="Print"], #jsn-mainbody a[title="E-mail"] { padding: 0; background: none; } /* @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.8%; } div.grid3 div.grid-col { width: 31.9%; } div.grid4 div.grid-col { width: 23.4%; } div.grid5 div.grid-col { width: 18.3%; } /* Dropcap */ .dropcap { overflow: hidden; } .dropcap:first-letter { color: #cccccc; 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 top left; 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; } p.info{ background: #ececec; border-top:6px solid #696969; border-bottom:6px solid #696969; 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: #2b2b2b; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } /* Note Style */ p.stickynote { background: #f5f5f5 url(../images/stickynote.png) no-repeat 15px center; border-top: 5px solid #CCCCCC; border-bottom: 5px solid #CCCCCC; padding: 15px 10px 15px 60px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } p.download { background: #f5f5f5 url(../images/download.png) no-repeat 15px center; border-top: 5px solid #CCCCCC; border-bottom: 5px solid #CCCCCC; padding: 15px 10px 15px 60px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; } .blocknumber { clear: both; padding: 5px 15px 10px; position: relative; } /* bullet */ ul.rect { list-style: none; } ul.rect li { background: url(../images/bullet.png) no-repeat 5px 5px !important; margin-left: 15px !important; padding: 0 0 0 20px !important; } /* Check list */ ul.checklist { list-style: none; } ul.checklist li { background: url(../images/checklist.png) no-repeat 0 2px !important; margin-left: 15px !important; padding: 0 0 0 20px !important; } /* Check list (star) */ ul.stars { list-style: none; } ul.stars li { background: url(../images/star.png) no-repeat 0 0; margin-left: 6px; padding: 0 0 0 22px; } /* List arrow */ ul.arrow { list-style: none; } ul.arrow li { background: url(../images/arrow.png) no-repeat 0 1px; margin-left: 12px; padding: 0 0 0 22px; } /* Bignumber */ .bignumber { background: url(../images/bignumber.png) no-repeat top left; color: #666; display: block; float: left; font: bold 19px/normal Arial, sans-serif; margin-right: 8px; padding: 8px 8px; } /* 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 { font-weight: bold; margin-left: 15px; padding-left: 0; } 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 30px; 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 32px; 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 52px; 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 45px; width: auto; } /* Legend */ .legend-title { background: #ffffff; 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; } /* Left & Right*/ div.jv-left, div.jv-right { margin: 0; padding: 0; width: 49%; } div.jv-left { float: 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; } 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; }/*------------------------------------------------------------------------ * JV Template 1.5 - March, 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 -------------------------------------------------------------------------*/ /* K2 support --------------------------------------------------------- */ #k2Container div.itemListCategory { background: none; border: 1px solid #DDDDDD; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } #k2Container .k2FeedIcon { position: absolute; top: 15px; right: 15px; } #k2Container div.itemListCategory img { margin: 10px 8px 0 0; } #k2Container div.itemListCategory h3 { margin: 0.5em 0; } #k2Container div.catItemView { border-bottom: 1px solid #ececec; padding: 4px 8px 14px; } #k2Container .itemToolbar { } #k2Container div.itemToolbar ul li { background: none; } #k2Container div.itemComments { background: none; } #k2Container div.itemNavigation { background: #F7FAFE ; } #k2Container .catItemIntroText { padding: 4px 0; } #k2Container div.catItemLinks { margin: 0; } #k2Container div.catItemLinks div.catItemCategory { border-bottom: none; } #k2Container div.itemCommentsForm form input.button { padding: 3px 7px; min-width: 130px; width: auto; display: inline-block; border: none; color: #3D3D3D; cursor: pointer; background: url(../images/button-big.png) no-repeat bottom left; } div.k2UserBlock ul li { list-style: none; clear: both; }