/*
	-- -- -- -- -- -- --
	MULTI-MEDIA INTERACTIVE
	Description: Modal Definitions
	Authors: Ryan Schoch
	Copyright 2011 Multi-Media Interactive 
	
	Dependencies
	 - reset.less
	-- -- -- -- -- -- --
*/

@import 'common.less'; /* Needed for LESS variables/mixins/functions */

/* =Modal General Styles
-------------------------------------------------------------- */
.ui-widget-overlay {
	
}

.ui-dialog {
	.border-radius(15px);
	.bg-gradient(#dcdbdb, #f8f8f8);
	padding: 0;
	
	.mm_modal {
		position: relative;
		padding: 30px;
		
		.mm_modal-close {
			width: 32px;
			height: 32px;
			.border-radius(45px);
			background-color: #f8f8f8;
			
			position: absolute;
			top: -11px;
			right: -11px;
			
			.close {
				position: relative;
				top: 5px;
				left: 6px;
				cursor: pointer;
			}
		}
		
		h2 {
			font-size: 30px;
			padding: 0 0 16px 0;
			border-bottom: 1px solid #B4B8BA;
		}
		
		/* =Modal Contact Form Styles
		-------------------------------------------------------------- */
		&.contact {
			
			form {
			
				ul {
					width: 388px;
					float: left;
					list-style: none;
					margin: 0;
					padding-top: 20px;
					padding-bottom: 20px;
				
					li {
						margin: 10px 0;
						list-style: none;
						position: relative;
						clear: both;
						
						label {
							font-size: 14px; /* 14px */
							line-height: 35px;
							width: 100px;
							text-align: left;
							font-weight: bold;
							float: left;
							margin-right: 10px;

							&.not-required {
								padding-left: 9px;
								margin-right: 1px;
							}
						}

						span {
							color: #ff0000;
						}
						
 						input, textarea {
							width: 260px;
							float: left;
							padding: 8px;
							border: 1px solid #a5a9ac;
							margin-left: 0;
							background: #f9f9f9;
							outline: none;
						}
						
						input:focus, textarea:foucs {
							background: #fff;
						}
						
						input.textlink {
							float: right;
						}
						
						textarea {
							height: 80px;
							resize: none;
						}

						.submit-btn {
							width: auto;
							font-size: 14px;
							font-weight: bold;
							color: #FFF;
							background-color: #ae0000;
							outline: none;
							border: none;

							padding: 10px 20px;
							margin: 0 18px 0 110px;
						}

						.hint {
							color: #000;
							font-size: 12px;

							span {
								color: #ff0000;
							}
						}
					}
				}
			}
			
			/* =Modal Contact Detail Styles
			-------------------------------------------------------------- */
			.contact-details {
				float: left;
				margin: 30px 0 0 30px;
				
				li {
					list-style-type: none;
					margin-bottom: 20px;
					
					h5 {
						font-size: 12px;
						font-weight: bold;
						margin-bottom: 5px;
					}
					
					p {
						color: #343434;
						background: transparent url(images/sprite.icons.png) 0 -803px no-repeat;
						padding-left: 15px;
						
						a {
							font-size: 12px;
							color: #ae0000;
						}
					}
					
					&:first-child p {
						font-size: 20px;
						background-image: none;
						padding: 0;
					}	
				}
			}
		}
	}
} /* end: .ui-dialog */

#mail_success {
	margin-top: 20px;
	padding-left: 110px;
}