/*	Overlay 1.0 by miguel julio	*/
.overlay.medium {
	width: 38em;
	position: absolute;
	top: 17%;
	left: 25%;
	z-index: 9999;
}

.overlay.medium .top .middle,
.overlay.medium .bottom .middle {
	width: 35.91em;
}

.overlay .top .left {
	background: transparent url("/images/overlays/top-left.png");
	background-position:left top;
	height: 1.6em;
	width: .83em;
	float: left;
}
.overlay .top .middle {
	background: transparent url("/images/overlays/top-middle.png") repeat-x;
	height: 1.6em;
	float: left;
	display: inline;	
}
.overlay .top .right {
	background: transparent url("/images/overlays/top-right.png") no-repeat;
	background-position:right top; 
	height: 1.6em;
	width: 1.25em;
	float: left;	
}
.overlay .outer {
	background: transparent url("/images/overlays/middle-left.png") left top repeat-y;
}
.overlay .outer .inner {
	background: transparent url("/images/overlays/middle-right.png") right top repeat-y;
}
.overlay .outer .inner .content {
	margin: 0 15px 0 10px;
	padding: 1.6em 1.6em .1em 1.6em;
	background: #fff;
	position: relative;
}
.overlay .bottom .left {
	background: transparent url("/images/overlays/btm-left.png");
	background-position:left bottom ;
	height: 1.25em;
	width: .83em;
	float: left;
}
.overlay .bottom .middle {
	background: transparent url("/images/overlays/btm-middle.png") repeat-x;
	background-position: left bottom;
	height: 1.25em;
	float: left;
}
.overlay .bottom .right {
	background: transparent url("/images/overlays/btm-right.png");
	background-position: right bottom;
	height: 1.25em;
	width: 1.25em;
	float: left;	
}

/*	TYPOGRAPHY	*/
.overlay .outer .inner .content h1 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 10px 0;
}
.overlay .outer .inner .content h2 {
	font-size: .8em;
	font-weight: bold;
	border-bottom: 1px solid #b6c897;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.overlay .outer .inner .content p,
.overlay .outer .inner .content ul li {
	font-size: .80em;
}
.overlay .outer .inner .content .close-link {
	position: absolute;
	top:0;
	right:.83em;
}
/*	forces the div to wrap around floats	*/
.overlay .outer .inner .content #parent-child-contract #child-agrees ul li:after,
.overlay .outer .inner .content #parent-child-contract #parent-agrees ul li:after,
.overlay .top:after,
.overlay .bottom:after{
	content: "";
	display: block;
	clear: both;
}

.overlay .top {
	zoom: 1;
}

/*	form in the overlay	*/
.overlay .outer .inner .content  #parent-child-contract fieldset {
	margin-bottom: 15px;
}
.overlay .outer .inner .content  #parent-child-contract fieldset ul {
	width: 49%;
}
.overlay .outer .inner .content  #parent-child-contract a#btn-continue {
	float: right;
}

.overlay .outer .inner .content  #parent-child-contract a#btn-continue:hover {
	cursor: pointer;
}

.overlay .outer .inner .content  #parent-child-contract #names p label {
	width:10em;
	float: left;
	font-weight: bold;
}
.overlay .outer .inner .content  #parent-child-contract #names p {
	margin-bottom: 5px;
}

.overlay .outer .inner .content  #parent-child-contract #names p * {
	vertical-align: middle;
}

.overlay .outer .inner .content #parent-child-contract #child-agrees input,
.overlay .outer .inner .content #parent-child-contract #parent-agrees input {
	width: 15px;
	height: 15px;
	margin: 0 5px 0 0;
	padding: 0;
	overflow: visible;
	display: block;
	float:left;
}
.overlay .outer .inner .content #parent-child-contract #child-agrees label,
.overlay .outer .inner .content #parent-child-contract #parent-agrees label {
	display: block;
	float: left;
	width: 230px;
	margin-bottom: 10px;
}

.overlay .outer .inner .content #parent-child-contract #names .signature {
	border-top: 1px solid #999;
	width: 40%;
	padding-top: 3px;
	margin-bottom: 15px;
}

.hide {
	height:1px;
	left:-9999em !important;
	overflow:hidden;	
}


/*
 * Obtrusive Overlay Styles
 ***************************/
 
#backdrop {
	background-color: #000000;
	display: none;
	filter: alpha(opacity = 40);
	height: 5000px;
	left: 0;
	opacity: 0.40;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1000;
}
#backdrop.show {
	display: block !important;
}
html.in-obtrusive,
body.in-obtrusive {
	height: 100%;
	overflow: auto;
	position: relative;
	width: 100%;
}
body.in-obtrusive * select {
	visibility: hidden;
}
body.in-obtrusive .video-small #flash-small {
	display: none;
}

/*
 * Obtrusive Overlay Templates
 ******************************/

.obtrusive-xlarge {
	position: absolute;
	left: 50%;
	top: 22%;
	z-index: 3000;
	font-size: 10px;
	line-height: 1.1;
	background: #394346;
	width: 960px;
    margin-left: -480px;
}

.obtrusive-xlarge h1 {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	padding-top: 10px;
	margin-left: 20px;
	
}

.obtrusive-xlarge .close-link {
	position: relative;
	float:right;
	top: 10px;
	right: 10px;
    color: #ffffff;	
}

.obtrusive-xlarge .close-link:hover {
    text-decoration: none;
}


.obtrusive-xlarge .close-link IMG {
    vertical-align: middle;
    padding-left: 5px;
}

.obtrusive-xlarge #flash-content {
	width: 960px;
	height: 406px;
}