/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
$Id$
CURVED BOX RENDERING
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.corner-tl, .corner-tr, .corner-bl, .corner-br {
	position: absolute;
	overflow: hidden; /* IE6 */
}

.box, .white-box, .gray-box, .red-box, .green-box    {
	position: relative;
	width: 100%;
	height: auto;
}

h1 {
	font-size: 25px;
	padding-bottom: 5px;
}


h1.right, h2.right, h3.right { text-align: right; }

.corner-tl { top: 0; left: 0; }
.corner-tr { top: 0; right: 0; }
.corner-bl { bottom: 0; left: 0; }
.corner-br { bottom: 0; right: 0; }

.edge {
	width: auto;
	overflow: hidden;
}

.box-content { position: relative; }


.white-box .corner-tl, .white-box .corner-tr, .white-box .corner-bl, .white-box .corner-br { width: 8px; height: 8px; }
.white-box .box-content { padding: 0 8px; }
.white-box .edge { margin: 0 8px; height: 8px; }
.white-box .corner-tl { background: url(../images/box/corner-white-8-tl.png) no-repeat; }
.white-box .corner-tr {	background: url(../images/box/corner-white-8-tr.png) no-repeat; }
.white-box .corner-bl { background: url(../images/box/corner-white-8-bl.png) no-repeat; }
.white-box .corner-br { background: url(../images/box/corner-white-8-br.png) no-repeat; }
.white-box .edge { background-color: white; }
.white-box .box-content { background-color: white; color: black; }
.white-box h1 { color: #999 }

.gray-box .corner-tl, .gray-box .corner-tr, .gray-box .corner-bl, .gray-box .corner-br { width: 5px; height: 5px; }
.gray-box .box-content { padding: 0 5px; }
.gray-box .edge { margin: 0 5px; height: 5px; }
.gray-box .corner-tl { background: url(../images/box/corner-gray-5-tl.png) no-repeat; }
.gray-box .corner-tr {	background: url(../images/box/corner-gray-5-tr.png) no-repeat; }
.gray-box .corner-bl { background: url(../images/box/corner-gray-5-bl.png) no-repeat; }
.gray-box .corner-br { background: url(../images/box/corner-gray-5-br.png) no-repeat; }
.gray-box .edge {  background: #e0e0e0 url(../images/box/content-gray-1x1.gif) repeat; }
.gray-box .box-content { background: #e0e0e0 url(../images/box/content-gray-1x1.gif) repeat; color: black; }
.gray-box h1 { color: #333 }
.gray-box a { color: #000 !important; }

.red-box .corner-tl, .red-box .corner-tr, .red-box .corner-bl, .red-box .corner-br { width: 5px; height: 5px; }
.red-box .box-content { padding: 0 5px; }
.red-box .edge { margin: 0 5px; height: 5px; }
.red-box .corner-tl { background: url(../images/box/corner-red-5-tl.png) no-repeat; }
.red-box .corner-tr {	background: url(../images/box/corner-red-5-tr.png) no-repeat; }
.red-box .corner-bl { background: url(../images/box/corner-red-5-bl.png) no-repeat; }
.red-box .corner-br { background: url(../images/box/corner-red-5-br.png) no-repeat; }
.red-box .edge {  background: #e0e0e0 url(../images/box/content-red-1x1.gif) repeat; }
.red-box .box-content { background: #e0e0e0 url(../images/box/content-red-1x1.gif) repeat; color: white; }
.red-box h1, .red-box h2, .red-box h3 { color: #FFF }
.red-box a { color: #FFF !important; }

.green-box .corner-tl, .green-box .corner-tr, .green-box .corner-bl, .green-box .corner-br { width: 5px; height: 5px; }
.green-box .box-content { padding: 0 5px; }
.green-box .edge { margin: 0 5px; height: 5px; }
.green-box .corner-tl { background: url(../images/box/corner-green-5-tl.png) no-repeat; }
.green-box .corner-tr {	background: url(../images/box/corner-green-5-tr.png) no-repeat; }
.green-box .corner-bl { background: url(../images/box/corner-green-5-bl.png) no-repeat; }
.green-box .corner-br { background: url(../images/box/corner-green-5-br.png) no-repeat; }
.green-box .edge {  background: #e0e0e0 url(../images/box/content-green-1x1.gif) repeat; }
.green-box .box-content { background: #e0e0e0 url(../images/box/content-green-1x1.gif) repeat; color: white; }
.green-box h1, .green-box h2, .green-box h3 { color: #FFF }
.green-box a { color: #FFF !important; }


.box-close-light, .box-close-dark {
	position: absolute;
	top: 0;
	right: 5px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.box-close-light {
	background: url(../images/box/close.png);
}

.box-close-dark {
	background: url(../images/box/close-dark.png);
}

.box-icon-blank {
	padding: 0 25px 0 0;
}

.box-icon-error {
	padding: 0 25px 0 49px;
	background: url(../images/box/icon-error.png) no-repeat;
	min-height: 44px;
}

.box-icon-notice {
	padding: 0 25px 0 58px;
	background: url(../images/box/icon-notice.png) no-repeat;
	min-height: 45px;
}

.box-icon-radio {
	padding: 0 25px 0 46px;
	background: url(../images/box/icon-radio.png) no-repeat;
	min-height: 45px;
}

.box-icon-check {
	padding: 0 25px 0 60px;
	background: url(../images/box/icon-check.png) no-repeat;
	min-height: 44px;
}