/**************************************
Furniture Filter Toolbar
**************************************/
#dvToolbarFull {
	bottom: 25px;
    position: fixed;
    width: 100%;    
    padding: 0px 0px 0px 0px;
    text-align:center;
    z-index:200;
    background-color: #F37521;

}

#dvToolbarFull.Collapsed 
{
	background-color: #CFC8BF;
	overflow:hidden;
}

#dvToolbarFull.Collapsed #dvToolbarReset
{
	background: url(/images/toolbar/M_Reset_G.gif) no-repeat scroll 0px 0px;
}


#dvToolbarFull.Collapsed #dvToolbarToggle
{
	background: url(/images/toolbar/M_Show_G.gif) no-repeat scroll 0px 0px;
}

#dvToolbarFull.Collapsed #dvToolbarSlant
{
	background-image: url(/images/toolbar/toggle_slant_g.gif);
}

#dvToolbarFull.Collapsed #dvToolbarContainer {	
    background-color: #CFC8BF; 
    border-top: solid 1px #CFC8BF; /* represents the top edge off toolbar container immediately below the show/hide */
    border-bottom: solid 0px #CFC8BF;
}

#dvToolbarFull.Collapsed #dvToolbar {	
    display: none;
}

#dvToolbarFull a {
	font-size: 8pt;
	text-decoration: none;
}

#dvToolbarFull a:link  {
	font-size: 8pt;
	text-decoration: none;
}

#dvToolbarFull a:visited {
	font-size: 8pt;
	text-decoration: none;
}

#dvToolbarFull a:hover {
	font-size: 8pt;
	text-decoration: none;
}

#dvToolbarFull a:active {
	font-size: 8pt;
	text-decoration: none;
}

#dvToolbarTopShadow 
{
	background:transparent;
	background-image:url(/images/shadows/shadow_top.png);
	background-repeat:repeat-x;
	width:100%;
	height:9px;
	position:absolute;
	left:0px;
	top:9px;
	z-index:1;
}

#dvToolbarTop 
{
	float:left;
	width:70%;
	background-color: #FFFFFF;
	border-color:#FFFFFF;
	padding-left: 0px;	
	padding-top:1px; /*padding values must match ShowHIde TOP/BOTTOM padding */
	padding-bottom:2px;
}

#dvToolbarSlant 
{
	float:left;
	background-image: url(/images/toolbar/toggle_slant_o.gif);
	background-repeat:no-repeat;
	background-position: top right;
	background-color: #FFFFFF;
	position:relative;
	height:15px;	
	width: 25px;
	overflow:hidden;
	margin:0 0 0 0;
	padding-top: 1px; /*padding values must match ToolbarTop TOP/BOTTOM padding */
	padding-bottom:2px;
}

#dvToolbarShowHide 
{
	position:relative;
	float:none;
	color: #FFFFFF;
	cursor: pointer;
	height: 15px;
	text-align:left;
	padding-left: 3px; 
	padding-top: 1px; /*padding values must match ToolbarTop TOP/BOTTOM padding */
	padding-bottom:2px;
	z-index:2;
}

#dvToolbarReset
{
	float:left;
	background: url(/images/toolbar/M_Reset_O.gif) no-repeat scroll 0px 2px;
	padding-left: 15px;
	font-size:8pt;
	
}

#dvToolbarToggle
{
	float:left;
	background: url(/images/toolbar/M_Hide_O.gif) no-repeat scroll 0px 2px;
	padding-left: 15px;
	font-size:8pt;

}


#dvToolbarContainer {	
    width: 100%;    
    background-color: #F37521; 
    background-image: url(/images/toolbar/bg_Toolbar.gif);
    background-repeat:repeat-x;
    background-position: 0px 20px;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    border-top: solid 0px #F37521; /* represents the top edge off toolbar container immediately below the show/hide */
    border-bottom: solid 0px #F37521;

}


/*************************************/
/* This is all the stuff in the collapsed toolbar */

#dvToolbarCollapsedHeader /* hidden header */
{	
    width: 985px;
    height: 15px;    
    padding-top: 2px;
	padding-bottom: 2px;
    margin: auto;
    background-color: Transparent;
    border:solid 0px #392E2C;
    text-align: center; 
    z-index:0;
    display:none;
    position:relative;
    
}

div.ToolbarCollapsedTitle
{
	position: absolute;
	width: 195px;
	margin-left: 0px;
	margin-right: 0px;
	/*background-color: #F37521;*/
	text-align:left;
	font: Bold 9pt Arial;
	color:White;
	z-index:0;
	border-right: solid 1pt white;

}


div.ToolbarCollapsedValue
{
	position: absolute;
	top:0px;
	right:5px;
	/*padding-right: 5px;*/
	/*background-color: #F37521;*/
	font: Bold 8pt Arial;
	color:Black;

}

div.ToolbarExpandedValue 
{
	position:absolute; 
	top:2px;
	right:5px;
	font-size:8pt;
}

/*************************************/
/* This is all the stuff in #Toolbar */
#dvToolbar
{	
    width: 985px;
    height: 120px;    
    margin: auto;
    background-color: Transparent;
    border:solid 0px #392E2C;
    text-align: center; 
    z-index:101;
    position:relative;

}

/********************************************/
/** PANELS                                  */
/********************************************/
    #dvTBType, #dvTBType_chdr
    {
	    left:0px;
	    width:255px;
    }

    #dvTBIndustry, #dvTBIndustry_chdr
    {
	    left: 256px;
	    width: 283px;
    }

    #dvTBRoom, #dvTBRoom_chdr
    {
	    left: 540px;
    }

    #dvTBSeries, #dvTBSeries_chdr
    {
	    left: 736px;
	    width: 287px;
    }
/********************************************/



div.ToolbarPanel
{
	position: absolute;
	float: left;
	width: 195px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	z-index: 110;
	text-align:left;
	height: 119px;
	padding-bottom: 5px;
	border-right: solid 1px #392E2C;
	border-left: solid 1pt transparent;
	background-color: Transparent;
	
}

div.ToolbarPanel.Collapsed 
{
	overflow: hidden;
	top:0;
}

div.ToolbarPanel.Expanded
{
	border: solid 1px transparent; 
	background-color: White;
	background-image: url(/images/toolbar/BG_ToolbarExpand.gif);
	background-repeat: repeat-x;
	overflow:visible;
	bottom:0;
}

div.ToolbarPanel.TransparentRightBorder
{
	border-right: solid 1px transparent;
}

div.ToolbarPanelTitle /* don't forget to include padding in height, should match ToolbarHeader #F37521 */
{
	margin: 0px;
	background-color:#F37521;
	height: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 17px;
	padding-right: 5px;
	font: bold 9pt Arial;
	color: White;
	cursor: pointer;
	overflow: hidden;
	z-index:101;
	position:relative;
}

div.ToolbarPanel.Collapsed > div.ToolbarPanelTitle 
{
	background-image: url(/images/toolbar/M_Arrow_O.gif);
    background-repeat: no-repeat;
    background-position: 3px 5px;
}

div.ToolbarPanel.Expanded > div.ToolbarPanelTitle 
{
	background-image: url(/images/toolbar/M_ArrowDN_O.gif);
	background-repeat: no-repeat;
    background-position: 3px 5px;
}

div.ToolbarPanel .Contents
{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	font-size:8pt;

}

div.ToolbarPanel.Collapsed .Contents
{
	overflow: hidden;

}

div.ToolbarPanel.Expanded .Contents
{
	overflow: auto;
	height:100%;

}

div.ToolbarPanel > .Contents > div.TbButton
{
	padding: 2px;
	margin-bottom:1px;
	cursor: pointer;
	width: 100%;
	display:block;
	float:none;

}

/* TWO Column */
div.ToolbarPanel > .Contents.ToggleTwoColumn > div.TbButton
{
	padding: 2px;
	margin-bottom:1px;
	margin-right:1px;
	cursor: pointer;
	width: 44%;
	display:block;
	overflow:visible;
	float:left;

}

div.ToolbarPanel.Expanded > .Contents.ToggleTwoColumn > div.TbButton
{
	width: 100%;
	float:none;

}


/* Three Column
div.ToolbarPanel > .Contents.ToggleTwoColumn > div.TbButton
{
	padding: 2px;
	margin-bottom:1px;
	margin-right:1px;
	cursor: pointer;
	width: 31%;
	display:block;
	overflow:visible;
	float:left;

}

div.ToolbarPanel.Expanded > .Contents.ToggleTwoColumn > div.TbButton
{
	width: 100%;
	float:none;

}
 */





div.TbButton.Selected
{
	background-color: #392E2C;
	color:White;

}

div.ToolbarPanel .Contents > .dvCenter 
{
	text-align:center;
}

div.ToolbarPanel .Contents .dvCenter img
{
	cursor: pointer;
	border: solid 0px green;
	margin: 2px;
	padding:2px;
}


div.ToolbarPanel .Contents .dvCenter img.Selected
{
	background-color:#392E2C;
}

div.ToolbarPanel .Contents .dvCenter img.Selected.NoColor /* do not use solid background */
{
	background-color: transparent;
}


/************************************************/
/* This has to deal specifically with materials */
div.ToolbarPanel .SelectionArea
{
	text-align:center;
	font-style:italic;
	width:180px;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left:7px; /*center-align does not work, so i use padding to force the illusion of being centered */
	height:25px;
	text-align:center;
}

div.ToolbarPanel .SelectionArea > img 
{
	margin: 1px;
	width: 24px;
	height:24px;
	cursor: pointer;
	border: solid 1px #392E2C;
	display:block;
	float:left;
}

div.ToolbarPanel .SelectionArea > div 
{
	margin: 1px;
	width: 24px;
	height:24px;
	border: solid 1px #392E2C;
	cursor: pointer;
	background-color: Transparent;
	float:left;
}

div.MaterialPanel_Header
{
	display:none;
	font-weight:bold;
	border-top: solid 1px #392E2C;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 7px;
	margin-bottom: 2px;
	width:170px;
}

div.MaterialPanel_Footer
{
	display:none;
	font-weight:bold;
	border-bottom: solid 1px #392E2C;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	margin-bottom: 2px;
	width:170px;
}

div.MaterialPanel
{
	display:none;
	width:170px;
	height:325px;
	overflow:auto;
	margin-left:7px;
	white-space:nowrap;
}

div.MaterialPanel > div.TbButton
{
	cursor: pointer;
	margin: 1px;
	padding: 1px;
	float:left;
	width: 25px;
	height:25px;
}

div.MaterialPanel > div.TbButton > img 
{
	display:block;
	padding:0px;
	width: 25px;
	height:25px;
	cursor: pointer;
	margin: 0 0 0 0;
}

#MaterialTypeSelector 
{
    margin-top: 5px;
    
}

#MaterialTypeSelector.solidBG
{
	background-color:White;
}

#MaterialTypeSelector > div.TbButton 
{
	display:block;
	float:left;
	width:80px;
	padding-left: 7px;
	cursor:pointer;
}


/*************************************/