/*--- MODAL WINDOW ---*/
/*-------------------------------------------------------------------------------------------*/
#modal-overlay { 
    position: fixed; 
    z-index:100; 
    top: 0px; 
    left: 0px; 
    height:100%; 
    width:100%; 
    background: #000; 
    display: none; 
} 
#modal-window { 
    position: fixed; 
	/*_position:absolute;  hack for internet explorer 6*/
    z-index: 102; 
    display:none; 
    top:50%; 
    left:50%; 
	height:480px;
	width:600px;
	background:#f9f9f9;
	border:2px solid #cecece;
	padding:23px 10px 10px;
}
#modal-content{
	height:100%;
	width:100%;
	overflow: auto;
}
#modal-close{
	text-align: right;
	font-size:14px;
	line-height:14px;
	color:#6fa5fd;
	font-weight:700;
	cursor: pointer;
	position:absolute;
	right:5px;
	top:5px;
	display:block;
	padding-right: 20px;
    background: url(ico_close.gif) no-repeat top right; 
}

#modal-load2{ 
    position: fixed; 
    height:13px; 
    width:208px; 
    background: url(ico_indicator.gif) no-repeat; 
    z-index:103; 
    top: 50%; 
    left: 50%; 
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ 
} 
#modal-load{
    height:16px; 
    width:16px; 
	float:left;
	margin: 3px 7px;
    background: url(ico_indicator.gif) no-repeat; 
}

* html #modal-overlay { /* ie6 hack */ 
     position: absolute; 
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight   'px'); 
} 
* html #modal-window, 
* html #modal-load { /* ie6 hack */ 
	position: absolute; 
	margin-top: expression(0 - parseInt(this.offsetHeight / 2)   (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)   'px'); 
} 

#modal-window h1{
	margin:0pt;
	margin-bottom:10px;
	font-size:14px;
	line-height:14px;
	height: 24px;
	text-align:center;
	border-bottom:1px dotted #D3D3D3;
}
#ico-arrows{
	float:left;
	margin: 3px 7px;
}