/* global */

* {margin: 0; padding: 0}
body {background-color: white}
div {position: relative}
p {font-family: Arial, Helvetica; font-size: 11pt; line-height: 16pt;}
input {font-size: 11pt; line-height: 16pt; font-family: Arial, Helvetica; border: none;}
select {font-size: 11pt; line-height: 16pt; font-family: Arial, Helvetica; border: none;}
table {font-size: 11pt; line-height: 16pt; font-family: Arial, Helvetica; table-layout: fixed; border: none; border-spacing: 0;}
td {font-size: 11pt; line-height: 16pt; font-family: Arial, Helvetica;}
br {font-size: 11pt; line-height: 16pt; font-family: Arial, Helvetica;}
img {border: none;}
h1 {font-size: 20pt; line-height: 26pt; font-family: Corbel, Arial, Helvetica; color: #3B393A; font-weight: normal; margin-top: 12px; margin-bottom: 16px;}
h2 {font-size: 13pt; line-height: 18pt; font-family: Arial, Helvetica; color: #069; margin-top: 16px; margin-bottom: 12px; font-style: normal;}


/* main pages */

img.hover {cursor:pointer;}
p.warning {color:red;}
div.body {width: 100%}
div.maincol {width: 80%; min-width: 984px; max-width: 1600px; margin-left: auto; margin-right: auto}
div.header {width: 100%; float: left}
div.headerbar {width: 100%; float: left; background-color: #069}
div.row {float: left; width: 100%}
div.normal {float: left; width: 100%; min-height: 400px}
div.innermargin {margin: 24px}
div.logo {float: left;padding-top: 24px; padding-bottom: 24px}
div.headerstripe {float: right; padding-top: 80px}
 div.headerstripe p {font-size: 18pt; font-style: italic; color: #069}
div.headermenu {float: left; padding-top: 8px; padding-bottom: 8px; padding-right: 32px}
div.headermenu p {color: white}
div.headerbutton {float: right; padding-top: 8px; padding-bottom: 8px; padding-left: 32px}
div.headerbutton p {color: white}
p.headerline {font-size: 22pt; line-height: 26pt; margin-top: 8px; color: white; margin-left: 32px; font-weight: normal; font-style: italic;}
div.footer {float: left; width: 100%; padding-top: 24px}
div.foottext {float: left; max-width: 940px}
div.footlogo {float: right; width: 248px}
div.startbutton {border-top: 1px solid #eee; padding-top: 16px; padding-bottom: 16px}
p.starttext {font-size: 13pt; line-height: 18pt; font-weight: bold; color: #333}
p.starthint {font-size: 13pt; line-height: 18pt; color: #666}
div.startbtn {position: absolute; top: 20px; right: 0; background-color: #069}
div.startbtn p {color: white; padding: 8px 64px 8px 64px}
div.detailarea {position: relative; background-color: #D3EAF8; padding: 6px;}
p.graybutton {padding-top: 13px; font-weight: bold; text-align: center; color: white;}
form {font-size:9pt;font-family:Verdana,Verdana;}
span.hint {font-weight:bold;color:#2290C5;}
span.warning {font-weight:bold;color:red;}
span.bluerow {background-color:#AAEEFF;}
span.greenrow {background-color:#66FF66;}
span.hintbold {font-weight: bold; line-height: 16pt}
span.hintgray {font-weight: bold; color: #666666; padding-left: 16px;}
div.ticker {position: relative; float: left; clear: both; width: 100%; height: 78px; margin-top: 16px}
div.chromebtn {position: relative; clear: both; float: left; background-image: url(/image/chromebtn.png); background-repeat: no-repeat; height: 48px; margin-top: 8px; margin-bottom: 8px}
div.chromenumber {position: absolute; left: 16px; top: 5px; font-size: 22pt; line-height: 28pt; color: #006699; font-family: Arial, Helvetica}
div.chrometext {position: relative; margin-left: 64px; margin-top: 8px; font-size: 18pt; line-height: 24pt; color: #069; font-family: Arial, Helvetica}
.openbar {clear: both; float: left; width: 100%}
.openbtn {background-image: url(/image/arrowup.png); background-repeat: no-repeat; width: 11px; height: 6px; margin-top: 24px}
.pull-right {float: right}
.grayupperborder {border-top: 1px solid #eee; padding-top: 12px; padding-bottom: 12px}
.bb-2 {margin-bottom: 1rem}
.loginarea{float:left;background-image: url(/image/login.png); width: 729px; height: 363px; background-repeat: no-repeat}
.advert{float:right;width: calc(100% - 749px);text-align: right}
.outer {width:100%}

/* style */

p.blue {color: #069}
.link {cursor:pointer}


/* debug */

div.debug {position: fixed; left: 32px; top: 32px; width: 512px; height: auto; background-color: #505050; color: white; font-size: 8pt; border: 1px solid white; z-index: 32; padding: 4px;}


/* tables */

th {font-weight: bold; text-align: left; color: white; white-space: nowrap; font-size: 11pt; line-height: 11pt; font-family: Arial, Helvetica; vertical-align: top;}
td {color: black; white-space: nowrap;}
tr.normal {background-color: #EEEEEE;}
tr.hover {background-color: #D3EAF8; cursor: pointer;}
tr.selected {background-color: #D3EAF8;}


/* lists */

table.list {min-width: 100%; border: 1px solid #888}
table.list th {padding: 14px 8px 6px 8px; background-color: #069}
table.list td {padding: 2px 8px 2px 8px}

div.list {position: relative; overflow: auto;}
th.list {border-right: 2px solid white}
th.listfirst {border-right: 2px solid white}
th.listleft {}
th.listlast {}
th.listright {}

tr.oddlist {background-color: white;}
tr.evenlist {background-color: #DDDDDD;}

.btgray {border-top: 1px solid #888}
.bbgray {border-bottom: 1px solid #888}
.brwhite {border-right: 2px solid white}
.textright {text-align: right}

input.small {font-size: 10pt; line-height: 10pt; font-family: Arial, Helvetica; width: 64px; background-color: transparent;}
select.small {width: 100%; font-size: 10pt; line-height: 10pt; font-family: Arial, Helvetica; background-color: transparent;}
textarea.small {color: black; height: 16px; font-size: 10pt; line-height: 10pt; font-family: Arial, Helvetica; color: black; border: none; background-color: transparent;}
textarea.comment {color: black; font-size: 10pt; line-height: normal; font-family: Arial, Helvetica; border: none; background-color: #f0fff0; padding: 2px 1px; width: 100%}

div.large {width:1126px;overflow:auto;border:1px black solid;}
td.hint {font-weight:bold;font-size:9pt;font-family:Verdana,Verdana;color:#2290C5;line-height:20px;}
tr.bluerow {background-color:#AAEEFF;}
tr.greenrow {background-color:#66FF66;}
td.hover {background-color:#ffEEAA;cursor:pointer;border:1px solid black;}
td.normal {background-color:#FFFFFF;border:1px solid black;}
td.selected {background-color:#ffEEAA;border:1px solid black;}
.filedropbox {position: relative; border: 2px dotted green; width: 100%; height: 6rem; text-align: center; padding-top: 2rem; margin-bottom: 2rem}
.filehint {position: absolute; top: 3rem; right: 0; left: 0; bottom: 0}
.filehint p {font-weight: bold; font-size: 13pt; line-height: 18pt; color: #069; background-color: transparent}
.filedrop {position: absolute; top: 0; right: 0; left: 0; bottom: 0}

/* links */

a:link {font-weight: normal; text-decoration: none; color: white; font-size: 11pt;}
a:visited {font-weight: normal; text-decoration: none; color: white; font-size: 11pt;}
a:hover {font-weight: normal; text-decoration: underline; color: white; font-size: 11pt;}
a:active {font-weight: normal; text-decoration: underline; color: white; font-size: 11pt;}

a.footer:link {font-weight: bold; text-decoration: none; color: #7B797A;}
a.footer:visited {font-weight: bold; text-decoration: none; color: #7B797A;}
a.footer:hover {font-weight: bold; text-decoration: underline; color: #7B797A;}
a.footer:active {font-weight: bold; text-decoration: underline; color:#7B797A;}

a.text:link {font-weight: normal; text-decoration: underline; color: black; font-size: 11pt;}
a.text:visited {font-weight: normal; text-decoration: underline; color: black; font-size: 11pt;}
a.text:hover {font-weight: bold; text-decoration: underline; color: black; font-size: 11pt;}
a.text:active {font-weight: bold; text-decoration: underline; color: black; font-size: 11pt;}

td a.blue {font-weight: normal; text-decoration: none; color: #069; font-size: 11pt;}
td a.blue:visited {font-weight: normal; text-decoration: none; color: #069; font-size: 11pt;}
td a.blue:hover {font-weight: normal; text-decoration: underline; color: #069; font-size: 11pt;}
td a.blue:active {font-weight: normal; text-decoration: underline; color: #069; font-size: 11pt;}


img.hand {cursor:pointer;}
img.normal {}


/* forms */

fieldset {border: none;}
label.login {font-size: 12pt; line-height: 12pt; font-weight: bold; color: white;}
select {}
select.len1 {width:178px;margin-right:4px;}
select.len2 {width:182px;}
input.text {width:99%;}
input.button {width:148px;}
td.label {padding-right: 8px; text-align: right; vertical-align: middle;}
td.labeltd {padding-right: 8px; text-align: right; vertical-align: middle;}
td.labelbig {text-align:left;font-weight:bold;color:black;padding-left:8px;}
td.labelfat {padding-right: 8px; text-align: left; vertical-align: middle; font-weight: bold; color: black;}
textarea {font-size: 9pt; line-height: 9pt;border-style:solid;border-width:1px;border-color:black;}
input.form1 {padding: 2px 4px 4px 4px; border: 1px solid black; width: 216px; margin-top: 3px;}
input.form2 {padding: 4px; border: 1px solid black; width: 60px; margin-top: 3px;}
input.form3 {padding: 4px; border: 1px solid black; width: 96px; margin-top: 3px;}
input.form4 {padding: 4px; border: 1px solid black; width: 404px; margin-top: 3px;}
input.loginuser {width: 220px; height: 24px; margin-left: 10px; margin-top: 7px; background-color: transparent; outline: none}
input.loginpass {width: 220px; height: 24px; margin-left: 8px; margin-top: 8px; background-color: transparent; outline: none}
select.form1 {padding: 4px; border: 1px solid black; margin-top: 3px;}
select.address {padding: 4px; border: 1px solid black; width: 364px;}
select.addressl {padding: 4px; border: 1px solid black; width: 640px;}
select.shipping {padding: 4px; border: 1px solid black; width: 194px}
textarea.form1 {font-size: 9pt; line-height: 9pt; font-family: Arial, Helvetica; width: 100%; height: 82px; color: black;}
.label {width: 200px; float: left; clear: both}
.labelS {width: 100px; padding-right: 8px; text-align: right; vertical-align: middle}
.boldtxt {font-weight: bold}
.fleft {float: left}
.fright {float: right}
.fclear {clear: both}
.rightgap32 {margin-right: 32px}
.padleft24 {padding-left: 24px; padding-right: 24px}
.minibtn {margin-left: 8px; vertical-align: middle; cursor: pointer}
.plusbtn {background:url(/image/addsign.png) no-repeat; width: 22px; height: 22px}
.delbtn {background:url(/image/delsign.png) no-repeat; width: 22px; height: 22px}
.clonebtn {background:url(/image/clone.png) no-repeat; width: 34px; height: 25px}
.lightblueback {position: relative; background-color: #D3EAF8; width: 100%; float: left; padding-bottom: 8px}
.hollowback {position: relative; width: 100%; float: left; padding-bottom: 8px}
.orderborder {}
.widthL {width: 364px}
.bottomgap8 {margin-bottom: 8px}

/* forms */
input.silent {font-size:9pt;font-family:Verdana,Verdana;border:none;}
input.disabled {background-color:#D0E0F0;}
textarea.disabled {background-color:#D0E0F0;}
input.sysinfo {background-color:#D0E0F0;color:#90A0B0;}

/* misc */

span.title {font-size:16pt;font-family:Verdana,Verdana;font-weight:bold;}
.branchinfo {border: 1px solid #888; padding: 4px}
.bottomgap4 {margin-bottom: 4px}
.bottomgap8 {margin-bottom: 8px}

a.admin:link {font-size:8pt;font-family:Verdana,Verdana;border-top-style:solid;border-color:black;border-top-width:1px;}

/* menu definitions */

a.menu:link {text-decoration:none;color:#000000;}
a.menu:visited {text-decoration:none;color:#000000;}
a.menu:hover {text-decoration:underline;color:#4040FF;}
a.menu:active {text-decoration:underline;color:#FF4040;}
span.menucurrent {color:#607080;font-weight:bold;}


/* news scroll */

.breakingNews{width:100%; height:40px; background:#FFF; position:relative; border:solid 2px #2096cd; overflow:hidden;}
.breakingNews>.bn-title{width:auto; height:40px; display:inline-block; background:#2096cd; position:relative;}
.breakingNews>.bn-title>h2{display:inline-block; margin:0; padding:0 20px; line-height:40px; font-size:20px; color:#FFF; height:40px; box-sizing:border-box;}
.breakingNews>.bn-title>span{width: 0;position:absolute;right:-10px;top:10px;height: 0;border-style: solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #2096cd;}

.breakingNews>ul{font-family: Arial, Helvetica; font-size: 11pt; line-height: 16pt;padding:0; margin:0; list-style:none; position:absolute; left:210px; top:0; right:40px; height:40px; font-size:16px;}
.breakingNews>ul>li{position:absolute; height:40px; width:100%; line-height:40px; display:none;color:#d01e1e}
.breakingNews>ul>li>a{text-decoration:none; color:#333; overflow:hidden; display:block; white-space: nowrap;text-overflow: ellipsis; font-weight:normal;}
.breakingNews>ul>li>a>span{color:#2096cd;}
.breakingNews>ul>li>a:hover{color:#2096cd;}

.breakingNews>.bn-navi{width:40px; height:40px; position:absolute; right:0; top:0; opacity:0;}
.breakingNews>.bn-navi>span{width:20px; height:40px; position:absolute; top:0; cursor:pointer; opacity:0.3; background-image:url(../img/bn-arrows.png); background-repeat:no-repeat;}
.breakingNews>.bn-navi>span:hover{opacity:1;}
.breakingNews>.bn-navi>span:first-child{background-position:left center; left:0;}
.breakingNews>.bn-navi>span:last-child{background-position:right center; right:0;}
.breakingNews:hover .bn-navi{opacity:1;}

.bn-bordernone{border:none;}
.bn-italic>ul>li>a{font-style:italic;}
.bn-bold>ul>li>a{font-weight:bold;}

.breakingNews>.bn-navi,
.breakingNews>ul>li>a,
.breakingNews>.bn-navi>span{transition: .25s linear;-moz-transition: .25s linear;-webkit-transition: .25s linear;}

.bn-darkred{border-color:#d01e1e;}
.bn-darkred>.bn-title{background:#d01e1e;}
.bn-darkred>.bn-title>span{border-left-color:#d01e1e;}
.bn-darkred>ul>li>a:hover,.bn-darkred>ul>li>a>span{color:#d01e1e;}

.link {cursor:pointer}