@charset "utf-8";
/* CSS Document */

.clearfix { clear:both }
.bgwhite { background:#fff;}
.absolute { position:absolute}
.relative { position:relative}
.hidden { display:none;}
.block { display:block }
.none { display:none}
.left { float:left }
.right { float:right }
.iblock { display:inline-block}
.noborder { border:none; }
.ohidden { overflow:hidden }
.ohiddenx { overflow-x:hidden }
.ohiddeny { overflow-y:hidden }
.highlight:hover { background:#9FF } 
.nowrap { white-space:nowrap }
.autow { width:auto !important;}
.autoh { height:auto !important;}

.ISRounded6 { border-radius:6px; }
.ISRounded3 { border-radius: 3px;}
.italic { font-style:italic;}
/* margin*/
.m0 { margin:0px }
.m1 { margin:1px }
.m2 { margin:2px }
.m3 { margin:3px }
.m4 { margin:4px }
.m5 { margin:5px }
.m6 { margin:6px }
.m7 { margin:7px }
.m8 { margin:8px }
.m10 { margin:10px }
.m15 { margin:15px }
.m20 { margin:20px }
.m25 { margin:25px }
/* margin top */
.mt0 { margin-top:0px }
.mt1 { margin-top:1px }
.mt2 { margin-top:2px }
.mt3 { margin-top:3px }
.mt4 { margin-top:4px }
.mt5 { margin-top:5px }
.mt6 { margin-top:6px }
.mt7 { margin-top:7px }
.mt8 { margin-top:8px }
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt30 { margin-top:30px }
.mt40 { margin-top:40px }
/* margin right */
.mr0 { margin-right:0px }
.mr1 { margin-right:1px }
.mr2 { margin-right:2px }
.mr3 { margin-right:3px }
.mr4 { margin-right:4px }
.mr5 { margin-right:5px }
.mr6 { margin-right:6px }
.mr7 { margin-right:7px }
.mr8 { margin-right:8px }
.mr10 { margin-right:10px }
.mr12 { margin-right:12px }
.mr15 { margin-right:15px }
.mr20 { margin-right:20px }
.mr30 { margin-right:30px }
.mr40 { margin-right:40px }
/* margin left */
.ml0 { margin-left:0px }
.ml1 { margin-left:1px }
.ml2 { margin-left:2px }
.ml3 { margin-left:3px }
.ml4 { margin-left:4px }
.ml5 { margin-left:5px }
.ml6 { margin-left:6px }
.ml7 { margin-left:7px }
.ml8 { margin-left:8px }
.ml10 { margin-left:10px }
.ml15 { margin-left:15px }
.ml20 { margin-left:20px }
.ml30 { margin-left:30px }
.ml40 { margin-left:40px }
/* margin bottom */
.mb0 { margin-bottom:0px }
.mb1 { margin-bottom:1px }
.mb2 { margin-bottom:2px }
.mb3 { margin-bottom:3px }
.mb4 { margin-bottom:4px }
.mb5 { margin-bottom:5px }
.mb6 { margin-bottom:6px }
.mb7 { margin-bottom:7px }
.mb8 { margin-bottom:8px }
.mb10 { margin-bottom:10px }
.mb12 { margin-bottom:12px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }
/* padding*/
.p0 { padding:0px }
.p1 { padding:1px }
.p2 { padding:2px }
.p3 { padding:3px }
.p4 { padding:4px }
.p5 { padding:5px }
.p6 { padding:6px }
.p7 { padding:7px }
.p8 { padding:8px }
.p10 { padding:10px }
.p11 { padding:11px }
.p12 { padding:12px }
.p13 { padding:13px }
.p14 { padding:14px }
.p15 { padding:15px }
.p20 { padding:20px }
/* padding top */
.pt0 { padding-top:0px }
.pt1 { padding-top:1px }
.pt2 { padding-top:2px }
.pt3 { padding-top:3px }
.pt4 { padding-top:4px }
.pt5 { padding-top:5px }
.pt6 { padding-top:6px }
.pt7 { padding-top:7px }
.pt8 { padding-top:8px }
.pt10 { padding-top:10px }
.pt11 { padding-top:11px }
.pt12 { padding-top:12px }
.pt13 { padding-top:13px }
.pt14 { padding-top:14px }
.pt15 { padding-top:15px }
.pt20 { padding-top:20px }
/* padding right */
.pr0 { padding-right:0px }
.pr1 { padding-right:1px }
.pr2 { padding-right:2px }
.pr3 { padding-right:3px }
.pr4 { padding-right:4px }
.pr5 { padding-right:5px }
.pr6 { padding-right:6px }
.pr7 { padding-right:7px }
.pr8 { padding-right:8px }
.pr10 { padding-right:10px }
.pr11 { padding-right:11px }
.pr12 { padding-right:12px }
.pr13 { padding-right:13px }
.pr14 { padding-right:14px }
.pr15 { padding-right:15px }
.pr20 { padding-right:20px }
/* padding left */
.pl0 { padding-left:0px }
.pl1 { padding-left:1px }
.pl2 { padding-left:2px }
.pl3 { padding-left:3px }
.pl4 { padding-left:4px }
.pl5 { padding-left:5px }
.pl6 { padding-left:6px }
.pl7 { padding-left:7px }
.pl8 { padding-left:8px }
.pl10 { padding-left:10px }
.pl11 { padding-left:11px }
.pl12 { padding-left:12px }
.pl13 { padding-left:13px }
.pl14 { padding-left:14px }
.pl15 { padding-left:15px }
.pl20 { padding-left:20px }
/* padding bottop */
.pb0 { padding-bottom:0px }
.pb1 { padding-bottom:1px }
.pb2 { padding-bottom:2px }
.pb3 { padding-bottom:3px }
.pb4 { padding-bottom:4px }
.pb5 { padding-bottom:5px }
.pb6 { padding-bottom:6px }
.pb7 { padding-bottom:7px }
.pb8 { padding-bottom:8px }
.pb10 { padding-bottom:10px }
.pb11 { padding-bottom:11px }
.pb12 { padding-bottom:12px }
.pb13 { padding-bottom:13px }
.pb14 { padding-bottom:14px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
/* width Numeric */
.w10 { width:10px}
.w16 { width:16px}
.w20 { width:20px}
.w30 { width:30px}
.w40 { width:40px}
.w50 { width:50px}
.w60 { width:60px}
.w70 { width:70px}
.w75 { width:75px}
.w80 { width:80px}
.w85 { width:85px}
.w90 { width:90px}
.w95 { width:95px}
.w100 { width:100px}
.w120 { width:120px}
.w150 { width:150px}
.w180 { width:180px}
.w200 { width:200px}
.w250 { width:250px}
.w300 { width:300px}
.w500 { width:200px}
/* width % */
.ww10 { width:10%}
.ww15 { width:15%}
.ww20 { width:20%}
.ww25 { width:25%}
.ww30 { width:30%}
.ww40 { width:40%}
.ww45 { width:45%}
.ww33 { width:33%}
.ww333 { width:33.3%}
.ww34 { width:34%}
.ww35 { width:35%}
.ww55 { width:55%}
.ww50 { width:50%}
.ww60 { width:60%}
.ww65 { width:65%}
.ww75 { width:75%}
.ww70 { width:70%}
.ww80 { width:80%}
.ww85 { width:85%}
.ww90 { width:90%}
.ww100 { width:100%}
.ww105 { width:105%}

/* height Numeric */
.h3 { height:3px }
.h5 { height:5px }
.h10 { height:16px}
.h16 { height:16px}
.h20 { height:20px}
.h25 { height:25px}
.h30 { height:30px}
.h35 { height:35px}
.h40 { height:40px}
.h50 { height:50px}
.h60 { height:60px}
.h65 { height:65px}
.h70 { height:70px}
.h100 { height:100px}
.h118 { height:118px}
.h200 { height:200px}
.h500 { height:500px}
/* height % */
.hh10 { height:10%}
.hh25 { height:25%}
.hh20 { height:20%}
.hh30 { height:30%}
.hh33 { height:33%}
.hh50 { height:50%}
.hh60 { height:60%}
.hh70 { height:70%}
.hh80 { height:80%}
.hh100 { height:100%}
/* font-weight */
.normal{font-weight:400;}
.bold {font-weight:700;}
/* line height */
.lh7{line-height:7px}
.lh9{line-height:9px}
.lh15{line-height:15px;}
.lh60{line-height:60px;}
.lh17{line-height:17px;}
.lh20{line-height:20px;}
.lh22{line-height:22px;}
.lh25{line-height:25px;}
.lh36{line-height:36px;}
.lhnormal { line-height:normal !important}
/* font-size */
.size8{font-size:8px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.size26{font-size:26px;}
.size30{font-size:30px;}
.size40{font-size:40px;}
.size48{font-size:48px;}
.size60{font-size:60px;}
.size65{font-size:65px;}
.size100{font-size:100px;}
/* PADDING */
.p4 { padding:4px }
.p8 { padding:8px }
.p10 { padding:10px }
.p15 { padding:15px }
.tshadow { text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}
/* TEXT ALIGN */
.tcenter { text-align:center }
.tright { text-align:right }
.tleft { text-align:left }
.tellipsis {text-overflow: ellipsis;}
.pointer { cursor:pointer}
.vtop { vertical-align:top; }
.vmiddle { vertical-align:middle; }
.vbottom { vertical-align:bottom;}
.vline { vertical-align:baseline;}
.button { border-radius: 6px; background:#333; color:#FFF; border:0px; cursor:pointer; padding:6px}

.buttonset { padding-left:5px; padding-bottom:5px}
.buttonset .btn { padding:5px; background:#333; float:left; cursor:pointer; color:#333;margin-right:5px; box-sizing:border-box; font-size:11px; color:#fff; white-space:nowrap}
.buttonset .btn.split{ background:none}
.buttonset span { display:block; float:left;  width:16px; height:16px; margin-right:5px;}
.buttonset span.close { background:url(/images/inbosoicons.png) 0px 0px no-repeat;}
.buttonset span.new { background:url(/images/inbosoicons.png) -16px 0px no-repeat;}
.buttonset span.edit { background:url(/images/inbosoicons.png) -32px 0px no-repeat;}
.buttonset span.plane { background:url(/images/icon-plane.png) no-repeat;}
.buttonset span.delete { background:url(/images/inbosoicons.png) -48px 0px no-repeat;}
.buttonset span.save { background:url(/images/inbosoicons.png) -64px 0px no-repeat;}
.buttonset span.confirm { background:url(/images/inbosoicons.png) -80px 0px no-repeat;}
.buttonset span.cancel { background:url(/images/inbosoicons.png) -96px 0px no-repeat;}
.buttonset span.search { background:url(/images/inbosoicons.png) -112px 0px no-repeat;}
.buttonset span.warning { background:url(/images/inbosoicons.png) -128px 0px no-repeat;}
.buttonset span.print { background:url(/images/inbosoicons.png) -144px 0px no-repeat;}
.buttonset span.help { background:url(/images/inbosoicons.png) -160px 0px no-repeat;}
.buttonset span.setting { background:url(/images/inbosoicons.png) -176px 0px no-repeat;}
.buttonset span.query { background:url(/images/inbosoicons.png) -192px 0px no-repeat;}
.buttonset span.history { background:url(/images/inbosoicons.png) -208px 0px no-repeat;}
.buttonset span.menu { background:url(/images/inbosoicons.png) -224px 0px no-repeat;}
.buttonset span.basket { background:url(/images/inbosoicons.png) -400px 0px no-repeat;}
.buttonset span.picture { background: url(/images/inbosoicons.png) -432px -0px no-repeat; }
.buttonset span.text {     background: url(/images/inbosoicons.png) -416px 0px no-repeat; }
.ucase { text-transform:uppercase}

.table { display:table; width:100%}
.tablerow { display:table-row;}
.tablecell { display:table-cell; vertical-align:middle; text-align:left}
.tablecell.up { vertical-align:top; }