/* CSS classes for IIMS WebTSA */

/* Position the Divs */
/* padding:top right bottom left */

.pnlPlot
{
	position: absolute;
	top: 152px;
	left: 5px;
	min-width: 600px;
	min-height: 480px;
	background: white; /*#596171;*/
	padding: 1px 2px 1px 2px;
	z-index: 1;
}

.pnlPlotOptions
{
	position: absolute;
	top: 152px;
	left: 611px;
	min-width: 340px;
	min-height: 480px;
	background: #d8a412;
	background: #b3bccc;
	padding: 1px 2px 1px 2px;
	z-index: 1;
}

/* Plot controls for the "traditional" plots (TS, prob, hist, BW) */
.pnlTradPlotControls
{
	position: absolute;
	top: 636px;
	left: 5px;
	min-width: 940px;
	min-height: 110px;
	height: 110px;
	background: #b3bccc;
	padding: 0px 5px 0px 6px;
	z-index: 2;
}

.pnlUpdateProgress
{
	position: absolute;
	top: 746px;
	left: 5px;
	min-width: 940px;
	z-index: -1;
}

/* plot controls for the Correlation Plots */
.pnlCorrPlotControls
{
	position: absolute;
	top: 636px;
	left: 5px;
	min-width: 940px;
	min-height: 110px;
	height: 110px;
	background: #b3bccc;
	padding: 0px 5px 0px 6px;
	z-index: -1;
}

/* plot controls for the correlation Plots */
.pnlMTSPlotControls
{
	position: absolute;
	top: 636px;
	left: 5px;
	min-width: 940px;
	min-height: 110px;
	height: 110px;
	background: #b3bccc;
	padding: 0px 5px 0px 6px;
	z-index: -1;
}

/* plot controls for the Longitudinal Plots */
.pnlLongitudinalPlotControls
{
	position: absolute;
	top: 636px;
	left: 5px;
	min-width: 940px;
	min-height: 110px;
	height: 110px;
	background: #b3bccc;
	padding: 0px 5px 0px 6px;
	z-index: -1;
}

/* plot controls for the depth Plots */
.pnlDepthPlotControls
{
	position: absolute;
	top: 636px;
	left: 5px;
	min-width: 940px;
	min-height: 110px;
	height: 110px;
	background: #b3bccc;
	padding: 0px 5px 0px 6px;
	z-index: -1;
}


/****************************************************
******************** Manage Fonts *******************
****************************************************/

/* Update Progress Class */
.fntUpdateProgress
{
	font-family: Verdana;
	font-size: Medium;
	font-variant: normal;
	font-weight: normal;
	color: red;
	text-align: center;
}

/* This is for the plot controls Div that sits below the plot window */
.fntPlotControlLabels
{
	font-family: verdana;
	font-size: small;
	font-variant: normal;
	font-weight: normal;
	color: black;
}

/* This is for the POR and Month reset buttons in the plot controls Div that sits below the plot window */
.fntButtonFaceText
{
	font-family: Verdana;
	font-size: small;
	font-variant: normal;
	font-weight: normal;
	color: black;
}

/* Added by Philip on 16 Mar 2010 to buffer all cells in the
trad control panel.
*/
table.tableTradPlotControls TD
{
	padding: 2px;
	vertical-align:middle;
	
}

/* Added by Philip on 16 Mar 2010 to buffer the margin around
input buttons. Ideally I wanted to reset the CSS to use the
browser default button style, but this is not possible. Therefore
the best solution is to introduce a class for the IIMS button style
that is used throughout the site. This would allow the TSA to *not*
use this class and thereby inherit the default browser button style.
*/
table.tableTradPlotControls input[type=submit]
{
	margin:2px;
	font-size:small;
	
}

/* This is for the plot controls Div that sits below the plot window */
.fntPlotControlTitle
{
	font-family: Verdana;
	font-size: small;
	font-variant: small-caps;
	text-align: center;
	border-bottom: solid thin black;
	padding: 3px 1px 3px 3px;
}


.fntControlItemText
{
	font-family: Verdana;
	font-size: small;
	font-variant: normal;
	font-weight: normal;
	color: black;
	
}

/****************************************************
******************* Options Panel *******************
****************************************************/
.fntOptionsPanelTableTitle
{
	font-family: Verdana;
	font-size: medium;
	font-variant: small-caps;
	font-weight: normal;
	color: black;
	text-align: center;
	border-bottom: solid thin black;
}

.fntOptionsPanelTableSubtitle
{
	font-family: Verdana;
	font-size: small;
	font-variant: small-caps;
	font-weight: 400;
	color: Black;
	text-align: center;
	text-decoration: underline;
}

.fntOptionsPanelTable
{
	font-family: Verdana;
	font-size: small;
}

/* Added by Philip on 16 Mar 2010 to space out the
elements of the right options tab on the TSA. It affects
all table cells within the options panel class.
*/
.fntOptionsPanelTable TD
{
	padding: 2px;
}

/* Read only textbox */
.fntOptionsPanelTextBoxRO
{
	font-family: Verdana;
	font-size: small;
	height: 14px;
	width: 80px;
	background-color: #C0C0C0;
	text-align: right;
}

/* Read/write textbox */
.fntOptionsPanelTextBox
{
	font-family: Verdana;
	font-size: small;
	height: 14px;
	width: 80px;
	text-align: left;
	background-color: #FFFFFF;
}

/* AJAX Elements */
.accordionContent
{
	border-color: #2F4F4F;
	border-style: none dashed dashed;
	border-width: medium 1px 1px;
	padding: 5px 5px 5px;
}

.accordionHeaderSelected
{
	background: #b3bccc;
	border: 1px solid #2F4F4F;
	cursor: pointer;
	margin-top: 2px;
	padding: 2px;
	font-family: Verdana;
	font-size: small;
	font-variant: small-caps;
	font-weight: 400;
	color: black;
	text-align: center;
}

.accordionHeader
{
	background: #b3bccc;
	border: 1px solid #2F4F4F;
	cursor: pointer;
	margin-top: 2px;
	padding: 2px;
	font-family: Verdana;
	font-size: small;
	font-variant: small-caps;
	font-weight: 400;
	color: black;
	text-align: center;
}


.bgModalPopup
{
	background-color: Gray;
	-ms-filter: alpha(opacity=70);
	-ms-opacity: 0.7;
}