/* latest styles 2023 */
a.button {appearance:button;display:block;color:initial;box-sizing:border-box;text-decoration: none;}

.notice-box{display:flex;flex-direction:column;gap:12px;padding:15px;background:var(--gradient-lighter-blue);border:1px solid #999;border-radius:10px;
            box-shadow:var(--box-shadow-verticle-small);}
.notice-box-title{display:flex;font:bold 17px Arial;color:#203D65;}
.notice-box-content{font:normal 13px Arial;color:#000;}
.notice-box-button{height:40px;background:url('../images/template/darkBlueBtn.jpg') repeat-x;border:1px solid #333;box-shadow: var(--box-shadow-verticle-small);
                   color:#FFF;font-weight:bold;border-radius: 6px;}
.notice-box-button:hover{cursor:pointer;background-position: 0 -63px;}
.notice-box-icon{width:18px;height:18px;display: inline;background:url('../images/template/notice.png');background-size:18px;margin-right:6px;}

.darkblue-button{height:40px;background:url('../images/template/darkBlueBtn.jpg') repeat-x;border:1px solid #333;box-shadow: var(--box-shadow-verticle-small);color:#FFF;font-weight:bold;}
.darkblue-button:hover{cursor:pointer;background-position: 0 -63px;}

.form_submit_btn{width:180px;height:40px;background:url('../images/template/darkBlueBtn.jpg') repeat-x;border-radius:8px;border:1px solid #333;
                 box-shadow: var(--box-shadow-verticle-small);color:#FFF;font:bold 15px Arial;float:right;margin:15px 35px 0 0;}
.form_submit_btn:hover{background-position:0 -63px;cursor:pointer;color:#FFF;}

/* sub-menu bar */
.submenu_box{float:left;clear:both;width:892px;min-height:42px;background:url('../images/tradeflow/trade_submenu.png') no-repeat;font:normal 13px Arial;}
.submenu_title{float:left;font:bold 14px Arial;color:#5F798C;text-shadow:1px 1px 1px #FFFFFF;margin-left:20px;margin-top:12px;margin-right:10px;}
.submenu_box a{display:block;float:left;padding:8px;text-decoration:none;color:#111111;text-shadow:1px 1px 1px #EEEEEE;border-left:1px solid #666666;background:url('../gsf/images/menuBtn.png');}
.submenu_box a:hover{color:#222222;text-decoration:none;background-position:0 -41px;}

/* standardized alert boxes: error, success, warning, notice. Usage: <div class="alert-box error"><span>ERROR</span> Custom error message </div> */
.alert-box {color:#000;border-radius:10px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px;font-weight:500;padding:10px 36px;margin:10px;}
.alert-box span {color:#333;font-weight:bold;text-transform:uppercase;margin-right:3px;}
.error {background:#ffecec url('../images/template/error.png') no-repeat 10px 10px;border:1px solid #f5aca6;}
.success {background:#e9ffd9 url('../images/template/success.png') no-repeat 10px 10px;border:1px solid #a6ca8a;}
.warning {background:#fff8c4 url('../images/template/warning.png') no-repeat 10px 10px;border:1px solid #f2c779;}
.notice {background:#e3f7fc url('../images/template/notice.png') no-repeat 10px 10px;border:1px solid #8ed9f6;}
.alert-box ol{margin-left:0px;padding-left:0px;}

/* download files */
.downloadBox{width:99%;padding:8px;margin-top:10px;background:linear-gradient(to top, #CCC, #EEE);border:1px solid #777;box-shadow:0 5px 5px #999;border-radius:12px;display:flex;}
.downloadBox:hover{cursor:pointer;background:linear-gradient(to top, #DDD, #F2F2F2);}
.downloadBox .country{width:80%;margin-top:3px;color:#555;text-shadow:-1px -2px 0 #EEE;font:bold 15px Arial;}
.downloadBox .filesize{padding-top:5px;color:#555;text-shadow:-1px -2px 0 #EEE;font:bold 12px Arial;}
.downloadBox .icon1{height:30px;width:30px;background: url('../images/template/xlsIcon.png');background-size: 30px;box-shadow:-5px 5px 3px #AAA;}
.downloadBox .icon2{margin-left:10px;height:25px;width:43px;background: url('../images/template/downloadSymbol.png') no-repeat;}

.downloadZipBox{width:99%;box-sizing:border-box;padding:20px 15px 20px 15px;margin-top:10px;background:linear-gradient(to top, #CCC, #EEE);border:1px solid #777;box-shadow:0 5px 5px #999;border-radius:12px;display:flex;}
.downloadZipBox:hover{cursor:pointer;background:linear-gradient(to top, #DDD, #F2F2F2);}
.downloadZipBox .title{margin:25px 0 0 15px;color:#555;text-shadow:-1px -2px 0 #EEE;font:bold 17px Arial;}
.downloadZipBox .icon{height:75px;width:75px;background: url('../images/template/zipIcon.png') no-repeat;background-size:75px;}