body 
{
	font-family:Verdana;
	font-size:medium;
}
h1
{
	font-family:Verdana;
	font-size:large;
}
p
{
	font-family:Verdana;
	font-size:small;
}
h2
{
	font-family:Verdana;
	font-size:large;
}
h5
{
	font-family:Verdana;
	font-size:small;
}
li
{
	font-family:Verdana;
	font-size:medium;
}
.dragContainer{
	background-color: White;
	height: 282px;
	width: 357px;
	border-bottom-color: black;
}

.dragHeader{
	background-color: darkblue; 
	height: 48px;
	width: 358px;	
	color: White;
}

.dragDetail{
	background-color: darkblue;
	height: 213px; 
	width: 357px;	
	color: White;
}

.collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{	
	width:640px;		
	height:20px;
	color: Yellow;
	background-color: Black;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}

.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.accordionLink
{
 background-color: #D3DEEF;
    color: white:
}

.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

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

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.sampleStyleA {
	background-color:#FFF;
}

.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}

.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}

.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}

.drawer-handle {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px;
	color: black;
	font-family:Verdana;
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	MIN-HEIGHT: 31px; 
	BACKGROUND: url(pictures/sidebox_drawerhandle20070611.gif) #a2a2a2 no-repeat left top; 
	PADDING-BOTTOM: 0px; 
	CURSOR: default; 
	width: 170px;
	LINE-HEIGHT: 31px; 
	PADDING-TOP: 0px;
	text-align:left;
}

/* setup for the menu items */
.menu
{
	text-align:center;
	font-family:Verdana;
	font-size:12pt;
	color: Gray;
}
.menu2
{
	font-family:Verdana;
	font-size:10pt;
	color: RoyalBlue;
}
.menu2items
{
	text-align:center;
	font-family:Verdana;
	font-size:10pt;
	color: RoyalBlue;
	background-image: "~/coreimages/glass.png";
}
.menu3items
{
	text-align:left;
	font-family:Verdana;
	font-size:10pt;
	color: RoyalBlue;
}

.CB
{
	border-bottom-style:solid;
	border-bottom-color:Silver;
}

flyOutDiv
{
     display: none; 
     position: absolute; 
     width: 400px; 
     z-index: 3; 
     opacity: 0; 
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0)); 
     font-size: 14px; 
     border: solid 1px #CCCCCC; 
     background-color: #FFFFFF; 
     padding: 5px;
} 

.flyOutDivCloseX
{
 background-color: #666666; 
 color: #FFFFFF; 
 text-align: center; 
 font-weight: bold; 
 text-decoration: none; 
 border: outset thin #FFFFFF; 
 padding: 5px; 
} 

.dragContainer{
	background-color: whitesmoke;
	height: 282px;
	width: 357px;
	border-bottom-color: black;
}

.dragHeader{
	background-color:darkBlue ; 
	height: 48px;
	width: 358px;	
}

.dragBody{
	background-color:lightgrey ;
	height: 213px; 
	width: 357px;	
}