/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/
.dialog { }
.dialog .tl, .dialog .tr,.dialog .bl,.dialog .br { background-image:url(/images/corners1000x20.gif); font-size:0; height:8px; }
.dialog .tl { background-position:top left; margin-right:8px; }
.dialog .tr { background-position:top right; }
.dialog .bl { background-position:bottom left; clear:both; margin-right:8px;}
.dialog .br { background-position:bottom right; }
.dialog .br, .dialog .tr { width:8px; float:right; right:-8px; position:relative; }
.dialog .inner { padding:0 8px 0 8px; }
.dialog .padlr { padding:0 1px 0 1px; *padding:0 }
.dialog .borderlr { clear:both; float:left; width:100%; background:#ccc;}
.dialog .whitebg { float:left; background:#FFF; width:100%; *border-left:1px #ccc solid; *border-right:1px #ccc solid }
.dialog .whitebg, .dialog .borderlr { *width:auto; *float:none; }
.dialog .iesucks { display:none; *display:block; clear:both; font-size:1px }

.title .title-left {
background:url(../images/corners1000x100.gif);
}
.title .title-right {
margin-left:10px;
background:url(../images/corners1000x100.gif) right top;
}
.dialog h1 small, .h1_style small, .title h1 small
{
font-size:15px;
}

.dialog h1, .h1_style, .title h1
{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:26px;
font-weight:bold;
letter-spacing:-1px;
}
.dialog h3, .h3_style, .title h3
{
color:#777;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
.title h3 {
color: #AAA;
}
.title h2, .title h1 {
color:#FFF;
}
.dialog h2, .h2_style, .title h2
{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-weight:bold;
letter-spacing:-1px;
}
.dialog h2
{
color:#000;
padding-left:5px;
}

.dialog h2 small
{
margin-left:5px;
font-weight:normal;
color:#888;
font-size:14px;
letter-spacing:0;
}
.dialog .arrow
{
float:right;
width:38px;
height:19px;
}
.dialog .arrow .left, .dialog .arrow .right 
{
float:left;
width:19px;
height:19px;
}
.dialog .arrow .left
{
background:url(/images/arrow2_l.gif);
}
.dialog .arrow .right
{
background:url(/images/arrow2_r.gif);
}

.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}