/****************************************************
CSS Document For Mockup v0.1.5 on DrapBox
Style name : Basic Style
Author : Tyoumihin
Date : 2009-8-5
****************************************************/
/* =Reset
----------------------------------- */
html { overflow:-moz-scrollbars-vertical;	overflow-x:auto}
html,body { height:100%; color:inherit; background:transparent}

html,body,
div,p,hr,
h1,h2,h3,h4,h5,h6,
table,tr,td,th,tfoot,tbody,thead,
form,fieldset,input,textarea,select,label,
ul,ol,dl,li,dt,dd { margin:0; padding:0; font-weight:400}

ul,ol { list-style:none}
a { text-decoration:none; outline:none}
a:hover { text-decoration:underline}
/* a,area { blr:expression(this.onFocus=this.blur()) } */

table { width:100%;	border-collapse:collapse;	border-spacing:0;	margin:0 auto; clear:both}
fieldset,img { border:0}
em { font-style:normal}
hr { height:0; clear:both}

/* =Base Style
-------------------------*/
body { font-size:75%; line-height:1.5}  /* 1em=12px; lineHeight=fontSizeX1.5=18px */

.todie { display:none}
.hidden { position:absolute; left:-9999px}
.reborn{ position:static; display:block}
.single{ clear:both}
.clear:after { content:"\0020"; display:block; height:0; clear:both}
.clear:{ zoom:1}

/* default size [ decimal ]
----------------------------------- */
.size-xxxl,.size-40em {width:40.5em} /* XXXL SIZE */
 .size-xxl,.size-30em {width:30.5em} /*  XXL SIZE */
  .size-xl,.size-26em {width:25.5em} /*   XL SIZE */
   .size-l,.size-20em {width:20.5em} /*    L SIZE */
   .size-m,.size-15em {width:15.5em} /*    M SIZE */
   .size-s,.size-12em {width:12.5em} /*    S SIZE */
  .size-xs,.size-8em  {width:8.5em } /*   XS SIZE */
 .size-xxs,.size-6em  {width:6.5em } /*  XXS SIZE */
.size-xxxs,.size-3em  { width:3.5em} /* XXXS SIZE */

/* =layout
----------------------------------- */
#wrapper { position:relative; text-align:left}

.flush-r { text-align:right}
.flush-l { text-align:left}
.flush-c { text-align:center}

/* =Grids
----------------------------------- */
body .last { margin-right:0}

.c1,.c2,.c3,.c3x,.c3x2,.c4,.c5,.c6,.c7,.c8,.c9,.c10,
.c11,.c12,.c13,.c14,.c15,.c16,.c17,.c18,.c19,.c20,
.c21,.c22,.c23,.c24,.c25,.c26,.c27,.c28,.c29,.c30,.c31 { margin-right:5px; float:left; display:inline}

.ot .c1,
.ot .c2,
.ot .c3,
.ot .c3x,
.ot .c3x2,
.ot .c4,
.ot .c5,
.ot .c6,
.ot .c7,
.ot .c8,
.ot .c9,
.ot .c10,
.ot .c11,
.ot .c12,
.ot .c13,
.ot .c14,
.ot .c15,
.ot .c16,
.ot .c17,
.ot .c18,
.ot .c19,
.ot .c20,
.ot .c21,
.ot .c22,
.ot .c23,
.ot .c24,
.ot .c25,
.ot .c26,
.ot .c27,
.ot .c28,
.ot .c29,
.ot .c30,
.ot .c31 { border:1px solid #ccc}

.c1 { width:25px}
.c2 { width:55px}
.c3 { width:85px}
.c3x { width:315px}
.c3x2 { width:635px}
.c4 { width:115px}
.c5 { width:145px}
.c6 { width:175px}
.c7 { width:205px}
.c8 { width:235px}
.c9 { width:265px}
.c10 { width:295px}
.c11 { width:325px}
.c12 { width:355px}
.c13 { width:385px}
.c14 { width:415px}
.c15 { width:445px}
.c16 { width:475px}
.c17 { width:505px}
.c18 { width:535px}
.c19 { width:565px}
.c20 { width:595px}
.c21 { width:625px}
.c22 { width:655px}
.c23 { width:685px}
.c24 { width:715px}
.c25 { width:745px}
.c26 { width:775px}
.c27 { width:805px}
.c28 { width:835px}
.c29 { width:865px}
.c30 { width:895px}
.c31 { width:925px}

.ot .c1 { width:23px}
.ot .c2 { width:53px}
.ot .c3 { width:83px}
.ot .c3x { width:313px}
.ot .c3x2 { width:633px}
.ot .c4 { width:113px}
.ot .c5 { width:143px}
.ot .c6 { width:173px}
.ot .c7 { width:203px}
.ot .c8 { width:233px}
.ot .c9 { width:263px}
.ot .c10 { width:293px}
.ot .c11 { width:323px}
.ot .c12 { width:353px}
.ot .c13 { width:383px}
.ot .c14 { width:413px}
.ot .c15 { width:443px}
.ot .c16 { width:473px}
.ot .c17 { width:503px}
.ot .c18 { width:533px}
.ot .c19 { width:563px}
.ot .c20 { width:593px}
.ot .c21 { width:623px}
.ot .c21 { width:623px}
.ot .c22 { width:653px}
.ot .c23 { width:683px}
.ot .c24 { width:713px}
.ot .c25 { width:743px}
.ot .c26 { width:773px}
.ot .c27 { width:803px}
.ot .c28 { width:833px}
.ot .c29 { width:863px}
.ot .c30 { width:893px}
.ot .c31 { width:923px}
table,fieldset,input.text,select.text,textarea.text,button{border:1px solid #ccc}