html, body, h1, h2, h3, h4, ul, li, p, img {margin:0; padding:0; border:0}

/*----body----*/
body {
  text-align:left;

  /* this is the default font size for links and text */ 
  /*font:1.0em Verdana, Arial, Helvetica, sans-serif; */
  font:30px Verdana, Arial, Helvetica, sans-serif;
  color:#422;
  background-color: #56a;
  background: url('background-blue-mobile.jpg') repeat 100% 0;
//  background:#7af url(background.png) repeat 100% 0;
//  background:#7af url(background.png) 100% 0;
//  background-attachment: fixed;
//  overflow-x: hidden;
//  overflow-y: scroll;

}
/*----body----*/

/*----wrapper----*/
#wrapper {
  position: relative;
  width:750px; 
  height:auto; 
  margin:10px auto; 
  border:#eee 0px solid; 
  background: none;
  z-index: 1;
}
/*----wrapper----*/

/*----container----*/
#container {
  position: relative;
  margin-top: 20px; 
  width: 750px; 
  text-align:left;
  z-index: 2;
}
/*----container----*/

/*----headpanel----*/
#head-panel {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 40px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-image: url('background-login.png');
  z-index: 10;
  border: 1px solid grey;
}
#head-panel-title {
  visibility: hidden;
  position: absolute;
  top: 1px;
  left: 500px;
  width: 200px;
  height: 30px;
}
#head-panel-status {
  position: absolute;
  top: 30px;
  left: 400px;
  color: lime;
  font-size: 15px;
}
#head-panel-wozzally-logo {
  position: absolute;
  top: 2px;
  left: 400px;
  width: 70px;
  height: 30px;
}
#head-panel-flag {
  position: absolute;
  top: 12px;
  left: 590px;
  width: 30px;
  height: 20px;
}
#head-panel-wozzally-logo img {
  border: 0px;
}

#head-panel-member-icon {
  position: absolute;
  top: 8px;
  left: 10px;
  width: 24px;
  height: 24px;
}
#head-panel-member-icon img {
  border: 0px;
}
#head-panel-hello {
  position: absolute;
  top: 2px;
  left: 60px;
  font-size: 20px;
  color: #aaa;
  z-index: 6;
}
#head-panel-hello a{
  color: #777;
}
#head-panel-hello a:hover{
  color: blue;
}
#head-panel-info {
  position: absolute;
  top: 24px;
  left: 60px;
  font-size: 20px;
  color: #aaa;
  z-index: 6;
}
#head-panel-info a {
  color: #999;
}
#head-panel-info a:hover {
  color: blue;
}
#head-panel-login {
  position: absolute;
  top: 5px;
  left: 640px;
  z-index: 6;
}
#head-panel-login a {
  font-size: 30px;
  color: #aaa;
}
#head-panel-login a:hover {
  font-size: 30px;
  color: rosybrown;
}
/*----headpanel----*/

/*----bannerpanel----*/
#topic-banner-panel {
  position: relative;
  top: 25px;
  width:100%;
  height:355px;
  z-index: 5;
}

/*----banner----*/
#topic-banner {
  position: absolute;
  top: 0px;
  width: 750%;
  height: 331px;
  padding-left: 0px;
  padding-top: 0px;
  z-index: 5;
}
#topic-banner ul li {
  list-style-type:none; 
  display:none;
}
/*----banner----*/

/*----banner.terminal----*/
#display {
  visibility: hidden;
  position: absolute;
  top: 20px;
  width: 400px;
  height: 50px;
  left: 340px;
  background-color: #000000;
  z-index: 5;
}
/*----banner.terminal----*/

/*----banner.pageviews----*/
#topic-pageviews-panel {
  position: absolute;
  top: 290px;
  left: 420px;
  width: 150px;
  height: 20px;
//  background-color: rgba(195,120,135,0.6);
//  background-image: url('background-pageviews.png');
  z-index: 11;
}
#topic-pageviews-title {
  visibility: hidden;
  position: absolute;
  font-size: 30px;
  font-weight : normal;
  padding-left: 5px;
  color : #fac;
  left: 5px;
  z-index: 11;
}
#topic-pageviews-text {
  position: absolute;
  top: 5px;
  font-size: 23px;
  font-family: Orbitron,Helvetica, Courier,Arial;
  font-weight: normal;
  text-align: right;
  padding-left: 5px;
  color : #ccc;
  left: 5px;
  z-index: 7;
}
/*----banner.pageviews----*/

/*----banner.analytics----*/
#topic-analytics-panel {
  position: absolute;
  top: 160px;
  left: 10px;
  width: 340px;
  height: 75px;
  background-color: rgba(140,140,140,0.4);
  border: 1px solid #333;
  z-index: 5;
}
#topic-analytics-txt1 {
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt2 {
  position: absolute;
  top: 0px;
  left: 120px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt3 {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 240px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt4 {
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 270px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt5 {
  position: absolute;
  top: 0px;
  left: 240px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt6 {
  position: absolute;
  top: 35px;
  left: 2px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt7 {
  position: absolute;
  top: 35px;
  left: 120px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-txt8 {
  position: absolute;
  top: 35px;
  left: 240px;
  font-size: 18px;
  font-weight: bold;
  color : #cce;
  z-index: 5;
}
#topic-analytics-cnt1 {
  position: absolute;
  top: 15px;
  left: 2px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt2 {
  position: absolute;
  top: 15px;
  left: 120px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt3 {
  visibility: hidden;
  position: absolute;
  top: 15px;
  left: 180px;
  bottom: 1px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt4 {
  visibility: hidden;
  position: absolute;
  top: 15px;
  left: 270px;
  bottom: 1px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt5 {
  position: absolute;
  top: 15px;
  left: 240px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt6 {
  position: absolute;
  top: 50px;
  left: 2px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt7 {
  position: absolute;
  top: 50px;
  left: 120px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
#topic-analytics-cnt8 {
  position: absolute;
  top: 50px;
  left: 240px;
  font-size: 19px;
  font-weight: bold;
  color : #cfc;
  z-index: 5;
}
/*----banner.analytics----*/

/*----banner.hint----*/
#topic-hint {
  position: absolute;
  top: 210px;
  left: 600px;
  width: 140px;
  height: 110px;
  overflow: hidden;
  padding: 2px;
  background-color: rgba(140,140,140,0.6);
  color: #333;
  line-height: 15px;
  font-weight: normal;
  font-size: 19px;
  border: 1px solid #333;
  z-index: 8;
}
/*----banner.hint----*/

/*----topic.health----*/
#topic-health-panel {
  position: absolute;
  top: 10px;
  left: 450px;
  width: 32px;
  height: 32px;
  z-index: 10;
}
#topic-health-icon {
  position: absolute;
}
#topic-health-icon img {
  border: 0px;
}
#topic-health-value {
  position: absolute;
  top: 6px;
  left: 2px;
  font-size: 16px;
  font-weight: bold;
}
/*----topic.health----*/

/*----topic.mood----*/
#topic-mood-panel {
  position: absolute;
  top: 10px;
  left: 500px;
  width: 32px;
  height: 32px;
  z-index: 10;
}
#topic-mood-icon {
  position: absolute;
}
#topic-mood-icon img {
  border: 0px;
}
#topic-mood-value {
  visibility: hidden;
  position: absolute;
  top: 6px;
  left: 2px;
  font-size: 16px;
  font-weight: bold;
}
/*----topic.mood----*/

/*----banner.title----*/
#topic-title-panel {
  position: absolute;
  top: 10px;
  width: 735px;
  left: 10px;
  height: 50px;
  padding: 0px;
//  border-bottom-style: solid;
//  border-bottom-color: #656;
  background-image: url(background-title.png);
  z-index: 9;
}
#topic-title-text{
  position: absolute;
  top: 0px;
  left: 5px;
  width: 500px;
  height: 35px;
  float: none;
  overflow: hidden;
  z-index: 5;
}
#topic-titles-text{
  visibility: visible;
  position: absolute;
  top: 30px;
  left: 10px;
  width: 600px;
  height: 20px;
  font-size: 17px;
  color: #ddd;
  float: none;
  overflow: hidden;
  z-index: 5;
}
#topic-title-cat {
  position: absolute;
  top: 2px;
  left: 580px;
  color: #ecc;
  font-size: 20px;
  bottom: 10px;
  z-index: 10;
}
#topic-title-cat  a{
  color: #ecc;
}
#topic-title-status {
  position: absolute;
  top: 25px;
  left: 580px;
  color: #ecc;
  font-size: 20px;
  bottom: 10px;
  z-index: 10;
}
#topic-title-status  a{
  color: #ecc;
}
#topic-title-health {
  visibility: hidden;
  position: absolute;
  top: 32px;
  left: 250px;
  color: #ecc;
  font-size: 12px;
  font-weight: bold;
  z-index: 5;
}
#topic-title-scope {
  visibility: hidden;
}
/*----banner.title----*/

/*----banner.links----*/
#links-panel {
  position: absolute;
  top: 65px;
  left: 595px;
  width: 160px;
  height: 160px;
  overflow: hidden;
  z-index: 5;
}
#links-button {
  position: relative;
  float: left;
  padding-top: 5px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  height: 42px;
  width: 42px;
  z-index: 5;
}
/*----banner.links----*/

/*----searchbox----*/
#searchbox {
  position: absolute;
  top: 240px;
  height: 60px;
  left: 10px;
  z-index: 10;
}
/*----searchbox----*/

/*----banner.facebook like----*/
#like-facebook {
  visibility: hidden;
  position: relative;
  top: 20;
  left: 500px;
  width: 500px;
  height: 30px;
  padding-top: 10px;
  z-index: 5;
}
/*----banner.facebook like----*/

/*----banner.bookmarking----*/
#bookmarking-panel {
  visibility: hidden;
  position: absolute;
  top: 70px;
  left: 706px;
  z-index: 5;
}
#bookmarking-button {
  visibility: hidden;
  position: relative;
  margin-top: 2px;
  height: 34px;
  width: 32px;
  z-index: 5;
}
/*----banner.bookmarking----*/

/*----banner.property----*/
#topic-property-panel{
  position: absolute;
  top: 65px;
  left: 355px;
  width: 240px;
  height: 260px;
//  background-color: rgba(140,140,140,0.6);
  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: 255px;
  height: 25px;
  background-color: rgba(130,130,130,0.4);
  z-index: 10;
}
#topic-property-item-name{
  position: absolute;
  top: 1px;
  left: 5px;
  width: 90px;
  height: 22px;
  padding-left: 2px;
  font-size: 18px;
  font-weight: bold;
  color: #cce;
  overflow: hidden;
  background-color: rgba(140,140,140,0.7);
  z-index: 10;
}
#topic-property-item-value{
  position: absolute;
  top: 1px;
  left: 100px;
  width: 135px;
  height: 22px;
  padding-left: 2px;
  color: #ecc;
  font-size: 18px;
  font-weight: bold;
  background-color: rgba(140,140,140,0.9);
  overflow: hidden;
  z-index: 10;
}
#topic-property-item-value a {
  font-size: 18px;
  color: blue;
}
#topic-property-item-value a:hover {
  font-size: 18px;
  color: yellow;
}
/*----banner.property----*/


/*==========================*/
/* NAVIGATION               */
/*==========================*/

/*----navigation.path----*/
#path-panel {
  position: relative;
  top: 5px;
  margin-top: 5px;
  width: 740px;
  height: 35px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  background-color: #556690;
  font-size: 27px;
  color: blue;
  border: 1px solid grey;
  z-index: 5;
  overflow: auto;
  white-space: nowrap;
}
#path-panel a {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  color: #333;
  font-size: 25px;
}
#path-panel a:hover {
  background-color: #89d;
  color: rosybrown;
}
/*----navigation.path----*/

/*----navigation.menu----*/
#menu {
  position: relative;
  top: 10px;
  width: 750px;
  padding-left: 0px;
  z-index: 7;
  border: 1px solid #555;
  background-image: url('background-login.png');
}
nav {
  width: 750px;
}
nav ul {
  padding: 0px;
  margin: 0px;
}
nav ul:after {
  height: 0;
  font-size: 0;
  clear: both;
  content: " ";
  display: block;
  visibility: hidden;
}
nav ul,nav ul li{
//  background-color: #67b;
}
nav ul li {
  list-style: none;
  float:left;
}
nav ul li a {
  font-size: 30px;
  text-decoration: none;
  display: block;
  color: #333;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 7px;
  padding-right: 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;
}
nav ul li ul li{
  float: none;
  padding-bottom: 10px;
  border: 1px solid #56c;
}
nav ul li ul li a {
  color: #333;
  padding-top: 5px;
  padding-bottom: 5px;
}
nav ul li ul li a:hover{
  color: #ccc;
}
/*----navigation.menu----*/

/*----menu.link----*/
#menu-link {
  position: relative;
  width: 530px;
  height: 50px;
}
#menu-link-img {
  position: absolute;
  top: 5px;
  left: 0px;
  width: 30px;
  height: 20px;
  z-index: 5;
}
#menu-link-text {
  position: absolute;
  top: 5px;
  left: 70px;
  white-space: nowrap;
  z-index: 5;
}
#menu-link-text a {
  position: absolute;
  z-index: 5;
  font-size: 26px;
}
#menu-link-info {
  position: absolute;
  width: 400px;
  top: 35px;
  height: 25px;
  left: 80px;
  font-size: 20px;
  overflow: hidden;
  color: blue;
}
#menu-link-website{
  visibility: hidden;
  position: absolute;
  top: 2px;
  left: 205px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#menu-link-twitter{
  visibility: hidden;
  position: absolute;
  top: 2px;
  left: 250px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#menu-link-youtube {
  position: absolute;
  top: 2px;
  left: 295px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#menu-link-wikipedia {
  position: absolute;
  top: 2px;
  left: 340px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#menu-link-hash {
  position: absolute;
  top: 2px;
  left: 385px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#menu-link-play {
  position: absolute;
  top: 2px;
  left: 430px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
#menu-link-google {
  position: absolute;
  top: 2px;
  left: 475px;
  width: 32px;
  height: 32px;
  z-index: 7;
}
/*----menu.link----*/

/*----trafficpanel----*/
#topic-traffic-panel {
  position: absolute;
  top: 70px;
  left: 10px;
  width: 340px;
  height: 60px;
  background-color: rgba(140,140,140,0.4);
  z-index: 8;
  border: 1px solid #5a6abf;
}
#tbl1Item{
  position: relative;
  top: 1px;
  left: 1px;
  width: 340px;
  height: 18px;
}
#tbl1Col1{
  position: absolute;
  top: 1px;
  left: 1px;
  width: 25px;
  height: 20px;
  font-size: 18px;
  font-weight: bold;
}
#tbl1Col2{
  position: absolute;
  float: none;
  overflow: hidden;
  top: 1px;
  left: 33px;
  width: 100px;
  height: 18px;
  font-size: 18px;
  color: white;
}
#tbl1Col2 a{
  font-size: 18px;
  color: #cce;
}
#tbl1Col2 a:hover{
  color: limeGreen;
}
#tbl1Col3{
  position: absolute;
  top: 1px;
  left: 115px;
  width: 80px;
  height: 18px;
  font-size: 18px;
  color: white;
  text-align: right;
}
#tbl1Col4{
  position: absolute;
  float: none;
  overflow: hidden;
  top: 1px;
  left: 205px;
  width: 140px;
  height: 18px;
  font-size: 18px;
  color: white;
}
#tbl1Col4 a{
  font-size: 18px;
  color: #ecc;
}
#tbl1Col4 a:hover{
  color: limeGreen;
}
/*----trafficpanel----*/


/*========================*/
/* CONTENT                */
/*========================*/

/*----content----*/
#topic-content {
  position: relative;
  border: 1px;
  top: 20px;
  width: 100%px;
}
/*----content----*/




/*=========================*/
/* CONTENT.LEFT            */
/*=========================*/

/*----content.left----*/
#topic-content-left {
  position: relative;
  border: 1px;
  top: 0px;
  left: 0px;
  width: 100%;
}
/*----content.left----*/

/*----content.left.search----*/
#topic-search-panel {
  position: relative;
  margin-top: 40px;
  width: 750px;
  z-index: 5;
}
#topic-search-item {
  position: relative;
  top: 1px;
  width: 750px;
  height: 190px;
  margin-top: 20px;
  background-color: #777;
  z-index: 5;
}
#topic-search-cnt {
  position: absolute;
  padding-top: 3px;
  padding-left: 10px;
  padding-right: 5px;
  top: 10px;
  left: 10px;
  width: 110px;
  text-align: right;
  height: 37px;
  font-size: 30px;
  background-color: #655;
  z-index: 5;
}
#topic-search-health {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 25px;
  color: blue;
  z-index: 5;
}
#topic-search-img {
  position: absolute;
  top: 100px;
  left: 10px;
  width: 60px;
  height: 40px;
  background-color: #87a;
  z-index: 15;
}
#topic-search-title {
  position: absolute;
  top: 10px;
  left: 140px;
  width: 590px;
  height: 37px;
  padding-top: 3px;
  padding-left: 10px;
  font-size: 30px;
  background-color: rosybrown;
  z-index: 5;
}
#topic-search-title a {
  color: white;
}
#topic-search-title a:hover {
  color: blue;
}
#topic-search-alpha {
  position: absolute;
  top: 55px;
  left: 140px;
  width: 590px;
  height: 30px;
  padding-left: 10px;
  color: #333;
  font-size: 25px;
  background-color: #78c;
  overflow: hidden;
  z-index: 5;
}
#topic-search-property {
  position: absolute;
  top: 160px;
  left: 140px;
  width: 590px;
  height: 25px;
  padding-left: 10px;
  color: blue;
  font-size: 20px;
  background-color: #78c;
  overflow: hidden;
  z-index: 5;
}
#topic-search-path {
  position: absolute;
  left: 140px;
  top: 90px;
  width: 590px;
  height: 30px;
  padding-left: 10px;
  color: blue;
  font-size: 20px;
  background-color: #78c;
  z-index: 5;
}
#topic-search-hint {
  position: absolute;
  top: 125px;
  left: 140px;
  width: 590px;
  height: 30px;
  padding-left: 10px;
  color: #333;
  font-size: 25px;
  background-color: #78c;
  overflow: hidden;
  z-index: 5;
}
#topic-search-path a {
  font-size: 20px;
  color: #333;
}
#topic-search-btn-google{
  position: absolute;
  top: 13px;
  left: 700px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-duck{
  visibility: hidden;
  position: absolute;
  top: 13px;
  left: 670px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-bing{
  visibility: hidden;
  position: absolute;
  top: 13px;
  left: 630px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-play {
  position: absolute;
  top: 13px;
  left: 660px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-twitter-hashtag {
  position: absolute;
  top: 13px;
  left: 620px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-gps {
  position: absolute;
  top: 13px;
  left: 580px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-wikipedia {
  position: absolute;
  top: 13px;
  left: 540px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-youtube {
  position: absolute;
  top: 13px;
  left: 500px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-website {
  position: absolute;
  top: 13px;
  left: 460px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-facebook {
  position: absolute;
  top: 13px;
  left: 420px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-twitter-link {
  position: absolute;
  top: 13px;
  left: 380px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-tripadvisor {
  position: absolute;
  top: 13px;
  left: 340px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}
#topic-search-btn-trivago {
  position: absolute;
  top: 13px;
  left: 320px;
  width: 32px;
  height: 32px; 
  z-index: 7;
}

/*----content.left.search----*/

/*----content.left.messagebox----*/
#topic-messagebox-text {
  position: relative;
  margin-top: 5px;
  width: 740px;
  font-size: 18px;
  padding: 5px 5px 5px 5px;
  background-color: plum;
  z-index: 6;
}
#topic-messagebox-text a {
  font-size: 18px;
}
/*----content.left.messagebox----*/

/*----content.left.textbox----*/
#topic-textbox-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-textbox-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-textbox-nav {
  position: absolute;
  top: 40px;
  left: 675px;
//  background-color: rosybrown;
  z-index: 10;
}
#topic-textbox-nav a{
  color: #333;
}
#topic-textbox-nav a:hover{
  color: red;
}
#topic-textbox-text {
  position: relative;
  margin-top: 10px;
  width: 740px;
  font-size: 20px;
  padding: 5px 5px 5px 5px;
  background-image: url(background-topic-textbox-text.png);
  z-index: 5;
}
/*----content.left.textbox----*/

/*----content.left.listbox----*/
#topic-listbox-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-listbox-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-listbox-items {
  position: relative;
  margin-top: 5px;
  width: 740px;
  padding: 5px 5px 5px 5px;
  background-image: url('background-topic-listbox-items.png');
  font-size: 12px;
  z-index: 5;
}
/*----content.left.listbox----*/

/*----content.left.inputbox----*/
#inputbox-items {
  position: relative;
  margin-top: 5px;
  width: 740px;
  padding: 5px 5px 5px 5px;
  background-color: rgba(195,120,135,0.6);
  z-index: 5;
}
#inputbox-items a {
  font-size: 40px;
}
/*----content.left.inputbox----*/

/*----content.left.knowledge----*/
#topic-knowledge-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-knowledge-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-knowledge-item {
  position: relative;
  margin-top: 2px;
  width: 750px;
  height: 300px;
  /*padding: 10px 10px 10px 10px; */
  background-image: url('background-topic-knowledge.png');
  z-index: 5;
}

#topic-knowledge-panel-left {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 695px;
  height: 294px;
  background-image: url('background-topic-knowledge-panel-left.png');
  z-index: 5;
}
#topic-knowledge-item-icon {
  position: absolute;
  top: 20px;
  left: 5px;
  width: 96px;
  height: 96px;
  z-index: 5;
}
#topic-knowledge-item-icon img {
  border: 0px;
}
#topic-knowledge-item-title {
  position: absolute;
  top: 10px;
  left: 110px;
  width: 590px;
  font-weight: bold;
  z-index: 5;
}
#topic-knowledge-item-title a {
  font-size: 30px;
}
#topic-knowledge-item-text {
  position: absolute;
  font-size: 30px;
  top: 45px;
  left: 110px;
  width: 580px;
  z-index: 5;
}
#topic-knowledge-panel-buttons {
  position: absolute;
  top: 4px;
  left: 705px;
  width: 40px;
  height: 294px;
  background-image: url('background-topic-knowledge-panel-buttons.png');
  z-index: 5;
}
#topic-knowledge-panel-button {
  position: relative;
  margin-top: 10px;
  margin-left: 3px;
  width: 35px;
  height: 42px;
  z-index: 5;
}
#topic-knowledge-panel-button img {
  border: 0px;
}
/*----content.left.knowledge----*/

/*----content.left.items.simple----*/
#list-simple-panel {
  position: relative;
  width: 750px;
  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: 750px;
  background-color: #777;
}
#list-simple-item {
  position: relative;
  width: 750px;
  height: 60px;
  padding-top: 1px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  background-color: #888;
}
#list-simple-item-title {
  position: absolute;
  top: 10px;
  left: 80px;
  width: 660px;
  height: 35px;
  font-size: 25px;
  padding-top: 5px;
  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: 10px;
  left:10px;
  width: 60px;
  height: 40px;
  background-color: #333;
  z-index: 5;
}
/*----content.left.items.simple----*/

/*----content.left.topics----*/
#topics-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topics-title {
  border-bottom-style: solid;
  border-bottom-color: #FF9999;
  z-index: 5;
}
#topics-item {
  position: relative;
  margin-top: 2px;
  height: 300px;
  background-color: #FFFF99;
  background-image: url('background-topics-item.png');
  z-index: 5;
}
#topics-panel-left {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 695px;
  height: 294px;
  background-image: url('background-topics-panel-left.png');
  z-index: 5;
}
#topics-image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 115px;
  height: 77px;
  z-index: 5;
}
#topics-pageviews {
  position: absolute;
  font-size: 22px;
  top: 95px;
  left: 10px;
  z-index: 5;
}
#topics-info-left {
  position: absolute;
  font-size: 22px;
  top: 125px;
  left: 10px;
  z-index: 5;
}
#topics-cat {
  position: absolute;
  font-size: 22px;
  top: 135px;
  left: 10px;
  z-index: 5;
}
#topics-info {
  position: absolute;
  font-size: 22px;
  top: 220px;
  color: blue;
  left: 10px;
  height: 40px;
  width: 680px;
  white-space: nowrap;
  display: inline-block;
  overflow: auto;
  z-index: 5;
}
#topics-categories {
  position: absolute;
  font-size: 22px;
  color: blue;
  top: 245px;
  left: 10px;
  z-index: 5;
}
#topics-path {
  position: absolute;
  font-size: 22px;
  color: blue;
  top: 270px;
  left: 10px;
  height: 40px;
  width: 680px;
  white-space: nowrap;
  display: inline-block;
  overflow: auto;
  z-index: 5;
}
#topics-link {
  position: absolute;
  top: 10px;
  left: 150px;
  z-index: 5;
}
#topics-link a {
  font-size: 30px;
}
#topics-text {
  position: absolute;
  font-size: 26px;
  width: 540px;
  top: 50px;
  left: 150px;
  z-index: 5;
}
#topics-panel-buttons {
  position: absolute;
  top: 4px;
  left: 705px;
  width: 40px;
  height: 294px;
  overflow: hidden;
  background-image: url('background-topics-panel-buttons.png');
  z-index: 5;
}
#topics-panel-button {
  position: relative;
  margin-top: 15px;
  margin-bottom: 25px;
  margin-left: 4px;
  width: 36px;
  height: 32px;
  z-index: 5;
}
#topics-panel-button img {
  border: 0px;
}
#topics-ico {
  position: absolute;
  top: 145px;
  left: 10px;
  width: 48px;
  height: 48px;
  z-index: 5;
}
#topics-ico img {
  border: 0px;
}
#topics-health-panel {
  position: absolute;
  top: 170px;
  left: 10px;
  width: 16px;
  height: 16px;
  z-index: 6;
}
#topics-health-icon {
  position: absolute;
}
#topics-health-icon img {
  border: 0px;
}
#topics-health-value {
  position: absolute;
  top: 0px;
  left: 30px;
  font-weight: normal;
  font-size: 21px;
  color: #333;
}
#topics-mood-panel {
  position: absolute;
  top: 195px;
  left: 10px;
  width: 16px;
  height: 16px;
  z-index: 6;
}
#topics-mood-icon {
  position: absolute;
}
#topics-mood-icon img {
  border: 0px;
}
#topics-mood-value {
  position: absolute;
  top: 0px;
  left: 30px;
  font-weight: normal;
  font-size: 21px;
  color: #333;
}
/*----content.left.topics----*/

/*----content.left.plugin----*/
#topic-plugin-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-plugin-title {
  position: relative;
  border-bottom-style: solid;
  border-bottom-color: #FF9999;
  z-index: 5;
}
#topic-plugin-nav{
  position: absolute;
  top: 40px;
  left: 675px;
//  background-color: rosybrown;
  z-index: 10;
}
#topic-plugin-nav a{
  color: #333;
}
#topic-plugin-nav a:hover{
  color: red;
}
#topic-plugin-item {
  position: relative;
  margin-top: 5px;
  height: 350px;
  background-color: #FFFF99;
  background-image: url('background-topic-plugin-item.png');
  z-index: 5;
}
#topic-plugin-image {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 115px;
  height: 77px;
  z-index: 5;
}
#topic-plugin-views {
  visibility: hidden;
  position: absolute;
  font-size: 20px;
  top: 200px;
  left: 10px;
  z-index: 5;
}
#topic-plugin-link {
  position: absolute;
  top: 5px;
  left: 140px;
  width: 560px;
  height: 35px;
  font-size: 30px;
  font-weight: bold;
  background-image: url('background-topic-plugin-link.png');
  z-index: 5;
}
#topic-plugin-link a {
  font-size: 30px;
}
#topic-plugin-headline {
  position: absolute;
  top: 50px;
  font-size: 25px;
  left: 420px;
  width: 290px;
  z-index: 5;
}
#topic-plugin-panel-buttons {
  position: absolute;
  top: 5px;
  left: 708px;
  width: 40px;
  height: 290px;
  background-image: url('background-topic-plugin-panel-buttons.png');
  z-index: 5;
}
#topic-plugin-panel-button {
  position: relative;
  margin-top: 10px;
  margin-left: 3px;
  width: 35px;
  height: 42px;
  z-index: 5;
}
#topic-plugin-panel-button img {
  border: 0px;
}
#topic-plugin-ico {
  position: absolute;
  top: 140px;
  left: 65px;
  width: 64px;
  height: 64px;
  z-index: 5;
}
#topic-plugin-ico img {
  border: 0px;
}
#topic-plugin-pageviews {
  position: absolute;
  top: 310px;
  left: 15px;
  z-index: 6;
  color: black;
  font-size: 25px;
  font-weight: bold;
}
#topic-plugin-ico-available {
  position: absolute;
  top: 145px;
  left: 15px;
  width: 32px;
  height: 32px;
  z-index: 6;
}
#topic-plugin-ico-available img {
  border: 0px;
}
#topic-plugin-alphaid {
  position: absolute;
  top: 320px;
  left: 140px;
  font-size: 15px;
  color: blue;
  z-index: 5;
}
#topic-plugin-info {
  position: absolute;
  top: 50px;
  left: 140px;
  width: 270px;
  height: 245px;
  font-size: 15px;
  background-image: url('background-topic-plugin-info.png');
}
#topic-plugin-info-item {
  position: relative;
  top: 1px;
  left: 2px;
  width: 265px;
  height: 25px;
  background-color: #777;
  z-index: 5;
}
#topic-plugin-info-item-caption {
  position: absolute;
  left: 5px;
  width: 70px;
  height: 20px;
  font-size: 17px;
  color: white;
  background-color: #655;
  z-index: 5;
}
#topic-plugin-info-item-value {
  position: absolute;
  left: 75px;
  width: 185px;
  height: 20px;
  font-size: 17px;
  background-color: #a99;
  z-index: 5;
}
#topic-plugin-info-property {
  position: absolute;
  font-size: 16px;
  font-weight: bold;
  color: blue;
  top: 5px;
  left: 5px;
  z-index: 5;
}
#topic-plugin-info-value {
  position: absolute;
  font-size: 16px;
  top: 5px;
  left: 70px;
  z-index: 5;
}
#topic-plugin-footer-panel {
  position: relative;
  top: 310px;
  left: 140px;
  width: 605px;
  height: 35px;
  background-color: grey;
}
#topic-plugin-start-date {
  position: absolute;
  left: 10px;
  font-size: 23px;
  font-weight: bold;
  color: yellow;
  z-index: 5;
}
#topic-plugin-start-date-weekday {
  position: absolute;
  left: 200px;
  margin-left: 5px;
  font-size: 23px;
  font-weight: bold;
  color: black;
  z-index: 5;
}
#topic-plugin-start-time {
  position: absolute;
  left: 340px;
  margin-left: 5px;
  font-size: 23px;
  font-weight: bold;
  color: yellow;
  z-index: 5;
}
#topic-plugin-price-title {
  visibility: hidden;
  position: absolute;
  left: 10px;
  font-size: 23px;
  font-weight: normal;
  color: black;
  z-index: 5;
}
#topic-plugin-price-value {
  position: absolute;
  left: 480px;
  font-size: 23px;
  font-weight: bold;
  color: brown;
  z-index: 5;
}
/*----content.left.plugin----*/

/*----content.left.youtube----*/
#topic-youtube-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-youtube-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-youtube-area {
  position: relative;
  margin-top: 5px;
  width: 750px;
  height: 500px;
  background-color: #66c;
  z-index: 5;
}

#topic-youtube-info-panel {
  position: relative;
  margin-top: 5px;
  width: 750px;
  height: 200px;
  background-color: #66c;
  background-image: url('background-topic-textbox-text.png');
  z-index: 5;
}
#topic-youtube-info {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 500px;
  height: 140px;
  background-color: #777;
  z-index: 5;
}
#topic-youtube-info-item {
  position: relative;
  top: 2px;
  left: 5px;
  width: 550px;
  height: 30px;
  background-color: #777;
  z-index: 5;
}
#topic-youtube-info-item-caption {
  position: absolute;
  left: 2px;
  width: 140px;
  height: 28px;
  background-color: #655;
  z-index: 5;
}
#topic-youtube-info-item-value {
  position: absolute;
  left: 150px;
  width: 395px;
  height: 28px;
  background-color: #a99;
  z-index: 5;
}
#topic-youtube-info-panel-buttons {
  position: absolute;
  top: 10px;
  left: 580px;
  width: 160px;
  height: 140px;
  z-index: 5;
}
#topic-youtube-info-panel-button {
  position: relative;
  margin-top: 5px;
  left: 5px;
  width: 100px;
  height: 55px;
  z-index: 5;
}
/*----content.left.youtube----*/

/*----content.left.map----*/
#topic-map-panel {
	position: relative;
	width: 750px;
  z-index: 5;
}
#topic-map-title {
	position: relative;
	width: 750px;
	border-bottom-style: solid;
	border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-map-area {
  position: relative;
  margin-top: 5px;
  bottom: 10;
  width: 750px;
  height: 750px;
  background-color: #66c;
  z-index: 5;
}
/*----content.left.map----*/

/*----content.left.ustream----*/
#topic-ustream-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-ustream-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-ustream-area {
  position: relative;
  margin-top: 5px;
  width: 750px;
  height: 500px;
  background-color: #66c;
  z-index: 5;
}
/*----content.left.ustream----*/

/*----content.left.bambuser----*/
#topic-bambuser-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-bambuser-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-bambuser-area {
  position: relative;
  margin-top: 5px;
  width: 750px;
  height: 500px;
  background-color: #66c;
  z-index: 5;
}
/*----content.left.bambuser----*/

/*----content.left.twitter----*/
#topic-twitter-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#topic-twitter-title {
  position: relative;
  left: 0px;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-twitter-area {
  position: relative;
  margin-top: 5px;
  width: 750px;
  height: auto;
  background-color: #66c;
  background-image: url('background-topic-textbox-text.png');
  z-index: 5;
}
/*----content.left.twitter----*/

/*----content.left.chapter----*/
#chapter-panel {
  position: relative;
  width: 750px;
  z-index: 5;
}
#chapter-title {
  position: relative;
  left: 0px;
  top: 0px;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#chapter-text {
  position: relative;
  margin-top: 5px;
  width: 740px;
  padding: 5px 5px 5px 5px;
  background-image: url('background-chapter.png');
  z-index: 5;
}
#chapter-footer {
  position: relative;
  font-weight: bold;
  top: 10px;
  left: 0px;
  width: 740px;
  padding: 5px 5px 5px 5px;
  background-color: #66c;
  background-image: url('background-chapter-footer.png');
  z-index: 5;
}
/*----content.left.chapter----*/

/*----content.left.address----*/
#topic-address-panel {
  position: relative;
  padding-top: 40px;
  width: 750px;
  z-index: 5;
}
#topic-address-title {
  position: relative;
  width: 750px;
  margin-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-address-items {
  position: relative;
  width: 750px;
  height: 120px;
  margin-top: 2px;
  background-color: #FFFF99;
  background-image: url('background-topic-address-items.png');
  z-index: 5;
}
#topic-address-item {
  position: relative;
  top: 2px;
  left: 2px;
  height: 116px;
  width: 746px;
  background-image: url('background-topic-address-item.png');
  z-index: 6;
}
#topic-address-item-img {
  position: absolute;
  top: 10px;
  left: 5px;
  width: 60px;
  height: 45px;
  z-index: 6;
}
#topic-address-item-img-flag {
  position: absolute;
  top: 60px;
  left: 5px;
  width: 30px;
  height: 21px;
  z-index: 6;
}
#topic-address-item-img-face {
  position: absolute;
  top: 60px;
  left: 35px;
  width: 30px;
  height: 21px;
  z-index: 6;
}
#topic-address-item-txt {
  position: absolute;
  font-weight: normal;
  top: 5px;
  left: 90px;
  z-index: 6;
}
#topic-address-item-lnk {
  position: absolute;
  bottom: 5px;
  top: 40px;
  left: 90px;
  z-index: 6;
}
#topic-address-item-lnk a {
  font-size: 30px;
}
#topic-address-panel-info {
  position: absolute;
  top: 2px;
  left: 335px;
  width: 400px;
  height: 112px;
  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: 2px;
  left: 10px;
  z-index: 7;
}
#topic-address-panel-info-right {
  position: absolute;
  top: 2px;
  left: 260px;
  z-index: 7;
}
#topic-address-panel-info-item {
  position: relative;
  font-size: 18px;
  color: blue;
  z-index: 6;
}
/*----content.left.address----*/

/*----content.left.categories----*/
#topic-category-panel {
  position: relative;
  left: 0px;
  width: 750px;
  z-index: 5;
}
#topic-category-title {
  position: relative;
  width: 750px;
  margin-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-category-items {
  position: relative;
  margin-top: 2px;
  width: 750px;
  height: 100px;
  background-color: #FFFF99;
  background-image: url('background-topic-address-items.png');
  z-index: 5;
}
#topic-category-item {
  position: relative;
  height: 96px;
  width: 746px;
  top: 2px;
  left: 2px;
  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 {
  visibility: hidden;
  position: absolute;
  font-size: 20px;
  font-weight: normal;
  top: 70px;
  left: 90px;
  color: brown;
  z-index: 6;
}
#topic-category-item-txt {
  position: absolute;
  top: 5px;
  left: 90px;
  z-index: 6;
}
#topic-category-item-lnk {
  position: absolute;
  top: 40px;
  left: 90px;
  z-index: 6;
}
#topic-category-item-lnk a {
  font-size: 30px;
}
/*----content.left.categories----*/

/*----content.left.revolverglobe----*/
#topic-revolverglobe-panel {
  visibility: hidden;
  position: relative;
  width: 500px;
  z-index: 5;
}
#topic-revolverglobe-title {
  visibility: hidden;
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-revolverglobe-area {
  visibility: hidden;
  position: relative;
  margin-top: 5px;
  width: 500px;
  height: 350px;
  background-image: url('background-topic-globe-revolver-area.png');
  z-index: 5;
}
/*----content.left.revolverglobe----*/

/*----content.left.revolvermaps----*/
#topic-revolvermaps-panel {
  visibility: visible;
  position: relative;
  width: 750px;
  height: 450px;
  z-index: 5;
}
#topic-revolvermaps-title {
  position: relative;
  top: 0px;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-revolvermaps-area {
  position: relative;
  margin-top: 5px;
  width: 750px;
  height: 400px;
  background-color: #66d;
  z-index: 5;
}
/*----content.left.revolvermaps----*/

/*----content.left.footerbox-----*/
#topic-footer {
  position: relative;
  margin-top: 1px;
  width: 746px;
  height: 25px;
  padding: 2px 2px 2px 2px;
  background-image: url('background-topic-footer.png');
  z-index: 5;
}
#topic-footer-member {
  position: absolute;
  top: 4px;
  left: 5px;
  width: 190px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-rank {
  position: absolute;
  top: 4px;
  left: 200px;
  width: 45px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-level {
  visibility: hidden;
  position: absolute;
  top: 4px;
  left: 250px;
  width: 155px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-host {
  position: absolute;
  top: 4px;
  left: 250px;
  width: 155px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  overflow: hidden;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-language {
  position: absolute;
  top: 4px;
  left: 410px;
  width: 45px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-date {
  position: absolute;
  top: 4px;
  left: 460px;
  width: 175px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-changes {
  position: absolute;
  top: 4px;
  left: 640px;
  width: 45px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-nav {
  position: absolute;
  top: 4px;
  left: 690px;
  width: 55px;
  height: 20px;
  font-size: 15px;
  text-align: center;
  background-color: #556690;
  color: lime;
  z-index: 5;
}
#topic-footer-nav a {
  color: blue;
  font-size: 18px;
}

#topic-footer-nav a:hover {
  color: red;
  font-size: 18px;
}
/*----content.left.footerbox-----*/

/*----content.left.footer.wozzally----*/
#topic-footer-panel {
  position: relative;
  width: 750px;
  padding-top: 20px;
  z-index: 5;
}
#topic-footer-item {
  position: relative;
  top: 10px;
  height: 70px;
  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 {
  position: relative;
  border-bottom-style: solid;
  border-bottom-color: #FF9999;
  z-index: 5;
}
#topic-footer-text {
  position: absolute;
  top: 23px;
  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: relative;
  border: 1px;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 5;
}
/*----content.right----*/

/*----content.right.pictures----*/
#topic-pictures-panel {
  position: relative;
  top: 50px;
  width: 750px;
  height: 1100px;
  z-index: 5;
}
#topic-pictures-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: #FF9966;
  z-index: 5;
}
#topic-picture {
  position: relative;
  left: 0px;
  width: 240px;
  height: 220px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  float: left;
  z-index: 5;
}
#topic-picture-title {
  position: absolute;
  width: 230px;
  height: 25px;
  top: 10px;
  left: 10px;
  font-size: 20px;
  color: pink;
  background-color: rgba(195,120,135,0.6);
}
/*----content.right.pictures----*/

/*----content.right.footerbox.pictures----*/
#topic-footer-pics {
  position: absolute;
  width: 236px;
  height: 50px;
  margin-top: 1px;
  padding-left: 5px;
  background-image: url('background-topic-footer.png');
  z-index: 5;
}
#topic-footer-pics-member {
  position: absolute;
  padding-top: 10px;
  padding-left: 5px;
  top: 5px;
  left: 5px;
  width: 130px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-rank {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 130px;
  width: 30px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-changes {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 160px;
  width: 25px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-pics-nav {
  position: absolute;
  top: 5px;
  left: 145px;
  width: 90px;
  height: 30px;
  padding-top: 10px;
  padding-left: 2px;
  font-size: 18px;
  text-align: center;
  background-color: #556690;
  color: lime;
  z-index: 5;
}
#topic-footer-pics-nav a {
  color: blue;
  font-size: 18px;
}
#topic-footer-pics-nav a:hover {
  color: red;
  font-size: 18px;
}
/*----content.right.footerbox.pictures----*/

/*----content.right.links-----*/
#topic-links-panel {
  position: relative;
  top: 100px;
  width: 750px;
  height: 500px;
  z-index: 5;
}
#topic-links-title {
  position: relative;
  width: 750px;
  border-bottom-style: solid;
  border-bottom-color: rosybrown;
}
#topic-link-button {
  position: relative;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  float: left;
  width: 240px;
  height: 160px;
}
#topic-link-button-image {
  position: absolute;
  width: 240px;
  height: 100px;
  z-index: 6;
}
#topic-link-button-icon {
  position: absolute;
  top: 10px;
  left: 215px;
  width: 24px;
  height: 24px;
}
#topic-link-button-text {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 25px;
  font-weight: bold;
  color: pink;
  z-index: 5;
}
#topic-link-button-info {
  position: absolute;
  top: 60px;
  left: 10px;
  height: 35px;
  width: 240px;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  color: pink;
  z-index: 5;
}
/*----content.right.links-----*/

/*----content.right.footerbox.links----*/
#topic-footer-links {
  position: absolute;
  top: 110px;
  width: 236px;
  height: 50px;
  margin-top: 1px;
  padding-left: 5px;
  background-image: url('background-topic-footer.png');
  z-index: 5;
}
#topic-footer-links-member {
  position: absolute;
  padding-top: 10px;
  padding-left: 5px;
  top: 5px;
  left: 5px;
  width: 130px;
  height: 30px;
  font-size: 16px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-rank {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 130px;
  width: 30px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-changes {
  visibility: hidden;
  position: absolute;
  top: 12px;
  left: 160px;
  width: 25px;
  height: 10px;
  font-size: 8px;
  text-align: center;
  background-color: #556690;
  color: darkslategray;
  z-index: 5;
}
#topic-footer-links-nav {
  position: absolute;
  top: 5px;
  left: 145px;
  width: 90px;
  height: 30px;
  padding-top: 10px;
  padding-left: 2px;
  font-size: 18px;
  text-align: center;
  background-color: #556690;
  color: blue;
  z-index: 5;
}
#topic-footer-links-nav a {
  color: blue;
}
#topic-footer-links-nav a:hover {
  color: red;
}
/*----content.right.footerbox.links----*/



/*===========================*/
/* OBJECTS                   */
/*===========================*/

IMG {
  border: 1px solid white;
  z-index: 5;
}
IMG:hover {
  border: 2px solid white;
}
LI {
  color: #000000;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  line-height : normal;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
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 {
  line-height : normal;
  margin-top: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  line-height : normal;
  margin-bottom: 0px;
//  color: #000000;
}
PRE {
  font-family: Calibri, Helvetica;
  font-size: 12px;
  font-weight : normal;
  font-style : normal;
  font-variant : normal;
  line-height : normal;
  color: #000000;
}
label {
color: white;
font-weight: normal;
width: 150px;
float: left;
}
H1 {
  font-size: 18px;
  font-weight : bold;
  font-style: normal;
  color: #aaa;
}
H2 {
  font-size: 25px;
  font-weight : bold;
  font-style: normal;
  color : #eef;
}
H3 {
  padding-top: 40px;
  left: 5px;
  font-size: 25px;
  font-weight : bold;
  color : #aaa;
}
H4 {
  font-weight : bold;
  color : #A020A0;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
}
I {
  color : #FFFFFF
}
B {
  color : #000000;
}
HR {
  color : #443377;
  height: 1;
}
a {
  color: #7f7;
  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: rosybrown;
}
a.leftnav {
  line-height: normal;
  text-decoration: none;
  color: #000;
}
textarea {
  width: 100%;
  margin: 0px;
  padding: 0px;
//  height: 5em;
  font-size: 25px;
  background-color: rgba(195,120,135,0.6);
}

input {
  font-family: courier;
  font-size: 30px;
  background-color: rgba(230,220,230,0.5);
  color: #334;
}

input[type="text"] {
  width: 500px;
  height: 70px;
  font-size: 30px;
  padding-left: 20px;
}

input[type="search"] {
  width: 340px;
  height: 70px;
  font-weight: bold;
  font-size: 40px;
  padding-left: 20px;
  color: black;
}

input[type="password"] {
  width: 500px;
  height: 70px;
  padding-left: 20px;
}

input[type="datetime"] {
  width: 500px;
  height: 70px;
  font-size: 30px;
  padding-left: 20px;
}

input[type="file"] {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 30px;
  width: 730px;
  height: 70px;
  font-size: 30px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
}


input[type="submit"] {
    width: 200px;
    height: 80px;
    font-size: 30px;
}
input[type="reset"] {
    width: 200px;
    height: 80px;
    font-size: 30px;
}


select {
  width: 500px;
  height: 70px;
  font-size: 40px;
}



/*======================*/
/* 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: #86a;
}

/*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-visitor-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;
}

