/*
 * SimpleModal Confirm Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: confirm.css 162 2008-12-01 23:36:58Z emartin24 $
 *
 */

body {
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
}

/* Overlays */
#confirmModalOverlay {
	background-color:#66cc00;
	cursor:wait;
}

#feedbackModalOverlay {
	background-color:transparent;
}

/* Container for GAMES */
/* ------------------- */
#confirmModalContainer {
	height:540px;
	width:930px;
	margin:0px;
	padding:7px;
	font-family:'Trebuchet MS', Verdana, Arial;
	font-size:16px;
	text-align:left;
	background:transparent;
}

#confirmModalContainer .modal_header {
	height:30px;
	width:100%;
	background:url(../img/confirm/header.gif) repeat-x;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
	line-height:30px;
}

#confirmModalContainer .modal_header span { padding-left:8px; }

#confirmModalContainer .modal_content {
	color:#333;
	text-align:center;
	margin:0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#confirmModalContainer .modal_content h2 {
	color:#ed2790;
	font-size:16px;
	font-weight:bold;
}

#confirmModalContainer .modal_buttons {
	position:absolute;
	top:10px;
	right:10px;
	cursor:pointer;
	width:30px;
	height:20px;
	color:#FF0000;
	font-weight:bold;
	font-size:10px;
}

#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	color:#ddd;
	cursor:pointer;
}

#confirmModalContainer .modalClose #mcbutton {
	margin:-5px 0px 0px -70px;
	width:102px;
	height:20px;
	background-repeat:no-repeat;
	cursor:pointer;
}

#confirmModalContainer a.modalCloseX:hover { color:#9bb3b3; }

/* (smaller) Container for FEEDBACK messages */
/* ----------------------------------------- */
#feedbackModalContainer {
	height:135px;
	width:282px;
	margin:0px;
	padding:7px;
	background-color:#66cc00;
	border:2px solid #FFFFFF;
}

	#feedbackModalContainer .modal_content {
		width:100px;
		border:3px solid #FF0000;
		height:100px;
		color:#FFF;
		text-align:left;
		margin:0px;
		font-size:11px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	#feedbackModalContainer .modal_content h1 {
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
	}
	
	#feedbackModalContainer .modal_buttons {
		position:absolute;
		top:10px;
		right:10px;
		cursor:pointer;
		width:30px;
		height:20px;
		color:#FF0000;
		font-weight:bold;
		font-size:10px;
		border:10px solid #00FF00;
	}
	
	#feedbackModalContainer a.fb_modalCloseX,
	#feedbackModalContainer a.fb_modalCloseX:link,
	#feedbackModalContainer a.fb_modalCloseX:active,
	#feedbackModalContainer a.fb_modalCloseX:visited {
		text-decoration:none;
		font-weight:bold;
		font-size:1.1em;
		color:#ddd;
	}