﻿#GM5EmailDialog
{
	padding:0;
	margin:0;
	top:0px;
	left:0px;
	visibility:hidden;
	display:block;
	z-index:201;
	position:absolute;
	width:400px;}

#GM5DialogHeader
{
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	position:relative;
	height:8px;
	clear: both;
	border: none;
	height:8px;
	}

#GM5DialogHeaderLeft
{
	background: transparent url('./Images/DialogTopLeft.gif') no-repeat; 
	margin:0px;
	padding:0px;
	width:8px;
	height:8px;
	left:0px;
	top:0px;
	position:absolute;
	}
	
#GM5DialogHeaderRight
{
	background: transparent url('./Images/DialogTopRight.gif') no-repeat; 
	width:8px;
	height:8px;
	margin:0px;
	padding:0px;
	right:0px;
	top:0px;
	position:absolute;
	}
	
#GM5DialogHeaderMid
{
	background: transparent url('./Images/DialogHeaderBG.gif') repeat-x; 
	padding:0px;
	margin:0px 8px 0px 8px;
	height:8px;
	position:relative;
	top:0px;
	}
		
/* hide from Mac IE5.  Only for IE Windows \*/
* html #GM5DialogHeader 
{
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;	
	}
/* end hid from Mac IE5 */
	
#GM5DialogBody
{
	position:relative;
	background: #ddf url('./Images/DialogBG.gif') repeat-x; 
	border-left:1px solid #666;
	border-right:1px solid #666;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px 12px 0px 12px;}
	
/* hide from Mac IE5.  Only for IE Windows \*/
* html #GM5DialogBody
{
	top:8px;} 
/* end hid from Mac IE5 */

#GM5DialogFooter
{
	position:relative;
	bottom:0px;
	height:8px;
	margin:0px;
	padding:0px;
	clear: both;
	border: none;
	}
	
#GM5DialogFooterLeft
{
	background: transparent url('./Images/DialogBottomLeft.gif') no-repeat; 
	margin:0px;
	padding:0px;
	width:8px;
	height:8px;
	left:0px;
	position:absolute;
	}
	
#GM5DialogFooterRight
{
	background: transparent url('./Images/DialogBottomRight.gif') no-repeat; 
	width:8px;
	height:8px;
	margin:0px;
	padding:0px;
	right:0px;
	position:absolute;
	}
	
#GM5DialogFooterMid
{
	background: transparent url('./Images/DialogFooterBG.gif') repeat-x; 
	padding:0px;
	margin:0px 8px 0px 8px;
	height:8px;
	position:relative;
	}
	
	
/* hide from Mac IE5.  Only for IE Windows \*/
	* html #GM5DialogFooter {bottom:-8px;}
/* end hid from Mac IE5 */
	
#GM5EmailDialog .leftCol
{
	width:20%;
	text-align:right;
	vertical-align:top;
	padding:4px;
	padding-top:8px;
	margin:0px;}

#GM5EmailDialog .rightCol
{
	padding:4px;
	margin:0px;
	width:80%;
	text-align:left;}

#GM5EmailDialog .sectionEnd
{
	border-bottom:1px solid #ccc;}

#GM5EmailDialog .titleRow
{
	text-align:left;
	padding:6px;
	font-size:16px;
	font-weight:bold;}
	
#GM5EmailDialog .buttonRow
{
	padding:0px;
	margin:0px;
	text-align:right;}
	

#GM5EmailDialog .sender input,
#GM5EmailDialog .recipient input,
#GM5EmailDialog .subject input
{
	width:80%;}

#GM5EmailDialog .message textarea
{
	width:100%;
	height:80px;}
	
	
#GM5EmailDialog .vSummary
{
	float:left;
	text-align:left;}
	

/*******************************************
	Be careful changing styles below, 
	they control the pop-up window and the 
	transparent layer that masks the page. 
 *******************************************/

#GM5PopUpScreen, .transparency{
	position:absolute;
	top:0px;
	left:0px;
	z-index:200;
	visibility:hidden;
	
	opacity: .5;
	filter: alpha(opacity=50);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	/*background-image:url('./Images/ModalImageBg.gif');*/
	background-image: url('./Images/maskBG.png') !important; 
	background-repeat: repeat;}
	
