@charset "utf-8";
/* CSS Document */

body {
    margin: 0;
    padding: 0;
    background: #CCC;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: #2a6aa7;
}

a:hover {
    color: #1a2674;
}

a img {
    border: none;
    text-decoration: none;
}

hr { border: 0; height: 1px; background: #D3D3D3; color: #D3D3D3; margin: 5px 0 20px; padding: 0; }

*:focus { outline: none;}
input:focus{ outline: #f9e004 solid 2px;}
button:focus { outline: #f9e004 solid 3px;}
li:focus { outline: #f9e004 solid 3px;}
input[type=submit]:focus{ outline: #f9e004 solid 2px;}
a:focus { outline: #f9e004 solid 2px;}

.vakata-context li > a:focus { outline: #f9e004 solid 2px!important;}
.vakata-context .vakata-contextmenu-disabled a:focus { outline: 0!important;}
.jstree-anchor:focus {
    outline: #f9e004 solid 2px !important;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    position: absolute;
    top: -999em;
    left: -999em;
}

#firefly-folder-tree-container a:focus {
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#firefly-file-table-container tr:focus {
    outline: #f9e004 solid 2px;
    -webkit-box-shadow: 0px 0px 4px 0px rgb(255, 247, 0);
    box-shadow: 0px 0px 4px 0px rgb(255, 247, 0);
}

.ul-jstree-hovered.jstree-closed, .ul-jstree-hovered.jstree-leaf {
    background: #e8f4f9 !important;
}

.jstree-default .jstree-focused {
    outline: #f9e004 solid 2px;
    -webkit-box-shadow: 0px 0px 4px 0px rgb(255, 247, 0);
    box-shadow: 0px 0px 4px 0px rgb(255, 247, 0);
}

.jstree-hovered.jstree-clicked {
    background: #b4e8ff !important;
}

.jstree-default .jstree-anchor {
    line-height: 22px !important;
    height: 22px !important;
    margin-top: 2px !important;
}

.jstree-default .jstree-node {
    min-height: 22px !important;
    line-height: 22px !important;
    margin-top: 2px !important;
}

#bodywrapper {
    position: relative;
    min-height: 500px;
    max-width: 1118px;
    margin: 0px auto 0px;
    padding: 0 10px;
}

.bootstrap-styles #header {    padding-right: 30px;    margin-right: 30px;    padding-left: 30px;}

.form_label {font-weight:bold; text-align:right; padding-right: 18px; color:#6c8a18; font-size:14px;}
.form_labelError {font-weight:bold; text-align:right; padding-right: 20px; color:#e43030;}
.form_value select, .form_value input, .form_valueError select, .form_valueError input, .form_value textarea, #searchColumn input[type="text"] {width:350px; background:#e2e8ec; color: #333; padding: 4px 8px; border:1px solid #e2e8ec;}
.form_value input, .form_valueError input, .form_value textarea{width:334px;  height:20px;}
.form_value input:focus, .form_value input:hover, .form_value select:hover, .form_value select:focus, .form_value textarea:hover, .form_value textarea:focus, #searchColumn input[type="text"]:hover, #searchColumn input[type="text"]:focus{border:1px dotted #014479;}
.form_valueError input, .form_valueError select { border:1px solid #e43030;}
.form_value textarea{height:150px; font-family: Arial, Helvetica, sans-serif; font-size:12px;}
.small_input input{width:50px;}
.small_input select{width:80px;}

.errorList {border: 2px dotted #e43030 !important; padding:20px; background:#e2e8ec; text-align:left !important; }

#newUserBox {float: left; width: 100%; margin: 30px 0 0 0; padding: 0 60px 0 0; border-right: 1px solid #eaeaea; }

fieldset { border: 0; margin: 0 0 5px 0; padding: 0;  }
.fullWidth { display: block; clear: both; }
.halfWidth { float: left; width: 190px; margin: 0 0 5px; padding: 0; }
fieldset.firstColumn {   }
fieldset.secondColumn { margin-left: 10px;  }
fieldset label { display: block; font-size: 12px; font-family: verdana; line-height: 15px; position: relative; }
fieldset label.required { font-weight: bold; }
fieldset span { /*display: block;*/ font-size: 11px; line-height: 15px; color: #666; }
fieldset span.errorIcon { /*display: inline !important;*/ position: absolute; top: -5px; right: 0; }
.inputbox { border: 1px solid #dedede; padding: 6px 5px; font-size: 11px; color: #666; font-family: verdana; margin: 0 0 4px 0; }
.halfWidth .inputbox { width: 178px; }
.fullWidth .inputbox { width: 377px; }
fieldset select.inputbox { padding: 5px 2px; height: 27px; line-height: 20px; }
.halfWidth select.inputbox { width: 190px; }
.fullWidth select.inputbox { width: 389px; }
.fullWidth .radioinput { margin: 0 0 10px 0; }
.checkbox {margin: 0; }

.required, .requiredDate{background: url(../images/required-tag.png) right 2px no-repeat; padding-right: 50px;}
.requiredDate input{width:315px;}
.requiredError{background: url(../images/required-tag-error.png) right 2px no-repeat; padding-right: 50px;}

a.webinarLink {
    display: block;
    background: url(../images/register-bt.png) 0 0 no-repeat;
    width: 86px;
    float: left;
    height: 24px;
}

a.webinarLink:hover {
    background-position: 0 -24px;
}

/* user usage */
#searchColumn {
    float: left;
    width: 200px;
    margin-right: 25px;
    font-size: 12px;
}

#resultsColumn {
    float: left;
    width: 650px;
}

#searchColumn ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#searchColumn li {
    margin-bottom: 1.5em;
}

#searchColumn label {
    color: #6C8A18;
    font-weight: bold;
    font-size: 13px;
}

#searchColumn input[type="text"] {
    width: 150px;
    height: 20px;
}

#searchColumn #customDateRange label {
    display: inline-block;
    width: 50px;
    text-align: right;
}

#searchColumn #customDateRange input[type="text"] {
    width: 70px;
    height: 20px;
}

#searchColumn #customDateRange img {
    cursor: pointer;
}

#resultsColumn {
    float: left;
    width: 700px;
}

#resultsColumn table {
    margin-top: 1em;
}

#resultsColumn th, #resultsColumn td {
    text-align: left;
    padding: .35em 2.5em .35em .5em;
}

#resultsColumn th {
    background: #DADEF5;
}

#resultsColumn tbody td {
    border-bottom: 1px solid #E2E8EC;
}

#resultsColumn tbody tr:hover, #resultsColumn tbody tr:hover a {
    background: #E2E8EC;
    color: #000;
}

#resultsColumn h3 {
    margin: 0;
}

/*Help page */
.columns {
    float: left;
    width: 343px;
}

.columns UL li {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.columnRight {
    background-color: #e6e6e6;;
    height: 458px;
    float: right;
    width: 215px;
    padding: 10px 0 0 13px;
    border-radius: 8px;
}

/* ------ MISC ------ */
.clear {
    clear: both;
}

a.pdf{	background: url(../images/ico-pdf.gif) right 2px no-repeat;	padding: 0 16px 0 0;}
a.pdfXL{background: url(../images/ico-pdfXL.png) right 2px no-repeat;padding: 0 21px 0 0;}
a.ext { background: url("/shared/images/external-link.png") no-repeat scroll right 1px transparent; display: inline-block !important; padding-right: 14px !important; white-space: nowrap; }

a.kes {
    background: url(../images/ico-kurzweil.png) right 2px no-repeat;
    padding: 0 16px 0 0;
}

a.video {
    background: url(../images/ico-video.gif) right 2px no-repeat;
    padding: 0 16px 0 0;
}

/* ----- Forms ---- */

#trialFormStyles td {
    border-top: 1px dotted #ccc;
}

#trialFormStyles td.noBorder{border:none;}

.bootstrap-styles #login form input[type=text], #login form input[type=username], .bootstrap-styles #login form input[type=password] { height:27px;  width: 171px;}

.libraryBreadcrumb ul { list-style: none; margin: 0 0 30px 10px; padding: 0 0 0 22px; background: url(../images/icon-librarybreadcrumb.png) 0 3px no-repeat; }
.libraryBreadcrumb ul li { display: inline; margin: 0 7px 0 0; padding: 0; }
.libraryBreadcrumb ul li a { margin: 0 5px 0 0; padding: 0 12px 0 0; background: url(../images/arrow-breadcrumb.png) 100% 4px no-repeat; }

.directoryListing { float: left; width: 100%; padding: 0 0 20px 8px; margin: 0 0 20px; border-bottom: 5px solid #dadef5; }
.directoryListing a { display: block; float: left; width: 177px; height: 45px; color: #000; text-decoration: none; font-weight: bold; background: url(../images/folder-empty.png) no-repeat; padding: 14px 15px 0 58px; box-sizing: content-box;}
.directoryListing a.folderFull { background: url(../images/folder-full.png) no-repeat; }
.directoryListing a:hover { color: #3FC4E4; }
.
.fileListing {
    float: left;
    width: 100%;
    padding: 0 0 20px 8px;
    margin: 0 0 20px;
}

.fileListing a {
    display: block;
    float: left;
    width: 233px;
    height: 32px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    background: #FFFFE0;
    padding: 9px 0px 0 5px;
    margin: 0 10px 10px 0;
    border: 1px solid #fffc9f;
    font-size: 11px;
    box-sizing: content-box;
}

.fileListing a:hover {
    background: #FFFC9F;
}

.fileListing a img {
    float: left;
    border: 1px solid #4bafc4;
    margin: 0 5px 0 0;
}

/* ----- START HEADER ----- */
#header {
    position: fixed;
    width: 100%;
    height: 59px;
    background: #026b9e;
    z-index: 1000;
    padding: 0 9px;
    border-top: 20px solid #303030;
}

.logo-container {
    position: absolute;
    top: -19px;
    left: 0px;
}

#header #topUserInfo {  position:relative;  top:12px;  color:#ffffff;  font-size:13px;  float:right;  text-align:right;     margin-bottom: -20px;}
span.whitelogout a { color: #bdffc6!important; }
#header .name {  font-weight:normal;}
#header a:active, #header a:hover{ color: #08a754;}
#header .logout {  margin-left:14px;}
#header .name {  font-weight:bold!important;}

#container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    background: #FFF;
    font-size: 15px;
    line-height: 22px;
    color: #333;
}

#content {
    padding-top: 79px;
    min-height: 300px;
}

#content h1 {
    font-family: opensans, arial;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 0px;
    padding: 0 10px 10px 0;
    line-height: 36px;
}

#content h2 {
    color: #bdd2fd;
    font-size: 26px;
    line-height: 26px;
    font-weight: normal;
    padding: 0px;
    margin: 0 0 15px;
    font-stretch: condensed;
}

h1.file-list {padding-left:14px!important;}

.company-info h1 { text-transform: uppercase!important; color:#33bcec!important; font-size:28px!important; }
.company-info h2 {color: #808080!important; text-transform: uppercase!important; }

.content-padding{    padding: 20px 20px 0px 20px;}

#get-password-container, #get-page-range-container { min-height: 370px;  padding-top: 102px;}
span#file-path {color: #5e88df;}
h3#get-password-title, #get-page-range-container { text-align: center; line-height: 27px }
input.pw-submit, #page-range-submit {background: #5e88df; border-radius: 6px;  border: 1px solid #5e88df;  color: #fff; padding: 7px 14px; font-size: 18px; cursor: pointer;}
input.pw-submit:hover, #page-range-submit:hover { background: #395fb0;}
input#filepassword {font-family: Verdana,Arial,sans-serif; font-size: 1em; height: 30px; padding: 1px 5px;}

.help-contact {
    width: 100%;
    height: 130px;
    display: block;
    border: 4px solid #afd7f0;
    border-radius: 5px;
    background: #f0f9ff; }

.center-contact {width: 700px; margin:auto;}
.help-contact ul {
    margin: 13px 0px;
    padding: 0px 11px;
}

.help-contact li {
    list-style: none;
}

/* ----- START PARALLAX ----- */

#parallax {
    display: block;
}

#keyart-1 {
    background-image: url(/images/space.png)
}

#keyart-2 {
    background-image: url(/images/earth.png);
    background-repeat: no-repeat;
}

#keyart-3 {
    background-image: url(/images/rocket.png);
    background-repeat: no-repeat;
}

#keyart-4 {
    background-image: url(/images/clouds.png)
}

.keyart_layer {
    background-position: bottom center;
    background-size: auto 630px;
    background-repeat: repeat-x;
    width: 100%;
    position: absolute;
}

.keyart, .keyart_layer { height: 650px;}
.keyart_layer.login {
    height: auto;
    min-height: 150px;
}

.keyart {
    background-size: cover;
}

/* END PARALLAX */

.heading-txt {
    display: block;
    position: absolute;
}

.video-container {
    position: relative;
    max-width: 650px;
    margin: auto;
    background: #303030;
    padding: 22px;
    border-radius: 9px;
}

.video-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container span {
    font-size: 18px;
}

.login {
    width: 315px;
    height: 263px !important;
    background: rgba(255, 255, 255, 1);
    margin: auto;
    z-index: 900;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 265px;
    padding: 7px 15px 0px 15px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.31);
    -moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.31);
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.31);
    animation: fade 0.5s 0.8s forwards;
}

.googleLogin {
    height: 500px !important;
}

.login-message {
    height: 570px !important;
}

.logged-in {
    height: 40px !important;
    width: 485px;
    top: 300px;
}

a.login-window-link {
    padding-top: 3px !important;
    padding-right: 83px !important;
}


@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.login-divider {
    text-align: center;
    margin: 16px 0 18px 0;
    position: relative;
    font-size: 24px;
}

.login-divider:before {
    content: "";
    border-top: 1px solid #bfbfbf;
    width: 43%;
    display: block;
    position: absolute;
    left: 0;
    top: 13px;
}

.login-divider:after {
    content: "";
    border-top: 1px solid #bfbfbf;
    width: 43%;
    display: block;
    position: absolute;
    right: 0px;
    top: 13px;
}

span.dividerlines {
    border-bottom: 1px solid #000;
    margin-bottom: -10px;
}


.login-video {
    width: 100% !important;
    height: auto !important;
}

.abcRioButton {
    width: 227px !important
}

#googleLoginError {
}

#googleLogin {
    width: 228px;
    height: 38px;
    margin-top: 61px;
}

/* ----- START LOGIN LAYER ----- */
.login input[type="user"] {
    line-height: 20px;
    width: 94%;
    font-size: 17px;
    padding: 9px;
    margin-right: 2px;
    height: 21px;
    border: 0;
    border-bottom: 2px solid #026b9e;
}

.login input[type="password"], .login input[type="text"] {
    line-height: 20px;
    line-height: 20px;
    width: 94%;
    font-size: 17px;
    padding: 9px;
    height: 21px;
    border: 0;
    border-bottom: 2px solid #026b9e;
    margin-top: 15px;
}

.login h1 {
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    margin: 10px;
    color: #585858;
    padding-bottom: 8px;
}

.login .user {
}

.login .password {
}

.loginmessage {
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    background: #dcf4dc;
    padding: 10px;
    border-radius: 5px;
    color: #006b00;
    border: #a8dca8 1px solid
}

label[for="username"] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

label[for="password"] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


::placeholder {
    color: #989898;
    opacity: 1; /* Firefox */
}

button[name="login-btn"] {
    display: block;
    display: block;
    background: #026b9e;
    color: #fff;
    width: 100%;
    line-height: 30px;
    font-size: 18px;
    height: 54px !important;
    border: 3px solid #026b9e;
    cursor: pointer;
    margin-top: 17px;
    transition: 0.2s;
}

button[name="login-btn"]:hover {
    background: #027ab5;
    border: 3px solid #027ab5;
}

.submit {
    width: 100px;
}

a.forgetpw {
    color: #0B61A5;
    text-decoration: none;
    font-size: 14px;
    line-height: 32px;
    float: right;
}

a.forgetpw:hover {
    color: #0B61A5;
}

a.login-browse {
    display: block;
    background: #f19720;
    border: 6px solid #f09720;
    width: 285px;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    text-align: center;
    margin: auto;
    line-height: 32px;
    transition: 0.3s;
}

a.login-browse:hover {
    background: #eb6c23;
    border: 6px solid #eb6c23;
}

a.login-window-link{float:right; padding: 3px 84px 0 0;; color:#388FD4; text-decoration:none; font-size:14px;}
a.login-window-link:hover{color:#0B61A5;}

.poster-container { width: 100%; text-align: center; }

#poster{display:none; position: absolute; background: #000; opacity: 0.5; width: 988px; height: 557px; z-index:2;}

.heading-txt {text-align: center; margin-top: 60px; }

.heading-txt h1{ font-family: opensans, arial;  font-weight:bold; color:#fff; z-index: 3; padding: 0!important; font-size: 38px!important; line-height: 44px; text-shadow: 1px 2px 1px rgba(0, 0, 0, 1);}


/* ----- START BUTTONS ----- */
nav {
    width: 100%;
    height: 44px;
    background: #d6e2fb;
}

nav .container {
    width: 977px;
    margin: 0 auto;
}

nav a {
    display: block;
    width: 135px;
    height: 44px;
    background: #5e88df;
    color: #fff;
    line-height: 47px;
    float: left;
    text-decoration: none;
    text-align: center;
    margin-right: 1px;
}

nav a:hover {
    background: #4870C1;
    transition: all .4s ease-in-out;
}

nav a.active {
    background: #395fb3;
}


a.two-buttons, div.two-buttons {
    z-index: 900;
    line-height: 30px;
    text-decoration: none;
    float: left;
    margin-right: 46px;
    display: block;
    width: 281px;
    background: #fff;;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

a.blue {
    color: #14799f;
    transition: background 0.5s, border-color 0.5s;
}

a.orange {
    background: #fff;
    color: #b36114;
    border: 4px solid #E17714;
    transition: all .2s ease-in-out;
}

a.orange:hover {
    color: #fff;
    background: #E17714;
    transition: background 0.5s, border-color 0.5s;
}

a.green, div.green {
    background: #FFF;
    color: #417d1e;
    border: 4px solid #55A428;
    transition: all .2s ease-in-out;
}

a.green:hover, .green:hover {
    color: #fff;
    background: #55A428;
    border: 4px solid #55A428;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

a.green.disabled, div.green.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: default;
}

span.google-icon {
    background: url('/images/google-login.png') no-repeat;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

#google-login {
    display: block;
    background: #4f85f6;
    color: #fff;
    width: 100%;
    font-size: 18px;
    height: 54px !important;
    cursor: pointer;
    margin-top: 18px;
    transition: 0.2s;
    text-align: center;
    text-decoration: none;
    line-height: 55px;
    position: relative;
}

#google-login:hover {
    background: #6997f7;

}

#google-login:before {
    content: "";
    position: absolute;
    width: 72px;
    height: 72px;
    left: 3px;
    top: 3px;
    background: url(/images/google-login-icon.png) no-repeat;
    background-size: 48px 48px;
}

span.microsoft-icon {
    background: url('/images/microsoft-login.png') no-repeat;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    float: left;
    width: 32px;
    height: 32px;
    border-radius: 4px;
}

#microsoft-login {
    display: block;
    background: #1A237E;
    color: #fff;
    width: 100%;
    font-size: 18px;
    height: 54px !important;
    cursor: pointer;
    margin-top: 18px;
    transition: 0.2s;
    text-align: center;
    text-decoration: none;
    line-height: 55px;
    position: relative;
}

#microsoft-login:hover {
    background: #6997f7;

}

#microsoft-login:before {
    content: "";
    position: absolute;
    width: 72px;
    height: 72px;
    left: 3px;
    top: 3px;
    background: url(/images/microsoft-login-icon.png) no-repeat;
    background-size: 48px 48px;
}

.marketing-button {
    width: 298px;
    margin: auto;
}

.marketing-button a {
    text-decoration: none;
    margin-top: 14px;
    display: block;
    width: 283px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    border: 4px solid #fff;
}

.marketing {
    color: #fff;
    padding: 24px 40px 162px 40px;
    background: rgb(2, 107, 158);
    text-align: center;
    font-size: 19px;
    line-height: 25px;
    position: relative;
    z-index: 98;
    top: -293px;
}

.marketing-member a {
    color: #fff;
}

.marketing-member {
    color: #fff;
    padding: 24px;
    background: rgb(2, 107, 158);
    text-align: center;
    font-size: 19px;
    line-height: 25px;
    position: relative;
    z-index: 98;
    top: -83px;
}

.marketing h1 {color: #fff; font-size: 32px; text-align: center; line-height: 60px; font-weight: normal; }

.marketing-button a:hover {
    background: #fff;
    color: #2a89ba;
    transition: all .2s ease-in-out;
}

/* ----- FOOTER ----- */
.footer { background: #303030; font-size: 13px; color: #fff; line-height: 18px; width: 100%; height: 43px; padding: 0; position: relative; }

.footer .social{ float:left; width: 341px; margin:17px 0 0 17px;}
.footer .social .facebook{ float:left; background: #b7b7b7 url("/shared/images/firefly/facebook-2015.png");	width: 51px; height: 51px; margin:5px; border: 3px solid #D8D8D8;}
.footer .social .facebook:hover{ float:left; background: #3b5998 url("/shared/images/firefly/facebook-2015.png") ;}
.footer .social .twitter{ float:left; background: #b7b7b7 url("/shared/images/firefly/twitter-2015.png");	width: 51px; height: 51px; margin:5px; border: 3px solid #D8D8D8;}
.footer .social .twitter:hover{ float:left; background: #56a3d9 url("/shared/images/firefly/twitter-2015.png") ;}

.footer .social .youtube {
    float: left;
    background: #b7b7b7 url("/shared/images/firefly/youtube-2015.png");
    width: 51px;
    height: 51px;
    margin: 5px;
    border: 3px solid #D8D8D8;
}

.footer .social .youtube:hover {
    float: left;
    background: #bf221f url("/shared/images/firefly/youtube-2015.png");
}

.footer .social .google {
    float: left;
    background: #b7b7b7 url("/shared/images/firefly/google-2015.png");
    width: 51px;
    height: 51px;
    margin: 5px;
    border: 3px solid #D8D8D8;
}

.footer .social .google:hover {
    float: left;
    background: #dd4b39 url("/shared/images/firefly/google-2015.png");
}

.footer .social .wordpress {
    float: left;
    background: #b7b7b7 url("/shared/images/firefly/wordpress-2015.png");
    width: 51px;
    height: 51px;
    margin: 5px;
    border: 3px solid #D8D8D8;
}

.footer .social .wordpress:hover {
    float: left;
    background: #1d7d9f url("/shared/images/firefly/wordpress-2015.png");
}

.legal {
    float: left;
    color: #d5d2d2;
    width: 310px;
    padding-left: 10px;
    text-align: right;
    margin: 0px 15px 0 0;
    line-height: 22px;
    font-size: 15px;
}

.footer .legal .text {
    float: left;
    padding-top: 11px;
    font-size: 13px;
}

.footer a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 20px;
}

.footer a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 20px;
}

.footer a:hover {
    color: #e7e7e7;
    text-decoration: none;
}

.privacy-policy {
    font-weight: bold;
    font-style: italic;
    font-size: 17px;
}

.footer .icon {
    padding-top: 21px
}

.rtw-button-div {
    float: left;
}

.logos {
    float: right;
    width: 475px;
    vertical-align: middle;
}

.kurzweil-logo-div {
    float: right;
    padding-right: 10px;
}

.kurzweil-logo {
    width: 90px;
    padding-top: 3px;
}

.cambium-logo {
    width: 100px;
    float: right;
    margin: 8px;
}

.cambium-logo-text {
    vertical-align: middle;
    float: right;
    padding-top: 10px;
    padding-right: 8px;
}

#header #topUserInfo {
    float: right;
    position: absolute;
    top: 12px;
    right: 7px;
    color: #fff;
}

#topUserInfo a {
    color: #c1f5b0 !important;
    margin-left: 6px;
}

#header-top {
    background: #5e88df;
    width: 100%;
}

.errorMessage {
    font-weight: bold;
    margin: 5px 0 25px 0;
    list-style: none;
    text-align: center;
    padding: 3px;
    border-radius: 5px;
    border: 1px solid #fdb1b1;
    color: #991414;
    background-color: #ffe6e6;
    line-height: 26px;
}

.warningMessage {
    border: 1px solid #ffd2a8;
    color: #bd4b00;
    background-color: #fff6e2;
}

.visually-hidden {
    display: none;
}

.fas {
    padding-right: 5px;
    color: #e23f3f;
}

.show-password {
    position: relative;
    left: 272px;
    top: -39px;
    cursor: pointer;
    border: 0;
    background: none;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.6;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.6;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.6;
    }
}

.fade-in {
    opacity: 0; /* make things invisible upon start */
    -webkit-animation: fadeIn ease-in 0.6; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation: fadeIn ease-in 0.6;
    animation: fadeIn ease-in 0.6;
    -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.6s;
    -moz-animation-duration: 0.6s;
    animation-duration: 0.6s;
}


.btn-activate-rtw {
    border: 1px #ccc solid;
    background: #404040;
    padding: 6px 13px;
    color: #fff;
    border-radius: 4px;
    margin: 8px;
    cursor: pointer;
    font-size: 12px;
}

.btn-activate-rtw:hover {
    background: #74d265;
    border: 1px #74d265 solid;
    color: #000;
}

.mobile {
    display: none;
}

.button-container { width: 100%; height: 211px; font-size: 17px; z-index: 98; position: relative; top: -259px; }

.centerbutton {
    width: 710px;
    height: 61px;
    margin: 0 auto;
    padding: 50px 0;
}

#bodywrapper {
    padding: 81px 13px 0 19px;
    position: relative;
    min-height: 500px;
    max-width: 1118px;
    margin: 0px auto 0px;
}

h1.pdf-settings {
    font-size: 24px !important;
    margin: .67em 0 !important;
    line-height: 18px !important;
    color: #333333;
    font-family: Arial, Helvetica !important;
}

h2.pdf-settings {
    font-size: 18px !important;
    line-height: 18px !important;
    margin: 0 !important;
    padding: 11px 0 15px 0 !important;
    font-family: Arial, Helvetica, sans-serif, Verdana !important;
    font-weight: 700 !important;
    font-stretch: expanded !important;
}

.pdf-settings {
    color: #333333 !important;
}

.language-table {
    width: 800px;
    margin-top: 15px;
    margin-bottom: 25px;
}

#remediated-processing {
    margin-bottom: 25px;
}

#remediation-fields {
    margin-left: 25px;
    margin-bottom: 25px;
    border: 1px solid #d2d0d0;
    padding: 10px 10px 0px 20px;
}

.remediation-fields-disabled {
    opacity: 60%;
}

#update-settings {
    display: block;
    background: #026b9e;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 10px 20px;
    cursor: pointer;
    margin-bottom: 25px;
}

#update-pdf-settings-msgs {
    font-size: 12px;
    color: #000099;
}

.page-range {
    padding: 1px 1px 1px 4px;
}

#pdfPageStart {
    margin-right: 24px;
}

.download-message {
    color: #e43030;;
    margin-left: 10px;
    font-size: 12px;
}

#bgvid {
    top: -87px;
    position: relative;
    width: 100%;
    min-width: 1525px;
}
#login-header-text {
    position: relative;
    z-index: 90;
}

/* responsive Media Query  */
@media only screen and (max-width: 850px) and (orientation: landscape) {
    #content {padding: 0; padding-top: 48px; }
}

@media only screen and (min-resolution: 132dpi) and (max-device-width: 1024px) and (orientation : portrait) {
    #bgvid {
        width: 176%;
        top: -132px;
    }
    .marketing {
        font-size: 14px;
        top: -348px;
    }
    .marketing h1 {
        font-size: 25px;
        line-height: revert;
    }
}

@media only screen and (max-width: 700px) {
    #header .name {
        display: none;
    }

    #content {
        padding-top: 60px;
    }

    .mobile {
        display: block
    }

    .poster-container {
        display: none;
    }

    #content h1 {
        font-size: 24px;
        font-weight: bold;
        margin: 0;
        line-height: 36px;
    }

    .button-container {
        height: 291px;
        z-index: 958;
        top: 194px;
    }

    .centerbutton {
        width: 100%;
        height: 211px;
    }

    .login {width:87%; top: 86px; background: rgba(255, 255, 255, 1);}
    .keyart, .keyart_layer { height: 549px;}
    a.login-browse {    width: 80%;}
    a.two-buttons {width: 88%; margin: 10px; }
    .marketing {    position: relative; height: inherit;font-size: 20px; line-height: 30px; padding-top: 24px; margin-top: 513px; margin-bottom: 0;}

    .marketing-member {
        font-size: 20px;
        line-height: 30px;
        height: 670px;
        top: -281px;
    }
    .footer a { font-size: 12px; line-height: 20px;}
    .footer-logo {width:80px;}

    .help-contact {    width: 100%;
        height: 191px;}

    .center-contact {width: 700px; margin:auto;}

    .columns {
        float: none;
        width: 100%;
    }

    .heading-txt {
        display: none
    }
}

@media only screen and (max-width: 800px) {
    #heading-txt h1 {
        font-size: 34px;
        line-height: 33px;
    }

    .btn-activate-rtw {
        display: none;
    }
}