body {
font-family: "Arial", Verdana, serif;
font-size: 12px;
} 
#tabsC {
      float:left;
      width:100%;
      font-size: 14px;
      font-weight: bold;
      line-height:normal;
      }
#tabsC ul {
	  margin: 0px;
	  padding: 0px;
	  list-style:none;
      }
#tabsC li {
      display:inline;
      margin:0px;
      padding:0px;
      }
#tabsC a {
      float:left;
      background:url("images/tableftC.png") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
#tabsC a span {
      float:left;
      display:block;
      background:url("images/tabrightC2.png") no-repeat right top;
      padding:3px 6px 3px 1px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#000;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }  
#active a {
      float:left;
      background:url("images/tableftC.png") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
background-position:0% -42px;
      }
#active a span {
      float:left;
      display:block;
      background:url("images/tabrightC2.png") no-repeat right top;
      padding:3px 6px 3px 1px;
      color:#000;
background-position:100% -42px;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #active a span {float:none;}
    /* End IE5-Mac hack */
    #active a:hover span {
      color:#000;
      }
    #active a:hover {
      background-position:0% -42px;
      }
    #active a:hover span {
      background-position:100% -42px;
      }  
#sublinks a {
    text-decoration: none;
    color: #fff;
}
#sublinks a:hover {
    text-decoration: none;
    color: #ddd;
}
.specialTitle {

      background:url("images/tableftCB2.png") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
background-position:0% -42px;
}
.specialTitle span {
      display: block;
      background:url("images/tabrightCB2.jpg") repeat-x right top;
      padding:3px 6px 2px 1px;
      color:#FFF;
background-position:100% -42px;
font-weight: bold;
}
.specialBody {
border: solid thick #2B92CD;
padding: 4px;
}





.topLinks20091222 a:link, .topLinks20091222 a:visited {
text-decoration: none;
color: white;
}
.topLinks20091222 a:hover {
text-decoration: none;
color: black;
}

.topLinks20091222b a:link, .topLinks20091222b a:visited {
text-decoration: none;
color: white;
}
.topLinks20091222b a:hover {
text-decoration: none;
color: #ccc;
}


.footerLinks20091222 a:link, .footerLinks20091222 a:visited {
text-decoration: none;
color: white;
}
.footerLinks20091222 a:hover {
color: #ccc;
}



.loginform
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
 font-weight: bold;
color: #000;
text-decoration: none;
}
.loginform td#logincell
{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #000;
text-decoration: none;
}
.inputSmall
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align: center;
top: 1;
position: relative;
border: 2px solid #000;
}
.textSmall
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
 font-weight: bold;
color: #000;
top: 1px;
position: relative;
border: 2px solid #000;
text-align: center;
padding: 1px;
text-decoration: none;
}
.textSmall:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
 font-weight: bold;
color: #fff;
background-color: #05B8CC;
top: 1px;
position: relative;
border: 2px solid #000;
text-align: center;
padding: 1px;
text-decoration: none;
}






#div_chatonline {
height: 300px; width: 210px; overflow: auto; background-color: #fff; padding-left: 2px; border: 1px solid #555555;
overflow-x: hidden;
}
#div_chatonline a:link {
color: black;
text-decoration: none;
}
#div_chatonline a:visited {
color: black;
text-decoration: none;
}
#div_chatonline a:hover {
color: #333;
text-decoration: none;
}





.hoverAlternateBox0 {
background-color: #ccc;
}
.hoverAlternateBox1 {
background-color: #eee;
}
.hoverAlternateBox0:hover {
background-color: #fff;
}
.hoverAlternateBox1:hover {
background-color: #fff;
}



.rankCount1 { background-color: #FF0000; }
.rankCount2 { background-color: #00FF00; }
.rankCount3 { background-color: #0000FF; }
.rankCount4 { background-color: #FFFF00; }
.rankCount5 { background-color: #00FFFF; }
.rankCount6 { background-color: #FF00FF; }
.rankCount7 { background-color: #000000; color: white; }
.rankCount8 { background-color: #333; color: white; }
.rankCount9 { background-color: #666; color: white; }
.rankCount10 { background-color: #999; color: white; }








#notificationBox {
position: fixed;
    float:left; 
z-index:999;
top: 50%;
margin-top: -150px;
left: 50%;
margin-left: -250px;
width: 500px;
height: 300px;
border: thin solid black;
background-image: url('https://www.4hds.com/images/black_50.png');
color: white;
}
#notificationBox table {
width: 500px; height: 300px;
}
#notificationBox table tr {
border: thin solid black;
background-image: url('https://www.4hds.com/images/black_50.png');
}
#notificationBoxTitle {
height: 20px; border: thin solid white; font-weight: bold;
}
#notificationBoxClose {
height: 20px; width: 20px; border: thin solid white; text-align: center; font-weight: bold;
}

#notificationBoxContent {
border: thin solid white;
overflow: auto;
}










/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left; 
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

.notiTextBig {
font-size: 16px;
}

.fakeCenter1
{
float: left;
position: relative;
left: 50%;
}

.fakeCenter2
{
float: left;
position: relative;
left: -50%;
}