@charset "utf-8";
/* CSS Document
<style> */
#groupsList {
	background:#c1d5e0 url(../img/bg/grouplist_right.gif) no-repeat 100% 0%;
}
#groupsList table{background:url(../img/bg/grouplist.gif) no-repeat 0% 0%;}
#groupsList table table {background:none;}
#groupDetail {background-color:#EEEBE4;}

#groupDetail .appl_group_metadata { 
	background:#ede1cd url(../img/bg/app_lib_left.gif) no-repeat 0% 0%;
	color:#4b616e; 
}
#groupDetail .appl_group_metadata td{padding-top:6px}
#groupDetail .appl_group_metadata table td#app_lib_right{width:11px;height:33px;background:url(../img/bg/app_lib_right.gif) no-repeat 100% 0%;padding:0px;}
.appl_group_metadata a, .appl_group_metadata a:link, .appl_group_metadata a:visited{color:#254867;}
#groupDetail .appl_group_metadata a:hover{color:#36648c;text-decoration:underline}
span.lower_data{text-transform:lowercase;color:#254867}

a.view_channels_tr{background:url(../img/icons/view_channels_tr.gif) no-repeat 0px 2px;padding-left:13px;}
a.edit_group_tr{background:url(../img/icons/edit_group_tr.gif) no-repeat 0px 1px;padding-left:13px;}
a.delete_group_tr{background:url(../img/icons/delete_group_tr.gif) no-repeat 0px 1px;padding-left:16px;margin-left:20px;}
/********************* scrollable tabs ******************/
div.scrollable {
	float: left;
	position: relative;
	overflow: hidden;	
	width: 890px;
	height: 44px;
	z-index:0;
}
div.scrollable .items {
	position: absolute;
	clear: both;		
	width:2000em !important;
	margin:0;
	padding:0;z-index:0

}
div.scrollable .items div {
	float: left;
	height: 36px;	
	margin:0;
	padding: 4px 15px 4px 15px;	
	white-space: nowrap;
	border-left:1px solid #a6bfcd;
	border-right:1px solid #d7e2e8;
	cursor:pointer;

}
div.scrollable .items div *{cursor:pointer;}
div.scrollable div.items div.last {
	border-right:none;
}
div.scrollable div.items div label{
	font-size:13px;
	color:#0a1b33;
	display: block;
}
div.scrollable div.items div label.ac{
/*	color:#ffffff;*/
	display: none;
}
div.scrollable div.items div.hover,
div.scrollable div.items div.active {
	background: #5e748b url(../img/bg/scrollable_bg_1px.gif) repeat-x;
	cursor:pointer;
	border-left:1px solid #687e94;
	border-right:1px solid #687e94;
}
div.scrollable div.items div.hover label,
div.scrollable div.items div.active label {
	color:#ffffff;
}
div.scrollable div.items div.hover * {
	cursor:pointer;
}
div.scrollable div.items div.disabled *{
	cursor:default;
}
div.scrollable div.items div.hover label.ac,
div.scrollable div.items div.active label.ac {
	display: block;
}
div.scrollable div.items div.hover label.in-ac,
div.scrollable div.items div.active label.in-ac {
	display: none;
}
.app_statistic{color:#41667f;font-size:10px;margin:4px 0 0;padding:0;}
.app_statistic span{color:#41667f;}
.app_statistic span.appliance_down{color:#b61d1d;}
div.scrollable .app_statistic{padding-bottom:3px;}
div.scrollable div.active .app_statistic, div.scrollable div.items div.hover .app_statistic{color:#153a53}
div.scrollable div.active .app_statistic span{color:#153a53}
div.scrollable div.active .app_statistic span.appliance_down, div.scrollable div.items div.hover .app_statistic span.appliance_down{color:#750404;}

div.scrollable div.items div.trivia {background: #F9ECDA;}
div.scrollable div.items div.trivia.active{border-left:1px solid #eab368;}
div.scrollable div.items div.trivia.hover,
div.scrollable div.items div.trivia.active{background: #FFC575;border-right:1px solid #e5d4bd;}
div.scrollable div.items div.survey {background: #CFF0E0;}
div.scrollable div.items div.survey.active{border-left:1px solid #90E2C1;}
div.scrollable div.items div.survey.hover,
div.scrollable div.items div.survey.active{background: #83CEB0;border-right:1px solid #649E87;}
div.scrollable div.items div.trivia.hover label,
div.scrollable div.items div.trivia.active label,
div.scrollable div.items div.survey.hover label,
div.scrollable div.items div.survey.active label  {color: #000000;}


/* ----------- prev, prevPage and next, nextPage buttons --------------- */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:34px;
	height:40px;
	background-repeat: no-repeat;
	cursor:pointer;
}
a.prev, a.prevPage {
	background-image:url(../img/icons/app_prev.png);
	background-position:100% 50%;
	float:left;
	margin: 0px 10px 0px 0px;
}
a.next, a.nextPage {
	background-image:url(../img/icons/app_next.png);
	background-position:0% 50%;
	float:right;
	margin: 0px 0px 0px 10px;
}

a.disabled {
	visibility:hidden !important;		
}

/* ------------- appliances list ----------- */
#appliancesList, #layoutsList {background:#fffcf7;border:1px solid #1e4362;border-top:none;}
#appliancesList h2{font-size:20px;margin:0;color:#1e4362;}
#appliancesList .error, #layoutsList .error{background:#fae3e3;margin:-10px;border:none;padding:50px 0px;color:#7f1a1a}
#appliancegroupsList #groupDetail{background:transparent}
/* ------------- config modification log ----------- */
#configLogBlock {
	float:right;
}
#configLogBlock div.container {
	position:relative;
	float:left;
	top: 30px;
	z-index:10;
}
#configLogBlock #boxPopup{
	position: absolute;
	z-index: 100;
	left: -350px;
}

#configLogBlock div.expand {
	position: absolute;
	top: 3px;
/*	left: 4px;*/
	left: -21px;
}
#configLogBlock div.expand div {
	padding-left: 0px !important;
}
#configLogBlock div.collapse {
	position: absolute;
	left: 324px;
}
#configLogBlock div.status_2, #configLogBlock div.status_1, #configLogBlock div.status_0{	padding-left: 19px;line-height: 16px;}
#configLogBlock div.status_2{background:url(../img/icons/configLog/log_red.png) no-repeat top left;}
#configLogBlock div.status_1{background:url(../img/icons/configLog/log_yellow.png) no-repeat top left;}
#configLogBlock div.status_0{background:url(../img/icons/configLog/log_green.png) no-repeat top left;}
#configLogBlock div.status_descr { width:203px; overflow:hidden; white-space:normal; }
/*#configLogBlock div.status_descr { width:275px; overflow:hidden; }
#configLogBlock div.status_2 div.status_descr { width:250px; }*/

/* boxPopup :: begin */
#boxPopup table td {padding: 0px;}

#boxPopup table td.top-bg{background:url(../img/popupinfo/t.png) repeat-x top;height:15px;}
#boxPopup table td.top-left-corner{background:url(../img/popupinfo/tl.png) no-repeat top left;}
#boxPopup table td.top-right-corner{background:url(../img/popupinfo/tr.png) no-repeat top right;}

#boxPopup table td.bottom-bg{background:url(../img/popupinfo/b.png) repeat-x top;text-align: center;}
#boxPopup table td.bottom-left-corner{background:url(../img/popupinfo/bl.png) no-repeat top left;}
#boxPopup table td.bottom-right-corner{background:url(../img/popupinfo/br.png) no-repeat top right;}

#boxPopup table td.left-bg{background:url(../img/popupinfo/l.png) repeat-y left;}
#boxPopup table td.right-bg{background:url(../img/popupinfo/r.png) repeat-y right;}
#boxPopup table td.content-bg{background: #fff;}
/* boxPopup :: end */


/********************* scrollable tabs ******************/

div.scrollable.vertical {
	float: none;	
	width: 314px;
	height: 50px;
}
div.scrollable.vertical div.logItems {
	clear: both;		
	position: absolute;
	margin: 0;
	padding: 0;
	/*height: 2000em;*/
	width: 100%;
}
div.scrollable.vertical div.logItems div.item {
	margin: 0;
	padding: 3px;	
	white-space: nowrap;
	border-top:1px dotted #D7E2E8;
	font-size: 11px;
}
div.scrollable.vertical div.logItems div.item span{
	font-size: 10px;
	vertical-align:top;
	position:relative;
	top:2px;
}
div.scrollable.vertical div.logItems div.item.last {
	border-bottom:1px dotted #D7E2E8;
}
div.scrollable.vertical div.logItems div.item.hover,
div.scrollable.vertical div.logItems div.item.active {
	background-color: #cce5ff;
	border-top: 1px dotted #1e4362;
}
/*
div.scrollable.vertical div.logItems div a{
	font-size: 10px;
	text-transform:lowercase;
}*/

/* ----------- logPrev and logNext buttons --------------- */
div.logPrev, div.logNext {
	position: relative;
	left: 156px;
	width:16px;
	height:8px;
	cursor:pointer;
	background-position:100% 50%;
	background-repeat: no-repeat;
}
div.logPrev {
	background-image:url(../img/icons/configLog/top.gif);
	margin: 0px 0px 4px 0px;
}
div.logNext {
	background-image:url(../img/icons/configLog/bottom.gif);
	margin: 4px 0px 0px 0px;
}

div.logPrev.disabled, div.logNext.disabled {
	visibility:hidden !important;		
}
/*---------------- styles for appliance details, group details pages --------------*/
.appl_dark_bg{background:#767066 url(../img/bg/appl_details_grad.gif) repeat-x;}
.appl_details_menu{margin:0;list-style:none;}
.appl_details_menu li{float:left;margin:0px;padding:5px 12px 5px 12px;font-size:12px;white-space:nowrap;text-align:center;border-right:1px dotted #989083;}
.appl_details_menu li.acc{font-weight:bold;background:#989083;}
.appl_details_menu li.acc a, .appl_details_menu li.acc a:link, .appl_details_menu li.acc a:visited, .appl_details_menu li.acc a:hover{text-decoration:none !important;color:white}
.appl_details_menu a, .appl_details_menu a:link, .appl_details_menu a:visited, .appl_details_menu a:hover{color:#f4ecdf}
.appl_details_menu.disabled a {text-decoration:none !important; color:#A9AFA5 !important; cursor:default;}
.appl_details_menu.disabled li.acc{font-weight:normal;background:none;}

#applianceDetailsContainer  div#tabs_inner_menu li{font-size:11px;}
#applianceDetailsContainer  div.lib_category{font-size:11px;}
#applianceDetailsContainer .lib_sub {font-size:11px;margin:5px 10px 5px 0px;}
#applianceDetailsContainer .lib_sub a.subcategory:hover, #applianceDetailsContainer  .lib_sub#ac a.subcategory{background:url(../img/icons/subcategory_appl_ac.gif) no-repeat 5px 50%}
#applianceDetailsContainer .norecords{background:#fdf0ec;border-top:1px solid #f0e9e6;border-bottom:1px solid #f0e9e6;}

/*------------------- non-standard pull-down ----------------*/
option.opt_selected {background:#EFECE7;}
div.selectbox-wrapper ul {list-style-type:none;margin:0px 6px 9px 4px;padding:0px;}
div.selectbox-wrapper ul li {
	list-style-type:none;
	display:block;
	margin:0px;
	padding:3px 4px 2px 4px;
	cursor:pointer;
	color:#000;
}
html:root div.selectbox-wrapper {left:5px;} /* for FF & Safary*/
html:root div.selectbox-wrapper ul {margin:0px 6px 9px 0px;} /* for FF & Safary*/
div.selectbox-wrapper ul li.selected {background-color: #CFD2D9;}
div.selectbox-wrapper ul li.current {background-color: #e1e3eb;}

div.selectbox-wrapper {
	position:absolute;
	width:165px;
	top:25px;
	left:0px;
	background: url(../img/bg/select/event_shadow.png) no-repeat right bottom;	   
	margin:-10px 0px 0px 0px;	
	font-size:11px;
	text-align:left;
	overflow: auto;
}
.selectbox /* look&fell of  select box*/{
	font-size:11px;  
	width : 170px; 
	overflow:hidden;
	display : block;
	text-align:left; 
	background: url('../img/bg/select/event_list.png') no-repeat left center;
	height:17px;
	line-height: 17px;
	cursor: pointer;
	border:none;
	color:#000;
	padding-left:7px;
}
html:root .selectbox{width: 163px;}

div.scrollable div.items div.selectbox_wrap{border:none;padding:0px;}
div.scrollable div.items div.selectbox_wrap div {
	float: left;
	height: auto;	
	white-space: nowrap;
	border:none;
	margin-top:3px;
	padding-left:10px;
}
div.scrollable .items div.selectbox{margin:0px;padding:0px;}