/*Base Dialog Styling*/
.dialog-top-left {
  float:left;
  width:11px;
  height:11px;
  background:url(/images/dialog/top-left.png);
}
.dialog-top-right {
  float:left;
  width:11px;
  height:11px;
  background:url(/images/dialog/top-right.png);
}
.dialog-bottom-left {
  clear:both;
  float:left;
  width:11px;
  height:11px;
  background:url(/images/dialog/bottom-left.png);
}
.dialog-bottom-right {
  float:left;
  width:11px;
  height:11px;
  background:url(/images/dialog/bottom-right.png);
}
.dialog-top{
  float:left;
  height:11px;
  background:url(/images/dialog/top.png) repeat-x;
}
.dialog-right{
  float:left;
  width:11px;
  background:url(/images/dialog/right.png) repeat-y;
}
.dialog-bottom{
  float:left;
  height:11px;
  background:url(/images/dialog/bottom.png) repeat-x;
}
.dialog-left{
  clear:both;
  float:left;
  width:11px;
  background:url(/images/dialog/left.png) repeat-y;
}
.dialog-content{
  float:left;
  background-color:#fff;
  padding:20px; /*This value must equal (dpadding / 2) in main.js (modal dialog class)*/
}
.dialog-container {
  float:left;
}
.dialog-arrow-left{
  float:left;
  width:27px;
  height:56px;
  margin-top:50px;
  background:url(/images/dialog/arrow-left.png);
}
.dialog-arrow-right{
  float:left;
  width:27px;
  height:56px;
  margin-top:50px;
  background:url(/images/dialog/arrow-right.png);
}
.dialog-title{
  background:transparent url(/images/dialog/gradient-gry-675x20-down.png) no-repeat scroll center bottom;
  padding-bottom:35px;
}
.dialog-title-floatleft{
  float:left;
  color:#4F4F4F;
  font-size:1.5em;
  font-weight:bold;
  height:15px;
  line-height:normal;
}
.dialog-title-floatright{
  float:right;
}