/* main */
  .dinfoheader {

  }
  .dinfologo {
    position: absolute;
    display: block;
    left: 35px;
    top: 20px;
    z-index: 5;
  }
  body {
    padding: 0px;
    margin: 0px;
    background-color: #000;
    overflow: hidden;
    color: #ddd;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
  }
  a, a:active, a:visited {
    color: #ddd;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }
  .div_spacer {
    clear: both;
    line-height: 0px;
  }
  #loginbox{
    width: 100%;
    height: 100%;
    background-color: #222;
    z-index: 20;
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
  }
  #logindialog{
    width: 200px;
    height: 50px;
    background-color: #fff;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
  }

  /* menu */
  .menu {
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    z-index: 3;
  }
  .menu div {
    opacity: 0.5;
    filter: alpha(opacity = 50);
    display: block;
    width: 80px;
    padding-right: 2px;
  }
  .menu div img {
    height: 8px;
    float: right;
    margin-top: 6px;
    margin-bottom: auto;
  }
  #menu_pl1 {
    height: 80px;
    background-color: #333;
  }
  #menu_pl2 {
    height: 10px;
    background-color: #444;
  }
  #menu_pl3 {
    height: 20px;
    background-color: #555;
    cursor: pointer;
  }
  #menu_pl4 {
    height: 20px;
    background-color: #555;
    cursor: pointer;
  }
  #menu_pl5 {
    height: 20px;
    background-color: #555;
    cursor: pointer;
  }
  #menu_pl6 {
    height: 20px;
    background-color: #555;
    cursor: pointer;
  }
  #menu_pl7 {
    height: 20px;
    background-color: #555;
    cursor: pointer;
  }
  #menu_pl8 {
    height: 10px;
    background-color: #444;
  }
  #menu_pl9 {
    height: 170px;
    background-color: #333;
  }

  /* framework */
  #contentbox {
    border: solid 10px #500;
    padding: 5px;
    width: 200%;
    height: 100%;
    position: absolute;
    display: block;
    left: 100px;
    top: 70px;
  }
  .content_textbox{
    display: block;
    background-color: #333;
    border-bottom: solid 1px #111;
    border-right: solid 1px #111;
    padding: 10px 0px 10px 15px;
    margin: 0px 0px 5px 0px;
  }
  .content_errorbox{
    display: block;
    background-color: #611;
    border-bottom: solid 1px #200;
    padding: 10px 0px 10px 20px;
    margin: 0px 0px 5px 0px;
  }

  /* info */
  #content_info {
    display: block;
    background-color: #222;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #content_info b {
    color: #eee;
  }
  .info_weather_temp{
    margin: 0px 0px 5px 0px;
  }
  .info_weather_days{
    display: block;
  }
  .info_weather_item{
    margin-right: 30px;
    float: left;
  }
  .info_zazz{
  
  }
  .info_zazz_left{
    float: left;
  }
  .info_zazz_logo{
    float: left;
    margin-right: 10px;
  }
  .info_foldleft{
    float: left;
  }
  .info_foldtitle{

  }
  .info_foldstats{
    display: block;
    width: 300px;
    border: solid 4px #444;
    margin: 10px 10px 5px 0px;
  }
  .info_foldstats table{
    width: 100%;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
    background-color:#ddd;
    border: 0;
    border-bottom:1px solid #999;
    color:#444;
    cursor:none;
    margin: 0;
    padding: 0;
  }
  .info_foldstats th{
    width: 24.9%;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size: 8pt;
    text-decoration:none;
    font-weight:bold;  
  }
  .info_foldstats td{
    background-color: #ccc;
    color: #333;
    width: 24.9%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  .info_foldstats img{
    margin: 0px 0px 1px 3px;
  }
  .info_foldright{
    float: left;
  }
  .info_links{
    float: left;
    margin-right: 30px;
  }
  .info_links_header{
    margin-bottom: 5px;
  }

  /* chat */
  #content_chat {
    display: none;
    background-color: #222;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #content_chat b {
    color: #eee;
  }
  .chat_output{
    border: solid 1px #555;
    padding: 0px 5px 0px 5px;
    margin:0px 0px 0px -5px;
    width: 800px;
    height: 351px;
    background-color: #111;
    overflow: auto;
    color: #fff
  }
  .dchatname {
    color: #aaf;
  }
  .dchatlink, .dchatlink:visited  {
    color: #afa;
    text-decoration: none;
  }
  .dchatimglink, .dchatimglink:visited {
    color: #ffa;
    text-decoration: none;
  }
  .dchatytlink, .dchatytlink:visited {
    color: #faa;
    text-decoration: none;
  }
  #tooltip {
  	position: absolute;
  	z-index: 3000;
  	border: 1px solid #000;
  	background-color: #fff;
  	padding: 5px;
  	opacity: 1;
  }
  #tooltip h3, #tooltip div { margin: 0; }
  .chat_input {
    width: 800px;
    background-color: #111;
    color: #ddd;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
    border: solid 1px #555;
    margin: 5px 0px 0px -5px;
    padding: 2px 5px 2px 5px;
  }

   
  /* links */
  #content_links {
    display: none;
    background-color: #222;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #content_links b {
    color: #eee;
  }
  .links_output{
    width: 370px;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
    padding: 0px;
    margin: 0px 0px 0px 0px;
  }
  .links_output_user{
    width:5%;
    text-align: right;
    color: #999;
  }
  .links_output_star{
    cursor: pointer;
  }
  .links_output td{
    padding: 0px;
    margin: 0px;
    line-height: 1.5em;
  }
  .links_leftpane{
    width: 400px;
    float: left;
  }
  .links_rightpane{
    display: block;
    float: left;
    width: 60%;
    margin-left: 10px;
  }
  .links_rightpane input{
    width: 30%;
    background-color: #111;
    color: #666;
    font-style: italic;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
    border: solid 1px #555;
    margin: 5px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
  }
  .links_input_ok{
    display: none;
    margin: 0px 0px -5px 5px;
  }
  .links_description_ok{
    display: none;
    margin: 0px 0px -5px 5px;
  }
  .links_search_ok{
    display: none;
    margin: 0px 0px -5px 5px;
  }
  .links_showing{
    display: inline;
  }

  /* rss */
  #content_rss {
    display: none;
    background-color: #222;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #content_rss b {
    color: #eee;
  }

  /* blog */
  #content_blog {
    display: none;
    background-color: #222;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #content_blog b {
    color: #eee;
  }
  .blog_leftpane{
    width: 550px;
    float: left;
  }
  .blog_rightpane{
    display: block;
    float: left;
    width: 60%;
    margin-left: 10px;
  }
  .blog_editor{
    display: none;
  }
  .blog_editor_title{
    width: 400px;
  }
  .blog_item{
    cursor: pointer;
  }
  .blog_main_title{
    font-size: 15pt;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .blog_main_body{
    background-color: #222;
    margin: -0px 10px -0px -5px;
    padding: 5px 10px 5px 10px;
  }

  /* bookmarks */
  #content_bookmarks {
    display: none;
    background-color: #222;
    width: 100%;
    height: 100%;
    padding: 10px;
  }
  #content_bookmarks b {
    color: #eee;
  }
  .bookmarks_select{
    width: 150px;
    background-color: #111;
    color: #ddd;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
    border: none 0px;
    margin: 0px 0px 0px 5px;
  }
  .bookmarks_leftpane{
    width: 400px;
    float: left;
  }
  .bookmarks_rightpane{
    display: block;
    float: left;
    width: 60%;
    margin-left: 10px;
  }
  .bookmarks_rightpane input{
    background-color: #111;
    color: #ddd;
    font-family: Trebuchet MS, Arial, sans-serif;
    font-size: 8pt;
    border: solid 1px #555;
    margin: 5px 0px 0px 0px;
    padding: 2px 5px 2px 5px; 
  }
  
  /* buttons */
  button{
      display:inline;
      background-color:#ddd;
      border:1px solid #ccc;
      border-top:1px solid #eee;
      border-left:1px solid #eee;
      font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
      font-size: 8pt;
      text-decoration:none;
      font-weight:bold;
      color:#444;
      cursor:pointer;
      padding: 1px 2px 1px 2px;
      margin: 0px 0px 0px 10px;
  }
  button img{
      margin:-2px 5px -4px 0px;
      border:none;
      width:16px;
      height:16px;
  }