/* ------ POPUP MAJIGGERS ----- */
/* Styles for the popup should be placed at (or at least towards) the bottom of the site stylesheet */

/* Background overlay to "dim" the rest of the site */
/* Customise the background colour to match the site */
#overlay {
	width: 100%;
	height: 100%;
	position:fixed;
	top:0;
	left: 0;
	z-index: 10000;
	background: #000;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;

}

/* holder for positioning the popup in the middle (don't change anything!) */
#popup-holder {
	height: 100%;
	width: 100%;
	z-index: 20000;
	position:fixed;
	top: 0;
	left: 0;
}

/* the popup itself, you probably won't need to change anything */
.popup {
	height: auto;
	min-height: 40px;
	max-height: 90%;
	overflow:scroll;
	width: auto;
	min-width: 400px;
	max-width: 950px;
	z-index: 200;
	position:relative;
	top: 25px;
	margin: 0 auto;
	clear:both;
	overflow:hidden;
}

/* give each .popup on the site a unique ID and specify a width if needed (height is auto)*/
#videopopup {
	width: 650px;
}

/* Popup content container. Set the background colour and insert some padding between the borders and the content. */
.popup-content {
	background:#fff;
	border:none;
	padding:10px;
	height:auto;
	clear:both;
	overflow:hidden;
	color:#7D7D5D;
	font-family:Tahoma,Helvetica,Arial,sans-serif;
	font-size:12px;	
}

.popup-content a {
	color: #fff;
}


/* Popup borders/layout rules. Probably no changes needed */
/* Box popup thinger from http://www.456bereastreet.com/archive/200505/transparent_custom_corners_and_borders/ */


/* Rules for the top corners and border */
/* these can take images to make the popup prettier, but will degrade without changing anything if needed */
.popup-top {
	background:url(images/popup-bg.png) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:17px;
}
.popup-top div {
	height:17px;
	width:19px;
	position:relative;
	left:-18px;
	background:url(images/popup-bg.png) no-repeat 0 0;
}

/* Rules for the bottom corners and border */
.popup-bottom {
	background:url(images/popup-bg.png) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:17px;
}
.popup-bottom div {
	height:17px;
	width:19px;
	position:relative;
	left:-18px;
	background:url(images/popup-bg.png) no-repeat 0 100%;
}

/* Insert the left border */
.popup-border-left {
	padding:0 0 0 12px;
	background:url(images/popup-border-left.png) repeat-y 0 0;
}
/* Insert the right border */
.popup-border-right {
	padding:0 12px 0 0;
	background:url(images/popup-border-right.png) repeat-y 100% 0;
}

a.close {
	float:right;
	font: normal 12px/1.3 Arial, Helvetica, sans-serif;
	color: #000;
}