/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;
}


html{
	background-color: rgb(240, 248, 255);
	position:relative;
   font-size:10px;
}

body{
	background-color: rgb(240, 248, 255);
	font-size:8px;
}


#plotLayout
{
   height: 100%;
   width:  100%;
}

#main{
	margin:0 auto;
	position:relative;
}

#controlTabs {
   background-color: rgb(240, 248, 255);
   height: 5px;
   color: #000000;
   padding: 0px;
}

#zoomPanTab {
   background-color: rgb(240, 248, 255);
   display: inline-block;
}

#axesTab {
   background-color: rgb(240, 248, 255);
   display: inline-block;
}

#datasetsTab {
   background-color: rgb(240, 248, 255);
   display: inline-block;
}

.fieldset{
   display: inline-block;
   border-radius: 10px;
   -moz-border-radius: 10px;
   border: 0px;
	padding: 10px 5px 10px 5px;
	margin: 0px;
}

.legend{
	font-size:12px;
   color: #000000;
}

.littleLabel{
	font-size:10px;
   color: #000000;
}

.mediumLabel{
	font-size:14px;
   color: #000000;
}

.controlArea {
   background-color: #ffffff;
}

.controlTbl td {
   padding: 10px;
}

#testDiv{
   display: inline-block;
   border-radius: 30px;
   -moz-border-radius: 30px;
   border: 2px solid #e0e0e0;
   border-radius: 20px;
   padding: 0px;
   margin: 0px;
   box-shadow: 3px 5px 3px #202020;
   background: -moz-linear-gradient(top, #606060, #a0a0a0);
}

#sliderTable{
	padding: 10px 0px 10px 0px;
}

#sliderTable td{
	padding: 0px 5px 0px 10px;
}

#dataVals{
   border: 1px solid black;
   background-color: white;
   color: black;
}

#dataVals tr{
   border: 1px solid red;
}

#dataVals th{
   border: 1px solid green;
   background-color: #8080a0;
   font-size: 8px;
}

#dataVals td{
   border: 1px solid blue;
   font-size: 8px;
}

#dataVals .highlight{
   background-color: #e0e0ff;
   font-size: 8px;
}

.redrawBtn {
   background: #fff0f0;
   font-family: sans-serif;
   font-size: 18px;
}

.viewHistBtn {
   background: #ffffff;
   font-family: sans-serif;
   font-size: 18px;
}

.sliderVal{
	font-size: 8px;
   width: 50px;
}

.header
{
   font: 8px courier, monospace;
   color:#000060;
   white-space: pre;
}

.clearBox
{
   background-color: #FFFFFF;
   opacity:0.5;
   filter:alpha(opacity=0);
   -moz-opacity:0.0;
   -khtml-opacity:0.0;
}

.opaqueText 
{
   opacity:1;
   filter:alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity:1;
}

.no-close .ui-dialog-titlebar-close 
{
   display: none 
}

.ui-dialog-buttonpane 
{
   background: #a0a0a0 !important;
   font-size: 1.0em; 
}

.ui-tabs-anchor
{
   font-size:  14px;
   background-color: #dcf0fa;
}

.ui-dialog .ui-dialog-content 
{
   background-color: rgb(240, 248, 255);
}

.symSelect, .symSelect td
{
   background-color: #ffffff;
}

.symSelect
{
   border: 1px solid #eeeeee;
}

.symSelect td
{
   border: 0px solid #a0a0a0;
}

.colSelect, .colSelect td
{
   background-color: #ffffff;
}

.colSelect
{
   border: 1px solid #eeeeee;
}

.colSelect td
{
   border: 0px solid #a0a0a0;
}

.dhx_tabbar_row
{
    background-color: #FFFFFF;
}


/*----------------------------
   Histogram data display
-----------------------------*/

.histData {
   display: inline-block;
   height: 300px;
   overflow-x: auto;
   overflow-y: scroll;
   padding: 5px;
   margin: 5px;
   border: 1px solid black;
}

.histHdr {
   margin: 0px 0px 0px 0px;
   font: 10px courier,sans-serif;
   background-color:#E8F0FF;
}

.histOdd {
   margin: 0px 0px 0px 0px;
   font: 10px courier,sans-serif;
   background-color:#F0F8FF;
}

.histEven {
   margin: 0px 0px 0px 0px;
   font: 10px courier,sans-serif;
   background-color:#FFFFFF;
}


/*----------------------------
	jQuery UI Example
-----------------------------*/

#slider{
	margin-bottom:0px;
}

.style-tabs,
.style-tabs .ui-tabs-nav li a,
.style-tabs .ui-tabs-nav 
{
    padding:         2px;
    color:       #000000;
    background:  #ffffff;
    font-size:      14px;
    border:          0px;
    margin:          0px;
}
.ovlyTbl    { padding: 0px; border:0px; font: 11px "Helvetica Neue",Helvetica,Arial,sans-serif; text-align: right; vertical-align: top }
.ovlyTbl td { padding: 1px 3px; border: 1px solid #c0c0c0 }

.ovlyCellTbl    { padding: 0px; border: 0px; font: 8px "Helvetica Neue",Helvetica,Arial,sans-serif }
.ovlyCellTbl td { padding: 0px 5px; border: 0px }

.ovlyhd      { background-color: #808080; color: #ffff50; font-size: 11px; text-align: center }
.ovlyhdSmall { background-color: #808080; color: #ffff50; font-size:  8px; text-align: center }

.dragOff{ background-color: #eeffee; color: #000000; width: 22px }
.drag   { background-color: #00ff00; color: #000000; width: 22px }
.showOff{ background-color: #eeeeee; color: #000000; width: 21px }
.show   { background-color: #eeeeee; color: #000000; width: 21px }
.file   { background-color: #eeeeee; color: #000000 }
.columns{ background-color: #eeeeee; color: #000000 }
.points { background-color: #eeeeee; color: #000000; text-align: center }
.xerr   { background-color: #eeeeee; color: #000000 }
.yerr   { background-color: #eeeeee; color: #000000 }
.lines  { background-color: #eeeeee; color: #000000 }
.npoints{ background-color: #eeeeee; color: #000000 }
.delete { background-color: #eeeeee; color: #000000; width: 24px }
.delOff { background-color: #eeeeee; color: #000000; width: 24px }

.ovSelect { height: 25px; margin: 0px; padding: 0px }



/*
 * Default Layout Theme
 *
 * Created for jquery.layout 
 *
 */

/*	BASIC PAGE COSMETICS */

body {
	font-family:	Lucida Grande, Lucida Sans, Geneva, Arial, Helvetica, sans-serif;
	font-size:		100%;
	*font-size:		80%;
	background-color: #ffffff;
}

p {
	margin: 1em 0;
}

.ui-layout-pane {
	background-color: rgb(240, 248, 255);
	border:		1px solid #bbbbbb;
	padding:	   0px; 
	overflow-x:	hidden;
	overflow-y:	auto;
}

.ui-layout-pane-west
{
   background-color: #ffffff;
}


/*	RESIZER-BARS */

.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
	}

	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}

	.ui-layout-resizer-open:hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #C4E1A4;
	}

	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border:  	1px solid #BBB;
	}

	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E18D8D;
	}

	.ui-layout-resizer-closed:hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}

	.ui-layout-resizer-sliding {	/* resizer when pane was 'slid open' */
		opacity: 0.1; /* show only a slight shadow */
		filter: alpha(opacity=10);
		}
		.ui-layout-resizer-sliding:hover {	/* sliding resizer - hover */
			opacity: 1; /* on:hover, show the resizer-bar normally */
			filter: alpha(opacity=100);
		}

		/* sliding resizer - add 'outside-border' to resizer on:hover */
		.ui-layout-resizer-north-sliding:hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding:hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding:hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding:hover	{ border-left-width:	1px; }


/*	TOGGLER-BUTTONS */

.ui-layout-toggler {
	color: #666;
	border: 1px solid #BBB; /* match pane-border */
	background-color: #999;
	}

	.ui-layout-resizer:hover .ui-layout-toggler {
		filter:		alpha(opacity=60);
		opacity:	.60;
	}

	.ui-layout-resizer:hover .ui-layout-toggler:hover { /* specificity */
		background-color: #FC6;
		filter:		alpha(opacity=100);
		opacity:	1;
	}

	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px;
	}

	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0;
	}

	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding .ui-layout-toggler {
		display: none;
	}

	/*	style the text we put INSIDE the east/west togglers */

	.ui-layout-toggler .content {
		font-size:		12px;
		font-weight:	bold;
		color:			#666;
		padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */
	}
