html, body { height: 100%; margin-bottom: 1px; line-height: 135%; font-family: Helvetica, Arial, sans-serif; margin: 0; padding: 0; background: #FFFFFF; font-size: 12px; }
p { margin-top: 10px; margin-bottom: 15px; text-align:justify; }

h1, h2, h3, h4 { padding-bottom: 5px; margin: 25px 0; font-family:"Trebuchet MS"; }
h1 { font-size: 200%; } h2 { font-size: 175%; } h3 { font-size: 150%; } h4 { font-size: 120%; }
h5 { border-top:1px solid #6B99DF; border-bottom:1px solid #6B99DF; font-size: 125%; font-weight: normal; margin: 5px 0 10px 0; padding: 4px; font-family: "Trebuchet MS"; background: #DEE8F8; }
#maincol h5 { color:#3d658b; }
#secondcol h5 { color:#333333; }


#header, #mainNav, #footer { margin:0; }
#header { text-align:right; color:#FFFFFF; font-weight:700; padding:5px; }
#mainNav { margin-top:-5px; }
#header { height:80px; background:#000000 url("dalnet.jpg") 15px 15px no-repeat; }

/* a { color:#59a2b2; text-decoration:none; } a:hover { text-decoration:underline; } */
a { color:#0000FF; text-decoration:none; } a:hover { text-decoration:underline; }

div#wrapper { margin:0 auto; width:900px;padding:0; position:relative; background:#FFFFFF; }

#container { width:100%; position:relative; }
div#bodyCont { margin: 0; background:#FFFFFF; padding: 0px; color:#121212; display:block; border:1px solid #6B99DF; }

#footer { display:block; line-height:30px; padding-right:10px; padding-left:10px; background:#121212 url("footer.png"); border-bottom:1px solid #121212; color:#666666; vertical-align:middle; font-size:smaller; color: White; }
#bottom { display:block; height:30px; background:#FFFFFF; vertical-align:top; }
#validation { text-align:right; display:block; padding-right:10px; padding-left:10px; vertical-align:middle; font-size:smaller; top:0; }

.maincol .hbar { background-color:#59a2b2; }
.secondcol .hbar { background-color:#da5826; }

a.validcss { background: url("validcss.gif") no-repeat left; padding-left: 13px; color:#FF9900; text-decoration: none; margin-left: 10px; font-size:85%; cursor:help; }
a.validcss:visited { color:#FF9900; }
a.validcss:hover { color:#000000; text-decoration: none; }
a.validhtml { background: url("validhtml.gif") no-repeat left; padding-left: 13px; color:#80c43d; text-decoration: none; margin-left: 10px; font-size:85%; cursor:help; }
a.validhtml:visited { color:#80c43d; }
a.validhtml:hover { color:#000000; text-decoration: none; }

/* @menu */
#mainNav { height:39px; background:url("menu-bg.png") 0 0 repeat-x; }
#mainNav ul.menu { padding-left:15px; }
#mainNav ul { list-style:none; margin:0; padding:0 0 0 0px; }
#mainNav li { display:block; float:left; margin:0; padding:0; }
#mainNav a { white-space:nowrap; font-family:"Trebuchet MS"; display:block; float:left; height:39px; line-height:42px; padding:0 15px 0 15px; font-weight:normal; font-size:110%; color:#ccc; }
#mainNav li:hover a, #mainNav li.sfHover a, #mainNav li:hover a:hover, #mainNav li.sfHover a:hover { color:#fff; }
#mainNav ul ul { background:#151515; border-left:1px solid #333; border-right:1px solid #000; }
#mainNav li li { background:none; border-top:1px solid #333; border-bottom:1px solid #000; }
#mainNav li li a:hover { background:none; }
#mainNav li.active, #mainNav li.active_menu { background:url("menu-active-r.png") 100% 0 no-repeat; }
#mainNav li.active a, #mainNav li.active_menu a { background:url("menu-active-l.png") 0 0 no-repeat; color:#fff; }
#mainNav span.top { display:block; float:left; position:relative; text-align:center; }
#mainNav li li span.top { display:inline; float:none; position:static; text-align:left; }
#mainNav li.active span span.selector, 
#mainNav li:hover span span.selector, 
#mainNav li.sfHover span span.selector { display:block; position:absolute; background:url("menu-hbar.png") 0 0 no-repeat; height:3px; width:59px; margin:0 auto; overflow:hidden; bottom:5px; left:50%; margin-left:-30px; }
#mainNav span.selector br { display:none; }
#mainNav li.active li span span.selector, 
#mainNav li:hover li span span.selector, 
#mainNav li.sfHover li span span.selector { display:none; }
#mainNav li.active a, 
#mainNav li.active_menu a { line-height:33px; }
#mainNav li li.active, 
#mainNav li.active li a, 
#mainNav li.active li a:hover { background:none; }
#mainNav li li a { font-family:Helvetica,Arial,sans-serif; font-size:100%; font-weight:normal; }
#mainNav a:hover { text-decoration:none; }

#mainNav li:hover li:hover a:hover, #mainNav li.sfHover li.sfHover a:hover { color:#da5826; }

#mainNav li.active span span.a.selector { background-color:#59a2b2; }
#mainNav li:hover span span.a.selector, #mainNav li.sfHover span span.a.selector { background-color:#59a2b2; }

#mainNav li:hover span span.b.selector, #mainNav li.sfHover span span.b.selector { background-color:#FFB62A; }
#mainNav li.active span span.b.selector { background-color:#FFB62A; }

#mainNav li:hover span span.c.selector, #mainNav li.sfHover span span.c.selector { background-color:#7ECE56; }
#mainNav li.active span span.c.selector { background-color:#7ECE56; }

#mainNav li:hover span span.d.selector, #mainNav li.sfHover span span.d.selector { background-color:#FF0000; }
#mainNav li.active span span.d.selector { background-color:#FF0000; }

#mainNav li:hover span span.e.selector, #mainNav li.sfHover span span.e.selector { background-color:#2AFF93; }
#mainNav li.active span span.e.selector { background-color:#2AFF93; }

#mainNav li:hover span span.f.selector, #mainNav li.sfHover span span.f.selector { background-color:#FF662A; }
#mainNav li.active span span.f.selector { background-color:#FF662A; }

#mainNav li:hover span span.g.selector, #mainNav li.sfHover span span.g.selector { background-color:#CC0000; }
#mainNav li.active span span.g.selector { background-color:#CC0000; }

#mainNav li:hover span span.h.selector, #mainNav li.sfHover span span.h.selector { background-color:#663399; }
#mainNav li.active span span.h.selector { background-color:#663399; }

/* @dropdown classes */
ul#horiznav li { display:inline; list-style:none; position:relative; }
ul#horiznav ul { margin:0; border:0 none; padding:0; width:180px; list-style:none; display:none; position:absolute; top:38px; left:0; border:1px solid #333333; border-top:0px; }
ul#horiznav ul:after { clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden; }
ul#horiznav ul li { width:180px; float:left; display:block !important; display:inline; }

ul#horiznav li:hover li a, ul#horiznav li.iehover li a { float:none; border:none; white-space:nowrap; height:20px; line-height:23px;  background:#121212; color:#FFFFFF; }
ul#horiznav li:hover li a.parent, ul#horiznav li.iehover li a.parent { float:none; border:none; white-space:nowrap; height:20px; line-height:23px; background:#121212 url("bullet-1a.png") no-repeat 99%; color:#FFFFFF; }
ul#horiznav li:hover li a:hover, ul#horiznav li:hover li:hover a, ul#horiznav li.iehover li a:hover, ul#horiznav li.iehover li.iehover a { background:#000000; color:#FFFFFF; }

ul#horiznav li:hover li:hover li a, ul#horiznav li.iehover li.iehover li a { background:#000000; color:#FFFFFF; }
ul#horiznav li:hover li:hover li a:hover, ul#horiznav li:hover li:hover li:hover a, ul#horiznav li.iehover li.iehover li a:hover, ul#horiznav li.iehover li.iehover li.iehover a { background:#121212; color:#59a2b2; }

ul#horiznav li:hover li:hover li:hover li a, ul#horiznav li.iehover li.iehover li.iehover li a { background:#121212; color:#FFFFFF; }
ul#horiznav li:hover li:hover li:hover li a:hover, ul#horiznav li.iehover li.iehover li.iehover li a:hover { background:#000000; color:#59a2b2; }
ul#horiznav ul ul, ul#horiznav ul ul ul { display:none; position:absolute; left:180px; top:-1px; }

ul#horiznav li:hover ul ul, ul#horiznav li:hover ul ul ul, ul#horiznav li.iehover ul ul, ul#horiznav li.iehover ul ul ul { display:none; }
ul#horiznav li:hover ul, ul#horiznav ul li:hover ul, ul#horiznav ul ul li:hover ul, ul#horiznav li.iehover ul, ul#horiznav ul li.iehover ul, ul#horiznav ul ul li.iehover ul { display:block; }
/* @dropdown classes */
/* @menu */
table#mainbody { width:100%; margin:0; padding:0; background:#FFFFFF; border:0px; border-collapse:collapse; }
td.maincol, td.secondcol, td.thirdcol, td.forthcol { margin:0; padding:0; background:url("column-shadow.png") 0 0 repeat-y; }
.hbar { height:1px; overflow:hidden; }
.hbar .hbar-right { float:right; width:60px; height:1px;  background:url(hbar-top-right.png) 100% 0 no-repeat; }
.hbar .hbar-left  { float:left; width:60px; height:1px; background:url(hbar-top-left.png) 0 0 no-repeat; }
.bottom .hbar .hbar-right  { background:url(hbar-bottom-right.png) 100% 0 no-repeat; }
.bottom .hbar .hbar-left { background:url(hbar-bottom-left.png) 0 0 no-repeat; }
.maincol .hbar { height:1px; margin:0 0 10px 0; }
.maincol.bottom .hbar { height:1px; margin:10px 0 10px 0; }
.secondcol .hbar, .thirdcol .hbar { height:1px; margin:0 0 15px 0; }
.secondcol.bottom .hbar, .thirdcol.bottom .hbar { height:1px; margin:10px 0 10px 0; }
td.bottom { padding:0 18px; }
td.maincol.bottom { padding:10px; }
#maincol, #secondcol, #thirdcol { color:#000000; padding:5px 10px 5px 10px; }
.left-elements { margin:0 0 20px 0; }
#component h3, .left-elements h3 { font-size:125%; font-weight:normal; margin:5px 0 10px 0; padding:4px; font-family:"Trebuchet MS"; background:#191919; }
a.mainlevel { display: block; line-height: 25px; text-indent: 15px; height: 25px; font-family: "Trebuchet MS"; font-size: 110%; text-decoration: none; }
a.mainlevel { color:#121212; background:url("bullet-5.png") no-repeat 5px 50%; border-bottom:1px dotted #121212; }
a.mainlevel:hover { background:url("bullet-4a.png") no-repeat 5px 50%; color:#da5826; }
a.mainlevel:hover { text-decoration: none; }

a.readon { display:block; background:url("readmore.png"); line-height:20px; vertical-align:middle; text-decoration:none; text-align:center; width:100px; margin:0 auto; color:#333333; }
a.readon:visited { color: #333333; }
a.readon:hover { background: transparent url("readmore_hover.png"); color: #333333; }

.width-100 { width:100%; } .width-75  { width:75%; } .width-50  { width:50%; } .width-25  { width:25%; } 
.vlt { vertical-align:top; } .vlm { vertical-align:middle; } .vlb { vertical-align:bottom; }
.ac { text-align:center; } .ar { text-align:right; } .al { text-align:left; }
div.newsbox { border:1px solid #6B99DF; background:#FFFFFF; padding:4px; margin-bottom:2px; }


#header input, #header select {
	border:1px solid #333333;
	background:#121212;
	color:#FFFFFF;
	margin-top:2px;
	margin-bottom:2px;
}
#header input.submit { background:url("inputbg.png") repeat-x; }
#header input.submit:hover { background:url("menuhover.gif") repeat-x; }
#header input.text { background:url("menuhover.gif") repeat-x; }
form.login  { border:1px solid #6B99DF; background:#FFFFFF; padding:4px; margin-bottom:2px; }
form.login { font-weight:700; }
form.login input.nick { background:#FFFFFF url("nick.png") left no-repeat; padding-left:20px; font-weight:700; font-family: Helvetica, Arial, sans-serif; border:1px solid #EEEEEE; }
form.login input.pass { background:#FFFFFF url("pass.png") left no-repeat; padding-left:20px; font-weight:700; font-family: Helvetica, Arial, sans-serif; border:1px solid #EEEEEE; }

/* other stuff: */
div.status { background-color: Blue; color: White; }
div.status_err { background-color: Red; color: White; }

/* teams: */
table.teams { margin: auto; padding: 0; background-color: #FDF5E6; width:375px; border: 2px Black solid; }
th.team_header { background-color: #DEE8F8; color: Black; border-style:none; }
td.team_member { background-color: #FDF5E6; color: Black; border-style:none; }

/* kb: */
.Karnaf_P_Head {
  color: Black;
  font-weight: bold;
  background-color: #a7a7a7;
  text-align: center;
}
.Karnaf_L_Head {
  font-weight: bold;
  background-color: #A6AAD3;
  color: Black;
  text-align: center;
}
.Karnaf_Head2 {
  font-weight: bold;
  background-color: #A6AAD3;
  color: Black;
  text-align: center;
}
tr.Karnaf_P_Normal {
  color: Black;
  background-color: #EFEFEF;
}
tr.Karnaf_P_Low {
  color: Black;
  background-color: #4DB0F7;
  font-family: "Arial";
  font-size: 12pt;
}
tr.Karnaf_P_High {
  color: White;
  background-color: #FF3300;
  font-family: "Arial";
  font-size: 12pt;
}
tr.Karnaf_P_Critical {
  color: Black;
  background-color: Magenta;
  font-family: "Arial";
  font-size: 12pt;
}
tr.Karnaf_P_Closed {
  color: Black;
  background-color: Gray;
  font-family: "Arial";
  font-size: 12pt;
}

table.diff { background:white; }
td.diff-otitle { background:#cccccc; }
td.diff-ntitle { background:#cccccc; }
td.diff-addedline {
    color:black;
    background:#ccffcc;
    font-size: 94%;
}
td.diff-deletedline {
    color:black;
    background:#ffffaa;
    font-size: 94%;
}
td.diff-context {
    color:black;
    background:#eeeeee;
    font-size: 94%;
}
span.diffchange { color: red; font-weight: bold; }
th.kb_th { background:Black; color:White; }
td.kb_td { background:#cccccc; }

.kbtextheading {
  color: rgb(61,92,122);
  background-color: transparent;
  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
  font-size: 145%;
  text-decoration: none;
  margin: 0;
  padding: 1ex 0 0 0;
  display: block;
}

.kbtextheading:hover {
  color: rgb(117,144,174);
  background-color: transparent;
  text-decoration: underline;
}

/* server list: */
body2 {
        font-size:10px;
        font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        color: #4f6b72;
        background: #FFF;
}

#serverlist {
        width: 600px;
        padding: 0;
        margin: 0;
}

caption {
        padding: 0 0 5px 0;
        width: 700px;
        font: italic 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
        text-align: right;
}

th.statusbg,th.servername,th.servernamealt,th.servernameoffline {
        color: #4f6b72;
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        border-top: 1px solid #C1DAD7;
        letter-spacing: 1px;
        text-transform: uppercase;
        text-align: left;
        background: #CAE8EA url('bg_header.jpg') no-repeat; font-style:normal; font-variant:normal; font-weight:bold; padding-left:10px; padding-right:2px; padding-top:2px; padding-bottom:2px
}

th.nobg {
        border-top: 0;
        border-left: 0;
        border-right: 1px solid #C1DAD7;
        background: none;
}

td.servername,td.servernamealt,td.server-offline,td.status-online,td.status-offline {
        border-right: 1px solid #C1DAD7;
        border-bottom: 1px solid #C1DAD7;
        background: #fff;
        padding: 2px 2px 2px 10px;
        color: #4f6b72;
}
td.servername { color: Black; }
th.statusbg, td.status-online, td.status-offline { text-align:center; padding:0px; }
td.status-online { background:#009900; color:#FFFFFF; font-weight:700; }
td.status-offline { background:#CC0000; color:#FFFFFF; font-weight:700; }
td.server-offline { background:#CC0000; color:#FFFFFF; }

td.alt {
        background: #F5FAFA;
        color: #000000;
}

th.servername {
        border-left: 1px solid #C1DAD7;
        border-top: 0 none;
        background: #fff url('bullet1.gif') no-repeat;
        font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        width:50%;
}
th.servernameoffline {
        border-left: 1px solid #C1DAD7;
        border-top: 0 none;
        background: #CC0000 url('bulletOffline.gif') no-repeat;
        font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
        width:50%;
        color:#CC0000;
}
th.servernameoffline a { color:#FFFFFF; }
th.servernamealt {
        border-left: 1px solid #C1DAD7;
        border-top: 0 none;
        background: #f5fafa url('bullet2.gif') no-repeat;
        color: #797268; font-style:normal; font-variant:normal; font-weight:bold; font-size:10px; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
td.servernamealt {
        border-left: 1px solid #C1DAD7;
        border-top: 0 none;
        background: #f5fafa;
        color: Black;
}
th, td {        font-size:12px; }

#footer a { color:#59a2b2; text-decoration:none; }
#footer a:hover { text-decoration:underline; }