/* Essentials */

/*html, div, map, dt, isindex, form, header, aside, section, section, article, footer {  
    display: block;  
} */
@import url("menu.css");

html,body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	background: #F8F8F8;
	font-size: 12px;
}

img {
	border: 0px;
}

p.footer {
	display: inline;
	margin: 0;
}

a:link,a:visited {
	color: #666666;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Header */
#header {
	height: 55px;
	width: 100%;
	background: #222222 url('./images/header_bg.png') repeat-x;
}

#header a.logo {
	float: left;
	margin: 0;
	font-size: 22px;
	display: block;
	width: 20%;
	height: 55px;
	font-weight: normal;
	text-align: left;
	text-indent: 1.8%;
	color: #fff;
	text-shadow: 0 -1px 0 #000;
}

.tab_view_node {
	float: right;
	width: 20%;
}

.tab_view_node th {
	color: white;
	font-weight: bold;
}

.tab_view_node  td {
	width: 2.5%;
	height: 30px;
}

.tab_view_node td.EventCritical {
	background-color: #ff0000;
	text-align: center;
}

.tab_view_node td.EventUnknown {
	background-color: #C1C1C1;
	text-align: center;
}

.tab_view_node td.EventWarning {
	background-color: #FFFF00;
	text-align: center;
}

.tab_view_node td.EventOK {
	background-color: #00FF00;
	text-align: center;
}

.tab_view_node td.EventNone {
	text-align: center;
}

.btn_view_site a:hover {
	background-position: 0 -27px;
}

/* Main Content */
#main {
	overflow: auto;
	min-width: 550px;;
	height: inherit;
	background: url(./images/sidebar_shadow.png) repeat-y left top;
	padding: 10px 20px 0px 20px;
}

#main h3 {
	color: #1F1F20;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #fff;
	font-size: 13px;
	margin: 8px 20px;
}
/*Affiche les couleurs des TD en cas d'alertes*/
.EventCritical {
	background: url('/theme/default-image/critical.png');
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.EventUnknown {
	background: url('/theme/default-image/unknown.png');
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.EventWarning {
	background: url('/theme/default-image/warning.png');
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.EventOK {
	background: url('/theme/default-image/ok.png');
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}

.EventNone {
	text-align: center;
}
/*Default table*/
.c-f-c-2 {
	background: url('./images/c-f-c.png') repeat-x bottom left;
	height: 7px;
	font-size: 0.1em;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
}
/*coin bas arrondi gauche*/
.c-f-l {
	background: url('./images/c-f-l.png') no-repeat bottom left;
	padding-left: 6px;
	height: 7px;
	margin: 0 0 10px 0;
}
/*coin bas arrondi droit*/
.c-f-r {
	background: url('./images/c-f-r.png') no-repeat bottom right;
	padding-right: 6px;
}
/*barre haut (gris)*/
.c-h-c {
	background: url('./images/c-h-c.png') repeat-x bottom left;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 1.3em;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
}
/*coin arrondi haut gauche*/
.c-h-l {
	margin: 0;
	background: url('./images/c-h-l.png') no-repeat bottom left;
	padding-left: 7px;
}
/*coin arrondi haut droit*/
.c-h-r {
	background: url('./images/c-h-r.png') no-repeat bottom right;
	padding-right: 5px;
}
/*titre si on veut en mettre un dans l'encadré*/
.c-h-title {
	color: black;
	margin: 5px 10px 5px 0px;
}
/*table main*/
.tablebg_round_rl {
	margin: 0;
	width: 100%;
	background-color: #ffffff;
	border-left: 1px solid #b1b3bd;
	border-right: 1px solid #b1b3bd;
}
/* Content Manager */
.tab {
	width: 100%;
	margin: 0 0 0 0;
}

.tab td {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}

.tab tr th {
	height: 34px;
	background: url(./images/tab_header.png) repeat-x;
	text-align: center;
	text-indent: 10px;
	cursor: pointer;
}

.tab td {
	padding: 15px 10px;
}

.tab a {
	color: black;
}
/* Content Manager */
.tab_little {
	margin: 0 0 0 0;
}

.tab_little td {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #ccc;
}

.tab_little tr th {
	height: 34px;
	background: url(./images/tab_header.png) repeat-x;
	text-align: center;
	text-indent: 10px;
	cursor: pointer;
}

.tab_little td {
	padding: 15px 10px;
}

.tab_little a {
	color: black;
}
.legend {
	margin: 0;
	text-align: left;
	border: none;
	display: block;
	float: right;
	padding: 0px;
}

.infobulle {
	position: absolute;
	visibility: hidden;
	border: 1px solid Black;
	padding: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	background-color: #FFFFCC;
}

.tab_node_description {
	background-color: #E6E6E6;
}

.button_toggle {
	float: right;
	margin-right: 3px;
}