@font-face {
font-family: 'Singula';
src: url('../fnt/singula.eot');
src: url('../fnt/singula.eot?#iefix') format('embedded-opentype'),
url('../fnt/singula.woff2') format('woff2'),
url('../fnt/singula.woff') format('woff'),
url('../fnt/singula.ttf') format('truetype');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: CS;
src: url('../fnt/cs-regular.otf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: CS;
src: url('../fnt/cs-extralight.otf');
font-style: normal;
font-weight: 200;
}

@font-face {
font-family: CS;
src: url('../fnt/cs-light.otf');
font-style: normal;
font-weight: 300;
}

@font-face {
font-family: CS;
src: url('../fnt/cs-medium.otf');
font-style: normal;
font-weight: 500;
}

@font-face {
font-family: CS;
src: url('../fnt/cs-semi.otf');
font-style: normal;
font-weight: 600;
}

html, body {
margin : 0;
padding : 0;
height: 100%;
}

body {
margin : 0;
padding : 0;
height: 100%;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #f5f5f7;
}

body.header {
margin: 0px;
padding: 0px;
background-color: #F9F7F6;
}

body.head {
margin: 0px;
padding: 0px;
background-color: #fff;
background-image: url(gfx/toppen.gif);
background-repeat: repeat-x;
background-position: 0px 18px;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

body.search {
margin: 0px;
padding: 0px;
background-color: #171717;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
height: 100%;
}

body.lighto {
margin: 0px;
padding: 0px;
background-color: #171717;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #636363;
}

body.mbar {
margin : 0px;
padding : 0px;
background-color: #8B8B8B;
}

body.pp {
background-color: #fff;
}

body.lbar {
margin : 0px;
padding : 0px;
background-color: #171717;
background-image: url(gfx/bbar.gif);
background-repeat: repeat-x;
background-position: 0px 56px;
}

body.cal {
margin : 0px;
padding : 0px;
background-color: #FFFFFF;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#bdy {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}

a:link, a:visited {
text-decoration: none;
color: #20ab00;
}

ul {
list-style-type: none;
}

#head {
position: relative;
width: 100%;
height: 124px;
background-color: #fff;
border-bottom: 1px solid #cdcdcd;
}

#lcol {
position: absolute;
top: 100px;
bottom: 16px;
width: 173px;
}

#lcol select {
width: 100%;
}

#lcol ul {
width: 104px;
height: 55px;
overflow: hidden;
}

#lcol #nr {
position: absolute;
padding-top: 2px;
top: 34px;
left: 104px;
right: 0;
height: 36px;
text-align: center;
color: #666;
}

#lftcol {
display: table;
width: 100%;
height: 100%;
border-spacing: 0;
border-collapse: collapse;
}

/*.lc #tbar, .lc #f2, .lc #pg {
left: 173px !important;
}*/

#tbar {
position: absolute;
top: 125px;
left: 0;
right: 0;
height: 34px;
line-height: 34px;
font-weight: 500;
color: #a7a6a6;
text-align: center;
background-color: #f5f5f7;
/*border-top: 1px solid #cdcdcd;*/
}

#tbar div {
display: inline-block;
position: absolute;
margin: 8px auto 0 5px;
top: 0;
left: 0;
bottom: 0;
width: 66px;
height: 18px;
line-height: 18px;
background-color: #a7a6a6;
font-size: 12px;
color: #fff;
cursor: default;
}

#tbar div:hover {
background-color: #666;
}

.tbr {
right: 0 !important;
margin: 8px 5px 0 auto !important;
}

#f2, #pg{
position: absolute;
top: 159px;
left: 16px;
/*bottom: 16px;*/
bottom: 28px;
right: 0;
background-color: #f5f5f7;
overflow-x: hidden !important;
/*overflow-y: auto !important;*/
overflow-y: scroll !important;
}

#f2::-webkit-scrollbar {
width: 16px;
background: transparent;
}

#f2::-webkit-scrollbar-thumb {
/*width: 10;*/
border-radius: 8px;
background: #ddd !important;
}

#pg {
top: 125px;
left: 0px;
visibility: hidden;
background-color: #f9f7f6;
overflow-x: auto !important;
z-index: 100;
}

#pg::-webkit-scrollbar {
background: transparent;
}

#pg::-webkit-scrollbar-thumb {
border-radius: 8px;
background: #ddd !important;
}

#bg {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#bbr {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 28px;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-size: 10px;
font-weight: 300;
text-decoration: none;
color: #fff;
overflow: hidden;
}

#bbar {
position: absolute;
bottom: 0;
padding-top: 0;
width: 100%;
/*height: 27px;
line-height: 27px;*/
height: 27px;
line-height: 27px;
background-color: #fff;
text-align: center;
vertical-align: middle;
border-top: 1px solid #cdcdcd;
z-index: 20 !important;
}

a.bbar:link {
text-decoration: none;
color: #fff;
}

a.bbar:hover {
text-decoration: none;
color: #666;
}

a.list:link    {text-decoration: none; color: #636363;}
a.list:active  {text-decoration: none;}
a.list:visited {text-decoration: none;}
a.list:hover   {text-decoration: none; color: #000;}

a#sing:visited {
text-decoration: none;
color: #666;
}
a#sing:link {
text-decoration: none;
color: #666;
}
a#sing:hover {
color: #fff;
}

a.cal:link {
color: #626262;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 10px;
font-weight: normal;
}

a.calp:link {
color: #cecece;
font-family: tahoma, verdana;
font-size: 10px;
}

div.mi {
margin: 0;
padding: 1px;
line-height: normal;
color: #666;
font-family: verdana,arial,helvetica,sans-serif;
font-size: 10px;
text-align: left;
font-weight: bold;
background: #fff;
cursor: pointer;
}

div.mio {
margin:0;
padding:1px;
line-height:normal;
cursor:pointer;
color:#fff;
font-family:verdana,arial,helvetica,sans-serif;
font-size:10px;
text-align:left;
font-weight:bold;
background:#bbb;
}

.lrow {
display: table-row;
height:  1px;
}

.lrowexp {
height:  100%;
display: table-row;
}

#ltl, #search, #llist, #light {
display: table-cell;
}

#ltl {
padding-bottom: 5px;
height: 22px;
line-height: 22px;
color: #777;
text-align: center;
/*background-color: #f00;*/
}

#search {
margin: 0;
padding: 0;
height: 1px;
}

#search form{
position: relative;
margin: 0 !important;
padding: 0 !important;
}

#search input[type=text] {
display: inline-block;
position: relative;
margin: 0;
padding: 0 3px;
height: 16px;
border: none;
font-size: 11px;
}

#llist {
/* Firefox requires this to do the absolute positioning correctly */
display: inline-block;
position: relative;
height: 100%;
width: 100%;
overflow-x: none;
overflow-y: auto;
}

.fw {
position: absolute !important;
display: block !important;
margin: 0 !important;
left: 0;
right: 0;
}

.sr input, #ea {
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#sTbar {
position: relative;
margin-top: 6px;
}

#sTitle {
display: inline-block;
padding: 1px 0 0 5px;
height: 14px;
color: #777;
}

#sAdv {
display: inline-block;
position: absolute;
right: 0;
padding: 0 2px;
font-size: 12px;
color: #777;
border: 1px solid #777;
cursor: default;
}

#sAdv:hover {
color: #fff;
background-color: #bbb !important;
}

#sRows {
position: relative;
margin: 3px 0 0 1px;
}

#sRows input[type=text] {
position: absolute;
top: 0;
margin: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
}

#sRows select {
display: inline-block;
position: absolute;
top: 0;
margin: 0;
height: 16px;
border: none;
}

.sRow {
position: relative;
margin: 2px 0 0 0;
vertical-align: top;
}

.sRow input[type=text] {
width: 117px;
}

.sr {
position: relative;
margin-top: 1px;
height: 16px;
}

#sbp {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
background-color: #777;
background-image: url(../gfx/pl.gif);
background-repeat: no-repeat;
background-position: center center;
}

.bpop {
right: 0;
margin: 0;
width: 49px !important;
border: none;
}

.epop {
margin: 0;
width: 82px !important;
}

.jpop {
right: 0;
width: 90px !important;
}

.dtr {
right: 0;
}

.dash {
position: absolute;
top: 7px;
left: 84px;
width: 4px;
height: 2px;
background-color: #999;
}

.dRow {
white-space: nowrap;
position: relative;
margin: 2px 0 0 0;
vertical-align: top;
}

.dRow input[type=text] {
width: 75px;
}

.dRow select:first-child {
width: 123px !important;
}

#dtRow {
position: relative;
width: 100%;
height: 16px;
line-height: 16px;
vertical-align: top;
}

#dtRow input{
display: inline-block;
position: absolute;
top: 0;
}

#dtRow div{
display: inline-block;
width: 10px;
height: 16px !important;
line-height: 16px !important;
text-align: center;
vertical-align: middle;
color: #888;
}

.dtf {
width: 90px !important;
}

/*#sBtns {
display: table;
margin-top: 2px;
width: 100%;
table-layout: fixed;
border-spacing: 1px;
border-collapse: separate;
color: #fff;
}

#sBtns div, input[type=submit]{
display: table-cell;
height: 16px !important;
line-height: 16px !important;
text-align: center;
vertical-align: middle;
background-color: #777;
cursor: default;
}

#sBtns input[type=submit]{
padding: 0;
width: 56px !important;
font-size: 10px;
font-weight: bold;
color: #fff;
border: none;
}

#sBtns div:hover, input[type=submit]:hover {
background-color: #666;
}*/

#sAl {
background-image: url(../gfx/sal.png);
background-repeat: no-repeat;
background-position: center center;
}

#sAr {
background-image: url(../gfx/sar.png);
background-repeat: no-repeat;
background-position: center center;
}

#sNr {
height: 16px;
line-height: 16px;
text-align: center;
vertical-align: middle;
color: #888;
font-size: 10px;
}

/*#lst {
position: absolute;
top: 0;
bottom: 0;
margin: 0 !important;
height: 100% !important;
}*/

#lst {
position: absolute;
top: 0;
bottom: 0;
margin-top: 0;
margin-left: 7px;
width: 165px !important;
height: 100% !important;
padding: 0px;
overflow-x: hidden !important;
overflow-y: auto !important;
}

#light {
padding: 0;
height: 120px;
}

.lo {
height: 88px !important;
}

.blo {
/*height: 86px !important;*/
/*height: 70px !important;*/
height: 92px !important;
}

.glo {
/*bottom: 86px !important;*/
/*bottom: 70px !important;*/
bottom: 28px !important;
}

#fm {
position: relative;
margin: 0 !important;
padding: 0;
width: 100%;
height: 100%;
}

table {
font-size: 10px;
font-weight: bold;
color: #717171
}

table.outer {
margin: 0;
border: 0;
border-collapse: collapse;
cellspacing: 0;
border-spacing: 0;
padding: 0;
cellpadding: 0;
width: 100%;
height: 100%;
}

table.in {
margin-left: 2px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
border: 1px solid #bbb;
border-collapse: seperated;
border-spacing: 1px;
padding: 0px;
cellpadding: 0px;
width: 99%;
height: 99%
}

table.ivarr {
position: static;
left: 0px;
bottom: 0px;
margin-left: 0px;
margin-right: auto;
margin-top: auto;
margin-bottom: 0px;
border: 0px;
padding: 0px;
}

table.fe {
margin-left: 0;
margin-right: auto;
margin-top: 2px;
margin-bottom: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
padding: 0px;
cellpadding: 0px;
width: 100%;
}

table.fo {
margin-left: auto;
margin-right: 0;
margin-top: 2px;
margin-bottom: 0;
width: 100%;
border: 0;
border-collapse: collapse;
border-spacing: 0;
padding: 0px;
cellpadding: 0px;
}

table.search {
margin-top: 1px;
margin-bottom: 0;
padding: 0px;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

table.search input {
width: 163px;
}

table.lo {
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: auto;
border: 0;
border-collapse: collapse;
border-spacing: 0;
padding: 0px;
cellpadding: 0px;
width: 100%;
}

table.dialogue {
margin-left: auto;
margin-right: auto;
margin-top: 80px;
margin-bottom: auto;
border: 2px solid #666666;
border-collapse: collapsed;
border-spacing: 0px;
padding: 0px;
cellpadding: 0px;
background-color: #B0B0B0;
font-size: 14px;
}

table.ss {
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: auto;
border: 0;
padding: 0;
border-collapse: collapse;
cellspacing: 0;
border-spacing: 0;
cellpadding: 0;
}

table.lb {
margin-top: 0;
margin-bottom: auto;
margin-left: 0;
margin-right: auto;
border: 0;
padding: 0;
border-collapse: collapse;
cellspacing: 0;
border-spacing: 0;
cellpadding: 0;
height: 54px;
}

table.ns {
margin: 0;
border: 0;
border-collapse: collapse;
cellspacing: 0;
border-spacing: 0;
padding: 0;
cellpadding: 0;
width: 100%;
height: 100%;
}

table.pre {
margin: 0;
border: 0;
padding: 0;
border-collapse: collapse;
cellspacing: 0;
border-spacing: 0;
cellpadding: 0;
position: absolute;
left: 20px;
}

table.page {
position: absolute;
display: block;
margin: 0;
border: 0;
padding: 0;
top: 0;
right: 20px;
border-collapse: collapse;
cellspacing: 0;
border-spacing: 0;
cellpadding: 0;
}

table.co {
margin: 0;
border: 0;
padding: 0;
cellspacing: 0;
border-spacing: 0;
cellpadding: 0;
border-collapse: collapse;
background-color: #B6B6B6;
}

table.hd {
margin: 0;
padding: 0;
cellspacing: 0;
border-spacing: 0;
cellpadding: 0;
border-collapse: collapse;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #626262;
}

tr.diahead {
background-color: #ddd;
text-align: center;
font-size: 20px;
}

tr.fhb {
width: auto;
height: auto;
border: 1px solid #5592B1;
padding: 0;
margin: 0;
border-collapse: collapsed;
text-align: center;
vertical-align: middle;
}

tr.mnu {
margin : 0px;
padding : 0px;
background-image: url(gfx/mbk.gif);
background-repeat: repeat-x;
background-position: 1px 1px;
}

td.fbl {
width: 12.5%;
border-top: 1px solid #5592B1;
border-left: 1px solid #5592B1;
border-bottom: 1px solid #5592B1;
border-right: 0;
padding: 0;
margin: 0;
text-align: center;
background-image: url(gfx/mbk.gif);
background-repeat: repeat-x;
background-position: 1px 1px;
}

td.fbs {
width: 1px;
border-top: 1px solid #5592B1;
border-left: 0;
border-bottom: 1px solid #5592B1;
border-right: 0;
padding: 0;
margin: 0;
background-image: url(gfx/mbk.gif);
background-repeat: repeat-x;
background-position: 1px 1px;
}

td.fbm {
width: 12.5%;
border-top: 1px solid #5592B1;
border-left: 0;
border-bottom: 1px solid #5592B1;
border-right: 0;
padding: 0;
margin: 0;
text-align: center;
background-image: url(gfx/mbk.gif);
background-repeat: repeat-x;
background-position: 1px 1px;
}

td.fbr {
width: 12.5%;
border-top: 1px solid #5592B1;
border-left: 1px solid #5592B1;
border-bottom: 1px solid #5592B1;
border-right: 1px solid #5592B1;
padding: 0;
margin: 0;
text-align: center;
background-image: url(gfx/mbk.gif);
background-repeat: repeat-x;
background-position: 1px 1px;
}

td.mbs {
border: 0;
padding: 0;
margin: 0;
height: 12px;
background-image: url(gfx/bbk.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

td.ftl {
width: 12.5%;
border-top: 1px solid #5592B1;
border-left: 1px solid #5592B1;
border-bottom: 1px solid #5592B1;
border-right: 0;
padding: 0;
margin: 0;
text-align: center;
}

td.ftm {
width: 12.5%;
border-top: 1px solid #5592B1;
border-left: 0;
border-bottom: 1px solid #5592B1;
border-right: 0;
padding: 0;
margin: 0;
text-align: center;
}

td.ftr {
width: 12.5%;
border-top: 1px solid #5592B1;
border-left: 0;
border-bottom: 1px solid #5592B1;
border-right: 1px solid #5592B1;
padding: 0;
margin: 0;
text-align: center;
}

td.ccw {
border: 0;
padding: 0;
margin: 0;
width: 28px;
height: 22px;
background-image: url(gfx/ccw.gif);
text-align: center;
vertical-align: middle;
}

td.ccwo {
border: 0;
padding: 0;
margin: 0;
width: 28px;
height: 22px;
background-image: url(gfx/ccwo.gif);
text-align: center;
vertical-align: middle;
}

td.ccm {
border: 0;
padding: 0;
margin: 0;
width: 28px;
height: 22px;
background-image: url(gfx/ccm.gif);
text-align: center;
vertical-align: middle;
}

td.ccmo {
border: 0;
padding: 0;
margin: 0;
width: 28px;
height: 22px;
background-image: url(gfx/ccmo.gif);
text-align: center;
vertical-align: middle;
}

td.ccd {
border: 0;
padding: 0;
margin: 0;
width: 28px;
height: 22px;
color: #fff;
font-family: tahoma, verdana;
font-size: 10px;
background-image: url(gfx/ccd.gif);
text-align: center;
vertical-align: middle;
}

td.ctab {
border: 0;
padding: 0;
margin: 0;
height: 25px;
text-align: center;
vertical-align: top;
background-color: #CECECE;
}

td.ctabo {
border: 0;
padding: 0;
margin: 0;
height: 25px;
text-align: center;
vertical-align: top;
background-color: #B6B6B6;
}

td.cctab {
border: 0;
padding: 0;
margin: 0;
background-color: #CECECE;
}

td.cctabo {
border: 0;
padding: 0;
margin: 0;
background-color: #B6B6B6;
}

td.ctabi {
border: 0;
padding: 0;
margin: 0;
width: 103px;
height: 19px;
background-color: #B6B6B6;
}

td.cti {
border: 0;
padding: 0;
margin: 0;
text-align: center;
vertical-align: middle;
}

td.cbbut {
border: 0;
padding-top: 2px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin: 0;
}

td.top {
border: 0;
padding: 0;
margin: 0;
text-align: center;
}

td.but {
border: 0;
padding: 0;
margin: 0;
border-collapse: seperated;
text-align: center;
width: 50%;
height: 10px;
background-color: #BBBBBB;
}

tr.bbdr {
border: 0;
padding: 0;
margin: 0;
height: 17px;
background-color: #5C9DFD;
}

td.ct {
border-top: 0;
border-bottom: 1px solid #bbb;
border-left: 0;
border-right: 0;
padding: 0;
margin: 0;
width: 50%;
height: 14px;
border-collapse: seperated;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #eee;
}

td.cto a:link {
color: #fff;
}

td.cto {
border-top: 1px solid #bbb;
border-bottom: 0;
border-left: 0;
border-right: 0;
padding: 0;
margin: 0;
width: 50%;
height: 14px;
border-collapse: seperated;
text-align: center;
font-size: 12px;
font-weight: bold;
color: #bbb;
background-color: #fff;
}

td.cto a:link {
color: #bbb;
}

td.ctd {
border: 0;
padding: 0;
margin: 0;
width: 1px;
border-collapse: seperated;
background-color: #bbb;
}

td.ctd {
border: 0;
padding: 0;
margin: 0;
width: 1px;
border-collapse: seperated;
vertical-align: middle;
}

td.lm {
border: 0;
padding: 0;
margin: 0;
width: 173px;
height: 13px;
background-image: url(gfx/nllight.gif);
text-align: center;
vertical-align: middle;
color: #fff;
/*cursor: pointer;*/
cursor: hand;
}

td.ltog {
border: 0;
padding: 0;
margin: 0;
width: 34px;
height: 50px;
background-image: url(gfx/nlopen.gif);
text-align: center;
vertical-align: middle;
color: #fff;
}

td.ltogc {
border: 0;
padding: 0;
margin: 0;
width: 34px;
height: 50px;
background-image: url(gfx/nlclose.gif);
text-align: center;
vertical-align: middle;
color: #fff;
}

td.loimg {
border: 0;
padding: 0;
margin: 0;
width: 36px;
text-align: center;
vertical-align: middle;
color: #666;
}

td.nst1 {
border: 0;
padding: 0;
margin-top: 3px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
text-align: left;
vertical-align: middle;
}

td.nst2 {
width: 32px;
}

td.ma {
border-top: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 0;
border-right: 1px solid #666;
padding: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
border-collapse: collapse;
height: 14px;
width: 14px;
text-align: center;
vertical-align: middle;
background-color: #fff;
}

td.me {
border: 1px solid #666;
padding-top: auto;
padding-bottom: auto;
padding-left: 1px;
padding-right: auto;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
border-collapse: collapse;
height: 14px;
text-align: left;
vertical-align: middle;
font-size: 10px;
font-family: Arial, Charcoal, sans-serif;
font-weight: bold;
color: #666;
background-color: #fff;
cursor: pointer;
cursor: hand;
}

td.mo {
border: 1px solid #666;
padding-top: auto;
padding-bottom: auto;
padding-left: 1px;
padding-right: 1px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
border-collapse: collapse;
height: 14px;
text-align: left;
vertical-align: middle;
font-size: 10px;
font-family: Arial, Charcoal, sans-serif;
font-weight: bold;
color: #666;
background-color: #fff;
cursor: pointer;
cursor: hand;
}

td.msp {
border: 0;
padding: 0;
margin: 0;
border-collapse: seperated;
height: 2px;
}

td.pphead {
font-size: 12px;
font-weight: bold;
color: #646464;
}

td.ppinfo {
font-size: 12px;
font-weight: bold;
color: #666;
}

td.ppsite {
font-size: 12px;
font-weight: bold;
color: #676F79;
}

td.ppbar {
height: 6px;
background-color: #C0C0C0;
}

td.nsbar {
border: 0;
padding: 0;
margin: 0;
height: 1px;
background-color: #171717;
}

td.ldiv {
border: 0;
padding: 0;
margin: 0;
border-collapse: seperated;
width: 80px;
height: 1px;
background-color: #bbb;
}

td.mbar {
margin : 0px;
padding : 0px;
background-color: #8B8B8B;
background-image: url(gfx/mback.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

td.mbaron {
margin : 0px;
padding : 0px;
background-color: #8B8B8B;
background-image: url(gfx/mbackon.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

img {
border: 0;
padding: 0;
margin: 0;
}

img.a {
border: 0;
padding: 0;
margin: 0;
width: 17px;
height: 6px;
}

img.cbbut {
border: 0;
padding: 0;
margin: 0;
width: 102px;
height: 17px;
}

img.ctab {
border: 0;
padding: 0;
margin: 0;
width: 103px;
height: 19px;
}

img.d {
border: 0;
padding: 0;
margin: 0;
width: 52px;
height: 6px;
}

img.dash {
border: 0;
padding: 0;
margin-left: 1px;
margin-right: 1px;
width: 3px;
height: 1px;
vertical-align: middle;
}

img.dp {
border: 0;
padding: 0;
margin-left: auto;
margin-right: 0;
margin-top: 2px;
margin-bottom: auto;
width: 15px;
height: 14px;
vertical-align: top;
}

img.se {
border: 0;
padding-left: 1;
padding-right: 1;
padding-top: 0;
padding-bottom: 0;
margin: 0;
width: 45px;
height: 16px;
}

img.nss {
border: 0;
padding: 0;
margin-top: 5px;
margin-bottom: 0;
margin-left: 5px;
margin-right: auto;
width: 42px;
height: 8px;
}

#lobutnew {
position: absolute;
top: 39px;
left: 3px;
}

#lobutedit {
position: absolute;
top: 39px;
left: 48px;
}

#lobutclear {
position: absolute;
top: 39px;
left: 94px;
}

#lobutdel {
position: absolute;
top: 55px;
left: 3px;
}

#lobutcopy {
position: absolute;
top: 55px;
left: 48px;
}

#lobutview {
position: absolute;
top: 55px;
left: 94px;
}

img.lodl {
border: 0;
margin-top: 3px;
margin-bottom: 0;
margin-left: 0;
margin-right: auto;
padding: 0;
width: 173px;
height: 15px;
}

img.loc {
border: 0;
margin-top: 2px;
margin-bottom: 0;
margin-left: 0;
margin-right: auto;
padding: 0;
}

#lcdl {
position: absolute;
border: 0;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
}

img.lcp {
border: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}

img.nsp {
border: 0;
margin-top: 6px;
margin-bottom: 0;
margin-left: 4px;
margin-right: auto;
padding: 0;
width: 51px;
height: 16px;
}

img.lb {
border: 0;
padding-left: 4px;
padding-right: 0;
padding-top: 0;
padding-bottom: auto;
margin: 0;
}

img.lbm {
border: 0px;
padding-left: 2px;
padding-right: 0px;
padding-top: auto;
padding-bottom: auto;
margin: auto;
width: 12px;
height: 12px;
}

img.sf {
border: 0;
padding-left: 1;
padding-right: 1;
padding-top: 0;
padding-bottom: 0;
margin: 0;
width: 36px;
height: 16px;
vertical-align: bottom;
}

img.nlt {
border: 0;
padding: 0;
margin: 0;
width: 173px;
height: 15px;
}

#bar {
color: #fff;
font-weight: normal;
}

#mf {
font-family: singula;
}

#sing {
display: inline-block;
position: relative;
margin: 0 auto;
font-family: singula;
font-weight: normal;
font-size: 10px;
/*text-decoration: none;
*margin-left: auto;
margin-right: auto;*/
cursor: default;
}

#sing svg {
display: block; /* This is needed */
}

/*#sing {
font-family: singula;
font-weight: normal;
font-size: 10px;
cursor: default;
}*/

.sin {
font-family: singula;
font-weight: normal;
font-size: 12px;
}

img.bbar {
border: 0;
padding: 0;
margin: 0;
}

.si {
border: 0;
padding-left: 1;
padding-right: 1;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}

.nsi {
border: 0;
padding: 0;
margin-top: 6px;
margin-bottom: 0;
margin-left: 5px;
margin-right: auto;
}

img.ft {
border: 0;
padding-top: 0;
padding-bottom: 0;
margin: auto;
margin-top: 0;
}

img.slh {
border: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0;
width: 1px;
height: 13px;
}

/*** Styles from old grid ***/
span.red {
color: red;
}

.message {
font-size: 16px;
font-weight: bold;
color: #808080;
}

.title {
border: 1px solid #bbb;
font-size: 11px;
font-weight: bold;
color: #808080
}
/*** End styles from old grid ***/

/*** Styles for BotBar ***/

/*** a:link {
text-decoration: none; color: #fff;
} ***/

a:link {
text-decoration: none;
color: #fff;
}

a:active {
text-decoration: none;
color: #fff;
}

a:visited {
text-decoration: none;
color: #fff;
}

a:hover {
text-decoration: none;
color: #000;
}

select {
border: 1px solid grey;
font-size:10px;
font-family: Arial, Charcoal, sans-serif;
font-weight:bold;
color:#666;
background-color: #fff;
line-height: 10px;
}

select.si {
border: 1px solid grey;
margin-left: 1;
margin-right: 1;
margin-top: 0;
margin-bottom: 0;
font-size:10px;
font-family: Arial, Charcoal, sans-serif;
font-weight:bold;
color: #666;
background-color: #fff;
line-height: 10px;
}

select.ls {
border: none;
margin: 0;
padding: 0;
font-size: 10px;
font-family: Arial, Charcoal, sans-serif;
font-weight: bold;
color: #666;
background-color: #fff;
line-height: 10px;
}

input.nst1 
{
border: 1px solid grey;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
margin-bottom: 0;
font-size: 11px;
font-family: Arial, Charcoal, sans-serif;
font-weight: normal;
color: #666;
background-color: #fff;
}

input.t1 
{
border: 1px solid grey;
margin-left: 1;
margin-right: 1;
margin-top: 0;
margin-bottom: 0;
font-size: 11px;
font-family: Arial, Charcoal, sans-serif;
font-weight: normal;
color: #666;
background-color: #fff;
}

input.t2 {
font-size: 10px;
font-family: Arial, Charcoal, sans-serif;
font-weight: bold;
color: #666;
background-color: #fff;
border: 1px solid grey;
}

input.cal 
{
border: 1px solid grey;
margin: 0;
padding: 0;
font-size: 11px;
font-family: Arial, Charcoal, sans-serif;
font-weight: normal;
color: #666;
background-color: #fff;
}

/*.sel {
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
color: #fbcf36;
}*/

.res {
text-align: center;
color: #666;
}

.nsres {
margin: auto;
padding-left: auto;
padding-right: auto;
padding-top: 3;
padding-bottom: auto;
text-align: center;
color: #838383;
}

.lba {
border: 0;
padding-left: auto;
padding-right: auto;
padding-top: 3;
padding-bottom: 0;
text-align: center;
vertical-align: middle;
}

.mlink {
color: #666;
}

/*** End of styles for BotBar ***/

/* Latest list */
body.list {
margin : 0px;
padding : 0px;
background-color: #f9f7f6;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #636363;
}

#list {
width: 145px;
margin-top: 0;
padding: 0px;
}

div#list { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; height: 100%;}
#list ul {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}


#list ul li {
margin: 0;
margin-left: 1px;
margin-right: 1px;
padding-top: 2px;
padding-bottom: 3px; /* Add 1 extra pixel to accommodate the bar */
background: url(gfx/ll.gif) no-repeat 33px bottom;
}

#list ul li a:hover {
color: #000;
}

#list ul li a {
display: block;
margin: 0;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
text-align: center;
color: #636363;
}

#list ul li a.last {
background-image: none;
}

#bbb {
position: absolute;
margin: 0;
padding: 0;
top: 0;
left: 0;
width: 100% !important;
height: 63px !important;
border-top: 1px solid #cdcdcd;
background-color: #fff;
opacity: 0.8;
}

#lb {
/*position: absolute;
top: 16px;*/
position: relative;
margin: 0;
padding: 0;
width: 100% !important;
/*height: 68px !important;*/
/*height: 52px !important;*/
height: 63px !important;
border-top: 1px solid #cdcdcd;
overflow-x: auto;
overflow-y: hidden;
list-style: none;
white-space: nowrap;
z-index: 10 !important;
}

#lb::-webkit-scrollbar {
height: 8px;
background: transparent;
}

#lb::-webkit-scrollbar-thumb {
height: 8px;
-webkit-border-radius: 4px;
background: #ddd !important;
}

#lbc {
position: relative;
width: 143px;
}

#lbc ul {
position: relative;
top: 0;
margin: 0 auto;
width: 106px !important;
height: 52px !important;
}

#lb li {
display: inline-block;
width: 50px;
height: 50px;
margin: 2px 0 0 2px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}

#lb div {
margin-top: 34px;
width: 100%;
height: 16px;
background: rgba(255,0,0,0.8);
background-image: url(../gfx/cr.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;
}

.lbt li div {
opacity: .8 !important;
}

#lb li:hover div {
opacity: .8;
}

#lb div:hover {
opacity: 1 !important;
}

.nro {
top: 34px !important;
left: 129px !important;
right: 0 !important;
height: 56px !important;
}

#lcbutclear {
position: absolute;
border: 0;
left: 123px;
bottom: 18px;
}

#lbgs {
display: table;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border-collapse: collapse;
list-style: none;
/*border-spacing: 1px;*/
/*border: 1px solid #cdcdcd;*/
background-color: inherit;
z-index: 30;
}

#grc {
display: table;
position: absolute;
top: 0;
right: 16px;
margin: 0;
padding: 0;
/*width: 300px;*/
list-style: none;
/*border-spacing: 1px;
border: 1px solid #cdcdcd;*/
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
background-color: inherit;
z-index: 30;
}

#lbgs li, #grc li, #pre li, #sort li, #gsSel li, #hlinks li, .mhlinks li, #lgu li, .blinks li {
display: table-cell;
margin: 0 2px 0 0;
height: 27px;
line-height: 27px;
border: 1px solid #cdcdcd;
border-top: none;
border-bottom: none;
cursor: default !important;
}

#lbgs li, #grc li {
display: table-cell;
margin: 0;
padding: 0;
min-width: 14px;
height: 27px;
color: #b4b4b4;
}

 #grc li {
border: none;
 }

.lbgs {
padding-left: 4px !important;
}

#lt, #pre, #sort, #gsSel, #hlinks, .mhlinks, #lgu, .blinks {
display: table;
margin: 0;
padding: 0;
list-style: none;
color: #fff;
}
#sb 
/*#lt, #sort, #gsSel, #lgu {*/
#lbgs, #grc, #sort, #gsSel, #lgu {
border-collapse: collapse;
/*border-spacing: 1px 0;*/
}
#gsSel {
margin-left: 4px;
}

#pre, #sort {
margin-left: 10px;
}

#sort {
border-spacing: 4px 0;
}

#sb {
position: relative;
width: 50px;
padding-left: 14px !important;
text-align: left;
/*vertical-align: middle;*/
}

#sb div {
position: absolute;
top: 10px;
right: 0;
width: 14px;
height: 7px;
background-image: url(../gfx/sad.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 14px 7px;
}

.sbu div {
background-image: url(../gfx/sau.gif) !important;
}

.blinks {
position: absolute;
top: 2px;
right: 0;
height: 10px;
line-height: 10px;
}

.blinks li {
margin: 0;
padding: 0 8px;
height: initial;
/*border-left: 1px solid #fff;*/
line-height: initial;
color: #656565;
border-radius: initial;
}

.blinks a:link, .blinks a:visited {
font-size: 10px;
font-weight: bold;
color: #656565;
}

.blinks li a:hover {
color: #888;
}

#setpop {
position: relative;
/*margin-left: 2px;*/
padding: 1px;
padding-right: 32px;
/*top: -3px;*/
font-size: 12px;
/*border: 1px solid #666;*/
border-radius: 2px;
color: #b4b4b4;
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
-webkit-appearance: none;
background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' fill='%23b4b4b4'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
background-position: right center;
background-size: 24px 24px;
}

#lbsl {
width: 250px;
}

/*#lbsl select:active, #pre select:active {*/
#pre select:active {
border: 1px solid #000;
}

/*#lbsl select:focus, #pre select:focus {*/
#pre select:focus {
outline: none;
}

/*#gsSel {
margin-left: 6px;
}*/

/*#gsSel li {
padding: 1px
}*/

#gsSel .sel, #gsSel li:hover {
color: #353535;
}

.pre {
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
}

#lbgr {
position: relative;
width: 40px !important;
padding-left: 14px !important;
height: 27px;
line-height: 27px;
vertical-align: middle;
cursor: default !important;
}

#lbgr div {
display: block;
/*position: absolute;*/
top: 0;
right: 0;
width: 40px;
height: 16px;
/*border-radius: 2px;
background-color: #666;*/
background-image: url(../gfx/grd1.gif);
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 16px;
overflow: visible;
}

.gt2 div {
background-image: url(../gfx/grd2.gif) !important;
}

#page {
display: inline-block;
position: absolute;
top: 1px;
right: 10px;
margin: 0;
padding: 0;
list-style: none;
color: #fff;
white-space: nowrap;
line-height: 14px;
background-color: #333;
}

#page li {
position: relative;
display: inline-block;
margin-left: 4px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
white-space: nowrap;
vertical-align: top;
cursor: default !important;
}

#pn {
display: inline-block;
position: relative;
top: 0;
left: 0;
margin: 0;
padding: 0;
list-style: none;
color: #fff;
white-space: nowrap;
}

#pn li {
display: inline-block;
padding: 2px;
border-radius: 2px;
height: 10px;
line-height: 10px;
text-align: center;
}

#pn li:hover {
background-color: #f00;
}

.sym {
height: 14px;
border-radius: 2px;
}

.sym img {
padding: 2px;
}

.sym:hover {
background-color: #f00;
}

#pgb {
display: table;
table-layout: fixed;
margin: 0;
margin-top: 1px;
width: 100%;
height: 14px;
text-align: center;
color: #666;
}

.pg {
position: relative;
display: table-cell;
height: 10px;
border: 1px solid #0c0;
border-radius: 5px;
line-height: 10px;
text-align: center;
color: #888;
padding: 0;
font-size: 10px;
overflow: hidden;
z-index: 100;
}

.br {
position: absolute;
top: 0;
left: 0;
background-color: #0c0;
height: 10px;
}

.n {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 10px;
margin:0;
padding:0;
z-index: 100;
line-height: 8px;
}

/*#lbbc {
position: absolute;
display: inline-block;
margin: 0;
padding: 0;
top: 37px;
right: 0;
width: 30px !important;
height: 66px !important;
}

#lbbc li {
margin-top: 3px;
height: 13px;
line-height: 13px;
text-align: center;
font-size: 9px;
color: #fff;
background-color: #777;
cursor: default !important;
}

#lbbc li:hover {
background-color: #333;
}*/

#lbbo {
margin: 4px 0 4px 2px;
padding: 0;
width: 100% !important;
height: 13px !important;
list-style: none;
white-space: nowrap;
}

#lbbo li {
display: inline-block;
margin: 0 4px 0 0;
width: 39px;
height: 13px;
line-height: 13px;
text-align: center;
font-size: 9px;
color: #fff;
background-color: #777;
cursor: default !important;
}

#lbbo li:hover {
background-color: #666;
}

/* Grid */

.cel{
display: inline;
float: left !important;
padding: 0;
margin: 5px 0 0 5px;
/*border: 1px solid #bbb;*/
width: 260px;
height: 290px;
background-color: #333;
}

* html .cell {
width: 262px;
height: 292px;
}

.cntr {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 260px;
height: 260px;
}

.cntr * {
vertical-align: middle;
}

img.pre{
text-align: center;
max-width: 240px;
max-height: 240px;
height: expression(this.height >= this.width && this.height > 240 ? '240px' : true);
width: expression(this.height < this.width && this.width > 240 ? '240px' : true);
}

.txt{
padding-left: 5px;
padding-right: 5px;
height: 28px;
line-height: 14px;
overflow: hidden;
font-size: 10px;
font-weight: bold;
color: #808080;
text-align: center;
}

/* New Grid */
/*#t a:link {
display: table-cell;
text-align: center;
margin: auto;
font-size: 12px;
cursor: default;
}*/

#t, #t td {
border: 1px solid #cdcdcd;
border-collapse: collapse;
}
#t {
width: 100%;
/*height: 100%;*/ /* This is leathal for the auto scroll */
table-layout: fixed;
border-collapse: collapse;
/*border-top: none;*/
border: none;
}
#t td {
/* ENABLE THE TWO LINES BELOW IF YOU WANT A CELL BORDER */
/*padding: 1px !important;
background-color: #fff !important;*/
/* ENABLE THE LINE BELOW IF YOU DON'T WANT A CELL BORDER */
padding: 0;
vertical-align: top;
background-color: #fff;
}
#t a {
display: block;
}
.b {
border: none !important;
background-color: transparent !important;
}
.i {
margin: 5px auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-color: #fff;
text-align: center;
margin: auto;
}
.i>img {
display: inline !important;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
}
.in {
position: relative;
display: inline-block;
margin: 2px 0;
width: 100%;
}
.in div {
margin: 2px;
height: 10px;
line-height: 10px;
overflow: hidden;
text-align: center;
color: #707070;
font-size: 10px;
}
.in>div:first-child {
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 500;
color: #444343;
}
.cb {
position: absolute;
display: table;
table-layout: fixed;
border-collapse: collapse;
border-style: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 2px 0 0 0 !important;
padding: 0;
width: 100%;
height: 26px !important;
white-space: nowrap;
}

.cb a {
display: table-cell;
margin: 0;
height: 100%;
border: 2px solid transparent;
background-image: url(../gfx/gd.png);
background-color: #fbcf36;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
/*transition: opacity .1s ease-in-out;
-moz-transition: opacity .1s ease-in-out;
-webkit-transition: opacity .1s ease-in-out;*/
}

.cb a:first-child {
background-image: url(../gfx/ga.png) !important;
}
.c:hover .cb a {
opacity: .6;
}
.cb a:hover {
opacity: 1 !important;
}
#zr {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding-top: 100px;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #808080;
}
#help {
background-color: #fff;
}
.frhd {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 22px;
font-weight: bold;
color: #fff;
}
.shd {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #015edd;
}
.frad {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #c0c0c0;
}
#cont a:link {
text-decoration: none;
color: #0ea9d8;
}
#cont a:visited {
text-decoration: none;
color: #909090;
}
#cont a:hover {
text-decoration: none;
color: #777;
}
/*#ro {
width: 200px !important;
}*/
#ro {
    position: absolute;
    display: inline-block;
    padding: 4px;
    width: 200px;
    background-color: #fff;
    font-size: 10px;
    font-color: #999 !important;
    overflow: hidden;
    /* word-break: break-all; */
    word-break: normal;
}

/* vFile */
.red {
color: #f00 !important;
}

/* bbar */
.la {
height: 14px;
border-radius: 2px;
width: auto !important;
}

.la img {
padding: 2px;
}

.ap {
margin-left: 10px;
height: 14px;
border-radius: 2px;
}

.ap img {
padding: 2px;
}

.ap:hover {
background-color: #f00;
}

.mn {
margin-left: 10px !important;
}

.plb {
margin-left: 10px; 
width: auto !important;
height: 14px;
line-height: 14px;
}

.plb:hover {
background-color: initial !important;
}

.nm {
top: 0;
}

/* Lightbox Edit Page */
#edcont {
margin: 100px auto auto auto;
width: 300px;
height: 100px;
color: #666;
}

#edheading {
width: 100%;
height: 25px;
line-height: 25px;
text-align: center;
vertical-align: text-top;
font-size: 18px;
font-weight: bold;
background-color: #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
}

#edrow {
display: table;
position: relative;
margin-top: 4px;
width: 100%;
height: 25px;
line-height: 25px;
white-space: nowrap;
vertical-align: bottom;
font-size: 14px;
font-weight: bold;
}

#edrow label {
display: table-cell;
width: 1px;
padding-right: 10px;
}

#edip {
display: table-cell;
right: 0;
width: 100%;
margin-right: 0;
border: 2px solid #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#edButBar {
display: table;
table-layout: fixed;
margin-top: 25px;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
height: 22px;
width: 100%;
vertical-align: middle;
background-color: #666;
border-radius: 5px;
-moz-border-radius: 5px;
font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, "sans-serif";
color: #fff;
font-size: 14px;
font-weight: bold;
border-spacing: 3px;
border-collapse: separate;
}

#edButBar > div {
display: table-cell;
margin: 3px;
height: 16px;
line-height: 16px;
font-size: 12px;
background-color: #8e8e8e;
text-align: center;
vertical-align: middle;
border-radius: 3px;
-moz-border-radius: 3px;
cursor: default;
}

#edButBar div:hover {
background-color: #bbb;
}

#dlcont {
/*display: table;*/
margin: 100px auto auto auto;
width: 300px;
color: #666;
}

.dlrow {
display: table-row;
position: relative;
margin-top: 4px;
width: 100% !important;
height: 25px;
line-height: 25px;
white-space: nowrap;
vertical-align: bottom;
font-size: 14px;
font-weight: bold;
}

.dlcell {
display: table-cell;
}

#dlpop {
width: 100% !important;
}

.hd {
/*width: 100%;*/
margin: 0 4px;
height: 25px;
line-height: 25px;
text-align: center;
vertical-align: text-top;
font-size: 18px;
font-weight: bold;
background-color: #ddd;
border-radius: 5px;
-moz-border-radius: 5px;
}

#pt {
margin: 25px auto;
width: 300px;
line-height: 16px;
font-size: 12px;
font-weight: bold;
color: #fff;
}

#pb {
display: table;
table-layout: fixed;
margin: 25px auto auto auto;
height: 22px;
width: 300px;
vertical-align: middle;
background-color: #666;
font-family: "HelveticaNeue-Light", "HelveticaNeue", Helvetica, Arial, "sans-serif";
color: #fff;
font-size: 14px;
font-weight: bold;
border-spacing: 3px;
border-collapse: separate;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
border-radius: 5px;
-moz-border-radius: 5px;
}

/*#pb > div {*/
#pb div, #pb a {
display: table-cell;
margin: 3px;
height: 16px;
line-height: 16px;
font-size: 12px;
background-color: #8e8e8e;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
cursor: default;
color: #fff;
}

/*#pb a {
display: table-cell;
margin: 3px;
height: 16px;
line-height: 16px;
font-size: 12px;
background-color: #8e8e8e;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 3px;
-moz-border-radius: 3px;
cursor: default;
}*/

#pb div:hover, #pb a:hover {
background-color: #bbb;
}

/*#pt td {
vertical-align: top;
}*/

#pt tr td:first-child{
width:1%;
white-space:nowrap;
vertical-align: top;
padding-right: 5px;
}

#dpgb {
position: relative;
margin: 25px auto;
width: 300px;
height: 18px;
line-height: 18px;
text-align: center;
border: 2px solid #0c0;
border-radius: 7px;
-moz-border-radius: 7px;
overflow: hidden;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}

/*#pgb {
display: table;
table-layout: fixed;
margin: 0;
margin-top: 1px;
width: 100%;
height: 14px;
text-align: center;
color: #666;
}

.pg {
position: relative;
display: table-cell;
height: 10px;
border: 1px solid #0c0;
border-radius: 5px;
line-height: 10px;
text-align: center;
color: #888;
padding: 0;
font-size: 10px;
overflow: hidden;
z-index: 100;
}*/

#db {
position: absolute;
top: 0;
left: 0;
background-color: #0c0;
height: 14px;
}

#dn {
position: absolute;
margin:0;
padding:0;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 14px;
line-height: 14px;
color: #fff;
z-index: 100;
}

#dm {
margin: 25px auto;
text-align: center;
color: #fff;
}

/*#ff {
position: absolute;
left: 10px;
bottom: 4px;
width: 240px;
}*/

#ff input {
/* two lines below fixes input vertical align */
border: 0;
padding: 0;
vertical-align: middle;
}

#ff input[type=text] {
margin: 0;
padding: 0 3px;
/*height: 16px;*/
height: 20px;
line-height: 20px;
/*border: none;*/
border: 1px solid #9c9c9d;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-size: 11px;
/*font-weight: 300;*/
font-weight: normal;
border-radius: 3px 3px;
-webkit-border-radius: 3px 3px;
}

#s0 {
position: absolute;
top: 20px;
left: 20px;
width: 200px;
border-right: none !important;
border-radius: 3px 0 0 3px !important;
-webkit-border-radius: 3px 0 0 3px !important;
}

#fb {
display: inline-block;
position: absolute;
top: 20px;
left: 222px;
margin: 0;
/*top: 0;*/
width: 30px;
/*height: 16px;
line-height: 16px;*/
height: 22px;
line-height: 22px;
/*border: none;*/
border: 1px solid #9c9c9d !important;
border-left: none !important;
border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
/*text-align: center;
vertical-align: middle;
background-color: #777;*/
background-color: #fff;
background-image: url(../gfx/mag.png);
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center center;
cursor: default;
}

#popcon {
visibility: hidden;
position: fixed;
display: block;
/*top: 64px;*/
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
z-index: 3000;
/*background-color: #0f0;*/
}

#scat
{
position: absolute;
top: 49px;
left: 20px;
width: 68px;
}

#frs
{
position: absolute;
top: 49px;
left: 100px;
width: 66px;
}

#tos
{
position: absolute;
top: 49px;
left: 178px;
width: 66px;
}

#catsel, #frsel, #tosel {
visibility: hidden;
position: absolute;
top: 70px;
left: 16px;
margin: 0;
padding: 6px 6px;
background-color: #fff;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 300;
color: #acacac;
border-radius: 3px;
-webkit-border-radius: 3px;
z-index: 4000;
cursor: default;
}

#frsel {
left: 94px;
}

#frsel ul, #tosel ul {
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0 6px;
}

#tosel {
left: 172px;
}

#catsel li {
/*#catsel li, #frsel li, #tosel li {*/
padding: 0 3px; 
}

#catsel li:hover, #frsel li:hover, #tosel li:hover, .dtsel {
background-color: #ddd; 
}

#fb:hover {
/*background-color: #666;*/
background-color: #aaa;
}

.nocol {
left: 0 !important;
}

#lbbt, #lbbv, #lbbc, #lbbe, #lbbd {
/*margin-left: 2px;*/
width: 46px !important;
/*height: 14px !important;
background-color: #666;*/
background-repeat: no-repeat;
background-position: center center;
cursor: default;
}

#lbbt:hover, #lbbv:hover, #lbbc:hover, #lbbe:hover, #lbbd:hover {
background-color: #ddd;
}

#lbbt
{
width: 212px !important;
font-size: 12px;
background-image: url(../gfx/au.gif);
background-position: 136px;
background-size: 18px 10px;
}

.lbd
{
background-image: url(../gfx/ad.gif) !important;
background-size: 18px 10px;
}

#lbbv
{
background-image: url(../gfx/eye.png);
background-size: 25px 15px;
}

#lbbc
{
background-image: url(../gfx/lcl.gif);
background-size: 16px 16px;
}

#lbbe
{
background-image: url(../gfx/led.gif);
background-size: 15px 15px;
}

#lbbd
{
background-image: url(../gfx/ldl.gif);
background-size: 21px 16px;
}

/* HEAD.CSS */
/*#mhlinks {
position: absolute;
top: 5px;
right: 2px;
border-collapse: separate;
border-spacing: 3px 0;
}
#mhlinks li:hover {
color: #01ad22;
}
#mhlinks li {
padding: 0 6px;
height: 20px;
line-height: 20px;
vertical-align: middle;
color: #fff;
background-color: #666;
}
#mhlinks li a
{
margin: 0px;
display: block;
width: 100%;
height: 100%;
cursor: default;
}*/
#fbk, #tw, #inst {
/*display: inline-block;*/
padding: 0 !important;
width: 20px;
background-color: #777;
}
#fbk {
background-image: url(../gfx/fb.png);
background-repeat: no-repeat;
background-position: center center;
}
#tw {
background-image: url(../gfx/tw.png);
background-repeat: no-repeat;
background-position: center center;
}
#inst {
background-image: url(../gfx/inst.png);
background-repeat: no-repeat;
background-position: center center;
}

.mhlinks {
position: absolute;
/*top: 20px;
right: 40px;*/
top: 12px;
right: 12px;
border-collapse: collapse;
border-spacing: 3px 0;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 300;
color: #777;
}
.mhlinks li {
margin: 0;
padding: 0 34px 0 0;
/*height: 20px;
line-height: 20px;*/
/*height: 20px;*/
height: 1em;
line-height: 1em;
vertical-align: middle;
border: none;
}
/*.mhlinks li:first-child {
padding-right: 36px;
}*/
.mhlinks li:last-child {
padding: 0;
}
.mhlinks li a
{
margin: 0px;
display: block;
width: 100%;
/*height: 100%;*/
font-weight: 300;
/*font-size: 19px;*/
font-size: 16px;
color: #767676;
cursor: default;
}
.mhlinks>li:hover a{
color: #333 !important;
}
#lgu input {
vertical-align: middle;
font-weight: bold;
}

#lgu input[type=text], #lgu input[type=password] {
margin: 0;
padding: 0 3px;
height: 20px;
width: 100px;
border: none;
font-size: 11px;
border-radius: 3px;
-webkit-border-radius: 3px;
}

#reg, #lgu input[type=submit] {
padding: 1px 5px;
height: 20px;
line-height: 20px;
border: 0;
color: #fff;
/*background-color: #666;*/
border-radius: 3px;
-webkit-border-radius: 3px;
}

#reg {
padding: 0 4px;
height: 20px;
line-height: 20px;
}

#infoPage {
/*display: table;*/
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #f4f5f8;
font-size: 13px;
z-index: 100;
}
#pcont {
/*display: table-cell;*/
position: relative;
margin: auto;
margin-top: 40px;
height: 624px;
/*margin: 0;
padding: 0;*/
/*width: 1100px;*/
max-width: 1100px;
min-width: 920px;
color: #666;
/*background-color: #bbb;*/
background-color: #f00;
/*vertical-align: middle;*/
/*border: 14px solid #f6f5f7;*/
/*border: 14px solid #0f0;*/
}
#img {
display: table-cell;
position: relative;
width: 624px;
height: 624px !important;
/*height: 600px !important;*/
text-align: center; 
vertical-align: middle;
background-color: #fff;
border: 1px solid #9b9b9b;
}
#img img {
display: block;
margin: auto;
max-width: 600px;
max-height: 600px;
}
#rpane{
position: absolute;
top: 0;
left: 625px;
right: 0px;
/*width: 480px;*/
height: 624px;
background-color: #fff;
border: 1px solid #9b9b9b;
}
#info{
height: 100%;
border-collapse: collapse;
margin: 0 16px;
}
/*#info > div {
display: table-cell;
word-wrap: break-word;
color: #777;
}*/
/*#info div:first-of-type {
height: 100%;
}*/
#info td {
padding: 0;
word-wrap: break-word;
}
/*#info td:first-child {
white-space: nowrap;
}*/
/*#btns {
position: absolute;
bottom: -3px;
}*/
#pbtns, #dbtns {
display: table;
table-layout: fixed;
margin: 0;
padding: 16px 0;
width: 100%;
height: 34px;
border: none;
border-spacing: 3px;
border-collapse: separate;
font-weight: normal;
font-size: 13px;
}
#dbtns {
border-top: 1px solid #cdcdcd;
padding-bottom: 0;
/*bottom: 28px;*/
}
#dbtns a {
display: block !important;
font-weight: normal;
}
#pbtns {
padding-top: 10px;
}
#lbl {
font-size: 14px;
font-weight: 300;
color: #fff !important;
background-color: transparent !important;
}
.blnk
{
background-color: transparent !important;
}
.dv {
display: none;
/*margin: 0 3px;
height: 1px;
background-color: #cdcdcd;*/
}
#pbtns > div, #dbtns td, #dbtns div, #dbtns a {
display: table-cell;
padding: 0;
height: 34px;
line-height: 34px;
text-align: center;
vertical-align: middle;
color: #595959;
/*background-color: #666;*/
text-decoration: none;
border: 1px solid #595959;
border-radius: 4px;
-webkit-border-radius: 4px;
cursor: default;
overflow: hidden;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#dbtns a {
border: none;
}
#pbtns > div:hover, #dbtns a:hover {
background-color: #444;
}
/*#al, #pr {
display: inline-block !important;
padding-left: 20px !important;
background-color: transparent;
background-image: url(../gfx/plu.gif);
background-repeat: no-repeat;
background-position: left;
white-space: nowrap;
}
#pr
{
padding-left: 22px !important;
background-image: url(../gfx/pri.png);
}*/

#pal, #par, #al {
background-repeat: no-repeat;
background-position: center center;
}
#pal{
background-image: url(../gfx/pal.png);
background-size: 10px 18px;
}
#par{
background-image: url(../gfx/par.png);
background-size: 10px 18px;
}
#al{
background-image: url(../gfx/plu.gif);
}
#ial {
width: 50px;
height: 100%;
/*background-image: url(../gfx/ial.png);*/
background-image: url(../gfx/bal.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
#iar {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
/*background-image: url(../gfx/iar.png);*/
background-image: url(../gfx/bar.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 0.5;
}
#itx2 {
color: #f00 !important;
}
#fInf {
border-collapse: collapse;
height: 100%;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
/*font-weight: 500;*/
font-weight: normal;
font-size: 14px;
line-height: 1.2;
color: #777;
white-space: normal;
border: none;
}
#fInf td {
padding: 0 0 0 0;
/*height: auto;*/
height: 10px;
}
#fInf a {
font-weight: normal;
font-size: 14px;
color: revert !important;
text-decoration: underline !important;
}
#fInf a:hover {
color: #777 !important;
}
.iL0 {
padding-top: 24px !important;
color: #373737;
}
.iL1 {
padding-top: 6px !important;
}
.iL2 {
padding: 6px 0 24px 0 !important;
}
.iL3 {
padding-top: 36px !important;
border-top: 1px solid #cdcdcd;
line-height: 24px;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-size: 24px;
font-weight: 200;
color: #373737;
}
.iL4 {
padding: 12px 0 0 0 !important;
line-height: 18px;
font-size: 18px;
color: #373737;
}
.iL5 {
padding: 68px 0 0 0 !important;
/*height: 100% !important;*/
height: auto !important;
vertical-align: top;
}
.iL5 div {
height: 100%;
overflow-y: auto;
}
.all, .clear {
background-color: transparent !important;
}
.all {
height: 100%;
vertical-align: top;
/*color: #bbb !important;*/
}
.iRed {
color: #d20505 !important;
font-size: 18px;
background-color: transparent !important;
}
.lnk {
text-decoration: underline;
cursor: default;
}
.lnk:hover {
color: #777 !important;
}
.head {
font-weight: bold !important;
}
#infPg {
position: relative;
margin: auto;
margin-top: 40px;
max-width: 600px;
color: #666;
}
.t2hd {
margin: 20px;
text-align: center;
font-size: 18px;
}
.t2bdy {
font-size: 14px;
}
.t2ln {
position: absolute;
bottom: 0;
font-size: 14px;
color: #666;
cursor: default;
}
.t2ln a:hover {
color: #01ad22;
}
#lgb {
position: absolute;
display: inline-block;
top: 0;
right: 0;
padding: 10px;
/*background-color: #fff;*/
/*background-color: #01ad22;*/
/*background-color: #333;*/
background-color: #999;
border-radius: 0 0 0 3px;
-webkit-border-radius: 0 0 0 3px;
}
#lgf input {
position: relative;
/* two lines below fixes input vertical align */
display: inline-block;
border: 0;
margin: 0;
/*padding: 2px 5px;*/
/*padding: 0 5px;*/
padding: 0;
width: 100%;
/*height: 51px;
line-height: 51px;*/
height: 3vw;
line-height: 3vw;
vertical-align: middle;
text-align: center;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
/*font-size: 24px;*/
font-size: 1.5vw;
color: #555;
background-color: transparent;
/*border-radius: 3px;
-webkit-border-radius: 3px;*/
z-index: 2;
}
#lgf input::placeholder {
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 500;
color: #eee;
-webkit-text-fill-color: #eee;
-webkit-text-stroke: 0.5px #939393;
}
#lgt, #st {
margin: auto;
border-collapse: collapse;
width: 50%;
}
#lgt td, #st td {
position: relative;
margin: 0;
padding: 0;
width: 42%;
height: 16px;
line-height: 16px;
vertical-align: top;
font-size: 12px;
color: #777;
}
#lgt td:last-child {
width: 16%;
}
#st td:first-child {
width: 22%;
}
#st td:nth-child(2) {
width: auto;
}
#st td:last-child {
width: 6%;
}
#lgt div, #st div, #bo {
position: absolute;
width: 100%;
/*height: 100%;*/
height: 3vw;
border: 1px solid #5a5a5a;
background-color: #fff;
/*opacity: 0.6;*/
opacity: 0.7;
z-index: 1;
}
#lgt td:first-child div, #st td:first-child div {
border-right: none;
border-radius: 0.4vw 0 0 0.4vw;
-webkit-border-radius: 0.4vw 0 0 0.4vw;
}
#lgt td:last-child div, #st td:last-child div {
border-radius: 0 0.4vw 0.4vw 0;
-webkit-border-radius: 0 0.4vw 0.4vw 0;
z-index: 1;
}
#lgt td:last-child div {
opacity: 0.8;
}
/*#st td:first-child div {
border-radius: 0 0;
-webkit-border-radius: 0.4vw;
opacity: 0.8;
}*/
#st td:nth-child(2) div {
margin-left: 1px;
border-left: none;
border-right: none;
}
#st td:last-child div {
margin-left: 1px;
border-left: none;
}
#s {
/*padding: 0 0 0 5px !important;*/
padding: 0 !important;
}
#bo {
border-right: 1px solid #5a5a5a !important;
border-radius: 0.4vw !important;
-webkit-border-radius: 0.4vw !important;
opacity: 0.8 !important;
z-index: 3 !important;
}
#sc {
position: relative;
left: 0;
right: 0;
margin-top: 1px !important;
padding: 0 !important;
width: 100%;
/*height: 100%;
line-height: 100%;*/
height: 3vw;
/*line-height: 3vw;*/
line-height: normal;
text-align-last: center;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
/*font-weight: normal;*/
font-weight: 300;
font-size: 1.5vw;
color: #555;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
appearance:none;
/*background-color: #fff !important;*/
background-image: url(../gfx/sad.png);
/*background-size: 14px 14px;*/
background-size: 0.9em;
background-repeat: no-repeat;
/*background-position: right center;*/
background-position: 90% 54%;
opacity: 0.6;
z-index: 4 !important;
}
#su {
background-image: url(../gfx/mg.png);
/*background-size: 14px 14px;*/
background-size: 1.3em;
background-repeat: no-repeat;
background-position: left center;
}
#lgn, #lgc, #err {
padding: 2px 5px;
}
#un {
/*width: 368px;*/
}
#pw {
/*width: 341px;*/
}
#lgn {
/*width: 142px;*/
/*color: #585858 !important;*/
color: #585858 !important;
}
#lgn::placeholder {
color: #585858 !important;
-webkit-text-fill-color: #585858 !important;
-webkit-text-stroke: 1px #585858 !important;
}
#ma, #ha {
position: absolute;
/*top: 40px;
left: 40px;*/
top: 5.5vw;
left: 5.5vw;
height: 0;
line-height: 0;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 600;
font-size: 2.3vw;
color: #eee;
}
h1 {
margin: 0;
padding-top: 12%;
text-align: center;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: normal;
/*font-size: 40px;*/
font-size: 2.3vw;
color: #eee;
}
.bld {
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 600;
}
#ma:hover, #ha:hover {
color: #fff !important;
}
#ha {
left: auto;
/*right: 40px !important;*/
right: 5.5vw !important;
}
#lgb a:visited, #lgb a:link {
text-decoration: underline;
color: #777;
}
#lgb a:hover {
color: #fff;
}
/*#lgf input[type=text] {
margin: 0;
padding: 0 3px;
height: 16px;
border: none;
font-size: 11px;
}*/
#lgc {
position: relative;
margin-top: 3px;
right: 0;
float: right;
padding: 2px 6px;
background-color: #777;
color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
cursor: default;
}
#lck {
text-align: left;
}
#err {
/*width: 100px;*/
padding: 1px 5px;
font-weight: bold;
color: #fff;
background-color: #f00;
border: none !important;
border-radius: 3px;
-webkit-border-radius: 3px;
white-space: normal;
/*word-break: break-all;*/
}
#al {
position: relative;
top: 0;
margin: 0;
}
label {
display: inline-block;
padding-left: 4px;
vertical-align: text-bottom;
}
/* head.css */
/*#logo {
position: absolute;
top: 21px;
left: 22px;
}*/
#logo666 {
display: block;
/*display: inline-block;*/
/*position: relative;*/
margin: auto;
padding-top: 18px;
width: 200.78px;
/*margin-left: auto;
margin-right: auto;*/
}
#lgo {
display: block;
margin: auto;
padding-top: 18px;
width: 200px;
}
#mnu {
position: absolute;
padding: 0;
left: 0;
bottom: 4px;
right: 0;
}
.menu {
display: table;
table-layout: fixed;
list-style-type: none;
position: relative;
margin: 0;
padding: 0;
width: 100%;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 300;
}
.menu a {
display:inline-block;
width: 100%;
}
/*.menu li, a:link {
.menu li, #t a:link {*/
.menu li {
display: table-cell; /* Makes columns equal width when combined with table table-layout: fixed */
text-align: center;
margin: auto;
/*font-size: 14px;*/
font-size: 12px;
/*font-weight: bold;*/
cursor: default;
}
.menu a:link {
display: inline-block;
margin: auto;
font-size: 20px;
/*font-weight: bold;
font-weight: normal;*/
font-weight: 300;
text-align: center;
cursor: default;
color: #353636;
}
.menu a:active {
color: #656565 !important;
}
a.act {
color: #656565 !important;
}
.menu a:hover {
transition-property: transform;
transition-duration: 0.5s;
-webkit-transition-property: transform all;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-property: transform;
-o-transition-duration: 0.5s;
-ms-transition-property: transform;
-ms-transition-duration: 0.5s;
color: #656565;
}

/*** Pages ****/

#pg a:link, #pg a:visited, #pg input[type=submit] {
text-decoration: none;
color: #595959;
}
#pg a:hover, #pg input[type=submit]:hover {
text-decoration: none;
color: #595959;
}
#dcCont {
margin: auto;
width: 600px;
text-align: left;
font-size: 14px;
color: #999;
}
.dcC {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
background-color: #f9f7f6;
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 14px;
z-index: 100;
}
#dcCf, #dcCon {
display: inline-block;
margin: 40px auto auto auto;
}
#dcCon {
width: 600px;
}
.dcH {
padding: 0;
/*margin 0 0 20px 0;*/
text-align: center;
font-size: 22px;
font-weight: bold;
color: #fff;
}
.dcSh {
font-size: 16px;
font-weight: bold;
color: #20ab00;
}
.dcBdy, .dcBdyBld {
text-align: left;
color: #999;
}
.dcBdyBld {
font-weight: bold;
}
.dcBtn {
margin-top: 20px;
text-align: center;
}
.dcBtn a {
}
.dcBtn input[type=submit] {
padding-left: 40px;
border: 0 none;
background: none;
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
}
.headertext {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #6699FF;
}
table {
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 300;
font-size: 10px;
}
.form {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 12px;
}

.frad {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #C0C0C0;
}
.frbd {
font-family: Arial, Charcoal, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #C0C0C0;
}
.price, .price td {
table-layout: fixed;
width: 100%;
border: 1px solid #fff;
border-collapse: collapse;
border-spacing: 1px;
}
.prh {
color: #fff;
}
.dcBdy a, .dcBdyBld a {
display: inline;
}
.helpbdy {
text-align: left;
}
.bodytext a{
display: inline;
}
#prints {
position: absolute;
top: 14px;
left: 312px;
cursor: pointer;
}
#gc {
position: absolute;
top: 14px;
left: 444px;
cursor: pointer;
}
/* New Style Grid */
#ngd {
width: 100%;
font-size: 0;
}
.d {
display: inline-block;
position: relative;
/*display: block;
float: right;*/
/*margin-left: 12px;
margin-bottom: 12px;*/
/*margin: 0 0 12px 12px;*/
margin: 0;
padding: 0;
border: none;
/*background-color: #f00;*/
/*border-radius: 4px;*/
}
.d img {
border-radius: 3px;
/*z-index: 1;*/
}

/* Sales Dashboard Start */
#srt {
width: 100%;
height: 100%;
}
#srt td {
vertical-align: top;
font-size: 14px;
}
#srm, #srml, #srttl {
color: #aaa;
}
#srm table {
border-spacing: 0;
font-size: 14px;
color: #aaa;
}
.pgh, .pgbl td {
border: none !important;
}
.pgh td{
padding: 2px 10px;
border: none !important;
background-color: #aaa;
color: #fff;
border-radius: 5px 5px 0 0;
}
.pglbl, .tot {
margin-top: 8px;
background-color: #aaa;
color: #fff;
border-radius: 8px;
}
.pglbl {
/*background-color: #999;*/
background-color: #999;
}
/*.pglbl td {
border: 1px solid #999 !important;
}*/
#srm td {
padding: 5px;
border: 1px solid #aaa;
border-left: 0;
border-top: 0;
}
#srm td:first-child {
border-left: 1px solid #aaa;
text-align: center;
}
.pgh td:first-child, .pglbl td:first-child {
text-align: left !important;
}
#srl {
white-space: nowrap;
cursor: default;
}
#srl tr:hover, .sract {
color: #0c0;
}
#srttl {
margin: 0 4px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
font-size: 18px !important;
background-color: #999;
color: #fff;
border-radius: 8px;
}
#srml, #srm {
position: absolute;
top: 40px;
bottom: 26px;
left: 20px;
overflow: auto;
}
#srl, #srm {
font-size: 14px;
color: #aaa;
}
#srml {
width: 210px;
}
#srml::-webkit-scrollbar {
width: 8px;
background: transparent;
}
#srml::-webkit-scrollbar-thumb {
width: 8px;
-webkit-border-radius: 4px;
background: #ddd !important;
}
.yr {
padding-top: 10px;
color: #888;
}
#srm {
left: 250px;
right: 0;
padding-left: 2px;
border-radius: 5px !important;
}
#srdlb {
position: absolute;
left: 250px;
bottom: 2px;
padding: 2px 6px;
font-size: 14px;
color: #fff;
background-color: #aaa;
border-radius: 5px;
cursor: default;
}
#srdlb:hover {
background-color: #666;
}
.tsp {
position: relative;
height: 18px;
}
.tsp1 td{
height: 2px;
border: 1px solid transparent !important;
border: none;
}
.drk {
background-color: #ddd;
}
.spre {
width: 75px;
height: 75px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
#st1, #st2 {
display: inline-block;
position: absolute;
top: 0;
font-size: 16px;
color: #999;
}
#st1 {
left: 0;
}
#st2 {
right: 0;
}
#st1 span {
margin-left: 20px;
}
.tot td:first-child {
border-radius: 0 0 0 5px;
}
.tot td:last-child {
border-radius: 0 0 5px 0;
}
#ded > td {
padding: 0;
border: 0 !important;
}
#ded table {
width: 100%;
border-spacing: 0;
}
#ded table td {
border: 1px solid #aaa;
border-left: 0;
border-top: 0;
}
#gtot {
position: relative;
border: none !important;
text-align: right !important;
}
.gtot {
position: absolute;
right: 0;
}
.gtot td {
text-align: left !important;
}
.gtot tr:first-child td {
border-top: 1px solid #aaa !important;
}
.gtot tr:first-child td:first-child {
border-radius: 5px 0 0 0;
}
.gtot tr:first-child td:last-child {
border-radius: 0 5px 0 0;
}
.gtot tr:last-child td:first-child {
border-radius: 0 0 0 5px;
}
.gtot tr:last-child td:last-child {
border-radius: 0 0 5px 0;
}

/* Vertical Menu */
#mu, #l {
display: block;
position: fixed;
margin: 0;
padding: 0;
top: 0;
width: 100%;
height: 0;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-size: 88px;
color: #1c1c1c;
background-color: #fff;
transition: all 0.5s ease-in-out;
z-index: 201;
visibility: hidden;
}
#ml a, #ml div, #mn,#mu li, #l div, #l input {
position: absolute;
/*visibility: hidden;*/
top: -80px;
width: 100%;
text-align: center;
color: #1c1c1c;
opacity: 0;
transition: all 0.5s ease-in-out;
/*transition: hover 0.5s ease-in-out;*/
}
#mu li:hover {
background-color: #ddd;
}
.ms li:nth-child(1) {
top: 70px !important;
}
.ms li:nth-child(2) {
top: 158px !important;
}
.ms li:nth-child(3) {
top: 244px !important;
}
.ms li:nth-child(4) {
top: 334px !important;
}
.ms li:nth-child(5) {
top: 420px !important;
}
.ms li:nth-child(6) {
top: 510px !important;
}
.ms, .lgs {
visibility: visible !important;
height: 100% !important;
}
.lc .cent {
top: 0 !important;
}
#ml {
position: relative;
top: 0 !important;
margin-top: 0;
}
#mn:hover, #lg:hover {
color: #f5f5f5;
}
#l {
/*position: relative;*/
text-align: center !important;
background-color: #def9e4;
}
#l form {
/*display: block;*/
/*position: relative;
width: 100%;*/
}
.cent {
display: block;
position: relative !important;
margin-left: auto;
margin-right: auto;
width: 446px !important;
height: 100%;
/*background-color: #f00;*/
}
/*#cent input {
display: block;
margin-left: auto;
margin-right: auto;
}*/
#l input {
display: block;
position: absolute;
/*position: relative;*/
width: 440px;
height: 44px;
margin-left: auto;
margin-right: auto;
border: 2px solid #1c1c1c;
font-family: "owners-bold", Arial, Helvetica, Charcoal, sans-serif;
/*font-size: 20px;*/
font-size: 30px;
color: #1c1c1c;
background-color: transparent;
}
#l ::placeholder {
  color: #1c1c1c;
  opacity: 1; /* Firefox */
}
#l2 {
width: 446px !important;
height: 50px !important;
color: #ddf8e3 !important;
background-color: #1c1c1c !important;
}
#l2:hover {
color: #f5f5f5 !important;
}
#chks, #fg {
position: absolute;
top: -30px;
left: 0;
font-family: "inter", Arial, Helvetica, Charcoal, sans-serif;
/*font-size: 10px;*/
font-size: 12px;
}
#fg {
display: inline-block !important;
/*display: inline !important;*/
margin: auto;
margin-right: 0;
padding-right: 0;
right: 0;
text-align: right !important;
/*width: auto !important;*/
width: 200px !important;
/*width: initial !important;*/
text-decoration: underline;
}
#fg:hover, #err a:hover {
color: #f5f5f5;
}
#chks {
display: block !important;
/*display: inline !important;*/
margin: auto;
margin-right: 0;
padding-right: 0;
text-align: right;
width: auto !important;
/*width: 200px !important;*/
/*height: 20px;*/
height: auto;
}
#chks input {
display: inline-block;
/*position: absolute !important;*/
position: static;
margin: 0;
padding: 0;
top: 0;
left: 0;
/*height: 100%;*/
width: auto;
height: auto;
}
#chks label {
margin-left: 0;
margin-right: 20px;
}
.rel {
position: relative !important;
top: 0 !important;
width: auto !important;
text-align: left !important;
vertical-align: middle;
}
#l5 {
width: 446px !important;
height: 50px !important;
line-height: 50px;
vertical-align: middle;
/*font-size: 20px;*/
font-size: 30px;
color: #1c1c1c !important;
background-color: #f5f5f5 !important;
}
#l5:hover {
color: #bfbfbf !important;
background-color: #1c1c1c !important;
}
#mu a {
display: block;
width: 100%;
color: #1c1c1c !important;
transition: all 0.25s ease;
}
#mu li:hover, #ml a:hover {
color: #f5f5f5 !important;
transition: all 0.25s ease;
}
.ms li, .lgs div, .lgs input, .lgs #cent, .ms a, .ms #mn, .ls div, .ls input, .ls #cent {
/*visibility: visible;*/
font-size: 30px;
opacity: 1 !important;
}
#mn {
left: 50px;
width: auto !important;
font-size: 30px;
color: #1c1c1c;
z-index: 14;
}
#mn:hover {
background-color: transparent !important;
}
#cl:hover {
color: #f5f5f5;
}
#mi19, #m8, #cl {
font-size: 20px;
}
.ms #mn {
top: 50px;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 500;
}
.menu li:nth-child(1) > a:hover, .menu li:nth-child(1) .act {
color: #6c8c39 !important;
}
.menu li:nth-child(2) > a:hover, .menu li:nth-child(2) .act {
color: #b7742d !important;
}
.menu li:nth-child(3) > a:hover, .menu li:nth-child(3) .act {
color: #961e22 !important;
}
.menu li:nth-child(4) > a:hover, .menu li:nth-child(4) .act {
color: #752b78 !important;
}
.menu li:nth-child(5) > a:hover, .menu li:nth-child(5) .act {
color: #306e92 !important;
}
.menu li:nth-child(6) > a:hover, .menu li:nth-child(6) .act {
color: #2a2f81 !important;
}
.menu li:nth-child(7) > a:hover, .menu li:nth-child(7) .act {
color: #c3a700 !important;
}
#lg {
right: 50px;
width: auto !important;
font-size: 30px;
color: #1c1c1c;
}
.lgs #lg {
top: 50px;
}
.lgs #cl {
top: 610px;
}
.lgs #err {
top: 140px !important;
}
.lgs #l0 {
top: 216px;
}
.lgs #l1 {
top: 284px;
}
.lgs #l2 {
top: 350px;
}
.lgs #chks, .lgs #fg {
top: 416px;
}
.lgs #l5 {
top: 504px;
}

.opaque {
background-color: #3a3a3a !important;
opacity: 1 !important;
}
/* Register Page */
#rf input {
position: absolute;
width: 400px;
height: 46px;
font-size: 20px;
color: #fff;
text-align: center;
border: none;
background: transparent;
z-index: 2;
}
#rck {
display: inline-block;
position: static !important;
width: auto !important;
height: auto !important;
}
#rf input::placeholder {
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 300;
color: #fff;
-webkit-text-fill-color: #fff;
/*-webkit-text-stroke: 0.5px #939393;*/
}
#rlgo {
display: block;
margin: auto;
padding-top: 36px;
width: 528px;
}
#rt {
margin: auto;
margin-top: 52px;
width: 840px;
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 500;
font-size: 14px;
color: #eee;
}
#rt td {
position: relative;
padding-top: 14px;
width: 400px;
height: 46px;
}
#rt td:last-child div, #rt td:last-child input{
right: 0;
}
#rt div {
position: absolute;
width: 400px;
height: 46px;
background-color: #fff;
border: 1px solid #000;
border-radius: 5px;
-webkit-border-radius: 5px;
opacity: 0.6;
z-index: 1;
}
.ctr {
padding-top: 30px !important;
text-align: center;
}
.ctr a {
display: inline-block;
}
#regb {
position: relative;
padding: 0;
text-align: center;
}
#regb > div {
display: block !important;
position: relative !important;
right: auto !important;
margin: auto !important;
border: none;
opacity: 0.8;
}
.frb {
font-family: CS, Arial, Helvetica, Charcoal, sans-serif;
font-weight: 300;
color: #000 !important;
}