* {
	margin: 0px;
	padding: 0px;
}
#annualDiscountPopup{
	width : 100%;
	height : 100%;
	z-index: 1000;
	top: 0px;
	left: 0px;
	display: none;
	position: absolute;
}
#overlayContainer {
	position: relative;
	z-index: 1000;
	width : 100%;
	height : 100%;
	background-color: #000;
	margin: 0px;
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}
#annualDiscountPopup .pickAnnual{
	position: absolute;
	z-index: 1100;
	width: 450px;
	height: 400px;
	top: 30%;
	left: 30%;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom: 5px solid #61ac3a;  
}
#annualDiscountPopup .pickAnnual .header{
    width: 100%;
    height: 35px;
	background: url("/library/images/overlay/close-bck.gif") repeat-x left top;
}
#annualDiscountPopup .pickAnnual .header .closeAnnualDiscountPopup{
    float: right;
	width: 21px;
	height: 21px;
	padding: 8px 10px 0px 0px;
	background:none !important;;
	border: 0px !important;
}
#annualDiscountPopup .pickAnnual h2{
	background: #3d454b;
	text-transform: uppercase;
	font-size: 17px;
	color: #fff;
	padding: 20px 24px;
	margin-bottom: 20px;
	border-bottom: 4px solid #61ac3a; 
	font-family: arial, verdana, helvetica, sans-serif;
}
#annualDiscountPopup .pickAnnual #overlayContent {
	padding: 0px 24px;
}
#annualDiscountPopup .pickAnnual #overlayContent p{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
	font-family: arial, verdana, helvetica, sans-serif;
}
#annualDiscountPopup .pickAnnual #overlayContent ul{
	list-style-type: none;
	margin-bottom: 20px;
}
#annualDiscountPopup .pickAnnual #overlayContent ul li{
	line-height: 22px;
	font-size: 14px;
	padding-left: 10px;
	font-family: arial, verdana, helvetica, sans-serif;
	background: url("/library/images/green_bullet.gif") no-repeat left 7px;
}

#annualDiscountPopup .pickAnnual input.annualButton,
#annualDiscountPopup .pickAnnual input.monthlyButton {
	height: 34px;
	border: 0px;
	margin-top: 10px;
	text-indent: -9999px;
	cursor: pointer;
}
input.annualButton {
	width: 199px;
	float: left;
	text-indent: -9999px;
	background: url("/library/images/overlay/button-pay-yearly.gif") no-repeat left top;
}
input.monthlyButton {
	width: 352px;
	float: left;
	text-indent: -9999px;
	background: url("/library/images/overlay/button-pay-monthly.gif") no-repeat left top;
}