/*
    Document   : template
    Created on : June 11, 2009, 3:34:51 PM
    Author     : Jackie
    Description:
        Template Econsave green style        
*/

/***
	clear
	float
	width	
	height 
	padding
	margin
	display
	position
	border
	font
	text
	vertical-align
	list-style
	color
	background
 **/

/***************************
    Resets and overrides
    Links and type
    Main layout
    Secondary layout structures
    Form elements
    Joomla components
    Miscellaneous
 ***************************/

/***************************
	Links and type
    --------------
		noscript
        a
        img
 ***************************/
noscript {
    font: bold 16px/24px Cambria, Georgia, Times, "Times New Roman", serif;
	padding: 3px 5px;
	display: block;
	border: 1px solid #ffd129;
	color:  #333333;
	background-color: #fff4a6;
}

* {
	padding: 0;
	margin: 0;
}

body {
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	line-height: 1.5em;
	text-align: center;
	color: #333;
    /*background-color: #1EAC36;*/
    background: #fff url(../images/bg_main.png) repeat-x top left;
}

    body.fs1 {
        font-size: 10px;
    }

    body.fs2{
        font-size: 11px;
    }

    body.fs3{
        font-size: 12px;
    }

    body.fs4{
        font-size: 13px;
    }

    body.fs5{
        font-size: 14px;
    }

    body.fs6{
        font-size: 15px;
    }

h1, h2, h3, h4, h5, h6, .componentheading {
	margin: 1em 0;
	font-family: Geneva,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-align: left;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1em;
	text-transform: uppercase;
}

ul {
	margin: 5px 5px 5px 25px;
}

img {
	border: none;
}

a {
    outline: none;
    text-decoration: none;
}

a:link, a:visited { color: #3c6f9e; }     /* unvisited link */
a:hover { text-decoration: underline; color: #BC1C1D; }   /* mouse over link */
a:active { color: #BC1C1D; }

p {
	margin: 1em 0;
}

fieldset {
    padding: 10px 15px;
    margin: 1em 0;
    border: 1px solid #B3BFA7;
    background-color: #F1F3EF;
}

legend {
    padding: 3px 5px;
    font-weight: bold;
    color: #fff;
    background-color: #1DAB35; /*#147824;*/
}

form label {
    cursor: pointer;
}

table td {
    padding: 1px 3px;
}
/***************************
	Main layout
    -----------
		body
		div#container
			div#header
			div#wrapper /* only use when the width of web pages is not fixed width
				div#leftcolumn
				div#content
				div#right
			div#footer
		div.spacer // clear floating		
 ***************************/
#container {
	min-width: 760px; /* suitable for target user who screen resolution is 800 x 600 */
	max-width: 1050px;
	padding: 0;
	margin: 0 auto;
 	text-align: left;
}

	#header {
        height: 115px;
	}
    	
		#header #logo {
            float: left;
			width: 400px;
            height: 100px;
            padding: 5px 0 10px 0;
		}
			
	/*	

		#header #jflanguageselection a {
			font-size: 1.2em;			
			text-decoration: none;
			color: #3b8eb5;
			padding: 0 4px;
		}
*/
		#header #jflanguageselection #active_language a {
			color: #000;			
			font-size: 1.1em;			
		}
		

        #leftcolumn {
            float: left;            
            width: 200px;
            padding-left: 15px;
            padding-top: 20px;
            /* width: 570px; */
        }

        #contentcolumn {
/*            padding-left: 240px;*/
            padding-top: 20px;
        }

			#contentcolumn.leftcolumn {
				padding-left: 240px;*/
			}

        #rightcolumn {
            float: left;
            width: 200px;
            /* width: 570px; */
        }

	#footer {
		clear: both;
		padding: 5px;
        font-size: 0.8em;
	}

    	#footer .copy {
            text-align: right;
        }

.clr {
	clear: both;
}

/***************************
	Custom Class
		#error
		img.award
		img#top-banner
		img#econsave-logo
		h1		
		h2		
		.thumbnail-float
 ***************************/ 
img.award {
	height: 120px;
	width: 120px;
	padding: 5px;
	margin: 5px auto;
	display: block;
}

/***************************
	Joomla components
    -----------------
        // navigation
		#mainlevel-nav
			#mainlevel-nav li
				#mainlevel-nav li a
					#mainlevel-nav li a:hover
					#mainlevel-nav li a#active_menu-nav
        #007F14
        // table
        td.sectiontableheader
            td.sectiontableheader a
            tr.sectiontableentry0 td
        tr.sectiontableentry1 td, tr.sectiontableentry2 td
        tr.sectiontableentry2
        tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td

        // tooltips
        .tool-tip
        .tool-title
        .tool-text
 ***************************/
/* user4 */
div#user4{
	width: 300px;
    margin: 0 0 0 auto;
    padding-left: 500px;
	text-align: left;
	background: url(../images/bg_search.png) right top no-repeat;
}

        /* usertool */
        ul.ja-usertools-font {
            float: left;
            width: auto;
            display: block;
            font-size: 11px;
            margin: 10px 10px;
        }

        ul.ja-usertools-font li {
            display: inline;
        }

        /* search module */
        #user4 form {
            line-height: 12px;
        }

        .search {
            height: 45px;
            padding: 10px 0px 0px 10px;
            text-align: left;
        }

            .search .inputbox {
                width: 165px;
                font-size: 11px;
                background-color: #FFF;
            }

            .search .button {
                margin: -5px 0 0 5px;
                font-size: 11px;
                vertical-align: top;
            }

div#top {
    height: 55px;
    margin: -5px auto 0;
    padding: 0 5px;
	text-align: left;
    overflow: hidden;
}

/* navigation */
#mainlevel-nav {
    clear: both;
    float: left;
    width: 100%;
    height: 39px;
    margin: 1px 0 0;
    padding: 0px;
    font: bold 1.1em/18px "lucida grande","lucida sans unicode","lucida sans",arial,sans-serif;
    list-style-type: none;
    /*background-color: #BD1A1D;*/
    /*background-color: #1EAC36;*/
}

    #mainlevel-nav li {
        float: left;
        width: auto;
        display: block;
        background: transparent url(../images/bg_nav_separator.png) no-repeat right bottom;
    }

        #mainlevel-nav li a {
            float: left;
            width: auto;
            padding: 9px 15px 10px;
            display: block;
            text-decoration: none;
            color: #fff;
        }

            #mainlevel-nav li a:hover {
                text-decoration: underline;    
            }

            #mainlevel-nav li a:hover, #mainlevel-nav li a#active_menu-nav {
                color: #EEE;                
                background: transparent url(../images/bg_nav_hover.png) repeat-x left bottom;
                /*background-color: #BD1A1D;*/
            }


#pathway {
    padding: 10px 0 10px;
    text-transform: uppercase;
}

/* module */
#leftcolumn div.module_menu,
#leftcolumn div.module,
#leftcolumn div.module_text {
    width: 200px;
    padding-bottom: 15px;
    background: transparent url( ../images/bg_side_menu.png ) 50% 100% no-repeat;
}

#leftcolumn div.module_menu h3,
#leftcolumn div.module h3,
#leftcolumn div.module_text h3 {
    width: 188px;
    height: 32px;
    margin: 10px auto 5px;
	font-weight: bold;
    text-align: center;
    line-height: 32px;
	color: #fff;
    background-image: url( ../images/bg_side_menu_title.png );
}

#leftcolumn .active a {
    font-weight: bold;
    color: #333;
}

.inputbox {
    padding: 3px 5px;
    border: 1px solid #D3D3D3;
}

.inputbox:hover, #form-login .inputbox:focus {
    background-color: #FFFFCC;
}

#form-login fieldset {
    border: none;
    background: transparent;
    padding: 0 15px;
}

#form-login p {
    margin: 0 0 5px;
}

a.readon {
    float: left;
    width: 140px;
    padding: 3px 10px 3px 22px;
    margin-top: 10px;
    display: block;    
    font-weight: bold;
    line-height: 18px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    background: transparent url(../images/bg_button.png) no-repeat top left;
}

a.readon:hover, a.readon:active, a.readon:focus {
    text-decoration: underline;
}

.small, .smalldark, .createby, .createdate, .modifydate {
    padding: 0 0 10px;
	font-size: 0.8em;
	color: #999;
}

.pagenavcounter {
    padding: 0 0 10px;
}

/* table */
table.contentpaneopen {
    border-collapse: collapse;
}

table.contenttoc {
    float: right;
    width: auto;
    padding: 5px 10px;
    margin: 0 0 5px 10px;
    border: 1px solid #B3BFA7;
    background-color: #F1F3EF;
}

table.contenttoc td {
    padding: 0px 10px;
}

.componentheading  {
    padding: 7px 0 8px;
	font-size: 1.3em;
    border-bottom: 1px dotted #147824;
	color: #147824;
}

.contentheading {
    font-weight: bold;
	font-size: 1.5em;
    padding: 8px 0 4px;
}

.buttonheading {
	padding: 8px 2px 4px;
}

.column_separator {
    border-left:1px dashed #E0E0E0;
    padding-left:10px;
}

.article_column {
    padding-right: 5px;
}

.contentdescription {
    padding-bottom: 10px;
}

.blog_more {
    padding: 5px 10px;
    margin: 0 0 5px;
    border: 1px solid #B3BFA7;
    background-color: #F1F3EF;
}

.sectiontableheader {
	padding: 4px;
	border-right: 1px solid #fff;
	color: #fff;
	/*background-color: #88b074;*/
        background: #178629 url(../images/bg_table_header.png) repeat-x top left;
}

    .sectiontableheader a {
        text-decoration: underline;
        color: #fff;
    }

    .sectiontableentry0 td {
        padding: 4px;
    }

.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 4px 2px;
}

table.paramlist td.paramlist_key {
    width: 119px;
}

.sectiontableentry2 {
	background-color: #ececec;
}

.sectiontableentry1:hover td, .sectiontableentry2:hover td {
	background-color: #ffffcc
}

/* banner */
.bannergroup_text {
    padding: 0 15px;
}

div.banneritem_text {
    padding: 5px 0;
}

/* tooltips */
.tool-tip {
	float: left;
	max-width: 200px;
	padding: 5px;
	border: 1px solid #D4D5AA;
	text-align: left;
	background: #ffc;
}

.tool-title {
	margin: -15px 0 0 0;
	padding: 15px 5px 0;
	font-size: 100%;
	font-weight: bold;
	background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
	margin: 0;
	font-size: 100%;
}