body, table {
  margin:0;padding:0;
  font-family:"Trebuchet MS", Arial;
  font-size:12px;
  overflow-x:hidden;
}
.errorpage fieldset {border:1px solid #cccccc; padding:5px;font-family:Courier New;font-size:11px;margin:5px;padding-top:0}
.hr {clear:both;border:none;border-bottom:1px solid #cad5ea;margin:0px;padding:0px;height:0px}
.hidden {display:none}
.preloading {display:none}
img{border:none}
h1, h2, h3, h4, h5 {color:black;}
a {color:#215dc6;text-decoration:none;}
a:hover {text-decoration:underline;}
.lfloat, float-l {float:left;display:block}
.rfloat, float-r {float:right;display:block}
.clear {clear:both;height:0px;}
.has-float {overflow:hidden}
.tiny {font-size:10px}
.thin {font-weight:normal}
.grey {color:#cccccc}
.red {color:red}
.align-r {text-align:right}
.slim {font-weight:normal;}
.bold {font-weight:bold}
.first {margin-top:0px}
.js-unhide {display:none}
.site-header
{
  height:55px;
  padding:5px;
  padding-left:15px;
  
  background-color:#a7a7a7;
  background-repeat:repeat-x;
  color:white;
}
.textfield {height:18px;font-size:12px;background-color:#ffffff;border:1px solid #8c99a9}
.textfield.error, .textfield.error:hover  {border:1px solid red}
.textfield:hover {background-color:#fcfdd7;border-color:#456cb1}
.textfield:focus {background-color:#fcfdd7;border-color:#456cb1;}
.textfield.disabled, .disabled .textfield {border-color:#cccccc;background-color:#eeeeee}
.disabled label {color:#666666}
.disabled h4, .disabled .buttons a span {color:#666666}

.link-color {color:#215dc6}
.pagetitle {
  margin:0px;
  padding:10px;
  padding-left:15px;color:#215dc6;
  background-image:url(../img/grad2-small.png);
  background-repeat:repeat-x;
  background-position:top left;
  border-bottom:1px solid #a7a7a7;
  border-top:1px solid #a7a7a7;
}
.main 
{
background-position:bottom;
background-repeat:repeat-x;
background-image:url(../img/grad1.png);
}
.main.formpage-bg  {
  background-image:url(../img/formpage-bg.png);
  background-repeat:repeat-y;
  background-position:top left;;
}
.padbox {padding:20px;background-repeat:no-repeat;background-position:20px center;}
.padbox.bgbox {background-color:#e6eaf6}

.defaultCursor {cursor:default;}

.viewport {
  background-position:bottom right;
  background-repeat:no-repeat;
} 


.content {
  padding:10px;
}
 
table.two-col td {vertical-align:top;}
table.two-col td.lbl {font-weight:bold;}
table.two-col td.data {text-align: right}

.table-scroll-body {overflow-y:scroll}
.table.clean {
  border-collapse:collapse;
  border-spacing:0px;
}

#status-holder
{
  border-top:1px solid white; 
  height:16px;
  font-size:11px;
  position:fixed;
  z-index:9999;
  bottom:0px;
  width:100%;
  background-color:#eaedf2;
  background-image:url(../img/status-bg.png);
  background-repeat:repeat-x;
  padding:3px;
}
#statusbar
{
 
}


.buttons { overflow: hidden;width: 100%;}
.buttons a {background:transparent url(../img/bmp-button.png) no-repeat top left; display:block; float:left; line-height:38px; height:46px; padding-left:4px;text-align:center; text-decoration:none; outline:none;}
.buttons a span {background: transparent url(../img/bmp-button.png) no-repeat right top;display: block;padding: 4px 15px 4px 11px; font-weight:bold;text-align:center; font-size:15px;}
.buttons a:link, .buttons a:visited, .buttons a:hover, .buttons a:active{text-decoration: none}
.buttons a:hover{background-position: left -46px;}
.buttons a:hover span{background-position: right -46px;}
.buttons a:active {background-position: left -92px;}
.buttons a:active span {background-position: right -92px;}
.buttons a.single {float:none;width:60%}

.buttons.small a, .buttons.small a span  {background-image:url(../img/bmp-button-small.png);}
.buttons.small a {line-height:12px;height:20px;}
.buttons.small a span {font-size:10px;font-weight:normal;padding: 4px 5px 4px 1px;}
.buttons.small a:hover{background-position: left -20px;}
.buttons.small a:hover span{background-position: right -20px;}
.buttons.small a:active {background-position: left -40px;}
.buttons.small a:active span {background-position: right -40px;}

.disabled .buttons a {cursor:default}
.disabled .buttons a:hover {background-position:top left}
.disabled .buttons a:hover span {background-position:top right}

#webcamframe {width:100%;height:600px;background-color:white}

#webcamframes {width:1000px;overflow:hidden;margin-top:20px}
#webcamframes iframe {background:black;width:500px;height:440px;border:none;float:left;}

#countdownHolder {background:#999999;color:white;padding:5px;text-align:center}



#info-display 
{
  overflow:hidden;
  font-size:11px;
}
#info-content, #software-descr {
  width:170px !important;
  width:170px;
  text-align:center;

  display:block;
  vertical-align:middle;
}
#info-content .icon {
  border:none;
  position:relative;
  top:2px;
}
.info-preview-image 
{

  background-image:url(../img/loader-ffffff.gif);
  background-repeat:no-repeat;
  background-position:center center;
  cursor:pointer;
}
#spacer-above-sidebar {
background: transparent url(../img/toolbar40.png) repeat-x top; height:3px;overflow:hidden;margin-right:1px;
}
.sidebar {
  
  width:222px;
  min-width:222px !important;
  background-color:#e7e2ce;

  border-right:1px solid #a7a7a7

  
}
#sidebar-area-inner {width:222px;}
.sidebar .logo-holder {
border-bottom:1px solid #a8a7a2;
display:block; 
width:220px;
height:188px;
padding:0px; 
margin:0px;
}
.sidebar .logo {outline:none;border-bottom:1px solid white;border-left:1px solid white; }


.sidebar-box, 
.sidebar-box .body, 
.sidebar-box .header, 
.sidebar-box .header .boxtitle {
  background: transparent url(../img/box-795-brown.png) no-repeat bottom right; 

} 

.sidebar-box { 
  width: 205px !important;
  width: 215px;
  padding-right: 15px;
  margin: 0;
}

.sidebar-box .header { 
  background-position: top right; margin-right: -15px;
  padding-right: 20px;
} 

.sidebar-box .header .boxtitle {
  background-position: top left; margin: 0;
  border: 0;
  padding: 12px 0px 0px 20px;
  height: auto !important; height: 1%;
  color:white;cursor:default;
  cursor:default;
  font-size:12px;
  overflow:hidden;
} 

.sidebar-box .body { 
  background-position: bottom left; 
  margin-right: 25px !important;
  margin-right: 5px; 
  padding: 5px 0 5px 25px;

} 
.sidebar-box .body a {
  display:block;
  height:21px;
  color:#215dc6;
  text-decoration:none;
  margin:2px;
  outline:none;
}

.sidebar-box .body a:hover {
  color:#428eff;
}
.sidebar-box .body a:hover span {
  text-decoration:underline;
}

.sidebar-box .body a span {
  margin-top:3px;
}
.sidebar-box .body a br {clear:both}
a.boxtoggle {color:white;cursor:pointer;background-position:right -32px;padding-right:16px;background-repeat:no-repeat;background-image:url(../img/sidebar-toggle.gif);}
a.boxtoggle.hover {background-position:right -48px;text-decoration:underline;}
a.boxtoggle.opened {background-position:right 0px}
a.boxtoggle.opened.hover {background-position:right -16px;text-decoration:underline}
.toggle-holder { color:white;height:17px;overflow:hidden; position:relative;top:-1px;}
.sidebar-box .header .boxtitle {cursor:pointer}
.sidebar-box#info-display .header .boxtitle {cursor:default}


.sidebar-box#box_coins .body a.image-button {
  overflow:hidden;float:none;margin:10px auto 10px auto
}
.sidebar-box#box_coins .body a.image-button span {
margin-top:0;top:0px;height:46px;text-decoration:none;font-size:14px;
}
.coins-buy {
width:170px;text-align:center
}



#viewer
{
  border:1px solid #777777;

  
}
#viewer #dragbar {
  height:25px;
  
  background-image:url(../img/pictureviewer-dragbar-bg.png);
  background-repeat:repeat-x;
  padding:0px;
  overflow:hidden;
  position:relative;
  left:0px;
 
  background-color:#dbd7c1;
}
#viewer #dragbar label {float:left;margin:3px 0 0 5px;}



#viewer #dragbar #restoreButton {background-image:url(../img/pictureviewer-restore-btn_map.png);display:none;}
#viewer #dragbar #maximizeButton {background-image:url(../img/pictureviewer-max-btn_map.png);}
#viewer #dragbar #closeButton {background-image:url(../img/pictureviewer-close-btn_map.png);}
#viewer #dragbar #closeButton, #viewer #dragbar #maximizeButton, #viewer #dragbar #restoreButton 
{
  float:right;margin:3px 3px 0 0 ;cursor:pointer;
  width:14px;height:14px;
  background-position: top left;
  background-repeat:no-repeat;
  background-color:#dddddd;
}
#viewer #dragbar #closeButton:hover, #viewer #dragbar #maximizeButton:hover, #viewer #dragbar #restoreButton:hover 
{
  background-position: top right;
}




#viewer a {color:black;text-decoration:none;}
#viewer .image { }
#viewer .image img {    
  background-image:url(../img/loader-ffffff.gif);
  background-repeat:no-repeat;
  background-position:center center;
}
#viewer #picture-row   {background-color:#ffffff;}
#viewer #picture-row td {  } 
#picture-cell {cursor:default;background-image:url(../img/loader-ffffff.gif);background-repeat:no-repeat;background-position:center center;}
#viewer .pv-buttons {
  background-image:url(../img/pictureviewer-toolbar-bg.png);
  background-repeat:repeat-x;
  background-color:#dbd7c1;
 
  height: 30px;
  text-align:center;
  padding:0px; 
}
 #viewer .pv-buttons a {color:#0000A0}
 #viewer .pv-buttons a:hover {text-decoration:underline}
#viewer #resizeButton
{
  background-image:url(../img/pictureviewer-btn-resize.gif);
  background-position:bottom right;
  height:25px;
  width:20px;
  display:block;
margin-top:4px;
  cursor:se-resize;
 
}

.lcol {background-position:right}
.rcol {background-position:left}






.toolbar {
  background-color:white;
  min-width:520px;
  height:30px;
  padding:5px;
  background-image:url(../img/toolbar40.png);
  background-repeat:repeat-x;
}
#tb-tbl {
  width:100%;
  height:30px;
  overflow:hidden;
  border-collapse:collapse;
  border-spacing:0px;
}
#tb-tbl td.l {

  text-align:left;
  overflow:hidden;
}
#tb-tbl td.c {
  width:auto;
  text-align:left;
  padding-right:15px;
  overflow:hidden;
}
#tb-tbl td.r {

  text-align:right;
  overflow:hidden;
}
.toolbar .separator {
  background-image:url(../img/toolbar-vertical-separator.png);
  width:2px;
  height:30px;
  margin-left:3px;
  margin-right:3px;
  margin-top:2px;
  float:left;
  display:block;
}
.toolbar .btn {
  text-decoration:none;
  background-repeat:no-repeat;
  background-position:left top;
  padding-right:0;
  height:32px;
  display:block;
  float:left;
  color:black;
  outline:none;
  cursor:pointer;
}

.toolbar .btn span {display:block; padding-left:31px;padding-top:8px;}
.toolbar .btn:active span {margin:1px 0 0 1px;}

.toolbar .btn.level-up { background-image:url(../img/toolbar-btn-dirup.png); width:110px; }
.toolbar .btn.level-up:hover {background-position: left -32px;}
.toolbar .btn.level-up.disabled { background-position:left bottom;color:#999999}


#viewButton { background-image:url(../img/toolbar-drop-40.gif); width:40px}
#viewButton img {margin:9px 0 0 18px;}
#viewButton:active img {margin:10px 0 0 19px;}
#viewButton.disabled {background-position:left bottom;}
#viewButton.disabled:active img {margin:9px 0 0 18px;}


#langButton {width:40px;background-image:url(../img/toolbar-drop-40.gif);}
#langButton img {position:relative;top:11px;left:-7px;}
#langButton:active img {position:relative;top:12px;left:-6px;}


.toolbar .btn.blank {background-image:url(../img/toolbar-btn-blank80.png);}


.toolbar #btn-logout {width:80px; }

.toolbar .btn#btn-logout span {display:block;padding:0;margin-top:7px;position:relative;left:-10px;}
.toolbar .fake-textinput a {color:black;text-decoration:none;}
.toolbar .fake-textinput a:hover {color:rgb(80,100,120)}
.toolbar .fake-textinput {cursor:default;background-color:white;padding:2px 5px 2px 5px;border:1px solid #999999;margin-top:3px; overflow:hidden; width:100%; height:17px;}
.toolbar .fake-textinput.disabled {color:black;background-color:rgb(235,235,228);border:1px solid rgb(127,157,185);}




.toolbar .grey-out, .toolbar a.grey-out {color:#999999 }
.menu-layer {display:none;background-color:#ffffff;border:1px solid #999999;padding:2px;z-index:10000}
.menu-layer a {color:black;display:block;padding-left:15px;text-decoration:none;cursor:pointer;}
.menu-layer a.selected {background-image:url(../img/btn-view-dots.gif);background-repeat:no-repeat;background-position:left top;border:none;outline:none}
.menu-layer a.selected:hover {background-position:left bottom;text-decoration:none;}
.menu-layer a:hover {background-color:#316ac5;color:white;text-decoration:none;}
.menu-layer a[disabled] {background-color:#eeeeee;color:#666666}
.menu-layer a[disabled]:hover {background-color:#eeeeee;color:#666666}

.login-holder {overflow:hidden;}
.login-holder .textfield {background-repeat:no-repeat;}
.login-holder form {margin:5px 0 0 2px}
.login-holder .textfield {color:#999999;font-size:11px;width:83px}
.login-holder button {position:relative;top:1px;width:40px;height:20px;font-size:11px;}

.top-login {background-image:url(../img/toplogin-bg-email.gif)}
.lang-de .top-pass {background-image:url(../img/toplogin-bg-pass-de.gif)}
.lang-en .top-pass {background-image:url(../img/toplogin-bg-pass-en.gif)}
.top-pass:hover, .top-login:hover {background-position:bottom left}
.top-login.clean, .lang-de .top-pass.clean , .lang-en .top-pass.clean {color:black;background-image:url(img/transparentpixel.gif)}



.box, 
.box .body, 
.box .header, 
.box .header h2 { 
  background: transparent url(../img/box-795-brown.png) no-repeat bottom right; 
}


.box { 
  padding-right: 15px;
  margin: 0;
}

.box .header { 
  background-position: top right; margin-right: -15px;
  padding-right: 20px;
} 

.box .header h2 { 
  background-position: top left; margin: 0;
  border: 0;
  padding: 12px 0 0px 20px;
  height: auto !important; height: 1%;
  color:#215dc6;
  cursor:default;
  font-size:12px;
  overflow:hidden;
} 

.box .body { 
  background-position: bottom left; 
  margin-right: 10px !important;
  margin-right: 5px; 
  padding: 5px 0 5px 20px;

}