@CHARSET "UTF-8";

#html, body {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 220px;
  height: 100%;
  margin: auto;
  font-size: 14px;
  font-family: sans-serif;
  padding:0;
} 

div#main_content {
    width: 220px;
    height: 240px;
    padding: 0 2px;
    /*border: 1px solid grey;*/
    text-align: left;
    background-image: url("img/bg.gif");
    background-repeat: no-repeat;
	background-position: right bottom;
}
div#page_content {
margin:0;
padding:0;
height: 200px;
}

div#navigation {
margin:0;
padding:0;
height: 40px;
overflow:hidden;
}

.button_nav {
border: 1px solid #666;
height:30px;
width:75px;
margin: 4px;
}

div#div_prev {
float: left;
}
div#div_next{
float: right;
}


.loading{
	border: dotted 1px #c39c02;
	background-color: #fff;
	padding-right: 16px;
	background-image: url("img/loader.gif");
	background-repeat: no-repeat;
	background-position: right;
}

.ready {
	border: 1px solid #007f00;
	background-color: #fff;
}


.button1, .button2,
.button_ok, .button_error {
    width: 100%;
    /* fs was 50px */
    height: 40px;
    border: 1px solid #666;
}

.button_nav,
input.input_button {
	height: 30px;
	width: 75px;
	border: 1px solid #666;
}

div#statusbar {
	vertical-align: middle;
	text-align: center;
}

td.result_message {
	vertical-align: middle;
	text-align: center;
	border: 1px solid #666;
	height: 100px;
}


.button_ok {
	background-color: #007f00;
	color: #fff;
	font-weight: bold;
}

input.button_ok:disabled {
	background-color: #fff;
	color: #bbb;
}

.button_error{
	background-color: #7f0000;
	color: #fff;
	font-weight: bold;
}

input.input_text {
	border: 1px solid #666;
	width: 100px;
}


table.name_value_table {
	width: 100%;
}
	

.name {
	font-size: 12px;
	text-align:right;
}

.small {
	font-size: 12px;
	text-align:right;
}



h1 {
height: 20px;
overflow:hidden;
margin:0;
padding-top:0;
font-size: 16px;
font-weight: bold;
text-align: center;
}


.do_command_td {
	width:50%;
}

input.login_error, .error {
    border: 1px solid red;
    background-color: #fff;
}

.error {
    text-align: center;
    font-weight: bold;
}

.tabs {
     margin: 0;
     padding: 0;
    height: 40px;
}

.tabs table{
      border-collapse: collapse;
      width: 100%;
}

.tabs table td {
     border-bottom: 1px solid #666;
}
.tabs table td.tab {
     border: 1px solid #666666;
     margin: 0pt;
     padding: 0px 0px;
     width: 70px;
     height: 30px;
     text-align: center;
}

.tabs table td.tab:hover, 
.tabs table td.newtab:hover {
    cursor: pointer;
}

.tabs table td.current_tab {
     border-bottom: 0pt none;
    font-weight: bold;
     color: #000000;
}

.tabs table td.newtab{
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 40px;
    border: 1px solid #666666;
}

.tabs table td.tab_changed {
    background-image: url("img/loader.gif");
    background-repeat: no-repeat;
    background-position: right;
}
.tabs table td.tab_ready {
    background-image: url(img/blink_bw.gif);
    background-repeat: repeat;
}

@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url(password.ttf);
}

input.input_hidden {
   font-family: 'password';
   border: 1px solid #666;
   width: 100px;
}