@import url('https://fonts.googleapis.com/css?family=Oxygen:400,400i,700');

@import url('https://fonts.googleapis.com/css?family=Maitree:400,400i,700&subset=latin-ext');

body { font: 14px/18px 'Oxygen',Arial,Helvetica,sans-serif; padding: 0px; margin: 0px; background-color: white; line-height: 1.5em; min-width: 1024px; filter: none; color: #222; }

.body { clear: both; position: relative; }

a, .link { text-decoration: none; color: #115591; }

a:hover, .link:hover { text-decoration: underline; }

.link { cursor: pointer; }

input { outline: none !important; }

p { margin: 2px 0px; }

.cookies { position: fixed; width: 100%; bottom: 0px; left: 0px; padding: 13px; text-align: center; color: white; background-color: #333; z-index: 2147483637; }

.cookies .q-button { vertical-align: -8px; margin-left: 10px; }

.cookies a { color: white; text-decoration: underline; }

.cookies a:hover { text-decoration: none; }

.header { width: 100%; height: 100px; position: relative; float: left; border-bottom: 5px solid #d5d5d5; background-color: #f3f3f3; }

.header-logo { width: 195px; height: 47px; background: url("../img/header/logo.png") left top no-repeat; position: absolute; top: 25px; left: 15px; cursor: pointer; }

.header-poweredby { position: absolute; top: 69px; right: 50px; font-size: 15px; color: #222; }

.header-poweredby:hover { text-decoration: none; }

.header-poweredby-xligo { background: url("../img/xligo.svg") top left no-repeat; width: 100px; height: 24px; background-size: 100px auto; display: inline-block; vertical-align: middle; }

.menu { position: absolute; bottom: -5px; left: 224px; white-space: nowrap; widths: 799px; height: 32px; overflow: hidden; }

.menuitem { width: auto; height: 32px; line-height: 23px; padding: 0px 6px; text-align: center; font-size: 14px; color: #222; font-weight: bold; z-index: 1; cursor: pointer; outline-width: 0; outline: none; display: inline-block; text-decoration: none; border-bottom: 5px solid transparent; box-sizing: border-box; margin-right: 24px; }

.menuitem-selected { border-color: #c43030; }

.menuitem-selected:hover { text-decoration: none; }

.menuitem-unselected:hover { text-decoration: none; border-color: #bdbdbd; }

.searchbar { width: 550px; position: absolute; top: 24px; left: 230px; }

.searchbar-btn { margin-left: 10px; margin-top: 3px; }

.searchbar-text { position: relative; float: left; }

.searchbar-text .q-field { width: 370px; padding-right: 55px; }

.searchbar-text-savedsearchbtn, .searchbar-resetbtn, .searchbar-uploadbtn { display: block; width: 15px; height: 15px; position: absolute; top: 9px; right: 5px; background: url("../img/icon.png") -244px bottom no-repeat; z-index: 3; cursor: pointer; overflow: hidden; }

.searchbar-text-savedsearchbtn:hover { background-position: -259px bottom; }

.searchbar-resetbtn { top: 9px; right: 39px; background-position: -217px bottom; }

.searchbar-resetbtn:hover { background-position: -230px bottom; }

.searchbar-uploadbtn { top: 9px; right: 22px; background-position: -737px bottom; }

.searchbar-uploadbtn:hover { background-position: -722px bottom; }

.searchbar-loadpopup { padding-right: 10px; white-space: nowrap; }

.searchbar-loadpopup-icon { width: 37px; height: 37px; display: inline-block; vertical-align: middle; margin-right: 10px; overflow: hidden; background: url("../img/searchbar/upload.png") top left no-repeat; }

.searchbar-loadpopup-icon-error { background: url("../img/searchbar/upload_error.png") top left no-repeat; }

.searchbar-loadpopup-buttons { width: 400px; height: 30px; text-align: right; }

.uploader { width: 750px; height: 500px; background-color: white; padding: 20px 40px 40px 40px; box-sizing: border-box; }

.uploader-button { display: inline-block; background-color: #FB4949; padding: 13px 18px; box-sizing: border-box; margin-bottom: 20px; color: white; border-radius: 8px; font-size: 16px; cursor: pointer; }

.uploader-button:hover { background-color: red; }

.uploader-content { }

.uploader-switch_to_text_mode { padding: 20px; font-size: 1.1em; text-align: center; }

.uploader-textarea { width: 650px; height: 200px; border: 2px solid #ccc; padding: 10px; border-radius: 4px; font: 16px/22px Arial,Helvetica,sans-serif; outline-width: 0; outline-offset: -2px; resize: none; }

.uploader-loading { width: 400px; height: 200px; }

@keyframes heartbeat
{
  0% { transform: scale(1); }

  50% { transform: scale(1.06); }

  100% { transform: scale(1); }
}

.uploader-loading .uploader-info { margin-top: 30px; font-size: 1.2em; text-align: center; }

.uploader-loading .uploader-xligo { width: 250px; height: 53px; background-size: 250px auto; margin: 0px auto; margin-top: 15px; animation: heartbeat 2.5s infinite; }

.uploader-title { font-weight: bold; font-size: 1.3em; text-align: center; margin-right: 30px; display: inline; }

.uploader-title div { display: inline-block; vertical-align: middle; }

.uploader-xligo { background: url("../img/xligo.svg") top left no-repeat; width: 200px; height: 42px; background-size: 200px auto; }

.uploader-info { margin-top: 15px; font-size: 1.1em; }

.uploader-info ul { margin-top: 25px; }

.uploader-info li { margin-bottom: 15px; }

.uploader-dropzone { border: 3px dashed #008cd2; padding: 45px; text-align: center; margin-top: 30px; border-radius: 10px; cursor: pointer; transition: all .11s ease-in-out; }

.uploader-dropzone * { pointer-events: none; }

.uploader-dropzone:hover { background-color: #f6f6f6; }

.uploader-dropzone-drag { border: 3px solid #008cd2; _transform: scale(1.03); background-color: #008cd2; background-color: #f2f9fd; !important }

.uploader-dropbox { background-color: #f3f3f3; font-weight: bold; text-align: center; border-radius: 3px; position: relative; border: 1px solid #ddd; height: 150px; line-height: 150px; }

.uploader-dropbox-over { border-color: #aaa; }

.uploader-dropbox-ondrag { position: absolute; top: 5px; left: 5px; margin: 5px; background-color: #f3f3f3; }

.uploader-btn { }

.hint { }

.hint-savedsearch { height: 150px; }

.hint-savedsearch-inner { }

.hint-savedsearch-nouser { text-align: center; padding: 20px 0px; }

.hint-savedsearch-nodata { text-align: center; padding: 20px 0px; }

.hint-link, .hint-savedsearch-item { display: block; padding: 3px 10px; cursor: pointer; color: #222; text-decoration: none; font-weight: bold; font-size: 14px; position: relative; }

.hint-savedsearch-item { font-weight: normal; }

.hint-savedsearch-item-removebtn { width: 15px; height: 15px; position: absolute; right: 3px; top: 4px; background-color: red; display: block; background: url("../img/icon.png") -217px bottom no-repeat; cursor: pointer; overflow: hidden; visibility: hidden; }

.hint-savedsearch-item-removebtn:hover, .hint-savedsearch-item-selected { background-position: -230px bottom; }

.hint-savedsearch-item:hover .hint-savedsearch-item-removebtn { visibility: visible; }

.hint-savedsearch-item-selected .hint-savedsearch-item-removebtn { visibility: visible; }

.hint-link b { font-weight: normal; }

.hint-link:hover, .hint-link-selected, .hint-savedsearch-item:hover,.hint-savedsearch-item-selected { background-color: #efefef; text-decoration: none; }

.footer { background: url("../img/footer.png") left top repeat-x; position: relative; text-align: center; padding: 15px; z-index: 400; clear: both; font-size: 13px; }

.footer a { color: #222; margin: 0px 5px; font-size: 1.1em; }

.footer-copyright { font-size: 13px; margin-top: 5px; }

.currentuser { position: absolute; top: 30px; left: 780px; white-space: nowrap; }

.currentuser a { font-weight: bold; }

.currentuser .link { font-weight: bold; }

.currentuser-ico { width: 18px; height: 18px; float: left; background: url("../img/icon.png") -164px bottom no-repeat; margin-right: 3px; overflow: hidden; }

.currentuser-credit { font-weight: bold; color: #008000; }

.label { display: inline-block; vertical-align: middle; }

.loginpopup { }

.loginpopup-buttons { position: absolute; bottom: 0px; right: 0px; }

.loginpopup-buttons .button { margin-left: 10px; }

.loginpopup-form { margin-top: 10px; background-color: #f3f3f3; border: 1px solid #aaa; position: relative; border-radius: 2px; }

.loginpopup-form-icon { background: url("../img/loginpopup/icon.png") left top no-repeat; width: 39px; height: 47px; position: absolute; top: 30px; left: 20px; overflow: hidden; }

.loginpopup-form-input { position: absolute; top: 20px; right: 25px; }

.loginpopup-form-cmd { position: absolute; top: 85px; left: 0px; text-align: center; width: 100%; }

.loginpopup-captcha { border: 1px solid #aaa; margin: 0px; border-radius: 2px; vertical-align: top; margin-left: 8px; width: 160px; height: 90px; background-color: white; display: inline-block; text-align: center; line-height: 90px; }

.loginpopup-reload { position: absolute; top: 47px; left: 61px; }

.loginpopup-reload-icon, .loginpopup-audio-icon { width: 18px; height: 18px; display: inline-block; background: url("../img/icon.png") -410px bottom no-repeat; vertical-align: -4px; overflow: hidden; }

.loginpopup-reload-label { display: block; position: absolute; top: -2px; left: 22px; width: 135px; }

.loginpopup-audio-icon { background-position: -428px bottom; }

.no_access_popup { min-height: 80px; }

.no_access_popup-buttons { position: absolute; bottom: 0px; right: 0px; }

.no_access_popup-buttons .button { margin-left: 10px; }

.pageup { position: fixed; bottom: -40px; left: 0px; background: url("../img/pageup.png") right top no-repeat; z-index: 999998; cursor: pointer; width: 37px; height: 37px; }

.pageup:hover { background-position: left top; }

.statictext { width: 800px; margin: 0px auto; font-size: 1.2em; line-height: 1.56em; text-align: justify; padding: 40px 0px; }

.para, .statictext p { margin: 25px 0px; }

.statictext li { margin-bottom: 10px; }

.statictext-title { color: #115591; font-weight: bold; }

.about_logo { float: left; margin-top: 17px; margin-right: 20px; }

.changepassword { width: 460px; height: 500px; padding-top: 100px; margin: 0px auto; position: relative; }

.changepassword-box { background-color: #f3f3f3; border: 1px solid #aaa; border-radius: 2px; padding: 30px; }

.changepassword-input { }

.changepassword-buttons { margin-top: 10px; text-align: right; }

.changepassword-title { font-size: 1.1em; line-height: 1.56em; color: #115591; font-weight: bold; text-align: center; margin-bottom: 5px; }

.changepassword-info { font-size: 1em; line-height: 1.2em; text-align: center; margin-bottom: 30px; }

.changepassword-msg { font-size: 1.1em; line-height: 2em; text-align: center; margin-bottom: 30px; }

/* theme update */

.q-field { border-radius: 3px; vertical-align: middle; }

.q-field-error-ico { bottom: 2px; }

.q-field input { font-size: 15px; padding: 3px; }