body { background-color:#eee; text-align:center; color:#236;padding:0;margin:0;font-family:Verdana,Arial,Helvetica,sans-serif; }

table { font-size:1em; }
td { vertical-align:top; }
a { text-decoration:none;  }

#detail table.costs td { vertical-align:middle }

#detail { float:left;margin:20px;padding:20px;background-color:#f8ffff; }
#detail table { margin:12px 2px;}
#detail td { vertical-align:bottom;padding:1px 10px; }

#detail #pcn-figures { border-collapse:collapse; }
#detail #pcn-figures th { border:1px solid #eee;background-color:#f8f8f8;padding:2px 6px; }
#detail #pcn-figures td { border:1px solid #eee; }


#orders { width:100%;text-align:left;font-size:80%;background-color:white;padding:4px;zoom:1 }

.tabclock td,.tabclock th { text-align:right; }


.tabclock,#taborders { border-collapse:collapse;border-spacing:0; }

tr.r0 { background-color:#f4f4f4;border-bottom:1px solid white; }
tr.r1 { background-color:#f0f0f0;border-bottom:1px solid white; }
.cr0 {  }
.cr1 { background-color:#f8f8f8; }
tr.header { font-weight:normal;color:white;background-color:#003;font-size:90%}

.cdate { font-size:85%;color:#999;font-family:Courier,monospace; }
.campaign { font-size:90%;color:#665;font-family:Courier,monospace; }
.stats { font-weight:bold;color:#990; }

#campaigns { float:left; height:600px; overflow:auto }
#campaigns .campaignname { overflow:hidden;width:170px; }

#taborders td { padding:3px; }

#taborders .f1 { color:#000;text-align:center;font-family:Courier,monospace; }
#taborders .f2 { color:#633;text-align:left; }
#taborders .f3 { text-align:left;font-size:90%; }
#taborders .f4 { text-align:right; font-family:Courier,monospace;}
#taborders .f5 { text-align:right; font-family:Courier,monospace;}
#taborders .f6 { text-align:left;color:#000 }
#taborders .f7 { color:#363; text-align:center;font-size:90%;font-family:Courier,monospace; }
#taborders .f8 { color:#663; text-align:right; }
#taborders .f9 { color:#663; text-align:left; }

#orders-list td, .orders-list {
  font-size:80%;
  color:#866;
}


#mgtdata { text-align:left; }
#mgtdata table { margin:0;font-size:10pt; }
#mgtdata th { background-color:#777;color:white; }
#mgtdata td { color:black; }
#mgtdata th,#mgtdata td { padding:1px 5px; }
#mgtdata .type-n { color:#441; }
#mgtdata table.petit { font-size:9pt; }
#mgtdata .promatch { cursor:default; }
#mgtdata .total td { border-top:1px solid #aaa;font-weight:bold; }
#mgtdata table.topmenu td { font-size:9pt;border:2px solid #aac;cursor:pointer;color:#22d;
  background-color:#e8e8e8; }

#mgtdata td.red { color:#f33; }

#mpcexplain table { margin:0; }
#mpcexplain td,#mpcexplain th { font-size:9pt;padding:1px 5px; }

#prodcostslist { border:1px solid #888; }
#prodcostslist td { padding:2px 8px; }

#detail table.invoicetb { table-layout:fixed; width:650px; border-spacing:0;border-collapse:collapse; }
#detail .invoicetb td { height:40px; vertical-align:middle; border:1px solid #f0f0f0;font-size:90% }
#detail .invoicetb th { background-color:#f0f0f0;font-size:90% }

#detail table.invoicemo { table-layout:fixed ; width:650px; }
#detail table.invoicemo td,#detail table.invoicemo th { font-size:90%; }

.type-t { text-align:left; }
.type-n { text-align:right;font-family:Courier,monospace; }
.type-f { text-align:right;font-family:Courier,monospace; }
.type-d { text-align:center;font-family:Courier,monospace; }



.igrayed { color:#655 ; font-style:italic }
.topbutton { cursor:pointer;color:#33f;  }
.iranai { color:#999;background-color:#ddd; }
.iru { color:#000; }
.kindselected { border:1px solid #aaa;background-color:white; }
.plus { color:#ff3f00 ; font-weight:bold; padding:0 3px; margin-left:5px;
   font-family:Courier,monospace; cursor:pointer; border-left:1px solid #fff; }
.pid { color:#888 ; font-family:Courier,monospace; }
.figure { color:#343; font-family:Courier,monospace; font-size:95%; }

.fix200 { width:200px;overflow:hidden }
.fix160 { width:160px;overflow:hidden }

.alink { color:#33f;cursor:pointer; }
.monosize { font-family:"Courier new",monospace ; font-size:90%; }
.filter { font-size:8pt;padding:0; }
.filter input { font-size:8pt; }
.title { padding:2px 3px;border:1px solid #ccc;width:560px;background-color:#f8f8f8}
.warnings { font-size:90%;border:1px solid red; }
.urlreport { color:#aaa;font-size:9pt;font-family:monospace }
#urlreports { cursor:pointer; }
.result { padding:5px ; background-color:#f4f4f4; }
.prorata { color:#877; font-size:90%; }
.deco { background-color:#f0f0e0;color:black }

#wrapper { background-color:#f2f2e8;width:1000px;margin:2px auto;border:3px solid #dde; padding:0 10px; }
#wrapper.Shipping { background-color:#eec; }
#wrapper.mgtdata { width:980px; }

#above { background-color:#88b;color:white;padding:3px;visibility:hidden;z-index:999;position:absolute;text-align:left;font-size:80%;vertical-align:middle;}
#atama { font-size:80%;text-align:left }
#toptitle { float:left;font-weight:bold; }
#toplogin { float:right;font-weight:bold; }
#whoami { font-weight:bold; }

#props ul { height:30px;list-style-image:none;list-style-type:none;margin:0;padding:0; }
#props li { background-color:#ddd;cursor:pointer;float:left;height:26px;margin-right:3px;
  padding:2px 8px; vertical-align:middle;line-height:26px;display:block}
#props li.double {line-height:13px}

#bottom { text-align:left; padding:3px; font-size:77%;background-color:#f8f8f8;color:#888; margin:10px; border:1px solid #ddd;}
#bottom ul { margin:0;padding:0 0 0 1.5em; }

#calenque { margin-left: 20px; }
#calenque #tabcal td,th { border-bottom:1px solid #aaa; border-right:1px solid #bbb; }
#calenque #tabcal table { border-collapse:collapse;border-spacing:0;width:100% }
#calenque #tabcal table td,th { border:none;vertical-align:middle;height:17px;font-size:11px; }

.caps { font-variant:small-caps; }
.cross { cursor:crosshair }
.sur  { border-top:1px solid #666; }
.gray { color:#665; }
.red { color:#f33; }
.brown { color:brown; }
.white { color:white; }
.sm { font-size:90%; }
.s  { font-size:80%; }
.xs { font-size:70%; }
.xxs { font-size:60%; }
.big { font-size:125%; }
.c { text-align:center; }
.r { text-align:right; }
.l { text-align:left; }
.i { font-style:italic }
.b { font-weight:bold; }
.p { cursor:pointer; }
.half { width:50%; }