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

/* STYLES COMMON TO ALL(MANY) UIs */
/* Use for your UI's body tag to set default font, font size, margins, border, etc. */
.plxsty_body	{ 
		font-family:Arial,Geneva,Helvetica,sans-serif; 
		font-size:12pt;
		margin:0 0 0 0;
		border: 7px groove #990000; 
		}

.plxsty_extraEmphasis		{
		font-style:italic; 
		color: #990000; 
		font-weight:bold; 
		text-decoration:underline;
		}
			
.plxsty_copyright{ font-size:8pt; }

.plxsty_image_viewer	{
		background-color:transparent;
		border: 1px solid black; 
		padding: 0px;
		}
		
.plxsty_image_viewer_image {
		background-color:white;
		cursor: pointer; 
		border: 5px ridge yellow;
		position: absolute;
		}						

/* "Control panel" styles, i.e text in the heading part of UIs */
.plxsty_ctrlPanelTitle {
		font-weight:bold;
		text-align: left;
		color: #990000; 
		}
.plxsty_ctrlPanelText	{
		font-size:10pt;
		text-align: left; 
		}
.plxsty_photoNotice	{
		font-size:8pt;
		text-align: center; 
		vertical-align:bottom;
		}

/* The attributes of the the main image. */
.plxsty_main_image_frame {
		}
.plxsty_main_image_pane	{
		text-align:center;
		vertical-align:middle;
		background-color:transparent;
		}
.plxsty_main_image	{
		cursor: pointer;
		}

/* Tip picture styles... */
.plxsty_tippic_frame	{
		border: 1px solid #990000; 
		}
.plxsty_tippic_pane {
		text-align:center;
		vertical-align:middle;
		background-color:white;
		}
.plxsty_tippic	{
		cursor: pointer; 
		border: thin none; 
		}

.plxsty_tiptext		{
		font-size:10pt; 
		font-style:italic;
		background-color:transparent;
		color: green; 
		}
		
.plxsty_must_config_msg {
		font-size:9pt;
		font-style:italic;
		font-weight:bold;
		background-color:red;
		color: white;
		padding: 3px 3px 3px 3px;
		margin-bottom: 3px; 
}

/* Header button styles... */
.plxsty_headbutt	{
			border: 1px solid #990000; 
			font-weight:bold;
			text-align: center;
			font-size:8pt; 
			width:75px;
			}

/* Text styles for presentation group, attribute, and enum descriptions, PID Codes, ... */
.plxsty_presgrp_desc {
			font-size:12pt; 
			color: white;
			background-color: #990000; 
			font-weight:bold;
			font-style:normal;
			}

.plxsty_accy2_presgrp_desc 
{
			font-size:10pt; 
}

.plxsty_attrdesc	{ 
			font-size:10pt; 
			color: darkblue; 
			font-weight:bold;
			font-style:normal;
			}
.plxsty_enumdesc	{ 
			font-size:10pt; 
			font-weight:normal;
			font-style:normal;
			}
.plxsty_pidcodes	{ 
			font-size:10pt; 
			color: #990000; 
			font-style:italic;
			}
.plxsty_presgrp_small	{ 
			font-size:8pt; 
			color: darkblue; 
			font-weight:normal;
			font-style:normal;
			}
.plxsty_presgrp_small_bold	{ 
			font-size:8pt; 
			color: darkblue; 
			font-weight:bold;
			font-style:normal;
			}
.plxsty_attrdesc_small	{ 
			font-size:9pt; 
			color: darkblue; 
			font-weight:bold;
			font-style:normal;
			}
.plxsty_enumdesc_small	{ 
			font-size:8pt; 
			font-weight:normal;
			font-style:normal;
			}
.plxsty_pidcodes_small	{ 
			font-size:8pt; 
			color: #990000; 
			font-style:italic;
			}
.plxsty_prompt	{ 
			font-size:10pt; 
			font-weight:bold;
			font-style:normal;
			}
.plxsty_units	{ 
			font-size:10pt; 
			font-weight:normal;
			font-style:italic;
			}
			
/*	Styles for edit boxes and text areas in the UI... */
.plxsty_pid	{ 
			font-size:10pt; 
			font-weight:normal;
			font-style:normal;
			text-transform: uppercase;
			}
.plxsty_qty	{ 
			font-size:10pt; 
			font-weight:normal;
			font-style:normal;
			text-align:right;
			}
.plxsty_qty_small	{ 
			font-size:8pt; 
			font-weight:normal;
			font-style:normal;
			text-align:right;
			padding:0px;
			}
.plxsty_scalar	{ 
			font-size:10pt; 
			font-weight:normal;
			font-style:normal;
			}

.plxsty_accy_selection_summary_text	{ 
			font-size:9pt; 
			color: darkblue; 
			font-weight:bold;
			font-style:normal;
			padding-left:5px;
			}

/* The selector pane holds the UI components for making selections, specifying values, etc.*/
.plxsty_selector_header {
			font-size:10pt; 
			color: white;
			background-color: #990000; 
			font-weight:bold;
			font-style:normal;
			}
			
.plxsty_summary {
}
			
.plxsty_selector_pane {
			background-color: lightyellow; 
			}
			
.plxsty_selector_reqOneNote {
			font-size:8pt;
			font-weight:normal;
			font-style:italic;
			margin-left:10px;
			}

.plxsty_message_header {
			font-size:8pt; 
			color: white;
			background-color: #990000; 
			font-weight:bold;
			font-style:normal;
			}

.plxsty_message_pane {
			background-color: lightyellow; 
			}
			
.plxsty_message {
			color: black;
			font-size:8pt; 
			font-weight:normal;
			font-style:normal;
			}
					
/* Text styles for the "No Selection" item shown in the summary pane when no selection
	for an attribute is made */
.plxsty_no_selection {
			font-size:8pt; 
			color: red; 
			font-weight:bold;
			font-style:italic;
			text-transform: uppercase;
			}

/* UI SPECIFIC STYLES... */
.plxsty_pa_selector_frame { 
			border-bottom: 1px solid gray;
			border-right: 1px solid gray;
			border-left: 1px solid gray;
			}

.plxsty_pa_tab {
			text-align: center;
			}

.plxsty_std_summary_frame {
			border: 1px solid gray;
			}
.plxsty_std_presgrp_frame {
			border-bottom: 1px solid gray;
			}
.plxsty_std_selector_frame {
			border-top: 1px solid gray;
			border-right: 1px solid gray;
			border-bottom: 1px solid gray;
			}
.plxsty_std_attr_frame {
			border-bottom: 1px solid lightgrey;
			border-right: 1px solid lightgrey;
			}
.plxsty_std_selections_frame {
			border-bottom: 1px solid lightgrey;
			}

.plxsty_accy_tab_contents_frame { 
			border-bottom: 1px solid gray;
			border-right: 1px solid gray;
			border-left: 1px solid gray;
			background-color: lightyellow; 
			}

.plxsty_accy2_tab_contents_frame { 
			border-top: 1px solid gray;
}
			
.plxsty_accy_tab_filler {
			width:100%; 
			background-color:white; 
			border-bottom:1px solid gray;
			}			

.plxsty_accy_scroll {
			background-color: white; 
			border: 1px solid gray; 
			overflow-y: scroll; 
			overflow-x: hidden;
}

.plxsty_accy_table {
			background-color: white;
			width:100%; 
}

.plxsty_accy_spacer {
			font-size:1pt; 
			height:10px; 
			padding: 0px; 
			background-color: white;
			border-bottom: 1px solid gray;
}

.plxsty_accy_invisible_row {
			font-size:1pt; 
			height:1px; 
			padding: 0px; 
			background-color: transparent;
}

.plxsty_accy_inputcol {
			width:1%; 
			height:1%; 
			padding:0px 0px 0px 2px; 
			border-bottom: 1px solid gray;
}

.plxsty_accy_spinnercol {
			width:1%; 
			height:1%; 
			border-bottom: 1px solid gray; 
			padding: 0px; 
			margin: 0px; 
}

.plxsty_accy_pidcol {
			width:20%; 
			height:1%; 
			border-left: 1px solid gray; 
			border-bottom: 1px solid gray;
			padding:0px 2px 0px 2px; 
}

.plxsty_accy_iconcol {
			width:1%; 
			height:1%; 
			border-bottom: 1px solid gray;
			padding:0px 2px 0px 2px; 
}

.plxsty_accy_attrdesccol {
			background-color: lightyellow; 
			padding-top: 10px; 
			padding-bottom:5px;
			border-bottom: 1px solid gray;
			border-right: 1px solid gray;
}

.plxsty_accy_enumdesccol {
			width:100%; 
			height:1%; 
			border-left: 1px solid gray; 
			border-bottom: 1px solid gray;
			border-right: 1px solid gray;
			padding:0px 2px 0px 2px; 
}

/* "Alert" message box styles... */
.plxsty_alert_overlay 
    {
    visibility: hidden;
    z-index: 1000;
    background-image:url(../pics/transback.gif);
    }
.plxsty_alert_box
    {
    background-color: white;
    color: black;
    border:1px solid black;
    padding:0px;
    }
.plxsty_alert_titlebar
    {
    background-color:#000099;
    color:white;
    padding: 3px;
    font-weight: bold;
    }
.plxsty_alert_textbox
    {
    background-color:white;
    color:black;
    overflow: scroll;
    padding: 10px;
    }
 .plxsty_alerttext
    {
    font-size: 10pt;
    }

/* DYNAMIC STYLES FOR HIGHLIGHTING, SELECTING, CLICKING, ETC. */
/*	NOTE: These have to be grouped at the end of the file, so that they
					get "priority" when combined with other style classes.
					In addition, within groups they must be the specified order
					as well.  */
.plxsty_clickable 	{
			cursor: pointer; 
			}						
.plxsty_clickable_hilited {
			text-decoration:underline;
			color: #990000; 
			}						
.plxsty_clickable_disabled {
			cursor: default;
			color: #a9a9a9; 
			}

.plxsty_spinup
    {
    width:10px;
    height:7px;
    margin: 0px;
    padding: 0px; 
	background-image: url(../pics/spinup.GIF);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
    }
    
.plxsty_spinup:hover 
    {
   	background-image: url(../pics/spinup-active.GIF);
    }
    	
.plxsty_spindown
    {
    width:10px;
    height:7px; 
    margin: 0px;
    padding: 0px; 
	background-image: url(../pics/spindown.GIF);
	background-repeat:no-repeat;
	background-position:center center;
	cursor: pointer;
    }
    
.plxsty_spindown:hover 
    {
    background-image: url(../pics/spindown-active.GIF);
    }

.plxsty_selectable 	{
			cursor: pointer; 
			}
									
.plxsty_selectable_hilited {
			text-decoration:underline;
			color: #990000; 
			}						
			
.plxsty_selectable_disabled {
			cursor: default;
			color: #a9a9a9; 
			}
			
.plxsty_selectable_selected {
			background-color:lightgrey;
			}

.plxsty_butt	{
			background-color:#e0e0e0; 
			color: #000000; 
			cursor: pointer; 
			}
.plxsty_butt_disabled	{ 
			color: #a9a9a9; 
			cursor: default;
			}
.plxsty_butt_hilited {	
			background-color: #cccccc; 
			text-decoration:underline;
			}

.plxsty_tab		{
			text-decoration:none;
			background-color:khaki;
			cursor: pointer;
			border-top: 1px solid gray;
			border-right: 1px solid gray;
			border-left: 1px solid gray;
			border-bottom: 1px solid gray;
			}
.plxsty_tab_hilited {
			text-decoration:underline;
			background-color:#FFFFC0;
			} 
.plxsty_tab_selected {
			text-decoration:none;
			background-color:lightyellow;
			border-bottom: 1px solid lightyellow;
			}

.plxsty_sidetab		{
			cursor: pointer;
			padding-left: 10px;
			padding-top: 2px;
			padding-bottom: 3px;
			}

.plxsty_sidetab_hilited {
			text-decoration:underline;
			} 

.plxsty_sidetab_selected {
			text-decoration:none;
			background-color:yellow;
			}
			
.plxsty_sidetab_title {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bolder;
	font-size: 10pt;
	color: #990000;
}
	

.plxsty_accy_row {
}
.plxsty_accy_row_disabled {
			color: gray;
}
.plxsty_accy_row_selected {
			background-color: yellow;
}