/************************* common *************************/
html *
{
  font-family: Verdana, Helvetica, sans-serif !important;
  font-size: 12px;
}

img
{
  border: 0;
}

a:link 
{
  color: #004A7F;
  text-decoration: none;
}

a:hover 
{
  text-decoration: underline;
}

#no-script-info 
{
  color: red;
  font-size: 10px;
  font-weight: bold;
  margin: 0px auto 10px auto;
  text-align: center;
}

body 
{
  background-color: #FFF;
}

.input-text, 
.input-error 
{
  border: 1px solid #BEBEBE;
  background-color: #FFF;
  margin: 1px;
  height: 20px;
  padding-top: 2px;
  padding-left: 3px;
  color: #000;
  width: 250px;
}

.readonly,
.input-text[disabled],
.input-text[readonly]
{
  color: #333;
  background-color: #DDD;
}

.input-error 
{
  border-color:#CB2026;
  background:#F6CBCA;
}

.input-select 
{
  border: 1px solid #BEBEBE;
  background-color: #FFF;
  margin: 1px;
  color: #000;
}

.input-submit,
.input-submit-wide,
.input-submit-large,
.buttons li input,
.buttons a 
{ 
  border: none;
  background-image: url("../image/btn_100.gif");
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #0166a9;
  cursor: pointer;
  font-family: Tahoma, Verdana, Helvetica, sans-serif !important;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 0 10px;
  height: 28px;
  padding: 0 0 6px;
  vertical-align: top;
  width: 100px;  
}

* html .input-submit,
* html .input-submit-wide,
* html .input-submit-large,
* html .buttons li input
 {  /* nur fuer Internet Explorer (Slash im Tag ist gewollt) */
	paddi\ng-top:1px;    /* Version 6 */
	
}

/* Extended Button */
.input-submit-wide 
{ 
  background-image: url("../image/btn_140.gif");
  width: 140px;
}

/* Large Button */
.input-submit-large 
{  
  background-image: url("../image/btn_200.gif");
  width: 200px;
}

input.input-submit::-moz-focus-inner,
input.input-submit-wide::-moz-focus-inner,
input.input-submit-large::-moz-focus-inner,
.buttons li input::-moz-focus-inner 
{
  border: 0;
}

.input-submit:focus,
.input-submit:hover,
.input-submit-wide:focus,
.input-submit-wide:hover,
.input-submit-large:focus,
.input-submit-large:hover,
.buttons li input:focus,
.buttons li input:hover,
.buttons a:focus,
.buttons a:hover 
{
  background-position: 0 -28px;
}

.input-submit[disabled],
.input-submit[disabled='disabled'],
.input-submit-wide[disabled],
.input-submit-wide[disabled='disabled'],
.input-submit-large[disabled],
.input-submit-large[disabled='disabled'],
.buttons li input[disabled],
.buttons li input[disabled='disabled'],
.buttons a[disabled],
.buttons a[disabled='disabled'] 
{ 
  background-position: 0 -56px;
  cursor: default;
  color: #adadad;
}

.input-submit[disabled]:focus,
.input-submit[disabled='disabled']:focus,
.input-submit[disabled]:hover,
.input-submit[disabled='disabled']:hover,
.input-submit-wide[disabled]:focus,
.input-submit-wide[disabled='disabled']:focus,
.input-submit-wide[disabled]:hover,
.input-submit-wide[disabled='disabled']:hover,
.input-submit-large[disabled]:focus,
.input-submit-large[disabled='disabled']:focus,
.input-submit-large[disabled]:hover,
.input-submit-large[disabled='disabled']:hover,
.buttons li input[disabled]:focus,
.buttons li input[disabled='disabled']:focus,
.buttons li input[disabled]:hover,
.buttons li input[disabled='disabled']:hover,
.buttons a[disabled]:focus,
.buttons a[disabled='disabled']:focus,
.buttons a[disabled]:hover,
.buttons a[disabled='disabled']:hover 
{
  background-position: 0 -56px;
}

.input-checkbox
{
  border: none;
  margin-right: 5px;
}

select 
{
  line-height: 15px;
  border: 1px solid #BEBEBE;
  background-color: #FFF;
  margin: 1px; 
}
/* --- input types --- */
.port
{
  width:50px;
}

.email,
.ipaddress,
.url
{
  width:150px;
}

.subnet
{
  width:150px;
}

.wide
{
  width:400px;
}
/*---------- Links formatted as buttons ------------*/
.buttons 
{
  list-style:none;
  margin:0;
  padding:0;
  float:right;
  margin-top:18px;
}

span.buttons,
.buttons li
{
  margin: 4px;
  float:left;
}

.buttons a 
{
  height: 22px;
  line-height: 22px;
}

.buttons a:hover 
{
  text-decoration: none;
}

/* ---------------- Message Boxes ---------------- */
.clean-gray,
.clean-red,
.clean-yellow,
.clean-green
{
  border:solid 1px;
  padding:4px;
  text-align:center;
  font-weight: bold;
  width:500px;
  position: fixed;
  left:50%;
  margin-left:-250px;
}

.clean-gray:hover,
.clean-red:hover,
.clean-yellow:hover,
.clean-green:hover
{
  border:solid 3px;
  padding:2px;
  cursor:pointer;
}

.clean-gray
{
  border-color:#DEDEDE;
  background:#EFEFEF;
  color:#222222;
}

.clean-red
{
  border-color:#CB2026;
  background:#F6CBCA;
  color:#CE2027;
}

.clean-yellow
{
  border-color:#DFDFDE;
  background:#FCF9CE;
  color:#393935;
}

.clean-green
{
  border-color:#359545;
  background:#CEE6C3;
  color:#168A43;
}

/*----------------- Control Table -----------------*/
.control-table 
{
  width: 100%;
  margin: 15px 0 0 auto;
  text-align: right;
  background-color: #FFF;
  border-spacing:0;
  border-collapse: collapse;
}

/*----------------- Standard Table -----------------*/
.oddrow  { background-color: #EEE; }
.evenrow { background-color: #FFF; }

.standard-table 
{
  width: 100%;
  empty-cells: show;
  border-spacing:0;
  border-collapse:collapse;
}

.standard-table th
{
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #BEBEBE;
  font-size: 14px;
  font-weight: bold;
  color:  #000;
  vertical-align: middle;
  text-align: left;
  background-color: #FFF;
  padding: 0 0 10px 5px;
  height: 20px;
}

.standard-table td 
{
  font-weight: normal;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  height: 30px;
  border-top: solid 1px #FFFFFF;
  border-bottom: solid 1px #BEBEBE;
  vertical-align: middle;
}

.standard-table td.td0:after
{
  content:":"
}

.standard-table tfoot td 
{
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  background-color: #005096;
  height: 5px;
}

.standard-table td.child 
{
  padding-left:	50px;
}

.standard-table td.grandchild 
{
  padding-left:	100px;
}
/*----------------- Menue Table -----------------*/
.menue-table 
{
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-weight: normal;
  color: black;
  text-align: center;
  vertical-align: middle;
}

.banner1,
.banner2,
.banner3,
.location 
{
  width: 10%;
  background: url(../image/blueStripe.png) repeat-x;
}

.location 
{
  color: #FFF;
}


.menue-table tr.level0 
{
  background-color: #E5E5E5;
}

.menue-table tr.level1 
{
  background-color: #bfd5e9;
}

.menue-table tr.level2 
{
  background-color: #E5E5E5;
}
.menue-table th 
{
  height: 23px;
  border: none !important;
}

.menue-table td 
{
  width: 10%;
  height: 21px;
  border-top: solid 1px #bebebe;
  border-bottom: solid 1px #bebebe;
  padding: 0;
}

.menue-table a 
{
  color: #333;
  display: block;
  line-height: 21px;
  height: 21px;
  text-decoration: none;
}

.menue-table td.level0_selected a,
.menue-table td.level1_selected a, 
.menue-table td.level2_selected a,
.menue-table a:hover, .menue-table a:active 
{
  background-color: #0166a9;
  color: white;
}

/************************* top.htm *************************/
#header 
{
  margin: 0;
  padding: 0;
  border: 0;
  background: #FFF url(../image/sc_titel.png) no-repeat;
  height: 80px;
  float:  none;
}

#header .td0
{
  vertical-align:bottom;
  padding: 0 0 5px 25px;
  font-size:11px;
  font-style: italic;
}

#top-sma-adress 
{
  position: static;
  width: 150px;
  background: white;
  text-align: center;
  padding: 10px;
  float: right;
  font-size: 12px;
  font-style: normal;
  text-decoration: none;
  color: #000000;
  height: 57px;
}

/************************* bottom.htm *************************/
.bottom-table 
{
  border-collapse: collapse;
}

.bottom-table td 
{
  border-top: 1px solid #BEBEBE; 
  font-size: 11px;
  height: 30px;
  background-color: #EEE;
  padding-left: 20px;
  vertical-align: middle;
  text-align: left;
  color: #666;
  width: 20%;
}

/* Status Message */
.bottom-table .td0 { width:  40%; text-align: center; padding: 0; }
.bottom-table .td0 a 
{
  background: url(../image/status_warning16.png) no-repeat 0 50%;
  color: #666;
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  text-decoration: none;
}

.bottom-table .td0 a:hover { text-decoration: underline; }
.bottom-table .td1 img { margin-bottom:-5px; } 
.bottom-table .td2 { width:  15%; text-align: center; padding: 0; } /* HW-Info */
.bottom-table .td3 { width:  20%; text-align: center; padding: 0; }  /* SW-Info */
.bottom-table .td4 { width:  auto; text-align: center; padding: 0; }   /* Traffic Indicator */

.bottom-table .td4 #traffic_out {margin-right: -5px;}

/************************* Tab Navigation *************************/
#navigation 
{
  border-bottom: 1px solid #bebebe;
  margin: 12px 0 0 0;
  padding: 7px 0 7px 15px;
  font-weight: bold;
}

#navigation ul, #navigation ul li 
{
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation ul 
{
  padding: 0;
  text-align: left;
}

#navigation ul li 
{
  display: inline;
}

#navigation ul li a 
{
  background: url(../image/tableft.gif) no-repeat left top;
  color: #666;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  text-decoration: none;
  padding: 8px 0;
}

#navigation ul li a:hover 
{
  color: #000;
}

#navigation ul li span 
{
  background: url(../image/tabright.gif) no-repeat right top;
  padding: 8px 15px 8px 5px;
  margin: 4px 0 4px 10px;
}

#navigation ul li a:hover span 
{
  background-position: 100% -75px;
}

#navigation ul li a:hover 
{
  background-position: 0 -75px;
}

#navigation #current a 
{
  background-position: 0 -150px;
  color: #000;
}

#navigation #current a span 
{
  background-position: 100% -150px;
}

/* IE fix */
*+html #navigation ul li a { padding: 0; }

.tabBox 
{
  border: 1px solid #bebebe;
  border-top: none;
  padding: 5px;
}

/* popup message style */
#popup
{
  background: none repeat scroll 0% 0% white; 
  position: absolute; 
  min-width: 450px; 
  min-height: 200px; 
  left: 50%; 
  top: 50%; 
  margin-left: -225px; 
  margin-top: -100px; 
  border: 1px solid rgb(191, 191, 191);
}

#popup.title { font-weight: bold; }

#popup_title
{
  background-image: url('../image/bgpopup.png'); 
  background-repeat: repeat-x; 
  text-align: right; 
  cursor: pointer;
}

#closeme
{
  color: white; 
  font-weight: bold; 
  text-decoration: none; 
  cursor: pointer;
}

#message { text-align: justify; padding: 15px; }

/* progress bar styles */
#progressBox 
{
  width: 300px;
  height : 20px;
  position: relative;
  background: #cccccc;
  border: solid 1px #aaaaaa;
  display: none;
}

#progressBar 
{
  width: 1px; 
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #00df00;
  z-index:1;
}

#loader 
{
  border: 0; 
  height: 0; 
  width: 0; 
  padding: 0; 
  position: absolute; 
  display: none;
}

#ulstatus 
{
  position: absolute;
  background-color:transparent;
  color:#606060;
  font-weight:bold;
  font-size:12px;
  z-index:2;
}

#file 
{
  float: left;
  width: 300px;
}
 
#searchBox { width:250px !important; }

#favView,
#searchView,
input[id^='_fav_'] 
{
  display:none;
}

#resetFavView,
#resetFilter
{
  margin:2px 0 0 10px;
  width:18px;
  height:18px;
  background-image: url("../image/trash.png");
  background-position: 0 0;
  background-repeat: no-repeat;
}

#resetFavView:hover
{
 background-position: -16px -0px;
}

input[id^='_fav_'] + label
{
  height: 16px;
  width: 16px;
  display:none;
  background-image:url('../image/star1.png');
  background-repeat: no-repeat;
}
   
input[id^='_fav_']:checked + label
{
  background-image:url('../image/star2.png');
}

#info-table {
   margin: 4px 0 4px 0;
   width: 100%;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
 }

#info-table #InfoLine 
{
  display:block;
  text-align: left;
  padding-right: 4px;
  width: auto;
}

#info-table #favView 
{
  clear:both;
  float:left;
  text-align: left;
  padding-right: 4px;
}

#info-table #searchView
{
  float:right;
  text-align: right;
  padding-right: 4px;
}

#tabscontent table 
{
  width: 100%;   
  max-width:100%;
  overflow: hidden;
}

#tabscontent table .td0,
#tabscontent table .th0
{
  width: 20px;
  max-width:20px;
  overflow: hidden;
}

#tabscontent table .td1,
#tabscontent table .th1
{
  width: 220px;
  max-width:220px;
  overflow: hidden;
}

#tabscontent table .td2,
#tabscontent table .th2
{
  width: 120px;
  max-width:120px;
  overflow: hidden;
}

#tabscontent table .td3,
#tabscontent table .th3
{
  overflow: hidden;
}

#tabscontent
{
  clear:both;
  height: 200px;
  max-height: 200px; 
  overflow: auto;
  overflow-x: hidden;
}