/* dialog css styles */


/* Default styling used when javascript does not transform dialog into rounded border style. */
.dialog-cbb
{
  margin:1em 0;
  padding:0 10px;
  border:1px solid #666;
  background: #fff;
}

.dialog-cbb h1
{
  margin:0 -10px;
  padding:0.3em 10px;
  background:#efece6;
  font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}

/* After dialog has been transformed into new layout with rounded borders */
.dialog-cb{ margin:0.5em 0; }


/* Top corners and border */

.dialog-bt
{
  height:20px;
  margin:0 0 0 18px;
  background:url(/images/dialog/dialog_box.png) no-repeat 100% 0;  
  _background-image:url(/images/dialog/box.gif);  
}
#v4-overlay .dialog-bt  {
	height: 57px;
  margin: 0 0 0 44px;
  background:url(/images/facelift/dialog/dialog_box.png) no-repeat 100% 0;  
  _background-image:url(/images/facelift/dialog/box.gif);  
}


.dialog-bt div
{
  position:relative;
  left:-18px;
  width:18px;
  height:20px;
  background:url(/images/dialog/dialog_box.png) no-repeat 0 0;
  _background-image:url(/images/dialog/box.gif);  
  font-size:0;
  line-height:0;
}
#v4-overlay .dialog-bt div {
  left:-44px;
  width:44px;
  height:57px;
  background:url(/images/facelift/dialog/dialog_box.png) no-repeat 0 0;  
  _background-image:url(/images/facelift/dialog/box.gif);  
}

/* Bottom corners and border */

.dialog-bb
{
  height:20px;
  margin:0 0 0 12px;
  background:url(/images/dialog/dialog_box.png) no-repeat 100% 100%; 
  _background-image:url(/images/dialog/box.gif);  
}
#v4-overlay .dialog-bb {
  height:50px;
  margin:0 0 0 50px;
  background:url(/images/facelift/dialog/dialog_box.png) no-repeat 100% 100%;  
  _background-image:url(/images/facelift/dialog/box.gif);  
}

.dialog-bb div
{
  position:relative;
  left:-12px;
  width:12px;
  height:20px;
  background:url(/images/dialog/dialog_box.png) no-repeat 0 100%;
  _background-image:url(/images/dialog/box.gif);  
  font-size:0;
  line-height:0;
}
#v4-overlay .dialog-bb div {
  left:-50px;
  width:50px;
  height:50px;
  background:url(/images/facelift/dialog/dialog_box.png) no-repeat 0 100%;  
  _background-image:url(/images/facelift/dialog/box.gif);  
}

/* Left border */
.dialog-i1
{
  padding:0 0 0 14px;
  background:url(/images/dialog/dialog_borders_left.png) repeat-y 0 0;
  _background-image:url(/images/dialog/dialog_borders_left.gif);
}
#v4-overlay .dialog-i1 { 
  padding:0 0 0 24px;
  background:url(/images/facelift/dialog/dialog_borders_left.png) repeat-y 0 0;
  _background-image:none;	
}

/* Right border */
.dialog-i2
{
  padding:0 17px 0 0;
  *padding-right:15px;
  background:url(/images/dialog/dialog_borders_right.png) repeat-y 100% 0;  
  _background-image:url(/images/dialog/dialog_borders_right.gif);
}
#v4-overlay .dialog-i2 {
  padding:0 30px 0 0;
  *padding-right:30px;
  background:url(/images/facelift/dialog/dialog_borders_right.png) repeat-y 100% 0;  
  _background-image:none;
}

/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */

.dialog-i3
{
  display:block;
  margin:0;
  padding: 0 5px 10px 5px;
  background:#fff;
}

#v4-overlay .dialog-i3 {
	padding: 25px 30px 11px 30px;
	background: #f9f9f9;
}

/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */

.dialog-i3:after 
{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.dialog-i3 { display:inline-block; }

.dialog-i3 { display:block; }