
/*

   modalbox.css

   

   Modalbox project

   

   Created by Andrew Okonetchnikov.

   Copyright 2006-2010 okonet.ru. All rights reserved.

   

   Licensed under MIT license.

*/



#MB_overlay {

	position: absolute;

	margin: auto;

	top: 0;	left: 0;

	width: 100%; height: 100%;

	z-index: 9000;

	border: 0;

	background-color: #000!important;

}

#MB_overlay[id] { position: fixed; }



#MB_windowwrapper {

	position:absolute;

	top:0;

	width:100%;
	
	z-index: 99990;

}



#MB_window {

	position:relative;

	margin-left:auto;

	margin-right:auto;

	top:0;

	left:0;

	border: 0 solid;

	text-align: left;

	z-index: 9999;

}

#MB_window[id] { position: relative; }



#MB_frame {

	position: relative;

	background-color: #EFEFEF;

	height: 100%;

}



#MB_header {

	margin: 0;

	padding: 0;

}



#MB_content {

	position: relative;

	padding: 6px .75em;

	overflow: auto;

}



#MB_caption {

	font: bold 100% "Lucida Grande", Arial, sans-serif;

	text-shadow: #FFF 0 1px 0;

	padding: .5em 2em .5em .75em;

	margin: 0;

	text-align: left;

}



#MB_close {

	display: block;

	position: absolute;

	right: 5px; top: 4px;

	padding: 2px 3px;

	font-weight: bold;

	text-decoration: none;

	font-size: 13px;

}

#MB_close:hover {

	background: transparent;

}



#MB_loading {

	padding: 1.5em;

	text-indent: -10000px;

	background: transparent url(spinner.gif) 50% 0 no-repeat;

}



/* Color scheme */

#MB_window {

	background-color: #EFEFEF;

	color: #000;

	

	-webkit-box-shadow: 0 0 64px #000; 

	-moz-box-shadow: #000 0 0 64px; 

	box-shadow: 0 0 64px #000;

}

	#MB_frame {

		padding-bottom: 4px;

		

		-webkit-border-bottom-left-radius: 4px;

		-webkit-border-bottom-right-radius: 4px;



		-moz-border-radius-bottomleft: 4px;

		-moz-border-radius-bottomright: 4px;



		border-bottom-left-radius: 4px;

		border-bottom-right-radius: 4px;

	}

	

	#MB_content { border-top: 1px solid #F9F9F9; }



	#MB_header {

	  background-color: #DDD;

	  border-bottom: 1px solid #CCC;

	}

		#MB_caption { color: #000 }

		#MB_close { color: #777 }

		#MB_close:hover { color: #000 }





/* Alert message */

.MB_alert {

	margin: 10px 0;

	text-align: center;

}