body { 
  font-family: "Trebuchet MS", Tahoma, sans-serif; 
  font-size:1em; 
  background-color:#ffffff;
  color:#222222; 
  margin:0;
  padding:0;
}

a { background-color:inherit; color:#222; text-decoration:none }
a:hover { background-color:inherit; color:red; border-bottom:1px dotted red }
a:visited { background-color:inherit; color:#448 }
h1 { margin:0px; padding-top:0px; font-size:1.5em }
h1 a:hover { background-color:inherit; color:#222; border:0px }
h2 { margin:0 0 30px 0; font-size:1.1em }
h3 { margin:0 0 30px 0; font-size:0.9em }

td { vertical-align:top }

.warn  { border:3px solid red }

/* buttons */

.bxx  { font-size:18px; font-family: "Lucida Console", Tahoma, sans-serif; font-weight:bold }
.b0   { background-color:#efe; color:inherit; border:1px solid green; box-shadow:5px 5px 3px #8c8 }
.bred { background-color:#fee; color:inherit; border:1px solid red; box-shadow:5px 5px 3px #c88 }
.byel { background-color:#ffa; color:inherit; border: 1px solid orange; box-shadow:5px 5px 3px orange }

.b0:hover   { color:green; background-color:inherit }
.bred:hover { color:red; background-color:inherit }
.byel:hover { color:orange; background-color:inherit }


.gorefill { padding:5px 0 5px 0 }
.gorefill a { color:green; background-color:inherit; font-weight:bold; border:1px dotted green; padding:3px; border-radius:3px }
.gorefill a:hover { background-color:#90ff90; color:inherit }

.header {
  text-align:left; 
  padding-top:20px; 
  font-size:16pt; 
  font-weight:bold; 
  color:#000;
  background-color:inherit; 
}

  
.header_op {
  padding:0 0 0 3px;    
  margin:2px 0 5px 0;
  background-color:#eee;
  border-top:1px solid #000;
  color:inherit;
}

.header_op h1 {
  text-transform:uppercase;
  font-size:1.1em;
  padding:0px
}

.header_op h2 {
  font-size:1.1em;
  margin:0;
  padding:0;
  border-bottom:1px solid #000;
}

.tprice td { border:1px solid #20B2AA; padding:2px }
.tdprice { text-align:right; font-weight:bold }
.tprice td.pleft { padding-left:20px }


.contacts { margin-top:30px; border-top:1px solid gray }
.contacts ul { list-style-type:none; padding-left:20px }
.contacts img { width:18px }


.lang:hover { color:red; background-color:inherit }

/* NOT FOUND IN CODE */
/* .linksplank { width:66%; text-align:right; padding:5px 0 5px 0; align:center } */
/* .linksplank span {  padding:1px 10px 1px 10px;  background-color:#ccc;  color:#000;  border-radius:3px; } */
/* .linksplank .flag {  text-align:right;   float:right; padding-left:5px } */
/* .linksplank img { border:1px solid #f0f0f0 } */
/* .linksplank img:hover { border:1px solid blue } */
/* .linksplank span:hover { background-color:#888 } */
/* .linksplank span a:hover { color:#fff } */
/* .linksplank .flag:hover { background-color:#f0f0f0 } */

					/* comments */
.gb_wrap { }
.gb_wrap .nav { }
.gb_wrap .nav .nav_hi { }
.gb_wrap .items_wrap { font-size:15px; margin-bottom:20px }
.gb_wrap .items_wrap .author { }
.gb_wrap .items_wrap .date { font-family:Consolas, sans-serif; font-size:14px; color:#888; background-color:inherit }
.gb_wrap .items_wrap .text { border-bottom:1px solid #ccc; margin-bottom:20px; margin-top:5px }

.gb_wrap .form { }
.gb_wrap .form th { }
.gb_wrap .form td { color:#888; background-color:inherit }
.gb_wrap .form .fdesq { padding-right:10px; background-color:inherit }
.gb_wrap .form .sponge { height:5px }
.gb_wrap .form .btnpost { }
.gb_wrap .form input { border:1px solid #888; color:#000; font-weight:bold }
.gb_wrap .form textarea { border:1px solid #888; color:#000; font-weight:bold; font-size:16px }



.linksplank .menu_hi { background-color:#404040; color:inherit }
.linksplank .menu_hi a { color:#fff; background-color:inherit }


.sms_list th { background-color:#f0f0f0; vertical-align:top; color:inherit}
.lt { text-align: left; padding-left:20px }
.ct { text-align: center }
.sms_list td { vertical-align:top; padding:3px }
.sms_list .from { padding:3px 5px 3px 20px; text-align:right }
.sms_list .msgtext { padding-left:20px }

.smsfreeno { color:green; font-weight:bold; font-size:1.5em; background-color:inherit }

#timer_res { font-weight:bold; padding-left:20px }
#timer_res2 { font-weight:bold; padding-left:5px }
#timer_res3 { font-weight:bold; padding-left:5px }
#timer_res4 { font-weight:bold; padding-left:5px }

.dottedlink { border-bottom:1px dotted gray }

.smssrv_status_ok   { color:green; font-style:italic; font-weight:bold; background-color:inherit }
.smssrv_status_err  { color:red; font-style:italic; font-weight:bold; background-color:inherit }
.smssrv_status_warn { color:orange; font-style:italic; font-weight:bold; background-color:inherit }
.smssrv_status_prewarn { color:blue; font-style:italic; font-weight:bold; background-color:inherit }

.service_th { padding:0 10px 0 10px }
.service_td { padding:0 10px 0 10px; font-style:italic }

.status_msg { width:100%; font-size:1.04em; margin:5px 0 10px 0 }

.leave_ticket { 
    width:100%; font-size:1.05em; font-weight:bold;
    margin:5px 0 10px 0
}

.leave_ticket2 {
    width:66%;
    text-align:left;
    padding-left:5px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#ccffcc;
    color:inherit
}
.leave_ticket2 a { color:#000080; border-bottom:1px dotted #000080; background-color:inherit }
.leave_ticket2 a:hover { color:#c00000; background-color:inherit }


.smslist_container { margin-top:10px; border-top:1px solid #888 }
.smslist_container .smsitem { border:1px solid #ccc; border-radius:3px; background-color:#e0FcF8; margin:5px 5px 10px 5px; padding:5px; box-shadow: 5px 5px 3px rgba(0,0,0,0.5); color:inherit }
.smslist_container .smswhen { font-size:14px; font-family:Tahoma, sans-serif }
.smslist_container .smsfrom { font-size:14px; font-family:"Lucida Console", sans-serif; font-weight:bold; margin-left:20px; letter-spacing:-1px}
.smslist_container .smstext { margin:10px 0 0 105px; font-size:18px  }
.smslist_container .smsceiling { text-align:right }
.smslist_container .smsupperright { text-align:right; vertical-align:top; float:right }
.smslist_container .smsto { background-color:#888; color:#fff; border-radius:3px; padding:2px 5px 2px 5px; font-size:15px; font-weight:bold }
.smslist_container .srvtag { border:1px solid blue; padding:2px 5px 2px 5px; color:blue; border-radius:3px; background-color:inherit }

.cabinet_link { border:2px solid green }

/*-----------*/

.topmenu  { width:100%; background-color:#f0f0f0; color:inherit }

/* NOT FOUND IN CODE
.topmenu2 { width:66%; text-align:right; padding:5px 0 5px 0; align:center; background-color:green }
.topmenu2 a { text-decoration:none }
.topmenu2 font { padding:0px 5px 0px 5px; margin:2px; border:1px solid #aaa; border-radius:3px }
.topmenu2 .hi  { background-color:#000 }
.topmenu2 .ord { background-color:#eee }
.topmenu2 .ord:hover { background-color:#888}
.topmenu2 .ord:hover a { color:#fff }
.topmenu2 .hi a { color:#fff }
.topmenu2 .ord a { color:#000 }
*/

.toppvt  { width:100%; background-color:#e0e0e0; overflow:hidden; color:inherit }
.toppvt2 { width:66%; text-align:right; padding:1px 0 0 0; margin:0; }

.toppvt2 input { width:80px; border:1px solid #ccc; border-radius:3px; margin:0 1px 0 1px }
.toppvt2 .btn  { width:50px; background-color:#aaa; color:#fff; border:1px solid #888 }
.toppvt2 .btnexit { padding:3px }

.toppvt2 a { text-decoration:none }
.toppvt2 font { padding:0px 5px 0px 5px; margin:2px; border:1px solid #aaa; border-radius:3px }
.toppvt2 .ord { background-color:#eee; color:inherit }
.toppvt2 .ord:hover { background-color:#888; color:inherit}
.toppvt2 .ord:hover a { color:#fff; background-color:inherit }
.toppvt2 .hi { background-color:#000; color:inherit }
.toppvt2 .hi a { color:#fff; background-color:inherit }

.toppvt2 .ord_n { background-color:#4e4; font-weight:bold; color:inherit }
.toppvt2 .ord_n:hover { background-color:#e44; color:#fff }
.toppvt2 .ord_n:hover a { background-color:#e44; color:#fff }
.toppvt2 .hi_n { background-color:#000; color:inherit }
.toppvt2 .hi_n a { color:#fff; background-color:inherit }

.toppvt2 div { text-align:right; float:left; border:1px solid grey; border-radius:5px; margin:2px; padding-left:5px; padding-right:5px; font-family:"Lucida Console", sans-serif }
.toppvt2 .btnr { float:right; border:none }
.toppvt2 .btnr div { border:none; margin:0; padding:2px }



/*.topdiv .hi  { background-color:#888 } */
/*  .topdiv .ord { background-color:#eee } */
/*  .topdiv .ordg { background-color:#afa } */
/*  .topdiv .ordl { float:right } */
/*  .topdiv .ord:hover { background-color:#888} */
/*  .topdiv .ord:hover a { color:#fff } */
/*  .topdiv .hi a { color:#fff } */
/*  .topdiv .ord a { color:#000 } */


.topspecial  { width:100%; background-color:#f8f8f8; font-size:0.8em; margin-top:2px; color:inherit }
.topspecial2 { width:66%; text-align:right; padding:5px 0 5px 0 }
.topspecial2 a { border-bottom:2px dotted green; border-top:2px dotted green; font-weight:bold; color:#0000c0; font-size:1.1em; background-color:#e0e0e0; padding:3px }

.maindiv { width:100% }
.maindiv2 { width:66%; text-align:left }

.result_del { margin:20px 0 20px 0 }
.result_del .head_del { font-weight:bold; color:#000080; margin-bottom:5px; background-color:inherit }
.result_del .err_del { color:red; background-color:inherit }
.result_del .ok_del { color:#008000; background-color:inherit }

.phlist_container { padding:10px 0 3px 0 }
.phlist_container_new { padding:3px }
.phlist_container .phlist_number { font-weight:bold }
/*.phlist_container .phlist_seen { padding-left: 20px }*/
/*.phlist_container .phlist_status { padding-left: 20px }*/
.phlist_container .phlist_expire { padding-left: 20px; font-style:italic; font-weight:bold; color:#666; background-color:inherit }
.phlist_container .phlist_services { padding:5px 0 10px 20px }
.phlist_container .b130 { font-weight:bold; width:130px }
.phlist_container .left100 { width:100px; padding-left:10px }

/* remove below line */
.ph_expiry_date { font-style:italic; font-weight:bold; color:#888; background-color:inherit }

.wakemeup { color:red; border-bottom:1px dotted red; background-color:inherit }
.wakemeup:hover { background-color:#ccc; color:inherit }

.msg    { padding:2px 0 2px 0; font-family:Consolas, sans-serif; font-size:14px; font-style:Italic }
.msg a  { border-bottom:1px dotted blue }
.msgEr  { color:red; background-color:inherit }
.msgOk  { color:green; background-color:inherit }
.msgInf { color:blue; background-color:inherit }

.linkredir a { font-weight:bold; color:green; border-bottom:2px dotted green; background-color:inherit }

.regform {}
.regform input { border:1px solid #888; width:250px; font-size:1em; font-weight:bold }
.regform textarea { border:1px solid #888; width:250px; height:50px }
.regform table td { padding:3px }
.regform table td .asterix { font-size: 75%; line-height: 0; position: relative; top: -0.5em; color:red; background-color:inherit }
.regform .mfield input { border:2px dotted #f88; box-shadow:5px 5px 3px #fcc }
.regform .w150 { width:150px }


.servsel { padding-top:20px; padding-bottom:50px; font-size:0.9em }

.accessinfo { background-color:#cfc; border:1px solid #0c0; border-radius:3px; padding:5px; margin-bottom:20px; color:inherit }

/*.slist_allowed { padding:1px 2px 1px 2px; color:green; font-size:0.75em; font-weight:bold; text-transform:uppercase; background-color:#eeffee; border:1px dotted #80cc80; border-radius:5px } */
/*.slist_disallowed { padding:1px 2px 1px 2px; color:red; font-size:0.75em; font-weight:bold; text-decoration:line-through; text-transform:uppercase;  background-color:#ffeeee; border:1px dotted #cc8080; border-radius:5px  } */

.slist_allowed { color:green; font-weight:bold; text-transform:uppercase; font-size:0.8em; background-color:inherit }
.slist_disallowed { color:red; font-weight:bold; text-decoration:line-through; text-transform:uppercase; font-size:0.8em; background-color:inherit }

.pst_yellow { border:1px dotted green; border-radius:3px; background-color:#ffff80; padding:1px 3px 1px 3px; color:#000; font-weight:normal; font-size:0.9em }

/*.pst_blue { border:1px dotted #000080; border-radius:3px; background-color:#8080ff; padding:1px 3px 1px 3px; color:#fff; font-weight:normal; font-size:0.9em } */
/*.pst_litegreen { border:1px dotted green; border-radius:3px; background-color:#80ff80; padding:1px 3px 1px 3px; color:#000; font-weight:normal; font-size:0.9em }*/
.pst_litegreen { font-weight:bold; color:blue; background-color:inherit }
.pst_blue { font-weight:bold; color:blue; background-color:inherit }
/*.pst_red { border:1px dotted black; border-radius:3px; background-color:red; padding:1px 3px 1px 3px; color:#fff; font-weight:normal; font-size:0.9em } */
.pst_orange { border:1px dotted green; border-radius:3px; background-color:orange; padding:1px 3px 1px 3px; color:#000; font-weight:normal; font-size:0.9em }
.pst_gray { border:1px dotted #666; border-radius:3px; background-color:#888; padding:1px 3px 1px 3px; color:#fff; font-weight:normal; font-size:0.9em }
.paction_wakeup { font-weight:bold; color:red; background-color:inherit }
.paction_wakeup:hover { font-weight:bold; color:#fff; background-color:orange }

.services_list { padding:1px; margin:0 }
.timer { font-family: "Lucida Sans", Arial, sans-serif; font-size:14px; font-weight:normal }
.awakeleft { color:green; font-weight:bold; padding-left:5px; background-color:inherit }
.queuetimer { color:#000; font-weight:normal; padding-left:5px; background-color:inherit }
.servtimer { color:#000; background-color:inherit }
.invoice_timer { font-family:"Lucida Console", Arial, sans-serif; font-size:18px; font-weight:bold; color:blue; background-color:inherit }
.rate_timer { font-family:"Lucida Console", Arial, sans-serif; font-size:15px; font-weight:bold; color:green; background-color:inherit }


.adm_select_user { margin:20px 0 20px 0; font-size:1.2em; font-weight:bold }
.adm_select_user select { border:2px solid #888; font-size:1em; padding-left:5px }
.adm_select_user .btn { border:2px solid #888; font-size:1em; padding-left:5px }

.op_lastseen { font-weight:bold; font-style:italic }

.opstatus_set .inp { padding-left:5px }
.opstatus_set input { width:400px; border:1px solid #888 }
.opstatus_set .btn { width:100px }

.btn_smspvt { border:2px dotted; border-radius:3px; font-weight:bold; background-color:#eee; color:inherit }
/* .btn_wakeup { color:#080; border-color:#080; background-color:inherit } */
.btn_prolongate { color:#080; background-color:inherit }
.btn_shutdown { color:#800; background-color:inherit }
.btn_ping { color:#008; background-color:inherit }
.btn_cancel { color:#800; background-color:inherit }
.btn_small { font-size:12px; font-weight:normal; box-shadow:5px 5px 3px #8c8 }
.btn_small:hover { box-shadow:2px 2px 1px #8c8 }

.inp_wakeup { width:30px; text-align:right; border:1px solid #aaa; border-radius:2px; font-size:0.7em }

.w200 { width:200px }
.w410 { width:410px }


/* replaced with .opblock 
.manual_rq_div, .manual_awake_div, .manual_opres_div { margin-top:10px }
.manual_rq_div h4, .manual_awake_div h4, .manual_opres_div h4 { 
  background-color:#eee;   
  margin-bottom:5px; padding:0 0 0 5px; border-radius:5px; border:1px solid #888;
  box-shadow:5px 5px 3px #888;
  width:200px
}

.manual_rq, .manual_awake { margin-top:10px }
.manual_rq td, .manual_awake td { padding:5px }
.manual_rq input, .manual_awake input { border:1px solid gray; margin:3px }
.manual_rq th, .manual_awake th { 
  background-color:#eee; 
  border:1px solid #999; 
  padding-left:3px; 
  font-size:0.8em; 
  text-transform:uppercase; 
  font-weight:bold;
  border-radius:3px;
  color:#666 
}
*/


.opblock { margin-top:10px }
.opblock h4 { background-color:#eee; margin-bottom:5px; padding:0 0 0 5px; color:inherit;
              border-radius:5px; border:1px solid #888; box-shadow:5px 5px 3px #888;
              width:200px }

.opblock .cgreen { background-color:#efe; box-shadow:5px 5px 3px #c8c; text-transform:uppercase; color:inherit }
.opblock .msgEr, .opblock .msgOk, .opblock .msgInf { padding-left:3px; margin-top:5px }
.opblock .msgEr .msgErHead { font-weight:bold; text-transform:uppercase; color:red; padding:3px; background-color:#ffcccc; border-radius:3px }
.opblock .msgOk .msgOkHead { font-weight:bold; text-transform:uppercase; color:green; padding:3px; background-color:#ccffcc; border-radius:3px }
.opblock .msgInf .msgInfHead { font-weight:bold; text-transform:uppercase; color:#000080; padding:3px; background-color:#ddddff; border-radius:3px }
.opblock table { margin-top:10px }
.opblock table th { background-color:#eee; border:1px solid #999; padding-left:3px; 
		    font-size:0.8em; text-transform:uppercase; font-weight:bold; border-radius:3px;
		    color:#666 }
.opblock table td { padding:5px }
.opblock input { border:1px solid gray; margin:3px }

.label_label { text-align:right; font-size:0.8em; color:#040; font-weight:bold; margin-top:5px; background-color:inherit }
.label_label font { border:1px solid green; border-radius:10px 0 0 0; background-color:#efe; padding:2px; color:inherit }

.label_label_b { text-align:right; font-size:17px; color:#040; font-weight:bold; background-color:inherit }
.label_label_b font { border:1px solid green; border-radius:10px 0 0 0; background-color:#efe; padding:3px; color:inherit }

.label_label_r { text-align:right; font-size:13px; color:#400; font-weight:bold; background-color:#ffe0e0 }
.label_label_r font { border:1px solid red; border-radius:10px 0 0 0; background-color:#fee; padding:3px; color:red }


.ophone { font-family: Consolas, sans-serif; font-weight:bold; font-size:21px; color:#448; padding-right:30px; background-color:inherit }
.otime { font-size:14px }
.iduser { font-size:14px; color:#000; border-radius:8px; padding:1px 3px 1px 3px; border:1px solid #888; background-color:inherit }

.ophone_plank { background-color:#ccc; border:1px solid #008; color:inherit}

.opsms { border:1px solid #888; margin-bottom:5px; border-radius:3px; box-shadow: 5px 5px 3px rgba(0,0,0,0.5) }
.opsms td { padding:0px; margin:0px }
.opsms input { margin:0; padding:0; font-weight:bold; font-size:16px; border:1px solid #444 }




.op_new { border:1px dashed #444; margin:5px 0 5px 0; }
.op_new td { padding:0px; margin:0px }

.t_opnew input, .t_opnew select { border:1px solid #888 }
.t_opnew select { font-size:0.85em; font-family:Tahoma, sans-serif }
.t_opnew td { font-size:0.8em; font-family:Tahoma, sans-serif }
.t_opnew .hdr { background-color:#ccc; padding:2px 2px 2px 5px; border-radius:2px; margin-bottom:2px; color:inherit }

.ostorage { font-style:italic; font-weight:bold; font-size:0.8em }

.newphlist td { padding:0; margin:0 }
.newphlist .stripe { background-color:#eee; color:inherit }
.newphlist th { font-size:0.85em; font-weight:bold; background-color:#888; color:#fff }
.newphlist .oplogin { font-weight:bold; font-style:italic; font-size:0.8em; color:blue; background-color:inherit }

.phhi { font-weight:bold }

.exptime { font-family: "Lucida Sans", Arial, sans-serif; font-size:0.8em; font-weight:bold }
.exp_red { color: red; background-color:inherit }
.exp_not { color: green; background-color:inherit }
.servtype { font-family: "Lucida Sans", Arial, sans-serif; font-size:0.8em; text-transform:uppercase }

.preset_details { font-size:0.75em }
.preset_th { background-color:#ccc; font-weight:bold; color:#444 }

.oplog { margin-bottom:10px; font-size:0.9em }
.oplog h2 { font-size:1.1em; margin-bottom:0 }
.oplog table { padding-left:10px }
.oplog td { padding-right:10px }
.oplog .showall { padding-left:10px; font-style:italic }
.oplog .showall a:hover { color:red; background-color:inherit }
/* .oplog .tdr { text-align:right } */
.oplog .pageplank { margin:10px 0 10px 0 }

.ticketslist { margin-top:10px }
.ticketslist th { background-color:#a0a0a0; color:#fff; font-weight:bold; text-align:left; padding: 2px 2px 2px 5px }
.ticketslist td { padding:3px 5px 3px 5px }
.ticketslist .seen { text-align:right; font-size:14px }
.ticketslist .dd { font-size:0.8em; padding-right:10px }
.ticketslist input { border:1px solid #888; background-color:#eee; border-radius:3px; color:inherit }
.ticketslist .hi { background-color:#eee; color:inherit }

.grp { background-color:#a8a8a8; color:#fff; font-weight:bold; padding:3px; border-radius:3px }
.ticketpost input, select, textarea { border:2px solid #bbb; background-color:#eee; color:inherit }
.ticketpost .fn { padding-right:10px }

.readticket { font-size:0.9em; border:1px solid #8c8; padding:3px; border-radius:3px; color:green; font-weight:bold; background-color:inherit }

.ticketcontent { margin-bottom:20px }
.ticketcontent td { vertical-align:top }
.ticketcontent .pl { padding-left:20px }
.ticketcontent .pl2 { padding-left:40px }
.ticketcontent .tsubj { font-weight:bold }
.ticketcontent .redate { font-size:0.75em; font-weight:bold }
.ticketcontent .cgr { color:green; background-color:inherit }
.ticketcontent .btnclose { background-color:#cfc; color:green; border:1px solid green; border-radius:3px; font-size:0.9em; padding:5px }
.ticketcontent .btnclose:hover { background-color:green; color:#fff }
.ticketcontent .btncont { background-color:#fee; color:red; border:1px solid red; border-radius:3px }
.ticketcontent .admre { background-color:#f0f0f0; padding-top:5px; padding-bottom:5px; color:inherit }
.ticketcontent .admprere { background-color:#ffffe0; padding-top:5px; padding-bottom:5px; color:#800000 }
.ticketcontent .btncancel { background-color:#fee; color:red; border:1px solid red; border-radius:3px; font-size:0.9em; padding:5px }
.ticketcontent .btncancel:hover { background-color:red; color:#fff }

.redate { font-size:0.75em; font-weight:bold }

.hiticketstatus  { font-weight:bold; text-transform:uppercase; border-top:2px dotted gray; border-bottom:2px dotted gray }
.hiticketstatusb { font-weight:bold; text-transform:uppercase; border-bottom:2px dotted gray }

.opticketslist .btnnotify { border:2px dotted black; padding:5px; border-radius:3px; background-color:#cfc; font-weight:bold; color:inherit } 
.opticketslist .btn_tck_yellow { border:1px solid #888; padding:5px; border-radius:3px; background-color:#ffa; font-weight:bold; box-shadow:3px 3px 2px #ccc; color:inherit  }
.opticketslist .btn_tck_green { border:1px solid #888; padding:5px; border-radius:3px; background-color:#cfc; font-weight:bold; box-shadow:3px 3px 2px #ccc; color:inherit }

.opticketslist .opticketdummy { border-bottom:2px dotted gray }
.opticketslist td { vertical-align:top }
.opticketslist .pl { padding-left:20px }
.opticketslist .btnreply { border:2px solid gray; border-radius:3px; background-color:#eee; padding:5px; color:inherit }




.click2re { border:2px dotted green; border-radius:3px; background-color:#cfc; font-weight:bold; padding:2px 5px 5px 5px; color:inherit }
.a_tck_re { color:green; background-color:#cfc; padding:3px }

.opchatrooms { margin-top:20px; margin-bottom:20px }
.opchatrooms td { padding:5px; border:1px solid #ccc }

.ph_hi   { color:#0000c0; padding-left:5px; padding-right:5px; background-color:inherit }
.ph_hi_c { color:#00c000; background-color:inherit }

.chatlog td { padding-right:5px }
.chatlog .time { font-style:italic; color:brown; font-size:0.8em; background-color:inherit }
.chatlog .who  { padding-right:10px }
.chatlog .user { font-size:0.9em; color:green; font-weight:bold; background-color:inherit }
.chatlog .op   { font-size:0.9em; color:#000; font-weight:bold; background-color:inherit }
.chatlog .txtop { color:#000; font-style:italic; background-color:inherit }
.chatlog .txtuser { color:green; background-color:inherit }

.chatlog_sum { margin-bottom:20px }
.chatlog_sum td { padding-left:2px }
.chatlog_sum .cap { padding-right:20px; background-color:#eee; color:inherit }
.chatlog_sum .info { font-weight:bold }

.chatlog_links { margin-top:10px; margin-bottom:10px }
.chatlog_links a { border-bottom: 1px dotted blue }
.chatlog_links a:hover { color:red; background-color:inherit }

.chlist td, .chlist th { padding:3px 15px 1px 1px; font-size:0.9em }
.chlist .r { text-align:right }
.chlist .norm { background-color:#fff; color:inherit }
.chlist .cstr { background-color:#eee; color:inherit }
.chlist a { border-bottom:1px dotted #000 }
.chlist a:hover { color:red; background-color:inherit }
.chlist .iduser { color:brown; font-size:0.7em; background-color:inherit }

.tickets_line a { border-bottom: 1px dotted blue }
.tickets_line a:hover { color:red; background-color:inherit }

.nonly { margin-top:10px; margin-bottom:10px }
.nonly input { border:1px solid gray; border-radius:1px; background-color:#ccc; color:inherit }

.h2small { font-size:0.7em }

dt { font-weight:bold; margin-bottom:5px; margin-top:10px }
dl a { font-weight:bold; border-bottom:1px dotted blue; padding:2px }

.of0 { }
.of0 td { padding-bottom:5px }
.of0 .col2 { padding-left:30px }
.of0 .omod { font-style:italic; font-size:0.85em; font-weight:bold; color:#404040; background-color:inherit }
.of0 input, select { border:1px solid gray; font-weight:bold; font-size:1em }
.of0 .w300 { width:300px }
.of0 .no { text-align:right; font-size:1.1em; font-weight:bold; width:50px }
.of0 textarea { width:300px; height:100px }
.of0 .sum { width:100px; text-align:right }
.of0 .hh { font-size:1.2em; font-weight:bold; padding-bottom:10px }
.of0 .hh2 { font-size:1em; font-weight:bold; padding:0px 0px 10px 0px }
.of0 .hh2 div { padding:0 5px 0 2px; border-bottom:2px solid #aaa; width:66% }
.of0 .bred { background-color:#fee; box-shadow:5px 5px 3px #c88; color:inherit }
.of0 .byellow { border: 1px solid orange; background-color:#ffa; box-shadow:5px 5px 3px orange; color:inherit }
.of0 .odesq { font-style:italic; padding-top:10px }
.of0 .pchk { font-weight:bold; font-size:1.1em; color:blue; background-color:inherit }
.of0 .payaddr { width:350px; font-family:"Lucida Console", sans-serif }
.of0 .r { text-align:right }
.of0 .hint { font-style:italic; font-size:13px; width:400px }
.of0 .js_srv_list { border:1px dotted #8f8; border-radius:3px; padding:3px 3px 3px 5px; width:200px }
.of0 .arrows { font-size:36px; color:green; background-color:#f4fff4; border-radius:5px; border:1px dotted #c0ffc0 }
.of0 .arrows:hover { background-color:#8f8; color:inherit }
.of0 .srvsel { padding:0px }
.of0 .srvsel td { padding:0px }
.of0 .warn { border:3px solid red }
.of0 .showprice { width:200px; text-align:right; margin-top:5px; font-weight:bold; font-size:13px; color:green; background-color:inherit }
.of0 .showprice span { border-bottom:1px dotted green; padding:2px }
.of0 .showprice span:hover { color:#fff; background-color:green; border-radius:3px }
.of0 .fail { border:2px solid red; background-color:#fcc; padding-left:4px; border-radius:3px; color:inherit }
.of0 .rejreason { font-weight:bold; font-size:17px; font-style:italic }
.of0 .ucomm { font-style:italic; padding:2px 0 2px 0; border-top:1px dotted #aaa; border-bottom:1px dotted #aaa }


.olist_pre { border: 1px solid gray; padding:3px; margin-top:20px; margin-bottom:30px }
.olist_pre td { text-align:left }
.olist_pre th { color:#ccc; font-weight:bold; font-size:16px; text-align:left; background-color:inherit  }
.olist_pre .err { color:red; background-color:inherit }
.olist_pre .img { width:30px }

.olist_pre div { font-family:Consolas }
.olist_pre .ohead { color:#000; font-weight:bold; font-size:21px; font-family:Consolas; text-transform:uppercase; display:inline }
.olist_pre .oheadhi { background-color:#eee }
.olist_pre .oheadnum { border:1px solid #000; padding:0px 5px 0px 5px }
.olist_pre .oheadlink a { color:#000; border:none }
.olist_pre .oheadlink a:hover { color:green }
.olist_pre .s { background-color:#e4e4e4; color:inherit }


.tolst { border:1px solid #777; border-radius:3px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1) }
.tolst th { padding:3px 5px 3px 3px; font-size:14px; background-color:#ddd; color:inherit }
.tolst td { padding:3px 5px 3px 3px; font-size:14px; border-right:1px dotted #777 }
.tolst .cellhover:hover { background-color:#afa; color:inherit }
.tolst a { border-bottom:1px dotted blue }
.tolst a:hover { color:red; background-color:inherit }
.tolst .lr5 { padding-left:5px; padding-right:5px }
.tolst .ns { background-color:#fff; color:inherit }
.tolst .r { text-align:right }
.tolst .s { background-color:#f4f4f4; color:inherit }
.tolst .c { text-align:center }
.tolst .i { border-top: 1px solid #444; border-bottom:1px solid #444; background-color:#8f8; font-size:16px; font-weight:bold; color:inherit }
.tolst .dt { font-family:Consolas, sans-serif; font-size:12px }
.tolst .hh2 { font-size:1em; font-weight:bold; padding:0 0 10px 0 }
.tolst .hh2 div { padding:0 5px 0 2px; border-bottom:2px solid #aaa }


.tord { border-spacing:0px }
.tord { border:1px solid #777; border-radius:3px }
.tord th { padding:5px; font-size:15px; text-transform:uppercase; 	
           background-color:#eee; color:#000;  border-right:1px dotted #444;  
           border-bottom:1px dotted #444 }				
.tord td { padding:5px; font-size:14px; color:#000; border-right:1px dotted #444; font-family:Consolas }
.tord .cellhover:hover { background-color:#484 }
.tord .r { text-align:right }
.tord a { border-bottom:1px dotted blue; font-size:16px; color:#404080 }
.tord a:hover { color:#009000 }
.tord .lr5 { padding-left:5px; padding-right:5px }
.tord .ns { background-color:#555 }
.tord .s { background-color:#f0f0f0 }
.tord .c { text-align:center }
.tord .i { border-top: 1px solid #444; border-bottom:1px solid #444; background-color:#8f8; font-size:16px; font-weight:bold }
.tord .dt { font-family:Consolas; font-size:12px }
.tord .tlogin { border-bottom:1px dotted blue; font-size:15px; color:#000080 }
.tord .op_nope { color:#000080 }
.tord .op_plus { color:green; font-weight:bold }
.tord .op_minus { color:red }



.tolst_bal { border:1px solid #777; border-radius:3px; box-shadow: 5px 5px 5px rgba(0,0,0,0.1) }
.tolst_bal th { padding:3px 5px 3px 3px; font-size:14px; background-color:#ddd; color:inherit }
.tolst_bal td { padding:3px 5px 3px 3px; font-size:14px; border-right:1px dotted #777; text-align:right }
.tolst_bal .cellhover:hover { background-color:#afa; color:inherit }
.tolst_bal a { border-bottom:1px dotted blue }
.tolst_bal a:hover { color:red; background-color:inherit }
.tolst_bal .lr5 { padding-left:5px; padding-right:5px }
.tolst_bal .ns { background-color:#fff; color:inherit }
.tolst_bal .s { background-color:#f4f4f4; color:inherit }
.tolst_bal .c { text-align:center }
.tolst_bal .i { border-top: 1px solid #444; border-bottom:1px solid #444; background-color:#8f8; font-size:16px; font-weight:bold; color:inherit }
.tolst_bal .dt { font-family:Consolas, sans-serif; font-size:12px }

.tolst_bal .comm { text-align:left }
.tolst_bal .op_nope { color:blue }
.tolst_bal .op_plus { color:green }
.tolst_bal .op_minus { color:red }
.tolst_bal .op_b_nope { }
.tolst_bal .op_b_plus { }
.tolst_bal .op_b_minus { }

.tolst_bal .show_op_td { text-align:center; vertical-align:top; font-size:18px; font-weight:bold; }


.tolst_bal .hh2 { font-size:1em; font-weight:bold; padding:0 0 10px 0 }
.tolst_bal .hh2 div { padding:0 5px 0 2px; border-bottom:2px solid #aaa }



.neworder { padding-left:2px; margin-bottom:20px }
.neworder a { border:none }
.neworder img { vertical-align:middle }
.neworder span { vertical-align:middle; 
		 border:2px dotted #888; 
		 font-size:18px; 
		 padding:3px 10px 3px 0px;
		 background-color:#eee }
.neworder a:hover { color:green }


.neworder3 { padding-left:2px }
.neworder3 a { border:none }
.neworder3 img { vertical-align:middle }
.neworder3 span { vertical-align:middle; border-bottom:2px dotted #888; font-weight:bold; font-style:italic; font-size:18px }
.neworder3 span a:hover { color:red; background-color:inherit }


.back2orders { padding-left:2px; margin-bottom:20px }
.back2orders a { border-bottom:1px dotted blue; font-weight:bold; font-style:italic; font-size:18px }
.back2orders a:hover { color:red; background-color:inherit }

.back2orders_s { padding-left:2px }
.back2orders_s a { border-bottom:1px dotted blue; font-weight:bold; font-style:italic; font-size:15px }
.back2orders_s a:hover { color:red; background-color:inherit }

.olist_container {}
.olist_container .head { background-color:#eee; font-weight:bold; font-size:0.9em; padding:5px; border-radius:3px; color:inherit }

.pp_container {}
.pp_container h4 { font-weight:bold; font-size:1.1em }
.pp_container .err { color:red; background-color:inherit }
.pp_container table { margin-bottom:20px }
.pp_container .r { text-align:right }
.pp_container .btn { background-color:#efe; box-shadow:5px 5px 3px #8c8; font-size:0.9em; font-weight:bold; color:inherit }

.newacc { margin-top:10px; margin-bottom:10px }
.newacc th { background-color:#8f8; border:2px solid #6f6; border-radius:3px; font-size:13px; font-weight:bold; color:inherit; padding:3px }
.newacc td { font-size:12px; padding:3px 10px 3px 3px }
.newacc td, .newacc th { vertical-align:middle; font-family:Verdana, sans-serif }

.newacc .b { font-weight:bold; color:#4c4; font-size:16px; font-family:Consolas,Verdana, sans-serif; background-color:inherit }

.payments { margin-bottom:10px }

.op_orders { }
.op_orders th { text-align:center }
.op_orders td { padding:2px 3px 2px 5px; border-right:1px solid #888 }
.op_orders .r { text-align:right }
.op_orders .h0 { background-color:#fff; color:inherit }
.op_orders .h1 { background-color:#eee; color:inherit }

.loginhi { font-style:italic; color:green; background-color:inherit }

.ordlist_act   { color:red; background-color:#ffeeee; padding:3px; border-radius:2px; border:1px solid #fff0f0 }
.ordlist_wait  { color:black; background-color:#f0f0f0; padding:3px; border-radius:2px; border:1px solid #f8f8f8 }
.ordlist_wait2 { color:#000080; background-color:#eeeeff; padding:3px; border-radius:2px; border:1px solid #f0f0ff }
.ordlist_done  { color:#008000; background-color:#eeffee; padding:3px; border-radius:2px; border:1px solid #f0ffff }

.topup { margin-top:20px }
.topup input { border:1px solid #888 }
.topup textarea { width:300px; height:100px }

.showprice td { padding:3px }
.showprice .total { border-top:2px dotted #000 }
.showprice .doll { font-weight:bold; color:#888; background-color:inherit }
.showprice .num  { font-weight:bold; color:#000; background-color:inherit }

.ph_missing { font-weight:bold; color:red; padding:3px; background-color:inherit }
.ph_contact { font-size:0.7em; color:black; background-color:inherit }

.tickets_all { padding-top:20px; padding-bottom:20px }
.tickets_all a { font-weight:bold; font-style:italic }

.lstbal { margin-top:20px; margin-bottom:20px }
.showallbal { margin-top:5px }
.showallbal a { font-size:0.8em; font-style:italic; border-top:2px dotted #88f }
.showallbal a:hover { color:red; background-color:inherit }


.r { text-align:right }

.p_filter { margin-top:10px; margin-bottom:10px }
.p_filter { font-size:1em; font-weight:bold }
.p_filter .ph { color:#000080; background-color:inherit }
.p_filter a { font-style:italic; border-bottom:1px dotted #000080 }
.p_filter a:hover { color:red; background-color:inherit }

.tz_change { font-size:16px; font-style:italic; border-bottom:2px dotted red; color:#000080; background-color:inherit }

.ordrest_cont { margin-bottom:20px }
.ordrest { padding-left:20px }
.ordrest a { border-bottom:2px dotted blue; font-style:italic; }

.selwkmn { font-size:0.8em; font-style:italic }
.phptr { padding-left:10px; color:#800; font-family: "Lucida Console", sans-serif; font-size:0.8em; vertical-align:bottom; background-color:inherit }


.srvbox { font-size:1.4em; font-weight:bold }
#ssel, #sselb { width:200px }

.refresh { padding-left:3px; font-size:1em; margin-bottom:20px }
.refresh i { color:green; font-weight:bold; font-size:1.1em; background-color:inherit }

.num_avail { margin-bottom:10px; margin-top:10px }
.num_avail th { background-color:#eee; font-weight:bold; padding-left:3px; border-radius:3px; font-family:Consolas, sans-serif; font-size:13px; color:inherit } 
.num_avail td { font-family:Consolas, sans-serif; font-size:13px; text-align:center }

.bal_info { margin-bottom:10px; margin-top:10px }
.bal_info th { background-color:#eee; font-weight:bold; padding-left:3px; border-radius:3px; font-family:Consolas, sans-serif; font-size:13px; color:inherit } 
.bal_info td { font-family:Consolas, sans-serif; font-size:13px }
.bal_info .total { background-color:#a0f0a0; font-weight:bold; font-size:14px; color:inherit }

.currency th { background-color:#eee; color:inherit }
.currency td { padding:3px 10px 3px 3px }
.currency th input { border:1px solid #aaa; font-size:0.8em; font-weight:bold; width:30px }
.currency th span { color:green; background-color:inherit }
.currency th span:hover { background-color:red; color:#fff }

.bg { background-color:#f0f8f8; color:inherit }

						/* index */
.main_intro div  { margin-top:10px }
.main_intro .mt0 { margin:0px }

.main_price h4 { margin-top:30px; margin-bottom:20px; font-size:1.1em; font-weight:bold }
.main_price .top { margin-top:20px; font-weight:bold }
.main_price .top30 { margin-top:30px; font-weight:bold }
.main_price .norm { font-weight:normal }
.main_price .nodot { list-style-type:none }
.main_price .small li { font-size:0.8em }

.main_price .ordernow { padding:5px; margin-top:10px }
.main_price .ordernow a { 
  font-weight:bold; color:#008000; font-size:1.2em; border:1px dotted #008000; background-color:inherit; 
  border-radius:2px; padding:2px }
.main_price .ordernow a:hover { background-color:#afa; color:inherit }

.imglogo { padding:10px 0 0 0 }

.shit-recaptcha { width:300px; font-size:0.9em; font-family:"Lucida Sans", Verdana, sans-serif; margin-bottom:5px }

.bbox { border:1px dotted #aaa; margin-top:10px }
.bbox .blabel { text-transform:uppercase; font-size:12px }
.bbox th { font-weight:normal; font-size:12px }
.bbox td { padding:3px }

.pr5 { padding-right:5px }
.pl5 { padding-left:5px }
.gr { color:grey; background-color:inherit }

.clist { text-transform:uppercase; font-family:"Lucida Console", Tahoma, sans-serif; font-size:14px }

.annpay_cont { margin-top:30px; border-top:1px solid gray }
.annpay_cont .mb10bold { margin-bottom:10px; font-weight:bold }
.annpay_cont .ml15 { margin-left:15px }

.fhint:hover { color:red; background-color:inherit }

.loginfo { margin-top:10px; margin-bottom:10px }
.loginfo .c2 { padding-left:10px; font-weight:bold; color:#88f; background-color:inherit }

.order_getinfo { margin-bottom:10px }
.order_getinfo td, th { font-family:Consolas, sans-serif; font-size:13px }
.order_getinfo th { background-color:#f0f0f0; text-align:left; color:inherit }
.order_getinfo td { padding-left:2px }
.order_getinfo .vat { vertical-align:top }
.order_getinfo .total { background-color:#a0f0a0; font-weight:bold; font-size:14px; color:inherit }
.order_getinfo .ts { padding-left:10px; padding-right:10px; text-align:center }


.mg10 { margin-top:10px; margin-bottom:10px }
.mt10 { margin-top:10px }
.mt5  { margin-top:5px }

.ohatcont { margin-bottom:20px }
.ohatcont h4 { font-size:20px; font-weight:bold; text-transform:uppercase; background-color:#f0f0f0; padding:3px 0 3px 2px; border-bottom:1px dotted #ccc; border-top:1px dotted #ccc; margin:0; color:inherit}
.ohatcont div { padding: 2px 0 2px 10px }
.ohatcont .sh font { border-bottom:1px solid green; color:green; font-weight:bold; background-color:inherit }
.ohatcont .hr a { font-style:italic }

.olist_filter { margin-top:10px; margin-bottom:20px; padding-left:10px }
.olist_filter span { font-size:18px; vertical-align:middle; padding-left:10px; font-weight:bold; font-style:italic }
.olist_filter img { border:0px; vertical-align:middle }
.olist_filter a { border:none }
.olist_filter font { border-bottom: 1px dotted #888 }
.olist_filter a:hover { color:red; background-color:inherit }

.tbot_profile { border-top:1px dotted green; color:green; background-color:inherit }
.tbot_profile_btm { border-bottom:1px dotted green }

.disclaimer { color:#aaa; font-size:12px; width:66%; font-style:italic; background-color:inherit }
.disclaimer b { color:#666; background-color:inherit }

.you { color:green; font-weight:bold; font-size:14px; background-color:#ccffcc; padding:3px; border-radius:3px }

.comment_user th { background-color:#eee; font-size:15px; color:inherit }
.comment_user td { font-size:14px; font-style:italic }
.comment_user .hint { border:1px dotted red; padding:3px }

.tolst_wrap { margin-top:20px }
.tolst_wrap .fltrbyl { text-transform:uppercase; font-size:12px; width:50%; text-align:left }
.tolst_wrap .fltrbyr { text-align:right; width:50%; font-size:12px }
.tolst_wrap .fltrbyr a { font-size:12px; text-transform:uppercase; background-color:#fff0f0; padding:3px 3px 0 3px; color:inherit } 
.tolst_wrap .pnav { padding-top:3px; padding-bottom:3px }

.hintorder a { font-size:18px; font-weight:bold; border-bottom:1px dotted blue }

.warnfield { color:red; background-color:inherit }
.warndesq  { color:red; font-style:italic; background-color:inherit }

.newacc_hint { border:2px dotted green; padding:5px; box-shadow:5px 5px 3px #8c8; color:green; margin-bottom:10px; font-family:"Lucida Console", sans-serif; background-color:inherit  }
.newacc_label  { padding-left:8px; color:green; font-family:"Lucida Console", sans-serif; background-color:inherit }

.opthead { padding-left:5px; font-size:14px }
.opt { font-weight:bold; color:green; font-size:18px; background-color:#efe; padding:5px }



.commuser_hint { width:50%; font-size:14px; font-style:italic; text-align:justify; margin-bottom:5px }

.valueor { color:red; background-color:#fee; border:1px dotted red; border-radius:3px; padding:5px }
.valueor .hint { color:black; font-style:italic; font-size:12px; background-color:inherit }
.valueor .or_ok { color:green; background-color:inherit }
.valueor .or_no { color:red; font-weight:bold; padding-top:5px; background-color:inherit }

.faqall { margin-top:10px; margin-bottom:10px }
.faqnf  { margin-top:10px; margin-bottom:10px; color:red; background-color:inherit }


.wtime { margin-top:10px; margin-bottom:10px; border:1px solid #888; box-shadow:3px 3px 2px #aaa }
.wtime td { border:1px solid #ccc; padding:3px; font-family:"Lucida Console", sans-serif; font-size:15px }
.wtime .time_wait { background-color: #ffcccc; color:red }
.wtime .time_left { background-color: #ccffcc; color:green }
.wtime ul { margin-top:0px; margin-bottom:0px }
.wtime li { color:#200; background-color:inherit }
.wtime .pr10 { padding-right:10px }
.wtime .ps10 { padding-right:10px; padding-left:10px }
.wtime .pl5 { padding-left:5px }
.wtime .b { font-weight:bold }

.tavail { margin-bottom:20px }
.tavail .hh { border:1px dotted #888; background-color:#f0f0f0; padding:3px 2px 3px 2px; color:inherit }
.tavail td, .tavail th { font-family:"Lucida Console", sans-serif; font-size:15px; padding-right:10px; text-align:left }    
.tavail .hint, .dhint { font-size:15px; font-style:italic; color:#666; background-color:inherit }
.tavail .w150 { width:150px }
.tavail .g { color:green; background-color:inherit }
.tavail .r { color:red; background-color:inherit }
.davail { font-weight:bold; font-size:16px }

.failrq th { font-size:18px; font-weight:bold; background-color:#eee; border-bottom:1px dotted black; color:inherit }

.opnotify { margin-top:10px; margin-bottom:10px }
.opnotify td { width:100px; height:30px; font-family:"Lucida Console", Consolas, sans-serif; font-size:18px; font-weight:bold; padding:5px; border:2px solid grey; color:grey; vertical-align:middle; background-color:#eee; text-align:center }
.opnotify .on { background-color:#afa; color:green; border-color:green }
.opnotify .off { background-color:#faa; color:red; border-color:red }

.optopic { margin-top:5px; background-color:#ccd; padding:3px 3px 3px 5px; color:inherit }
.optopic .h { font-size:18px; font-family:"Lucida Console", sans-serif; font-weight:bold; text-transform:uppercase }
.optopic .cred { font-size:18px; color:green; font-weight:bold; background-color:inherit }
.optopic td { vertical-align:bottom }

.adfmi { background-color:#666; color:#cfc; font-family:"Lucida Console", sans-serif; padding:5px; border-radius:5px }
.adfmi a { background-color:#666; color:#cfc; font-family:"Lucida Console", sans-serif }
.adfmi a:hover { color:#fff; background-color:inherit; border-bottom:1px dotted #4f4 }

.adpt { background-color:#fee; color:#4f4; font-family:"Lucida Console", sans-serif; padding:5px; border-radius:5px; border:1px dotted red; margin-top:10px; margin-bottom:5px }
.adpt a { background-color:#fee; color:red;  font-family:"Lucida Console", sans-serif; font-size:14px }
.adpt a:hover { color:#000; border:none; background-color:inherit }

.adptg { background-color:#efe; color:green; font-family:"Lucida Console", sans-serif; padding:5px; border-radius:5px; border:1px dotted green; margin-top:5px; margin-bottom:5px }


.queue_log { margin-top:10px; margin-bottom:10px }

.gsndbg { border-bottom:1px solid #999; margin-bottom:20px}
.gsndbg th { background-color:#aaa; color:#fff; font-size:13px; padding:3px }
.gsndbg td { font-size:13px; font-family:"Lucida Console", sans-serif; padding:2px 10px 2px 10px }
.gsndbg .r { text-align:right }
.gsndbg .hi { background-color:#eee; color:inherit }
.gsndbg .num:hover { background-color:#c0ffc0; cursor:pointer; color:inherit }

.ordlogin input { border:1px dotted green; background-color:#eeffee; font-family:"Lucida Console", sans-serif; font-size:18px; color:green; padding:3px }

.imglink { padding-left:2px }
.imglink a { border:none }
.imglink img { vertical-align:middle }
.imglink span { vertical-align:middle; border-bottom:2px dotted #888; font-weight:bold; font-style:italic; font-size:18px }
.imglink span a:hover { color:red; background-color:inherit }

.w30 { width:30px }
.pl20 { padding-left:20px }

.flderr { border:2px solid red }

.linkcancel { padding:4px; border:1px solid grey; background-color:#fee; box-shadow:4px 4px 2px #c88; font-size:18px; font-weight:bold; font-family:"Lucida Console", sans-serif; color:inherit }



.pbx_a        { float: left }
.pbx_a table  { border:1px solid gray; border-radius:3px; box-shadow:5px 5px 3px #cfc; padding:3px; margin:10px 0 10px 0 }
.pbx_a th     { color:green; font-weight:bold; font-size:21px; font-family:"Consolas", sans-serif; height:22px; vertical-align:top; background-color:inherit }
.pbx_a td     { padding:3px; vertical-align:top; font-family:"Consolas", sans-serif }
.pbx_a select { font-family:"Consolas", sans-serif }
.pbx_a ul     { margin-left:5px; margin-bottom:0px; padding-left:15px; margin-top:0px; font-family:"Consolas", sans-serif }
.pbx_a li     { font-family:"Consolas", sans-serif }
.pbx_a .motto { color:black; background-color:inherit }
.pbx_a .qty   { font-size:18px; width:40px; font-weight:bold }


.pbx        { float: left}
.pbx table  { border:1px solid gray; border-radius:3px; box-shadow:5px 5px 3px #8c8; padding:3px; margin:10px 0 10px 0 }
.pbx th     { color:green; font-weight:bold; font-size:18px; font-family:Tahoma, sans-serif; height:22px; vertical-align:top; background-color:inherit }
.pbx td     { padding:3px; vertical-align:top }
.pbx select { font-family:"Lucida Console", sans-serif }
.pbx ul     { margin-left:5px; margin-bottom:0px; padding-left:15px; margin-top:0px; font-family:Tahoma, sans-serif }
.pbx li     { }
.pbx .motto { color:black; background-color:inherit }
.pbx .qty   { font-size:18px; width:40px; font-weight:bold }

.pbx_o table    { width:330px }
.pbx_o select   { width:250px }
.pbx_o .tx      { color:#666; font-size:14px; background-color:inherit }
.pbx_o .nfsrv   { padding-bottom:5px; padding-left:4px }
.pbx_o .nfsrv a { font-style:italic }
.pbx_o .sh_row  { width:248px; text-align:right; font-family:"Lucida Console", sans-serif; font-size:16px }
.pbx_o .fs14    { font-size:14px }

.pbx_d table    { width:280px }

.pbx_r table { box-shadow: 5px 5px 3px #c88 }
.pbx_r th    { color:#f00; background-color:inherit }
/* DEBUG */
/* .pbx_r .b0   { background-color:#ccc; box-shadow:5px 5px 3px #c88 } */


.pbx_w { width:660px }
.pbx_w .sh_row_m { text-align:right; font-family:"Lucida Console", sans-serif; font-size:16px }


.ordermain { }
.ordermain th { font-size:18px }
.ordermain .factpaid { font-weight:bold; color:#202080; background-color:#eeeeee }

.orderavail { margin-top:20px; max-width:50%; font-family:"Lucida Console", sans-serif }
.orderavail th { font-size:18px }
.orderavail .btntd { padding-top:10px }
.orderavail td { padding:5px 0 5px 0 }
.orderavail .onlyqty { font-size:18px; font-weight:bold }

.ordermore { margin-top:20px }
.ordermore th { font-size:18px; text-align:left }
.ordermore td { font-size:16px; font-family:Consolas, sans-serif }
.ordermore input { border:1px solid #888; font-size:18px; font-weight:bold; font-family:"Lucida Console", sans-serif; border-radius:3px; padding-left:3px }

.newacc3 { }
.newacc3 th { font-size:18px; text-align:left }

.jssrv_selected { color:green; font-weight:bold; font-size:18px; background-color:#efe; padding:3px 3px 3px 0; border:1px dotted #bfb } 

.va { vertical-align:top }
.aleft { text-align:left }


.refresh_notice { width:50%; border:1px solid green; border-radius:3px; box-shadow: 1px 1px 1px #444; padding:5px; margin-bottom:20px }
 div { padding:3px }
.refresh_notice .timer { padding-left:0; color:green; font-weight:bold; font-size:18px; background-color:inherit }

.newpanel td { padding:3px }
.newpanel th { background-color:#888; color:#fff; text-align:center }
.newpanel .s { background-color:#eee; color:inherit }
.newpanel .ph { padding-left:3px; padding-right:8px; font-size:19px }

.phhat { border:1px solid #a0a0a0; margin-bottom:10px }
.phhat th, .phhat td { padding:2px 10px 2px 10px }
.phhat th { text-align:center; font-weight:bold; font-size:16px; vertical-align:top }
.phhat td { text-align:center }
.phhat .go a { border-bottom: 1px dotted red }
.phhat .go a:hover { color:red; background-color:inherit }
.phhat .shown { background-color:#a0ffa0; color:inherit }

.offpool { font-size:14px; font-weight:bold; color:red; background-color:inherit }
.onpool { font-size:14px; font-weight:bold; color:green; background-color:inherit }

.msgErContainer { margin-bottom:20px; border:1px solid red; padding:3px }
.msgErContainer th { font-size:18px; font-weight:bold; color:black; background-color:#fdd; border-bottom:1px solid red }
.msgErContainer td { padding-left:15px }

.invsub_ok { font-size:18px; color:blue; font-weight:bold; background-color:inherit }

.topdiv { width:66%; overflow:hidden }
.topdiv div { float:left; border:1px solid grey; border-radius:5px 5px 5px 5px; margin:2px; padding-left:5px; padding-right:5px; font-family:"Lucida Console", sans-serif }
.topdiv .hi  { background-color:#888; color:inherit }
.topdiv .ord { background-color:#eee; color:inherit }
.topdiv .ordg { background-color:#afa; color:inherit }
.topdiv .ordl { float:right }
.topdiv .ord:hover { background-color:#888; color:inherit }
.topdiv .ord:hover a { color:#fff; background-color:inherit }
.topdiv .hi a { color:#fff; background-color:inherit }
.topdiv .ord a { color:#000; background-color:inherit }
.topdiv .banlang { background-color:#fee; color:inherit; text-decoration:line-through }
.topdiv .banlang:hover { background-color:#edd; color:red }

.pworks   { font-family:Tahoma, sans-serif; font-size:11px; color:green; font-weight:normal; background-color:inherit }
.pwait    { font-family:Tahoma, sans-serif; font-size:11px; color:red; font-weight:bold; background-color:inherit }
.qgreen   { font-family:"Lucida Console", sans-serif; font-size:14px; color:#008000; background-color:inherit }
.qred     { font-family:"Lucida Console", sans-serif; font-size:14px; color:red; background-color:inherit }
.qorange  { font-family:"Lucida Console", sans-serif; font-size:14px; color:#ff8040; background-color:inherit }
.qblack   { font-family:"Lucida Console", sans-serif; font-size:14px; color:black; background-color:inherit }
.qbrown   { font-family:"Lucida Console", sans-serif; font-size:14px; color:brown; background-color:inherit }

.pauto { color:green; font-weight:bold; font-size:13px; padding:2px; border:1px dotted green; background-color:inherit }
.pman { color:green; font-weight:bold; font-size:13px; padding:2px; border:1px dotted green; background-color:inherit }

.nextsteptd { padding-top:10px; padding-bottom:10px; padding-right:20px; text-align:right }

.addsrv input { border:1px solid #777; font-size:18px; font-family:"Lucida Console", sans-serif }

.qloglink { padding-top:5px; padding-bottom:10px }
.qloglink a { font-family:"Lucida Console", Tahoma, sans-serif; font-size:16px; border-bottom:1px dotted black }

.asterisk { color:red; font-size:18px; background-color:inherit }
.asterisk:hover { background-color:#ff8080; color:white; border-radius:5px }


.ext_purch td { font-family:Verdana, sans-serif; font-size:15px; padding:3px 3px 3px 5px }
.ext_purch .tcaption { padding-right:40px; padding-left:3px; background-color:#eee; font-weight:bold; color:#444 }
.ext_prol { font-weight:bold; font-family:Verdana, sans-serif; font-size:17px }

.a_android { font-size:12px; color:#000060; font-family:Tahoma, sans-serif; border-bottom:1px dotted red; background-color:inherit }

.op_btn_fin { color:#000; background-color:#fee; border:1px dotted red; font-family:Tahoma, sans-serif; text-transform:uppercase; box-shadow:5px 5px 3px #c88; }
.op_btn_fin_b { font-weight:bold }

.btn_wakeup { font-size:20px; font-weight:bold ; box-shadow:5px 5px 3px #999; padding:0; width:25px }
.bw_gr { background-color:#c0ffc0; color:#008000 }
.bw_rd { background-color:#ffc0c0; color:#800000 }
.bw_yl { background-color:#ffffc0; color:#000 }
.bw_gray { background-color:#eee; color:#000 }

.btn_u_smspvt { border:2px dotted; border-radius:3px; font-weight:bold; background-color:#eee; color:inherit }
.btn_u_wakeup { color:#080; border-color:#080; background-color:inherit }
.btn_u_prolongate { color:#080; background-color:inherit }
.btn_u_shutdown { color:#800; background-color:inherit }
.btn_u_ping { color:#008; background-color:inherit }
.btn_u_cancel { color:#800; background-color:inherit }


.op_rq { text-transform:uppercase; font-family:Tahoma, sans-serif; font-size:14px }

.showsrv { width:100px; padding-left:5px; font-size:14px }

.op_wakeup_table td { background-color:#eee; color:inherit }

.ord_rejected_td { padding-top:5px; padding-bottom:5px }
.ord_rejected { color:red; font-size:19px; font-weight:bold; border:1px solid red; border-radius:4px; display:inline; padding:3px; background-color:inherit }


/* refactored - Common standalone elements */

.green  { color:green; background-color:inherit }
.red    { color:red; background-color:inherit }
.bold   { font-weight:bold }
.italic { font-style:italic }

.pt10  { padding-top:10px }
.pl10  { padding-left:10px }

.tdc { text-align:center }
.tdr { text-align:right  }
.tdl { text-align:left   }

/* refactored - Uniform pages navigation, ordinal and alphabetic */

.pnav { }
.pnav table { border-spacing:4px }
.pnav th { font-family:Tahoma, sans-serif; font-size:16px; font-weight:bold; color:#666; background-color:inherit }
.pnav td { padding-left:5px; font-size:15px }
.pnav font { border:1px solid green; background-color:#8f8; padding:3px; border-radius:3px; color:inherit }
.pnav a { border:1px solid #f88; background-color:#fee; padding:0 3px 3px 3px; border-radius:3px; font-size:15px; color:inherit }
.pnav .curpage { font-size:16px; background-color:#cfc; border:1px solid #ccc; text-align:right; margin-bottom:3px; color:inherit}
.pnav .btn { width:20px; margin-left:2px; font-size:15px; padding:0px; margin-bottom:3px; background-color:#cfc; font-weight:bold; color:inherit }

.az { margin-top:20px; margin-bottom:20px }
.az span { padding:3px; margin:3px; font-size:18px; border:1px solid #aaa; border-radius:3px; box-shadow: 1px 1px 1px #444; display:inline-block }
.az span:hover { background-color:#666; color:#fff }
.az span a:hover { background-color:#666; color:#fff }
.az .sel { background-color:#cfc; font-weight:bold; color:inherit }

.link_underline { border-bottom:2px dotted blue }

.ap_wrapper { margin:10px 0 10px 0 }
.ap_wrapper .timer { padding-left:0; color:red }

.invtxidhint { width:400px; color:red; font-size:14px; font-family:Lucida Console, sans-serif }

.ext_time { color:#000; background-color:#cfc; padding-left:5px; padding-right:5px; border:1px solid green; border-radius:3px }

.priceplus { color:red; vertical-align: super; font-size:12px }
.initboxsub { color:#666; font-size:14px }
.redbold { color:red; font-weight:bold }
.alwayson { color:green; font-size:14px; text-align:center; }
.offpool { color:red; font-size:14px; text-align:center; }

.srvused { font-size:12px; color:#666; border-top:1px solid #666 }

.seize_warn { color:red; font-weight:bold }

.policeline { border:2px dotted black; border-radius:3px; padding-top:10px; padding-bottom:10px }
.policeline a { color:blue }
.policeline a:hover { color:red }

,avail { }
.avail a { font-size:20px; font-family:Consolas, sans-serif; font-weight:bold; color:green; border-bottom:1px dotted green }
.avail a:hover { color:red; border-bottom:1px dotted red }

.privacy { width:66%; font-family:Consolas, sans-serif; }


.tck_st_pend { color:red }
.tck_st_work { color:blue }
.tck_st_re   { color:green }
.tck_st_any  { color:#888 }

.seen_near { color:green }
.seen_far  { color:red }

.bal_pos { color:green }
.bal_neg { color:red }

.inv_st_0 { color:#000 }
.inv_st_1 { color:red }
.inv_st_2 { color:blue }
.inv_st_3 { color:#408060 }
.inv_st_4 { color:green }
.inv_st_5 { color:green }
.inv_st_8 { color:grey }
.inv_st_x { color:#000 }

.plan_split { height:1px; clear:both }

.ord_st   { font-family:Consolas; text-transform:uppercase; font-weight:bold }
.ord_st_0 { color:#fff }
.ord_st_1 { color:#00c000 }
.ord_st_2 { color:cyan }
.ord_st_3 { color:#c00000 }
.ord_st_4 { color:#00cc00 }
.ord_st_5 { color:#00c000; border:1px dotted #0c0; padding:1px }
.ord_st_6 { color:#00a000 }
.ord_st_7 { color:#666 }
.ord_st_8 { color:#444 }
.ord_st_x { color:#444 }

.tckinfo a { border:1px solid blue; font-family:Consolas; font-weight:bold; 
	     font-size:15px; padding:2px; background-color:#f0f0ff }
.tckinfo a:hover { background-color:#4040c0; color:#fff }

.agree a { border-bottom:2px dotted red }
.admpass { color:red; font-weight:bold; border:1px solid red }

.op_left { color: green; font-family:Consolas, sans-serif; font-weight:bold }
.op_wait { color: red; font-family:Consolas, sans-serif; font-weight:bold }
.op_left:hover { background-color:#f8fff8 }
.op_wait:hover { background-color:#fff8f8 }

.noteuser { font-family:Arial Narrow; font-size:14px; width:100px; font-weight:bold }

.payto_man { width:400px; font-family:Consolas, sans-serif; font-size:14px }

.ukwarn { font-size:14px }
.ukwarn:hover { background-color:#ffe0e0; color:red }

.readyhint { margin-top:10px; margin-bottom:10px; padding:3px; font-size:14px; color:blue; border:1px dotted blue; font-family:Consolas; font-weight:bold }

.p_chan { font-size:13px; color:#2020c0; border:1px dotted #2020c0; padding:1px; background-color:#f0f0ff; }
.p_chan_red { font-size:13px; color:#c02020; border:1px dotted #c02020; padding:1px; background-color:#fff0f0; }

.p_replaced { color:green; font-weight:bold; font-size:13px; font-family:Consolas; border:1px green dotted; background-color:#c0ffc0; }

.replace_uk { margin-top:20px; margin-bottom:20px; font-family:Consolas; font-size:14px; width:600px; }

.treg_hint { margin-top:20px; margin-bottom:20px; font-family:Consolas, sans-serif; font-size:14px; width:60% }

.pan_bal { font-family:Consolas, sans-serif; font-weight:bold; font-size:13px }
.fwd_ok, .fwd_no { align:left; font-size:13px }
.fwd_ok font { background-color:#c0ffc0; padding:2px; border-radius:5px }
.fwd_no font { background-color:#ffc0c0; padding:2px; border-radius:5px }

.payusd { color:green; font-size:16px; font-weight:bold }

.op_treg { }
.op_treg th { text-align:center; background-color:#cccccc; font-size:14px; font-weight:bold }
.op_treg td { padding:2px 3px 2px 5px; border-right:1px solid #888 }
.op_treg .r { text-align:right }
.op_treg .h0 { background-color:#fff; color:inherit }
.op_treg .h1 { background-color:#eee; color:inherit }
.op_treg select { font-size:12px }

.treg_ok { background-color:#e0ffe0; color:green; padding:5px 0 5px 0; font-weight:bold; font-family: "Lucida Console", Tahoma, sans-serif; width:60% }
.treg_err { background-color:#ffe0e0; color:red; padding:5px 0 5px 0; font-weight:bold; font-family: "Lucida Console", Tahoma, sans-serif; width:60% }
.treg_btns { margin-top:10px; margin-bottom:10px; color:#000 } 
.treg_btns input[type=text] { margin-top:5px; margin-bottom:5px } 

.treg_log { }
.treg_log th { text-align:center; background-color:#cccccc; font-size:14px; font-weight:bold }
.treg_log td { border-bottom:1px dotted #000; padding:3px }

.treg_brf { margin-top:5px; margin-bottom:15px }

.treg_full { border: 1px solid gray; padding:0px; margin-top:20px; margin-bottom:30px }
.treg_full td { text-align:left; padding:3px }
.treg_full th { color:#fff; font-weight:bold; font-size:16px; text-align:left; background-color:#444  }
.treg_full .err { color:red; background-color:inherit }
.treg_full .img { width:30px }

.treg_full div { font-family:Consolas }
.treg_full .ohead { color:#000; font-weight:bold; font-size:21px; font-family:Consolas; text-transform:uppercase; display:inline }
.treg_full .oheadhi { background-color:#eee }
.treg_full .oheadnum { border:1px solid #000; padding:0px 5px 0px 5px }
.treg_full .oheadlink a { color:#000; border:none }
.treg_full .oheadlink a:hover { color:green }
.treg_full .s { background-color:#e4e4e4; color:inherit }

