/* 
  -- Even more rounded corners with CSS: Base stylesheet --
  
  dialog = With faded background
  dialog2 = Without faded background, angled top left corner
  
*/

.dialog,
.dialog2,
.dialog3,
.dialog4,
.dialog5,
.dialog_680wide,
.dialog_915wide,
.dialog_915wide_orange,
.dialog_6
{
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:280px; /* based on image dimensions - not quite consistent with drip styles yet */
 /* z-index:1; */
 color:#000000;
 margin-left:10px; /* default, width of left corner */
 margin-left:12px; /* ie6fix default, width of left corner */ 
 margin-bottom:0; /* spacing under dialog */ 
 clear:left;
}

.dialog {

}

.dialog3 {
	width: 205px;
}

.dialog6 {
	width: 325px;
}

.dialog2 {
	max-width: 390px;
}

.dialog4 {
	margin-left:0px;
	width:270px;
	float:left;
}

.dialog5 {
	width:883px;
	max-width:883px;
	margin-left:0px;
}

.dialog_680wide {
	width:680px! important;	
	max-width:680px;
	float:left;

}

.dialog_680wide_slider {
	top:20px;
}

.dialog_915wide, .dialog_915wide_orange {
	width:925px;
	max-width:925px;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div
{
 background:transparent url(../images/dialog1_bg.png) no-repeat top right;
 _background-image:url(../images/dialog1_bg.gif);
}

.dialog6 .content,
.dialog6 .t,
.dialog6 .b,
.dialog6 .b div
{
 background:transparent url(../images/dialog1_bg.png) no-repeat top right;
 _background-image:url(../images/dialog1_bg.gif);
}

.dialog2 .content,
.dialog2 .t,
.dialog2 .b,
.dialog2 .b div

{
 background:transparent url(../images/dialog2_bg.png) no-repeat top right;
 _background-image:url(../images/dialog2_bg.gif);
}

.dialog3 .content,
.dialog3 .t,
.dialog3 .b,
.dialog3 .b div

{
 background:transparent url(../images/dialog3_bg.png) no-repeat top right;
 _background-image:url(../images/dialog3_bg.gif);
}

.dialog4 .content,
.dialog4 .t,
.dialog4 .b,
.dialog4 .b div

{
 background:transparent url(../images/dialog4_bg.png) no-repeat top right;
 _background-image:url(../images/dialog4_bg.gif);
}

.dialog5 .content,
.dialog5 .t,
.dialog5 .b,
.dialog5 .b div

{
 background:transparent url(../images/dialog4_bg.png) no-repeat top right;
 _background-image:url(../images/dialog4_bg.gif);
}

.dialog_680wide .content,
.dialog_680wide .t,
.dialog_680wide .b,
.dialog_680wide .b div
{
 background:transparent url(../images/dialog1_bg.png) no-repeat top right;
 _background-image:url(../images/dialog1_bg.gif);
}

.dialog_915wide .content,
.dialog_915wide .t,
.dialog_915wide .b,
.dialog_915wide .b div
{
 background:transparent url(../images/dialog1_bg.png) no-repeat top right;
 _background-image:url(../images/dialog1_bg.gif);
}

.dialog_915wide_orange .content,
.dialog_915wide_orange .t,
.dialog_915wide_orange .b,
.dialog_915wide_orange .b div
{
 background:transparent url(../images/dialog5_bg.png) no-repeat top right;
 _background-image:url(../images/dialog5_bg.gif);
}

.dialog .content,
.dialog2 .content,
.dialog3 .content,
.dialog4 .content,
.dialog5 .content,
.dialog6 .content,
.dialog_680wide .content,
.dialog_915wide .content,
.dialog_915wide_orange .content
{ 
 zoom:1;
 position:relative;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .t,
.dialog2 .t,
.dialog3 .t,
.dialog4 .t,
.dialog5 .t,
.dialog6 .t,
.dialog_680wide .t,
.dialog_915wide .t,
.dialog_915wide_orange .t
{
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.dialog .b,
.dialog2 .b,
.dialog3 .b,
.dialog4 .b,
.dialog5 .b,
.dialog6 .b,
.dialog_680wide .b,
.dialog_915wide .b,
.dialog_915wide_orange .b
{
 /* bottom */
 position:relative;
 width:100%;
 
}

.dialog .b,
.dialog .b div,
.dialog .b2,
.dialog .b2 div,
.dialog .b3,
.dialog .b3 div,
.dialog .b4,
.dialog .b4 div,
.dialog .b5,
.dialog .b5 div,
.dialog .b6,
.dialog .b6 div,
.dialog_680wide .b5,
.dialog_680wide .b5 div,
.dialog_915wide .b5,
.dialog_915wide .b5 div,
.dialog_915wide_orange .b5,
.dialog_915wide_orange .b5 div
{
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b,
.dialog2 .b,
.dialog3 .b,
.dialog4 .b,
.dialog5 .b,
.dialog6 .b,
.dialog_680wide .b,
.dialog_915wide .b,
.dialog_915wide_orange .b

{
 background-position:bottom right;
}

.dialog .b div,
.dialog2 .b div,
.dialog3 .b div,
.dialog4 .b div,
.dialog5 .b div,
.dialog6 .b div,
.dialog_680wide .b div,
.dialog_915wide .b div,
.dialog_915wide_orange .b div
{
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft,
.dialog2 .hd,
.dialog2 .bd,
.dialog2 .ft,
.dialog3 .hd,
.dialog3 .bd,
.dialog3 .ft,
.dialog4 .hd,
.dialog4 .bd,
.dialog4 .ft,
.dialog5 .hd,
.dialog5 .bd,
.dialog5 .ft,
.dialog6 .hd,
.dialog6 .bd,
.dialog6 .ft,
.dialog_680wide .hd,
.dialog_680wide .bd,
.dialog_680wide .ft,
.dialog_915wide .hd,
.dialog_915wide .bd,
.dialog_915wide .ft,
.dialog_915wide_orange .hd,
.dialog_915wide_orange .bd,
.dialog_915wide_orange .ft
{
 position:relative;
}

.dialog4 .hd,
.dialog4 .bd,
.dialog5 .hd,
.dialog5 .bd,
.dialog6 .bd,
.dialog_680wide .bd,
.dialog_915wide .bd,
.dialog_915wide_orange .bd
{
padding-left:3px;	
}


.dialog .hd, .dialog .bd,
.dialog3 .hd, .dialog4 .hd,
.dialog5 .hd, .dialog_680wide .hd,
.dialog6 .hd, 
.dialog_915wide .hd, .dialog_915wide_orange .hd
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color: #283438;
font-weight:bold;
padding-top:7px;
}

.dialog .bd,
.dialog2 .bd,
.dialog3 .bd,
.dialog4 .bd,
.dialog5 .bd,
.dialog6 .bd,
.dialog_680wide .bd,
.dialog_915wide .bd,
.dialog_915wide_orange .bd
{
font-size:12px;
line-height:16px;
font-weight:normal;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top:5px;
}

.dialog .wrapper,
.dialog2 .wrapper,
.dialog3 .wrapper,
.dialog4 .wrapper,
.dialog5 .wrapper,
.dialog6 .wrapper,
.dialog_680wide .wrapper,
.dialog_915wide .wrapper,
.dialog_915wide_orange .wrapper
{
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:2500px;
 /*overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p,
.dialog2 h1,
.dialog2 p,
.dialog3 h1,
.dialog3 p,
.dialog4 h1,
.dialog4 p,
.dialog5 h1,
.dialog5 p,
.dialog6 h1,
.dialog6 p,
.dialog_680wide h1,
.dialog_680wide p,
.dialog_915wide h1,
.dialog_915wide p,
.dialog_915wide_orange h1,
.dialog_915wide_orange p
{
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1,
.dialog2 h1,
.dialog3 h1,
.dialog4 h1,
.dialog5 h1,
.dialog6 h1,
.dialog_680wide h1,
.dialog_915wide h1,
.dialog_915wide_orange h1

{
 padding-bottom:0px;
}