/***** jtDialogBox - BEGIN REQUIRED *********************************/
DIV.jtDialogBox {
  position: absolute;
  display: none;
  }
DIV.jtDialogBox .tbLeft {
  background: url(../../Client/Images/dialogTL.gif) no-repeat left top;
  width: 10px;
  }
DIV.jtDialogBox .tbRight {
  background: url(../../Client/Images/dialogTR.gif) no-repeat right top;
  width: 16px;
  padding: 08px 4px 3px 0px;
  vertical-align: bottom;
  }
DIV.jtDialogBox .Title {
  background: url(../../Client/Images/dialogTM.gif) top;
  background-color: #a9a9a9;
  font-size: 10pt;
  font-weight: bold;
  white-space: nowrap;
  color: #000000;
  padding: 4px 0px 2px 0px;
  cursor:move;
  }

.tdTitle {
  background: url(../../Client/Images/dialogTM.gif) top;
  background-color: #a9a9a9;
  font-size: 10pt;
  font-weight: bold;
  white-space: nowrap;
  color: #000000;
  padding: 4px 0px 2px 0px;
  cursor:move;
  height:20px;
  border-width:0px;
  }
  
.jtDialogBoxVeil {
  position: absolute;
  display: none;  
  top: 100px;
  left: 25%;
  cursor: "not-allowed";
  background-color: #6a74cb;
  filter:alpha(opacity=5);
  -moz-opacity:0.05;
  opacity: 0.05;
  }

#overlay 
{
	visibility: hidden; 
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width:100%; 
	height:100%; 
	text-align:center; 
	z-index: 1000; 
}
#overlay div 
{
	width:300px; 
	margin: 100px auto; 
	background-color: #fff; 
	border:1px solid #000; 
	padding:15px; 
	text-align:center; 
}
	  
/***** jtDialogBox - END REQUIRED *********************************/


/***** jtDialogBox - BEGIN SUGGESTED *********************************/
DIV.jtDialogBox {
  border-top   : 1px solid #EDEDED;
  border-right : 1px solid #ABABAB;
  border-bottom: 1px solid #ABABAB;
  border-left  : 1px solid #EDEDED;
  }
DIV.jtDialogBox .MainPanel {
  background-color: #ffffff;
  border-top   : 1px solid #898989;
  border-right : 1px solid #4E4E4E;
  border-bottom: 1px solid #4E4E4E;
  border-left  : 1px solid #898989;
  }
DIV.jtDialogBox .MainPanel .ContentArea {
  margin: 16px;
  font-size: 9pt;
  }
/***** jtDialogBox - END SUGGESTED *********************************/
/*------------------------------------*/
/* POPUP CONTAINER STYLES*/
 
#popupMask {
 position: absolute;
 z-index: 200;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 opacity: .4;
 filter: alpha(opacity=10);
 /* 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(../../Client/Images/maskBG.png) !important; /* For browsers Moz, Opera, etc.*/
 background-image:none;
 background-repeat: repeat;
 display:none;
}

#popupContainer {
 position: absolute;
 z-index: 201;
 top: 0px;
 left: 0px;
 display:none;
 padding: 0px;
}

#popupInner {
 border: 1px solid #cccccc;
 background-color: #ffffff;
}

#popupFrame 
{
 background-color : #ffffff;
 margin: 0px;
 width: 100%;
 height: 100%;
 position: relative;
 z-index: 202;
}

#popupTitleBar 
{
 background: #000000;
 color: #ffffff;
 font-weight: bold;
 height: 16px;
 padding: 5px;
 border-bottom: 1px solid #999999;
 border-top: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #999999;
 position: relative;
 z-index: 203;
}

#popupFooter
{
 background: url(../../Client/Images/footerBg.gif) top;
 height: 16px;
 padding: 0px;
 position: relative;
 z-index: 204;
}
#popupTitle 
{
 font-family:Verdana, Arial, Helvetica, sans-serif;
 background: #000000;
 float:left;
 font-size: 14px;
}
#popupControls 
{
 background: #000000;
 float: right;
 cursor: pointer;
 cursor: hand;
}