/*=========== DHTML POP UP WINDOW WIDGET STYLES ==================*/
.dhtmlwindow{
	position: absolute;
	border: 1px solid #FFFFFF;
	visibility: hidden;
	background: url(bkg.gif); 
}

/*CSS for Drag Handle*/
.drag-handle{ 
	padding: 5px; 
	text-indent: 3px; 
	font: bold 12px Tahoma; 
	color: #000066; 
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	cursor: move; 
	overflow: hidden; 
	width: auto; 
	}

/*CSS for controls (min, close etc) within Drag Handle*/
.drag-handle .drag-controls{ 
	position: absolute; 
	right: 1px; 
	top: 2px; 
	cursor: hand; 
	cursor: pointer; 
	}

 /*CSS for Content Display Area div*/
.drag-contentarea{
	height: 150px; 
	padding: 0px; 
	overflow: auto; 
	font-size: 12px; 
	line-height:15px;
	}

/*CSS for Status Bar div (includes resizearea)*/
.drag-statusarea{ 
	height: 17px; /*height of resize image*/ 
	}

.drag-resizearea{ /*CSS for Resize Area itself*/
	float: right; 
	width: 17px; /*width of resize image*/
	height: 17px; /*height of resize image*/
	cursor: nw-resize; 
	font-size: 0; 
	}

/*CSS for veil that covers entire page while modal window is visible*/
#interVeil{ 
	position: absolute; 
	background: black url(blackdot.gif);
	width: 10px; 
	left: 0; 
	top: 0; 
	z-index: 5; 
	visibility: hidden;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); 
	opacity: 0.5; 
	}
	

/*================== BASE STYLE FOR TEXT FONT PAGE BACKGROUND AND MARGIN ==================*/
.popup { 
	font-family: "Trebuchet MS";		
	font-size: 11px;
	color: #FFFFFF;
	background: url(bkg.gif); 	
}

.pagetitle {
	color:#FFFFFF; 
	font:11px "Trebuchet MS"; 
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: capitalize;
	text-align: center;
}

b {
	font-weight: bold;
	letter-spacing: 2px;
	text-transform: capitalize;
	font-size:12px; 
}

b i {
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: capitalize;
	text-decoration: underline;
	font-size:11px; 	
}

/*================== DEFAULT IMAGE LAYOUT. SIZE SHOULD BE 100% BY 100%. AND NO BORDERS ==================*/
img { 
	width:'100%'; 
	height:'100%'; 
	border:none;
}

/*================== DEFAULT LINK STYLE. ON MOUSEOVER REMOVE THE UNDERLINE ==================*/
a {
	color:#FFFFFF; 
	text-decoration:underline; 
	cursor:hand;
}

a:hover{ 
	color:#000066; 
	text-decoration:none; 
	cursor:hand;
}

/* STYLE FOR DOCUMENTS LIST  */
li {	
	display: list-item; 
	font-size: 11px;	
	line-height:15px;	 		
    list-style-image: url(li.gif);
	margin-top: 5px;
	padding-bottom:2px;
	}
	
li a {	
	color:#C8CAFF;
	font-size: 12px;		
	text-decoration:none;		
	text-transform: capitalize;	
	}
	
li a:hover {	
	text-decoration:none;	
	color:#FFFFFF;
	}

li b {	
	display: list-item; 
	color:#cbdaf9;
	line-height:18px;	
	text-transform: capitalize;		 	
	font-size:13px; 
	font-weight: bold;
	padding-bottom: 5px;	
	margin-bottom: 5px;	
	letter-spacing: 1px;
    list-style-image: url(li_h.gif);	
	border-bottom: 1px dotted #cbdaf9;	
	}	

.hr {
	padding-top: 2px;
	padding-bottom: 2px;	
	background: url(line_hr.gif) center left repeat-x;		

}

.vr {
	padding-right: 2px;
	padding-left: 2px;	
	background: url(line_vr.gif) top center repeat-y;		
}