﻿/**
 * POPUP CONTAINER STYLES
 */
html, body
{ _height:100%; /* Fix for < IE7 */ }
 
#popupMask {
	display:none;
	margin:0;
	padding:0;
	z-index:200;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.1;
	filter:alpha(opacity=10);
	background-color:#000;
	background-repeat:repeat;
	
	/* Fix for < IE7 */
	_position:absolute;
	_top: expression( tmpValue = document.documentElement.scrollTop + 'px' );
}
#popupContainer {
	position: absolute;
	z-index: 201;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
}
#popupInner {
	/*border:solid 2px #563428;*/
	border:solid 1px #c8c8c8;
	background-color: #ffffff;
}

#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 202;
}
#popupTitleBar div
{
	margin-top:10px;
}
#popupTitleBar {
	/*background-color:#6a83db;*/
	color:#563428;
	font-family: Arial;
	height:99px;
	padding:0px 20px 0px 20px;
	position:relative;
	z-index:203;
	background-image: url("../Img/dialogHeaderBG.png");
	/*background-position: 0px 100%;*/
	background-position: right;
	background-repeat:no-repeat;
}

#popupTitle 
{
	float:left;
	/*color:#fff;*/
	color: #2665b0;
	font-size: 20px;
	font-weight:bold;
	font-family:Trebuchet MS;
	padding-top: 30px;
	padding-left:3px;
	
}

#popupControls {
	float: right;
	cursor: pointer;
}

#dialogContent
{
	padding:20px 20px 20px 20px;
	font-family:Trebuchet MS;
	font-size:14px;
	color: #727272;
}

#dialogContent input
{
	font-size:14px;
}

#dialogContent .multilineInputLabel
{
	padding-top:4px;
	width: 120px;
	vertical-align:top;
}

#dialogContent .inputField
{
	width: 270px;
}

#dialogContent .inputFieldSmaller
{
	width: 240px;
}

#dialogContent .inputFieldSmall
{
	width: 40px;
}

#dialogContent .inputFieldHalfSize
{
	width: 125px;
}

.inputFieldDate
{
	width: 100px;
}

#dialogContent .inputFieldTime
{
	width: 75px;
}

#dialogContent .dropDown
{
	width: 270px;
}

/* Fix for ajax calendar */
#dialogContent .infoTable td td
{ padding:0; }

/* Display info table */
#dialogContent .infoTable td, #dialogContent .infoTable td .infoTable td
{
	padding:4px 4px 4px 0;
}

#dialogContent .infoTable input, #dialogContent .infoTable select
{
	font-family:Trebuchet MS, Sans-Serif;
}