@import "neo.css";
@import "layout.css";
@import "core.css";
@import "cropper.css";


/* POSITION */
.p1, .p2, .p6, .p7 { float: left; display: inline; overflow: hidden; }
.p2, .p5, .p7 { position: relative; }
.p3 { position: absolute; display: block; overflow: hidden; }
.p4 { overflow: hidden; }
.p6, .p7 { float: right; }

/* SIZE */
.s1, .s2, .s4 { width: 507px; height: 103px; }
.s2, .s5 { width: 170px; }
.s3 { width: 675px; height: 58px; }
.s4 { height: 139px; }
.s5 { height: 69px; }
.s6 { width: 677px; }
.s7 { width: 100%; height: 302px; }
.s8 { width: 83px; height: 58px; }
.s9 { width: 855px; height: 16px; }
.sa { width: 857px; }
.sb, .sc, .sd { width: 80px; height: 12px; padding: 1px 2px; }
.sc { width: 64px; }
.sd { width: 156px; }
.se { width: 474px; height: 30px; padding: 0px 8px; }
.sf { width: 490px; height: 16px; }
.sg { width: 492px; }
.sh { width: 482px; height: 16px; padding: 0px 4px; }
.si { width: 484px; padding: 4px 4px; }
.sj { height: 256px; }
.sk { width: 242px; height: 54px; padding-top: 6px; }
.sl { width: 246px; height: 60px; }
.sm { width: 64px; height: 14px; }
.sn { width: 480px; }
.so { width: 420px; height: 14px; }
.sp { width: 488px; }
.sq { width: 24px; height: 24px; }
.sr { width: 484px; height: 28px; }
.ss { width: 208px; height: 14px; }
.st { width: 120px; }
.su { width: 108px; }
.sv { width: 56px; }
.sw { width: 458px; }
.sx { width: 434px; }
.sy { width: 478px; }
.sz { width: 492px; height: 56px; }
.s10 { width: 32px; height: 14px; }
.s11 {width:120px;height:18px;}
.s12 {width:246px; height:56px;}
.s13 {width:48px;height:48px; }
.s14 {width:30px 16px; }
.s15 {width:246px; height:134px; }

.s16 {width:484px; }
.s17 { width:96px;}
.s18 { width:16px;height:16px; }
.s99 { width: 855px; height: 28px;}
.h01 {height:13px;line-height:13px;}
.h02 {height:16px;line-height:16px;}
.h03 {height:200px;}
.h04 {height:48px; } 


.w01 {width:32px; }
.w02 {width:24px; }
.w03 {width:124px; }
.w04 {width:38px; }
.w05 {width:144px; }


.f1 { font-family: Tahoma; }

/* Padding */
.d1 { padding-bottom: 1px; }
.d2 { padding-bottom: 8px; }
.d3 { padding: 4px 0px; }
.d4 { padding: 4px 4px; }
.d5 { padding: 2px 2px; }
.d6 { padding: 8px 16px; }
.d7 { padding: 1px 1px; }

.d8 {padding:0px 2px;}

/* MARGIN */
.m1 { margin-right: 20px; }
.m2 { margin: 0 auto 0 auto; }
.m3 { margin: 1px 4px; }
.m4 { margin: 1px 0px 1px 1px; }
.m5 { margin-left: 1px; }
.m6 { margin: 2px 4px; }
.m7 { margin-bottom: 8px; }
.m8 { margin-top: 8px; }
.m9 { margin: 16px 0px 8px 0px; }
.ma { margin-bottom: 8px; }
.mb { margin-right: 4px; }
.mc { margin: 4px 4px; }
.md { margin-top: 4px; }
.me { margin: 2px 0px; }
.mf { margin: 2px 2px; }
.mg { margin: 0px 2px; }
.mh { margin-left: 4px; }
.mi { margin: 0px 4px; }
.mj { margin: 4px 2px 2px 2px; }
.mk { margin: 8px 8px; }
.ml { margin: -2px 4px 0px 4px; }
.mm { margin-top: 4px; margin-left: 4px; }
.mn { margin: 4px 5px; }
.mo { margin: 3px 3px; }
.mp{margin-top:5px; }
.mq { margin-right:246px;}
.mr {margin-top:1px; }
.ms {margin-left:8px;}






/* BACKGROUND */
.b0 { background: #000; }
.b1 { background: url(i/bgtopmost.gif) repeat-x; }
.b2 { background: url(i/bg-lbbd.gif) repeat-x scroll left bottom; }
.b3 { background: #f90; }
.b4 { background: #fff; }
.b5 { background: #6ce; }
.b6, .b7 { background: url(i/bbb.gif) repeat-x scroll left bottom; }
.b7 { background-image: url(i/bb.gif); }
.b8 { background: #293147; }
.ba { background: #e8e8e8; }
.bb { background: #f8f8f8; }
.bc { background: url(i/li02.gif) no-repeat top left; }
.bd, .be, .bf { background: url(i/ccc.gif) repeat-x scroll left bottom; }
.be { background-image: url(i/sari_18px.png); }
.bf { background-image: url(i/sari_60px.png); }
.bx { background: #f00 url(i/butonxxx.png) repeat-x scroll left bottom; }

.bz { background: #f90; }

/* BORDER */
.o0 { border: none; }
.o1 { border: solid 1px #CCC; }
.o2 { border: solid 1px #7df; border-bottom-color: #08b; border-right-color: #08b; }
.o3, .o5, .o8 { border: solid 2px #f90; }
.o4 { border: solid 1px #fe5; border-bottom-color: #d70; border-right-color: #d70; }
.o5 { border-color: #e8e8e8; }
.o6 { border: solid 1px #fff; border-bottom-color: #c8c8c8; border-right-color: #c8c8c8; }
.o7 { border: solid 1px #f00; border-bottom-color: #c00; border-right-color: #c00; }
.o8 { border-color: #f8f8f8; }

/* TEXT */
.t1 { text-align: center; }
.t2 { font-size: 9px; text-align: right; color: #999; line-height: 14px; }
.t3 { font-size: 10px; }
.t4 { color: #fff; }
.t5 { text-align: center; font-size: 11px; color: #000; }
.t6 { font-family: Arial, Helvetica; line-height: 30px; color: #fff; font-size: 18px; font-weight: normal; }
.t7 { font-family: Tahoma; font-size: 10px; }
.t8 { color: #fff; text-align: right; font-weight: bold; line-height: 16px; }
.t9 { text-align: justify; text-indent: 24px; overflow: auto; }
.ta { line-height: 14px; font-size: 9px; font-family: Tahoma; }
.tb {line-height:14px;font-size:11px;font-weight:bold;font-family:Tahoma;color:#fff;text-align:right;}
.td { line-height:16px;font-size:11px;}

                                        
.tl { text-align: left; }
.tc { text-align: center; }
.tj { text-align: justify; }
.tr { text-align: right; }
.tx { overflow:auto;}

/* Z-INDEX */
.z0 { z-index: 0; }
.z1 { z-index: 1; }


/* Buttons */
.v2 { background-image: url(i/bt2.gif); }
.v3 { background-image: url(i/bt3.gif); }

/* Font Size */
.fs9 { font-size:9px; }




/* Extras */
.e1 h6 { height: 16px; line-height: 16px; background: #6ce url(i/bb.gif) repeat-x; color: #fff; font-weight: bold; text-align: center; font-size: 11px; overflow: hidden; margin-bottom: 4px; border: solid 1px #7df; border-bottom-color: #08b; border-right-color: #08b; }


.e2 a { float: left; display: inline; overflow: hidden; width: 80px; height: 50px; margin: 4px 2px 4px 2px; color: #fff !important; text-align: center; line-height: 50px; font-weight: bold; font-size: 11px; }
.e2 a:hover, .e2 a:visited:hover { background: url(i/butonxx.png) repeat-x scroll left top; margin: 4px 2px 4px 2px; width: 80px; height: 50px; }

/* .e3 div { position: relative; width: auto; margin: 2px 8px;height:80px; } 
.e3 span { float: left; display: inline; overflow: hidden; width: 1px; height: 8px; background: #fff; margin: 2px 3px; }*/
.e3 a {height: 12px; line-height: 12px; color: #fff !important; margin: 0px 1px; }/* float: left; display: inline; overflow: hidden; */
.e3 a:visited:hover, .e3 a:hover { text-decoration: underline; }
.e3 a:visited, .e3 a:link { color: #fff !important; }

.e4 input { height: 13px; width: 13px; vertical-align: top; }
.e5 p { margin-top: 4px; font-size: 11px; }
.e6 p { font-size: 10px; color: #666; text-indent: 12px; text-align: justify; }
.e7 li { color: #666; font-size: 10px; list-style-image: url(i/li01.gif); list-style-position: outside; line-height: 12px; margin-left: 20px; vertical-align: top; padding-left: -4px; }
.e7 ul { line-height: 12px; }
.e7 h3 { background: #f90; padding: 2px 4px; color: #fff; margin: -4px -4px 0px -4px; display: block; overflow: hidden; }
.e7 p { padding: 4px 4px; display: block; overflow: hidden; }

.e8 img { float: left; display: inline; margin: 2px 2px; margin-right: 0px; padding: 1px 1px; background: #fff; width: 96px; height: 96px; }
.e8 p { float: left; display: inline; overflow: hidden; width: 162px; height: 94px; margin: 2px 2px; padding: 2px 2px; background: #f8f8f8; }
.e8 pre { float: left; display: inline; overflow: hidden; width: 98px; height: 16px; line-height: 16px; padding: 1px 4px; font-size: 10px; background: #e8e8e8; }
.e8 div { float: left; display: inline; overflow: hidden; width: 134px; height: 16px; line-height: 16px; background: #f8f8f8; padding: 0px 2px; border-top: solid 1px #e8e8e8; border-bottom: solid 1px #e8e8e8; border-right: solid 2px #e8e8e8; }
.e8 span { float: left; display: inline; overflow: hidden; width: 238px; height: 16px; line-height: 16px; margin: 1px 0px 1px 8px; font-size: 9px; color: #666; }






.e9 { float: left; display: inline; overflow: hidden; width: 80px; height: 50px; margin: 4px 2px 4px 2px; color: #fff !important; text-align: center; line-height: 50px; font-weight: bold; font-size: 11px;background: url(i/butonxxx.png) repeat-x scroll left top; }
.e9:hover, .e9:visited:hover { background: url(i/butonxx.png) repeat-x scroll left top; margin: 4px 2px 4px 2px; width: 80px; height: 50px; }

.ea p {margin-top:4px;text-align:justify;font-size:9px;}


.cl{clear:left;}