.overlay, .overlay2, .overlay3, .overlay4, .overlay5, .overlay6, .overlay7, .overlay8, .overlay9, .overlay10, .overlay11 {width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;display:none;}
.modal {display:none;min-height:300px;position:absolute;width:500px;z-index:1001;}
.modalHeader {
    background:#08A8E4 url(img3/bg_header.png) repeat-x;
	background: -moz-linear-gradient(top, #08A8E4 0%, #54CCFA 100%); 
	background: -webkit-linear-gradient(top, #08A8E4 0%,#54CCFA 100%); 
    color:#86D8F6;float:left;height:20px;padding:10px;text-shadow:1px 0px 2px #0795CB;font-family:Arial, Helvetica, sans-serif;width:500px;}
.modalContent {background-color:#ECF0F1;float:left;height:189px;padding:10px;width:500px;font-family:Arial, Helvetica, sans-serif;}
.modalContent h2, .modalContent2 h2 {border-bottom: medium none !important;color:#666;font-size:16px;padding-bottom:10px;padding-top:10px;}
.modalContent, .modalContent2 {color:#666;position:relative;text-align:justify;box-shadow: 0px 5px 15px #888888;text-shadow:1px 0px 2px #fff;font-size:14px;}
.forgotten {
    bottom: 10px;
    left: 20px;
    position: absolute;
}
.closeBtn {background: url("close.png") no-repeat;bottom:-4px;display:block;width:29px;height:35px;position:absolute;right:20px;}
.closeBtn:hover {background: url("closeh.png") no-repeat;border-bottom: medium none !important;text-decoration:none !important;}
.modalContent2{background-color:#ECF0F1;float:left;height:255px;padding:10px;width:500px;font-family:Arial, Helvetica, sans-serif;}


@media only screen and (max-width:554px) and (min-width:360px) {
	.modal {width:300px;}
	.modalHeader {width:300px;}
	.modalContent{width:300px;height:249px;}
	.modalContent2{width:300px;height:260px;}
}

@media only screen and (max-width:359px) {
	.modal {width:280px;margin-left:-10px;}
	.modalHeader {width:280px;}
	.modalContent{width:280px;height:249px;}
	.modalContent2{width:280px;height:260px;}
}