/**
  * WLM
  * 
  * Defines styles for the modal layer
  * 
  * @project         WLM
  * @package         WLM.Modal
  *                  
  * @copyright       Neue Digitale / Razorfish 
  * @author          martin.krause@neue-digitale.de
  * @license         
  * 
  * @version         0.85
  * @media           screen
  *
  * @todo            test on all
  * @todo            validate
  * 
  * @valid           yes 
  * @tested          TODO
  * 
  * @revision        $Revision$
  * @lastmodified    $Date$
  * 
  */


 

/**
  * @section         basic settings
  *
   * 
  * @see             WLM.accordion
  */

#MSLM_modal_overlay {
 	background: #000;
 	display: none;
 	height: 100%;
 	left: 0;
 	opacity: .5;
 	position: fixed;
 	top: 0;
 	width: 100%;
 	z-index: 200010;
}
 

.modal {
 	display: none;
 	left: 0;
 	overflow: hidden;
 	position: absolute;
 	top: 0;
 	z-index: 200020;
}

.small {
	background: transparent url(/images/layer/sprite-modal-small.png) -482px 100% no-repeat;
	width: 482px;
	padding-bottom: 33px;
}

* html .small {
	background-image: transparent url(/images/layer/sprite-modal-small.gif);
}

.modal.small .close {
	background: transparent url(/images/layer/sprite-modal-small.png) 0 0px no-repeat;
	height: 34px;
	overflow: hidden;
}

* html .modal.small .close {
	background-image: transparent url(/images/layer/sprite-modal-small.gif);
}


.modal .close a {
	cursor: pointer;
	float: right;
	height: 29px;
	display: block;
	margin:5px 10px 0 0;
	text-indent: -999em;
	width: 29px;
}

.modal .closelink a {
	cursor: pointer;
	float: right;
	height: 29px;
	display: block;
	margin:5px 10px 0 0;
	text-indent: -999em;
	width: 29px;
}

.modal.small .content {
	background: transparent url(/images/layer/sprite-modal-small.png) -964px 0px repeat-y;
	/* top: +35px, bottom: +33px */
	padding: 10px 37px 9px 30px;
	line-height:16px;
	text-align:left;
	color: #4C4C4C;
	font-size: 12px;	
}

* html .modal.small .content {
	background-image: transparent url(/images/layer/sprite-modal-small.gif);
}

.modal.small .content p { margin:0 0 16px; }
.modal.small .content a { color: #64a8d8; }
.modal.small .content a.link_arrow { background: url(/images/navigation/arrow_content_d9e6ee.png) no-repeat right top; line-height: 22px; margin: 0; padding: 0 20px 0 0; }

.wide {
	background: transparent url(/images/layer/sprite-modal-wide.png) -641px 100% no-repeat;
	width: 641px;
	padding-bottom: 33px;
}

* html .wide {
	background-image: transparent url(/images/layer/sprite-modal-wide.gif);
}

.modal.wide .close {
	background: transparent url(/images/layer/sprite-modal-wide.png) 0 0px no-repeat;
	height: 34px;
	overflow: hidden;
}

.modal.wide .closelink {
	background: transparent url(/images/layer/sprite-modal-wide.png) 0 0px no-repeat;
	height: 34px;
	overflow: hidden;
}

* html .modal.wide .close {
	background-image: transparent url(/images/layer/sprite-modal-wide.gif);
}

.modal.wide .content {
	background: transparent url(/images/layer/sprite-modal-wide.png) -1282px 0px repeat-y;
	/* top: +35px, bottom: +33px */
	padding: 10px 37px 9px 30px;
	color: #4C4C4C;
	font-size: 12px;	
}

* html .modal.wide .content {
	background-image: transparent url(/images/layer/sprite-modal-wide.gif);
}

.modal.wide .content p { margin:0 0 16px; }
.modal.wide .content a { color: #64a8d8; }
.modal.wide .content a.link_arrow { background: url(/images/navigation/arrow_content_d9e6ee.png) no-repeat right top; line-height: 22px; margin: 0; padding: 0 20px 0 0; }

.content {
	text-align :left;
}

.modal .content a.link_arrow_box { 
	background: url(/images/navigation/arrow-content-box.gif) no-repeat right top; 
	line-height: 22px; 
	margin: 0; 
	padding: 0 20px 0 0; 
}

.modal .content .form_controls { 
	margin-top: 20px; 
	text-align: right; 
}

.modal .content .form_controls input { 
	border: none; 
	margin-left: 20px; 
	width: 169px;
}

.modal .content h3{
	margin-bottom: 15px;
}

.modal .content .required_info {
	margin-top: 4px;
}