/*  
		Copyright © 2004-2008 by Symmetrix Software, Inc.
		Brookfield, Wisconsin
		ALL RIGHTS RESERVED

*/ 

/* Force body to be as big as the viewport,... always... */
.plxbox_body {
		position:absolute; 
		top:0px; 
		bottom:0px; 
		left:0px; 
		right:0px;
}

/* Ditto for the overlay box used for wait window et.al. */
.plxbox_overlay {
		position:absolute; 
		top:0px; 
		bottom:0px; 
		left:0px; 
		right:0px;
}

/* The config interface uses the whole viewport too, but with a bit of margin.  */
.plxbox_cfg_interface {
		position:absolute; 
		top:10px; 
		bottom:10px; 
		left:10px; 
		right:10px;
}

/* Heading is at the top with a fixed height   */
.plxbox_heading {
		position:absolute; 
		top:0px; 
		left:0px; 
		right:0px; 
		height:175px;
}

/* Header button box styles... */
.plxbox_headbutt	{
			width:75px;
			}

/* Header box left, right, bottom */
.plxbox_header_left {
  		position:absolute; 
  		top:0px; 
  		left:0px; 
  		right:20%; 
  		height:145px;
			}
			
.plxbox_header_right {
  		position:absolute; 
  		top:0px; 
  		left:80%; 
  		right:0px; 
  		height:145px;
			}
			
.plxbox_header_bottom {
	  	position:absolute; 
  		top:145px; 
  		left:0px; 
  		right:0px; 
  		bottom:0px;
		}
		
.plxbox_main_image {
  		width:145px;
  		height:145px;
        }
			
/* The main part of the interface lives in the space between the "fixed" height
		header and message pane.   */
.plxbox_main {
		position:absolute;
		top:175px;
		bottom:25px;
		left:0px;
		right:0px;
}

/* Reduce main pane height to make room for expanded message pane... */
.plxbox_main_collapse {
		bottom:103px; 
}

/* Message pane box style.  Hugs the bottom of the viewport with a "fixed" height. */
.plxbox_message {
		position:absolute; 
		height:22px; 
		bottom:0px; 
		left:0px; 
		right:0px;
}

/* Additional message pane box style to expand it... */
.plxbox_message_expand {
		height:100px; 
}

/* Box styles for the image viewer's image tag.  Positioning within an overlay box
		is absolute but dynamic. */
.plxbox_image_viewer_image {
		position: absolute;
		}						

/* Standard UI -- 
		Summary box contains the presentation groups, attributes and their current selections.
		It appears in the main box on the left, comsuming 60% of the width.*/
.plxbox_std_summary {
		position:absolute; 
		top:0px; 
		bottom:0px; 
		left:0px; 
		right:40%;
}

/* Standard UI -- 
		The selector box contains the selector for the attribute currently selected 
		in the summary box. It appears to the right of the summary box and consumes
		40% of the width.  */
.plxbox_std_selector {
		position:absolute; 
		top:0px; 
		bottom:0px; 
		left:60%; 
		right:0px;
}

.plxbox_accy2_left 
{
		position:absolute; 
		top:0px; 
		bottom:0px; 
		left:0px; 
		right:80%;
}

.plxbox_accy2_right
{
		position:absolute; 
		top:0px; 
		bottom:0px; 
		left:20%; 
		right:0px;
}

/* PID Assist UI --
	The box containing the "tabs" for navigating the attributes in the PID.  */
.plxbox_pa_tabs {
		position:absolute; 
		top:0px; 
		height:70px; 
		left:0px; 
		right:0px; 
}

/* PID Assist UI --
	The box containing the attribute selector for the attribute currently selected in the
	tabs.  */
.plxbox_pa_selector {
		position:absolute; 
		top:70px; 
		bottom:0px; 
		left:0px; 
		right:0px; 
}

/* Accessory UI -- 
		The selector box contains the selector for the presentation group currently selected 
		in the summary box. 
*/
.plxbox_accy_selector {
		position:absolute; 
		top:0px; 
		bottom:40%; 
		left:0px; 
		right:0px;
}

/* Accessory UI -- 
		Summary box contains the presentation groups, attributes and their current selections. 
*/
.plxbox_accy_summary {
		position:absolute; 
		top:62%; 
		bottom:0px; 
		left:0px; 
		right:0px;
}

/* Accessory UI --
	The box containing the "tabs" for navigating the presentation groups.  */
.plxbox_accy_tab_row_short {
		position:absolute; 
		top:175px; 
		height:30px; 
		left:0px; 
		right:0px; 
}

.plxbox_accy_tab_row_tall {
		position:absolute; 
		top:175px; 
		height:50px; 
		left:0px; 
		right:0px; 
}

.plxbox_accy_main_short {
		position:absolute;
		top:225px;
		bottom:25px;
		left:0px;
		right:0px;
}

.plxbox_accy_main_tall {
		position:absolute;
		top:205px;
		bottom:25px;
		left:0px;
		right:0px;
}

/* Reduce main pane height to make room for expanded message pane... */
.plxbox_accy_main_tall_collapse {
		bottom:103px; 
}

.plxbox_accy_main_short_collapse {
		bottom:103px; 
}

.plxbox_accy_tab_contents {
		position:absolute; 
		top:0px; 
		bottom: 0px; 
		left:0px; 
		right:0px; 
}

.plxbox_accy_scroll {
		position:absolute; 
		top:5px; 
		bottom: 5px; 
		left:5px; 
		right:5px; 
}

.plxbox_accy_summary_header {
		position:absolute; 
		top:0px; 
		height:20px; 
		left:0px; 
		right:0px; 
}

.plxbox_accy_summary_content {
		position:absolute; 
		top:20px; 
		bottom:0px; 
		left:0px; 
		right:0px; 
}

/* "Alert" message box box styles... */
.plxbox_alert_box
    {
    position: absolute;
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
    }

.plxbox_alert_titlebar
    {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 21px;
    }

.plxbox_alert_textbox
    {
    position: absolute;
    top: 27px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    }