@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0;padding: 0;}table{border-collapse:collapse;border-spacing: 0;}fieldset,img{border: 0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border: 0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;overflow:hidden;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; resize: vertical;outline:none;}legend{color:#000;}
body {font-family:"helvetica neue",arial,sans-serif;font-size:10px;color:#211922;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}em{font-style:italic;}strong{font-weight:bold;}
body { overflow-y: scroll; }

@media screen { .printOnly { display: none; } }
@media print { .noPrint, .noprint, .noprint * { display: none; } }

* 
{ 
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
}

.isNotSelectable
{
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
}


/** */

.m480 { display: none; }
.m480Table { display: none; }
.m480Div { display: none; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .m480 { display: table; }
    .m480Table { display: table; }
    .m480Div { display: block; }
    
}


/** */

.dp, .dp pre { position:relative; z-index: 1000; background: #FFF4D6; padding: 8px 10px; display: block; border-radius: 5px; }
.dp font { color: #00BB00 !important; }

/** */

* { font: 16px / 18px Arial; margin: 0px; }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

strong, b { font-weight: bold; } 
em, i { font-style: italic; }

body { margin: 0px; padding: 0px; border: none; }
#centerAnchor { width: 100%; }

#ajaxIco { z-index: 100500; display: none; position: fixed; top: 5px; right: 5px; z-index: 1000000; }
#infoBox { z-index: 100500; display: none; position: fixed; top: 6px; right: 5px; font-size: 16px; z-index: 1000000;  }
#infoBoxMin { z-index: 100500; display: none; position: fixed; top: 24px; right: 5px; font-size: 16px; z-index: 1000000; background: #FFEBA0; padding: 0px 10px; }
#scrollToTop { position: fixed; bottom: 10px; left: 13px; cursor: pointer; z-index: 1000000; }
.infoBoxDark { color: #FFFFCB; }

h1 { display: inline-block; }
h2 { display: inline-block; }
h3 { display: inline-block; }

h1 { font-size: 16pt; }
strong h1 { font-weight: bold; }
h2 { font-size: 14pt; }
big { font-size: 12pt; }
h1 small { font-size: 11pt; line-height: 10pt; }
h1.topicH1 { font-size: 16pt; font-weight: bold; line-height: 16pt; }
h1.topicH1 small { font-weight: bold; line-height: 10pt; padding-left: 1px; color: #9EB2AD; }
h1.topicH1 small b { color: #333; }
h1 .balance { font-size: 13pt; color: #3054CA; color: #6A5645; font-weight: bold; }
h1 .balanceNegate { font-size: 13pt; color: #CA3054; font-weight: bold; }
aria { font-family: arial !important; }
.anchor { text-decoration: none; }

.hiddenDump { display: none; }
.relat { position: relative; }
table 
{ 
    border-collapse: collapse; 
    width: 100%;     
}
td { vertical-align: top; padding: 0px; }
a, u, uu { color: #B53838; color: #2798C1; cursor: pointer; }
.txtUnder { color: inherit; cursor: inherit; }
uu { text-decoration: none; border-bottom: 1px dashed #B53838; }
a.localHref { text-decoration: none; border-bottom-style: dashed; border-bottom-width: 1px; }
a.Act { font-weight: bold; }
.txt1pt { height: 32px; overflow: hidden; padding: 3px 6px 3px 6px; }
.txt2pt { height: 64px; overflow: hidden; padding: 3px 6px 3px 6px; }
.txt4pt { height: 128px; overflow: hidden; padding: 3px 6px 3px 6px; }
.txt8pt { height: 192px; overflow: hidden; padding: 3px 6px 3px 6px; }
img { border: 0px; }

td.working
{
    background: #FFC50A;
    padding: 5px 6px 7px 12px;
    font-size: 10pt;
    font-family: Arial;
    color: #2D1600;
}
.pointer { cursor: pointer; }
.noPointer { cursor: default; }
.block { display: block; }
.center, .c { text-align: center; } .c.full * { text-align: center; }
.vcenter, .vc { vertical-align: middle !important; } .vc.full * { vertical-align: middle !important; }
.vtop, .vt { vertical-align: top !important; } .vt.full * { vertical-align: top !important; }
.right, .r { text-align: right; }
.rb { text-align: right; font-weight: bold !important; }
.cb { text-align: center; font-weight: bold !important; }
.justify, .j { text-align: justify; }
.middle { vertical-align: middle; }
.makeCenter { display:inline-block; width:100%; text-align: center }
.makeRight { display:inline-block; width:100%; text-align: right; }
.makeJustify { display:inline-block; width:100%; text-align: justify; }
.relative { position: relative; }
.nwr { white-space: nowrap; }
.none { display: none; }
.noneForce { display: none !important; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.noBold { font-weight: normal !important; }
.noUnderline { text-decoration: none !important; }
.strike { text-decoration: line-through !important; }
.inline { display: inline-block !important; }
.bdashed 
{ 
    text-decoration: none !important; 
    border-bottom-style: dashed !important; 
    border-bottom-width: 1px !important; 
}
.flipX
{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";    
}
.noBorder { border: 0px solid transparent !important; }
.noBorderTd > td { border: 0px solid transparent !important; }
.p5 { padding: 5px !important; }
.p5w { padding: 0px 5px !important; }
.p5h { padding: 5px 0px !important; }
.p8 { padding: 5px !important; }
.p8R { padding: 0px 8px 0px 0px !important; }
.p8RB { padding: 0px 8px 8px 0px !important; }
.p8w { padding: 0px 5px !important; }
.p10 { padding: 10px !important; }
.p10w { padding: 0px 10px !important; }
.p10h { padding: 10px 0px !important; }
.p10R { padding: 0px 10px 0px 0px !important; }
.p10RB { padding: 0px 10px 10px 0px !important; }
.p15 { padding: 15px !important; }
.p15w { padding: 0px 15px !important; }
.p15h { padding: 15px 0px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p25w { padding: 0px 25px !important; }
.p25h { padding: 25px 0px !important; }
.m5h { margin: 5px 0px !important; }
.m5hPre { margin-top: 5px !important; }
.m5hPost { margin-bottom: 5px !important; }
.m10hPre { margin-top: 10px !important; }
.m10hPost { margin-bottom: 10px !important; }
.m10h { margin: 10px 0px !important; }
.m15h { margin: 15px 0px !important; }
.m20h { margin: 20px 0px !important; }
.m25h { margin: 25px 0px !important; }
.rb3 { border-radius: 3px; }
.rb5 { border-radius: 5px; }
.r5 { border-radius: 5px !important; }
.rb8 { border-radius: 8px; }
.rb10 { border-radius: 10px; }
.rb15 { border-radius: 15px; }
nobr * { white-space: nowrap; }
.rel { position: relative; }
.abs { position: absolute; }
abs { position: absolute; top: 0px; left: 0px; }
.vm { vertical-align: middle !important; }
.preForce { white-space: pre !important; }

.black { color: black !important; }
.lightGray { color: lightgrey !important; }
.gray { color: gray !important; }

.colorGrayLight, .colorGrayLight * { color: #ccc !important; }
.colorBlack, .colorBlack * { color: #000 !important; }
.colorBlack33, .colorBlack33 * { color: #333; }

.bgOrange { background: #FEC967; }
.bgYellow { background: #FFEBA0; }

.bgSaleGreen { background: #EDF2D5; }
.bgSaleYellow { background: #F2EDD5; }
.bgSaleYellowLight { background: #FCFFD6; }
.bgSaleBone { background: #F1F0E7; }
.bgSaleBone { background: #F1F0E7; }
.bgSaleGold { background: #F2EBC7; }
.bgSalePink { background: #F5E0E7; }
.bgSaleRed { background: #B53838; }

.bgSaleGoldOrange { background: #EBC465 !important; }
.bgSaleGoldOrangeLight { background: #F1E7A9 !important; }

.backUglub { padding: 20px 15px 15px 20px; border-radius: 8px; box-shadow: 2px 2px 8px #aaa inset;  }
.backPay 
{ 
    padding: 20px 15px 15px 20px;
    color: #3e3c3c;

    box-shadow: 0 1px 3px #666;
    -o-box-shadow: 0 1px 3px #666;
    -webkit-box-shadow: 0 1px 3px #666;
    -moz-box-shadow: 0 1px 3px #666;

    border-radius: 8px;  
    -o-border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    
    background: url("/temp/img/bgGradGray.png") 0 bottom repeat-x #fff;

}

.sub1Red 
{ 
    border-top: 0px solid #cdcdcd;
    border-bottom: 0px solid #cdcdcd; 
    background: #f6f6f0; 
    border-radius: 5px;
    font-style: italic;
    color: #B53838; 
    color: #c9c9c0; 
    padding: 3px 15px 3px 5px; 
    
}

.sub2Red { color: #B25A74; font-size: 12px; font-style: italic; background: #F9F9E1; padding: 5px; border-radius: 5px; }
.subRed { color: #8DAF61; background: #F1F1E6; border-right: 2px solid #C48598; border-left: 2px solid #C48598; font-size: 11px; letter-spacing: 1px; font-style: italic; padding: 1px 35px 1px 15px; border-radius: 5px; display: inline-block;; }
.subRedFull { color: #8DAF61; background: #F1F1E6; border-right: 2px solid #C48598; border-left: 2px solid #C48598; font-size: 11px; letter-spacing: 1px; font-style: italic; padding: 1px 35px 1px 15px; border-radius: 5px; display: inline-block;; font-size: 15px; }
.subRedMin { color: #8DAF61; background: #F1F1E6; border-right: 2px solid #C48598; border-left: 2px solid #C48598; font-size: 11px; letter-spacing: 1px; font-style: italic; padding: 1px 8px 1px 8px; border-radius: 5px; display: inline-block;; }

.subBlackMin { color: #000; background: transparent; border-right: 2px solid #C48598; border-left: 2px solid #C48598; font-size: 11px; letter-spacing: 1px; padding: 1px 8px 1px 8px; border-radius: 5px; display: inline-block; font-weight: normal; }

.debug { border: 1px solid #f00; }

.w100 { width: 100% !important; }
.w50 { width: 50% !important; }
.w33 { width: 33% !important; }
.w25 { width: 25% !important; }
.h100 { height: 100% !important; }
.a100 { height: 100% !important; width: 100% !important; }
.menu { position: absolute; display: none; width: auto; }

/** */

.floatLeft { float: left; margin-right: 10px; display:inline-table; width: auto; }
.floatRight { float: right; margin-left: 10px;  display:inline-table; width: auto; }

.outImgShowHeader .headCase { font-size: 16pt; }
.outImgShowHeader td.buttonBox { vertical-align: middle; padding: 0px 8px 0px 0px; }
.outImgShowHeader .text { padding: 0px 25px 15px 35px; }

.pwSpoilerTit span { cursor: pointer; border-bottom: 1px dashed #333; }
.pwSpoilerTxt { display: none; }

.txtTableColumn td.TC { padding: 0px 15px 0px 0px; }
.txtTableColumn.data td { padding: 5px; }
.txtTableColumn.data td { border-bottom: 1px dashed #ccc;  }
.txtTableColumn.data tr:first-child td { border-bottom: 2px solid darkred; font-weight: bold; font-size: 12px;  }
.txtTableColumn.data tr:nth-child(even) td { background: #F1F1F2; }
.txtTableColumn.data strong em { color: #00bb00; font-weight: bold; }
.txtTableColumn.data strong small { color: #FE5800; color: #C9241E; font-weight: bold; font-size: inherit; }
.txtTableColumn.data td#buttonTxt { background: inherit; border: inherit; }

.txtTableColumn.cat td { padding: 0px 10px 10px 0px; text-align: center; }

.txtTableColumn.para td { padding: 5px; }
.txtTableColumn.para td:first-child { color: #00bb00; font-weight: bold; white-space: nowrap;  }
.txtTableColumn.para td + td { font-weight:bold; width: 100%;  }

.txtTableColumn.comp td { padding: 9px 5px; }
.txtTableColumn.comp td { border-top: 1px dashed #ccc;  }
.txtTableColumn.comp td { font-weight: bold; vertical-align: top; color: #00bb00; }
.txtTableColumn.comp td:first-child { color: inherit; font-weight: normal;  }
.txtTableColumn.comp tr:nth-child(odd) td { background: #F1F1F2; }
.txtTableColumn.comp td#buttonTxt { background: inherit; border: inherit; }
.txtTableColumn.comp strong em { color: #00bb00; font-weight: bold; }
.txtTableColumn.comp strong small { color: #FE5800; color: #C9241E; font-weight: bold; font-size: inherit; }

.txtTableColumn.row td { padding: 0px; }


.makeRight, .makeRight * { text-align: right !important; }
.makeLeft, .makeLeft * { text-align: right !important; }

mylist, mysublist { display: inline-block; }

mylist ul { padding: 0px 10px 0px 25px; }
mylist ul li, mysublist ul li { list-style: square url('data:image/gif;base64,R0lGODlhBQAKAIABAAAAAP///yH5BAEAAAEALAAAAAAFAAoAAAIIjI+ZwKwPUQEAOw=='); }
mylist ul li, mysublist ul li { list-style: url('data:image/gif;base64,R0lGODlhCgAKAPcAAAAAAAEBAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAKAAoAAAgXAP8JHEiwoMGDCAkGWMiwYcKHECMiDAgAOw=='); }
mylist li.levArrow { list-style: none; }
mysublist ul { padding: 0px 10px 0px 40px; }
mylist ol mysublist ul { padding: 0px 10px 0px 30px; }
mylist ol { padding: 0px 10px 0px 64px; counter-reset: section;  }
mylist ol li.lev1 { list-style-type: decimal; padding: 0px 0px 0px 0px; counter-increment: section; }
mylist ol li.lev2 { margin: 0px 0px 0px -12px; }
mysublist ol { padding: 0px 10px 0px 28px; counter-reset: subsection; }
mysublist ol li:before { counter-increment: subsection; content:counter(section) "." counter(subsection) ". "; }
mylist ul mysublist ol li:before { counter-increment: subsection; content:counter(subsection) ". "; }
mysublist ol li { list-style-type: none; padding: 0px 0px 0px 0px; }

.ctrlVbok { position: fixed; bottom: 40px; left: 12px; z-index: 1000000; } 
.ctrlVbok * { text-decoration: none; color: #ccc; } 


/** */

.outHead > td
{
    padding: 9px 9px 6px 3px;
    border-bottom: 2px solid #C7A3A2; 
    border-bottom: 2px solid #E0A051;
    border-bottom: 2px solid #F29D35; 
    border-bottom: 2px solid #900590; 
    border-bottom: 2px solid #aaa; 
    border-bottom: 2px solid #cfcfcf; 
    border-bottom: 2px solid #C7A3A2; 
    border-bottom: 2px solid #94C1E0; 
    font-size: 8pt;
    font-weight: bold;
    color: #aaa;
    vertical-align: bottom;
    white-space: nowrap;
    
    /*
    background: #F4F7FA;
    color: #BABCBE;
    border-bottom: 1px solid #ddd;
    */
}
.outHead td.tit { width: 100%; }
.outHead td.money { text-align: right; }
.outHead td.qty { text-align: center; }
.outHead .sortGrip { color: #e1e1e1s; }
.outHead .actSort 
{ 
    color: #f00; 
    color: #78DB6F; 
    color: #23C2FF; 
}

.outLine > td 
{ 
    padding: 8px; 
    /* white-space: nowrap;  */
    border-bottom: 1px dashed #ccc;
}
.outLine:hover > td 
{ 
    background: #F7F7F7; 
    background: #F2F1E4; 
    background: #F9FFE0; 
    background: #FFF9E0; 
    background: #F3F1EE; 
    background: transparent; 
    
}
.outLine.full > td 
{ 
    border-bottom: 1px dotted #aaa;
    border-bottom: 1px dashed #aaa; 
    border-bottom: 1px dashed #dcd1af; 
    border-bottom: 1px solid #e3e3e3; 
    border-bottom: 1px dashed #d0d0d0; 
    
}
.outLine td { /* font-size: 10pt; */ }
.outLine td.tit { white-space: normal; width: 100%; }
.outLine td.qty { text-align: center; white-space: nowrap; }
.outLine td.edit { padding: 3px; vertical-align: middle; }
.outLine td.editR { padding: 3px; vertical-align: middle; text-align: right; }
.outLine td.editC { padding: 3px; vertical-align: middle; text-align: center; font-weight: bold; color: #2D51BC; }
.outLine td.srok { text-align: center; color: #AA8A7D; }
.outLine td.srok big { font-size: 12pt; }
.outLine td.money { text-align: right; color: #003663; white-space: nowrap; }
.outLine td.price { text-align: right; color: #003663; white-space: nowrap; }
.outLine td.actTake { background: #94C1E0; border-radius: 8px; }
.outLine .bill {  }
.outLine .user { color: #bbb; font-size: 8pt; cursor: pointer; text-decoration: none; border-bottom: 1px dotted #ccc; }
.outLine .filter { color: #bbb; font-size: 8pt; cursor: pointer; text-decoration: none; border-bottom: 1px dotted #ccc; }
.outLine .dealOrder { color: #bbb; }
.outLine .dealGone { color: #bbb !important; text-decoration: line-through; }
.outLine .dealWin { color: #C2A009 !important; text-decoration: none; }
.outLine .payBill {  }
.outLine .payBillError { color: #D906FF;  }
.outLine .payDone { color: #bbb; }
.outLine .dis { color: #bbb; }
.outLine .disGreen { color: #879D4A; }
.outLine .disGreenBlue { color: #00BB00; }
.outLine .disRed { color: #B53838; }
.outLine .noU { text-decoration: none; }
.outLine .dealOpen { color: #3054CA; }
.outLine .exam { color: #3054CA; }
.outLine .exam.dis { color: #9EB0C7; }
.outLine td.id { color: #00BB00; }
.outLine td.id span.winTag { color: #00BB00; }
.outLine td.id .adminTit { font-style: normal; font-size: 10px; color: #507FFF;  }
.outLine .oneLine { font-size: 9pt; padding: 2px 3px !important; height: 22px; }
.outLine strike { font-size: 9pt; color: #B53838; color: #FF4B00; }
.outLine td.full { font-size: 10pt; white-space: normal; }

.outLine .groupHeadBox { padding-top:16px; padding-bottom:12px; }
.outLine .groupHeadBox b { font-size:16px; color:#8DAF61; color:#7CC321; font-weight: bold; }

td.outLine { padding: 8px;  }
td.outLineId { font-size: 10pt; color: #00bb00; white-space: nowrap; padding: 8px;  }
td.outLineQty { text-align: center; padding: 8px; font-size: 10pt; color: #00bb00; white-space: nowrap; }

.bottomDash { border-bottom: 1px dashed #dcd1af; }

.outFoot td { border-top: 1px double #888; padding: 8px 8px 12px 8px; font-weight: bold; }
.outFoot td.money { text-align: right; white-space: nowrap; }
.outFoot td.price { text-align: right; white-space: nowrap; }

.pwSpoilerLine .tit { cursor: pointer; border-bottom: 1px dashed #333; }
.pwSpoilerLine td { padding: 6px 9px; }

.txtTable td { padding: 2px 10px 3px 0px; }

/** inputs.inc */

td.FC { vertical-align: middle; }

.button, .button * { -webkit-user-select: none; }
.button.b1, .button.b2
{
    /* display: inline-block; */
    cursor: pointer;
    border: 1px solid transparent;
    
}
.button.b1 { padding: 0px; }
.button.b2 
{  
    /*
    border: 1px solid #888;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    */
    box-shadow: 0px 0px 2px #555;
    padding: 2px 8px 4px 8px; 
    background: #eee url("/temp/img/buttonGrey.png") left bottom;
    color: #000;
    font-size: 9pt;
    border-radius: 3px;
    
}
.button .outInpPushPack td { padding: 0px; }
.button .outInpPushPack .txtCase { padding-right: 4px; }
.button .outInpPushPack .pushCase { border-radius: 8px; padding: 0px 3px;  }
.button .outInpPushPack .pushCase 
{ 
    background: #D63C34; 
    background: #23C2FF; 
    color: #fff;
}

.button.b2.green
{
    background: #eee url("/temp/img/buttonGreen.png") left bottom;
    box-shadow: 0px 0px 1px #783214;
    color: #6D0027;
}
.button.b2.greenBlue
{
    background: #eee url("/temp/img/buttonGreenBlue.png") left bottom;
    box-shadow: 0px 0px 1px #783214;
    color: #6D0027;
}
.button.b2.greenAcid
{
    background: #eee url("/temp/img/buttonGreenAcid.png") left bottom;
    box-shadow: 0px 0px 1px #783214;
    color: #B94B93;
}
.button.b2.pinkAcid
{
    background: #eee url("/temp/img/buttonPinkAcid.png") left bottom;
    box-shadow: 0px 0px 1px #783214;
    color: #333;
}
.button.b2.orangeAcid
{
    background: #eee url("/temp/img/buttonOrangeAcid.png") left bottom;
    box-shadow: 0px 0px 1px #00558E;
    color: #333;
}
.button.b2.greenLight
{
    background: #eee url("/temp/img/buttonGreenLight.png") left bottom;
    box-shadow: 0px 0px 1px #783214;
    color: #333;
}
.button.b2.bordo
{
    background: #eee url("/temp/img/buttonBordo.png") left bottom !important;
    box-shadow: 0px 0px 1px #783214 !important;
    color: #FFE3B5 !important;
}
.button.b2.bordo #buttonTxt { color: #FFE3B5 !important; }
.button.b2.bordo #buttonTxt * { color: #FFE3B5 !important; }
.button.b2.bordoMin
{
    background: #eee url("/temp/img/buttonBordo.png") left bottom !important;
    box-shadow: 0px 0px 1px #783214 !important;
    color: #FFE3B5 !important;
}
.button.b2.bordoMin #buttonTxt { color: #FFE3B5 !important; }
.button.b2.bordoMin #buttonTxt * { color: #FFE3B5 !important; }
.button.b1.pressed .button.b2 
{  
    /*
    border: 1px solid #DAD4C6;
    border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    */
    background: #eee url("/temp/img/buttonActive.png") bottom repeat-x;
    color: #7A7254;
    font-size: 9pt;
}
.button.b1.pressed {  border: 1px solid transparent;  border-radius: 4px; }
.pressed .button.b2 
{   
    /* border: 1px solid #C3BFC5; */
    box-shadow: 1px 1px 4px #bbb inset;  
    padding: 3px 7px 5px 9px; 
    border-radius: 5px;
    background: url("/temp/img/buttonGreyFlip.png") bottom repeat-x;    
}

.button.b1.imgInside .button.b2.imgInside { padding: 2px 6px 1px 6px; }
.button.b1.imgInside .button.b2.imgInside #buttonTxt { padding-bottom: 1px; padding-top:1px; }
.button.b1.imgInside.pressed .button.b2.imgInside {  } 

.button.b1 #buttonTxt td.i0 { padding-top: 1px; }
.button.b1 #buttonTxt .icoTxt td:nth-child(1) { padding: 0px; }
.button.b1 #buttonTxt .icoTxt td:nth-child(2) { padding: 0px 0px 4px 2px; }
.button.b1 #buttonTxt .icoTxt td:nth-child(2) { padding: 0px 0px 0px 2px; }

.w100In .button { width: 100%; }

.dkGrey .button 
{ 
    background: url("/temp/img/buttonDkGrey.png"); 
    border: 0px; 
    color: #303137; 
    box-shadow: 0px 1px 0px #666;
}

.button.jack.b2 * { color: #f5f5f5; text-shadow: 1px 1px #000;  font-weight: normal; font-size: 10pt;  }
.button.jack.b2
{
    border: 1px solid #333;
    border-top: 1px solid #888;
    border-left: 1px solid #888;
    border-radius: 5px;
    padding: 3px 8px 5px 8px; 
    box-shadow: 0px 2px 5px #aaa;
    background: url("/temp/img/buttonGreen.png"); 
    
}
.button.jack.b1.pressed {  border: 1px; margin-top: 2px; }
.pressed .button.jack.b2 
{   
    padding: 4px 8px 4px 8px; 
    background: url("/temp/img/buttonGreen.png"); 
    box-shadow: 0px 0px 5px #aaa;
}

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    #buttonTxt, #buttonTxt * { font-size: 20px !important; }
}


/** */ 

.outCmBox
{
    display: none;
    width: auto; 
    position: absolute; 
    top: 10px; 
    left:10px; 
    box-shadow: 0px 0px 15px 1px #ccc; 
    /* border: 1px solid #e1e1e1; */
    
}
.outCmListBox { width: auto; }
.outCmListBox .item 
{ 
    display: block; 
    clear: both; 
    cursor: pointer; 
    width: auto; 
    min-width: 40px;
    padding: 2px 4px 2px 5px !important; 
    text-align: left !important; 
    background: #fff !important;
    border:0px !important; 
    white-space: nowrap;
}
.outCmListBox .item.over { background: #FFEBA0 !important; }
.outCmListBox .item.act { background: #FFEBA0 !important; }
.change { background: #FFEBA0; padding: 3px 0px; }

/** */

.outSw { cursor: pointer; display: block; }

/** */

w { display: inline-table; width: auto; height: auto; vertical-align: top; clear: none; }
ww 
{ 
    display: table; 
    width: 100%;     
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
wh { display: table; height: 100%; }
wwh { display: table; height: 100%; width: 100%; }

.outTable.spacerPre { padding-left: 10px; border-right: 1px solid #ddd; }
.outTable.spacerPost { padding-left: 10px;  }
.outTable.spacerPreDark { padding-left: 10px; border-right: 1px solid darkred; }
.outTable.spacerPostDark { padding-left: 10px;  }
.outTable.spacerMin { padding: 0px 0px 0px 0px;  }

.outToolbar
{ 
    background: #F3F0ED; 
    border-bottom: 1px solid #DED9DB;
    border-right: 1px solid #DED9DB;
    box-shadow: 1px 1px 8px #ccc; 
    padding: 8px 16px;
}
.outToolbar td.FC { vertical-align: middle; }


/** pointer.inc */

.outInputPointer { cursor: pointer; display: block; }

/** cb.inc */

.outInpCheckbox #fixTitPre { padding: 0px 3px 0px 3px; } 
.outInpCheckbox #fixTitPost { padding: 0px 3px 0px 3px; } 
.outInpCheckbox .varTxt .button .b2 { padding: 3px; } 
.outInpCheckbox .pressed .button.b2 { border: 1px solid transparent; } 
.outInpCheckbox .button.b1.pressed { border: 1px solid transparent; } 

.outInpCheckbox .button.b1 { padding: 0px; height: 16px; }
.outInpCheckbox .button.b1 .button.b2.txtInsideNormal { padding: 0px; height: 15px; }
.outInpCheckbox .button.b1.pressed .button.b2.txtInsideNormal { padding: 0px; height: 15px; }
.outInpCheckbox .button.b1 #buttonTxt { padding: 0px 3px; }
.outInpCheckbox .button.b1 #buttonTxt img { margin-bottom: 2px; }



/** radio.inc */

.outInpRadio .mainFixTit { font-weight: bold; padding: 0px 3px 0px 6px;  }
.outInpRadio .fixTitPre { padding: 1px 3px 0px 3px; } 
.outInpRadio .fixTitPost { padding: 1px 3px 0px 3px; } 
.outInpRadio .varTxt .button .b2 { padding: 3px; border-radius: 8px; } 
.outInpRadio .varTxt { padding: 0px 3px 0px 3px; }
.outInpRadio .tabTxt
{ 
    cursor: pointer; 
    padding: 5px 15px 5px 12px; 
    background: #dedede; 
    box-shadow: 1px 0 10px #aaa;  
    border-radius: 5px 5px 0px 0px; 
    position: relative;
    z-index: 0;
    white-space: nowrap;
    /* text-shadow: 0 1px #fff; */
}
.outInpRadio .tabTxt.act { background: #fff; z-index: 1;  }
.outInpRadio .spacer { width: 100%; } 
.outInpRadio .plateBox {  } 
.outInpRadio .outInpPlate 
{ 
    background: #fff; 
    padding: 10px; 
    box-shadow: 0px 3px 5px #bbb; 
    border-radius: 0px; 
    position: relative;
    z-index: 2;
    width: 100%;
}

.outInpRadio .outInpPlateItem { display: none;  }
.outInpRadio .outInpPlateItem.act { display: block; }
.outInpRadio .tabGrip { padding: 3px 0px 3px 10px; width: 20px; }
.outInpRadio .tabGrip a { text-decoration: none; color: #aaa; }
.outInpRadio .tabScroll { max-width:0px; overflow: hidden; }

/** edit.inc */

.outInpEdit .oneLine { resize: none; height: 26px; overflow: hidden; padding: 2px 15px 0px 5px; font-weight: bold; white-space: nowrap; }
.outInpEdit .oneLine.emptyTit { color: #ccc; font-style: italic; font-weight: normal; }
.outInpEdit .clear { cursor: pointer; top:6px; right:3px; position:absolute;  }
.outInpEdit .save { top:16px; right:3px; position:absolute;  }
.outInpEdit { padding-top: 2px; }

.outInpEditButton .editBox { padding-top: 0px; padding-right: 5px; }
.outInpEditButton .buttonBox { padding-top: 2px; }

.outInpEdit .caseEdit { padding: 0px 5px 0px 0px; width: 100%; }
.outInpEdit .caseButton { padding: 0px; }
.outInpEdit .caseButton .button { height: 100%; }
.outInpEdit .caseButton .button .b2 { min-height: 26px; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .outInpEdit .oneLine { height: 32px; }
}


/** select.inc */

.outInpSelect #varTxt { font-weight: bold; padding: 0px 2px 0px 3px; }
.outInpSelect #fixTit { padding: 0px 0px 0px 0px; }
.outInpSelect .oneLine { height: 16px; font-size: 9pt; padding: 0px 1px 1px 3px; }

.outInpSelectEdit .oneLine { height: 18px; font-size: 9pt; padding: 0px 1px 1px 3px; }
.outInpSelectEdit.b2 { padding: 1px 3px 2px 3px; }
.pressed .outInpSelectEdit.b2 { padding: 1px 3px 2px 3px; }
.outInpSelectEdit #fixTitPost { padding-top: 1px; }

.outInpSelect .varTxt { white-space: nowrap; padding: 0px 5px; font-weight: bold; width:100%; text-align: left; }


/** active.inc */

.outInpActiveView { cursor: pointer; }
.outInpActiveView { vertical-align: middle; }

.outTopMenu .pane { border-radius: 6px; background: url("/temp/img/topMenuBg.png") top repeat-x; }
.outTopMenu .menuItem { padding: 8px 12px; white-space: nowrap; vertical-align: middle; }
.outTopMenu .menuItem a { color: #eee; text-decoration: none; font-size: 16px; }
.outTopMenu .menuItem a:hover { color: #333; text-decoration: underline; }
.outTopMenu .menuItemDiv  {  background: url("/temp/img/topMenuDiv.png") center no-repeat; }
.outTopMenu .menuItemLangHref  { padding: 8px 12px 8px 3px; }
.outTopMenu .menuItemLangIco  { padding: 11px 3px 8px 12px; }
.outTopMenu .menuItemLangHref a { font-size: 8pt; font-weight: bold; color: #eee; text-decoration: none; }
.outTopMenu .menuItemLangHref a:hover { text-decoration: underline; }

.outTopMenuSub { width: auto; }
.outTopMenuSub td { background: #fff; color: #000; box-shadow: 1px 2px 8px #555; border-radius: 5px; padding: 8px 12px; }
.outTopMenuSub .menuItem a { color: #000; text-decoration: none; }
.outTopMenuSub .menuItem a:hover { color: #000; text-decoration: underline; }
.outTopMenuSub .menuItem a.act { background:#333; padding: 3px 6px; border-radius: 6px; color: #fff; font-weight: normal; }
.outTopMenuSub .menuItem.act { background:#333; color: #fff; font-weight: normal; }

.outTopMenuDouble .mainFrame { border-radius: 6px; box-shadow: 1px 1px 6px #bbb; }
.outTopMenuDouble .paneBox { background: #F4F4F4; box-shadow: none; border-radius: 0px; padding: 5px 5px 5px 0px; }
.outTopMenuDouble .cartBox { width: 100%;; }
.outTopMenuDouble .poiskBox { padding: 5px;; }
.outTopMenuDouble .curSitemapQueryEdit { width: 240px; }
.outTopMenuDouble .menuItem { padding: 8px 12px; white-space: nowrap; vertical-align: middle; }
.outTopMenuDouble .menuItem a { color: #382907; color: #000; text-decoration: none; font-size: 16px; }
.outTopMenuDouble .menuItem a:hover { color: #333; text-decoration: underline; }
.outTopMenuDouble .menuItem a.act { background: #BE7C81; background:#4FABF8; padding: 3px 6px; border-radius: 6px; color: #fff; font-weight: normal; }
.outTopMenuDouble .menuItemDiv  {   }
.outTopMenuDouble .menuItemLangHref  { padding: 8px 12px 8px 3px; }
.outTopMenuDouble .menuItemLangIco  { padding: 11px 3px 8px 12px; }
.outTopMenuDouble .menuItemLangHref a { font-size: 8pt; font-weight: bold; color: #eee; text-decoration: none; }
.outTopMenuDouble .menuItemLangHref a:hover { text-decoration: underline; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .outTopMenu .menuItem a { font-size: 20px; }
    .outTopMenu .menuItem { padding: 8px 8px; }
    
    .outTopMenuDouble .menuItem a { font-size: 20px; }
    .outTopMenuDouble .menuItem { padding: 8px 8px; }
}


.outInpProgress .bgCase { padding: 0px 5px; }
.outInpProgress .deepCase {  padding: 1px; box-shadow: 1px 1px 3px #555 inset; border-radius: 5px; }
.outInpProgress td { border-radius: 5px; font-size: 6px; }
.outInpProgress .done { background: #AAC18F; box-shadow: 0px 0px 2px #333; }
.outInpProgress .done.green { background: url("/temp/img/progressGreen.png"); }
.outInpProgress .done.red { background: url("/temp/img/progressRed.png"); }
.outInpProgress .done.yellow { background: url("/temp/img/progressYellow.png"); }
.outInpProgress .rest { background: transparent; }

.outToolsSubDuo { padding: 10px; background: #FFF3C7; box-shadow: 2px 2px 10px #bbb inset; border-radius: 5px; margin: 10px 0px; }

/** */

.outDiaPage { display: inline-block; padding: 15px; }
.outDiaPage table .head { padding: 5px 15px 5px 5px; }
.outDiaPage table .data { padding: 5px; width: 100%; }



/** */

fb { display: none; }
#theAbs { position: absolute; top: 0; left: 0; }
.outFg 
{ 
    position: fixed; 
    left: 0; top: 0; 
    width: 100%; height: 100%; 
    cursor: pointer; 
    background: rgba(180, 180, 180, 0.2);
    
}
@media screen and (max-width: 480px) and (orientation:portrait) 
{ 
    .outFg {   }
}
.outDia 
{ 
    position: absolute;
    top: 10px;
    left: 50px;
    background: #fff; 
    opacity: 1;
    /* box-shadow: 0px 0px 15px #bbb;  */
    box-shadow: 0px 0px 18px #bbb;
    box-shadow: 0px 0px 18px #777;
    border-radius: 8px; 
    min-width: 400px; 
    min-height: 80px; 
}

.outDiaForm td.headCase { padding: 15px; white-space: nowrap; }
.outDiaForm td.buttonCase { padding: 15px; text-align: right; }
.outDiaForm td .cmt { color: #8FAAC1; color: #AAC18F; }
.outDiaForm td.labelCase { padding: 5px 5px 10px 15px; }
.outDiaForm td.labelCase.vc { padding-top: 0px; }
.outDiaForm td.labelCaseSub { padding-left: 20px; }
.outDiaForm td.labelCaseSub.vc { padding: 0px 5px 9px 20px; }
.outDiaForm td.postLabelCase { padding: 5px 15px 10px 15px; width: 100%; }
.outDiaForm td.postLabelCase small { font: 12px / 12px Arial !important; }
.outDiaForm td.slot {  }
.outDiaForm .labelHidden 
{ 
    display: inline-block;
    position: relative;
    padding: 1px 4px; 
    border-radius: 2px;
    top: -10px;
    background: #B31451; 
    color: #fff; 
    font-size: 8pt; 
    
}
.outDiaForm .available { color: #00BB00; font-weight: bold; }

.outAlert { min-width: 250px; min-height: 135px; background: #F6F3D2; }
.outAlert table.main {  }
.outAlert .txt { padding: 20px 20px 0px 20px; }
.outAlert .txt { font: 16px / 21px Arial; text-align: center; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .outAlert .txt { font: 24px / 28px Arial; }
}

/** */

textarea
{
    font-size: 16px;
    
    border: 1px solid #E5E5E5;
    border-left: 2px solid #cbcbcb;
    border-top: 2px solid #cbcbcb;
    border-radius: 5px;
    padding: 4px 8px 5px 8px;
    color: #003663;
    background: #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    resize: both;
    
}
textarea.in { height:26px; overflow: hidden; resize: none; font-weight:bold; }
textarea.usa { background: #F5F6EA; color: #003663; }

.round
{
    border-radius: 9px;
    -moz-box-shadow: 1px 1px 3px #8FAAC1;
    -webkit-box-shadow: 1px 1px 3px #8FAAC1;
    box-shadow: 1px 1px 3px #8FAAC1;
    
    -moz-box-shadow: 1px 1px 3px #CFC5BB;
    -webkit-box-shadow: 1px 1px 3px #CFC5BB;
    box-shadow: 1px 1px 3px #CFC5BB;
    
}
.round > td { padding: 9px 12px;  }
.backYellow { background: #F7FCBD; }
.backGreen { background: #D3E4BB; }
.backRed { background: #E8CED5;  }
.backBlue { background: #DDE2E2; }
.saleGold { color: #CC9A5F; } 
.saleGray { color: #ccc; } 
.saleGrayForce { color: #ccc !important; } 
.saleDkGray { color: #999; } 
.saleRed { color: #CA3054; } 
.saleBlack { color: #000; } 
.saleBlackForce { color: #000 !important; } 
.saleWhite { color: #fff; } 
.saleDkRed { color: #CA3054; } 
.saleGreen { color: #2DBC2D; } 
.saleBlue { color: #3054CA; color: #1A3DC1; } 
.saleBlueSmall  { font-size: 8pt; line-height: 10pt; color: #3054CA; color: #1A3DC1 }
.saleGraySmall  { font-size: 8pt; line-height: 10pt; color: #ccc; }

/** */

hr 
{
    border: 0px;
    border-bottom: 1px dotted #aaa;
    margin: 12px 0px;
    display: inline-block;
    width: 100%;
}
@media screen and (max-width: 800px)
{ 
    hr { border-bottom: 2px dotted #ccc; }
}
@media screen and (max-width: 480px) and (orientation:portrait) 
{ 
    hr { border-bottom: 2px dashed #aaa; }
}

/** */

.outPager .bg 
{ 
    background: #e3e4e5; 
    border-top: 1px solid #C7CBCF; 
    border-radius: 3px; 
    box-shadow: inset 0 1px 0 #c7cbcf;
    border-radius: 5px;
    padding: 3px;
}
.outPager .mg { padding: 3px; }
.outPager td { white-space: nowrap; padding: 3px; vertical-align: middle; }
.outPager .postSpacer { width: 100%; }


.pwSocial iframe { white-space: nowrap;  }

.nw { white-space: nowrap !important; }
.nwc { white-space: nowrap; text-align: center !important; }
.nwr { white-space: nowrap; text-align: right !important; }
.pr25 { padding-right: 25px !important; }
.pr { padding-right: 25px !important; }
.pp { padding: 15px !important; }
.nwr.pp { padding-right: 0px !important; }

.stat0 td { background: #ffffff; }
.stat1 td { background: #eeeeee; }
.stat2 td { background: #FFF3D6; }
.stat3 td { background: #DEFFFB; }
.stat4 td { background: #DEF3D2; }
.stat5 td { background: #FFE8D9; }
.stat6 td { background: #FFE8D9; }
.stat7 td { background: #FFE8D9; }
.stat8 td { background: #FFE8D9; }

/** */

.legalBox { padding: 30px; text-align: center; }
.legalBox, .legalBox * { font: 11px / 16px Arial; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .legalBox, .legalBox * { font: 16px / 21px Arial; }
}

.helpBox td { padding: 0px 20px 0px 0px; }
.helpBox a { display: block; background: #fff; border-radius: 8px; padding: 6px 12px; }

.frameCo { border: 0px; width: 500px; min-height: 380px; }

/** page.inc */

.pageBox { padding: 25px; }

.pageBox .backGreen
, .pageBox .backRed
, .pageBox .backYellow
, .pageBox .backBlue
, .pageBox .backGray
{
    display: inline-table;
}

/* .backGreen { background: #E3FFD2; }
.backYellow { background: #FCFAD4; }
.backBlue { background: #EAEAFF; }
.backRed { background: #FCEBDB; } */


.backYellow { background: #FCE39C; }
.backGreen { background: #DDE6D5; }
.backRed { background: #F5E0E7;  }
.backBlue { background: #D0DCE0; }
.backGray { background: #F1F1F2; }


.pageBox h1 { font-size: 16pt; line-height: 20pt; margin: 0px; display: inline-block; }
.pageBox big { color: #597F60; font-size: 16px; font-weight:bold; line-height: 140%; display: inline-block; }

.pageBox small
    , .pageBox small a
    , .pageBox small em
    , .pageBox small strong 
    { font-size: 8pt; line-height: 10pt; color: #3054CA; color: #1A3DC1; }
    
.pageBox strong small
    , .pageBox strong small a
    , .pageBox strong small em
    , .pageBox strong small strong 
    { color: #AD8C29; font-weight: normal; }
    
.pageBox blockquote { padding-left: 24px; }
.pageBox .txtTableColumn { display: inline-table; }
.pageBox .catListToolbar #buttonTxt .FC img { width: 16px; height: 16px; }

/** */

.outSitemap > td { padding: 0px 25px 15px 35px; }
.outSitemap td.bullet { padding: 5px 10px; }
.outSitemap td.href { padding: 5px 0px; width: 100%; }
.outSitemap td.href.lev2 { padding-left: 16px; }
.outSitemap td.href.lev3 { padding-left: 32px; }


/** */

.outFaq .q { padding-top: 9px; }
.outFaq .a { border-bottom: 1px dashed #dcd1af; padding: 16px 0px; }
.outFaq .caseTag { font-size: 10pt; color: #555; font-style: italic; text-align: right; } 
.outFaq .caseDay { border-left: 4px solid #adadad; font: 21px / 21px Arial; padding: 3px 3px 3px 5px; }
.outFaq .caseMon { color: #ccc; font: 12px / 12px Arial; padding: 0px; padding: 0px 0px 1px 0px; }
.outFaq td.caseLab { padding: 0px; }
.outFaq div.caseLab
{ 
    display: inline-block;
    border-radius: 5px;
    padding: 5px; 
    font-size: 24px; 
    font-weight: bold; 
    width: auto; 
    clear: both; 
    background: #FEDEBE; 
    color: #B31451;
}
.outFaq .caseLabTotal { color:#BA82A6;  }
.outFaq .caseTxtTotal 
{ 
    color: #A04C08; 
    color: #333;
    width: 100%; 
    padding:15px; 
    border-radius: 5px; 
    background: #F3F3F3;
    background: #F7F7DC; 
}
.outFaq .caseTxtTotal * { color: #A04C08; color: #333; }

.outFaqAsk { display: none; }
.outFaqAsk textarea { height: 240px; }
.outFaqDone td { background: #DCEDC6; padding: 12px; border-radius: 5px; }
.outFaqManual td { background: #F2FECF; border-radius: 8px; padding: 10px 10px 10px 25px; }
.outFaqManual td.simple { background: transparent; padding: 0px; }

div.caseBa
{ 
    display: inline-block;
    border-radius: 3px;
    padding: 2px 6px; 
    font-weight: bold; 
    width: auto; 
    width: 25px;
    text-align: center;
    background: #FEDEBE; 
    color: #B31451;
}
.caseBa.maybe {  }  
.caseBa.prioA { background: #FF721B; color: #fff; } 
.caseBa.prioB { background: #00D800; color: #fff; } 
.caseBa.prioC { background: #CFE2BE; color: #fff; } 
.caseBa.prioD { background: #e5e5e5; color: #fff; } 
.caseBa.prioInfo { background: #3054CA; color: #fff; } 
.caseBa.prioGoal { background: #8F184A; color: #fff; } 


/** */

.outForum .quoter 
{ 
    background: #EBEADD; 
    background: #F2F1E4; 
    background: transparent;
    background: #EBEADD; 
    background: #fff;
}
.outForum .quoter 
{ 
    width: auto;
    color: #999; 
    font: 12px / 16px Arial;
    padding: 8px; 
    border-radius: 8px;
}
.outForum .quoter.paid { background: #fff; font: 16px / 24px Arial; color: #000; font-weight: bold; }
.outForumQuote { width: auto; }
.forumPreview { background: #EFF0F2; padding: 8px; border-radius: 5px; }
.forumBg { display: inline-block; padding: 15px; border-radius: 5px; background: #F4F5F7; background: #fff; }
.forumBg, .forumBg *
{ 
    color: #684C00; color: #333; color: #000; 
    font-size: 16px !important; 
    line-height: 1.25em !important; 
}
.forumBg img.floatRight { margin: 0px 0px 15px 15px; }
.forumBg small strong { font-style: italic; color: #CB4E73; }
.forumBg small 
{ 
    font-style: italic; 
    font-style: normal;
    font: 16px / 21px Arial; 
    color: #CB4E73; 
    color: #000;
    background: #FBFBD9; 
    background: #F9FAD7;
    display: table-cell; 
    padding: 8px 14px 8px 14px; 
    left:-9px; 
    width: auto;
}
.forumBg h1 
{ 
    color: #C80000; 
    font-size: 30px !important;  
    line-height: 36px !important;  
    font-weight: bold;
}
.forumBg h1 small 
{ 
    color: #C80000; background: transparent; 
    font-size: 20px !important; 
    line-height: 26px !important;  
    display: inline; 
    position: static;
    left: 0px;
    padding: 0px 0px 0px 1px;
    font-style: normal;
    color: #D38181;
    
}
.forumBg h1 small 
{ 
    font: 20px / 24 px Arial;
    margin: 0px;
    display: inline-block;
    color: #BDA453;
    color: #000;
    font-style: italic;
    font-style: normal;
    font-weight: normal;
    font-weight: bold;
}
.forumBg big { color: #C80000; color: #669900; color: #0050C8; color: #336699; font-weight: bold; font-size: 20px !important; line-height: 28px !important; }
.forumBg big em { font-size: 16px; color: #597F60;  }
.forumBg big strong { font-size: 16px; color: #333;  }
.forumBg em { color: #00C43C; color: #17B9B8; color: #A09214; color: #333; background: #FBFBD9; padding: 0px 5px; line-height: 20px; }
.forumBg strong em { font-weight: bold; font-style: italic; }
.forumBg em strong { font-weight: bold; font-style: italic; color: #000; }
.forumBg .aroundSaleRed { border-radius: 10px; border: 10px solid #C80000; padding: 0px 5px 12px 5px; background: #C80000; }
.forumBg .aroundSaleGreen { border-radius: 10px; border: 10px solid #88E79B; padding: 0px 5px 12px 5px; background: #88E79B; }
.forumBg .imgHtml { margin-bottom: 6px; }
.forumBg .button.b2 #buttonTxt { padding: 8px 12px; font-weight: bold; }
.forumBg .button.b2.bordo #buttonTxt { padding: 8px 12px; font-weight: bold; }
.forumBg .button.b2.bordo #buttonTxt .saleRed { color: #ee2010 !important; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .outForum .quoter { font: 16px / 20px Arial; }
    .outForum .quoter.paid { font: 24px / 28px Arial; }
}



/** */

.mozgBg, .mozgBg *, .mozgBg .oneLine { font: 16px / 21px Arial; margin-bottom: 1px; }
.mozgBg .oneLine { font-weight: bold; }
.mozgBg b, .mozgBg strong  { font-weight: bold; }
.mozgBg em, .mozgBg i  { font-style: italic; }
.mozgBg .oneLine { height: 28px; }
.mozgBg h1 { color: #C80000; font: 20px / 25px Arial; margin-bottom: 3px; font-weight: bold; }
.mozgBg h2 { color: #C80000; font: 16px / 21px Arial; font-weight: bold; }
.mozgBg h1 { color: #9B154E; color: #000; }
.mozgBg h2 { color: #9B154E; color: #000; }
.mozgBg h1 strong { font: inherit; text-decoration: underline; }
.mozgBg h1 small 
{ 
    color: #C80000; background: transparent; 
    font-size: 16px !important; 
    display: inline; 
    position: static;
    left: 0px;
    padding: 0px 0px 0px 1px;
    font-style: normal;
    color: #D38181;
    
}
.mozgBg a { color: #2798C1; }
.mozgBg big { color: #C80000; }
.mozgBg big em { font-size: 16px; color: #597F60;  }
.mozgBg big strong { font-size: 16px; color: #333;  }
.mozgBg small { font: 12px / 16px Arial; color: #3054CA; color: #1A3DC1; }
.mozgBg strong { font-weight: bold; }
.mozgBg .answerTit { color: #BA82A6; font-style: italic; font-size: 10pt; } 
.mozgBg .answerTxt { color: #A04C08; font-style: normal; font-size: 10pt; }

.mozgBg li { margin-bottom: 0px; }
.mozgBg .imgBordered img { border: 1px solid #ccc; }

.mozgBg .button.b1.imgInside .button.b2.imgInside #buttonTxt { padding-bottom: 2px; padding-top: 1px; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .mozgBg, .mozgBg *, .mozgBg .oneLine { font: 24px / 28px Arial; }
    .mozgBg .oneLine { height: 32px; font-weight: bold; }
    .mozgBg h1 { font: 30px / 36px Arial; font-weight: bold; }
    .mozgBg h2 { font: 24px / 30px Arial; }
    .mozgBg big strong { font: 24px / 28px Arial;  }
    .mozgBg big { font: 24px / 30px Arial;  }
    .mozgBg strong { font: 24px / 28px Arial; font-weight: bold;  }
    .mozgBg small { font: 16px / 21px Arial; color: #3054CA; color: #1A3DC1; }
}



.hideColor, .hideColor * { color: #ccc !important; }
.hideColor img { opacity: 0.1; }

.tableDetails td  { background: #F4F5F7; padding: 5px 12px 5px 5px; }
.tableDetails td.head  { background: #F4F5F7; }
.tableDetails td.data  { width: 100%; font-weight: bold; }

.tableDetails.Multi td.data  { width: auto; }
.tableDetails.Multi td  { background: #f4f4f4; padding: 6px 8px; color: #bbb;  }

.tablePara td  { padding: 5px 12px 5px 0px; }
.tablePara td.head  {  }
.tablePara td.data  { width: 100%; font-weight: bold; }

.tableAns td  { padding: 4px 8px 4px 8px;  vertical-align: middle; }
.tableAns td.head  {  }
.tableAns td.data  { width: 100%;  }

/** */

.outWarePlateItem { box-shadow: 1px 2px 8px #888; }
.outWarePlateItem td {  }
.outWarePlateItem td.titBox { padding: 10px 5px 0px 10px;  }
.outWarePlateItem td.icoBox { background: #DDE2E2; }
.outWarePlateItem td.icoBox img { width: 125px; }
.outWarePlateItem u { color: #007493; }
.outWarePlateItem .price { color: #965C4D; }
.outWarePlateItem .bottomMini { padding: 0px; font-size: 6px; }

.outWarePricer 
{ 
    background: #FEC632; 
    background: #FFEDC4; 
    background: #FDBC00;
    background: #FCE39C;
    box-shadow: 2px 2px 8px #aaa; 
    box-shadow: none; 
    padding: 15px; 
    border-radius: 5px; 
}
.outWarePricer .price { color: #000; font-size: 28px; font-weight: bold; }
.outWarePricer .priceSnip { color: #000; font-size: 12px; font-style: italic; }
.outWarePricer .priceSnip b { color: #000; font-size: 12px; font-style: italic; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{

}


/** outMail.inc */

.outMail td { padding: 5px; white-space: nowrap; }
.outMail td.i1 { padding: 3px 5px 7px 5px; }
/* .outMail .button.b1.imgInside .button.b2.imgInside { height: 33px; } */
.outMail td.data { width: 100%; }
.outMail textarea { font-weight: bold; }
.outMail .mailTit { height: 24pt; }
.outMail .mailPhone { height: 52pt; }
.outMail .mailTxt { height: 150pt; }
.outMail .send { text-align: right; padding: 8px; }
.outMail .done { padding: 12px; text-align:center; background: #DCEDC6; border-radius: 8px; }

/** */

.loginMini td { padding: 0px 4px; }
.loginMini .sub { padding: 3px; font-size: 14px; color: #ccc; white-space: nowrap; }
.loginMini .sub a { font-size: 14px; text-decoration: none; }
.loginMini .sub a:hover { text-decoration: underline; }
.loginMini .caseTit { font-weight: bold; }
.loginMini .caseOut { text-align: right; white-space: nowrap; }
.loginMini .caseOut a { font-size: 14px; text-decoration: none; }
.loginMini .caseOut a:hover { text-decoration: underline; }
.loginMini #userMiniTit b { font-size: 18px; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .loginMini td { font-size: 24px; }
    .loginMini .sub { font-size: 16px; }
    .loginMini .caseOut a { font-size: 16px; }
    .loginMini #userMiniTit b { font-size: 20px; }
}



/** */

.outPerePost .post { border-bottom: 0px dashed #ccc; padding: 8px; width: 100%; border-radius: 5px; }
.outPerePost .post.divider { background: #BABABA; border-radius: 0px 0px 0px 0px; font-size: 10px; padding: 3px; }   
.outPerePost .post.txtdiv { background: #EDEDED; border-radius: 0px 0px 0px 0px;  }   
.outPerePost .post.v0 
{ 
    background: #EFF0F2; 
    background: #E8E9EB; 
    background: #E5EAE9; 
    background: #EAE9E5;
    background: #ECEDF3; 
    background: #EDEDED;
}
.outPerePost .post.v1 
{ 
    background: #F8F9F9; 
    background: #FFFFCC; 
    background: #F1F2F2; 
}
.outPerePost .post .likeUrl {  }   
.outPerePost .post .like { padding: 2px 6px; border-radius: 5px; font-weight: bold; cursor: pointer; white-space: nowrap; }   
.outPerePost .post .like.on { color: #fff; background: #2DBC2D; }   
.outPerePost .post .like.off { color: #fff; background: #ccc; }   
.outPerePost .post .likeUrl .like:hover { background: #E0A051; }   
.outPerePost .postId { font-size: 8pt; color: #ccc; }
.outPerePost .header td { white-space: nowrap; }
.outPerePost .paraLab { font-weight: bold; padding: 3px 12px 0px 0px; }
.outPerePost .para { padding: 3px 12px 0px 0px; color: #aaa }
.outPerePost .para i { font-style: normal; color: #2DBC2D; }
.outPerePost .para i i { font-style: normal; color: #507FFF; }
.outPerePost .txt { padding: 12px 0px; color: #333; }
.outPerePost .del { border-bottom: 0px dashed #ccc; padding: 10px 5px; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .outPerePost .post.divider { font-size: 16px; }   
}

/** */

.outSendoutSub { width: 240px; }
.outSendoutSub td { font: 16px / 21px Arial; }
.outSendoutSub b { font: 16px / 21px Arial; color: #006699; }
.outSendoutSub td.top { padding: 16px; background: #F1FFD1; border: 0px dashed #B53838; border-radius: 10px; }
.outSendoutSub td.top { background: #fff; box-shadow: 3px 3px 15px #333; }
.outSendoutSub .button.b2 #buttonTxt { padding: 6px 6px; font-weight: bold;  }
.outSendoutSub .button.b2.bordo #buttonTxt { padding: 6px; font-weight: bold; font: 16px / 21px Arial; }
.outSendoutSub .button.b2.bordo #buttonTxt .saleRed { color: #ee2010 !important; }
.outSendoutSub .button.b1.pressed .button.b2 
{  
    background: #eee url("/temp/img/buttonActive.png") bottom repeat-x !important;
}
.outSendoutSub .button.b1.pressed .button.b2.bordo #buttonTxt { color: #7A7254 !important; }
.outSendoutSub .button.b1.pressed .button.b2.bordo * { color: #7A7254 !important; }
.outSendoutSub textarea.oneLine { padding: 5px 8px; font-size: 16px; height: 32px; width: 260px; }

.makeCenter { display: block; }
.makeCenter .outSendoutSub td.top { box-shadow: none; }
.makeCenter .outSendoutSub { margin: 0px auto; }

@media screen and (max-width: 480px) and (orientation:portrait) 
{
    .outSendoutSub td { font: 24px / 29px Arial; }
    .outSendoutSub b { font: 24px / 29px Arial; color: #006699; }
    .outSendoutSub .button.b2.bordo #buttonTxt { font: 24px / 29px Arial; }

}


/** */

.outFormProforma td.head { padding: 5px 20px 5px 0px;  } 
.outFormProforma td.tail { padding: 5px 0px 5px 0px; width: 200px; font-weight: bold; width: 100%; } 
.outFormProforma td.tail #buttonTxt { font-weight: normal; }
.outFormProforma td.tail textarea { font-weight: normal; } 

/** */

.outBillPage { background: #DDE6D5; display: inline-block; border-radius: 5px; }


/** */

td.outPageGroup { padding: 0px 20px 0px 0px; }
.outPageGroup .level1 { padding: 9px 3px 3px 3px; }
.outPageGroup .level2 { padding: 3px 3px 3px 9px; }
.outPageGroup .level3 { padding: 3px 3px 3px 18px; }
.outPageGroup u.group { display: inline-block; padding: 3px 5px;; }
.outPageGroup .level2 u { color: #AB9873; }
.outPageGroup .level3 u { color: #C6AD68; }
.outPageGroup .act u 
{ 
    font-weight: bold; 
    font-weight: normal; 
    text-decoration: none; 
    color: #F2E8E8; 
    background: #C7A3A2; 
    background: #18A5FF; 
    border-radius: 3px;
    padding: 5px;
}

.outGroupFrame .groupCase { width: 150px; }
.outGroupFrame .listCase {  }


/** */

.outSrc 
{ 
    display: block; 
    width: 720px; 
    height: 600px; 
    overflow-x: visible; 
    overflow-y: scroll; 
    word-wrap: break-word;
    word-wrap: normal;
    padding: 18px;
    line-height: 17px;
    border-radius: 8px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    box-shadow: 2px 2px 2px #C9C5BA inset;
    resize: both;
    float: right;
}

.outSrc, .outSrc * { font-family: Courier New; font-size: 10pt; }
.outSrc com { font-weight: bold; color: #1D5302; background: #EFEED9; }
.outSrc str { color: #0099CC; }
.outSrc ob { color: #4B3D67; background: #FFED9E; }
.outSrc er { color: #720000; background: #FFD7D7; }

/** */

.outPageFilterBox { padding: 10px 0px; }
.outPageFilterBox .caseLab { padding: 5px 10px 5px 10px; }
.outPageFilterBox .caseTit { padding: 5px 10px 5px 0px; width: 100%; font-weight: bold; }


/** */

.outSur 
{ 
    display: block; 
    padding: 8px 16px; 
    border-radius: 5px; 
    /* border-top: 3px solid #bbb;
    border-bottom: 3px solid #bbb; */
    background: #f5f5f5;
    box-shadow: 1px 1px 6px #999;
}

/** */