
/* Default styling. Used when JavaScript is unsupported */
.modPopUpBox {
	padding: 0 10px;
	margin: 1em 0;
	background:#FEFDED;
	border:1px solid #666;
}

.modPopUpBoxWithoutBorders {
	padding: 0 10px;
	margin: 1em 0;
	background:#FEFDED;
}

/* Rules for the top corners and border */
.modPopUpBoxHolder .bt {
	background:url(/images/modulePopUpBox/box.gif) no-repeat 100% 0;
	margin:0 0 0 10px;
	height: 10px;
	font-size: 1px;
}

.modPopUpBoxHolder[class] .bt {
	background-image: url(/images/modulePopUpBox/box.png);
}

.modPopUpBoxHolder .bt div {
	height: 10px;
	width: 10px;
	position: relative;
	left: -10px;
	background:url(/images/modulePopUpBox/box.gif) no-repeat 0 0;
}

.modPopUpBoxHolder[class] .bt div {
	background-image: url(/images/modulePopUpBox/box.png);
}
/* Rules for the bottom corners and border */
.modPopUpBoxHolder .bb {
	background:url(/images/modulePopUpBox/box.gif) no-repeat 100% 100%;
	margin:0 0 0 14px;
	height: 14px;
}

.modPopUpBoxHolder[class] .bb {
	background-image: url(/images/modulePopUpBox/box.png);
}

.modPopUpBoxHolder .bb div {
	height: 14px;
	width: 14px;
	position: relative;
	left: -14px;
	background:url(/images/modulePopUpBox/box.gif) no-repeat 0 100%;
}

.modPopUpBoxHolder[class] .bb div {
	background-image: url(/images/modulePopUpBox/box.png);
}

/* the left border */
.modPopUpBoxHolder .i1 {
	padding: 0 0 0 10px;
	background: url(/images/modulePopUpBox/borders.gif) repeat-y 0 0;
	overflow: auto;
}

.modPopUpBoxHolder[class] .i1 {
	background-image: url(/images/modulePopUpBox/borders.png);
}

/* the right border */
.modPopUpBoxHolder .i2 {
	padding:0 14px 0 0;
	background:url(/images/modulePopUpBox/borders.gif) repeat-y 100% 0;
}

.modPopUpBoxHolder[class] .i2 {
	background-image: url(/images/modulePopUpBox/borders.png);
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.modPopUpBoxHolder .i3 {
	background:#FEFDED;
	padding: 0px;
}

.modPopUpBoxHolder .popUpTools {
	text-align: right;
}
.modPopUpBoxHolder .popUpTools img {
	margin-left: 5px; 
	cursor: pointer;
}

.modPopUpBoxHolder h3 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 2px;
	text-align: left;
	float: left;
}

.modPopUpBoxHolder h4 {
	font-weight: bold;
	font-size: 12px;
	margin-top: -20px;
	padding: 2px 0px;
}
