BODY.modal-displayed IFRAME,
BODY.modal-displayed OBJECT,
BODY.modal-displayed EMBED { display: none;  }

BODY.modal-displayed .modal IFRAME,
BODY.modal-displayed .modal OBJECT,
BODY.modal-displayed .modal EMBED { display: block;  }

BODY.contextual-menu-displayed IFRAME,
BODY.contextual-menu-displayed OBJECT,
BODY.contextual-menu-displayed EMBED { display: none;  }

BODY.contextual-menu-displayed .ctxMenu IFRAME,
BODY.contextual-menu-displayed .ctxMenu OBJECT,
BODY.contextual-menu-displayed .ctxMenu EMBED { display: block;  }

#control_overlay {
  background-color:#333333;
}

DIV.def-modal,
DIV.image-modal {
  background-color:#FFFFFF;
  padding:0.4em;
  border:4px solid #5080BD;
}

DIV.image-modal {
  cursor:pointer;  
  cursor:hand;  
}
DIV.image-modal IMG {
	max-width: 800px;
}

.Browser-IE6 DIV.image-modal IMG.modal-close-btn {
  background: transparent url('../../images/jalios/icons/modal-close.gif');
}

DIV.image-modal IMG.modal-close-btn {
  width:  28px; 
  height: 28px; 
  
  position: absolute;
  top:   -13px;
  right: -13px;
  
  background: transparent url('../../images/jalios/icons/modal-close.png');
}


.iframe-modal {  
  padding:0.4em;
  position: relative;
} 

.iframe-modal .iframe-modal-content {  
  width:100%;
  height:100%;
  color:black;
} 

.iframe-modal .iframe-modal-header {
  background: #FFFFFF;
  text-align:center;
  position: absolute;
  top: 2px; left: 1%;
  width: 98%;  
} 

.iframe-modal .iframe-modal-title {  
  font-family:"Lucida Grande",Verdana;  
  font-size:12px;  
  font-size:11px;
  text-align:center;  
  float: left;
}

.iframe-modal .iframe-modal-close {  
  display:block;  
	background: url("../../images/jalios/popin/window_close_square_blue.gif") no-repeat;  
  float: right;
  height:20px;  
  width:18px;  
  cursor:pointer;  
  cursor:hand;  
}

DIV.modal {
  background: #FAFAFA;
  background-image: url("../../images/jalios/layout/bg/msgBoxBg.gif");
  background-repeat: repeat-x;
  background-position: bottom;
  padding:0.4em;
  border:4px solid #70A1DF;
  
  -moz-border-radius:     7px;
  -webkit-border-radius:  7px;
  border-radius:          7px;
  
  box-shadow:         6px 6px 12px #333;
  -moz-box-shadow:    6px 6px 12px #333;
  -webkit-box-shadow: 6px 6px 12px #333;
  
}

DIV.modal H1 {
  color: #5080BD;
  margin:  0;
  padding: 0;
  font: normal 16pt Arial, Helvetica, sans-serif;
  line-height: 32px;
}

DIV.modal .msg {
  padding: 0em 0.5em 0.5em 3.8em;
  font: normal 10pt Arial, Helvetica, sans-serif;
  text-align: left;
}

DIV.modal .visual {
  background-repeat: no-repeat;
  width:  32px;
  height: 32px;
  margin: 0.3em;
  vertical-align: middle;
}

DIV.modal .btn {
  clear: both;
  padding-top: 1em;
  text-align: right;
}


/* ----------------------------------------------- */
/*  ALERT                                        */
/* ----------------------------------------------- */

DIV.warning H1,
DIV.alert   H1{
  color: #FF6633;
}

DIV.warning,
DIV.alert  {
  border:4px solid #F79200;
}

DIV.warning .visual,
DIV.alert   .visual{
  background-image: url(../../images/jalios/icons/warning.gif);
}

/* ----------------------------------------------- */
/*  CONFIRM                                        */
/* ----------------------------------------------- */

DIV.confirm .visual {
  background-image: url(../../images/jalios/icons/information.gif);
}

/* ----------------------------------------------- */
/*  PROMPT                                        */
/* ----------------------------------------------- */

DIV.prompt .visual {
  background-image: url(../../images/jalios/icons/information.gif);
}

DIV.prompt .value {
  margin: 0.4em 0em 0em 0em;
  width: 20em;
}

/* ----------------------------------------------- */
/*  PROMPT                                        */
/* ----------------------------------------------- */
.modal .modalForm {
  font-family: Arial,sans-serif;
  font-size: 10pt;  
  background: #fff;
  margin:-6px;
  padding:6px;
  width: 720px;
}

.modal .modalForm .bigIcon {
  float: right;
  margin-top: 6px;
}

.browser-IE6 .modalForm .bigIcon ,
.browser-IE7 .modalForm .bigIcon ,
.browser-IE8 .modalForm .bigIcon {
  display: none;
}

.modal .modalForm H1 {
  margin:-6px -6px 10px -6px;
  padding:8px 10px 12px;
	
  font-size: 17pt;
  font-weight: bold;
  
  border-bottom:1px solid #dce8f2; 
	color:#0061d7; 
	background:transparent url(../../images/jalios/layout/bg/bgModalTitle.gif) repeat-x left bottom;
  
}


.modal .modalForm H2 {
  color: #999999;
  margin: 16px 0 8px 0;
}

.modal .modalForm .content {
  margin: 10px 10px 0 10px;
}

.modal .modalForm FORM {
	margin: 0;
	padding: 0;
}

.modal .modalForm .info {
  margin: 0 0 10px 0;
}

.modal .modalForm .content .buttons {
  margin: 6px -16px 0;
}


.modal .modalForm .buttons {
  padding: 10px 10px 0 0;
  border-top: 1px solid #EEEEEE;
  background: #FAFAFA;  
  text-align: right;
}

.modal .modalForm A {
  color: #0066CC;
  text-decoration: none;
}

.modal .modalForm .steps {
	margin: -12px -6px 0px -6px; 
  padding: 5px 0 5px; 
  background-color: #F7F7F7; 
  border-bottom: 2px solid #EEE;
  color: #AAA;
} 

.modal .modalForm .steps TABLE { 
  border-spacing: 0;
  width: 100%;
  height: 24px;
}

.modal .modalForm .steps TD {
	padding: 0 20px;
	text-align: center;
	white-space: nowrap;
}

.modal .modalForm .steps .selected SPAN{
	font-weight: bold;
  color: #fff;
  padding: 2px 16px;
  border: 1px solid #FF9C38;
  background-color: #FF9C38;
  -moz-border-radius: 4px;
  -webkit-border-radius:4px;
  text-shadow: 0 1px 1px rgba(0,0,0,.3); 
}

.modal .modalForm LABEL {
  color: #999999;
}

.modal .modalForm .widget {
  margin-bottom: 10px;
  white-space: nowrap;
}

.modal .modalForm .widget .formDescription {
	white-space: normal;
}

/* ----------------------------------------------- */
/*  WAIT WINDOW                                    */
/* ----------------------------------------------- */

.modal .waitWindow {
  width: 200px;
  height: 20px;
  padding: 10px;
  text-align: center;
}

/* ----------------------------------------------- */
/*  POPIN                                          */
/* ----------------------------------------------- */

DIV.popin-window {  
  background-image:url("../../images/jalios/popin/window_background.png");
  background-position:top left;
  
  font-family:"Lucida Grande",Verdana;  
  font-size:13px;   
  color: white;  
  text-align:center;
  
  padding:10px;  
  min-width: 150px;  
  min-height:50px;  

  border-radius:    10px;
  -moz-border-radius:    10px;  
  -webkit-border-radius: 10px;  
  
  box-shadow:         3px 4px 7px #AAA;
  -moz-box-shadow:    3px 4px 7px #AAA;
  -webkit-box-shadow: 3px 4px 7px #AAA;
}

DIV.popin-window .popin-content {  
  margin-top:10px;
  width: auto;
  height:100%;
} 

DIV.popin-window .popin-content DIV {
  color: black;
}

DIV.popin-window.popin-header {  
  text-align: center;
} 

DIV.popin-window .popin-title {  
  margin-top:   -7px;
  margin-bottom: 7px;
  font-size:    11px;
  font-weight:  bold;
}

DIV.popin-drag .popin-title {
  cursor:move;  
}

DIV.popin-window .popin-close-btn {  
  display:block;  
  
  position:absolute;  
  top:    4px;
  left:   5px;
  width: 13px;
  height:13px;
  background-image:url("../../images/jalios/popin/window_close.gif");
    
  cursor:pointer;  
  cursor:hand;  
}

/* Popin Caddy */

DIV.popin-caddy {
  font: normal 9pt Arial, Helvetica, sans-serif;
  background: white url("../../images/jalios/icons/caddy-32x32.gif") no-repeat 10px 20px;
  border: 3px solid #3B7FBA;
  color: #000000;
  padding-left: 60px;
  text-align: left;
  width: 300px;
}

DIV.popin-caddy .popin-title {
  font-size:   11pt;
  padding-top: 0.5em;
}

DIV.popin-caddy .popin-close-btn { 
  background: white url("../../images/jalios/popin/window_close_square_blue.gif") no-repeat;
  width:  16px;
  height: 16px; 
  left:   auto;
  right:   5px;
}

/* Popin Blue */
DIV.popin-blue {
  background: #73A6FF;
  padding: 2px;

  
  border-radius:         5px;
  -moz-border-radius:    5px;  
  -webkit-border-radius: 5px;  
  
  background-image: -moz-linear-gradient(#73A6FF 0%, #5A81C4 20%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#73A6FF), to(#5A81C4));
}
DIV.popin-blue .popin-title {
  text-align: left;
  margin: 4px 0px 0px 4px;
  cursor:pointer;  
  cursor:hand;  
}

DIV.popin-blue .popin-content {
  margin-top: 4px;
  background: #EAEDFA;
  color: #575D62;
  padding: 1em 0.2em;
  text-align: left;
}

DIV.popin-blue .popin-close-btn { 
  background: #73A6FF url("../../images/jalios/popin/window_close_square_blue.gif") no-repeat;
  width:  16px;
  height: 16px; 
  left:  auto;
  right: 5px;
}


