﻿
.StandardPanel
{
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 3px 0px;
	background-color: #FFFFFF;
	border: solid 1px #90979E;
	clear: both;
}
.StandardPanel .StandardPanel
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: none;*/
}
/* The area above the panel */
.PanelHead
{
	color: #000000;
	height: 30px;
    clear: both;
	background: #EFEFEF url('./images/panel/sliver_grey.gif') repeat-x;
	white-space: nowrap;
	padding-top: 4px;
}
/* The actual panel title text */
.PanelTitle
{
    font-weight: bold;
    margin-left: 10px;
    float: left;
}

h2.PanelTitle 
{ 
    border-bottom-style: none;    
}
.Collapsible
{
}
.PanelHeadCollapseImage, .PanelHeadCollapseText, .PanelHeadButtonImage, .PanelHeadOptionsBox
{
    margin-right: 5px;
    float:right;
    cursor: pointer;
}
.PanelHeadCollapseText
{
    text-decoration: underline;
    font-weight: normal;   
}
/* The actual content of the panel */
.PanelBody
{
	padding: 2px 5px 2px 5px;
	font-family: verdana,tahoma,arial,helvetica;
	color: black;
	background-color: #FFFFFF;
	height: auto;
}

.PanelBody .PanelBody
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/* The columns within the panel
    NOTE: This could be ".StandardPanel .PanelColumn", but it was decided
    that there is no reason not to be able to use this class name in any 
    context.
 */
.PanelColumn
{
    float: left;
    margin-left: 2px;
}
.StandardPanel fieldset
{
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
/* Hide the legend because we use our own custom header */
.StandardPanel fieldset legend
{
    display: none;
}

/* Field: Container element for both the Caption and Value controls */

.PanelFieldGraph
{
	float: left;
	clear: left;
	width: 95%;
	padding: 0px 0px 0px 0px;
	border: solid 1px white;
	border-bottom: solid 1px #CDCDCD;	
}

.PanelField
{
	float: left;
	clear: left;
	width: 95%;
	padding: 3px 2px 3px 2px;
	border: solid 1px white;
	border-bottom: solid 1px #CDCDCD;
}
/* prevent doubled-up border with nested PanelFields */
.PanelField .PanelField
{
    width: auto;
    /*margin-left: 1%;*/
    border: none;
}
/*.StandardPanel fieldset div.PanelField:hover
{
	border-color: #CDCDCD;
	background-color: #EFEFEF;
}
 */
.focus, .focus:hover
{
    border-color: #BCBCBC;
	background-color: #CDCDCD;
}
/* Caption */
.PanelField label,
.PanelField .Label
{
	float: left;
	text-align: left;
	font-size: .9em;
	font-weight: bold;
	color: #666666;
	width: 130px;
	min-width: 10em;
     /* This is to allow space for the required indicator */
	padding: 3px 3px 3px 9px;
    margin-left: -6px;
	/*white-space: pre-line;*/ /* SBI5116 Crashes IE8 */
}
/* Caption - Top  & Bottom */
.PanelField.Top label, .PanelField.Bottom label
.PanelField.Top .Label, .PanelField.Bottom .Label
{ 
    width: 99%; 
}

/* Caption - Disabled */
.PanelField label[disabled],
.PanelField .Label[disabled]
{
    color: #999;
}

/* Value */
.PanelField .PanelFieldValue
{
	float: left;
	width: 60%;
	text-align: left;
	padding: 3px 0px 3px 0px;
}
/* Value - Right */
.PanelField.Right .PanelFieldValue
{ text-align: right; }
/* Value - Top & Bottom */
.PanelField.Top .PanelFieldValue, .PanelField.Bottom .PanelFieldValue
{ 
    width: 99%; 
}

.PanelField.Left .PanelFieldLabel, .PanelField.Right .PanelFieldLabel
{
    display:inline;
}

/* Value Input Controls , .PanelFieldValue textarea*/
.PanelFieldValue INPUT[type=radio], .PanelFieldValue select, .PanelFieldValue a 
{
	float: left;
} 

.PanelFieldValue input, .PanelFieldValue select, .PanelFieldValue a
{
	float: left;
} 
.PanelFieldValue textarea
{
	float: left;
	width: 99%;
}
.PanelFieldValue .UserEntered input, .PanelFieldValue .UserEntered select, .PanelFieldValue .UserEntered a
{
	float: none;
	max-width: 0;
} 
.PanelFieldValue .UserEntered textarea
{
	float: none;
	width: inherit;
}
.PanelFieldValue input[type=text], .PanelFieldValue input[type=password]
{
    min-width: 10em;
}
.RadETextBox
{
	min-width: 0 !important;
}
.ParameterSheet .PanelField .PanelFieldValue
{
	width: 350px !important;
}


.PanelFieldValue .CalendarInput
{
    display: block;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    margin-right: 3px !important;
}
/* Value Input Controls for Caption on Right
.StandardPanel fieldset div.Right input, .StandardPanel fieldset div.Right textarea, .StandardPanel fieldset div.Right select, .StandardPanel fieldset div.Right a
{
    float: right;
}  */

/* Allow for an AutoWidth class; useful for Radio Button lists as value */
.AutoWidth label, .AutoWidth .PanelFieldValue,
.AutoWidth .Label, .AutoWidth .PanelFieldValue
{
    width: auto !important;
    min-width: 1em !important;
}
.FloatNone label, .FloatNone .Label, .FloatNone input, .FloatNone select, .FloatNone a
{
    float: none !important;
}

/* Special marker for required fields */
/*.StandardPanel fieldset div.PanelField div.Required, .PanelTableValue .Required*/
.Required
{
    BACKGROUND-POSITION: left center;
    
    _MARGIN-RIGHT: -2px; /* This attribute is used on IE6 only and compensates the negative margin bug in IE6 */
    _MARGIN-LEFT: -4px; /* This attribute is used on IE6 only and compensates the negative margin bug in IE6 */
    _POSITION: fixed; /* This attribute is used on IE6 only and makes the backgroud-image appear */
    BACKGROUND-IMAGE: url(images/required.gif);
    BACKGROUND-REPEAT: no-repeat;
    }

/* Need a special class to handle the cases where the value column has
   spans and labels that shouldn't have display:block
.StandardPanel fieldset span.InlineDisplay span, .StandardPanel fieldset span.InlineDisplay label
{
	display: inline;
	float: none;
	vertical-align: middle;
} */

/* OBSOLETE Stuff before i finished this CSS file */
td.PanelTableValue
{
	/*background-color: #F1F1F1;*/
	font-size: .9em;
	vertical-align: top;
	padding: 4px;
	border-bottom: solid 1px #CDCDCD;
}
td.PanelTablePrompt, td.PanelTablePromptLeft, td.PanelTablePromptCenter, td.PanelTablePromptRight, td.PanelTablePromptAndValue
{
	border-bottom: solid 1px #CDCDCD;
	font-size: .9em;
	font-weight: bold;
	color: #666666;
	padding: 4px 0px 0px 2px;
}
td.PanelTablePrompt
{
	text-align: left;
}
td.PanelTablePromptCenter
{
	text-align: center;
}
td.PanelTablePromptRight
{
	text-align: right;
}
td.PanelTablePromptAndValue
{
	padding: 6px;
}
td.PanelTableValue td.PanelTablePrompt, td.PanelTablePromptLeft, td.PanelTablePromptCenter, td.PanelTablePromptRight, td.PanelTablePromptAndValue
{
	border-bottom: none;
}

/* Undo the new changes for existing pages using PanelTablePrompt/PanelTableValue */
/*.PanelTablePrompt .PanelField, .PanelTableValue .PanelField
{
	border-bottom: none;
	display: inline;

}
.PanelTablePrompt .PanelField label
{
	width: 20%;
	font-size: 80%;
	font-weight: bold;
	color: #003399;
	vertical-align: top;
	padding: 4px 0px 0px 2px;
}*/

/* Legacey style used in old tabs for the portfolios */
.HTabBody
{
	height: 100%;
	vertical-align: top;
	border-right: #94A6CE 1px solid;
	border-left: #94A6CE 1px solid;
	border-bottom: #94A6CE 1px solid;
	padding: 5px 5px 5px 5px;		
}

/* Parameter Sheet styles, should be deleted whenever SmartFilter gets
 re-written to not use table layout */
.ParameterSheet
{
    width: 100%;
    max-width: 800px;
}
.ParameterSheet Table
{
    width: 100%;
}
.ParameterSheet .ParameterSheetButton
{
    margin-left: 12em;
    clear: both;
    display: block;
}

/*BEGIN InfoControl CSS*/

.moreInfoPanel
{
    display: block;
}
.moreInfo
{
    display:inline-block;
    margin-left:0.225em;
    margin-right:0.225em;
}

/*END InfoControl CSS*/

.StylesDateText
{
	margin-right: 3px !important;
	min-width:0;
	width:7em;
}

/* Used for labels for small sections within a piece of content */
.SectionLabel
{
    font-weight:bold;
}

.FloatRight, .PanelField.FloatRight
{
    float:right;
    width:auto;
    clear:right;
}