body { margin:0; padding:0; }
.cjPopupMask { position:absolute; border:1px solid #000; background:#333 }

.cjPopup, .cjPopup div, .cjPopup span, .cjPopup a {
	vertical-align:baseline;
	text-align:left;
	position:absolute;
	border:0;
	padding:0;
	margin:0;
	background:transparent;
	font: normal 16px/20px arial,verdana;
	color : black;
	text-decoration:none;
	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
}
.cjPopup {display:block; top:-10000px; left:-10000px; z-index:3000;}
.cjPopup .cjWrapper {position:static;}

/* Top */
.cjPopup .cjTop, .cjPopup .cjTop div {top:0; width:100%; height:23px}
.cjPopup .cjTop .cjLeft {width:6px; background:url(corners.gif) -6px 0px}
.cjPopup .cjTop .cjCenter {right:6px; width:100%; height:23px; background:url(horizontal.gif) 12px -23px; clip:rect(auto auto auto 12px);}
.cjPopup .cjTop .cjRight {right:0; width:6px; height:23px; background:url(corners.gif) -18px 0}
.cjPopup .cjTop span {width:100%; text-align:center; vertical-align:middle; line-height:23px; font-weight:bold}
.cjPopup .cjFocus .cjTop .cjLeft {background:url(corners.gif) -6px 0}
.cjPopup .cjFocus .cjTop .cjCenter {background:url(horizontal.gif) 0 -23px}
.cjPopup .cjFocus .cjTop .cjRight {background:url(corners.gif) -18px 0}
.cjPopup .cjFocus .cjTop span {color:#FFF}
/* Middle */
.cjPopup .cjMiddle, .cjPopup .cjMiddle div {top:0}
.cjPopup .cjMiddle {width:100%; height:100%; clip:rect(23px auto auto auto)}
.cjPopup .cjMiddle .cjLeft {left:0; width:5px; height:100%; background:url(vertical.gif) -5px 0}
.cjPopup .cjMiddle span {top:23px; left:5px; width:100%; height:100%; background:#FFF; overflow:auto}
.cjPopup .cjMiddle .cjRight {right:0; width:5px; height:100%; background:url(vertical.gif)}
/* Bottom */
.cjPopup .cjBottom, .cjPopup .cjBottom div {height:6px}
.cjPopup .cjBottom {left:0; bottom:0; width:100%}
.cjPopup .cjBottom div {top:0}
.cjPopup .cjBottom .cjLeft {left:0; width:5px; background:url(corners.gif) -34px -6px}
.cjPopup .cjBottom .cjCenter {left:5px; width:100%; background:url(horizontal.gif) 0 -46px}
.cjPopup .cjBottom .cjRight {right:0; width:5px; background: url(corners.gif) -34px 0}
/* Actions */
.cjPopup a {width:29px; height:16px; top:3px; cursor:pointer}
.cjPopup .cjClose {display:block; right:6px; background:url(buttons.gif) -87px -16px}
.cjPopup .cjMed {display:none; right:38px; background:url(buttons.gif) -29px -16px}
.cjPopup .cjMax {display:none; right:38px; background:url(buttons.gif) -57px -16px}
.cjPopup .cjMove {display:block;width:100%;cursor:move;background:url(corners.gif) no-repeat -100px -100px}
.cjPopup .cjMovable .cjMove {display:block}
/* Resize */
.cjPopup .cjResize {top:auto; left:auto; display:block; width:5px; height:5px; background:url(horizontal.gif) no-repeat 0 -75px}
.cjPopup .cjResizable .cjResize {display:block}
.cjPopup a.cjResizeN {top:0; left:0; width:100%; cursor:n-resize}
.cjPopup a.cjResizeNW {top:0; left:0; cursor:nw-resize}
.cjPopup a.cjResizeNE {top:0; right:0; cursor:ne-resize}
.cjPopup a.cjResizeW {top:0; left:0; height:100%; cursor:w-resize;}
.cjPopup a.cjResizeE {top:0; right:0; height:100%; cursor:e-resize}
.cjPopup a.cjResizeS {bottom:0; left:0; width:100%; cursor:s-resize}
.cjPopup a.cjResizeSW {bottom:0; left:0; cursor:sw-resize}
.cjPopup a.cjResizeSE {bottom:0; right:0; cursor:se-resize}