/***************** FLOATING WINDOW **********************
	
	Global css for the floating window, this defines the 
	different containers inside the floating window. All 
	page specific configuration of the floating window 
	should be kept in that page's css.
	
	This css defines some of the classes used in the 
	AtiraFloatingWindow.js to create a dynamic and easy to 
	use ajax style window element.
	
*********************************************************/

/* .FloatingWindow: css for the top level div. This is the 
default css, you should refrain from changing anything but 
the height, width and left properties */

.FloatingWindow{
	position: absolute;
	top: 200px;
	margin-left: 50%;
}

.FloatingWindow:HOVER{
	cursor: auto;
}

.windowframe{
	
}

.windowframe .title{
	float: left;
	font-size: 11pt;
	text-align: center;
	font-weight: bold;
	width: 100%;
	color: #013b71;
}

.windowframe .content_padding {
	padding: 10px;	
}


.windowframe .content{
	
}

.windowframe .content_dynamic {	
	float: left;
	overflow: hidden;
	width: 100%;
}

.windowframe .content_error{	
	font-size: 8pt;
	float: left;
	overflow: hidden;
	width: 100%;
	color: red;
}

.windowframe .footer{
	float: left;
	color: #999; 
	text-align: center; 
	font-size: 8pt; 
	font-family: Arial;
	margin-bottom: 5px;
	width: 100%;
}

.windowframe .buttongroup{
	float: left;
	width: 100%;
}

.windowframe .top{
	width: 100%;
	background-repeat: repeat-x;
	background-position: top;
}

.windowframe .top_right{
	width: 100%;
	background-position: top right;
	background-repeat: no-repeat;
}

.windowframe .top_left{
	width: 100%;
	background-repeat: no-repeat;
	background-position: top left;
}

.windowframe .middle_right{
	width: 100%;
	background-repeat: repeat-y;
	background-position: right;
	
}

.windowframe .middle_left{
	width: 100%;
	background-repeat: repeat-y;
	background-position: left;
}

.windowframe .background{
	width: 100%;
	background-color:#EAF5F9;
	border-style: solid;
	border-width: 5px 5px;
	border-color: #5B5B5C;
}



.windowframe .bottom{
	background-repeat: repeat-x;
	background-position: bottom;
	width: 100%;
}


.windowframe .bottom_right{
	width: 100%;
	background-position: bottom right;
	background-repeat: no-repeat;
}

.windowframe .bottom_left{
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom left;
}

/* ----CONTENT--- */

.FloatingWindow .content table {
	font-size: 8pt;
	color: #1D77B8;	
}

.FloatingWindow .content label {
	display: block;
	font-size: 9pt;
	margin-bottom: 5px;
}

.FloatingWindow .content input{
	text-align: right;	
}

.FloatingWindow .content .white_box{
	border: 1px solid #B8B8B8;
	display: none;
	height: auto;
	background-color: white;
}

.FloatingWindow .content .white_box .padder{
	padding: 10px;
}

.FloatingWindow .content .button_container{
	float: left; 
	margin-right: 10px;
}

.FloatingWindow .content .button_field{
	float: left; 
	margin-top: 10px; 
	margin-bottom: 10px;	
}