/*
-------------------------------
Body
-------------------------------
*/

body
{
	color: black;
	background-color: white;
	font-family: Arial, Verdana;
	font-size: 11px;
	margin: 10px 0px 0px 5px;
	padding: 0px;
}

body.tabview
{
	padding: 0px;
	margin: 0px 0px 0px 5px;
}

body.noresizex
{
	width: 700px;	
}

/*
-------------------------------
Links
-------------------------------
*/

a
{
	color: #176de8;
	text-decoration: underline;
}

a.simpletextbutton, a:hover.simpletextbutton, a.largetextbutton, a.subblue, a:hover.subblue, a.textbutton, a:hover.textbutton, a.slider, a:hover.slider
{
	color: white;
	text-decoration: none;
}

a:hover.subblue
{
	text-decoration: underline;	
}

a.textbutton
{
	font-size: 8pt;
	text-align: center;
	padding: 0px;
}

a.slider
{
	font-weight: normal;
	font-size: 11px;
}

a:hover.slider
{
	color: #888888;
}

/*
-------------------------------
Formulare
-------------------------------
*/

input
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
	padding-left: 3px;
}

input.blue
{
	border: 1px solid #427cdd;
	height: 15px;
}

input.bigblue
{
	border: 1px solid #427cdd;
	font-size: 10pt;
}

option, select, textarea
{
	font-family: Tahoma, Arial;
	font-size: 8pt;
}


input.readonly
{
	background-color: white;
	border: 1px solid #7f9db9;
	color: #aca899;
	margin-left: 10px;
}

td.checkbox input, td.checkbox label
{
	cursor: pointer;
}

/*
-------------------------------
Container
-------------------------------
*/

div.blueframe
{
	border: 1px solid #427CDD;
	background-color: #C7DBFC;
	padding: 4px;
	width: 692px;
}

div.ellipsis
{
	overflow: hidden;
	text-overflow: ellipsis;
}

/* begin text button */

div.imgbtn
{
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: none;
}

div.btntext, div.btntextsmall, div.simplebtntext
{
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	text-align: center; 
	color: white;
}

div.btntext
{
	padding-top: 5px;
	font-size: 9pt;
	font-weight: bold;
}

div.btntextsmall
{
	padding-top: 2px;
	font-size: 8pt;
	font-weight: normal;
}

div.simplebtntext
{
	height: 22px;
	padding-top: 9px;
	font-size: 13px;
	font-weight: bold;
}

span.btnstate
{
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
}

/*
-------------------------------
Blue headlines tabmenu (neu)
-------------------------------
*/

span.headright, td.headright
{
	background-image: url(../images/tabmenu/active_right.gif);
	background-repeat: no-repeat;
	width: 5px;
}

span.headfill, td.headfill
{
	background-image: url(../images/tabmenu/active_fill.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	width: 100px;
}

span.headfill
{
	padding-top: 3px;
}

span.headleft, span.headright, span.headfill
{
	cursor: default;
	height: 29px;
}

span.headswitch, span.headswitchopen
{
	cursor: pointer; /*	HZ cursor: hand; */
	height: 29px;
}

/*
-------------------------------
Buttons
-------------------------------
*/


td
{
	font-size: 11px;
	font-weight: normal;
	color: black;
	border-color: #C8C8C8;
}

td.blue
{
	background-color: #1788E8;
	height: 26px;
}

div.blue
{
	padding: 4px;
	border: 1px solid #427cdd;
	background-color: #c7dbfc;
	color: #FFFFFF;
	width: 690px;
	margin-bottom: 7px;
}

div.blueleft, td.blueleft
{
	background-image: url(../images/button/blueleft.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 26px;
}

div.blueright, td.blueright
{
	background-image: url(../images/button/blueright.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 26px;
}

/*
-------------------------------
Images
-------------------------------
*/

img
{
	border: 0px;
}

/*
-------------------------------
Tables
-------------------------------
*/

table.template
{
	border: 1px solid #C8C8C8;
}

table.info, table.infofull, table.template, table.infoexp /* Standardtabelle mit komplettem Rahmen */
{
	width: 690px;
	border-collapse: collapse;
	border: 1px solid #427cdd;
	background-color: white;
}

table.info, table.infoexp /* Standardtabelle ohne Rahmen oben und unten */
{
	border-top: none;
	border-bottom: none;
}

table.infoexp
{
	width: 700px;
}

/*
-------------------------------
Table Cells
-------------------------------
*/

td.headline
{
	height: 29px;
	
	background-image: url(../terminal/overview/img/gradient_head.gif);
	
	padding: 0px 10px 0px 10px;
	
	border: none;
	border-bottom: 1px solid #427CDD;
	
	font-size: 13px;
	font-weight: bold;
	color: white;
	text-align: left;
}

div.subheadlineorange, td.subheadlineorange, div.subheadlinegreen, td.subheadlinegreen, td.subheadline
{
	height: 19px;
	background-image: url(../terminal/overview/img/gradient_subheadorange.gif);
	background-repeat: repeat-x;
	padding-left: 10px;
	border-bottom: 1px solid #427CDD;
	font-size: 11px;
	font-weight: bold;
	color: white;
}

div.subheadlinegreen, td.subheadlinegreen
{
	background-image: url(../terminal/overview/img/gradient_subheadgreen.gif);
}

td.subheadline
{
	background-image: url(../terminal/overview/img/gradient_subhead.gif);
	border: none;
	border-bottom: 1px solid #427CDD;
}

tr.greytitle /* hellblaue zweite headline */
{
	background-image: url(../images/infocard/blue_subgradient.gif);
	background-repeat: repeat-x;
	height: 17px;
}

td.subblue /* Blaue Subheadline (kommt vom Rootoverview Design) */
{
	padding: 0px 10px 0px 10px;
	border: 1px solid #427CDD;
	border-right: 1px solid #4A84E5;
	background-image: url(../images/infocard/blue_subgradient.gif);
	vertical-align: middle;		
	color: white;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
}

td.title, td.subtitle /* ober headline mit farbverlauf */
{
	height: 18px;
	background-image: url(../images/statictab/bar2_m.gif);
	border: 1px solid #427CDD;
	border-top: none;
	color: white;
	padding-top: 1px;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}

td.bold, td.boldgrey /* Standardzelle links Report, Hardware, Software */
{
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border: 1px inset #C7DBFC;
	width: 120px;
	border-top: 0px;
}

td.boldgrey
{
	background-color: #f7f7f7;
}

td.plain /* Standardzelle mit blauem Rahmen */
{
	padding: 5px 10px 5px 10px;
	border: 1px solid #427CDD;
	height: 25px;
	vertical-align: top;
	text-align: left;
}

td.plaingreybar /* grauer Rahmen Statistikbalken */
{
	padding: 7px 10px 3px 10px;
	border: 1px solid #C7DBFC;
	height: 25px;
	vertical-align: top;		
}

td.plaingrey /* Standardzelle mit grauem Rahmen */
{
	padding: 3px 10px 3px 10px;
	border: 1px solid #C7DBFC;
	height: 20px;
	text-align: left;
    border-top: 0px;
}

td.plaingreyjob /* Standardzelle mit grauem Rahmen JOBS */
{
	padding: 2px 10px 2px 10px;
	border: 1px solid #C7DBFC;
	height: 25px;
	text-align: left;
}

td.plainjob /* Zelle nur für JOBÜBERSICHT */
{
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #C7DBFC;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 25px;
	vertical-align: middle;
}

td.cmdrow
{
	border: 1px solid #C7DBFC;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

td.final /* Blaue Abschlußlinie unten */
{
	padding: 0px;
	height: 4px;
	background-color: #427cdd;
	border: 1px solid #427cdd;
}

td.info
{
	padding: 15px 10px 15px 10px;
	border-left: 1px solid #427cdd;
	border-right: 1px solid #427cdd;
}

td.info table td
{
	vertical-align: middle;
}


td.seperator /* Blaue duenne Linie */
{
	padding: 0px;
	height: 2px;
	background-color: #427cdd;
	border: 1px solid #427cdd;
}

td.bor, td.bl
{
	border: 1px solid #C7DBFC;
	border-right: none;
	padding-top: 3px;
}

td.bl
{
	padding-top: 5px;
}

span.errormark
{
	font-weight: bold;
	font-size: 10pt;
	margin-left: 6px;
	color: red;
	visibility: hidden;
}

span.link
{
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
	color: #176de8;
	cursor: pointer; /* HZ cursor: hand; */
}

span.text
{
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}

/*
-------------------------------
DriveUsage
-------------------------------
*/
td.driveredleft, td.drivegreenright
{
	background-image: url(../images/driveusage/redleft.gif);
	background-repeat: no-repeat;
	width: 1px;
}

td.drivegreenright
{
	background-image: url(../images/driveusage/greenright.gif);
}

td.drivered, td.drivegreen
{
	background-image: url(../images/driveusage/red.gif);
	background-repeat: repeat-x;
	height: 11px;
}

td.drivegreen
{
	background-image: url(../images/driveusage/green.gif);
}