*,html, body { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; width: 100%; color: #000; font-family: arial,sans-serif; font-weight: normal; font-size: 1rem; } body{ background-color: #575757; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8cmVjdCB3aWR0aD0nMTEwJScgeD0nLTUlJyB5PSctNSUnIGhlaWdodD0nMTEwJScgZmlsbD0nIzU3NTc1NycvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nMScgeDI9JzcnIHkyPScxMCcgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzMnLz4KCTxsaW5lIHgxPSctMicgeTE9JzYnIHgyPSc3JyB5Mj0nMTUnIHN0cm9rZT0nIzAwMDAwMCcgc3Ryb2tlLXdpZHRoPSczJy8+Cgk8bGluZSB4MT0nLTInIHkxPSctNCcgeDI9JzcnIHkyPSc1JyBzdHJva2U9JyMwMDAwMDAnIHN0cm9rZS13aWR0aD0nMycvPgo8L3N2Zz4='); } div#content{ position: relative; margin: 0 auto; border: 1px solid #575757; background-color: #000; } @media screen and (min-width: 1510px) { div#content{ max-width:90%; } } #loadingIndicator{ position: fixed; height: 2px; width: 100%; z-index: 2000; } #loadingIndicator #loadingIndicatorLoaded{ height: 100%; width: 0; background-color: red; } div.msg-h{ width: 100%; z-index: 10000; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc5JyBoZWlnaHQ9JzE4JyB2aWV3Qm94PScwIDAgNSAxMCc+Cgk8cmVjdCB3aWR0aD0nMTEwJScgeD0nLTUlJyB5PSctNSUnIGhlaWdodD0nMTEwJScgZmlsbD0nIzU3NTc1NycvPgoJPGxpbmUgeDE9Jy0yJyB5MT0nMScgeDI9JzcnIHkyPScxMCcgc3Ryb2tlPScjMDAwMDAwJyBzdHJva2Utd2lkdGg9JzMnLz4KCTxsaW5lIHgxPSctMicgeTE9JzYnIHgyPSc3JyB5Mj0nMTUnIHN0cm9rZT0nIzAwMDAwMCcgc3Ryb2tlLXdpZHRoPSczJy8+Cgk8bGluZSB4MT0nLTInIHkxPSctNCcgeDI9JzcnIHkyPSc1JyBzdHJva2U9JyMwMDAwMDAnIHN0cm9rZS13aWR0aD0nMycvPgo8L3N2Zz4='); clear:both; } div.msg-h:not(:first-child){ padding-top: .5em; } div.msg-h p{ margin: 0; padding: .2em 1em; } div.msg-h span{ float: right; } div.msg-warn p{ background: rgba(255,255,0,.7); border: 1px solid yellow; } div.msg-err p{ background: rgba(255,0,0,.7); border: 1px solid red; } div.msg-info p{ background: rgba(0,160,255,.7); border: 1px solid #00a0ff;} .breakLine{ background: none; border: 0 !important; box-shadow: none; float: none; clear: both; padding: 2em 1em 1em; } .breakLine div.blContent{ color: gray; text-transform: uppercase; padding-left: 4px; } .breakLine div.blHr{ width: 100%; height: 1px; border: #3f3f3f solid 1px; box-shadow: 2px 2px 5px #333333; position: relative; top: 3px; } .clickable{ cursor: pointer; } .hidden{ display:none!important; } .clear{ clear:both; }  .yin{ color: #fff; background-color:#000; } a.linkExpertView{ position: absolute; top: 45px; display: block; } .csc-default { margin: 15px; min-width: 240px; border: #3f3f3f solid 1px; box-shadow: 2px 2px 5px #333333; background: rgba(204,204,204, 0.5); float: left; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }  .qtip{ position: absolute; left: -28000px; top: -28000px; display: none; max-width: 280px; min-width: 50px; font-size: 10.5px; line-height: 12px; direction: ltr; box-shadow: none; padding: 0; } .qtip-content{ position: relative; padding: 5px 9px; overflow: hidden; text-align: left; word-wrap: break-word; } .qtip-titlebar{ position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold; } .qtip-titlebar + .qtip-content{ border-top-width: 0 !important; } .qtip-close{ position: absolute; right: -9px; top: -9px; z-index: 11; cursor: pointer; outline: medium none; border: 1px solid transparent; } .qtip-titlebar .qtip-close{ right: 4px; top: 50%; margin-top: -9px; } * html .qtip-titlebar .qtip-close{ top: 16px; } .qtip-titlebar .ui-icon, .qtip-icon .ui-icon{ display: block; text-indent: -1000em; direction: ltr; } .qtip-icon, .qtip-icon .ui-icon{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; } .qtip-icon .ui-icon{ width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma,sans-serif; color: inherit; background: transparent none no-repeat -100em -100em; } .qtip-focus{} .qtip-hover{} .qtip-default{ border: 1px solid #F1D031; background-color: #FFFFA3; color: #555; } .qtip-default .qtip-titlebar{ background-color: #FFEF93; } .qtip-default .qtip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; } .qtip-default .qtip-titlebar .qtip-close{ border-color: #AAA; color: #111; }  .qtip-ttf-default{ border: 1px solid #808080; background: rgba(51, 51, 51, 0.8); color: #fff; } .qtip-ttf-default .qtip-titlebar{ background-color: transparent; border-bottom: 1px solid #808080; } .qtip-ttf-default .qtip-tip{ display:none!important; } .qtip-ttf-default .qtip-icon{ border-color: #CCC; background: #F1F1F1; color: #777; display:none!important; } .qtip-ttf-default .qtip-titlebar .qtip-close{ border-color: #AAA; color: #111; }