﻿
.StandardPanel
{
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border: solid 1px #90979E;
	border-bottom-width: 3px;
}
.StandardPanel .StandardPanel
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*border: none;*/
}
/* The area above the panel */
.PanelHead
{
	color: #000000;
	height: 26px;
    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;
    color: black;
}
.Collapsible
{
    cursor: pointer;
}
.PanelHeadCollapseImage, .PanelHeadCollapseText
{
    margin-right: 5px;
    float:right;
}
.PanelHeadCollapseText
{
    text-decoration: underline;
    font-weight: normal;   
}
/* The actual content of the panel */
.PanelBody
{
	padding: 2px 5px 2px 5px;
	font-family: Tahoma;
	color: black;
	background-color: #FFFFFF;
	height: auto;
}
/* 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 */
.StandardPanel fieldset div.PanelField
{
    float: left;
    clear: left;
    width: 95%;
    padding: 3px 2px 3px 2px;
    border: solid 1px white;
	border-bottom: solid 1px #CDCDCD;
	/*vertical-align: top;*/
}
/* prevent doubled-up border with nested PanelFields */
.StandardPanel fieldset div.PanelField .PanelField
{
    width: auto;
    /*margin-left: 1%;*/
    border: none;
}
/*.StandardPanel fieldset div.PanelField:hover
{
	border-color: #CDCDCD;
	background-color: #EFEFEF;
}
 */
.StandardPanel fieldset div.focus, .focus, .StandardPanel fieldset div.focus:hover, .focus:hover
{
    border-color: #BCBCBC;
	background-color: #CDCDCD;
}
/* Caption */
.StandardPanel fieldset div.PanelField label
{
    float: left;
    text-align: left;
	font-size: .9em;
	font-weight: bold;
	color: #666666;
	width: 30%;
	min-width: 10em;
	padding: 3px 5px 0px 2px;
	white-space: pre-line;
	/*height: 100%;
	vertical-align: top;
	*/
}
/* Caption - Top  & Bottom */
.StandardPanel fieldset div.Top label, .StandardPanel fieldset div.Bottom label
{ 
    width: 99%; 
}
/* Value */
.StandardPanel fieldset div.PanelField .PanelFieldValue
{
    float: left;
    width: 60%;
    text-align: left;
    white-space: nowrap;
}

.PanelFieldValue
{
    width: 62% !important;
}
/* Value - Right */
.StandardPanel fieldset div.Right .PanelFieldValue{ text-align: right; }
/* Value - Top & Bottom */
.StandardPanel fieldset div.Top .PanelFieldValue, .StandardPanel fieldset div.Bottom .PanelFieldValue
{ 
    width: 99%; 
}
/* Value Input Controls , .PanelFieldValue textarea*/
.PanelFieldValue input, .PanelFieldValue select, .PanelFieldValue a, .PanelFieldValue textarea
{
    float: left;
    max-width: 80%;
} 
.PanelFieldValue input[type=text], .PanelFieldValue input[type=password]
{
    min-width: 10em;
}
.ParameterSheet .PanelField .PanelFieldValue
{
	width: 250px !important;
	_width: 150px !important; /*IE 6.0*/
}


.PanelFieldValue .CalendarInput
{
    display: block;
    float:left;
    margin-top: 2px !important;
    margin-bottom: 2px !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
{
    width: auto !important;
    min-width: 1em !important;
}
.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;
    PADDING-LEFT: 9px !important;	
    MARGIN-LEFT: -7px !important;
    BACKGROUND-IMAGE: url(images/required.gif);	
    BACKGROUND-REPEAT: no-repeat;
    /*border-left: solid 3px;
	border-left-color: #FF0000;*/
}
/* 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;
	vertical-align: top;
	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*/
.moreInfo, .unitText
{
    float: left;
    margin-left: 3px;
}
.moreInfoFlyout
{
    position: absolute;
    display: none; 
    overflow: hidden; 
    z-index: 2; 
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
}
.moreInfoPanel, moreInfoStatic
{
    position: absolute;
    display: none; 
    z-index: 2; 
    font-size: 12px; 
    border: solid 1px #CCCCCC; 
    background-color: #FFFFFF; 
    padding: 5px;
    white-space: normal;
	overflow: auto;
}
.moreInfoStatic
{
	position: static;
	display: block;
	height: auto;
	float: left;
}
.moreInfoHead
{
    clear: both;
    float: right; 
}
.moreInfoBody
{
	clear: both;
	position: relative;
    white-space: normal;
    width: 95%;
}
.acute
{
	width: 300px;
	float: left;	
}
/*END InfoControl CSS*/

.StylesDateText
{
	width: 60px !important;	
	_width: 80px !important;	/*IE 6.0*/
}

.BodyText
{
	float: left !important;
}
