html, body, h1, h2, h3, h4, ul, li, p, img {margin:0; padding:0; border:0}

/*----body----*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px; /* this is the default font size for links and text */
  text-align:left;
  background:#7af url(background-blue.jpg) no-repeat 100% 0;
background-color: #67b;
background-attachment:fixed;
-o-background-size: 100% 100%, auto;
-moz-background-size: 100% 100%, auto;
-webkit-background-size: 100% 100%, auto;
background-size: 100% 100%, auto;
overflow-x: hidden;
overflow-y: scroll;
z-index: 3;
}
/*----body----*/

/*----wrapper----*/
#wrapper {
  position: relative;
  width:750px;
  height: auto;

  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;

  border-top-color: #999;
  border-right-color: #999;
  border-bottom-color: #999;
  border-left-color: #999;
//  background-color: silver;
  background-image: url('background-wrapper.jpg');
  background-repeat: no-repeat;
  background-position: bottom;
  z-index: 1;
}
/*----wrapper----*/

/*----container----*/
#container {
  position: relative;
  margin-top: 5px;
  width:750px;
  text-align:left;
  z-index: 2;
//  background-color: lavender;
}
/*----container----*/

/*----headpanel----*/
#head-panel {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 25px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-image: url('background-login.png');
  z-index: 5;
  border: 0px solid grey;
}
#head-panel-title {
  position: absolute;
  top: 1px;
  left: 450px;
  width: 150px;
  height: 30px;
  color: #aaa;
}
#head-panel-status {
  position: absolute;
  top: 16px;
  left: 450px;
  font-size: 10px;
  color: lime;
}
#head-panel-wozzally-logo {
  position: absolute;
  top: 1px;
  left: 345px;
  width: 70px;
  height: 30px;
}
#head-panel-wozzally-logo img {
  border: 0px;
}
#head-panel-flag {
  position: absolute;
  top: 5px;
  left: 640px;
  width: 30px;
  height: 20px;
}
#head-panel-member-icon {
  position: absolute;
  top: 1px;
  left: 10px;
  width: 24px;
  height: 24px;
}
#head-panel-member-icon img {
  border: 0px;
}
#head-panel-login {
  position: absolute;
  top: 7px;
  left: 690px;
  z-index: 6;
}
#head-panel-login a {
  color: #aaa;
}

#head-panel-login a:hover {
  color: rosybrown;
}
#head-panel-hello {
  position: absolute;
  top: 2px;
  left: 60px;
  z-index: 6;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #aaa;
 }
#head-panel-hello a{
  color: #777;
}
#head-panel-hello a:hover{
  color: blue;
}
#head-panel-info {
  position: absolute;
  top: 17px;
  left: 60px;
  z-index: 6;
  color: #aaa;
  font-size: 10px;
}
#head-panel-info a {
  color: #777;
}
#head-panel-info a:hover {
  color: blue;
}

/*----headpanel----*/

/*----bannerpanel----*/
#topic-banner-panel {
  position: relative;
  top: 5px;
  width:750%;
  height:340px;
  z-index: 5;
}

/*----banner----*/
#topic-banner {
  position: absolute;
  width:750%;
  height:330px;
  z-index: 5;
}
#topic-banner ul li {
  list-style-type:none; 
  display:none;
}
/*----banner----*/

/*----banner.terminal----*/
#display {
  position: absolute;
  top: 5px;
  left: 340px;
  width: 400px;
  height: 49px;
  background-color: #000000;
  z-index: 7;
}
/*----banner.terminal-----*/

/*----banner.pageviews----*/
#topic-pageviews-panel {
  position: absolute;
  top: 285px;
  left: 400px;
  width: 100px;
  height: 40px;
//  background-image: url('background-pageviews.png');
  z-index: 5;
}
#topic-pageviews-title {
  visibility: hidden;
  position: absolute;
  font-weight: bold;
  color : #ffaacc;
  padding-left: 5px;
  top: 0px;
  left: 2px;
  width: 100px;
  height: 14px;
  z-index: 5;
}
#topic-pageviews-text {
  position: absolute;
  top: 5px;
  bottom: 1px;
  color : #ccc;
  font-family: Orbitron,Helvetica, Courier,Arial;
  font-size: 20px;
  padding-left: 5px;
  left: 2px;
  width: 100px;
  z-index: 5;
}
/*----banner.pageviews----*/

/*----banner.analytics----*/
#topic-analytics-panel {
  position: absolute;
  top: 150px;
  left: 10px;
  width: 230px;
  height: 60px;
  background-color: rgba(140,140,140,0.4);
  border: 1px solid #333;
  font-size: 9px;
  overflow: hidden;
  z-index: 5;
}
#topic-analytics-txt1 {
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 11px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt2 {
  position: absolute;
  top: 2px;
  left: 55px;
  font-size: 11px;
  font-weight: bold;
  color : #ecc;
  z-index: 5;
}
#topic-analytics-txt3 {
  position: absolute;
  top: 2px;
  left: 120px;
  font-size: 11px;
  font-weight: bold;
  color : #ecc;
  z-index: 5;
}
#topic-analytics-txt4 {
  position: absolute;
  top: 2px;
  left: 180px;
  font-size: 11px;
  font-weight: bold;
  color : #ecc;
  z-index: 5;
}
#topic-analytics-txt5 {
  position: absolute;
  top: 30px;
  left: 2px;
  font-size: 11px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt6 {
  position: absolute;
  top: 30px;
  left: 55px;
  font-size: 11px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt7 {
  position: absolute;
  top: 30px;
  left: 120px;
  font-size: 11px;
  font-weight: bold;
  color : #aee;
  z-index: 5;
}
#topic-analytics-txt8 {
  position: absolute;
  top: 30px;
  left: 180px;
  font-size: 11px;
  font-weight: bold;
  color : #aee;
  z-index: 5;
}
#topic-analytics-cnt1 {
  position: absolute;
  top: 15px;
  left: 2px;
  font-size: 10px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt2 {
  position: absolute;
  top: 15px;
  left: 55px;
  font-size: 10px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt3 {
  position: absolute;
  top: 15px;
  left: 120px;
  bottom: 1px;
  font-size: 10px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt4 {
  position: absolute;
  top: 15px;
  left: 180px;
  bottom: 1px;
  font-size: 10px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt5 {
  position: absolute;
  top: 43px;
  left: 2px;
  font-size: 11px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt6 {
  position: absolute;
  top: 43px;
  left: 55px;
  font-size: 11px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt7 {
  position: absolute;
  top: 43px;
  left: 120px;
  font-size: 11px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt8 {
  position: absolute;
  top: 43px;
  left: 180px;
  font-size: 11px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
/*----banner.analytics----*/

/*----banner.hint----*/
#topic-hint {
  position: absolute;
  top: 250px;
  left: 555px;
  width: 185px;
  height: 66px;
  overflow: hidden;
  padding: 2px;
  background-color: rgba(140,140,140,0.7);
  color: #333;
  line-height: 11px;
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #333;
  z-index: 8;
}
/*----banner.hint----*/

/*----topic.health----*/
#topic-health-panel {
  position: absolute;
  top: 285px;
  left: 320px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#topic-health-icon {
  position: absolute;
}
#topic-health-icon img {
  border: 0px;
}
#topic-health-value {
  position: absolute;
  top: 9px;
  left: 2px;
  font-size: 12px;
  font-weight: normal;
  color: #222;
}
/*----topic.health----*/

/*----topic.mood----*/
#topic-mood-panel {
  position: absolute;
  top: 285px;
  left: 360px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#topic-mood-icon {
  position: absolute;
}
#topic-mood-icon img {
  border: 0px;
}
#topic-mood-value {
  visibility: hidden;
  position: absolute;
  top: 9px;
  left: 2px;
  font-size: 12px;
  font-weight: bold;
  color: dimgray;
}
/*----topic.mood----*/

/*----banner.title-----*/
#topic-title-panel {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 735px;
  height: 52px;
//  border-bottom-style: solid;
//  border-bottom-color: #656;
  background-image: url('background-title.png');
  z-index: 5;
}
#topic-title-text {
  position: absolute;
  top: 1px;
  width: 250px;
  height: 50px;
  left: 10px;
  color: #cce;
  z-index: 5;
}
#topic-titles-text {
  position: absolute;
  top: 38px;
  width: 300px;
  height: 13px;
  left: 10px;
  font-size: 11px;
  color: #333;
  float: none;
  overflow: hidden;
  z-index: 5;
}
#topic-title-cat {
  position: absolute;
  top: 2px;
  left: 250px;
  color: yellow;
  font-size: 12px;
  z-index: 5;
}
#topic-title-cat a{
  color: #ecc;
  font-size: 11px;
}
#topic-title-cat  a:hover{
  color: blue;
  font-size: 11px;
}
#topic-title-status {
  position: absolute;
  top: 15px;
  left: 250px;
  color: yellow;
  font-size: 11px;
  z-index: 5;
}
#topic-title-status a{
  color: #ecc;
  font-size: 11px;
}
#topic-title-status  a:hover{
  color: blue;
  font-size: 11px;
}
#topic-title-health {
  visibility: visible;
  position: absolute;
  top: 28px;
  left: 250px;
  color: #ecc;
  font-size: 11px;
  font-weight: bold;
  z-index: 5;
}
#topic-title-scope {
  visibility: visible;
  position: absolute;
  top: 40px;
  left: 250px;
  color: #ecc;
  font-size: 11px;
  font-weight: bold;
  z-index: 5;
}
/*----banner.title----*/

/*----banner.buttons.links-----*/
#links-panel {
  position: absolute;
  top: 65px;
  left: 50px;
  width: 200px;
  height: 140px;
  overflow: hidden;
  z-index: 5;
}
#links-button {
  position: relative;
  float: left;
  padding-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  height: 28px;
  width: 28px;
  z-index: 5;
}
/*----banner.buttons.links----*/

/*----banner.searchbox-----*/
#searchbox {
  position: absolute;
  top: 285px;
  left: 10px;
  width: 250px;
  z-index: 5;
}
/*----banner.searchbox-----*/

/*----banner.facebook like----*/
#like-facebook {
  visibility: hidden;
  position: relative;
  top: 20px;
  left: 500px;
  width: 500px;
  height: 30px;
  z-index: 5;
}
/*----banner.facebook like----*/

/*----banner.bookmarking----*/
#bookmarking-panel {
  visibility: visible;
  position: absolute;
  top: 65px;
  left: 10px;
  z-index: 5;
}
#bookmarking-button {
  position: relative;
  margin-top: 1px;
  height: 35px;
  width: 32px;
  z-index: 5;
}
/*----banner.bookmarking----*/

/*----banner.property----*/
#topic-property-panel{
  position: absolute;
  top: 65px;
  left: 545px;
  width: 200px;
  height: 180px;
//  background-color: rgba(140,140,140,0.3);
  overflow: hidden;
  vertical-align: bottom;
//  border: 1px solid #333;
  z-index: 10;
}
#topic-property-title{
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  margin-bottom: 5px;
  z-index: 5;
}
#topic-property-item{
  position: relative;
  left: 3px;
  width: 195px;
  height: 15px;
  background-color: rgba(130,130,130,0.4);
}
#topic-property-item-name{
  position: absolute;
  top: 1px;
  left: 5px;
  width: 80px;
  height: 13px;
  padding-left: 2px;
  font-size: 10px;
  font-weight: bold;
  color: #cce;
  background-color: rgba(140,140,140,0.5);
}
#topic-property-item-value{
  position: absolute;
  top: 1px;
  left: 90px;
  width: 100px;
  height: 13px;
  padding-left: 2px;
  color: #ecc;
  font-size: 10px;
  font-weight: bold;
  background-color: rgba(140,140,140,0.8);
  overflow: hidden;
}
#topic-property-item-value a {
  font-size: 10px;
  color: blue;
}
#topic-property-item-value a:hover {
  font-size: 10px;
  color: yellow;
}
/*----banner.property----*/

/*==========================*/
/* NAVIGATION               */
/*==========================*/

/*----navigation.path----*/
#path-panel {
  position: relative;
  top: 2px;
  margin-top: 2px;
  width: 735px;
  height: 19px;
  padding-top: 5px;
  padding-left: 15px;
  padding-bottom: 2px;
  background-color: #556690;
  font-size: 10px;
  color: blue;
  border: 1px solid grey;
  overflow: hidden;
  z-index: 5;
}
#path-panel a {
  padding-left: 3px;
  padding-right: 3px;
  font-size: 12px;
}
#path-panel a:hover {
  color: rosybrown;
}
/*----navigation.path----*/

/*----navigation.menu----*/
#menu {
  position: relative;
  margin-top: 2px;
  width: 750px;
  padding-left: 0px;
  z-index: 6;
  border: 1px solid #555;
  background-image: url('background-login.png');
}
nav {
  width: 750px;
}
nav ul {
  padding: 0px;
  margin: 0px;
}
nav ul:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
nav ul,nav ul li{
//  background-color: #556690;
}
nav ul li {
  list-style: none;
  float:left;
}
nav ul li a {
  text-decoration: none;
  display: block;
  color: #333;
  padding-top: 7px;
  padding-left: 4px;
  padding-right: 4px;
  padding-bottom: 7px;
}
nav ul li a:hover{
  color: #ccc;
}
nav ul li:hover > ul {
  visibility: visible;
}
nav ul li ul{
  display: inline;
  visibility: hidden;
  position: absolute;
  padding:0px;
//  overflow: auto;
}
nav ul li ul li{
  float: none;
  border: 1px solid #5a6abf;
//  overflow: hidden;
//  height: 20px;
}
nav ul li ul li a{
//  white-space: nowrap;
//  margin:0px;
  padding-top:2px;
  padding-bottom:2px;
}
nav ul li ul li a:visited{
/*    color: #aa5555; */
}
nav ul li ul li a:hover{
  color: #ccc;
}
/*----navigation.menu----*/

/*----menu.link----*/
#menu-link {
  position: relative;
  width: 310px;
  height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#menu-link-img {
  position: absolute;
  top:0px;
  left:0px;
  width: 30px;
  height: 20px;
  z-index: 5;
}
#menu-link-text {
  position: absolute;
  width: 275px;
  left: 0px;
  z-index: 5;
}
#menu-link-text a {
  position: absolute;
  left: 40px;
  font-size: 12px;
}
#menu-link-info {
  position: absolute;
  width: 200px;
  text-align: left;
  left: 45px;
  top: 13px;
  font-size: 10px;
  color: blue;
  z-index: 7;
}
#menu-link-website {
  position: absolute;
  top: 2px;
  left: 200px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#menu-link-twitter {
  position: absolute;
  top: 2px;
  left: 215px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#menu-link-youtube {
  position: absolute;
  top: 2px;
  left: 230px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#menu-link-wikipedia {
  position: absolute;
  top: 2px;
  left: 245px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#menu-link-hash {
  position: absolute;
  top: 2px;
  left: 260px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#menu-link-play {
  position: absolute;
  top: 2px;
  left: 275px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#menu-link-google {
  position: absolute;
  top: 2px;
  left: 290px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
/*----menu.link----*/

/*----trafficpanel----*/
#topic-traffic-panel {
  position: absolute;
  top: 215px;
  left: 10px;
  width: 230px;
  height: 65px;
  background-color: rgba(140,140,140,0.6);
  z-index: 8;
  border: 1px solid #333;
  font-size: 9px;
  overflow: hidden;
}
#tbl1Item{
  position: relative;
  top: 1px;
  left: 1px;
  width: 230px;
  height: 12px;
}
#tbl1Col1{
  position: absolute;
  top: 1px;
  left: 1px;
  width: 20px;
  height: 12px;
  font-size: 11px;
  font-weight: bold;
}
#tbl1Col2{
  position: absolute;
  float: none;
  overflow: hidden;
  top: 1px;
  left: 25px;
  width: 80px;
  height: 12px;
  font-size: 11px;
  color: white;
}
#tbl1Col2 a{
  font-size: 11px;
  color: #cce;
}
#tbl1Col2 a:hover{
  color: blue;
}
#tbl1Col3{
  position: absolute;
  top: 1px;
  left: 65px;
  width: 60px;
  height: 12px;
  font-size: 11px;
  color: #eee;
  text-align: right;
}
#tbl1Col4{
  position: absolute;
  float: none;
  overflow: hidden;
  top: 1px;
  left: 130px;
  width: 100px;
  height: 12px;
  font-size: 11px;
  color: white;
}
#tbl1Col4 a{
  font-size: 11px;
  color: #ecc;
}
#tbl1Col4 a:hover{
  color: blue;
}
/*----trafficpanel----*/



/*========================*/
/* CONTENT                */
/*========================*/

/*----content----*/
#topic-content {
  position: relative;
  border: 1px;
  top: 5px;
  width: 100%px;
}
/*----content----*/




/*=========================*/
/* CONTENT.LEFT            */
/*=========================*/

/*----content.left----*/
#topic-content-left {
  position: absolute;
  border: 1px;
  top: 0px;
  left: 0px;
  width: 500px;
}
/*----content.left----*/

/*----content.left.search----*/
#topic-search-panel {
  position: relative;
  margin-top: 0px;
  width: 500px;
  z-index: 5;
}
#topic-search-item {
  position: relative;
  margin-top: 1px;
  left: 0px;
  width: 500px;
  height: 94px;
  background-color: #777;
  z-index: 5;
}
#topic-search-cnt {
  position: absolute;
  left: 2px;
  width: 65px;
  height: 20px;
  text-align: right;
  margin-top: 3px;
  padding-left: 2px;
  padding-right: 5px;
  font-size: 14px;
  background-color: #655;
  z-index: 5;
}
#topic-search-health {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 10px;
  color: blue;
  z-index: 5;
}
#topic-search-img {
  position: absolute;
  top: 30px;
  left: 5px;
  width: 60px;
  height: 40px;
  background-color: #544;
  z-index: 6;
}
#topic-search-title {
  position: absolute;
  left: 70px;
  width: 423px;
  padding-left: 5px;
  margin-top: 3px;
  height: 20px;
  font-size: 14px;
  background-color: #56a;
  overflow: hidden;
  z-index: 5;
}
#topic-search-title a:hover {
  color: rosybrown;
}
#topic-search-alpha {
  position: absolute;
  top: 22px;
  left: 70px;
  width: 423px;
  height: 16px;
  padding-left: 5px;
  margin-top: 2px;
  font-size: 12px;
  color: #333;
  background-color: #87a;
  overflow: hidden;
  z-index: 5;
}
#topic-search-path {
  position: absolute;
  top: 40px;
  left: 70px;
  width: 423px;
  height: 16px;
  padding-left: 5px;
  margin-top: 2px;
  font-size: 10px;
  color: blue;
  background-color: #87a;
  overflow: hidden;
  z-index: 5;
}
#topic-search-path a {
  color: #334;
  font-size: 9px;
}
#topic-search-path a:hover {
  color: blue;
}
#topic-search-hint{
  position: absolute;
  top: 58px;
  left: 70px;
  width: 423px;
  height: 16px;
  padding-left: 5px;
  margin-top: 2px;
  font-size: 12px;
  color: #333;
  background-color: #87a;
  overflow: hidden;
  z-index: 5;
}
#topic-search-property{
  position: absolute;
  top: 76px;
  left: 70px;
  width: 423px;
  height: 16px;
  padding-left: 5px;
  margin-top: 2px;
  font-size: 9px;
  color: blue;
  background-color: #87a;
  overflow: hidden;
  z-index: 5;
}
#topic-search-btn-google{
  position: absolute;
  top: 6px;
  left: 480px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-duck{
  position: absolute;
  top: 6px;
  left: 463px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-bing{
  position: absolute;
  top: 6px;
  left: 446px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-play {
  position: absolute;
  top: 6px;
  left: 429px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-twitter-hashtag {
  position: absolute;
  top: 6px;
  left: 412px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-gps {
  position: absolute;
  top: 6px;
  left: 395px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-wikipedia {
  position: absolute;
  top: 6px;
  left: 378px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-youtube {
  position: absolute;
  top: 6px;
  left: 361px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-website {
  position: absolute;
  top: 6px;
  left: 344px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-facebook {
  position: absolute;
  top: 6px;
  left: 327px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-twitter-link {
  position: absolute;
  top: 6px;
  left: 310px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-tripadvisor {
  position: absolute;
  top: 6px;
  left: 293px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}
#topic-search-btn-trivago {
  position: absolute;
  top: 6px;
  left: 276px;
  width: 13px;
  height: 13px; 
  z-index: 7;
}

/*----content.left.search----*/

/*----content.left.messagebox----*/
#topic-messagebox-text {
  position: relative;
  margin-top: 5px;
  width: 98%;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
  background-color: plum;
  z-index: 5;
}
/*----content.left.messagebox----*/

/*----content.left.textbox----*/
#topic-textbox-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-textbox-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-textbox-nav {
  position: absolute;
  top: 30px;
  left: 465px;
  padding-left: 5px;
  width: 40px;
  height: 20px;
//  background-color: rosybrown;
  z-index: 10;
}
#topic-textbox-nav a {
  color: #aaa;
}
#topic-textbox-nav a:hover {
  color: red;
}
#topic-textbox-text {
  position: relative;
  margin-top: 5px;
//  margin-bottom: 5px;
  width: 490px;
  padding: 5px 5px 5px 5px;
  background-image: url('background-topic-textbox-text.png');
  border: 1px solid grey;
  z-index: 5;
}
/*----content.left.textbox----*/

/*----content.left.listbox----*/
#topic-listbox-panel {
  position: relative;
  left: 0px;
  width: 500px;
  z-index: 5;
}
#topic-listbox-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-listbox-items {
  position: relative;
  margin-top: 5px;
  width: 490px;
  padding: 5px 5px 5px 5px;
  background-image: url('background-topic-listbox-items.png');
//  font-size: 11px;
  z-index: 5;
}
/*----content.left.listbox----*/

/*----content.left.inputbox----*/
#inputbox-items {
  position: relative;
  margin-top: 5px;
  width: 490px;
  padding: 5px 5px 5px 5px;
  background-color: rgba(195,120,135,0.6);
  z-index: 5;
}
#inputbox-items a {
  font-size: 12px;
}
/*----content.left.inputbox----*/

/*----content.left.knowledge----*/
#topic-knowledge-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-knowledge-title {
  position: relative;
  width: 500px;
  margin-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-knowledge-item {
  position: relative;
  margin-top: 1px;
  width: 500px;
  height: 110px;
  /*padding: 10px 10px 10px 10px; */
  background-image: url('background-topic-knowledge-item.png');
  z-index: 5;
}
#topic-knowledge-panel-left {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 450px;
  height: 106px;
  background-image: url('background-topic-knowledge-panel-left.png');
  z-index: 5;
}
#topic-knowledge-item-icon {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 96px;
  height: 96px;
  z-index: 5;
}
#topic-knowledge-item-icon img {
  border: 0px;
}
#topic-knowledge-item-title {
  position: absolute;
  top: 5px;
  left: 110px;
  width: 340px;
  font-weight: bold;
  z-index: 5;
}
#topic-knowledge-item-text {
  position: absolute;
  top: 25px;
  left: 110px;
  width: 340px;
  font-size: 12px;
  z-index: 5;
}
#topic-knowledge-panel-buttons {
  position: absolute;
  top: 1px;
  left: 455px;
  width: 40px;
  height: 106px;
  background-image: url('background-topic-knowledge-panel-buttons.png');
  z-index: 5;
}
#topic-knowledge-panel-button {
  position: relative;
  margin-top: 1px;
  margin-left: 3px;
  width: 35px;
  height: 32px;
  z-index: 5;
}
/*----content.left.knowledge----*/

/*----content.left.items.simple----*/
#list-simple-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#list-simple-title {
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  margin-bottom: 5px;
  z-index: 5;
}
#list-simple-items {
  position: relative;
  width: 500px;
  background-color: #777;
}
#list-simple-item {
  position: relative;
  width: 500px;
  height: 24px;
  padding-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  background-color: #888;
}
#list-simple-item-title {
  position: absolute;
  top: 2px;
  left: 40px;
  width: 450px;
  height: 18px;
  font-size: 12px;
  padding-top: 3px;
  padding-left: 5px;
  background-color: #56a;
}
#list-simple-item-title a {
  color: #333;
}
#list-simple-item-title a:hover {
  color: blue;
}
#list-simple-item-img {
  position: absolute;
  top: 2px;
  left:3px;
  width: 30px;
  height: 20px;
  z-index: 5;
}
/*----content.left.items.simple----*/

/*----content.left.topics----*/
#topics-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topics-title {
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  margin-bottom: 5px;
  z-index: 5;
}
#topics-item {
  position: relative;
  margin-top: 1px;
  height: 130px;
  border: 0px solid grey;
  background-color: #FFFF99;
  background-image: url('background-topics-item.png');
  z-index: 5;
}
#topics-panel-left {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 460px;
  height: 126px;
  background-image: url('background-topics-panel-left.png');
  z-index: 5;
}
#topics-image {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 120px;
  height: 80px;
  z-index: 5;
}
#topics-ico {
  position: absolute;
  top: 95px;
  left: 10px;
  width: 48px;
  height: 48px;
  z-index: 5;
}
#topics-ico img {
  border: 0px;
}
#topics-pageviews {
  position: absolute;
  font-size: 10px;
  top: 95px;
  left: 85px;
  z-index: 5;
}
#topics-info-left {
  position: absolute;
  font-size: 10px;
  top: 110px;
  left: 85px;
  z-index: 5;
}
#topics-cat {
  position: absolute;
  font-size: 10px;
  top: 105px;
  left: 85px;
  z-index: 5;
}
#topics-info {
  position: absolute;
  font-size: 10px;
  top: 90px;
  left: 150px;
  width: 300px;
  height: 15px;
  overflow: hidden;
  color: blue;
  z-index: 5;
}
#topics-categories {
  position: absolute;
  font-size: 10px;
  color: blue;
  top: 102px;
  left: 150px;
  z-index: 5;
}
#topics-path {
  position: absolute;
  font-size: 9px;
  top: 114px;
  left: 150px;
  width: 300px;
  height: 15px;
  overflow: hidden;

  color: blue;
  z-index: 5;
}
#topics-path a {
  font-size: 10px;
}
#topics-text {
  position: absolute;
  top: 25px;
  height: 60px;
  width: 300px;
  left: 150px;
  font-size: 11px;
  overflow: hidden;
  z-index: 5;
}
#topics-link {
  position: absolute;
  top: 5px;
  left: 150px;
  width: 300px;
  z-index: 5;
}
#topics-panel-buttons {
  position: absolute;
  top: 2px;
  margin-top: 0px;
  padding-top: 3px;
  left: 464px;
  width: 34px;
  height: 123px;
  overflow: hidden;
  background-image: url('background-topics-panel-buttons.png');
  z-index: 5;
}
#topics-panel-button {
  position: relative;
  margin-top: 0px;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  z-index: 5;
}
#topics-health-panel {
  position: absolute;
  top: 95px;
  left: 35px;
  width: 16px;
  height: 16px;
  z-index: 6;
}
#topics-health-icon {
  position: absolute;
}
#topics-health-icon img {
  border: 0px;
}
#topics-health-value {
  position: absolute;
  top: 7px;
  left: 3px;
  color: black;
  font-size: 8px;
  font-weight: bold;
}
#topics-mood-panel {
  position: absolute;
  top: 95px;
  left: 60px;
  width: 16px;
  height: 16px;
  z-index: 6;
}
#topics-mood-icon {
  position: absolute;
}
#topics-mood-icon img {
  border: 0px;
}
#topics-mood-value {
  visibility: hidden;
  position: absolute;
  top: 7px;
  left: 3px;
  color: black;
  font-size: 8px;
  font-weight: bold;
}
/*----content.left.topics----*/

/*----content.left.plugin----*/
#topic-plugin-panel {
  position: relative;
  width: 500px;
//  background-color: green;
  z-index: 5;
}
#topic-plugin-title {
  position: relative;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-plugin-nav{
  position: absolute;
  top: 30px;
  left: 465px;
  padding-left: 5px;
  width: 40px;
  height: 20px;
//  background-color: rosybrown;
  z-index: 10;
}
#topic-plugin-nav a {
  color: #aaa;
} 
#topic-plugin-nav a:hover {
  color: red;
}
#topic-plugin-item {
  position: relative;
  margin-top: 5px;
  height: 190px;
  background-color: #FFFF99;
  background-image: url('background-topic-plugin-item.png');
  border: 1px solid grey;
  z-index: 5;
}
#topic-plugin-image {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 115px;
  height: 77px;
  z-index: 5;
}
#topic-plugin-link {
  position: absolute;
  top: 5px;
  left: 140px;
  width: 315px;
  height: 20px;
  font-weight: bold;
  background-image: url('background-topic-plugin-link.png');
  z-index: 5;
}
#topic-plugin-headline {
  position: absolute;
  top: 30px;
  left: 140px;
  width: 300px;
  font-size: 12px;
  z-index: 5;
}
#topic-plugin-panel-buttons {
  position: absolute;
  top: 5px;
  left: 464px;
  width: 34px;
  height: 180px;
  background-image: url('background-topic-plugin-panel-buttons.png');
  z-index: 5;
}
#topic-plugin-panel-button {
  position: relative;
  margin-top: 5px;
  margin-left: 4px;
  width: 24px;
  height: 24px;
  z-index: 5;
}
#topic-plugin-ico {
  position: absolute;
  top: 120px;
  left: 65px;
  width: 64px;
  height: 64px;
  z-index: 6;
}
#topic-plugin-ico img {
  border: 0px;
}
#topic-plugin-pageviews {
  position: absolute;
  top: 165px;
  left: 15px;
  z-index: 6;
  color: black;
  font-size: 15px;
  font-weight: bold;
}
#topic-plugin-ico-available {
  position: absolute;
  top: 130px;
  left: 15px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#topic-plugin-ico-available img {
  border: 0px;
}
#topic-plugin-alphaid {
  position: absolute;
  top: 175px;
  left: 140px;
  font-size: 8px;
  color: blue;
  z-index: 5;
}
#topic-plugin-info {
  position: absolute;
  top: 95px;
  left: 140px;
  width: 315px;
  height: 90px;
  background-image: url('background-topic-plugin-info.png');
}
#topic-plugin-info-item {
  position: relative;
  top: 1px;
  left: 2px;
  width: 250px;
  height: 13px;
  background-color: #777;
  z-index: 5;
}
#topic-plugin-info-item-caption {
  position: absolute;
  left: 0px;
  width: 95px;
  height: 12px;
  font-size: 11px;
  color: #ecc;
  background-color: #655;
  z-index: 5;
}
#topic-plugin-info-item-value {
  position: absolute;
  left: 100px;
  width: 150px;
  height: 12px;
  font-size: 11px;
  background-color: #a99;
  z-index: 5;
}
#topic-plugin-footer-panel {
  position: absolute;
  top: 165px;
  left: 140px;
  width: 310px;
  height: 20px;
  background-color: grey;
  z-index: 5;
}
#topic-plugin-start-date {
  position: absolute;
  left: 5px;
  font-size: 12px;
  font-weight: bold;
  color: yellow;
  z-index: 5;
}
#topic-plugin-start-date-weekday {
  position: absolute;
  left: 100px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  z-index: 5;
}
#topic-plugin-start-time {
  position: absolute;
  left: 180px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  z-index: 5;
}
#topic-plugin-price-title {
  visibility: hidden;
  position: absolute;
  top: 165px;
  left: 420px;
  font-size: 10px;
  font-weight: normal;
  color: black;
  z-index: 5;
}
#topic-plugin-price-value {
  position: absolute;
  left: 240px;
  font-size: 12px;
  font-weight: bold;
  color: black;
  z-index: 6;
}
/*----content.left.plugin----*/

/*----content.left.map-------*/
#topic-map-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-map-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-map-area {
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: 500px;
  border: 1px solid grey;
  background-color: #66c;
  z-index: 5;
}
/*----content.left.map----*/

/*----content.left.youtube----*/
#topic-youtube-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-youtube-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-youtube-area {
  position: relative;
  top: 10px;
  bottom: 10px;
  width: 500px;
  height: 320px;
  border: 1px solid grey;
  background-color: #66c;
  z-index: 5;
}
#topic-youtube-info-panel {
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: 90px;
  background-color: #66c;
  background-image: url('background-topic-textbox-text.png');
  z-index: 5;
}
#topic-youtube-info {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 365px;
  height: 80px;
  background-color: #777;
  z-index: 5;
}
#topic-youtube-info-item {
  position: relative;
  top: 1px;
  left: 5px;
  width: 365px;
  height: 13px;
  background-color: #777;
  z-index: 5;
}
#topic-youtube-info-item-caption {
  position: absolute;
  left: 2px;
  width: 95px;
  height: 12px;
  font-size: 10px;
  background-color: #655;
  z-index: 5;
}
#topic-youtube-info-item-value {
  position: absolute;
  left: 100px;
  width: 260px;
  height: 12px;
  font-size: 10px;
  background-color: #a99;
  z-index: 5;
}
#topic-youtube-info-panel-buttons {
  position: absolute;
  top: 5px;
  left: 380px;
  width: 110px;
  height: 75px;
  z-index: 5;
}
#topic-youtube-info-panel-button {
  position: relative;
  margin-top: 2px;
  left: 5px;
  width: 100px;
  height: 22px;
  z-index: 5;
}
/*----content.left.youtube----*/

/*----content.left.ustream----*/
#topic-ustream-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-ustream-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-ustream-area {
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: 320px;
  border: 1px solid grey;
  background-color: #66c;
  z-index: 5;
}
/*-----content.left.ustream----*/

/*-----content.left.bambuser---*/
#topic-bambuser-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-bambuser-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-bambuser-area {
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: 320px;
  border: 1px solid grey;
  background-color: #66c;
  z-index: 5;
}
/*----content.left.bambuser----*/

/*----content.left.twitter----*/
#topic-twitter-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-twitter-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-twitter-area {
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: auto;
  border: 1px solid grey;
  background-color: #66c;
  background-image: url('background-topic-textbox-text.png');
  z-index: 5;
}
/*----content.left.twitter----*/

/*----content.left.revolvermaps----*/
#topic-revolvermaps-panel {
  visibility: hidden;
  top: 20px;
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-revolvermaps-title {
  visibility: hidden;
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-revolvermaps-area {
  visibility: hidden;
  position: relative;
  margin-top: 5px;
  width: 750px;
  padding-left: 0px;
  background-color: #FFFF99;
  z-index: 5;
}
/*----content.left.revolvermaps----*/

/*----content.left.revolverglobe----*/
#topic-revolverglobe-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-revolverglobe-title {
  position: relative;
  width: 500px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-revolverglobe-area {
  visibility: visible;
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: 350px;
  background-image: url('background-topic-globe-revolver-area.png');
  border: 1px solid grey;
  z-index: 5;
}
/*----content.left.revolverglobe----*/

/*----content.left.address----*/
#topic-address-panel {
  position: relative;
  margin-top: 20px;
  width: 500px;
  z-index: 5;
}
#topic-address-title {
  position: relative;
  width: 500px;
  margin-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-address-items {
  position: relative;
  width: 500px;
  height: 79px;
  margin-top: 1px;
  background-color: #FFFF99;
  background-image: url('background-topic-address-items.png');
  z-index: 5;
}
#topic-address-item-gps {
  position: relative;
  left: 0px;
  height: 75px;
  top: 3px;
  margin-left: 3px;
  margin-right: 3px;
  background-image: url('background-topic-address-item-gps.png');
  z-index: 6;
}
#topic-address-item {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 75px;
  width: 496px;
  background-image: url('background-topic-address-item.png');
  z-index: 6;
}
#topic-address-item-img {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 60px;
  height: 45px;
  z-index: 6;
}
#topic-address-item-img-flag {
  position: absolute;
  top: 50px;
  left: 2px;
  width: 30px;
  height: 21px;
  z-index: 6;
}
#topic-address-item-img-face {
  position: absolute;
  top: 50px;
  left: 32px;
  width: 30px;
  height: 21px;
  z-index: 6;
}
#topic-address-item-txt {
  position: absolute;
  top: 5px;
  left: 70px;
  z-index: 6;
}
#topic-address-item-lnk {
  position: absolute;
  top: 20px;
  left: 70px;
  z-index: 6;
}
#topic-address-panel-info {
  position: absolute;
  top: 2px;
  left: 205px;
  width: 280px;
  height: 69px;
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  color: #333;
  padding-left: 5px;
  overflow: hidden;
  background-image: url('background-topic-address-item-info.png');
  z-index: 6;
}
#topic-address-panel-info-left {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 180px;
  z-index: 7;
}
#topic-address-panel-info-right {
  position: absolute;
  top: 5px;
  left: 180px;
  z-index: 7;
}
#topic-address-panel-info-item {
  position: relative;
  font-size: 10px;
  color: blue;
  z-index: 8;
}
/*----content.left.address----*/

/*----content.left.categories----*/
#topic-category-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-category-title {
  position: relative;
  width: 500px;
  margin-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-category-items {
  position: relative;
  margin-top: 1px;
  width: 500px;
  height: 60px;
  width: 500px;
  background-color: #FFFF99;
  background-image: url('background-topic-address-items.png');
  z-index: 5;
}
#topic-category-item {
  position: absolute;
  top: 2px;
  left: 2px;
  height: 56px;
  width: 496px;
  background-image: url('background-topic-address-item.png');
  z-index: 6;
}
#topic-category-item-img {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 60px;
  height: 45px;
  z-index: 6;
}
#topic-category-item-imgId {
  position: absolute;
  font-size: 10px;
  font-weight: normal;
  top: 40px;
  left: 90px;
  color: blue;
  z-index: 6;
}
#topic-category-item-txt {
  position: absolute;
  top: 5px;
  left: 90px;
  z-index: 6;
}
#topic-category-item-lnk {
  position: absolute;
  top: 22px;
  left: 90px;
  z-index: 6;
}
/*----content.left.categories----*/

/*----content.left.footerbox----*/
#topic-footer {
  position: relative;
  width: 496px;
  height: 14px;
  margin-top: 1px;
  padding-left: 5px;
  background-image: url('background-topic-footer.png');
  z-index: 5;
}
#topic-footer-member {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 136px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-rank {
  position: absolute;
  top: 2px;
  left: 140px;
  width: 38px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-level {
  visibility: hidden;
  position: absolute;
  top: 2px;
  left: 180px;
  width: 98px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-host {
  position: absolute;
  top: 2px;
  left: 180px;
  width: 98px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  overflow: hidden;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-language {
  position: absolute;
  top: 2px;
  left: 280px;
  width: 38px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-date {
  position: absolute;
  top: 2px;
  left: 320px;
  width: 98px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-changes {
  position: absolute;
  top: 2px;
  left: 420px;
  width: 38px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-nav {
  position: absolute;
  top: 2px;
  left: 460px;
  width: 38px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: blue;
  z-index: 5;
}
#topic-footer-nav a {
  color: blue;
  font-size: 10px;
}
#topic-footer-nav a:hover {
  color: red;
  font-size: 11px;
}
/*----content.left.footerbox----*/

/*----content.left.footer.wozzally----*/
#topic-footer-panel {
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-footer-item {
  position: relative;
  margin-top: 1px;
  height: 50px;
  background-color: #FFFF99;
  background-image: url('background-footer.png');
  z-index: 5;
}
#topic-footer-image {
  position: absolute;
  top: 5px;
  width: 50px;
  height: 77px;
  z-index: 5;
}
#topic-footer-image img {
  border: 0px;
}
#topic-footer-title {
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#topic-footer-text {
  position: absolute;
  top: 20px;
  left: 50px;
  z-index: 5;
}
#topic-footer-link {
  position: absolute;
  left: 50px;
  z-index: 5;
}
/*----content.left.footer.wozzally----*/





/*=====================*/
/* CONTENT.RIGHT       */
/*=====================*/

/*----content.right----*/
#topic-content-right {
  position: absolute;
  border: 1px;
  top: 0px;
  left: 510px;
  width: 250px;
  z-index: 5;
}
/*----content.right----*/

/*----content.right.pictures----*/
#topic-pictures-panel {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
}
#topic-pictures-title {
  visibility: hidden;
  position: relative;
  width: 250px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
}
#topic-picture {
  position: relative;
  left: 0px;
  width: 240px;
  height: 180px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#topic-picture-title {
  position: absolute;
  width: 230px;
  height: 15px;
  top: 10px;
  left: 5px;
  font-size: 12px;
  color: pink;
  background-color: rgba(195,120,135,0.6);
}
/*----content.right.pictures--*/

/*----content.right.footerbox.pictures----*/
#topic-footer-pics {
  position: relative;
  width: 238px;
  height: 14px;
  margin-top: 2px;
  padding-left: 5px;
  background-image: url('background-topic-footer.png');
  z-index: 5;
}
#topic-footer-pics-member {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 126px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-rank {
  position: absolute;
  top: 2px;
  left: 130px;
  width: 28px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-changes {
  position: absolute;
  top: 2px;
  left: 160px;
  width: 28px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-nav {
  position: absolute;
  top: 2px;
  left: 190px;
  width: 48px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-nav a {
  color: blue;
  font-size: 10px;
}
#topic-footer-pics-nav a:hover {
  color: red;
  font-size: 10px;
}
/*----content.right.footerbox.pictures----*/

/*----content.right.links-----*/
#topic-links-panel {
  position: relative;
  width: 250px;
}
#topic-links-title {
  position: relative;
  width: 240px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
}
#topic-link-button {
  position: relative;
  margin-top: 10px;
  margin-bottom: 3px;
  width: 240px;
  height: 50px;
}
#topic-link-button-image {
  position: absolute;
  width: 240px;
  height: 30px;
  z-index: 6;
}
#topic-link-button-icon {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
}
#topic-link-button-text {
  position: absolute;
  top: 0px;
  left: 35px;
  font-weight: bold;
  color: pink;
  z-index: 5;
}
#topic-link-button-info {
  position: absolute;
  top: 20px;
  left: 35px;
  height: 10px;
  font-size: 8px;
  font-weight: bold;
  color: pink;
  overflow: hidden;
  z-index: 5;
}
/*----content.right.links-----*/

/*----content.right.footerbox.links----*/
#topic-footer-links {
  position: relative;
  top: 32px;
  width: 238px;
  height: 14px;
  margin-top: 2px;
  padding-left: 5px;
  background-image: url('background-topic-footer.png');
  z-index: 5;
}
#topic-footer-links-member {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 126px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-rank {
  position: absolute;
  top: 2px;
  left: 130px;
  width: 28px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-changes {
  position: absolute;
  top: 2px;
  left: 160px;
  width: 28px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-nav {
  position: absolute;
  top: 2px;
  left: 190px;
  width: 48px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-nav a {
  color: blue;
}
#topic-footer-links-nav a:hover {
  color: red;
}
/*----content.right.footerbox.links----*/

/*----book.chapter----*/
#chapter-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#chapter-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
  z-index: 5;
}
#chapter-text {
  position: relative;
  margin-top: 10px;
  left: 0px;
  width: 740px;
  padding: 5px 5px 5px 5px;
  background-image: url('background-chapter.png');
  z-index: 5;
}
#chapter-footer {
  position: relative;
  top: 10px;
  width: 740px;
  padding: 5px 5px 5px 5px;
  background-image: url('background-chapter-footer.png');
  z-index: 5;
}
/*----panel.book.chapter----*/




/*===========================*/
/* OBJECTS                   */
/*===========================*/

IMG {
  border: 1px solid white;
  z-index: 5;
}

IMG:hover {
  border: 2px solid white;
}

LI {
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  line-height : normal;
  color: #000000;
}

ul.list1 {
  margin-top: 10px;
  margin-left: 25px;
  list-style-image: url('list-arrow.png');
}

ul.list_chk {
  margin-left: 25px;
  list-style-image: url('list-checked.gif');
}
P {
  margin-top: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  line-height : normal;
  margin-bottom: 0px;
//  color: #000000;
/*  letter-spacing:0.1em; */
}

PRE {
  line-height : normal;
  color: #000000;
}

label {
color: white;
font-weight: normal;
width: 150px;
float: left;
}

H1 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  color: #aaa;
}

H2 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color : #eef;
}

H3 {
  padding-top: 30px;
  font-size: 14px;
  font-weight: bold;
  color : #aaa;
}

H4 {
  font-size: 14px;
  color : mediumblue;
  font-weight: bold;
}

hr {
}

I {
  color : #FFFFFF
}

B {
  color : #000000;
}

HR {
  height: 1;
  color : #443377;
}


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

a:link  {
  text-decoration: none;
  color : #333;
}

a:visited {
  text-decoration: none;
  color: #333;
}

a:active {
  text-decoration: none;
  text-transform: none;
  color: #00f;
}

a:hover  {
  text-decoration: normal;
  color: #13f;
}

a.leftnav {
  line-height: normal;
  text-decoration: none;
  color: #000;
}

textarea {
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  background-color: rgba(220,220,240,0.7);
}

input {
  font-family: courier;
  background-color: rgba(250,240,250,0.7);
  color: #333;
}

input[type="text"] {
  display: block;
  margin: 0;
  width: 300px;
  height: 35px;
  font-size: 18px;
  font-family: sans-serif;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  padding-left: 10px;
}

input[type="search"] {
  display: block;
  margin: 0;
  width: 232px;
  height: 35px;
  font-size: 18px;
  font-family: sans-serif;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  padding-left: 10px;
  color: #424;
  border: 2px solid #335;
}

input[type="password"] {
  display: block;
  margin: 0;
  width: 300px;
  height: 35px;
  font-size: 18px;
  font-family: sans-serif;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}

input[type="datetime"] {
  display: block;
  margin: 0;
  width: 300px;
  height: 35px;
  font-size: 18px;
  font-family: sans-serif;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}

input[type="text"]:focus {
  outline: none;
}

input[type="search"]:focus {
  outline: none;
}

input[type="password"]:focus {
  outline: none;
}

input[type="file"] {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 30px;
  display: block;
  height: 25px;
  width: 480px;
  font-size: 20px;
  font-family: sans-serif;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}

select {
  width: 300px;
  height: 35px;
  font-size: 18px;
}
/*----objects----*/




/*======================*/
/* CLASSES              */
/*======================*/

.chart {
	background-color: #232183;
}
.twitter-timeline {
  width: 750px;
  margin-bottom:0;
  border:0 !important;
  border-radius:0 !important;
  -webkit-border-radius:0;
  -moz-border-radius:0;
}
/*menu.matrix*/
.cat0 {
  background-color: #556690;
}
/*menu.universe-facility*/
.cat1 {
  background-color: #56a;
}
/*menu.item.nonselected*/
.cat2 {
  background-color: #67b;
}
/*menu.item.selected*/
.cat3 {
  background-color: #56a;
}
/*menu.cat*/
.cat4 {
  background-color: #88b;
}
/*menu.sceneXXX*/
.cat5 {
  background-color: #68a;
}
/*menu.grpXXX*/
.cat6 {
  background-color: #76b;
}
/*menu.plugXXX*/
.cat7 {
  background-color: #96a;
}

/*status colors*/
.classColorReady {
  color: #eee;
}
.classColorIsRobot {
  color: #333;
}
.classColorCannotEdit {
  color: lime;
}
.classColorCannotView {
  color: yellow;
}
.classColorHasHackers {
  color: orange;
}
.classColorHasDDOS {
  color: red;
}

/*----debug----*/
#server-debug {
}
#server-analytics-debug {
  position: fixed;
  top: 5px;
  left: 10px;
  width: 250px;
  height: 200px;
  overflow: scroll;
  font-size: 9px;
  background-color: #beb;
  z-index: 1;
}
#server-network-debug {
  position: fixed;
  top: 220px;
  left: 10px;
  width: 250px;
  height: 200px;
  overflow: scroll;
  font-size: 9px;
  background-color: #beb;
  z-index: 1;
}
#server-search-debug {
  position: static;
  top: 5px;
  left: 5px;
  width: 500px;
  overflow: scroll;
  font-size: 9px;
  background-color: #beb;
  z-index: 10;
}