﻿/* Images Check Ingvi */

/*********** Filter ****************/
#filtercontentcontainer
{
  float: left;
  background-color: #F4F4F4;
  border-right: 1px solid #CCCCCC;
}

.mm-sharp-layout #filtercontentcontainer { background-color:#fbfbfb; }

.filter_interaction_header
{
    width: 100%;
  font-size:12px;
  font-weight:bold;
    font-family:Arial, Sans-Serif;

  }
.filter_container
{
  border: 0px solid red;
  float:left;
  display:inline;
  font-family:Arial, Sans-Serif;
  font-size:11px;
  width:195px;
  margin-top:0px;  
  margin-left:0px;
}

.filter_type_container
{
  border: 0px solid red;
  float:left;
  padding-left:10px;
}

.filter_content
{
  background-color: #F1F1F1;
  float:left;
}

.filter_menu_container
{
  float: left;
  padding-top:2px;   
  padding-bottom:3px;
  padding-left:4px;  
  
}

.filter_menu_cell
{
  width:195px; 
  FONT-WEIGHT: normal;	
  FONT-SIZE: 11px;	
  VERTICAL-ALIGN: top;  
  HEIGHT: 24px;
  /*border-bottom:1px solid #CCCCCC;*/
}

.filter_dropdown_container
{
  padding:10px;
}

.filter_dropdown_item
{
  border: 0px solid red;
  margin-top:8px;
}

.filter_dropdown
{
  width: 100%;
  font-size:11px;
  border:1px solid #ABABAB;
}

.filter_dropdown_name
{
  border:0px solid green;
  float:left;
  font-size:13px;
}

.filter_dropdown_icons
{
  border: 0px solid blue;
  float: right;
}

.filter_dropdown_icon_image
{
  border: 0px solid red;
  margin: 2px;
  margin-right:7px;
  margin-bottom:0px;
}

.filter_tree_container
{
  /*height:350px;*/
  width:180px;
  border: 1px solid #DDDDDD;
  background-color: White;
  overflow:auto;
  margin:7px 6px;
}

.filter_tree_nodestyle
{
  border: 0px solid red;
  font-size:10px;
  color:Black;
  padding-left:2px;
}

.filter_corner
{
  border:0px solid green;
  height:3px;
  width:3px;
  background-image: url("../images/filter/filter_roundedcorners.gif");
  background-repeat:no-repeat;
}

.backgound_pos_tl
{
  background-position: top left;
}

.backgound_pos_tr
{
  background-position: top right;
}

.backgound_pos_bl
{
  background-position: bottom left;
}

.backgound_pos_br
{
  background-position: bottom right;
}

.margin_bottom_2px
{
  margin-bottom:2px;  
}

.filter_topbottom
{
  width:189px;
  height:3px;
  background-color: #F1F1F1;
}

.MainTreeFilter_ModalPopup
{
  background-color:#FFFFFF;  
  filter:alpha(opacity=70);  
  opacity:0.7;
} 
  
.filter_modal
{
   display:none;
}
  
.filter_interaction_bottom
{
   padding-left:10px;   
}
    
.filter_rounded_top
{
  float:left;
  display:inline; 
  width:195px;
  height:3px;
  background-image:url("../images/filter/filter_rounded_top.gif");
  background-repeat:no-repeat;  
}

.filter_rounded_bottom
{
  float:left;
  display:inline; 
  width:0px;
  height:0px;
  /*background-image:url("../images/filter/filter_rounded_bottom.gif");
  background-position:bottom;
  background-repeat:no-repeat;*/
}

.filter_rounded_item_container
{
  float:left;
  display:inline; 
  clear:left;  
  background-color:#F4F4F4;
  border-top:1px solid #FFFFFF;
}

.mm-sharp-layout .filter_rounded_item_container { background-color:#fbfbfb; border-top:none; }

.filter_rounded_item_container_white
{
  float:left;
  display:inline; 
  clear:left;    
  border-top:1px solid #FFFFFF;
}

.filter_rounded_item
{
  float: left; 
 /* margin:8px 10px;*/
  display:inline;  
}

.filter_rounded_container
{
  float:left;
  clear:left;
  display:inline;   
}

.filter_menu_static_item_style
{
  /*border: 1px solid transparent;*/
  padding-bottom:5px;
  padding-top:0px;
  padding-right:2px;
  padding-left:2px;
}

.filter_menu_static_hover_style
{
  border-top: 0px solid transparent; 
  background-color:white;
}

.filter_menu_dynamicmenustyle
{
  float:left;
  border: 1px solid #DDDDDD;  
}

.filter_menu_dynamicmenuitemstyle
{
  DISPLAY: block; 
  WIDTH: 163px;	
  CURSOR: pointer;
}

.filter_hide
{
  float:left;
  background-image:url('../Images/Filter/filter_hide.gif');
}

.filter_hide:hover
{
  float:left;
  background-image:url('../Images/Filter/filter_hide_hover.gif');
}

.filter_show
{
  float:left;
  background-image:url('../Images/Filter/filter_show.gif');
}

.filter_show:hover
{
  float:left;
  background-image:url('../Images/Filter/filter_show_hover.gif');
}


/*********** Filter Ends ****************/

.datepick_label
{
    float:left;
    font-weight:bold;
    margin-top:2px;
    margin-bottom:2px;
}

/* Calendar fix - align it to the left position always - was disappearing in processes */
.rspSlidePane .ajax__calendar { left:0px !important; }

select.mm-filter-on, input.mm-filter-on, .mm-checkboxlist.mm-filter-on, .mm-checkbox-panel.mm-filter-on {
	background-color: #f1ecd7 !important;
}
