/* COMMON STYLE --------------------------------------------------------- */ html, body, form, fieldset { margin: 0px; padding: 0; text-align:left; } body { color: #000; font-family: Helvetica, sans-serif; background:#fff url(../images/body_bg.gif) repeat-x top; font-size:16px; line-height: 180%; letter-spacing: 0.75px; } body.contentpane { width: auto; /* Printable Page */ margin: 1em 2em; line-height: 1.3em; margin: 0px 0px 0px 0px; font-size: 12px; color: #333; } /* Normal link */ .footerlinks a:link { text-decoration: underline; color: #fff; } .footerlinks a:visited, .footerlinks a.visited { text-decoration: underline; color: #fff; } .footerlinks a:hover, .footerlinks a.hovered { text-decoration: none; color: #fff; } a { color: #00F; text-decoration: underline; } a:hover, a:active, a:focus { color: blue; text-decoration: none; font-style:italic; font-weight:bold; } /* Title text */ .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; } /* Small text */ small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption, .italic { color: #666666; font-size: 92%; } .small { font-size:80%; } .italic { font-style: italic; font-size:16px; color:blue; } .boldb { font-size:140%; color:#000066; } .boldc { font-weight:bold; margin-left:25px; color:#000066; } .bold { font-size:100%; margin-left:25px; color:grey; } .boldg { font-size:140%; color:grey; } /* Heading */ h1 { font-size: 150%; color:#006699; font-weight: bold; text-align:center; } h2 { font-size: 140%; color: red; font-weight:bold; text-align:left; margin-left:15px; } h3 { font-size: 125%; color:grey; } h4 { font-size: 120%; color:#006699; font-weight: bold; text-align:center; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0 15px; } h6 { color: #C60; font-size:12px; font-weight:bold; } h7, header, t1 { font-weight:bold; font-size:22px; line-height:200%; color:#006699; text-align:center; } p, pre, blockquote, ul, ol { margin:5px 0 10px 0; padding: 8px 35px; text-align:justify; } .menu ul, .menu ul ul { width : 10em !important} .menu {left : 4.5em !important} ul { list-style: none; text-align:left; } ul li { padding-left: 14px; background: url(../images/bullet.gif) no-repeat 0 10px; line-height: 180%; margin-left:-10px; } ol li { margin-left: 35px; line-height: 180%; } th { padding: 5px; font-weight: bold; text-align: left; } fieldset { border: none; text-align:left;/*padding: 10px 5px;*/ } fieldset a { font-weight: bold; } hr { border-top: 1px solid #CCCCCC; border-right: 0; border-left: 0; border-bottom: 0; height: 1px; } td, div { font-size: 100%; } img { border: none; } /* FORM --------------------------------------------------------- */ form { margin: 0; padding: 0; } form label { cursor: pointer; } input, select, textarea, .inputbox { padding: 3px 5px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; } .button { padding: 3px 5px; background:url(../images/button_bg.gif) repeat-x; color: #444; font-size: 90%; border:1px solid #ccc; text-transform: uppercase; } .button:hover, .button:focus { border: 1px solid #999999; background: #fff; color: #333; } .search .button { padding: 0px 3px; background:#fff; color: #999; font-size: 90%; text-transform: none; } .search .button:hover, .search .button:focus { color: #333; } * html .button { padding: 2px 0 !important; /*IE 6*/ } *+html .button { padding: 2px 0 !important; /*IE 7*/ } .inputbox { border: 1px solid #CCCCCC; background: #FFFFFF; } .inputbox:hover, .inputbox:focus { background: #FFFFCC; } /* JOOMLA STYLE --------------------------------------------------------- */ table.blog { } .article_separator { clear: both; display: block; height: 20px; } .article_column { } .column_separator { padding: 0 25px; } /* content tables */ td.sectiontableheader { padding: 4px; border-right: 1px solid #fff; } tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 4px; } td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 { padding: 3px; } table.contentpane { border: none; width: 100%; } table.contentpaneopen { border: none; border-collapse: collapse; border-spacing: 0; } table.contenttoc { margin: 0 0 10px 10px; padding: 0; width: 35%; float: right; } table.contenttoc a { text-decoration: none; } table.contenttoc td { padding: 1px 5px 1px 25px; background: url(../images/bullet-list.gif) no-repeat 5% 50%; } table.contenttoc th { padding: 0 0 3PX; border-bottom: 1px solid #CCCCCC; text-indent: 5px; } table.poll { padding: 0; width: 100%; border-collapse: collapse; } table.pollstableborder { padding: 0; width: 100%; border: none; text-align: left; } table.pollstableborder img { vertical-align: baseline; } table.pollstableborder td { padding: 4px!important; border-collapse: collapse; border-spacing: 0; } table.pollstableborder tr.sectiontableentry1 td { background: #ECECEC; } table.searchintro { padding: 0; width: 100%; } table.searchintro td { padding: 0; } table.adminform { } .adminform .inputbox { } .blog_more { padding: 10px 0; background: url(../images/hdot.gif) repeat-x top; } .blog_more strong { margin: 0 0 5px; display: block; font-size: 125%; } .blog_more ul { margin: 0; padding: 0; } .blog_more ul li { margin: 0; padding: 0 0 0 17px; background: url(../images/bullet.gif) no-repeat 6px 8px; } .category { font-weight: bold; } h1.componentheading, .componentheading { font-weight:normal; font-size:24px; line-height:100%; color:#666; } .contentdescription { padding-bottom: 10px; } h2.contentheading, .contentheading { font-weight:bold; font-size:22px; line-height:200%; color:#006699; text-align:center; } a.contentpagetitle, a.contentpagetitle:hover, a.contentpagetitle:active, a.contentpagetitle:focus { text-decoration: none !important; padding:0; } a.readon { padding:1px 0 1px 10px; color: #777; font-size:11px; font-weight:bold; border-bottom:1px dotted #888; text-decoration:none; background: url(../images/arrow.png) no-repeat left; } a.readon:hover, a.readon:active, a.readon:focus { color: #ccc; } table.contentpaneopen td, table.contentpane td { } table.contentpaneopen, table.contentpane, table.blog { width: 100%; } .moduletable { padding: 0; } ul.pagination { margin: 15px auto; padding: 10px 0; background: url(../images/hdot.gif) repeat-x top; } ul.pagination li { margin: 0; padding: 0; display: inline; background: none; } ul.pagination li span { padding: 2px 5px; } ul.pagination a { padding: 2px 5px; border: 1px solid #F6F6F6; } ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus { border: 1px solid #ECECEC; background: #FFFFFF; } .pagenavbar { padding-left: 14px; } .pagenavcounter { padding: 8px 14px 0 14px; } .sectiontableheader { padding: 8px 5px; background: #f0f0f0; color: #000; } .sectiontableheader a { color: #999; } tr.sectiontableentry1 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom; } tr.sectiontableentry2 td { padding: 8px 5px; background: url(../images/hdot2.gif) repeat-x bottom #f9f9f9; } tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td { background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC; } .smalldark { text-align: left; } div.syndicate div { text-align: center; } .pollstableborder tr.sectiontableentry1 td, .pollstableborder tr.sectiontableentry2 td { background: none; } /* META --------------------------------------------------------- */ .article-tools { border-top: 1px solid #DDDDDD; width: 100%; float: left; clear: both; margin-bottom: 15px; display: block; background: #ECECEC; } .article-meta { padding: 5px; width: 80%; float: left; } .createby { padding: 3px; } .createdate { padding: 3px; } .modifydate { width: 100%; float: left; } div.buttonheading { float: right; width: 15%; } .buttonheading img { margin: 7px 5px 0 0; border: 0; float: right; } /* MISCELLANOUS ----------------------------------------------------------- */ ul.accessibility { position: absolute; top: -100%; } /*others*/ div.back_button a, div.back_button a:hover, div.back_button a:active { margin: 10px 0; display: block; background: none!important; text-decoration: none!important; } #form-login p { margin: 0 0 5px; text-align:left; } #form-login ul { margin: 10px 0 0; } .clr { clear: both; } /* Tooltips */ .tool-tip { float: left; border: 1px solid #ccc; padding: 5px; background: #fff; z-index:99; max-width:180px; } .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; display:none; } .tool-text { margin: 0; font-size: 90%; color:#666; } #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; font-size:11px; font-weight:normal; } /* 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; } #system-message dd { font-weight:bold; margin:0; text-indent:0; } /* Clearfix */ .clearfix:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } * html > body .clearfix { width: 100%; display: block; } * html .clearfix { height: 1%; } /* Firefox Scrollbar Hack - Do not remove */ html { margin-bottom: 1px; height: 100%!important; height: auto; } .module_cell { padding:14px; border:1px solid #dcdcdc; font-size:100%; color:#666; } img.border { padding:6px; border:1px solid #dcdcdc; background:#fff; display:block; } img.border_001 { padding:6px; border:1px solid #dcdcdc; background:#fff; display:block; margin-right:12px; } .padr, .padl, .padm { text-align: center; font-size: 80%; font-weight:bold; color:#09C; } .padr { float: right; padding: 0 15px; } .padl { float: left; padding: 0 20px; }