﻿/* Azure themed tablestyles*/
	.TrAz
	{background-color: lightgray;}

	.ThAzMid
	{
		background-image:url(./images/bg/header-normal.png);
		height:20px;
		white-space: nowrap;
		background-color: #CAE1EF;
		font-weight: bold;
		font-size: 12px;
	}   
	.ThAzLeft
	{
		background-image:url(./images/bg/header-normal.png);
		height: 20px;
		white-space: nowrap;
		background-color: #CAE1EF;
		font-weight: bold;
		font-size: 12px;
		border-left: 1px solid lightgrey;
	}   
	.ThAzRight
	{
		background-image:url(./images/bg/header-normal.png);
		height:20px;
		white-space: nowrap;
		background-color: #CAE1EF;
		font-weight: bold;
		font-size: 12px;
		border-right: 1px solid lightgrey;
	}   

/* Nice themed tablestyles (used in login, home) */
	.na_top
	{
		background:url(./Images/backgrounds/na_top.gif) no-repeat;
	}
	.na_left
	{
		background:url(./Images/backgrounds/na_topleft.gif) no-repeat;
		width: 4px;
		height: 23px;
		font-size: 1px;
		
	}
	.na_right
	{
		background:url(./Images/backgrounds/na_topright.gif) no-repeat;
		width: 4px;
		height: 23px;
		font-size: 1px;
	}
	.na_center
	{
		background:url(./Images/backgrounds/na_repeat2.gif) repeat-x;
		font-family: Arial;
		font-size: small;
		font-weight: bold;
		color: White;
	}
	.na_bottom
	{
		background:url(./Images/backgrounds/na_bottom.gif) no-repeat;
	}
	.na_midleft
	{
		background:url(./Images/backgrounds/na_midleft.gif) repeat-y;
		width: 4px;
		font-size: 1px;
	}
	.na_midright
	{
		background:url(./Images/backgrounds/na_midright.gif) repeat-y;
		width: 4px;
		font-size: 1px;
	}
	.na_botleft
	{
		background:url(./Images/backgrounds/na_botleft.gif) no-repeat;
		width: 4px; height: 10px; font-size: 1px;
	}
	.na_botmid
	{
		background:url(./Images/backgrounds/na_botmid.gif) repeat-x;
		height: 10px; font-size: 1px;
	}
	.na_botright
	{
		background:url(./Images/backgrounds/na_botright.gif) no-repeat;
		width: 4px; height: 10px; font-size: 1px;
	}
	
/* Clean themed tablestyles  */
	.CleanHdr1
	{font-size: 14px;font-weight: bold;padding: 2px;background-color: #9EC9E2;}
	.CleanHdr2
	{font-size: 13px;font-weight: bold;background-color: #CAE1EF;}
	.CleanHdr3
	{font-size: 12px;font-weight: bold;background-color: whitesmoke;border-bottom: solid 1px lightgrey;}
	.CleanHdr4
	{font-size: 12px;font-weight: bold;border-bottom: solid 1px lightgrey;}
	.CleanRow
	{background-color: White;font-size: 12px;}
	.CleanRowAlt
	{font-size: 12px;background-color: #F0F0F0;}	

/* Styles for attention tablecells */
	.Stat_i
	{border:solid 1px #2B954E; background-color: #24BA24; color: White; padding: 2px 8px 2px 8px; font-weight: bolder; font-family: Verdana; }
	.Stat_w
	{border:solid 1px #7D9910; background-color: #F8FA26; color: Black; padding: 2px 8px 2px 8px; font-weight: bolder; font-family: Verdana; }
	.Stat_e
	{border:solid 1px #AE4721; background-color: #F70909; color: White; padding: 2px 8px 2px 8px; font-weight: bolder; font-family: Verdana; }
	.Stat_f
	{border:solid 1px #6E3915; background-color: #861818; color: White; padding: 2px 8px 2px 8px; font-weight: bolder; font-family: Verdana; }
	.Stat_
	{border:solid 1px #555555; background-color: #11ED24; color: White; padding: 2px 8px 2px 8px; font-weight: bolder; font-family: Verdana; }

/* Repeater stuff */
	
	/* For check-overview repeater */
	.RptItm
	{font-size: 12px;}
	.RptAltItm
	{background-color: #F0F0F0;}
	.RptAltItm1
	{background-color: #F2F2F2;}
	.RptAltItm2
	{background-color: #D9D9D9;}
	.RptWarningRow
	{background-color: #FFFFCC;}
	.RptErrorRow
	{background-color: #FFC6C6;}
	.RptFatalRow
	{background-color: #FF8080;}	
		
	
/* General styles th/td to use in tables */
	.TdLeftHdr
	{
		font-family: Verdana;
		font-size: 12px;
		text-align: left;
		font-weight: normal;
		/* vertical-align: top; */
	}
	.TdRightHdr
	{
		font-family: Verdana;
		font-size: 12px;
		text-align: right;
		font-weight: normal;
		/* vertical-align: top; */
	}	
	.TdLeft1
	{
		font-family: Verdana;
		font-size: 12px;
		text-align: left;
		font-weight: bolder;
		vertical-align: top;	
		background-color: White;
	}
	.TdRight1
	{
		font-family: Verdana;
		font-size: 12px;
		text-align: right;
		font-weight: bolder;
		vertical-align: top;	
	}
	
	.SmallBoldWhiteTd
	{
		background-color: white;
		font-weight: bold;
		font-size: 11px;
	}
	.SmallWhiteTd
	{
		background-color: white;
		font-weight: normal;
		font-size: 11px;
	}	
	
		
/* Styles for error/red designen tables */
   .ErrTable
	{border: solid 1px #FE1915; width: 100%;}
   .ErrBack
       {background-color: #FE1915; color: #FFFFFF; font-size: 12px;}
   .ErrBrdTop
       {border-top: solid 1px #FE1915;}

	

/* Some different headerrow styles for tables */	
	.TdBlueGrayTop
	{
		background-color: #839BAD;
		font-family: Verdana;
		font-size: 13px;
		font-weight: bold;
		color: White;
		border: solid 1px black;
		text-align: center;
	}

	.TdPinkTop
	{
		background-color: #FF5555;
		font-family: Verdana;
		font-size: 12px;
		border:solid 1px #AE4721;
		color: White;
		border: solid 1px black;
	}
	
	.TdPinkTop a, TdPinkTop  a:visited, TdPinkTop  a:hover, TdPinkTop  a:link, TdPinkTop  a:active
	{font-family: Tahoma, Verdana;font-weight: bold;font-size: 11px;color: #FFFFFF;}
	

/* Design from grönis */
.TdBlack
{
	text-align: left;
	font-family: Helvetica, Verdana, Arial;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
	background:url(./Images/groenis/dark_header.png) repeat-x;
}
.TdGrey
{
	vertical-align: middle;
	text-align: left;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	background:url(./Images/groenis/light_header.png) repeat-x;
}
.TdWarning
{
	vertical-align: middle;
	text-align: left;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	background:url(./Images/groenis/iwef_span_w.png) repeat-x;
}
.TdInfo
{
	vertical-align: middle;
	text-align: left;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	background:url(./Images/groenis/iwef_span_i.png) repeat-x;
}
.TdError
{
	vertical-align: middle;
	text-align: left;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	background:url(./Images/groenis/iwef_span_e.png) repeat-x;
}
.TdFatal
{
	vertical-align: middle;
	text-align: left;
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1em;
	color: #ffffff;
	background:url(./Images/groenis/iwef_span_f.png) repeat-x;
}
.iwef_I
{background: url(./Images/groenis/status_wide_ok.png) no-repeat ; width: 70px;  height: 28px; margin-right: 20px;}
.iwef_W
{background: url(./Images/groenis/status_wide_warning.png) no-repeat ; width: 70px; height: 28px;}
.iwef_E
{background: url(./Images/groenis/status_wide_error.png) no-repeat ; width: 70px; height: 28px;}
.iwef_F
{background: url(./Images/groenis/status_wide_fatal.png) no-repeat ; width: 70px; height: 28px;}
.iwef_U .iwef_
{background: url(./Images/groenis/indikator_knappar.png) no-repeat 0px 5px; width: 70px; height: 28px;}

.status_agent_disconnected
{background: url(./Images/groenis/status_agent_disconnected.png) no-repeat ; width: 70px;  height: 32px; margin-right: 20px;}
.status_agent_vanished
{background: url(./Images/groenis/status_agent_vanished.png) no-repeat ; width: 70px;  height: 32px; margin-right: 20px;}

.iwef_sI
{background: url(./Images/groenis/iwef_span_i.png) repeat-x; height: 27px; width: 25px; text-align: center; color: #ffffff; font-weight: 900;}
.iwef_sW
{background: url(./Images/groenis/iwef_span_w.png) repeat-x; height: 27px; width: 25px; text-align: center; color: #000000;}
.iwef_sE
{background: url(./Images/groenis/iwef_span_e.png) repeat-x; height: 27px; width: 25px; text-align: center; color: #ffffff;}
.iwef_sF
{background: url(./Images/groenis/iwef_span_f.png) repeat-x; height: 27px; width: 25px; text-align: center; color: #ffffff;}
.iwef_sU
{background-color: #ffffff; width: 65px; height: 27px;}

.BlackHdr, .BlackHdr a, .BlackHdr a:hover, .BlackHdr a:link, .BlackHdr a:visited 
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
}
.WhiteHdr
{
	font-family: Helvetica;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
}
.GreySmallTxt
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 0.8em;
	color: #686868;
}
.BlackSmallTxt
{
	font-family: Helvetica;
	font-weight: normal;
	font-size: 0.9em;
	color: #000000;
}

/* Some various styles to set for entire tables */

	/* used for summary of SLA's */
	.SummaryBox
	{
		background-color: #d8d8df; 
		font-weight: bold; 
		text-align: center;
	}

.smalltable
{
	text-align: left;
    font-size: 12px;
    color: black;
    font-family: Verdana;
}
.smalltable td, .smalltable th
{
	font-size: 10px;
}