﻿body 
{
	font-family: Arial, Sans-Serif, helvetica;
	font-size: small;
	padding: 0;
	border: 0;
	margin:0;
	text-align : center; 
}

img
{
	border:0;
	}
	
.container
{
	text-align : left; 
	}
	
.title{ font-weight:bold; text-align:center;}


/*CollapsiblePanel*/
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:500px;
	height:30px;
	background-color:#D7EAFA;
	color:#000;
}

.inputtable
{
	/*background-color:#F0F8FF; */
	}

.shiftcontainer{
    position: relative;
    left: 5px; /*Number should match -left shadow depth below*/
    top: 5px; /*Number should match -top shadow depth below*/
    }

.legendcontainer{
width: 530px; /* container width*/
background-color: #d1cfd0;
}

.legendcontainer .innerdiv{
/* Add container height here if desired */
background-color: #fffff0;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
    
.shadowcontainer{
width: 300px; /* container width*/
background-color: #d1cfd0;
}
.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: #fffff0;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer2 .innerdiv{
/* Add container height here if desired */
width: 287px; /* container width*/
background-color: #fffff0;
border: 1px solid blue;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shiftcontainerList{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}
.shadowcontainerList{
width: 500px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainerList2{
width: 500px; /* container width*/
background-color: #B4CAFE;
}

.shadowcontainerList .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainerList2 .innerdiv{
/* Add container height here if desired */
background-color: white;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}


.align-right { float:right; margin: 0 0 0 15px;}
.shift-right 
{
	position: relative;
	left: 250px;
	top: 0px; }

.unwatermarked {
	FONT-WEIGHT: bold; WIDTH: 148px; HEIGHT: 18px
}
.watermarked {
	BORDER-RIGHT: #bebebe 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #bebebe 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #bebebe 1px solid; WIDTH: 150px; COLOR: gray; PADDING-TOP: 2px; BORDER-BOTTOM: #bebebe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f0f8ff
}
.balloon {
        background-color: GrayText;
        font-family: verdana, sans-serif;
        color: black;
        width:320px;
        height:auto;

}
