/* v1.0 | 20080212 */
body {margin:0; padding:0;
     
      }


html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

.fL { float:left;} .fR {float:right;} .clearer { clear:both}.clearLeft {clear:left} .clearer:after { content:"."; clear:both;display:block; height:0; color:#fff}
.vM {vertical-align:middle}
.bBorder{border-bottom:1px solid #dcdedc;  }

.popupWrapper {width:636px;  background:#fff; padding:10px 15px; font-family:Arial, Helvetica, sans-serif; vertical-align:top;}
.topArea { width:636px;border-bottom:1px solid #dcdedc; margin:0; padding:5px 0 10px 0;}

.allBoxWrapper { width:636px; background:url(../images/bo-wrapper-bg.gif) top center repeat-y; margin:20px 0;   }
.boxWrapper { width:303px; text-align:center; padding:25px 0; display:inline}
.mLeft { margin:0 0 0 15px} .mRight { margin:0 15px 0 0}
.boxWrapper h3 { font-size:16px; font-weight:bold}
.boxWrapper h3.red {color:#c70c44} 
.boxWrapper h3.green {color:#008673} 
.boxWrapper h3.orange {color:#ff9b36} 
.boxWrapper h3.blue  {color:#6294ce} 
.timeBox { width:165px; height:41px; text-align:center; font-size:36px; color:#333; background:url(../images/time-bg.gif) top left no-repeat; margin:15px auto 0 auto; padding:5px}
.timeBox span{ font-size:16px; color:#a0a5a1; padding:0 0 0 5px} 
.legNotice { font-family:Arial, Helvetica, sans-serif; width:636px;border-top:1px solid #dcdedc; text-align:center; padding:10px 0; font-size:11px; color:#333333; }
/*.legNotice { font-family:Arial, Helvetica, sans-serif; width:636px;border-top:1px solid #dcdedc; text-align:center; padding:10px 0; font-size:11px; color:#a0a5a1 }*/