*{padding:0; margin:0;}
.hand {cursor: pointer; }
#frame {overflow: hidden; height: 300px; width: 143px; padding-top: 114px; padding-left: 16px; }
#frame img {float: left; position: relative; padding: 0px; margin: 0px; border: 1px solid #999;}
#wrap {background: url("images/splash.png") no-repeat; width: 174px; height: 405px;}
#logo {width: 38px; height: 41px; position: absolute; z-index: 23; margin-top: 310px; margin-left: 130px; cursor: pointer;}
#left_button { position: absolute; z-index: 10; margin-top: 350px; margin-left: 26px; width: 30px; height: 25px;}
#right_button {position: absolute; z-index: 10; margin-top: 350px; margin-left: 115px; width: 30px; height: 25px;}
#play_button {position: absolute; z-index: 10; margin-top: 350px; margin-left: 70px; width: 30px; height: 25px;}
.play_button_act {background: url("images/play.png") no-repeat  1px 1px; }
.logo_image {background: url("images/logo.png") no-repeat;}
.logo_image_hover {background: url("images/logo_hover.png") no-repeat;}
.hidden {display: none;}
#category_title {position: absolute; z-index: 11; margin-top: 80px; margin-left: 14px; width: 144px; height: 25px;}
#remaining {position: absolute; z-index: 12; margin-top: 384px; margin-left: 0px; width: 172px; height: 25px; font-size: 12px; font-weight: bolder; text-align: center; color: #150161}
#help {outline: 1px solid #fff; border: 1px solid #999; position: absolute; z-index: 22; margin-left: 5px; width: 160px; font-size: 12px; font-weight: bolder; text-align: center; color: #999; background: #fff;}
#close_helper {padding: 5px; color: #999; padding: 2px;}
ul.widget-list {text-align: left;}
ul.widget-list li {margin: 5px 0px 5px 15px; list-style-type: circle; marker-offset: 0px  }
ul.widget-list li a {color: #999}
ul.widget-list li a:hover {text-decoration: none;}
.preload_splash {background: url("images/loading_ani.gif") no-repeat center center #fff; position: absolute; z-index: 100; width: 174px; height: 404px;}
/* define here category images */
.section_environment {background: url("images/env.png") no-repeat; }
.section_health {background: url("images/health.png") no-repeat;} 
.section_water {background: url("images/water.png") no-repeat;} 
.section_energy {background: url("images/energy.png") no-repeat;} 
#help {margin-top: 220px;} /* space between widget top and help window*/