/* CSS file for Rendato Corp. 2008-06-02 */
/* Create by Luceiola in Kst */

/* Universal Setting */
  * {font-size:11px;;font-family:'MS San Serif', Arial;text-decoration:none;font-weight:400;padding:0;margin:0;color:#6B6B6B;}
  html {border:none;}
  li {list-style:none;}
  h1,h2,h3,h4,h5,h6,strong {font-weight:600;color:#6B6B6B;}
  img {border:none;}
  a:hover {text-decoration:underline;color:#000;}
  .clear {clear:both;}

/* Main Setting */
  body {background:#DCDCDC url(../images/mainbg.png) repeat-x left top;}
  #glow {width:100%;background: url(../images/glow_sky.png) no-repeat center top;}
  #wrapper {width:943px;position: relative;margin:0 auto;}
  #header {background: url(../images/frame_header.png) no-repeat left bottom;height:88px;}
  #footer {background: url(../images/frame_footer_lite.png) no-repeat left top;height:50px;}
  #faux {background: url(../images/frame.gif) repeat-y left top;min-height:930px;}
  * html #faux {height:930px;}

  #header div.language {position: absolute;right:5px;top:10px;}
  #header div.language a {color:#FFF;padding:0 5px;}
  #header div.nav {position: absolute;left:18px;top:56px;color:#ACACAC;}
  #header div.hotline {position: absolute;right:18px;top:56px;color:#999;font-weight:600;}
  #header div.nav a {color:#6b6b6b;padding:0 8px;font-size:10pt;}
  #header div.nav a:hover {color:#4882C6;}

  #content {float:left;display:inline;width:666px;}
  #sidebar {float:left;display:inline;width:267px;}
  
  #mainshow div.logo {position: absolute;left:30px;top:90px;}
  #mainshow div.slogan {position: absolute;right:0px;top:80px;width:350px;overflow: hidden;}
  #mainshow div.flashbg {position: absolute;right:-7px;top:3px;}
  #subshow div.logo {position: absolute;left:30px;top:40px;}
  #subshow div.slogan {position: absolute;right:0px;top:20px;width:350px;overflow: hidden;}
  #subshow div.flashbg {position: absolute;right:110px;top:3px;}
  
  #content div.graybox {width:210px;height:330px;float:left;display:inline; background:url(../images/graybox.png) no-repeat left top;margin-left:12px;position: relative;top:10px;}
  #content div.graybox h1 {color:#4882C6;font-size:11pt;text-align: right;position: relative;right:15px;top:8px;}
  #content div.graybox div {position:relative;left:15px;top:20px;width:190px;}
  #content div.graybox p {padding:0 13px;margin-top:20px;}
  #content div.graybox h2 {color:#4882C6;position: relative;top:10px;padding-left:8px;}
  #content div.graybox span {position:absolute;right:10px;line-height:18px;}
  #content div.graybox span a {color:#4882C6;}
  
  #content div.renewable p,
  #content div.envir p {line-height:18px;;}
  
  #content div.newsticker {height:34px;background:url(../images/newsticker.png) no-repeat left top;margin-left:12px;position: relative;top:20px;}
  #content div.newsticker marquee {height:14px;width:480px;}
  #content div.newsticker h1,
  #content div.investor h1 {position: relative;left:8px;top:10px;}
  #content div.investor {height:34px;margin-left:12px;position: relative;top:32px;}
  #content div.intro {width:96%;position:relative;left:16px;top:30px;}
  #content div.intro img {float:left;margin:0 8px 0 0; * margin:-3px 8px 0 0;}
  #content div.intro span {position:absolute;right:10px;line-height:18px;}
  #content div.intro span a {color:#4882C6;}

  #sidebar {padding-left:10px;padding-top:10px;}
  #sidebar div.movie {width:258px;height:148px;background:url(../images/moviebg.png) no-repeat left top;}
  #sidebar div.bluebox {padding-top:10px;width:258px;}
  #sidebar div.bluebox div.header {background:url(../images/bluebox_head.png) no-repeat left top;height:5px;overflow:hidden;}
  #sidebar div.bluebox div.footer {background:url(../images/bluebox_foot.png) no-repeat left top;height:5px;overflow:hidden;}
  #sidebar div.bluebox div.body {background:url(../images/bluebox.png) repeat-y left top;padding:10px;}
  #sidebar div.bluebox h1 {background:url(../images/bluebox_line.png) no-repeat center bottom;position:relative;top:-5px;color:#FFF;padding-bottom:5px;}
  #sidebar div.tagcloud h1 {display:none;}
  #sidebar div.tagcloud div.body {min-height:142px;}
  * html #sidebar div.tagcloud div.body {height:142px;}
  #sidebar div.tagcloud span {padding-right:5px;}
  #sidebar div.tagcloud span.tag1 a {color:#4D76BD;font-size:8pt;}
  #sidebar div.tagcloud span.tag2 a {color:#6E94D6;font-size:9pt;}
  #sidebar div.tagcloud span.tag3 a {color:#9EBBEE;font-size:11pt;}
  #sidebar div.tagcloud span.tag4 a {color:#FFFFFF;font-size:12pt;}

  #faux div.nav {margin:0 15px;border-top:#E3E3E3 solid 1px;clear:both;position: relative;top:20px;clear:both;}
  #faux div.nav h1  {padding:8px 0;position: relative;left:15px;height:20px;}
  #faux div.nav h1 span {font-weight:600;color:#6B6B6B;float:left;width:150px;position: relative; * left:20px;}
  #faux div.nav ul {float:left;display:inline;position: relative;left:15px;}
  #faux div.nav li {background: url(../images/dot1.gif) no-repeat 3px 2px;padding-left:15px;padding-bottom:3px;overflow: hidden;height:14px;}

  #faux div.copyright {background:url(../images/copyright.gif) no-repeat right bottom;height:170px;text-align: right;padding-right:15px;margin-right:3px;}
  #faux div.copyright h1 {font-weight:400;color:#B8B8B8;padding-top:120px;}
  #faux div.copyright span {padding:0 5px;}
  #faux div.copyright a {color:#B8B8B8;}
  #faux div.copyright p {color:#B8B8B8;}

  #subfaux {min-height:240px!important;padding-top:20px;}
  div.subody {min-height:400px!important;}
  * html #subfaux {height:240px!important;}
  * html div.subody {height:400px!important;}

  #subsidebar {width:200px;float:left;display:inline;}
  #subcontent {width:446px;float:left;display:inline;padding:0 10px;}
  #sidebar div.investor {display:none;}
  #sidebar div.investor h1 {color:#4882C6;}

  #sidebar div.news li {padding-bottom:5px;background: url(../images/dot2.gif) no-repeat 3px 2px;padding-left:15px;padding-bottom:3px}
  * html #sidebar div.news li {height:5px;}
  #sidebar div.news a {color:#9EBBEE;}
  #sidebar div.news a:hover {color:#FFF;}
  #sidebar div.news p a {color:#FFF;float:right;}
  
  #sidebar div.service {display:none;}
  #sidebar div.service li {padding-bottom:5px;}
  #sidebar div.service li {padding-bottom:5px;background: url(../images/dot2.gif) no-repeat 3px 2px;padding-left:15px;padding-bottom:3px;}
  #sidebar div.service a {color:#9EBBEE;}
  #sidebar div.service a:hover {color:#FFF;}
  #sidebar div.service p a {color:#FFF;float:right;}

  #subtitle {background: #000; font-size:14px;font-weight:600;font-family:verdana;color:#FFF;padding:0 0 12px 16px;}
  #subsidebar li a {font-size:12px;display:block;background: url(../images/dot3.gif) no-repeat 10px top;padding-left:30px;line-height:18px;}
  #subsidebar li a:hover {text-decoration: none;background: url(../images/dot3.gif) no-repeat 13px top;font-weight:600;font-size:11px;}
  #subsidebar ul {padding:0 10px;}
  #subsidebar li {background: url(../images/line1.gif) no-repeat center bottom;padding-bottom:4px;margin-top:4px;}
  #subsidebar p {padding-top:20px;text-align: right;padding-right:20px;}
  
  #subcontent div.list {padding-bottom:10px;}
  #subcontent div.list li {background: url(../images/line2.gif) repeat-x center bottom;padding:10px;}
  #subcontent div.list p {background: url(../images/dot4.gif) no-repeat left 2px;padding:0 8px 0 15px;margin-left:-15px;;}
  #subcontent div.list a {font-size:12px;color:#4882C6;font-size:14px;}
  
  #subcontent div.forms {padding-bottom:10px;}
  #subcontent div.forms label {display:block;font-weight:600;padding-bottom:2px;}
  #subcontent div.forms span {font-weight:600;}
  #subcontent div.forms p {padding:12px 10px 3px 10px;background: url(../images/line2.gif) repeat-x center bottom;}

  #subcontent div.artical {padding-bottom:10px;}
  #subcontent div.artical p {line-height:1.4em;font-size:12px!important;padding-top:15px;color:#333!important;}
  #subcontent div.artical h2 {font-weight:400;text-align: right;border-bottom:#B6B6B6 solid 1px;}
  #subcontent div.artical strong {font-size:13px;color#333;}
  
  #subcontent h1 {font-size:14px;background: url(../images/dot5.png) no-repeat left top;padding:0 8px 0 25px;}
  
  div.subpages div.aboutus p {font-size:12px!important;}
  #subcontent div.aboutus strong {font-size:12px!important;}

  div.managecontent {width:713px!important;}
  div.managecontent h1 {background:none!important;padding-left:0!important;}
  div.managesidebar li a {background: url(../images/dot6.gif) no-repeat 10px top!important;}
  div.managesidebar li a:hover {background:#C4E0FF url(../images/dot6.gif) no-repeat 13px bottom!important;}
  
  div.login {width:500px;height:150px;background:url(../images/login.gif) no-repeat left top;position: relative;left:230px;top:50px;}

  div.tables {padding-bottom:10px;}
  div.tables table {width:100%;border-collapse: collapse;border:#395D9B solid 1px;border-bottom:#395D9B solid 3px;}
  div.tables caption {font-weight:600;text-align: left;font-size:14px;padding-bottom:10px;}
  div.tables td {padding:0 5px;height:24px;border-bottom:#CBCBCB solid 1px;border-left:#E0E0E0 solid 1px;}
  div.tables th {padding:0 5px;height:24px;border-bottom:#588BCB solid 3px;border-left:#4075B3 solid 1px;background:#3060A0;font-weight:600;color:#FFF;}
  .odd {background:#EAF2FF;}
  .even {background:#F7F7F7;}

  div.subpages {width:723px!important;position: relative;}
  div.subpages div.overview {position:relative;}
  div.subpages div.overview * {font-size:12px!important;}
  div.subpages div.infobox {width:400px;padding:10px 0;background: url(../images/line2.gif) repeat-x left bottom;}
  div.subpages div.infobox h3 a {font-size:12px;font-weight:600;color:#4882C6;}
  div.subpages div.infobox h3 span {float:right;padding-right:10px;}
  div.subpages div.infobox h3 span a {color:#6B6B6B;font-weight:400;font-variant: small-caps;}

  div.company div.pic {float:right;padding-top:20px;padding-right:10px;}
  div.bussiness div.infobox {width:350px;float:left;margin-right:10px;height:90px;overflow: hidden;clear:both;}
  * html div.bussiness div.infobox {width:340px;}
  div.bussiness div.pic {width:350px;position: absolute;right:10px;}

  div.contact div.overview {background: #DBEAFF ;border:#A5C9F5 solid 1px;padding:10px;padding-bottom:0;margin-bottom:20px;}
  div.contact div.overview p {font-size:12px!important;padding-bottom:10px;color:#275A9D;height:18px;}
  div.contact div.overview h3 {font-size:14px!important;margin-bottom:10px;color:#275A9D;border-bottom:#C4D6F0 solid 1px;padding-bottom:3px;}
  div.contact div.overview strong {padding-right:10px;float:left;width:130px;}


  div.contact div.infobox {width:241px;float:left;margin-right:10px;background:none;}
  div.contact div.infobox h3 {background: url(../images/line2.gif) repeat-x left bottom;padding-bottom:3px;}
  div.contact div.infobox ul {padding-top:10px;}
  div.contact div.infobox li {padding-bottom:5px;background: url(../images/dot2.gif) no-repeat 3px 2px;padding-left:15px;padding-bottom:3px;}
  div.contact div.pic {position: absolute;right:20px;top:235px;}
  
  div.production div.pic {position: absolute;left:5px;top:10px;}
  div.renewable div.pic {position: absolute;left:5px;top:5px;}
  div.envir div.pic {position: absolute;left:5px;top:-5px;}
  div.ourbiz div.overview {padding-left:240px;padding-bottom:20px;}
  div.ourbiz div.overview h3 {font-size:14px!important;color:#4882C6;padding-bottom:5px;background: url(../images/line2.gif) repeat-x left bottom;margin-bottom: 5px;;}
  div.ourbiz div.overview h3 strong {font-size:16px!important;color:#4882C6;display: block; margin-bottom:-4px; * margin-bottom:0;}
  div.ourbiz div.overview p {padding-bottom:8px;}

  div.ourbiz div.infobox {width:330px;float:left;margin-right:20px;height:78px;overflow: hidden;background: url(../images/line2.gif) repeat-x left top;}
  div.subpages div.infobox h3 a {font-size:12px; * font-size:11px;}
  div.subpages div.infobox h3 span {vertical-align: -3px;;}

  div.login p {line-height:30px;position: relative;top:50px;left:70px;}
  div.login .succeed {background:#E8FFF5;border:#3E865F solid 1px;width:242px;padding:0 10px;height:24px;line-height: 24px;top:60px;}
  div.login .failed {background:#FFE8E8;border:#864B40 solid 1px;width:242px;padding:0 10px;height:24px;line-height: 24px;top:60px;}

  #succeed{float:right;background:#E8FFF5;border:#3E865F solid 1px;width:242px;padding:0 10px;height:20px;line-height: 20px;top:60px;text-align:center}
  #failed {float:right;background:#FFE8E8;border:#864B40 solid 1px;width:242px;padding:0 10px;height:20px;line-height: 20px;top:60px;text-align:center}
  #msg {height:21px;margin-right:20px;margin-bottom:3px;}

  div.pagecontrol {padding:10px 0;text-align: center;}
  div.pagecontrol a {padding:0 6px;;font-size:12px;}
  div.pagecontrol a:hover {color:#3060A0;}

  div.chart {padding-top:10px;}
  div.chart table {width:96%;border-collapse: collapse;border:#CECFCE solid 1px;}
  div.chart td table {width:100%;border:none;}