*	Css files used by this script:	modal-message.css
*
.modalDialog_transparentDivs{	
	filter:alpha(opacity=40);	/* Transparency */
	opacity:0.4;	/* Transparency */
	background-color:#AAA;
	z-index:1;
	position:absolute; /* Always needed	*/
}
.modalDialog_contentDiv{
	padding:2px;
	z-index:100;/* Always needed	*/
	position:absolute;	/* Always needed	*/
	background-color:#fcf9f3;
}	
.modalDialog_contentDiv_shadow{
	z-index:90;/* Always needed	- to make it appear below the message */
	position:absolute;	/* Always needed	*/
	background-color:#555;
	filter:alpha(opacity=30);	/* Transparency */
	opacity:0.3;	/* Transparency */	
}



	/* CSS for the demo. CSS needed for the scripts are loaded dynamically by the scripts */
	#mainContainer{
		width:500px;
		margin:0 auto;
		margin-top:10px;
		border:1px double #000;
		padding:5px;
		
	}
	
	/* Alternative layout for the message box - used by one of the messages */
	
	.modalDialog_contentDiv_error{
		border:3px solid #FFF;	
		padding:2px;
		z-index:100;/* Always needed	*/
		position:absolute;	/* Always needed	*/
		background-color:#F00;	/* White background color for the message */
		color:#FFF;
	}
	.modalDialog_contentDiv_error a{
		color:#FFF;
	}

#language { float:left; margin-left:19px; padding-top:3px; text-align:left; }
#choose_lang { float:left; padding-top:3px; padding-bottom:10px; text-align:left; text-decoration:none; color:#FFFFFF; margin-left:28px; width:150px; }
#version {
	float:left;
	width:222px;
	height:95px;
}

#languages {
	display:none;
	position:absolute;
	margin:0px;
	list-style:none;
	padding:0px;
	text-align:left;
	height:18px;
	padding:2px;
	top:88px;
	left:14px;
	width:250px;
	border:1px solid #11ACE4;
	background:#FFFFFF;
}
#languages li { float:left; }
#languages li a { font-size:10px; color:#333333; text-decoration:none; padding:2px; margin-right:3px; }
#languages li a:hover { background:#333333; color:#FFFFFF; } 

#select:hover ul {
	display:block;
}

#nav { text-align:center; height:24px; } 
#nav a { margin-right:1px; }

#graphic { text-align:center; height:185px; position:relative; }
#release {
	position:absolute;
	text-align:left;
	top: 88px;
	left: 41px;
	color:#FFFFFF;
	width: 178px;
}
#forums {
	position:absolute;
	text-align:left;
	top:112px;
	left:41px;
}
#forums a {
	color:#FFFFFF;
}
#col1 {
	width:260px;
	padding:0px;
	float:left;
	margin-left:30px;
	margin-right:6px;
}
#col2 {
	width:260px;
	padding:0px;
	float:left;
	margin-left:6px;
}


input { padding:2px; margin-bottom:3px; font-size:11px; }
.noborder { border:none; }
.submit_buttons { margin-top:10px; }

.jsvalidation {font-size:10px; color:#FF0000; font-family:"Lucida Sans Unicode", "Trebuchet MS", Tahoma, sans-serif; }
#notes { color:#666666; padding-top:10px; margin-top:20px; border-top:1px solid #333333; }
.dim, .dim a { color:#CCCCCC; }

.section { font-size:larger; list-style:none; font-weight:bold; padding-top:8px; margin-left:-12px; margin-bottom:5px; }

.good { color:#33CC00; }
.bad { color:#FF0000; }
.debug { color:#FF6600; }
.ugly { color:#CC0000; }
.untested { color:#003399; }


.roundcont {
	width: 650px;
	background-color: #EEEEEE;
	color:#333333;
	margin-bottom:20px;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(/img/tr_eeeeee.jpg) no-repeat top right; 
}

.roundbottom {
	background: url(/img/br_eeeeee.jpg) no-repeat top right; 
}

img.corner {
   width: 5px;
   height: 5px;
   border: none;
   display: block !important;
}
.code {
	font-family:"Courier New", Courier, monospace;
	margin:8px 15px 8px 15px;
	width:604px;
	padding:8px;
	white-space:pre;
	background-color:#FFFFFF;
	overflow:auto;
	max-height:150px;
}
.example { margin:20px; }
.highlight { color:#0489CA; }

blockquote { padding:8px; background:url(/img/stripe.png) top left; }