/* CSS Document */

/*TOP BANNER*/

.top_banner_logo{
	background:#003333 url(../../../images/layout/bg_top_logo.png);
}

.top_banner_bg{
	background:#003333 url(../../../images/layout/bg_top.png);
}

#top_logo{
	float:left;
	background:#003333 url(../../../images/layout/bg_top_logo.png) no-repeat;
	width:317px;
	height:90px;
}

#top{
	float:left;
	width:100%;
	height:90px;
	background:#003333 url(../../../images/layout/bg_top.png) repeat-x;
}

/*MENU*/

#menu_div{
	float:left;
	position:absolute;
	left:0px;
	top:10px;
	width:100%;
	height:24px;
	z-index:1;
}

#body{
	float:left;
	width:100%;
}

#body_div{
	float:left;
	/*width:1000px !important;*/
	margin-bottom:20px;
	width:100%;
}

/*CONTENT*/

#content{
	float:left;
	width:100%;
	padding:0px 0px 30px 0px;
}

/*DASHBOARD*/

#section1{
	float:left;
	background:#EAF3FD;
	border:1px solid #C6DFF9;
	padding:10px;
	width:100%;
}

#section2{
	float:left;
	padding:10px;
	width:100%;
}

#section3{
	float:left;
	width:100%;
	height:24px;
}

#section4{
	float:left;
	width:100%;
	padding:20px 10px 20px 10px;
	border-top:1px solid #CCC;
	border-bottom:3px solid #E1A5F8;
	margin-bottom:30px;
}

.glance{
	padding:12px 0px 12px 0px;
}

#dashboard_submenu{
	float:left;
	width:100%;
	padding:3px;
	color:#999900;
}

/*MENU*/

#menu_section1{
	float:left;
	height:25px;
	padding:3px;
}

#menu_section2{
	float:right;
	height:25px;
	padding:3px;
}

/*SYSTEM MENU*/

#system_menu{
	float:left;
	width:100%;
	height:28px;
	padding-right:20px;
	border-right:1px solid #777;
	border-left:1px solid #777;
	background:#333 url(../../../images/layout/menu/system/bg.png) repeat-x;
}

#system_menu_bg_left{
	float:left;
	height:28px;
}

#system_menu_bg_right{
	float:right;
	height:28px;
}

.system_menu_item{
	float:left;
	font-weight:normal;
	font-size:12px;
	color:#F0F0F0;
	border-right:1px solid #323232;
	padding:6px 7px 6px 7px;
}

.system_menu_item:hover{
	color:#E1F0FF;
	background:#333 url(../../../images/layout/menu/system/bg_hover.png) repeat-x;
}

/*WIDGETS*/

#holder1{
	width:95%;
	padding:10px;
	border:1px solid #999999;
}

#holder1 .header{
	padding:3px;
	border-bottom:1px solid #B9C4DA;
	font-weight:bold;
	color:#444;
}

#holder1 .info{
	padding:3px;
	font-weight:normal;
	color:#333;
	font-size:12px;
}

#settings .header{
	padding:3px;
	font-weight:bold;
	border-bottom:1px solid #B9C4DA;
}

#settings .header_odd{
	padding:3px;
	font-weight:bold;
	border-bottom:1px solid #B9C4DA;
	background:#FAFAFA;
}

#settings .info{
	padding:3px;
	color:#444;
	border-bottom:1px solid #DFE6F2;
}

#settings .info_odd{
	padding:3px;
	color:#444;
	border-bottom:1px solid #DFE6F2;
	background:#FAFAFA;
}

/*FOOTER*/

#footer_outer{
	position:fixed;
	width:80%;
	height:26px;
	border:1px solid #CCC;
	background:#F1F1F1;
	z-index:3;
}

#footer{
	
}

#footer_menu{
	margin:-1px;
	cursor:pointer;
}

#footer_menu img{
	padding-right:4px;
}

.footer_menu_active{
	float:left;
	font-weight:bold;
	height:26px;
	border-right:1px solid #CCC;
	padding:5px;
	padding-right:10px;
	cursor:pointer;
}

.footer_menu_active img{
	padding-right:4px;
}

.footer_menu_active:hover{
	background:#FFF;
	border:1px solid #CCC;
}

.footer_menu_hover{
	float:left;
	background:#FFF;
	border:1px solid #000;
	border-top:1px solid #FFF;
	color:#333333;
	padding-right:10px;
	cursor:pointer;
}

.footer_menu_hover img{
	padding-right:4px;
}

.footer_menu_hover:hover{
	border:1px solid #000;
	border-top:1px solid #FFF;
}

#footer_menu_links{
	position:fixed;
	width:180px;
	background:#FFF;
	border:1px solid #000;
	z-index:2px;
	left:-3000px;
	top:-3000px;
}

#footer_menu_links .header{
	padding:3px;
	font-weight:bold;
	color:#FFF;
	background:#526EA6;
	cursor:pointer;
}

#footer_menu_links .links{
	float:left;
	width:160px;
	padding:6px 4px 6px 5px;
	color:#526EA6;
}

#footer_menu_links .links:hover{
	text-decoration:underline;
	cursor:pointer;
}

#footer_menu_links img{
	padding-right:4px;
}

/*GENERAL FORMATS*/

.grey_backgroud{
	padding:3px;
	background:#F6F6F6;
}

.padding{
	padding:3px;
}

/*Container with headers background*/

.container{
	float:left;
	width:100%;
	border:1px solid #CCC;
	margin-bottom:15px;
}

.container .header{
	border-bottom:1px solid #CCC;
	background:url(../images/layout/container/header_bg.png) repeat-x;
	font-weight:bold;
	color:#333;
	padding:3px;
	height:18px;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

.container .body{
	color:#333;
	background:#FFF;
	border:thin; 
}

.body .tbs{
	border: thick;
	border-bottom-color:#999999;
}


/*Dashboard container*/

.dashboard{
	float:left;
	width:100%;
	border:1px solid #CCC;
	min-height:157px;
	background:#E7E7E7 url(../images/layout/container/dashboard_bg.png) repeat-x;
	margin-bottom:15px;
}

.dashboard .header{
	font-weight:bold;
	font-size:18px;
	color:#333333;
	margin:20px;
	border-bottom:1px solid #CCC;
}

.dashboard .header2{
	font-weight:bold;
	font-size:10px;
	margin:20px;

}
.dashboard .body{
	margin:10px 20px 10px 20px;
	color:#333;
	font-size:11px;
}

.dashboard .body .snipet{
	margin-bottom:5px;
}

/*DASHBOARD ICONS*/

.dash_icon{
	float:left;
	margin-right:20px;
	height:100px;
	width:120px;
	border:1px solid #CCC;
	margin-bottom:15px;
}

.dash_icon:hover{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #777;
	border-right:1px solid #777;
}

.dash_icon .label{
	text-transform:uppercase;
	font-weight:bold;
	height:25px;
	padding:4px 0 0 5px;
}

.dash_icon .icon{
	text-align:center;
	border:none;
	border-bottom:1px solid #CCC;
	height:45px;
}

.dash_icon .dynamic{
	border-top:1px solid #FFF;
	font-weight:bold;
	height:30px;
	font-size:15px;
	padding:0 0 0 4px;
	color:#0066FF;
	text-align: center;
}

/*BAR TABLE*/

#bar_holder td{
	font-weight:bold;
}

/*BARS*/

#bar_active{
	height:20px;
	background:url(../images/layout/flags/2.png) repeat-x;
}

#bar_overdue{
	height:20px;
	background:url(../images/layout/flags/6.png) repeat-x;
}

#bar_unvalidated{
	height:20px;
	background:url(../images/layout/flags/4.png) repeat-x;
}

#bar_critical{
	height:20px;
	background:url(../images/layout/flags/7.png) repeat-x;
}

#bar_managed{
	height:20px;
	background:url(../images/layout/flags/3.png) repeat-x;
}