/************************/
/* GLOBAL               */
/************************/
html,body 
{
	overflow: hidden; 
	height:600px;
	/*height: 100%;
*/}

body
{
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	/*font-family: Verdana, Arial, Helvetica, Sans-Serif;*/

	font-size: 10px;
	height: 600px;
	width: 1012px;
	color: #626262;
	text-align:left;
	float: left;
	scrollbar-face-color : #FFFFFF; 
	scrollbar-highlight-color : #FFFFFF; 
	scrollbar-3dlight-color : #FFFFFF;
	scrollbar-darkshadow-color : #FFFFFF;  
	
	scrollbar-arrow-color : #888888;   
	
	scrollbar-shadow-color : #234234 ; 
	scrollbar-track-color: #FFFFFF; 
}
a
{
	color: #696969;
	text-decoration: none;
}
.absDiv { position: absolute; visibility: hidden;  }

/* used for browsers that are not using the custom scroll bars*/
.autoScroll
{
	/*position:absolute;
*/	visibility:visible;
	height:256px;
	/*width:383px;*/
	overflow:auto;
	overflow-y:auto;
	overflow-x:hidden;	
}
#TextImageBody .autoScroll, #PersonPageContent .autoScroll
{
	height: 246px;	
}
.wideText
{
	/*width:383px;*/
	width:370px;
}
.narrowText
{
	/*width:150px;*/
	width:160px;
}
.shortText
{
	height:246px;	
}

a:hover
{
	color: #696969;
	text-decoration:none;
	background-color: #C0C0C0;
}

.floatLeft
{
	float:left;	
}
.clear
{
	clear:both;	
}
/************************/
/* Upper Area          */
/************************/

#UpperArea
{
	height: 300px; 
}

#ImageDiv
{
	width: 410px; 
	float: left;
}

#MultiviewDiv .verticalBar
{
	padding:0;
	margin:0;
}
.mainContentArea
{
	float:left; 
	width:400px; 
	height:300px;	
}
.mainContentAreaLong
{
	float:left;
	width:600px;
	height:300px;
}

.submenuArea
{
	float:left;
	height:300px;
	width:180px;	
}
.submenuArea table
{
	vertical-align:bottom;
	height:100%;
	width:100%;	
}

.hidden
{
	position: absolute; 
	top: 200%; 
	left: 200%;
}


/* Div which contains the main text*/
.simpleContentArea
{
	position:absolute;
	height:300px;
	width:400px;
	float:left;
}

/* heading area at the top of mainbody.ascx*/
.headingTable
{
	width:100%; 
	vertical-align:baseline; 
	border:0; 
	margin:0; 
	padding:0px; 
}
.headingTable .hr
{
	margin:0px;
	padding:0px;
	border:0;
	width:350px;	
}

.mainTextDiv
{
	padding-top:0;
	margin-top:0;
	border:0;
	width: 100%;
	float: left; 
	/*overflow: auto; */
	overflow:visible;
/*	height: 249px; */
}

.mainTextDivBaselined
{
	padding-top:0;
	margin-top:0;
	border:0;
	width:100%;
	float: left; 
	overflow: hidden; 
	display:table-cell;
	max-height:220px;
}

/* image page, person page*/
.textContent
{
	float: left; 
	overflow: auto; 
	height: 246px;
	width:190px; 
}

.imageContent
{
	float: right; 
	vertical-align: middle; 
	width: 150px; 
	height: 230px;	
}





/* the div style for normal textpage
	depending on if the text should align with the bottom or top */
.mainBodyDiv
{
	
	/*width:100%*/	
}
.mainBodyDivBaselined
{
	position:absolute; 
	bottom:5px; 
	width:370px;
	
}
/* Personnel Pages */

#PersonPageContent
{
	width: 398px; 
	height: 300px; 
	float: left;
}

#PersonPageContent h1
{
	margin-left: 10px;
	margin-top: 10px;	
}
#PersonPageContent .textContent
{
	padding-left: 10px;	
	height:246px;
	width:200px;
}

#PersonPageContent .textContentLong
{
	float: left; 
	overflow: auto; 
	padding-left: 10px;	
	height:238px;
	width:335px;
}
#PersonPageContent a:hover
{
	border-style: none; 
	background-color: White;
	color: White;
}

#PersonPageContent .printImg
{
	margin-right:10px;	
}
#PersonPageSubmenuDiv
{
	vertical-align:bottom;
}

#textContentHolder
{
	width: 498px;
	background-color: Lime;
	vertical-align: baseline;
	clear: both;
	display: block;
	position: static;
}

.mainText
{	
	width: 378px;
	text-align:left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	float: left;

	bottom: 0px;
}
.separator
{
	float:left;
	width:1px;
	/*height:300px;*/
}
/** used content at the middle of the top area**/
.mainContent
{	
	float: left; 
	width: 370px; 
	height: auto;
	padding:10px 10px 10px 10px;
	height:270px;
	vertical-align:bottom; 
	display:table-row;
}

.imageArea
{	
	float: left; 
	height: auto;
	padding:2px 14px 0px 14px;
}

.vlign
{
vertical-align:top;
/*position:absolute;
bottom:0px;	
*/
padding-left:5px;
padding-right:5px;
float:left;
max-height:280px;
}

.vlign p
{
	height:279px;
	overflow:hidden;	
}


.MainBodyText
{
	padding-top: 0px;
	margin-top:0px;
	border:0px;
		
}
.mainText2
{
	/*display:inline-block;
	
	vertical-align:bottom;*/
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	width: 378px;
	text-align:left;

/*makes the div sit at the bottom of the top div*/	
	position: absolute;
	bottom: 0px; 

}
.paddedContent
{
	float: left; 
	position: absolute; 
	width: 398px; 
	height: 300px; 
	padding-top: 10px;
	padding-left: 10px;
}
.middleContent
{
	float:left;
	width:400px;
}

/* used in transaction pages and old transaction pages */
.transactionBody
{
	width:400px;
	text-align:left;
	float: left;  
	height: 286px;	
	/*for making div hang to bottom of top div*/	
	/*position: absolute;
	bottom: 0px;*/
/*	overflow-y:auto;
	overflow-x:hidden;
	overflow:auto;
*/
}
#TransactionDetails .padding,
.transactionBody .padding
{
	padding:10px;	
}
/* news popup on transaction pages*/
.newsPopup
{
	position: absolute; 
	top: 50px; 
	left: 350px;
	border-style: solid; 
	width: 300px;
	height: 400px; 
	overflow: auto; 
	overflow-x: hidden;
	background-color: White;
	z-index: 99; 
	padding: 40px 40px 40px 40px;	
}
.newsPopup img
{
	clip:0 50px 0 0;	
}
.newsList
{
	margin-top:10px;
	float:left;	
}

.newsList .iconColumn
{
	width:20px;	
}
.newsList .dateColumn
{
	width:70px;
	height: 5px;	
}

.newsList .headingColumn
{
	width:252px;
	
	white-space:nowrap;
	overflow:hidden;
}

.newsList .headingDiv
{
	overflow:hidden;
	white-space:nowrap;
	
}

.newsList .buttonText
{
	Width:225px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis; 
	cursor: hand; 
}
.prospectsList
{
	width:100%;	
}
.prospectsList .prospect
{
	width:115px !important;
	width:110px; 
	float:left; 
	margin-bottom:5px	
}

.prospectsList .prospect .heading
{
	width: 115px !important;
	width: 110px; 
	float: left; 
	padding-right: 5px;
}
.transactionDescription
{
	float: left; 
	width:190px; 
	height:286px;
	overflow:hidden;	
}
.transactionDescription .mainText
{
	float: left; 
	width: 180px; 
	/*margin-right: 10px;
	overflow: hidden;	*/	
}

/* old transaction list */
.oldTransactionItem
{
	width: auto; 
	padding:5px 5px 0px 5px; 
	float: left; 
	height: auto;	
}

.completedTransactionsTextArea
{
	width:202px;
	float:right;	
}
.completedTransactionsTextArea img
{
	padding:0;	
}
.completedTransactionsTextArea table
{
	height:280px;
	overflow:hidden;
	width:95%;	
}
.completedTransactionsTextArea table td
{
	overflow:hidden;	
}

.mainImage
{
	height: 300px;
	FILTER: progid:DXImageTransform.Microsoft.Fade(Overlap=0.50); 
}

#textContent
{
	/*overflow:auto;
	*/
	height:300px;
	vertical-align:bottom;
}

/******submenu******/


.submenu
{
	text-align:left;
	vertical-align:bottom;	
	margin-left:10px;
	padding-left:0px;
	margin-bottom:5px;
	list-style-type:none;
}

.submenu li
{
	padding-left:0px;
	margin-left:0px;
	padding-bottom:5px;	
}



/************************/
/* LOWER AREA           */
/************************/



#lowerArea
{
	height: 300px;
	width: 1012px;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


/* StartInfoArea */

#StaticContentTopLine
{
	/* use if image buttons are put back*/
	/*padding-top: 6px;*/
	
	padding-top: 24px;
}
#Footer
{
	padding-left:15px;
	padding-right:15px;	
	padding-top:0px;
	margin-top:0px;
	height: 250px; 
	float: left;
}

#Footer img
{
	
	float:left;
	display:block;
	margin-right:45px;
}

#starttop
{
	padding-bottom:1px;
	margin-bottom:3px;

}
/*the text*/
.StartText
{
	/*vertical-align:baseline;*/
	width: 366px;
	max-height: 300px;	
	font-size: 11px; 
	overflow:hidden;
	/*text-indent: 6px;	
	margin: 0 0 0 20px;*/
    margin-top:0px;
    padding-top:0px;
    filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5);
    
   /* padding: 0 0 0 20px;
*/
}

.StartText p
{
	margin-top:2px;
}

.StartText a
{
	background-color:Transparent;
	text-decoration: underline;
	font-weight:bold;
}

.StartText a:active
{
	background-color:#C0C0C0;	
}

/*startpage text links hover, IE fade effect*/
.animatedLink
{
	display:inline-block;
	background-color:Transparent;
	filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5);	
}


/* language button */
#Flag
{
	float:right;
	clear:both;
}



/* the area */
#firstInfo
{
	height: 300px; 
	width: 410px; 
	float: left; 
	text-align:center;
}

#firstInfo .top
{

	background-color: transparent;
	color: #808080;

}

#textContent
{
	width: 400px; 
	float: left; 
	margin: 0 0 0 0; 
	padding: 0 0 0 0;	
}

#submenuContent
{

	height:300px; 
	width: 200px; 
	float: left; 
	margin: 0 0 0 0;
    padding: 0 0 0 0;
    
    vertical-align: bottom;

}

table {font-size: 1em; border-collapse: collapse;}
td{border: 0;}
img 
{
	margin-top:0px;
	padding-top:0px;
	margin-left: 0px;
	padding-left: 0px;
	border:none;
	margin-bottom:0px;
	padding-bottom:0px;
	border-bottom-width:0px;
	
	}
/*mostly controls mainbody heading*/
h1 
{
	font-weight: bold; 
	font-size: 1.08em;
	color: #9d9da1;
	padding: 0;
	margin: 0;
	
}
/* mostly controls mainbodytext*/
p
{
	margin: 0.7em 0em 0.6em 0em;
	
}
/************************/
/*MENU -AKA				*/
/************************/

#lowerArea
{ 		
	background-repeat: repeat-x;
}


#lowerArea div
{
 	overflow:hidden;	
}

#MainMenuArea
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: small;
	padding: 0;

	list-style-type: none;
	height: 300px; 
	float: left; 
	width: 600px; 
	padding: 0 0 0 0; 
	margin: 0 0 0 0;
}

/* defines background for each menu list in the lower area*/
#MainMenuArea td
{
	background-image: url(Images/lower-bg-menu.gif);
}

/*top items of main menu*/
#MainMenuArea .top
{
	margin-top:6px;
	background-color: transparent;
}

#MainMenuArea .list
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	float:left;
	font-size:11px;
	background-color: transparent;
	color: #808080;
	font-style: normal;
	/*padding: 0 9px 4px 5px;
	*/
	padding:2px 9px 2px 5px;
	text-align:left;
	filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5);

}


#MainMenuArea .selected
{
	float:left;
	font-size:11px;
	color: #696969;
	padding:2px 9px 2px 5px;
	/*
	padding: 0 9px 4px 5px;
	*/background-color: #c0c0c0;
	font-style: normal;

}
.TopSelected
{
	height: 8px; 
	width: 100%; 
	margin-left: 0px; 
	margin-bottom:3px; 
	padding-left: 0px;
	background-color: #f5e617;
}

.TopNotSelected
{
	height: 8px; 
	width: 100%; 
	margin-left: 0px; 
	margin-bottom:3px; 
	padding-left: 0px;
	background-color: Transparent;	
}

.selected
{
	color: #696969;
	background-color: #c0c0c0;
	font-style: normal;	
}

#subTable a:hover
{/*
	background-color: #ffff7d;
*/}

/*style for permanent text in the bottom left*/
#firstInfo
{ 
	height:300px;
	background-image: url(Images/lower-bg-info.gif); 
}

/*styles every column in the main menu */
#MenuTable td
{
	width:200px;
	vertical-align:top;
	height:300px;
}

#transactiondiv 
{
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	background-color:#fff; 
	opacity: 0.7; 
	filter: alpha(opacity = 70); 
}

/*Current transactions disclaimer*/
 #DisclaimerDiv 
 {
	position:absolute; 
	z-index:100; top:70px; left:300px; width:400px; background-color:#fedf00;
	 opacity: 0; 
	filter: alpha(opacity = 0); 
	padding:40px 40px 40px 40px;
	}
#container
{
	position: absolute;
	width:100%;
	height:100%;
	float:left;
	top:0px;
	left:0px;
}
.disclaimerButton
{
	padding: 3px;
	height: 42px;
	width: 167px;
	display:block;
	float:left;
	border: none;
	margin-left: 5px; 
	background-image: url(Images/disclaimer-button-bg.gif);
	background-repeat: no-repeat;
}

.disclaimerButton:hover 
{
	background-color:Transparent;
	background-image:url(Images/disclaimer-button-bg-hvr.gif);	
}

/*end current transactions disclaimer*/