/*
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(images/dialog2-blue-800x1600.png) no-repeat top right;
 _background-image:url(images/dialog2-blue.gif);
}

.dialog .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog .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 {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 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 {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
 padding-bottom:0px;
}

p {line-height:1.6em;}
.dialog_red {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#fff;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_red .content_red,
.dialog_red .t,
.dialog_red .b,
.dialog_red .b div {
 background:transparent url(images/dialog_red.png) no-repeat top right;
 _background-image:url(images/dialog2_red.gif);
}

.dialog_red .content_red {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_red .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_red .b {

 position:relative;
 width:100%;
}

.dialog_red .b,
.dialog_red .b div {
 height:30px; 
 font-size:1px;
}

.dialog_red .b {
 background-position:bottom right;
}

.dialog_red .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

/*.dialog_red .hd,
.dialog_red .bd,
.dialog_red .ft {
 position:relative;
}*/

/*.dialog_red .wrapper {
 position:static;
 max-height:1000px;
 overflow:auto; 
 }*/

/*.dialog_red h1,*/
.dialog_red p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

/*.dialog_red h1 {
 padding-bottom:0px;
}*/

p {line-height:1.6em;}
.dialog_yellow {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#fff;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_yellow .content_yellow,
.dialog_yellow .t,
.dialog_yellow .b,
.dialog_yellow .b div {
 background:transparent url(images/dialog_yellow.png) no-repeat top right;
 _background-image:url(images/dialog2_yellow.gif);
}

.dialog_yellow .content_yellow {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_yellow .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_yellow .b {

 position:relative;
 width:100%;
}

.dialog_yellow .b,
.dialog_yellow .b div {
 height:30px; 
 font-size:1px;
}

.dialog_yellow .b {
 background-position:bottom right;
}

.dialog_yellow .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

/*.dialog_yellow .hd,
.dialog_yellow .bd,
.dialog_yellow .ft {
 position:relative;
}*/

/*.dialog_yellow .wrapper {
 position:static;
 max-height:1000px;
 overflow:auto; 
 }*/

/*.dialog_yellow h1,*/
.dialog_yellow p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

/*.dialog_yellow h1 {
 padding-bottom:0px;
}*/

p {line-height:1.6em;}
.dialog_green {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#fff;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_green .content_green,
.dialog_green .t,
.dialog_green .b,
.dialog_green .b div {
 background:transparent url(images/dialog_green.png) no-repeat top right;
 _background-image:url(images/dialog2_green.gif);
}

.dialog_green .content_green {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_green .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_green .b {

 position:relative;
 width:100%;
}

.dialog_green .b,
.dialog_green .b div {
 height:30px; 
 font-size:1px;
}

.dialog_green .b {
 background-position:bottom right;
}

.dialog_green .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

/*.dialog_green .hd,
.dialog_green .bd,
.dialog_green .ft {
 position:relative;
}*/

/*.dialog_green .wrapper {
 position:static;
 max-height:1000px;
 overflow:auto; 
 }*/

/*.dialog_green h1,*/
.dialog_green p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

/*.dialog_green h1 {
 padding-bottom:0px;
}*/

p {line-height:1.6em;}
.dialog_orange {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#fff;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_orange .content_orange,
.dialog_orange .t,
.dialog_orange .b,
.dialog_orange .b div {
 background:transparent url(images/dialog_orange.png) no-repeat top right;
 _background-image:url(images/dialog2_orange.gif);
}

.dialog_orange .content_orange {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_orange .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_orange .b {

 position:relative;
 width:100%;
}

.dialog_orange .b,
.dialog_orange .b div {
 height:30px; 
 font-size:1px;
}

.dialog_orange .b {
 background-position:bottom right;
}

.dialog_orange .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

/*.dialog_orange .hd,
.dialog_orange .bd,
.dialog_orange .ft {
 position:relative;
}*/

/*.dialog_orange .wrapper {
 position:static;
 max-height:1000px;
 overflow:auto; 
 }*/

/*.dialog_orange h1,*/
.dialog_orange p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

/*.dialog_orange h1 {
 padding-bottom:0px;
}*/

p {line-height:1.6em;}
.dialog_blueflat {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#000;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_blueflat .content_blueflat,
.dialog_blueflat .t,
.dialog_blueflat .b,
.dialog_blueflat .b div {
 background:transparent url(images/dialog_blueflat.png) no-repeat top right;
 _background-image:url(dialog2_blueflat.gif);
}

.dialog_blueflat .content_blueflat {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_blueflat .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_blueflat .b {

 position:relative;
 width:100%;
}

.dialog_blueflat .b,
.dialog_blueflat .b div {
 height:30px; 
 font-size:1px;
}

.dialog_blueflat .b {
 background-position:bottom right;
}

.dialog_blueflat .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

/*.dialog_blueflat .hd,
.dialog_blueflat .bd,
.dialog_blueflat .ft {
 position:relative;
}*/

/*.dialog_blueflat .wrapper {
 position:static;
 max-height:1000px;
 overflow:auto; 
 }*/

/*.dialog_blueflat h1,*/
.dialog_blueflat p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

/*.dialog_blueflat h1 {
 padding-bottom:0px;
}*/

p {line-height:1.6em;}
.dialog_greenflat {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#000;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_greenflat .content_greenflat,
.dialog_greenflat .t,
.dialog_greenflat .b,
.dialog_greenflat .b div {
 background:transparent url(images/dialog_greenflat.png) no-repeat top right;
 _background-image:url(dialog2_greenflat.gif);
}

.dialog_greenflat .content_greenflat {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_greenflat .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_greenflat .b {

 position:relative;
 width:100%;
}

.dialog_greenflat .b,
.dialog_greenflat .b div {
 height:30px; 
 font-size:1px;
}

.dialog_greenflat .b {
 background-position:bottom right;
}

.dialog_greenflat .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_greenflat p {
 margin:0px;
 padding:0.5em 0px 0.5em 0px;
}


p {line-height:1.6em;}
.dialog_greyflat {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#000;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_greyflat .content_greyflat,
.dialog_greyflat .t,
.dialog_greyflat .b,
.dialog_greyflat .b div {
 background:transparent url(images/dialog_greyflat.png) no-repeat top right;
 _background-image:url(dialog2_greyflat.gif);
}

.dialog_greyflat .content_greyflat {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_greyflat .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_greyflat .b {

 position:relative;
 width:100%;
}

.dialog_greyflat .b,
.dialog_greyflat .b div {
 height:30px; 
 font-size:1px;
}

.dialog_greyflat .b {
 background-position:bottom right;
}

.dialog_greyflat .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_greyflat p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}


p {line-height:1.6em;}
.dialog_lime {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#000;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_lime .content_lime,
.dialog_lime .t,
.dialog_lime .b,
.dialog_lime .b div {
 background:transparent url(images/dialog_lime.png) no-repeat top right;
 _background-image:url(dialog2_lime.gif);
}

.dialog_lime .content_lime {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_lime .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_lime .b {

 position:relative;
 width:100%;
}

.dialog_lime .b,
.dialog_lime .b div {
 height:30px; 
 font-size:1px;
}

.dialog_lime .b {
 background-position:bottom right;
}

.dialog_lime .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_lime p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}
p {line-height:1.6em;}
.dialog_righe {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px; 
 color:#000;
 z-index:1;
 margin-left:12px; 
 margin-bottom:0.5em; 
}

.dialog_righe .content_righe,
.dialog_righe .t,
.dialog_righe .b,
.dialog_righe .b div {
 background:transparent url(images/dialog_righe.png) no-repeat top right;
 _background-image:url(dialog2_righe.gif);
}

.dialog_righe .content_righe {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_righe .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px; 
 background-position:top left;
}

.dialog_righe .b {

 position:relative;
 width:100%;
}

.dialog_righe .b,
.dialog_righe .b div {
 height:30px; 
 font-size:1px;
}

.dialog_righe .b {
 background-position:bottom right;
}

.dialog_righe .b div {
 position:relative;
 width:12px; 
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_righe p {
 margin:0px; 
 padding:0.5em 0px 0.5em 0px;
}

 .dialog_metal {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:760px;
 color:#000;
 z-index:1;
 margin-left:12px;
 margin-bottom:0.5em;
}

.dialog_metal .content_metal,
.dialog_metal .t,
.dialog_metal .b,
.dialog_metal .b div {
 background:transparent url(images/dialog_metal.png) no-repeat top right;
 _background-image:url(dialog2_metal.gif);
}

.dialog_metal .content_metal {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.dialog_metal .t {

 position:absolute;
 left:0px;
 top:0px;
 width:12px;
 margin-left:-12px;
 height:100%;
 _height:1600px;
 background-position:top left;
}

.dialog_metal .b {

 position:relative;
 width:100%;
}

.dialog_metal .b,
.dialog_metal .b div {
 height:30px;
 font-size:1px;
}

.dialog_metal .b {
 background-position:bottom right;
}

.dialog_metal .b div {
 position:relative;
 width:12px;
 margin-left:-12px;
 background-position:bottom left;
}

.dialog_metal p {
 margin:0px;
 padding:0.5em 0px 0.5em 0px;
}


.square {background: transparent; width:95%; margin:0 auto;}

.square p {margin:0 10px;padding-bottom:0.5em; line-height:1.6em; color: #365868; font:90% normal verdana,tahoma,arial,"sans serif";}

.square .top, .square .bottom {display:block; background:transparent; font-size:1px;}
.square .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#fff; border-left:1px solid #7092b7; border-right:1px solid #7092b7; border-top:1px solid #7092b7;}
.square .b2 {display:block; height:1px; margin:0; background:#fff; border-left:7px solid #7092b7; border-right:7px solid #7092b7; overflow:hidden;}
.square .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#fff; border-left:1px solid #7092b7; border-right:1px solid #7092b7; border-bottom:1px solid #7092b7;}

.square .boxcontent {display:block; background:#fff; border-left:1px solid #7092b7; border-right:1px solid #7092b7;}


.square_yellow {background: transparent; width:95%; margin:0 auto;}
.square_yellow h1, .square_yellow p {margin:0 10px;}

.square_yellow p {margin:0 10px;padding-bottom:0.5em; line-height:1.6em; color: #6f1610; font:90% normal verdana,tahoma,arial,"sans serif";}

.square_yellow .top, .square_yellow .bottom {display:block; background:transparent; font-size:1px;}
.square_yellow .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#fcfac8; border-left:1px solid #6f1610; border-right:1px solid #6f1610; border-top:1px solid #6f1610;}
.square_yellow .b2 {display:block; height:1px; margin:0; background:#fcfac8; border-left:7px solid #6f1610; border-right:7px solid #6f1610; overflow:hidden;}
.square_yellow .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#fcfac8; border-left:1px solid #6f1610; border-right:1px solid #6f1610; border-bottom:1px solid #6f1610;}

.square_yellow .boxcontent {display:block; background:#fcfac8; border-left:1px solid #6f1610; border-right:1px solid #6f1610;}


.square_green {background: transparent; width:95%; margin:0 auto;}

.square_green p {margin:0 10px;padding-bottom:0.5em; line-height:1.6em; color: #556270; font:90% normal verdana,tahoma,arial,"sans serif";}

.square_green .top, .square_green .bottom {display:block; background:transparent; font-size:1px;}
.square_green .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#ECF7D4; border-left:1px solid #556270; border-right:1px solid #556270; border-top:1px solid #556270;}
.square_green .b2 {display:block; height:1px; margin:0; background:#ECF7D4; border-left:7px solid #556270; border-right:7px solid #556270; overflow:hidden;}
.square_green .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#ECF7D4; border-left:1px solid #556270; border-right:1px solid #556270; border-bottom:1px solid #556270;}

.square_green .boxcontent {display:block; background:#ECF7D4; border-left:1px solid #556270; border-right:1px solid #556270;}


.square_blue {background: transparent; width:95%; margin:0 auto;}


.square_blue p {margin:0 10px;padding-bottom:0.5em; line-height:1.6em; color: #fff; font:90% normal verdana,tahoma,arial,"sans serif";}

.square_blue .top, .square_blue .bottom {display:block; background:transparent; font-size:1px;}
.square_blue .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#556270; border-left:1px solid #556270; border-right:1px solid #556270; border-top:1px solid #556270;}
.square_blue .b2 {display:block; height:1px; margin:0; background:#556270; border-left:7px solid #556270; border-right:7px solid #556270; overflow:hidden;}
.square_blue .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#556270; border-left:1px solid #556270; border-right:1px solid #556270; border-bottom:1px solid #556270;}

.square_blue .boxcontent {display:block; background:#556270; border-left:1px solid #556270; border-right:1px solid #556270;}


.square_red {background: transparent; width:95%; margin:0 auto;}


.square_red p {margin:0 10px;padding-bottom:0.5em; line-height:1.6em; color: #fff; font:90% normal verdana,tahoma,arial,"sans serif";}

.square_red .top, .square_red .bottom {display:block; background:transparent; font-size:1px;}
.square_red .b1t {margin:0 6px; display:block; overflow:hidden; height:5px; background:#6f1610; border-left:1px solid #6f1610; border-right:1px solid #6f1610; border-top:1px solid #6f1610;}
.square_red .b2 {display:block; height:1px; margin:0; background:#6f1610; border-left:7px solid #6f1610; border-right:7px solid #6f1610; overflow:hidden;}
.square_red .b1b {margin:0 6px; display:block; overflow:hidden; height:5px; background:#6f1610; border-left:1px solid #6f1610; border-right:1px solid #6f1610; border-bottom:1px solid #6f1610;}

.square_red .boxcontent {display:block; background:#6f1610; border-left:1px solid #6f1610; border-right:1px solid #6f1610;}

