/*
 * SimpleModal Basic 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: basic.css 132 2008-05-23 16:05:17Z emartin24 $
 *
 */

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

/* Overlay */
#modalOverlay {background-color:#000;}

/* Container */
#modalContainer, #modalLoginContainer, #modalTinyContainer, #modalSmallContainer, #modalMediumContainer, #modalLargeContainer, #modalImageContainer, #dialogContainer
{
	background-color: #fff; 
	border-width: 0px; 
	padding: 30px;
}

#modalTinyContainer
{
	height: auto;
	width: 600px;
	left: 50%; 
	top: 35%; 
	margin-left: -330px; /* half the width, to center */
}

#modalSmallContainer
{
	height: 180px;
	width: 726px; /*600px;*/
	left: 50%; 
	top: 35%; 
	margin-left: -403px; /*-330px;*/ /* half the width, to center */
}

#modalContainer
{
	height: 340px;
	width: 726px; /*600px;*/ 
	left: 50%; 
	top: 20%; 
	margin-left: -403px; /*-330px;*/ /* half the width, to center */
}

#modalMediumContainer
{
	height: 440px;
	width: 800px; 
	left: 50%; 
	top: 12%;
	margin-left: -430px; /* half the width, to center */
}

#modalLargeContainer
{
	height: 490px;
	width: 850px; 
	left: 50%; 
	top: 8%;
	margin-left: -455px; /* half the width, to center */
}

#modalImageContainer
{
	height: 450px;
	width: 600px; 
	left: 50%; 
	top: 20%;
	margin-left: -300px; /* half the width, to center */
}

#dialogContainer
{
	height: auto;
	width: 300px;
	left: 50%; 
	top: 40%; 
	margin-left: -150px; /* half the width, to center */
}

#modalContainer .modalData, #modalLoginContainer .modalData, #modalTinyContainer .modalData, #modalSmallContainer .modalData, #modalMediumContainer .modalData, #modalLargeContainer .modalData, #dialogContainer .modalData
{
	overflow-x: hidden;
	overflow-y: auto;	
	padding-right: 5px;
}

#modalLoginContainer .modalData
{
	height: auto;
}

#modalTinyContainer .modalData
{
	height: auto;
}

#modalSmallContainer .modalData
{
	height: 180px;
}

#modalContainer .modalData
{
	height: 340px;
}

#modalMediumContainer .modalData
{
	height: 440px;
}

#modalLargeContainer .modalData
{
	height: 490px;
}

#modalImageContainer .modalData
{
	height: 450px;
	width: 600px;
}

#modalImageContainer .modalData h2
{
	margin-top: 0;
}

#modalImageContainer .modalData div
{
	height: 410px;
	width: 600px;
	vertical-align: middle;
	text-align: center;
	display: table-cell !important;
}

#modalContainer a.modalCloseImg, #modalLoginContainer a.modalCloseImg, #modalTinyContainer a.modalCloseImg, #modalSmallContainer a.modalCloseImg, #modalMediumContainer a.modalCloseImg, #modalLargeContainer a.modalCloseImg, #modalImageContainer a.modalCloseImg, #dialogContainer a.modalCloseImg {
  background:url(../../img/x.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-12px;
  right: 5px;
  cursor:pointer;
}

#modalContainer .errorbox p, #modalLoginContainer .errorbox p, #modalTinyContainer .errorbox p, #modalSmallContainer .errorbox p, #modalMediumContainer .errorbox p, #modalLargeContainer .errorbox p {
	background:
		url("../../img/iconwarning.gif")
		0
		5px
		no-repeat;
	padding: 5px 20px 5px 20px;
	margin: 0 0 0 20px;
	}

#modalContainer .formrow .clickable, #modalTinyContainer .formrow .clickable, #modalSmallContainer .formrow .clickable, #modalMediumContainer .formrow .clickable, #modalLargeContainer .formrow .clickable {
	width: auto;
	cursor: pointer;
	}

#modalContainer .errorbox, #modalTinyContainer .errorbox, #modalSmallContainer .errorbox, #modalMediumContainer .errorbox, #modalLargeContainer .errorbox {
	display: block;
	clear: both;
	width: 100%;
	background-color: #ffe6e6;
	color: red;
	padding: 10px 0 10px 0;
	margin: 10px 0 20px 0;
}

/* TinyMCE in emails */
#modalLargeContainer .modalData .emailBody
{
	width: 840px;
	height: 200px;	
}

/* RFQ reports */
#rfq-report
{
	
}

/*
#modalContainer #basicModalContent {padding:8px;}

#ShowDetailsDiv {overflow-x:hidden; overflow-y: auto; height: 520px; margin-top: 25px;}
#FolderManagementDiv {overflow-x:hidden; overflow-y: auto; height: 375px; margin-top: 25px;}
#ShowDetailsDiv table.innertable {border: none; width: 580px;}
#comparison-modal { overflow-x:hidden; overflow-y: auto; height: 525px; margin-top: 25px; }

#comparison { width: 850px; }


#messageComposeDiv {overflow-x: hidden; overflow-y: scroll; height: 480px; margin-bottom: 20px; padding-right: 7px;
//padding-right: 24px;}

#filterResultsTable {overflow-x: hidden; overflow-y: scroll; height: 500px; padding: 0 7px 0 1px;
//padding-right: 24px;}
#filterResultsTable .table {}
*/