div.akylaWindow
{
	z-index : 10000;
	position : fixed;
	margin : 0px;
	top : 50px;
	left : 50%;
	background-color : #FFF;
	border : solid 1px #CCC;
	width : 800px;
	margin-left : -401px;
	-webkit-box-shadow: 0px 0px 2px 5px #CCC;
	-moz-box-shadow: 0px 0px 2px 5px #CCC;
	box-shadow: 0px 0px 2px 5px #CCC;
}

div.akylaWindow > div.header
{
}

div.akylaWindow > div.header > img
{
	position : absolute;
	right : 30px;
	top : 30px;
	cursor : pointer;
}

div.akylaWindow > div.header > div.body
{
	padding : 5px;
	max-height : 500px;
	min-height : 120px;
	max-width : 900px;
	overflow : auto;
}


div.akylaWindow > div.header > div.body > div
{
}

#help.akylaWindow > div.header > div.body >div
{
}

div.akylaWindow > div.header > h2
{
	letter-spacing : 2px;
	color : #FFF;
	display : block;
	padding : 15px;
	background-color : #3066c4;

}

div.akylaWindow > div.footer
{
	padding : 5px;
	overflow : hidden;
}

div.akylaWindow > div.footer > p
{
	font-style : oblique;
	color : #777;
	text-align : right;
}

.akylaWindow span.message
{
	font-size : 110%;
	padding : 4px 4px 4px 20px;
	display : block;
}

.akylaWindow span.message.code, .akylaWindow span.message.Exception
{
	font-size : 9px;
	border : dashed 1px #777;
	font-weight: normal;
	font-family: Courier;
	white-space : pre;
}


.akylaWindow span.message.info
{
	color : #77F;
	background : url(../../../image/icons/fugue/information.png) no-repeat left center;
}

.akylaWindow span.message.success
{
	color : #006400;
	background : url(../../../image/icons/fugue/tick.png) no-repeat left center;
}

.akylaWindow span.message.small
{
	font-size : 10px;
}

.akylaWindow span.message.error
{
	color : #F77;
	background : url(../../../image/icons/fugue/exclamation.png) no-repeat left center;
}

.akylaWindow span.message.warning
{
	color : #337;
	background : url(../../../image/icons/original/error.png) no-repeat left center;
}

.overlay 
{
	position: fixed; 
	top: 0px; 
	left: 0px; 
	bottom : 0px;
	right : 0px;
	background: #FFF;
	opacity: .5; 
	filter: alpha(opacity=50); 
	-moz-opacity: .5;
	z-index : 900;
}

.overlay > img
{
	position : absolute;
	left : 50%;
	top : 50%;
}

.overlay div
{
}

#content_overlay 
{ 
	width: 100%; 
	height: 100%; 
}
#content_overlay td 
{ 
	vertical-align: middle; 
	text-align: center; 
}

#content 
{ 
	text-align: left; 
	background: #000; 
	color: #fff; 
	display: inline; 
	padding: 20px; 
	margin: 0px auto;
}

div.help
{
	
}

div.help div.keyboardKey
{
	float : left;
	background : url(../../../image/gfx/keyboard_key.png) no-repeat;
	width : 64px;
	height : 52px;
	text-align : center;
	padding-top : 12px;
}

div.keyboardKey span.key
{
	color : gray;
	clear : both;
	display : block;
	font-size : 14px;
	font-weight : bold;
}

div.keyboardKey span.function
{
	display : block;
	color : green;
	font-size : 8px;
}

.confirmDialog, .alertDialog
{
	padding : 5px 30px 5px 5px;
	font-size : 14px;
	line-height : 150%;
}

.alertDialog > textarea
{
	width : 100%;
	height : 400px;
}

.yesButton, .noButton, .okButton
{
	font-size : 12px;
	margin : 5px;
	padding : 2px;
}

.yesButton:first-letter, .noButton:first-letter, .okButton:first-letter
{
	font-weight : bold;
}