/*Modal Popup*/
.modalBackground
{	
	background-color: #808080;
	filter: alpha(opacity=70);
	opacity: 0.7;
	z-index: 10000;
	top:0px;
	left:0px;
	position:absolute;
	height:100%;
	width:100%;
	display:none;
}
.modalPopup
{
	background-color: #FFF;
	border-width: 3px;
	border-style: solid;
	border-color: #808080;
	padding: 3px;
	top: 150px;
	left: 0px;
	position:absolute;	
	width:290px;
	z-index:10001;
}
.modalPopup P
{
	padding: 5px;
}
.sampleStyleA
{
	background-color: #FFF;
}
.sampleStyleB
{
	background-color: #FFF;
	font-family: monospace;
	font-size: 10pt;
	font-weight: bold;
}
.sampleStyleC
{
	background-color: #DDFFDD;
	font-family: sans-serif;
	font-size: 10pt;
	font-style: italic;
}
.sampleStyleD
{
	background-color: #0000FF;
	color: #FFFFFF;
	font-family: Arial;
	font-size: 10pt;
}
/*Popup Control*/
.popupControl
{
	background-color: #FFFFFF;
	position: absolute;
	visibility: hidden;
}

#form_container
{
	margin:0 auto;
	text-align:left;
	width:290px;
}

#form_container h2
{
	font-size:160%;
	font-weight:normal;
	padding-top:7px;
	padding-left:9px;
}

#form_container ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

#form_container li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

#form_container li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

#form_container li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

#form_container li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

.form_description
{
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]
{
	display:block;
}

#form_container li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

label.description
{
	border:none;
	color:#222;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

/*VIEWBOX CSS*/
/* Miniatury */
.thumbdiv {
	float:left; 
	position:relative;
}
.thumbdiv .title {
	position:absolute;
	padding:2px;
	font-size:1.0em;
	color:#fff;
	background:#000;
	border-top:solid 1px #000;
	opacity:0.8;
	bottom:14px;
	left:8px;
	right:9px;
}
/* VIEWBOX */
#viewbox {
	position:fixed;
	height:100%;
	width:100%;   
	top:0;
	left:0;
	background:#999;
	z-index:2190; 
	overflow:auto;
} 
.vb_wrap {
	position:absolute; 
	padding:10px;
	height:20px;
	width:20px; 
	background-image:url(../images/ViewBox_bg.png);
	background-color:#ccc;
	overflow:visible; 
	z-index:2200;
	margin:0 auto;
	top:0; 
	left:0;
	border-radius:10px;
	box-shadow: 4px 4px 7px #000;
} 
.vb_wrap .content {
 	position:relative;
	overflow:visible;
}
.vb_wrap .number {
	position:absolute;
	top:-32px;
	left:1px;
	font-size:0.9em;
	color:#0c0c0c;
} 
.vb_wrap .close {
	position:absolute; 
	top:-40px;
	right:-7px;
	background:url(../images/viewbox_close.png) top left no-repeat;
	height:30px;
	width:30px;
}
* html .vb_wrap .close {
	top:-26px;
	right:7px;
}
.vb_wrap .next {
	position:absolute;   
	right:-60px;
	background:url(../images/ViewBox_next.png) top left no-repeat;
	height:50px;
	width:50px;
	z-index:2190;
}
.vb_wrap .prev {
	position:absolute;   
	left:-59px;
	background:url(../images/ViewBox_prev.png) top right no-repeat;
	height:50px;
	width:50px;
	z-index:2190;
}
.vb_wrap .close a, .next a, .prev a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-777em;
	outline:none;
}
.vb_wrap h1 {
	margin:5px 0px 8px;
	padding-bottom:3px;
	letter-spacing:1.3px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#cdcdcd;
	border-bottom:solid 1px #7e7e7e;
	
}
.vb_wrap p { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	text-align:justify;
	color:#e5e5e5;
}
.vb_wrap .text {
	position:absolute;
	background: url(../images/ViewBox_bg.png) top left repeat;
	border-top:solid 1px #121212;
	bottom:0; left:0;
	padding:5px;
	width:99%; 
	z-index:2110;
}
* html .vb_wrap .text {
	background-image:none;
	background-color:#0f0e0e;
}
.vb_wrap .image {
	z-index:2220;
}
.vb_wrap .text h1 {
	margin:2px; 
	padding:1px;
	color:#919191;
	z-index:2230;
}
.vb_wrap .text .description {
	position:relative;
	bottom:0px; 
	left:0px;
	padding:2px 2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	z-index:2260;
	color:#949494; 
}