/* Copyright (c) 2009 Yamen Elasadi (YamenElasadi@hotmail.com || http://loanmodificationmadesimple.net)
 * Thanks and Credits go to jQuery for making my life easier.
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Should be Compitable with all browsers:  Tested with FireFox, IE 7 & beta test.  Did not test with ie 6
 */

#hideshow1, #hideshow2, #hideshow3 {
	position:absolute;
	display:block;
	overflow:visible;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:transparent;
}
#fade {
	background:transparent; 
	position: fixed; 
	width: 100%;
	height: 100%;
	filter:alpha(opacity=80);
	opacity: .80;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--IE 8 Transparency--*/
	left: 0;
	z-index: 10;
}
.popup_block {
	background: #b15b06;
	padding: 0px 10px;
	border: 0px red solid;
	float: left;
	width: 480px;
	top: 30%;
	left: 47%;
	margin: 0 0 0 -250px;
	position:relative;
	z-index: 100;
	overflow:visible!important;
}
#hideshow1 .popup_block .popup1 {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
#hideshow1 .popup1 h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
#hideshow1 .popup1 p {
	padding: 5px 10px;
	margin: 5px 0;
}
#hideshow1 .popup1 img.cntrl {
	position: absolute;
	right: 0px;
	top: -27px;
}




.popup_block .popup2 {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup2 h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup2 p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup2 img.cntrl {
	position: absolute;
	right: 0px;
	top: -27px;
}



.popup_block .popup3 {
	float: left;
	width: 100%;
	background: #fff;
	margin: 10px 0;
	padding: 10px 0;
	border: 1px solid #bbb;
}
.popup3 h3 {
	margin: 0 0 20px;
	padding: 5px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
}
.popup3 p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup3 img.cntrl {
	position: absolute;
	right: 0px;
	top: -27px;
}


/*--Making IE6 Understand Fixed Positioning--*/

*html #fade {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop : document.body.scrollTop);
}

*html .popup_block {
	position: absolute;
	top:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop
	+((documentElement.clientHeight-this.clientHeight)/2)
	: document.body.scrollTop
	+((document.body.clientHeight-this.clientHeight)/2));
	
	left:expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollLeft 
	+ (document.body.clientWidth /2 ) 
	: document.body.scrollLeft 
	+ (document.body.offsetWidth /2 ));
}

/*--IE 6 PNG Fix--

img{ behavior: url(https://www.loanmodificationmadesimple.com/scripts/iepngfix.htc) }*/



/* PopItFlash */
#content {
	width:280px;
	float:right;
	background: #fff;
	color: #000;
}
#content .rightcol {
	width: 280px;
	float: left;
	padding:0px 0px 0px 0px;
	background:#fff;
}
.rightcol h2 {
	height: 29px;
	margin-left: 5px;
}
#content .rightcol ul li{
	font:12px/20px Arial;
	letter-spacing:0.05em;
	word-spacing: 0.01em;
}
#content .rightcol ul li a {
	text-decoration: none;
	color:#5e3f1f/*c97f27*/;
}

.bubbleInfo {
	z-index: 100;
	position: relative;
}
#popflash p.popup {
	color:#fff;
	padding: 14px 30px 14px 14px;
	width: 710px;
	height: 125px;
	background:url('../images/link-bubble.png') no-repeat left top;
	position: absolute;
	display: none;
	font:12px/20px Arial;
	letter-spacing:0.05em;
	word-spacing: 0.01em;
	color:white;
}
#popflash div.popup {
	color:#fff;
	padding: 14px 30px 14px 14px;
	width: 710px;
	height: 125px;
	background:url('../images/link-bubble.png') no-repeat left top;
	position: absolute;
	display: none;
	font:12px/20px Arial;
	letter-spacing:0.05em;
	word-spacing: 0.01em;
}
#popflash div.popup li {
	font:12px/16px Arial;
	letter-spacing:0.05em;
	word-spacing: 0.01em;
	color:white;
}

.trigger{
	font:14px/20px georgia; color:black;
}

*, * focus {
	outline: none;
	margin: 0;
	padding: 0;
}


.left {
	text-align: left;
}