html, body, header, footer {
display: block;
margin: 0;
padding: 0;
font-family: 'Open Sans',Verdana,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.4em;
background-color: #ffffff;
min-height: 100%;
color: #3D3D3D;
}
body {
/*overflow-x: hidden;*/
}
#debug-screen, #debug, #mobile_meta,
#screen-alert {display: none;}
/* Set TEG defaults */
h1, h2, h3, h4, h5, h6 {display: block; margin: 0;padding: 0;font-style: normal;font-weight: normal;}
h1 {font-size: 22px}
h2 {font-size: 18px}
h3, h4, h5, h6 {font-size: 15px;}
ul, li {margin: 0;padding: 0;}
a {color: #6096D1;text-decoration: none;cursor: pointer;outline: none;}
a:hover {text-decoration: underline;}
input, textarea {-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;}
/* change placeholder style */
::-webkit-input-placeholder { color: #9ca8b6;font-style: italic; }
::-moz-placeholder { color: #9ca8b6;font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { color: #9ca8b6;font-style: italic; } /* ie */
input:-moz-placeholder { color: #9ca8b6;font-style: italic; }
/**
Set BOX-SIZING to border-box - include border and padding into width/height
*/
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{
display: block;
}
/*
TABLE related style, global
*/
table, ul, ol {
font-size: inherit;
line-height: inherit;
}
button, input[type=button], input[type=submit], input[type=reset] {-webkit-appearance: button;cursor: pointer;border-radius:2px;outline: 0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*.clearfix {display: block;clear:both;font-size:0px;overflow: hidden;zoom:1} */
/**
* sprites
*/
.sprites:before {background: url('https://d33318exxque5k.cloudfront.net/cdn/sprites.png') no-repeat transparent -9999em 0;}
.bship:before, .bmil:before, .bclock:before {content: " ";position: absolute;height:55px;width:55px;margin-left:-65px;}
.bship:before {background-position: -10px -68px;}
.bmil:before {background-position: -126px -68px;}
.bclock:before {background-position: -68px -68px;}
/**
* Global Wrappers, Overlays
*/
.content-wrap {/*min-width:800px;*/max-width: 1150px;display: block;margin: 0 auto;padding-bottom: 40px;/*border-left: 1px solid #ccc;border-right: 1px solid #ccc;*/}
#md {position: relative;padding:10px 15px;width:100%}
#hover-overlay {z-index: 100;position: absolute;top:165px;left:0px;bottom:0px;width: 100%;background-color: #000000;opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);}
#mobile-panel {display: none}
.swr {visibility: hidden;opacity:0;transition:visibility 0s linear 0.1s,opacity 0.1s linear;}
/* Hint/info blocks */
.hint {}
a.moreinfo, label.moreinfo:after {display:inline;display:inline-block;zoom:1;text-decoration: none;border:none;background:none;background-color:#eeeeee;color:#7e7e7e;font-size: 9px;-webkit-border-radius: 1.8em;-moz-border-radius: 1.8em;border-radius: 1.8em;padding: 0;margin:0;width: 1.8em;height: 1.8em;text-align: center;cursor:pointer;}
a.moreinfo:hover, label.moreinfo:hover:after {text-decoration: none;cursor: pointer;}
label.moreinfo:after {line-height: 1.8em;vertical-align: middle;margin-left: 0.7em;}
/* end hint */
/* Panels */
.left-panel, .right-panel { width: 600px; position: absolute; left: -600px; height: auto; max-height: none; min-height: 100%; background: #000000;z-index: 1001;top:0;color:#fff; font-size: 15px}
.panel-close {}
.scroll-wrap { width: 100%;overflow-y: auto;height: 100%;}
#pan-overlay {position: fixed; width: 100%; height: 100%;min-width: 100%;min-height: 100%;left:0;right:0;bottom: 0; margin: 0;padding: 0;z-index: 1000;background: none;
/*background: #ccc;opacity: 0.01;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";filter: alpha(opacity=1); */ }
/* END Panels */
/* column layout */
.col {float: left;margin: 0;padding: 0;border: none !important;}
.cols5-wrap .col {width: 20%;}
.cols3-wrap .col {width: 33%;}
/*
* Header related styles
*/
header {}
.stico a {color: #dddddd;text-decoration: none;margin:10px 2px;font-size: 18px;display: block;float: left;width: 36px;height: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
.stico a:hover {color: #bbbbbb}
#secure-header {}
/*
* Mainbody related styles
*/
#section-wrap {text-align: center;}
#block-login-wrap, #block-newaccount-wrap, #block-sendpass-wrap, #block-404-wrap {margin: 20px auto 20px auto;width: 365px;}
#block-newaccount-wrap {margin-top: 20px;}
#block-404-wrap {margin-bottom: 150px; margin-top: 150px;}
#block-login, #block-newaccount, #block-sendpass { border: 1px solid #c6c6c6;width: 100%;font-size: 14px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;color: #595959;}
#block-404 {padding: 40px 30px;position: relative;text-align: center;font-size: 15px}
#block-404:before {font-size: 25px;position: absolute;text-align: center;left: 0px;top:50%;margin-top: -0.75em;width: 1.5em;height: 1.5em;line-height: 1.5em;border: 1px solid #cccccc;color:#cccccc;border-radius: 1.5em;}
.login-img, .newaccount-img, .sendpass-img {width: 100%;height: 110px;text-align: center;color: #c3c3c3;margin-top: 20px;margin-bottom: 0px;}
.newaccount-img {height: 150px;margin-top: 0;}
.login-img span, .newaccount-img span, .sendpass-img span {display: block;font-size: 24px;position: relative; text-align: center;width: 100%;}
.login-img span:before, .newaccount-img span:before, .sendpass-img span:before {display: block;text-align: center;font-size: 65px;padding-left: 25px;padding-bottom: 10px}
.newaccount-img span:before {font-size: 110px;padding: 0;height: 100px}
.ie7 .login-img span, .ie7 .newaccount-img span {zoom: 1;}
.login-btn-wrap .btn-login, .newaccount-btn-wrap .btn-newaccount, .sendpass-btn-wrap .btn-sendpass {padding-left: 60px;padding-right: 60px;font-size: 14px;}
#rights-info {text-align: center;padding: 3px 20px;font-size: 12px;}
.login-btn-wrap, .newaccount-btn-wrap {padding: 10px 0px 30px 0px}
.block-errors {width: 260px;margin: 5px auto;text-align: center;color: #ff0101;font-size: 12px;line-height: 20px}
.block-errors span {position: relative;padding-left: 25px;}
.block-errors span:before {font-size: 18px;display: inline-block;width: 20px;height: 20px;position: absolute;left:0;top:0;margin-top: -3px;}
.bottom-actions {width: 100%;text-align: left;padding: 5px 5px;font-size: 13px;position: relative;}
#block-newaccount .bottom-actions {font-size: 12px;}
#block-sendpass .bottom-actions {font-size: 11px;margin-top: 30px}
.bottom-actions a.reg {float: right;display: block;color:#F4503F;width: 80px;position: relative;text-align: right;padding-right: 25px;line-height: 15px}
.bottom-actions a.reg span {font-size: 20px;height: 20px;width: 20px;display: block;position: absolute;top:50%;right: 0;margin-top: -10px}
.bottom-actions a.reg:hover {text-decoration: none;}
.bottom-actions a.forgot {display: block;left:0;position: absolute;bottom: 0;padding: 5px 5px;}
.sendpass-info {padding: 30px;text-align: center;font-size: 13px;}
/* text */
.l-fieldrow {margin-top: 10px;}
.l-fieldrow label {display: block;color: #3D3D3D;width:260px;text-align: left;margin: 3px auto;}
.l-fieldrow input[type=text], .l-fieldrow input[type=password], .l-fieldrow .input-text {text-align: center;font-size: 14px;background:none;background-color: #f3f3f3 !important;display: block;width:260px;margin: 4px auto;color: #595959;outline: none;border: 1px solid #d6d6d6;padding: 0.8em;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.msg-wrap .msg.msg-info {background-color: #ffeed0;border-color: #ffd78a;}
.msg-wrap .msg {position: relative;padding: 20px 40px;border-radius: 3px;text-align: left; color: #414141; border: 1px solid #cccccc; width: 300px; margin: 0 auto 30px auto;}
.msg-wrap .msg:before { display: block;position: absolute;left: 10px;top: 15px;font-size: 25px;}
.msg-wrap .msg.msg-info:before { color: #fea802; }
/*
* Footer related styles
*/
footer {}
footer .bottom-ad {width:100%;background: url('https://d33318exxque5k.cloudfront.net/cdn/bg_books.png') no-repeat right bottom; height: 75px;font-size: 20px;color: #d3d3d3;position: relative;font-weight: normal;}
.bottom-ad .logo {display: block;position: absolute;bottom:0;left:0;padding-right: 360px;padding-bottom: 5px;width: 100%;text-align: right}
.bottom-ad .logo:before {display: block;position: absolute;left:0;top: 0px;font-size: 150px;padding: 0;line-height: 150px;height: 150px;width: 150px;margin-top: -90px;}
.ie7 .bottom-ad .logo {width:100%;margin: 0px;text-align: left;padding-right:0px;padding-left: 410px}
footer .bggrad-wrap {height: 70px;overflow: hidden;position: relative;border-top: 1px solid #dfdfdf;}
.bggrad-wrap .bggrad {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,fcfcfc+61,ffffff+100&1+0,0+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMC4zOSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-radial-gradient(center, ellipse cover, rgba(239,239,239,1) 0%, rgba(252,252,252,0.39) 61%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(239,239,239,1) 0%,rgba(252,252,252,0.39) 61%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(239,239,239,1) 0%,rgba(252,252,252,0.39) 61%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter:none;
height: 140px;width: 90%;position:relative;margin:auto;margin-top:-70px;
}
.ie7 .bggrad-wrap .bggrad,.ie8 .bggrad-wrap .bggrad {width: 100%;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 fallback on horizontal gradient */}
/* END FOOTER */
/* FORM element */
/* Simple select */
.simple-select .ssoptions {position: absolute;top: 100%;display: block;visibility: hidden;opacity: 0;/*transition: all 0.5s ease;*/z-index: 100;}
.simple-select .ssleft {right: 0px;}
.simple-select .ssright {left: 0px;}
ul.simple-select {list-style: none;display: block}
ul.simple-select li.ssbutton {display: block;position: relative;}
.simple-select .ssactive .ssoptions {visibility: visible !important;opacity: 1 !important;}
.simple-select .ss-selected .ssicon {display: block;float: right;padding-left: 4px;padding-right:4px;}
.simple-select a.ss-selected:hover {text-decoration: none !important;}
/* Buttons */
/* Colors */
/* Orange */
.or {background: #6dcecb;color: #ffffff;border: solid #6dcecb 1px;}
.or:active, .or.selected{background: #56b3b0;}
/* Blue */
.bl {background: #219fff;color: #ffffff;border: solid #1c68ff 1px;}
.bl:hover, .bl.selected {background: #217aff;}
/* Gray */
.gr {background: #f5f5f5;color: #2b2b2b;border: solid #c7c7c7 1px;}
.gr:hover, .gr.selected {background: #e8e8e8;}
.btn, .btn-s, .btn-l, .bitbtn, .bitbtn-rti, .bitbtn-s, .bitbtn-rti-s, .bitbtn-l, .bitbtn-rti-l {
display: inline-block;
text-decoration: none;
outline: none;
margin-bottom: 5px;
margin-top: 5px;
zoom: 1;
}
.btn:hover, .btn-s:hover, .btn-l:hover, .bitbtn:hover, .bitbtn-rti:hover, .bitbtn-s:hover, .bitbtn-rti-s:hover, .bitbtn-l:hover, .bitbtn-rti-l:hover {text-decoration: none;}
.btn, .bitbtn, .bitbtn-rti { font-size: 1em;padding: 0.8em 1.5em;line-height: normal;-webkit-box-shadow: 1px 1px 2px #a3a3a3;-moz-box-shadow: 1px 1px 2px #a3a3a3;box-shadow: 1px 1px 2px #a3a3a3;-webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px;}
.btn-s, .bitbtn-s, .bitbtn-rti-s {font-size: 0.8em;padding: 0.8em 1.5em;line-height: normal;-webkit-box-shadow: 1px 1px 2px #a3a3a3;-moz-box-shadow: 1px 1px 2px #a3a3a3;box-shadow: 1px 1px 2px #a3a3a3;-webkit-border-radius: 2;-moz-border-radius: 2;border-radius: 2px;}
.btn-l, .bitbtn-l, .bitbtn-rti-l {font-size: 1.2em;padding: 0.8em 1.5em;line-height: normal;-webkit-box-shadow: 1px 1px 2px #a3a3a3;-moz-box-shadow: 1px 1px 2px #a3a3a3;box-shadow: 1px 1px 2px #a3a3a3;-webkit-border-radius: 4;-moz-border-radius: 4;border-radius: 4px;}
.bitbtn {position: relative;padding-left: 2.5em;}
.bitbtn-rti {position: relative;padding-right: 3em;}
.bitbtn:before {text-decoration: none !important;display: inline-block;width: 2em;position: absolute;top:50%;left:1em;margin-top: -0.5em;}
.bitbtn-rti:before {text-decoration: none !important;display: inline-block;width: 2em;position: absolute;top:50%;right:0.5em;margin-top: -0.5em;}
.wide {width: 100%;display: block;float:none !important;text-align: center;}
.wide:before {position: relative;left: auto;}
.bitbtn-rti.wide:before{display: none;}
.bitbtn-rti.wide:after{text-decoration: none !important;display: inline-block;width: 2em;position: relative;right:0.2em;margin-top: 0;}
.btn-small {}
.btn-group {display: block;width: 100%;margin-top: 5px;}
.btn-group:after {clear: both;content: " ";font-size: 0px;height: 0;visibility: hidden;display: block;margin-bottom: 5px;}
.btn-group .btn, .btn-group .bitbtn, .btn-group .bitbtn-rti {float: left;margin:0px !important;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0 !important;}
.btn-group .btn:last-child,.btn-group .bitbtn:last-child, .btn-group .bitbtn-rti:last-child {border-top-right-radius: 3px !important;border-bottom-right-radius: 3px !important;}
.btn-group .btn:first-child,.btn-group .bitbtn:first-child,.btn-group .bitbtn-rti:first-child {border-top-left-radius: 3px !important;border-bottom-left-radius: 3px !important;}
/* Fixes */
/* ie7 fix */
.ie7 .content-wrap {width: 1000px;}
/* Add fix for IE7 */
.ie7 .dtbl {display: block;zoom:1;width: auto;}
.ie7 .dtbl li, .ie7 .dtbl .dtbl-cell {display:block;margin: 0;padding: 0;float: left;width:auto;}
.ie7 #top-search-text {width:400px;}
.ie7 #top-search-wrap {width:600px;}
.ie7 #top-searchbar-wrap {position: absolute;left: 160px;top:0;padding: 0;width:840px;}
.ie7 header {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32436b', endColorstr='#314167',GradientType=0 ); /* IE6-7 */}
.ie7 .bship, .ie7 .bmil, .ie7 .bclock {
padding-left: 65px;
}
.ie7 .bship {
background-position: -10px -68px;
}
/* Media adjustments */
@media all and (max-width:800px){
body {}
footer .bottom-ad {height: auto !important;padding-bottom: 100px;background-position:center bottom;}
.bottom-ad .logo {position:relative !important;padding: 20px;text-align: center;width: 80%;margin: auto;}
.bottom-ad .logo:before {font-size: 100px;position: static !important; width:90%;margin: auto;height: 100px;padding:0;margin-bottom:30px;}
.stico a {margin: 10px 2px;font-size: 1.5em;width:2em;height: 2em;line-height: 2em;-webkit-border-radius: 1em;-moz-border-radius: 1em;border-radius: 1em;}
}
@media all and (max-width:450px){
#block-login-wrap, #block-newaccount-wrap, #block-sendpass-wrap, #block-404-wrap {
width: 100% !important;
margin-top: 20px;
}
.content-wrap, footer .bottom-ad {padding-bottom: 0px;}
.l-fieldrow input[type=text], .l-fieldrow input[type=password], .l-fieldrow label, .l-fieldrow .input-text {
width: 80%;
}
}
@media screen and (max-width: 300px){
/* Fix body width */
body {overflow: visible;width: 300px;height: 100%;min-width: 100%;min-height: 100%;}
#screen-alert {
display: block !important;
position: fixed;
top: 0 !important;
left: 0 !important;
bottom: 0 !important;
width: 100%;
height:auto;
z-index: 100000;
background: #cccccc;
font-size: 1.3em;
line-height: 1.7em;
padding: 1em;
text-align: center;
font-weight: 300;
}
}