@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-weight: normal;
font-style: normal;
}

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

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;
}

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

ul {
list-style-type: none;
}

#head {
position: relative;
width: 100%;
height: 100px;
}

#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;
height:  100%;
width: 100%;
height: 100%;
border-spacing: 0;
border-collapse: collapse;
}

#tbar {
position: absolute;
top: 100px;
left: 0;
right: 0;
height: 22px;
line-height: 22px;
color: #999;
text-align: center;
}

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

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

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

#f2, #pg{
position: absolute;
top: 122px;
left: 0;
bottom: 16px;
right: 0;
overflow-x: hidden !important;
overflow-y: auto !important;
}

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

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

#pg {
top: 100px;
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: #333 !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: 16px;
font-family: Arial, Helvetica, Charcoal, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
color: #fff;
overflow: hidden;
}

#bbar {
position: absolute;
bottom: 0;
padding-top: 0;
width: 100%;
height: 16px;
line-height: 16px;
background-color: #acacac;
text-align: center;
vertical-align: middle;
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;
/*width: 100% !important;*/
height: 100% !important;
}

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

.lo {
height: 88px !important;
}

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

.glo {
/*bottom: 86px !important;*/
bottom: 70px !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: 1px solid #666;
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;
}

#lb {
/*position: absolute;
top: 16px;*/
position: relative;
margin: 0;
padding: 0;
width: 100% !important;
/*height: 68px !important;*/
height: 52px !important;
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;
opacity: 0;
background: rgba(255,0,0,0.8);
background-image: url(../gfx/cr.png);
background-repeat: no-repeat;
background-position: center center;
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: 1px;
left: 0;
margin: 0;
padding: 0;
list-style: none;
background-color: inherit;
z-index: 30;
}

#lbgs li {
display: table-cell;
margin: 0;
padding: 0;
min-width: 14px;
height: 14px;
}

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

#lt, #pre, #sort, #gsSel, #hlinks, .mhlinks, #lgu, .blinks {
display: table;
margin: 0;
padding: 0;
list-style: none;
color: #fff;
}

/*#lt, #sort, #gsSel, #lgu {*/
#lbgs, #sort, #gsSel, #lgu {
border-collapse: separate;
border-spacing: 2px 0;
}

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

/*#lt li, #pre li, #sort li, #gsSel li, #hlinks li, .mhlinks li, #lgu li, .blinks li {*/
#lbgs li, #pre li, #sort li, #gsSel li, #hlinks li, .mhlinks li, #lgu li, .blinks li {
display: table-cell;
margin: 0 2px 0 0;
height: 14px;
line-height: 14px;
border-radius: 2px;
cursor: default !important;
}

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

#sb {
position: relative;
width: 50px;
text-align: left;
}

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

#sb div:hover {
background-color: #888;
}

.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;
}

/*#lbsl select, #pre select {*/
#setpop {
position: relative;
/*margin-left: 2px;*/
padding: 1px;
padding-right: 16px;
/*top: -3px;*/
font-size: 12px;
border: 1px solid #666;
border-radius: 2px;
color: #fff;
-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='white'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat;
background-color: #666;
background-transparency: 0.5;
background-position: right 2px top 2px;
background-size: 9px 9px;
}

/*#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 {
background-color: #666;
}

#gsSel .sel, #gsSel li:hover {
background-color: #888;
}

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

#lbgr {
position: relative;
width: 46px !important;
padding-left: 4px !important;
text-align: left;
/*background-color: #666;*/
cursor: default !important;
}

#lbgr div {
position: absolute;
top: 0;
right: 0;
width: 14px;
height: 14px;
/*line-height: 12px;*/
/*vertical-align: middle;*/
/*padding-right: 20px;*/
/*border: 1px solid #666;*/
border-radius: 2px;
background-color: #666;
background-image: url(../gfx/grd1.gif);
background-repeat: no-repeat;
background-position: center center;
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, #t td {
border: 5px solid #f9f7f6;
border-collapse: collapse;
}
#t {
width: 100%;
/*height: 100%;*/ /* This is leathal for the auto scroll */
table-layout: fixed;
border-top: 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 {
background-color: transparent !important;
}
.i {
margin: 5px auto;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-color: #fff;
}
.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: #808080;
}

.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;
}
.db {
position: absolute;
display: table;
table-layout: fixed;
border-collapse: collapse;
border-style: hidden;
left: 0;
bottom: 0;
right: 0;
margin: 2px 0 0 0 !important;
padding: 0;
width: 100%;
height: 26px !important;
white-space: nowrap;
}
.cb a, .db a {
display: table-cell !important;
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;
}

.cb a:first-child, .db a:first-child {
background-image: url(../gfx/ga.png) !important;
}
.c:hover .cb a, .db a {
opacity: .6;
}
.cb a:hover, .db 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;
border: none;
font-size: 11px;
}

#s0 {
width: 200px;
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
}

#fb {
display: inline-block;
/*position: relative;*/
margin: 0;
/*top: 0;*/
width: 30px;
height: 16px;
line-height: 16px;
border: none;
border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
/*text-align: center;
vertical-align: middle;*/
background-color: #777;
background-image: url(../gfx/mag.png);
background-repeat: no-repeat;
background-position: center center;
cursor: default;
}

#fb:hover {
background-color: #666;
}

.nocol {
left: 0 !important;
}

#lbbt, #lbbv, #lbbc, #lbbe, #lbbd {
margin-left: 2px;
width: 34px !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: #555;
}

#lbbt
{
background-image: url(../gfx/au.gif);
}

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

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

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

#lbbe
{
background-image: url(../gfx/led.gif);
/*background-image: url(../gfx/lbp.gif);*/
}

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

/* 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 a:link, .mhlinks a:visited {
display: inline-block;
width: 100%;
height: 100%;
font-size: 12px;
font-weight: bold;
color: #fff;
}
.mhlinks a:hover {
color: #01ad22;
}
.mhlinks li {
border-collapse: collapse;
border-spacing: 0;
height: 20px;
line-height: 20px;
vertical-align: middle;
background-color: #666;
color: #fff;
}
.mhlinks img {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
}
.mhlinks {
position: absolute;
top: 5px;
right: 14px;
border-spacing: 10px 0;
border-collapse: separate;
color: #777;
}*/



/*.mhlinks a:link, #mhlinks a:visited {
color: #777;
text-decoration: none;
}
.mhlinks a:hover {
color: #01ad22;
}
.mhlinks li {
height: 20px;
line-height: 20px;
vertical-align: middle;
background-color: #666;
color: #fff;
}
.mhlinks img {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: middle;
}
.mhlinks {
position: absolute;
top: 5px;
right: 14px;
border-spacing: 10px 0;
border-collapse: separate;
color: #777;
}*/

.mhlinks {
position: absolute;
top: 5px;
right: 14px;
border-collapse: separate;
border-spacing: 3px 0;
color: #777;
}
.mhlinks>li:hover a{
color: #999 !important;
}
.mhlinks li {
margin: 0 2px 0 0;
padding: 0 6px;
height: 20px;
line-height: 20px;
vertical-align: middle;
/*color: #777;*/
/*background-color: #666;*/
}
.mhlinks li a
{
margin: 0px;
display: block;
width: 100%;
height: 100%;
color: #777;
cursor: default;
}

#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: #f9f7f6;
font-size: 13px;
z-index: 100;
}
#pcont {
/*display: table-cell;*/
position: relative;
margin: auto;
margin-top: 40px;
/*margin: 0;
padding: 0;*/
/*width: 1100px;*/
max-width: 1100px;
color: #666;
background-color: #bbb;
/*vertical-align: middle;*/
border: 14px solid #bbb;
}
#img {
display: table-cell;
position: relative;
width: 600px;
height: 600px;
vertical-align: middle;
/*background-color: #333;*/
}
#rpane{
position: absolute;
top: 0;
left: 610px;
right: 10px;
/*width: 480px;*/
height: 600px;
/*background-color: purple;*/
}
#info{
height: 100%;
/*border-spacing: 3px;*/
border-collapse: collapse;
}
/*#info > div {
display: table-cell;
word-wrap: break-word;
color: #777;
}*/
/*#info div:first-of-type {
height: 100%;
}*/
#info td {
/*display: inline-block;*/
word-wrap: break-word;
/*color: #777;*/
color: #fff;
font-weight: lighter;
}
/*#info td:first-child {
white-space: nowrap;
}*/
/*#btns {
position: absolute;
bottom: -3px;
}*/
#pbtns, #dbtns {
display: table;
table-layout: fixed;
margin: 0;
padding: 0;
width: 100%;
height: 24px;
border: none;
border-spacing: 3px;
border-collapse: separate;
font-size: 13px;
}
#dbtns {
bottom: 28px;
}
#dbtns a {
display: block !important;
}
#lbl {
font-size: 14px;
font-weight: lighter;
color: #fff !important;
background-color: transparent !important;
}
.blnk
{
background-color: transparent !important;
}
.dv {
margin: 0 3px;
height: 1px;
background-color: #666;
}
#pbtns > div, #dbtns td, #dbtns div, #dbtns a {
display: table-cell;
padding: 0;
height: 24px;
line-height: 24px;
text-align: center;
vertical-align: middle;
color: #fff;
background-color: #666;
text-decoration: none;
cursor: default;
overflow: hidden;
-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;
}
#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);
}
#par{
background-image: url(../gfx/par.png);
}
#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 {
/*width: 480px;*/
height: 100%;
font-size: 14px;
white-space: normal;
}
#fInf td:first-child {
padding: 0 4px 0 3px;
background-color: #666;
color: #fff;
}
#fInf a {
text-decoration: underline !important;
}
#fInf a:hover {
color: #777 !important;
}
.all, .clear {
background-color: transparent !important;
}
.all {
height: 100%;
vertical-align: top;
/*color: #bbb !important;*/
}
.iRed {
color: #f00 !important;
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: #444;
border-radius: 0 0 0 3px;
-webkit-border-radius: 0 0 0 3px;
}
#lgt {
/*table-layout: fixed;*/
border-collapse: collapse;
/*width: 320px;*/
}
#lgt td {
margin: 0;
padding: 0;
height: 16px;
line-height: 16px;
vertical-align: top;
font-size: 12px;
color: #01ad22;
border: 4px solid transparent;
}
#lgf input {
/* two lines below fixes input vertical align */
display: inline-block;
border: 0;
margin: 0;
/*padding: 2px 5px;*/
padding: 0 5px;
height: 16px;
line-height: 16px;
vertical-align: middle;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#lgb a:visited, #lgb a:link {
text-decoration: underline;
color: #01ad22;
}
#lgb a:hover {
color: #fff;
}
/*#lgf input[type=text] {
margin: 0;
padding: 0 3px;
height: 16px;
border: none;
font-size: 11px;
}*/
#lgn, #lgc, #err {
padding: 2px 5px;
}
#lgn {
/*padding: 6px 5px !important;*/
width: 100%;
/*height: 100% !important;*/
/*border: none;*/
/*text-align: center;*/
vertical-align: middle;
/*height: 20px !important;
line-height: 20px !important;*/
color: #fff;
font-size: 12px;
font-weight: bold;
background-color: #777;
border-radius: 3px;
-webkit-border-radius: 3px;
cursor: default;
}
#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;
}
#logo1 {
position: absolute;
top: 36px;
right: 28px;
}
#mnu {
position: absolute;
padding: 0;
left: 246px;
bottom: 4px;
right: 0;
}
.menu {
display: table;
table-layout: fixed;
list-style-type: none;
position: relative;
margin: 0;
padding: 0;
width: 100%;
font-weight:bold;
}
.menu a {
display:inline-block;
width: 100%;
}
.menu li, a:link {
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: 14px;
font-weight: bold;
text-align: center;
cursor: default;
color: #acacac;
}
.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: #fff;
}
#pg a:hover, #pg input[type=submit]:hover {
text-decoration: none;
color: #fff;
}
h1 {
padding: 0;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #fff;
}
h2 {
padding: 0;
text-align: center;
font-size: 16px;
font-weight: bold;
color: #fff;
}
#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: Arial, Helvetica, Charcoal, sans-serif;
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;
}