/*********************************************************************
 Klean Industries Master CSS
 Rudy Affandi (c) 2010
 ********************************************************************/

/* Essential settings */
html, body, td, big, strong, small {font-family: arial, helvetica, sans-serif; font-size: 12px;} 
body {margin: 0; padding: 0; color:#333; line-height: 1.3em;}  
big, strong {font-weight: bold;} 
small {font-size: 10px} 

/* Text links */
a, a:visited {color:#1f4472; text-decoration: none;}
a:hover {color:#1d3d03; text-decoration: none;}

/* Text headers */
.cufon-loading h1, .cufon-loading h2, .cufon-loading h3 {visibility: hidden !important;}
h1, h2, h3, h4, h5, h6 {margin: 10px 0 10px 0; padding: 0; font-weight: normal;}
.left_col h1 {font-size: 18px; margin: 30px 0 10px 35px;}
.right_col h2 {font-size: 22px; color: #5e9c2e; margin: 0 0 10px 0;}

/* Layout & Formatting */
.logo {float: left;}
.top_menu {float: left; width: 460px; padding: 17px 0 0 0;}
.top_menu ul {list-style: none; margin: 0; padding: 0;}
.top_menu ul li {float: left; margin: 0 20px 0 0;}

.search_box {float: left; height: 42px; overflow: hidden; /* Bryan */}
.input {border: 1px solid #cfcfcf; width: 140px; height: 20px; margin: 11px 0 5px 10px; color: #666;}

.main_menu {float: left; margin-top: 1px; height: 20px;}
.main_menu2010 {float: left; margin-top: 1px; height: 20px;}
.container {background: #ffffff url('/i/common2010/header-dec2010.gif') no-repeat top left; width: 984px; margin: 30px auto 0px auto; overflow: hidden;}

.left_col {width: 245px; float: left;}
.right_col {width: 739px; float: left;}
.content {padding: 30px 25px 20px 10px;}

/* BG Image Styling */
.main_bg {background: #ececec url('/i/common2010/main_bg.jpg') no-repeat top center;}
.img_header {background: url('/i/common2010/tire-pyrolysis-plastic-gasification-recycling-plants.jpg') no-repeat top left; width: 984px; height: 196px;}

/* Front page only */
.front_container_1 {background: url('/i/common2010/home_container_1.jpg') no-repeat top left; width: 300px; height: 201px; float: left;}
.front_container_2 {background: url('/i/common2010/home_container_2.jpg') no-repeat top left; width: 300px; height: 201px; float: left;}
.front_container_1 h2, .front_container_2 h2 {color: #fff; font-size: 15px; font-weight: normal; text-transform: uppercase; margin: 15px 10px 0 10px;}
.front_container_1 div, .front_container_2 div {color: #fff; padding: 10px 100px 10px 10px;}
.front_container_2 a, .front_container_2 a:visited {color: #a5df82;}

.front_slider {background: url('/i/common2010/img01.jpg') no-repeat top left; width: 684px; height: 402px; float: right;}
.front_left_col {clear: both; float: left; width: 270px; padding: 20px 10px 10px 20px; font-weight: normal;}
.front_right_col {float: left; width: 644px; padding: 20px 20px 10px 20px; font-weight: normal; line-height: 1.5em;}

.front_left_col h2 {text-transform: uppercase; font-size: 20px; margin: 0 0 10px 0;}
.front_right_col h2 {text-transform: uppercase; font-size: 24px; margin: 0;}
.green {color: #5e9c2e;}

/* Form */
.subscribe_title {background: #d6e7e6; float: left; text-transform: uppercase; font-size: 14px; height: 18px; margin: 28px 0 0 88px; padding: 4px 6px;}
.form_field {float: left; margin: 0;}
.form_field input {border: 1px solid #cfcfcf; width: 170px; height: 22px; margin: 5px 0 0 0;}
.form_button {float: left; margin: 5px 0 0 0;}
.form_button_button {background: #39a2de; color: #fff; border: none; height: 25px;}

/* RSS */
.rss_icon {float: left; margin: 28px 0 0 10px;}

/* Latest News */
ul.newsitem {list-style-image: url('/i/common/side_bullet.gif'); list-style-position: outside; margin: 0 0 0 30px; padding: 0;}
ul.newsitem li {margin: 5px 0 5px 0;}
ul.newsitem li a, .newsitem ul li a:visited {color: #2f80ac; font-weight: bold;}
ul.newsitem li a:hover {color: #885f00; text-decoration: none;}

/* Side Navigation */
/* Main Level */
.side_nav {width: 245px; padding: 0;}
.side_nav ul {list-style: none; width: 180px; margin: 0 auto; padding: 0;}
.side_nav ul li {border-bottom: 1px solid #c4c4c4;}
.side_nav ul li a, .side_nav ul li a:visited {display: block; color: #636363; font-weight: normal; padding: 4px 10px 4px 5px; text-decoration: none;}
.side_nav ul li a:hover {color: #1f4472; text-decoration: none;}

.side_nav .AddThis {padding: 0 0 14px 32px;}

/* Secondary Level */
.side_nav ul ul {list-style: none; width: 180px; margin: 0 auto; padding: 0;}
.side_nav ul ul li {border-bottom: 1px solid #c4c4c4;}
.side_nav ul ul li a, .side_nav ul ul li a:visited {display: block; color: #636363; font-weight: normal; padding: 4px 10px 4px 20px;}
.side_nav ul ul li a:hover {color: #1f4472; text-decoration: none;}

/* Tertiary Level */
.side_nav ul ul ul {list-style: none; width: 180px; margin: 0 auto; padding: 0;}
.side_nav ul ul ul li {border-bottom: 1px solid #c4c4c4;}
.side_nav ul ul ul li a, .side_nav ul ul ul li a:visited {display: block; color: #636363; font-weight: normal; padding: 4px 10px 4px 40px;}
.side_nav ul ul ul li a:hover {color: #1f4472; text-decoration: none;}

/* Quaternary Level */
.side_nav ul ul ul ul {list-style: none; width: 180px; margin: 0 auto; padding: 0;}
.side_nav ul ul ul ul li {border-bottom: 1px solid #c4c4c4;}
.side_nav ul ul ul ul li a, .side_nav ul ul ul ul li a:visited {display: block; color: #636363; font-weight: normal; padding: 4px 10px 4px 60px;}
.side_nav ul ul ul ul li a:hover {color: #1f4472; text-decoration: none;}

#active a {color: #1f4472;}

/* Photo Gallery */
.ind_gallery {float: right; margin: 0 0 10px 10px; font-style: italic; text-align: center; border: 2px solid #885f00; padding: 4px;}

/* Articles format */
.article_item {padding: 0; margin: 0;}
.article_item ul {list-style: none; padding: 0; margin: 0 0 10px 0;}
.article_title {font-weight: bold; float: left;}
.article_link {float: left; margin-left: 10px;}
.article_body {clear: both;}

/* Front page Recent News Release format */
ul.newsitem {list-style: none; margin: 10px 0 0 15px; padding: 0;}
ul.newsitem li {display: block; padding: 0 10px 10px 0;}
ul.newsitem li a, ul.newsitem li a:visited {color: #274e81;}
.news_date {font-weight: bold;}

/* News Release format */
.news_item {padding: 0 0 5px 0;}
.news_date {font-style: italic;}
.news_title {font-weight: bold; font-size: 13px; padding: 0; margin: 0;}
.news_file {text-align: right; font-weight: bold; margin: 0;}

/* Management Format */
.mgmt_item {margin: 0; padding: 0 0 15px 0; clear: both; overflow: hidden;}
.mgmt_name {font-weight: bold; font-size: 14px;}
.mgmt_position {font-style: italic;}
.mgmt_bio {width: auto; padding: 0; margin: 0; text-align: justify;}
.mgmt_img {float: left; padding: 6px 6px 2px 6px; margin: 10px 20px 20px 0; border: 1px solid #ccc; background: #fff;}

/* Custom Table */
table.table1 {border-collapse: collapse;}
table.table1 th {font-size: 13px; font-weight: bold; text-align: center; border: 1px solid #fff; background: #5e9c2e; padding: 3px; color: #fff;}
table.table1 td {font-size: 12px; font-weight: normal; background: #eaeaea; border: 1px solid #fff; padding: 3px;}
table.table1 td.odd {font-size: 12px; font-weight: normal; background: #ccc; border: 1px solid #fff; padding: 3px;}

table.table1 td ul {list-style: none; margin: 0; padding: 5px;}
table.table1 td ul li {border-bottom: 1px solid #ccc; padding: 3px 0 3px 0;}

/* Custom Table */
table.Awardtable1 {border-collapse: collapse;}
table.Awardtable1 th {font-size: 13px; font-weight: bold; text-align: center; border: 1px solid #fff; background: #5e9c2e; padding: 3px; color: #fff;}
table.Awardtable1 td {font-size: 12px; font-weight: normal; background: #ffffff; border: 1px solid #fff; padding: 3px;}
table.Awardtable1 td.odd {font-size: 12px; font-weight: normal; background: #FFFFFF; border: 1px solid #fff; padding: 3px;}

table.Awardtable1table1 td ul {list-style: none; margin: 0; padding: 5px;}
table.Awardtable1table1 td ul li {border-bottom: 1px solid #ccc; padding: 3px 0 3px 0;}

/* Custom Table */
table.Test1 {border-collapse: collapse;}
table.Test1 th {font-size: 13px; font-weight: bold; text-align: center; border: 1px solid #fff; background: #5e9c2e; padding: 3px; color: #fff;}
table.Test1 td {font-size: 12px; font-weight: normal; background: #eeeeee; border: 1px solid #fff; padding: 3px;}

table.Test1 td ul {list-style: none; margin: 0; padding: 5px;}
table.Test1 td ul li {border-bottom: 1px solid #ccc; padding: 3px 0 3px 0;}

/* Custom stock table */
table.stocktable1 {border-collapse: collapse;}
table.stocktable1 th {font-size: 13px; font-weight: bold; text-align: center; border: 1px solid #fff; background: #1b3355; padding: 3px; color: #fff;}
table.stocktable1 td {font-size: 12px; font-weight: normal; border: 1px solid #fff; padding: 3px; text-align: center;}
table.stocktable1 td.odd {font-size: 12px; font-weight: normal; background: #ccc; border: 1px solid #fff; padding: 3px;}

/* Financials Styling */
.fin_year {clear: both;}
.fin_year h2 {margin: 5px 0 5px 0; padding: 5px 0 5px 0;}
.fin_title {clear: both; float: left; font-weight: bold; width: 70%; margin: 0 0 0 10px; height: 20px;}
.fin_pdf {float: left; width: 10%; text-align: center;}

/* Footer Area */
.footer_area {border-top: 1px solid #ececec; height: 51px; background: #ffffff; margin: auto; width: 984px;}

.footer_links {color: #333; font-size: 11px; width: 760px; float:right;}
.footer_links ul {list-style: none; margin: 0; padding: 13px 10px 0 0; float:right; display:block; width: 760px; }
.footer_links ul li {display: inline; padding: 0;}
.footer_links ul li a, .footer_links ul li a:visited {color: #333; padding: 2px 8px 2px 8px;}
.footer_links ul li a:hover {color: #ff9900; text-decoration: none;}
.footer_links ul li:before {content: " | ";}
.footer_links ul li:first-child:before {content: "";}
.footer_links ul li b {font-weight:normal;}

.social_net {float: left; width: 204px; padding: 0 0 0 10px;}
.social_net div {float: left; margin: 15px 10px 10px 0;}

/* Secure Login Area */
.secure_entry {background: #666;}
.secure_login {width: 500px; margin: 20px auto 0 auto; border: 2px solid #000; border-bottom: 16px solid #000; background: #fff; padding: 20px; overflow: hidden;}
.secure_left {float: left; width: 200px; padding: 10px 0 0 10px;}
.secure_right {float: left; padding: 30px 0 0 30px;}
.secure_legal {text-align: justify; font-size: 11px;}
.secure_login h3 {font-size: 14px; font-weight: bold; background: #eaeaea; padding: 4px;}

/* Header stock quote */
.HeaderStock {text-align: right; color:#fff; position: relative; top: 96px; right: 10px; _top: 6px; _right: -618px;}
/*.HeaderStock2010 {float: right; padding: 38px 10px 0 0; }*/
.HeaderStock2010 {text-align: right; color:#fff; float: right; height: 20px; margin: 31px 10px 0 0; _margin-top: 25px; width: 80px;} /* Bryan */
.menu_area {overflow: hidden;}

/* Year Picker for Market News */

.PickaYear {}
.PickaYear a {}

/* Housekeeping */
.clear {clear: both;}
.white_bg {background: #fff; overflow: hidden;}
.adnet_logo {float: right; padding: 15px 25px 15px 0;}
