/* COMMON STYLE



--------------------------------------------------------- */



html, body, form, fieldset {



        margin: 0;



        padding: 0;



        text-align:left;



}







body {



        color: #fff;



        font-family: Tahoma, Arial, Helvetica, sans-serif;



        background:#fff url(../images/body_bg.gif) repeat-x top;



        font-size:11px;



        line-height: 120%;



}











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 */



a {



        color: #666;



        text-decoration: none;



}







a:hover, a:active, a:focus {



        color: #bcaf9f;



        text-decoration: none;



}







/* 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 {



        color: #666666;



        font-size: 92%;



}







/* Heading */



h1 {



        font-size: 120%;



}







h2 {



        font-size: 140%;



}







h3 {



        font-size: 125%;



}







h4 {



        font-size: 100%;



        text-transform: uppercase;



}



h1, h2, h3, h4, h5, h6 {



        margin: 0;



        padding: 0;



}



h6{



color:#666;



font-size:11px;



font-weight:bold;



}



p, pre, blockquote, ul, ol {



        margin:5px 0 10px 0;



        padding: 0;



}



ul {



        list-style: none;



}



ul li {


      padding-left: 14px;

background-color: transparent;

background-image: url("../images/bullet.gif");

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt 6px;

line-height: 140%;

}


li {


 margin: 0px;
 padding: 0px;

}

ul {


 margin: 0px;
 padding: 0px;

}




}



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: 0px solid #CCCCCC;



        background: #FFFFFF;



}







.inputbox:hover, .inputbox:focus {



        background: #FFFFCC;



}











/* JOOMLA STYLE



--------------------------------------------------------- */



table.blog {



}







.article_separator {



        clear: both;



        display: block;



        height: 00px;



}







.article_column {



}







.column_separator {



        padding: 0 25px;



}







/* content tables */



td.sectiontableheader {



  padding: 0px;



  border-right: 0px 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 0px 0px;



        padding: 0;



        width: 35%;



        float: right;



}







table.contenttoc a {



        text-decoration: none;



}







table.contenttoc td {



        padding: 0px 0px 0px 0px;



        background: url(../images/bullet-list.gif) no-repeat 5% 50%;



}







table.contenttoc th {



        padding: 0 0 0PX;



        border-bottom: 0px 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: none;



}







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:normal;



  font-size:24px;



  line-height:100%;



  color:#666;



}















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 {


        color: #000000;
        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: 0px solid #F6F6F6;



}







ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {



        border: 0px 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 #000000;



}







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: 0px 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:0px 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;



}