/* Why Magnon CSS STARTS */
#Why {
	width: 645px;
	background: url(../images/WhyBg.jpg) no-repeat left top;
}
#Why h1 {
	color: #209A9B;
	font-size: 20px;
	padding: 8px 12px;
	font-weight:normal;
}
.dhtmlgoodies_question {	/* Styling question */
	color:#000000;
	font-size:14px;
	width:640px;
	height:35px;
	overflow:hidden;
	cursor:pointer;
	background: url(../images/SlideOpen.jpg) no-repeat left top;
	padding: 0px 2px 0px 6px;
	font-weight: bold;
	text-decoration: none;
	line-height: 28px;
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content {	/* Content that is slided down */
	font-size: 12px;
	position:relative;
	height:125px;
	width:645px;
	padding: 0px 12px;
	padding-right:13px;
	color: #404040;
	text-decoration: none;
	overflow:hidden;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.dhtmlgoodies_answer_content a {	
	font-size: 11px;
	color: #209A9B;
	text-decoration: none;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}

.dhtmlgoodies_answer_content a:hover {	/* Content that is slided down */
	font-size: 11px;
	color: #404040;
	text-decoration: underline;
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}
/* Why Magnon CSS ENDS */

/*    dhtmlwindow styles stasts here		*/

.dhtmlwindow{
	position: absolute;
	background: transparent;
	visibility: hidden;
	
}

.drag-handle{ /*CSS for Drag Handle*/
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background: transparent;
	color: #FFFFFF;
	cursor: move;
	overflow: hidden;
	width: auto;
}

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