/*
	<ul><li><a YDialog="#dialog" href:'mod:metode' name="modal">600:300</a></li></ul>
	<div id="boxes"><div id="dialog" class="window"></div><div id="mask"></div></div>
*/

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:0;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  /*width:440px;
  height:200px;*/

  display:none;
  z-index:2;
  padding:20px;
}

#dvBoxContain{
	padding:5px;
	border: 1px solid #404040;
	background-color: WHITE;
	overflow: auto;
	color : #121212;
}

.dvBoxTitle {
	margin-top: 10px;
	color: #0C0CAD;
	font-family: verdana;
	font-size: 12px;
	font-weight : bold;
}

#dvBoxClose {
	position: relative;
	margin-top: -20px;
	float: right;
	width: 22px;
	height : 20px;
	overflow: hidden;
	cursor: pointer;
	z-index:4;
	background: url(../images/bt_close.png) no-repeat right 0;
}

#dvBoxClose:hover {
	background: url(../images/bt_close.png) no-repeat right -19px;
}


#boxes #dialog {
  padding:10px;
	border: 5px solid silver;
  background-color:#949290;
}