/*
Joomla.css
Template Specific CSS rules
Copyright (C) 2008 TemplatePlazza.com
All rights reserved.
*/
html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
margin: 0;
padding: 0;
border: 4;
}
li {
margin-left:20px;
list-style-image:url(../images/star.png);
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
border: 0;
color: #DDD;
background-color: #DDD;
height: 1px;}
/* ######### GENERAL #######*/
form {
display:inline;
margin:0; padding:0;
}
h1{
font-weight:normal;
font-size:24px;
color:#666;
}
h2{ font-weight:normal;
font-size:16px;
color: #666;
}
h3{
font-weight: normal;
font-size:18px;
color:#FF9715;
}
h4{
font-weight:normal;
font-size:13px;
}
h5{
font-weight:normal;
font-size:14px;
}
img {
border:none;
}
ol{
margin-left:40px;
}
blockquote {
margin: 10px;
}
blockquote div {
}
pre {
}
/* Normal link */
a:link, a:visited {
color: #FF9101;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
a img {
border: none;
}
/*======================= ARTICLE =============================*/
.contentheading{
font-size: 18px;
font-weight: lighter;
color: #000;
}
.small, .createdate, .modifydate{
font-size: 80%;
color: #999999;
}
td.modifydate,
.modifydate {
padding:12px 0;}
.readon, .readon:link, .readon:visited{
background-color: transparent;
background-image: url(../images/button.gif);
background-repeat: repeat-x;
padding: 2px 5px 2px 5px;
color: #FFFFFF;
font-weight: bold;
margin-top:10px;
}
.readon:hover{
background:#333333;
text-decoration: none;
}
.contentpaneopen li{
background-image: url(../images/middle-list-bg.gif);
background-repeat: no-repeat;
background-position: 2px 6px;
padding: 0px 0px 0px 10px;
}
.contenttoc{
background-color: #FAFAFA;
border: 1px solid #EEE;
padding: 2px 5px 2px 5px;
margin-bottom: 5px;
}
.pagenavcounter{
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
margin-bottom: 5px;
}
.pagenavbar div a{
padding: 2px 5px 2px 5px;
}
.pagenavbar div a:hover{
background-color: #DDD;
color: #000000;
padding: 2px 5px 2px 5px;
}
.pagenav{
font-size: 14px;
color: #CCC;
padding: 2px 5px 2px 5px;
margin:0;
}
.pagenav:link, .pagenav:visited{
font-size: 14px;
color: #333;
padding: 2px 5px 2px 5px;
}
.pagination span, .pagination a {
border:1px solid #ccc;
padding:4px 6px;
margin-right:2px;
font-size:90%;
background:;
color:#666;}
.pagination a:hover,
.pagination a:focus {
border:1px solid #999;
padding:4px 6px;
}
.pagination li {
margin:0;
padding:0;}
ul.pagination {
margin:10px 0 10px 0;}
.blog_more{
border: 1px solid #DDD;
background-color: #F0F0F0;
padding: 5px;
margin-bottom: 10px;
}
.blog_more:hover{
background-color: #FFF;
}
.blog_more a:hover{
padding: 0px 2px 0px 2px;
color:#FF0000;
text-decoration: none;
}
.article_column {
padding:2px;}
/*======================= COMPONENT =============================*/
.componentheading{
font-size: 18px;
color: #F97914;
font-weight: lighter;
text-align:left;
line-height:170%;
}
.contentpaneopen fieldset{
padding: 5px 5px;
border: 1px solid #DDD;
margin-bottom: 5px;
}
.highlight{
background-color: #FFFFCC;
}
.button{
background: url(../images/button.gif) repeat-x;
padding: 2px 5px 2px 5px;
font-size: 10px;
color: #FF8301;
font-weight: bold;
border:none;
}
.button:hover{
background:#333333;
border:none;
}
.inputbox{
border: 1px solid #CCC;
color: #666;
background: url(../images/bgform.png) no-repeat 0 -684px #fff;
}
.inputbox:hover,
.inputbox:focus,
.inputbox:active{
background: url(../images/bgform.png) no-repeat #fff;
}
td.sectiontableheader{
background-image: url(../images/table-h3.gif);
background-repeat: repeat-x;
color: #FFFFFF;
padding: 2px 5px 2px 5px;
font-weight: bold;
}
td.sectiontableheader a:link, td.sectiontableheader a:visited{
color: #FFFFFF;
padding: 2px 5px 2px 5px;
font-weight: bold;
display: block;
}
td.sectiontableheader a:hover{
background-color:transparent;
}
td.sectiontableheader img{
margin: 2px 0px 0px 5px;
}
tr .sectiontableentry1 td, tr .sectiontableentry2 td{
padding: 5px;
border-bottom: 1px solid #EAEAEA;
}
tr .sectiontableentry1 td a:hover, tr .sectiontableentry2 td a:hover{
background-color: #FFFDBE;
color: #FFA800;
}
tr .sectiontableentry1:hover, tr .sectiontableentry2:hover{
background-color: #FFFFCC;
}
/*======================= BREADCRUMB =========================*/
.breadcrumbs{
font-size: 11px;
font-weight: bold;
color: #666;
}
.pathway:link, .pathway:visited{
font-size: 11px;
text-decoration: none;
}
/*======================= LOGIN ==============================*/
#form-login{
color: #666;
}
#modlgn_username{
width: 90%;
background-image: url(../images/username-bg.gif);
background-position: 2px 1px;
background-repeat: no-repeat;
background-color: none;
text-indent: 20px;
padding: 2px 0px 2px 0px;
}
#modlgn_username .inputbox:focus{
width: 90%;
background-image: url(../images/username-bg.gif);
background-position: 2px 1px;
background-repeat: no-repeat;
background-color: #FFFDBE;
text-indent: 20px;
padding: 2px 0px 2px 0px;
}
#modlgn_passwd{
width: 90%;
background-image: url(../images/passwd-bg.gif);
background-color: none;
background-position: 2px 1px;
background-repeat: no-repeat;
text-indent: 20px;
padding: 2px 0px 2px 0px;
}
#form-login .button{
width:57px;
height:20px;
background-color: transparent;
background-image: url(../images/button-login.gif);
border: none;
padding: 2px 5px 2px 5px;
background-repeat: no-repeat;
}
#logintop label {
font-size:10px;
text-transform:uppercase;
line-height:15px;}
#logintop #modlgn_username,
#logintop #modlgn_username .inputbox:focus,
#logintop #modlgn_passwd {
width:150px;
margin-right:5px;}
#form-login .button:hover{
background-position: 0px -20px;
}
#form-login a {
font-size:90%;}
/*============== content toc =================*/
table.contenttoc{
margin:10px;
padding:3px;
text-align:left;
float:right;
}
.contenttoc a {
padding-left:0;
font-weight:bold;
font-size:90%;
}
table.contenttoc td {
text-align:left;
}
a.toclink{
color: #333333;
background-image: url(../images/arrow1.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 10px;
}
.cc3 a.toclink:hover{
background-color: #FAFAFA;
background-image: url(../images/arrow2.gif);
color: #F97914;
}
/*=================== banner ================================*/
.bannerheader {
font-style:italic;}
.banneritem_text {
padding: 4px;
font-size:11px;
}
.banneritem_text a {
font-weight:700;
}
div.moduletable .bannerfooter_text,
div.moduletable_text .bannerfooter_text {
padding: 4px;
font-size:80%;
text-align: right;
}
.bannerfooter_text {
text-align:right;}
.bannerfooter_text a {
font-size:11px;
text-align:right;}
/*===================== footer menu ============================== */
ul#mainlevel-nav {
list-style : none;
padding-bottom:5px;
clear:right;
}
ul#mainlevel-nav li {
display:inline;
font-weight : normal;
text-align : left;
list-style : none;
float:left;
}
/* ============================= System Messages ====================================*/
#system-message { margin-bottom: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; list-style: none;}
#system-message dd ul li { list-style-image:none; margin-left:0;}
/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { }
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #fff; background: #FFA300; }
#system-message dd.error ul li { list-style-image:none; margin-left:0;}
/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #fff; background: #FFA300; list-style: none;}
#system-message dd.notice ul li { list-style-image:none; margin-left:0;}
/* Debug */
#system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}
.buttonheading a:hover,
td.buttonheading a:hover {
background: none;}