/* OVERLAY */

div.monoOverlay {
    width: 					100%;
    min-height: 			100%;
    position: 				fixed;
    top:					0;
    left: 					0;
    z-index: 				5;
    background: 			url(images/overlay.png) repeat 0 0;
    display: 				block;
    text-align: 			center;
}

/** ie6 and below only **/
* html div.monoOverlay {
    background-image: 		url(images/overlay-ie6.png);
    height: 				100%;
    position: 				absolute;
}

div#monoOverlayContent {
	font-family:			arial, helvetica, verdana;
	top: 					10px;
    left:					50%;
   	margin-left:			-314px;
    padding:				20px 40px 40px 40px;
    position:               fixed;
	_position: 				absolute;
	width: 					549px;
	min-height:				229px;
	background-color: 		#ffffff;
	z-index: 				6;
	text-align: 			left;
    -webkit-box-sizing:     content-box;
    -moz-box-sizing:        content-box;
    box-sizing:             content-box;
}

div#monoOverlayContent * {
	font-family:			arial, helvetica, verdana;
	color:					#333333;
}


div#monoOverlayContent a {
	text-decoration: 		none;
	color: 					#0065ca;
}


div#monoOverlayContent {
	color: #333333;
}

div#monoOverlayContent a.close {
	position:		absolute;
	right:			40px;
	top:			20px;
	font-size: 		12px;
	color:			#666666;
	background: 	url(images/cross.gif) no-repeat right;
	padding-right:  15px;
	text-decoration: none;
}

div#monoOverlayContent h1 {
	position: 		absolute;
	top:			20px;
	font-size: 		18px;
	line-height: 	18px;
	margin: 		0;
	padding: 		0;
	font-weight: 	normal;
}

div#monoOverlayContent p {
	font-size: 		14px;
	color:			#666666;
	margin:			-10px 0 26px 0;
}

div#monoOverlayContent .btn {
    display: none;
}
@media screen and (max-width: 671px){
    div#monoOverlayContent{
        width:100%;
        margin:auto;
        left:0;
        padding:0;
        padding-bottom: 40px;
    }
}


