<!--// begin Style --
html {
 width:100%;
 overflow-x:hidden;
}
body {
 overflow-x:hidden;
 margin:0px;
 padding:0px;
 text-align:left;
 min-width:1034px;
 background:#f1ede6 url(/images/bg-metal018.jpg) repeat;
 z-index:0;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
}
div {font:11px verdana,lucida sans,arial,helvetica,sans-serif;}
td {font:12px verdana,lucida sans,arial,helvetica,sans-serif;}
b {font-weight:bold;}
a {text-decoration:none; color:#4512b3; cursor:pointer;}
a:link {text-decoration:none; color:#4512b3;}
a:visited {text-decoration:none; color:#4512b3;}
a:active {text-decoration:underline; color:#FF9900;}
a:hover {text-decoration:underline; color:#FF9900; cursor:pointer;}
form {display:inline;}
input, textarea {
 background:#fff url(/images/bg-input.png) top left no-repeat;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 padding:0px 4px 0px 4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
}
input:focus, textarea:focus {
 background-color:#eee5f5;
}
input image {
 background:transparent;
 padding:0;
 border:0;
 cursor:pointer;
}
center {
 padding:0;
 margin:0;
 align:center;
 text-align:center;
}
#bg-ds {
/* width:100%; */
 height:24px;
 margin:0;
 padding:6px 12px 0 0;
 color:#000000;
 font:10px verdana,lucida sans,arial,helvetica,sans-serif;
 text-align:right;
 background:url(/images/bg-ds.png) repeat-x top left;
}
#bar-platinum {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#333;
 text-shadow:#ccc 0px 1px 2px;
 background:#f8f8f8 url(/images/hbar-platinum.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-gray {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#FFFFFF;
 text-shadow:#ccc 0px 1px 2px;
 background:#D9D9DB url(/images/hbar-gray.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-black {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#FFFFFF;
 text-shadow:#000 0px 1px 2px;
 background:#AEAEB1 url(/images/hbar-black.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-violet {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#FFFFFF;
 text-shadow:#000 0px 1px 2px;
 background:#cab3ec url(/images/hbar-violet.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-green {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#fff;
 text-shadow:#000 0px 1px 2px;
 background:#79da46 url(/images/hbar-green.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-gold {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#fff;
 text-shadow:#000 0px 1px 2px;
 background:#ffdb5d url(/images/hbar-gold.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-blue {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#fff;
 text-shadow:#000 0px 1px 2px;
 background:#81AAF8 url(/images/hbar-blue.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
#bar-red {
 margin:-3px -3px 6px -3px;
 padding:4px 2px 4px 4px;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#fff;
 text-shadow:#000 0px 1px 2px;
 background:#EE6060 url(/images/hbar-red.gif) repeat-x top left;
 border:1px solid #C5C5C5;
}
.welcome {
 position:relative;
 padding-top:2px;
 padding-right:12px;
 text-align:right;
 align:right;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 color:#fff;
}
#title {
 font:12px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#4512b3;
 text-shadow:#ccc 0px 1px 2px;
}
.box-sponsorpanel {
 font:9px verdana,lucida sans,arial,helvetica,sans-serif;
 width:110px;
 float:left;
 text-align:center;
 margin:0 12px 12px 0;
 padding:2px;
}
.box-gray {
 width:200px;
 height:auto;
 margin:0 0 12px 0;
 padding:2px;
 background:#e8e7e5 url(/images/bg-box-gray.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-gold {
 width:200px;
 height:auto;
 margin:0 0 12px 0;
 padding:2px 2px 2px 2px;
 background:#f5ecd7 url(/images/bg-box-gold.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-yellow {
 width:200px;
 height:auto;
 margin:0 0 12px 0;
 padding:2px 2px 2px 2px;
 background:#f2eecc url(/images/bg-box-yellow.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-green {
 width:200px;
 height:auto;
 margin:0 0 12px 0;
 padding:2px 2px 2px 2px;
 background:#e4eddf url(/images/bg-box-green.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-violet {
 width:200px;
 height:auto;
 margin:0 0 12px 0;
 padding:2px 2px 2px 2px;
 background:#ddd7ee url(/images/bg-box-violet.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-red {
 width:200px;
 height:auto;
 margin:0 0 12px 0;
 padding:2px 2px 2px 2px;
 background:#fcf4f4 url(/images/bg-box-red.gif) repeat-x top left;
 border:1px solid #b39559;
}
.box-right-gray {
 width:164px;
 height:auto;
 float:right;
 margin:0 0 12px 12px;
 padding:2px 2px 2px 2px;
 background:#e8e7e5 url(/images/bg-box-gray.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-right-gold {
 width:164px;
 height:auto;
 float:right;
 margin:0 0 12px 12px;
 padding:2px 2px 2px 2px;
 background:#f5ecd7 url(/images/bg-box-gold.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-right-yellow {
 width:164px;
 height:auto;
 float:right;
 margin:0 0 12px 12px;
 padding:2px 2px 2px 2px;
 background:#f2eecc url(/images/bg-box-yellow.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-right-green {
 width:164px;
 height:auto;
 float:right;
 margin:0 0 12px 12px;
 padding:2px 2px 2px 2px;
 background:#e4eddf url(/images/bg-box-green.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-right-violet {
 width:164px;
 height:auto;
 float:right;
 margin:0 0 12px 12px;
 padding:2px 2px 2px 2px;
 background:#ddd7ee url(/images/bg-box-violet.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}
.box-right-red {
 width:164px;
 height:auto;
 float:right;
 margin:0 0 12px 12px;
 padding:2px 2px 2px 2px;
 background:#fcf4f4 url(/images/bg-box-red.gif) repeat-x top left;
 -moz-border-radius:0 0 8px 8px;
 -webkit-border-radius:0 0 8px 8px;
 border:1px solid #b39559;
}

.box-whosonline {
 float:left;
 min-width:54px;
 min-height:64px;
 margin:2px 2px 2px 2px;
 padding:2px;
 font-size:8px;
 align:center;
 text-align:center;
 background:#e8e7e5 url(/images/bg-box-whosonline.gif) repeat-x top left;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border:1px solid #b39559;
 -moz-box-shadow:#999 0px 1px 3px;
 -webkit-box-shadow:#999 0px 1px 3px;
}

a.box-whosonline:active, a.box-whosonline:hover {
 background:#e9deef url(/images/bg-box-whosonline2.gif) repeat-x top left;
}

.fields {
 background:#FFFFFF url(/images/bg-input.png) top left no-repeat;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 padding:0px 4px 0px 4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
}
.fields-login {
 background:#FFFFFF url(/images/bg-input.png) top left no-repeat;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 width:120px;
 padding:0px 4px 0px 4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
}
.fields-profile {
 background:#FFFFFF url(/images/bg-input.png) top left no-repeat;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 width:300px;
 padding:0px 4px 0px 4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
}
.fields-pm {
 background:#FFFFFF url(/images/bg-input.png) top left no-repeat;
 font:11px verdana,lucida sans,arial,helvetica,sans-serif;
 min-width:460px;
 padding:0px 4px 0px 4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
}
.btn {
 font:10px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#fff;
 text-shadow:#000 0px 1px 2px;
 padding:0px;
 margin:1px;
 background:#C1ADEB url(/images/hbar-violet.gif) repeat-x top left;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #4512b3;
 cursor:pointer;
}
.btn-gray {
 font:10px verdana,lucida sans,arial,helvetica,sans-serif;
 font-weight:bold;
 color:#000;
 text-shadow:#000 0px 1px 2px;
 padding:0px;
 margin:1px;
 background:#EBEBEB url(/images/hbar-gray.gif) repeat-x top left;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
 cursor:pointer;
}
.btn-green {
 font:10px verdana,lucida sans,arial,helvetica,sans-serif;
 color:#000;
 text-shadow:#000 0px 1px 2px;
 padding:0px;
 margin:2px;
 background:#d9e0d6 url(/images/hbar-green.gif) repeat-x top left;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
 cursor:pointer;
}
.btn-red {
 font:10px verdana,lucida sans,arial,helvetica,sans-serif;
 color:#fff;
 text-shadow:#000 0px 1px 1px;
 padding:0px;
 margin:2px;
 background:#edd0c9 url(/images/hbar-red.gif) repeat-x top left;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #b39559;
 cursor:pointer;
}
/* outermost div -- controls width, placement and shadow background image */
#wrapper {
 text-align:left;
 min-width:602px;
 margin-top:0px;
 margin-right:auto;
 margin-bottom:0px;
 margin-left:auto;
 position:static;
}

#udm {
 width:100% !important;
 /*clear: both;*/
}

#nav {
 position:relative;
 background:#AEAEB1 url(/images/hbar-black.gif) repeat-x top left;
 margin-top:0px;
 border:1px #000000 solid;
 border-top-color:#000000;
 border-left-color:#000000;
 height:20px;
 z-index:10000;
 clear:both;
 padding-bottom:0px;
}  

#search {
 margin:0 0 0 auto;
 position:relative;
 top:0px;
 right:0px;
 padding:0px;
 text-align:right;
 background:#AEAEB1 url(/images/hbar-black.gif) repeat-x top left;
}
#search form {
 margin:0 0 0 0;
 padding:0;
}
#search label {
 font-size:11px
 font-weight:bold;
 color:#FFFFFF;
 vertical-align:middle;
}
#search input#searchField {
 background:#FFFFFF url(/images/bg-input.png) top left no-repeat;
 width:120px;
 height:20px;
 border:1px solid #b39559;
}
#search #searchButton {
 vertical-align:top;
 cursor:pointer;
}
// end Style -->