@import url('attributes.css');

BODY
{
  background-color: #fff;
  font-family: 'Arial','Trebuchet MS','Tahoma',sans-serif;
  font-size: 11pt;
  margin:0;
  padding:0;
  border:0;
  outline:0;
}
BODY.low
{
  margin:75px;
  background-color: #99f;
}

/* ========================================================================== */

H1
{
  font-size:20pt;
  margin:10px 0px 0px 0px;
  color: #66d;
}
H2
{
  font-size:15pt;
  margin:8px 0px 0px 0px;
  color: #44d;
}
H3
{
  font-size:13pt;
  margin:6px 0px 0px 0px;
  color: #44d;
}

/* ========================================================================== */

/* small sprites */
DIV.del1,DIV.del2,DIV.edt1,DIV.edt2,DIV.blk1,DIV.blk2,
DIV.mem1,DIV.mem2,DIV.chk1,DIV.chk2,DIV.pic1,DIV.pic2,
DIV.cal1,DIV.cal2,DIV.inf1,DIV.inf2,DIV.rcp1,Div.rcp2{width:16px;height:16px;margin:auto;font-size:6pt;}
DIV.del1{background:transparent url('icons.png')   0px 0px no-repeat;}
DIV.del2{background:transparent url('icons.png') -16px 0px no-repeat;}
DIV.edt1{background:transparent url('icons.png') -32px 0px no-repeat;}
DIV.edt2{background:transparent url('icons.png') -48px 0px no-repeat;}
DIV.blk1{background:transparent url('icons.png') -64px 0px no-repeat;}
DIV.blk2{background:transparent url('icons.png') -80px 0px no-repeat;}

DIV.chk1{background:transparent url('icons.png')   0px -16px no-repeat;}
DIV.chk2{background:transparent url('icons.png') -16px -16px no-repeat;}
DIV.pic1{background:transparent url('icons.png') -32px -16px no-repeat;}
DIV.pic2{background:transparent url('icons.png') -48px -16px no-repeat;}
DIV.mem1{background:transparent url('icons.png') -64px -16px no-repeat;}
DIV.mem2{background:transparent url('icons.png') -80px -16px no-repeat;}

DIV.cal1{background:transparent url('icons.png')   0px -32px no-repeat;}
DIV.cal2{background:transparent url('icons.png') -16px -32px no-repeat;}
DIV.inf1{background:transparent url('icons.png') -32px -32px no-repeat;}
DIV.inf2{background:transparent url('icons.png') -48px -32px no-repeat;}
DIV.rcp1{background:transparent url('icons.png') -64px -32px no-repeat;}
DIV.rcp2{background:transparent url('icons.png') -80px -32px no-repeat;}

DIV.ok,DIV.plus,DIV.minus,DIV.arrow{width:16px;height:16px;margin:auto;}
DIV.ok{background:transparent url('icons.png') -0px -48px no-repeat;}
DIV.plus{background:transparent url('icons.png') -16px -48px no-repeat;}
DIV.minus{background:transparent url('icons.png') -32px -48px no-repeat;}
DIV.arrow{background:transparent url('icons.png') -48px -48px no-repeat;}

DIV.R-price,DIV.D-price,DIV.L-price,DIV.A-price{width:16px;height:16px;float:left;text-indent:11px;margin:0px 2px;}
DIV.R-price{background:transparent url('icons.png') -0px -64px no-repeat;}
DIV.D-price{background:transparent url('icons.png') -16px -64px no-repeat;}
DIV.L-price{background:transparent url('icons.png') -32px -64px no-repeat;}
DIV.A-price{background:transparent url('icons.png') -48px -64px no-repeat;}

/* big sprites - active ones*/
DIV.e,DIV.d,DIV.p,DIV.t,DIV.w,DIV.z,
DIV.m,DIV.b,DIV.h,DIV.r,DIV.c,DIV.z1{width:32px;height:32px;margin:0px auto;padding:0px 0px;}
DIV.e{background:transparent url('sprites.png') 0px 0px no-repeat;}
DIV.d{background:transparent url('sprites.png') -32px 0px no-repeat;}
DIV.p{background:transparent url('sprites.png') -64px 0px no-repeat;}
DIV.t{background:transparent url('sprites.png') -96px 0px no-repeat;}
DIV.w{background:transparent url('sprites.png') -128px 0px no-repeat;}
DIV.z{background:transparent url('sprites.png') -160px 0px no-repeat;}
DIV.m{background:transparent url('sprites.png') 0px -32px no-repeat;}
DIV.b{background:transparent url('sprites.png') -32px -32px no-repeat;}
DIV.h{background:transparent url('sprites.png') -64px -32px no-repeat;}
DIV.r{background:transparent url('sprites.png') -96px -32px no-repeat;}
DIV.c{background:transparent url('sprites.png') -128px -32px no-repeat;}
DIV.z1{background:transparent url('sprites.png') -160px -32px no-repeat;}

/* big sprites - inactive ones*/
DIV.e2,DIV.d2,DIV.p2,DIV.t2,DIV.w2,DIV.z2,
DIV.m2,DIV.b2,DIV.h2,DIV.r2,DIV.c2{width:32px;height:32px;margin:0px auto;}
DIV.e2{background:transparent url('sprites.png') 0px -64px no-repeat;}
DIV.d2{background:transparent url('sprites.png') -32px -64px no-repeat;}
DIV.p2{background:transparent url('sprites.png') -64px -64px no-repeat;}
DIV.t2{background:transparent url('sprites.png') -96px -64px no-repeat;}
DIV.w2{background:transparent url('sprites.png') -128px -64px no-repeat;}
DIV.z2{background:transparent url('sprites.png') -160px -64px no-repeat;}
DIV.m2{background:transparent url('sprites.png') 0px -96px no-repeat;}
DIV.b2{background:transparent url('sprites.png') -32px -96px no-repeat;}
DIV.h2{background:transparent url('sprites.png') -64px -96px no-repeat;}
DIV.r2{background:transparent url('sprites.png') -96px -96px no-repeat;}
DIV.c2{background:transparent url('sprites.png') -128px -96px no-repeat;}

/* ========================================================================== */

/* index.php */
DIV.toggle
{
  border:1px dotted #999;
  background-color: #f4f4f4;
  padding:8px;
  display:none;
}
/* inquiry note */
DIV.note
{
  border:1px solid #bbb;
  background-color: #f4f4f4;
  padding:8px;
}

IMG.toggle
{
  cursor:pointer;
}
IMG.block
{
  display:block;
  margin: auto;
}

/* ========================================================================== */

/* input elements widths */
INPUT[type='text'],
INPUT[type='password'],
INPUT[type='checkbox'],
TEXTAREA,
SELECT
{
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  font-size: 10pt;
  padding: 2px;
  margin: 1px;
}
INPUT[type='button'],
INPUT[type='submit'],
INPUT[type='reset']
{
  font-size: 10pt;
  height: 24px;
}
INPUT.req,SELECT.req
{
  background-image: url('req.png');
  background-repeat: no-repeat;
  background-position: center right;
}
INPUT.rep,SELECT.rep
{
  background-image: url('rep.png');
  background-repeat: no-repeat;
  background-position: center right;
}
INPUT.date
{
  background-color:#eee;
  border: 1px solid #99d;
  border-radius: 3px;
  background-color: #eef;
  font-family: Tahoma,sans-serif;
  text-align:center;
  font-size:10pt;
  width:80px;
  cursor:pointer;
  color:#00f;
}
SELECT.page,INPUT.page
{
  width: 110px;
  font-size: 9pt;
}
TEXTAREA
{
  font-size: 9pt;
}
.long
{
  width: 480px;
}
.middle
{
  width: 240px;
}
.short
{
  text-align: center;
  width:120px;
}
.mini
{
  text-align: center;
  width:70px;
}
.micro
{
  text-align: center;
  width:35px;
}
.coordinates
{
  text-align: center;
  width:180px;
}

/* ========================================================================== */

/* table */
TABLE.table,IFRAME TABLE.table
{
  background-color:#eee;
  border: 1px solid #888;
  border-spacing: 1px;
  border-radius: 4px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
  font-size: 9pt;
  margin-left: auto;
  margin-right: auto;
}

/* receipt */
TABLE.receipt
{
  background-color:#eee;
  border: 1px solid #333;
  border-spacing: 1px;
  border-radius: 3px;
  font-size: 9pt;
  margin-left: auto;
  margin-right: auto;
  width:800px;
}

/* ========================================================================== */

DIV.rcform
{
  background-color: #ccd;
  border: 1px solid #888;
  border-radius: 2px;
  margin: auto;
}

DIV.rcframe
{
  padding:4px;
  background-color: #e6e6f0;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 20px auto;
  width: 800px;
}

/* ========================================================================== */

TR.r0
{
  background-color:#e0e0e0;
}
TR.r1
{
  background-color:#e8e8e8;
}
TR.r0:hover,TR.r1:hover
{
  background-color:#ccf;
}

/* ========================================================================== */

TR.parent
{
  color:#fff;
  background-color: #999;
  font-weight: bold;
}

/* table headers */
TABLE.table TH,
TABLE.receipt TH,
DIV.menu
{
  color: #fff;
  background-color: #99f;
  /*
  background-image: url('menu.gif');
  font-size: 9pt;
  */
  padding: 2px 1px;
  border-bottom: 2px solid #77c;
  border-radius: 2px;
  padding: 8px 4px;
}
TH.menu
{
  font-size: 8pt;
  font-weight: normal;
}
TH.filter
{
  border-bottom: 2px solid #f33;
}

/* table cells */
TD.tool
{
  background-color: #d8d8ff;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  margin: 0px 0px;
  padding: 0px 0px;
  font-size: 8pt;
  width:32px;
}
TH.money,TD.money
{
  text-align: right;
  font-weight: normal;
  font-size: 10pt;
  padding: 1px 4px;
}
TH.total
{
  text-align: right;
  padding-right: 20px;
}

/* ========================================================================== */

TD.i
{
  background-color: #c8c8c8;
  border-radius: 2px;
  width:100px;
  padding:2px;
}

TD.p
{
  background-color: #bbb;
  border-radius: 2px;
  padding: 2px 3px;
  font-size: 10pt;
}

/* ========================================================================== */

TD.menu
{
  color: #222;
  border-radius: 2px;
  text-align: center;
  background-color: #ccc;
  border-bottom: 6px solid #999;
  width: 72px;
}
TD.menu:hover
{
  color: #fff;
  cursor: pointer;
  background-color: #bbf;
  border-bottom: 6px solid #66f;
}

/* ========================================================================== */

TD.subtotal
{
  border-top: 2px solid #888;
}

TD.separator
{
  background-color: #aaf;
  border-top: 2px solid #5e5c4b;
  border-bottom: 2px solid #5e5c4b;
  height: 10px;
}

/* ========================================================================== */

A.button,A.popup,A.close
{
  text-align: center;
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
  color: white;
  background-color: #aaa;
  text-wrap: none;
  border-radius: 3px;
  padding: 5px 20px;
}
A.button:hover,A.popup:hover,A.close:hover
{
  cursor: pointer;
  background-color: #66f;
}

/* ========================================================================== */

B.red
{
  color:#d33;
}
B.payedon
{
  color: #fff;
  background-color: #3b3;
  border-radius: 5px;
  padding: 2px 60px;
  margin: 2px;
}
B.notpayedon
{
  color: #fff;
  background-color: #f33;
  border-radius: 5px;
  padding: 2px 50px;
  margin: 2px;
}
B.deleted
{
  color: #fff;
  background-color: #fc0;
  border-radius: 5px;
  padding: 2px 45px;
  margin: 2px;
}
B.booking
{
  color: #fff;
  background-color: #888;
  border-radius: 5px;
  padding: 8px 45px;
  margin: 8px 0px;
}


/* ========================================================================== */

P.alert,P.info
{
  color: #444;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #888;
  border-spacing: 3px;
  border-style: double;
  width:500px;
  padding:24px 4px 4px 4px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}
P.alert
{
  background-color: #fcc;
  background-image: url('alert.png');
}
P.info
{
  background-color: #ccf;
  background-image: url('info.png');
}

/* ========================================================================== */

span.P,span.R
{
	width: 16px;
	height: 16px;
  display: inline-block;
  vertical-align: bottom;
}
span.P
{
	background-image: url('data:image/gif;base64,R0lGODlhEAAQAMIGADQ0NFVVVXR0dJubm8PDw9zc3P///////yH5BAEKAAcALAAAAAAQABAAAAM7eLrc/vCMEVkAIFSF8SEDARGYeAViUwiYQGIUs3aAMGTOS59Fw9LAlOIH7AglxExHoJo4QZPjZkrdJAAAOw==');
}
span.R
{
	background-image: url('data:image/gif;base64,R0lGODlhEAAQAMIEADQ0NFVVVZubm8PDw////////////////yH5BAEKAAQALAAAAAAQABAAAAMuSLrc/nAJEVkAIFRycY6d9zmhOErYMKQrQDFsDDiyitGmiOd3M0xA4GBDLBoJCQA7');
}


/* ========================================================================== */

SMALL
{
  font-size: 8pt;
  font-weight: normal;
  text-wrap: none;
}

BUTTON
{
  width:160px;
  margin:2px;
  height:72px;
  padding:1px;
}

/* ========================================================================== */

HR.dots
{
  background: url('../images/dots.png') repeat-x;
  height: 4px;
  border: 0px;
}
HR.lines
{
  background: url('../images/lines.png') repeat-x;
  height: 4px;
  border: 0px;
}


#accordion
{
  margin:auto;
  width:90%;
}

#accordion .ui-accordion-content
{
  font-size:8pt;
}