﻿.wrapper_bg_download {
    background:url(/img/thnks_bg_1.png) 50% 50% fixed;
    width:100%;
    background-color:#797d9e;
    height:270px;
}
.inner_landing {
    padding:70px 0 0 0;
    cursor: default;
}
.inner_landing .landing_head {
    margin:0 0 28px 0;
    font-size:40px;
    font-weight:300;
    color:#ffffff;
    text-align: center;
}
.online_landing {
    padding: 10px 0 20px 0;
}
.online_landing .landing_head{
    margin: 12px 0 7px 0;
    font-size: 36px;
    line-height: 36px;
    font-weight: 300;
}
.adxcontainer {
    width: 728px;
    height: 92px;
    margin-left: 50%;
    position: relative;
    left: -369px;
    overflow: hidden;
}
.online_landing>p{
    font-size: 16px;
    line-height: 16px;
    color:#fff;
    text-align: center;
}
.inner_landing .landing_available {
    text-align:center;
    font-size:16px;
	font-weight:300;
    color:#f1eef8;
}
.topContainer_bg {
    background:#eef1f4;
    width:100%;
}
.topContainer {
    width:1200px;
    margin:0 auto;
}
.top_arhive p{
    padding:58px 0 64px 0;
    text-align:center;
    font-size:30px;
    color:#43484f;
}
.topBlock {
    float:left;
    margin:0 26px 0 0;
}
.topBlock .top_text {
    margin:24px 0 22px 0;
    text-align:center;
    font-size:18px;
    color:#43484f;
}
.topBlock p+p {
    margin:0 0 50px 0;
    text-align:center;
    font-size:14px;
    color:#53585e;
}
.topLast {
    margin:0;
}
.top_right {
    float:left;
    margin:118px 26px 0 0;
}
.downloadThanks{
   padding:52px 0 84px 0;
   color:#43484f;
}
.downloadThanks h1{
    font-size:30px;
    text-align: center;
    margin-bottom:28px;
}
.downloadThanks p {
    font-size:16px;
    text-align: center;
}
.downloadThanks a{
    color:#43484f;
    text-decoration: underline;
}
.downloadThanks a:hover{
    text-decoration: none;
}
.downloadThanks img{
    margin: 58px 0 0 532px;
}
.launchExplains{
    margin: 0;
}
.inner-ads{
    padding: 52px 0 0 0;
}
.inner-ads .landing_head{
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 22px 0;
    font-weight: 400;
}
.inner-ads h2{
    font-size: 20px;
    color:#fff;
    line-height: 20px;
    text-align: center;
    padding-bottom: 15px;
    font-weight: 300;
}
/*ONLINE PAGE*/
.online-all{
    background: rgb(58,152,209);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhOThkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNhOThkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzQ0N2RiYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDdkYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(58,152,209,1) 0%, rgba(58,152,209,1) 50%, rgba(68,125,188,1) 50%, rgba(68,125,188,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(58,152,209,1)), color-stop(50%,rgba(58,152,209,1)), color-stop(50%,rgba(68,125,188,1)), color-stop(100%,rgba(68,125,188,1)));
    background: -webkit-linear-gradient(top,  rgba(58,152,209,1) 0%,rgba(58,152,209,1) 50%,rgba(68,125,188,1) 50%,rgba(68,125,188,1) 100%);
    background: -o-linear-gradient(top,  rgba(58,152,209,1) 0%,rgba(58,152,209,1) 50%,rgba(68,125,188,1) 50%,rgba(68,125,188,1) 100%);
    background: -ms-linear-gradient(top,  rgba(58,152,209,1) 0%,rgba(58,152,209,1) 50%,rgba(68,125,188,1) 50%,rgba(68,125,188,1) 100%);
    background: linear-gradient(to bottom,  rgba(58,152,209,1) 0%,rgba(58,152,209,1) 50%,rgba(68,125,188,1) 50%,rgba(68,125,188,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a98d1', endColorstr='#447dbc',GradientType=0 );
    position:relative;
    width: 296px;
    height: 98px;
    cursor:pointer;
    overflow:hidden;
    text-decoration: none;
}
.online-all:hover{
    background: #447DBC;
}
.online-all a{
    position: relative;
    line-height: 100px;
    font-size:24px;
    text-shadow:1px 1px #2e78b9,2px 2px #2e78b9,3px 3px #2e78b9,4px 4px #2e78b9,5px 5px #2e78b9,6px 6px #2e78b9,7px 7px #2e78b9,8px 8px #2e78b9,9px 9px #2e78b9,10px 10px #2e78b9,11px 11px #2e78b9,12px 12px #2e78b9,13px 13px #2e78b9,14px 14px #2e78b9,15px 15px #2e78b9,16px 16px #2e78b9,17px 17px #2e78b9,18px 18px #2e78b9,19px 19px #2e78b9,20px 20px #2e78b9,21px 21px #2e78b9,22px 22px #2e78b9,23px 23px #2e78b9,24px 24px #2e78b9,25px 25px #2e78b9,26px 26px #2e78b9,27px 27px #2e78b9,28px 28px #2e78b9,29px 29px #2e78b9,30px 30px #2e78b9,31px 31px #2e78b9,32px 32px #2e78b9,33px 33px #2e78b9,34px 34px #2e78b9,35px 35px #2e78b9,36px 36px #2e78b9,37px 37px #2e78b9,38px 38px #2e78b9,39px 39px #2e78b9,40px 40px #2e78b9,41px 41px #2e78b9,42px 42px #2e78b9,43px 43px #2e78b9,44px 44px #2e78b9,45px 45px #2e78b9,46px 46px #2e78b9,47px 47px #2e78b9,48px 48px #2e78b9,49px 49px #2e78b9;
    color:#fff;
    font-weight:normal;
}
.online-all a:hover{
    text-decoration: none !important;
}
.inner-gbh .on_s {
    float:left;
    margin:20px 0 0 28px;
    background-position: 0 0;
    width: 126px;
    height: 81px;
}
.onl-text{
    position: relative;
    right: -107px;
    top: -100px;
    float: left;
}
.extract-btn {
    float:left;
    margin:0 0 0 4px;
    background:#e1e7ee;
    width: 296px;
    height: 98px;
    cursor:default;
}
.extract-btn .select-txt-e {
    color:#a7b0bb;
    font-size:26px;
    line-height: 98px;
}
.inner-gbh .on_e {
    float:left;
    margin:20px 20px 0 38px;
    background-position: -216px -13px;
    width: 65px;
    height: 65px;
}
.inner-gbh .on_f {
    float:left;
    margin:20px 20px 0 52px;
    background-position: -285px -13px;
    width: 65px;
    height: 65px;
}
.inner-gbh .on_dir{
    float: left;
    margin: 15px 9px 0 14px;
    background-position: -27px -126px;
    width: 16px;
    height: 13px;
}
/*download button*/

.downloadButton span.extra,
.downloadButton strong {
    display: block;
    font-weight: 200;
    line-height: 20px;
}

.downloadButton strong {
    font-size: 14px;
    margin: 8px 0 5px;
}

.downloadButtonLeftIconButton strong {
    font-size: 16px;
    margin: 4px 0 0 0;
    text-align: right;
}

.downloadButton strong strong {
    display: inline;
}

.downloadButton span.extra {
    font-size: 13px;
    color: #a6b1d1;
    text-shadow: none;
    line-height: 14px;
}

.downloadButton:hover,
.downloadButton:visited,
.downloadButton:focus {
    text-decoration: none;
}

.downloadButtonWhite, .downloadButtonWhite:visited {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZmRmZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(223, 223, 223, 1)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#dfdfdf', GradientType = 0);
    color: #4E84C3;
    -webkit-box-shadow: 0px 2px 2px 0px #dddddd;
    -moz-box-shadow: 0px 2px 2px 0px #dddddd;
    box-shadow: 0px 2px 2px 0px #dddddd;
    border: 1px solid #acacac;
    text-shadow: 1px 1px 0px #ffffff;
}

.downloadButtonWhite:hover, .downloadButtonWhite:focus {
    filter: none;
    background: rgb(248, 250, 250);
    -webkit-box-shadow: 0px 2px 3px 0px #dddddd;
    -moz-box-shadow: 0px 2px 3px 0px #dddddd;
    box-shadow: 0px 2px 3px 0px #dddddd;
    border: 1px solid #acacac;
}

.content_page .info a.downloadButton:hover,
.content_page .info a.downloadButton:visited,
.content_page .info a.downloadButton:focus {
    text-decoration: none;
}

/*version text*/
.versionText {
    padding: 15px 0 0 9px;
    width: 312px;
    float: left;
    font-size: 13px;
}

.versionText a {
    color: #4b82c1;
    text-decoration: underline;
}

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

.main .note {
    top: 100%;
    right: 0;
    position: absolute;
    color: #d2d3dd;
    padding: 2px 17px 0 0;
    display: block;
}

/*home page screenshot gallery*/
.homeScrGallery {
    width: 510px;
    height: 405px;
    background: #f4f4f4;
    border-top: solid 1px #ffffff;
    border-left: solid 1px #f3f3f3;
    border-bottom: solid 1px #e1e1e1;
    border-right: solid 1px #f3f3f3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 0px 1px #d4d4d4;
    -moz-box-shadow: 0px 0px 0px 1px #d4d4d4;
    box-shadow: 0px 0px 0px 1px #d4d4d4;
    margin: 20px 0 0 0;
}

#slides {
    z-index: 100;
    width: 500px;
    margin: 0 auto;
}

.slides_container {
    padding: 0;
    overflow: hidden;
    position: relative;
    display: none;
}

.slide {
    width: 500px;
    height: 355px;
    top: -17px !important;
}

.slide img {
    position: relative;
    -webkit-box-shadow: 0px 0px 0px 1px #ffffff;
    -moz-box-shadow: 0px 0px 0px 1px #ffffff;
    box-shadow: 0px 0px 0px 1px #ffffff;
}

/*about*/
.about .info {
    overflow: hidden;
    padding: 35px 0 0 20px;
    margin-bottom: -7px;
    text-align: justify;
    width: 627px;
}

.about h1 {
    background: url(../images/b1_icon_small.png) 100% 50% no-repeat;
    padding: 25px 0 26px 10px;
    float: left;
    font-size: 23px;
    width: 131px;
    overflow: hidden;
}

.about h2 {
    color: #6699cc;
    margin: 23px 0 10px;
}

.info p {
    padding-bottom: 6px;
}

.downloadList li,
.zebra .item {
    padding: 5px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.content_page .zebra .item {
    padding: 5px 19px 6px 17px;
    overflow: hidden;
    margin: 0 -3px 6px -3px;
    line-height: 17px;
}

.zebra .item.bg {
    margin-bottom: 0;
}

.downloadList h2,
.zebra .item h2,
.zebra .item h3,
.blogPosts h1 {
    color: #4d85c4;
    font: 700 14px/16px Arial, sans-serif;
    margin-bottom: 0.6em;
    text-shadow: 1px 1px 0 #ffffff;
}

/*features*/
.features .zebra {
    width: 50%;
    margin-top: -30px;
}

.features h2 {
    padding-left: 24px;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
    font-family: "Liberation Sans", Tahoma, Geneva, Kalimati, Garuda, Arial, sans-serif;
}

.features h3 em {
    color: #a5a6a6;
    font-size: 11px;
    font-weight: 200;
}

.features .item {
    height: 83px;
    overflow: hidden;
    margin: 0 5px;
    padding: 20px 10px 8px 74px;
    line-height: 15px;
    background: url(../images/features_icons_sprite.png) 0 0 no-repeat;
    text-align: justify;
    font-family: "Liberation Sans", Arial, Garuda, sans-serif;
}

.features .free {
    background-position: -641px 45px;
}

.features .protection {
    background-position: -541px -55px;
}

.features .archive {
    background-position: -441px -155px;
}

.features .mobile {
    background-position: -341px -255px;
}

.features .os {
    background-position: -229px -370px;
}

.features .enc_dec {
    background-position: -141px -505px;
}

.features .opensource {
    background-position: -541px -705px;
}

.features .simple {
    background-position: -341px -905px;
}

.features .safe {
    background-position: -641px -605px;
}

.features .developers {
    background-position: -441px -805px;
}

/*download list*/
.download .innerContent {
    padding-left: 60px;
    padding-right: 60px;
}

.downloadList {
    padding-bottom: 10px;
}

.downloadList table {
    border-collapse: separate;
    padding: 0;
    border-spacing: 1px;
    width: 738px;
    border: none;
    text-align: center;
    table-layout: auto;
    overflow: hidden;
}

.downloadList li {
    padding: 10px 15px 30px 90px;
}

.downloadList li.bg {
    padding-top: 1px;
    padding-bottom: 20px;
}

.downloadList .win,
.downloadList .windows {
    background: url(../images/windows_icon.png) 23px 50% no-repeat;
}

.downloadList .mac {
    background: url(../images/mac_icon.png) 23px 50% no-repeat;
}

.downloadList .linux {
    background: url(../images/linux_icon.png) 23px 50% no-repeat;
}

.downloadList .and,
.downloadList .android {
    background: url(../images/android_icon.png) 23px 50% no-repeat;
}

.downloadList h2 {
    font-size: 16px;
}

.downloadList td,
.downloadList th {
    padding: 2px 4px 4px;
    width: 104px;
}

.downloadList th {
    padding: 0 4px;
}

.downloadList td {
    border: 1px solid #c4c6c7;
    border-color: #c4c6c7 transparent #e7edef #c4c6c7;
    background: #fff;
    line-height: 15px;
}

.downloadList .last {
    width: 190px;
    border-right: none;
}

.downloadList td:first-child,
.downloadList th:first-child {
    text-align: left;
    width: 185px;
}

.downloadList th {
    border: 1px solid #b6d4e9;
    border-color: #75a8d3 #6d9ccc #5e8ebd;
    border-width: 1px 0 1px 1px;
    background: #6699cc;
    color: #fff;
    line-height: 13px;
    font-size: 12px;
    box-shadow: 0 -1px 0 #accde3, 0 1px 0 #cbd9e4;
    font-family: "Liberation Sans", Arial, sans-serif;
}

.downloadList a {
    text-decoration: underline;
}

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

.downloadList p {
    font-size: 11px;
    line-height: 18px;
    margin: 5px 3px -4px;
}

div.whatsnew {
    padding: 6px 0 6px 24px;
}

div.whatsnew h2 {
    display: inline-block;
    font-style: italic;
    font-size: 14px;
    margin: 0 10px 0 0;
    padding-top: 9px;
    vertical-align: top;
}

div.whatsnew .whatsnewinline {
    display: inline-block;
    font-size: 14px;
}

div.whatsnew .showdetails {
    display: inline;
    position: relative;
    top: -1px;
    left: 10px;
    white-space: nowrap;
}

div.whatsnew .showdetails a,
div.whatsnew .showdetails a:visited,
div.whatsnew .showdetails a:hover {
    font-style: italic;
}

#detailedchangelog {
    padding: 10px 20px;
    display: none;
}

#detailedchangelog ul {
    list-style-type: disc;
}

#detailedchangelog ul li {
    padding: 2px;
}

#detailedchangelog li.changemajor {
    font-size: 13px;
    font-weight: bold;
}

#detailedchangelog li.changenormal {
    font-size: 12px;
}

#detailedchangelog li.changeminor {
    font-size: 11px;
}

/*download new*/
.downloadListArea table {
    width: 840px;
}

.downloadListArea table td {
    vertical-align: top;
}

.downloadListItem {
    width: 400px;
    height: 200px;
}

.downloadListItemHeader {
    display: block;
    text-decoration: none;
    font-size: 16px;
    background-color: rgba(233, 234, 234, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px #e1e1e1;
}

.downloadListItemHeader:hover {
    background-color: rgba(221, 229, 233, 0.5);
}

.downloadListItemHeader a {
    display: block;
    color: #5B6370;
    text-shadow: 1px 1px 1px #ffffff;
    text-decoration: none;
    padding: 12px 0 13px 18px;
    border-top: solid 1px #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.downloadListItemHeaderIcons {
    width: 38px;
    height: 38px;
    background: url("/images/b1_icons_sprite.png") no-repeat;
    margin: 4px 15px 5px 12px;
}

#win {
    background-position: 0 0;
}

#mac {
    background-position: 0 -76px;
}

#android {
    background-position: 0 -152px;
}

#ubuntu {
    background-position: 0 -38px;
}

#linux {
    background-position: 0 -114px;
}

.downloadListItemInfo table {
    width: 200px;
    margin: 15px 0 0 65px;
    text-align: left;
}

.downloadListItemInfo table tr {
    margin: 5px 0;
}

.downloadListItemInfo table td {
    width: 100px;
}

/*online archiver*/
.online-sidebar .online-ico {
    float:left;
    background-position: -419px -20px;
    width: 51px;
    height: 51px;
}
.online-sidebar .online-ico2 {
    float:left;
    background-position: -474px -19px;
    width: 51px;
    height: 51px;
}
.online-sidebar .online-ico3 {
    float:left;
    background-position: -529px -17px;
    width: 51px;
    height: 51px;
}
.online-sidebar .online-ico, .online-sidebar .online-ico2, .online-sidebar .online-ico3 {
    margin:27px 14px 20px 15px;
}
.innerContentOnlineForm {
    overflow: hidden;
    padding-bottom: 5px;
}

.innerContentOnline {
    margin: 0 auto;
    width: 600px;
}
.innerContentOnline a:hover,
.innerContentOnline a:focus {
    text-decoration: none !important;
}

.innerContentOnline h1 {
    margin: 24px 0 0 0;
    padding: 0;
}

div#selectView h1 {
    font: 24px/42px Garuda, "Liberation Sans", Arial, sans-serif;
    margin: 26px 0 0 0;
    padding: 0;
}

.innerContentOnline h2 {
    color: #475762;
    margin: 0 0 25px 0;
    padding: 0;
    font: 15px Garuda, "Liberation Sans", Arial, sans-serif;
}

div#selectView h2 {
    margin: 0 0 5px 0;
    padding: 0;
}

div#selectView p.descr {
    color: #5B6370;
    margin: 0 0 16px 0;
    padding: 0;
    font: 12px/16px Garuda, "Liberation Sans", Arial, sans-serif;
}

div#selectView p.descr span {
    text-shadow: none;
    font-size: 12px;
}

.innerContentOnline h2 span {
    text-shadow: 1px 1px 0 white;
    font-size: 15px;
}
li.innerContentOnlineStepsPointer {
    background: url(../images/online_pointer_step.png) no-repeat;
    height: 45px;
    width: 20px !important;
}

.currentStep {
    color: #ffffff;
}

.innerContentOnline .downloadButton {
    left: 0;
    width: 600px;
    padding: 15px 0 11px 0;
    overflow: hidden;
    margin-bottom: 10px;
    border: none;
    white-space: nowrap;
}

.innerContentOnline .downloadButton:hover,
.innerContentOnline .downloadButton:visited,
.innerContentOnline .downloadButton:focus {
    text-decoration: none;
    border-bottom: none;
}



.extractingLoader {
    margin: 22px 0;
}

.extractingLoaderPB {
    margin: 54px 0;
}

.innerContentOnlineStepsLinks {
    margin-top: 14px;
    font-size: 12px;
    overflow: hidden;
    padding: 0 5px 5px 0;
}
.l2{
    padding: 0 5px 15px 0;
}
.deleteFiles {
    font-size: 13px;
    color:#7f8a97;
    text-align: right;
    font-style: italic;
    margin-top: 3px;
    margin-bottom: 20px;
    margin-right: 14px;
}
.innerContentOnline .deleteFiles a {
    color: #447dbc;
    text-decoration: underline;
}
.innerContentOnline .deleteFiles a:hover{
    text-decoration: none;
}

.innerContentOnline .deleteFiles a:hover,
.innerContentOnline .deleteFiles a:focus {
    border-bottom: solid 1px #bbb;
}

.innerContentOnline .zebra .item {
    margin: 0;
}

.passwordAreaForm {
    margin: 25px 0 32px 0;
}

.innerContentOnlineForm .continueButton {
    padding: 3px 5px;
    width: auto;
    float: none;
    font-size: 13px;
    cursor: pointer;
    border: none;
    color: #ffffff;
    background: rgb(99, 155, 216); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzOWJkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NTdhYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(99, 155, 216, 1) 0%, rgba(69, 122, 182, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(99, 155, 216, 1)), color-stop(100%, rgba(69, 122, 182, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(99, 155, 216, 1) 0%, rgba(69, 122, 182, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(99, 155, 216, 1) 0%, rgba(69, 122, 182, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(99, 155, 216, 1) 0%, rgba(69, 122, 182, 1) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(99, 155, 216, 1) 0%, rgba(69, 122, 182, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#639bd8', endColorstr = '#457ab6', GradientType = 0); /* IE6-9 */
    text-shadow: -1px -1px #4170ab;
}

.innerContentOnlineForm .continueButton:hover {
    background: rgb(99, 155, 216);
}

.passwordArea {
    font-style: italic;
    width: 250px;
    padding: 3px 4px;
}

.innerContentOnline table {
    width: 892px;
    text-align: left;
    font-size: 13px;
    margin-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
}
#listView.innerContentOnline table {
    margin-top: 0px;
}

.content-online {
    position: relative;
}

.innerContentOnline table td {
    padding: 3px 5px;
}
.list__wrap{
    background: #fff;
    width:896px;
}

.innerContentOnline table .leftColumn {
    width: 734px;
    max-width: 734px;
    overflow: hidden;
}

.innerContentOnline table .rightColumn {
    text-align: right;
}

.bgRow {
    background-color: rgba(221, 229, 233, 0.4);
}

.innerContentOnline table tr:hover {
    background-color: rgba(221, 229, 233, 1);
}

.itemIconFolder,
.itemIconImage,
.itemIconVideo,
.itemIconAudio,
.itemIconFile,
.itemIconTextFile,
.itemIconPDF,
.itemIconDownload,
.itemIconPlay,
.itemIconViewImage,
.itemIconPlayAudio {
    background: url(../images/online_archive_icons_sprite.png) 0 0 no-repeat;
    height: 16px;
    width: 16px;
    float: left;
    margin-right: 10px;
    margin-left: 8px;
}

.itemControlPlayAudio {
    height: 16px;
    width: 64px;
}

.itemIconImage {
    background-position: 0 -16px;
}

.itemIconVideo {
    background-position: 0 -32px;
}

.itemIconAudio {
    background-position: 0 -48px;
}

.itemIconFile {
    background-position: 0 -64px;
}

.itemIconTextFile {
    background-position: 0 -80px;
}

.itemIconPDF {
    background-position: 0 -96px;
}

.rightColumn a, .rightColumn a:hover {
    border: none;
}

.itemIconDownload,
.itemIconPlay,
.itemIconViewImage,
.itemIconPlayAudio {
    width: 20px;
    float: right;
    margin: 0;
    background-position: center -112px;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    border: none !important;
}

.itemIconPlay {
    margin-right: 5px;
    background-position: center -128px;
}

.itemIconViewImage {
    margin-right: 5px;
    background-position: center -144px;
}
.itemIconPlayAudio {
    margin-right: 5px;
    background-position: center -160px;
}
.breadcrumbs {
    font-size: 15px;
    line-height: 42px;
    color:#fff;
    background: #64a7dd;
    border-top: 4px solid #447DBC;
    overflow: hidden;
}
.breadcrumbs ul {
    max-width: 892px;
}
.breadcrumbs ul li {
    float: left;
    padding: 0;
    display: block;
    margin-right: 18px;
}
.breadcrumbs ul .p-rel a{
    text-decoration: underline;
}
.breadcrumbs ul .p-rel a:hover{
    text-decoration: none;
}
.breadcrumbs ul li a {
    float: left;
    color:#fff;
    font-size: 15px;
}

.breadcrumbs ul li a.currentBreadcrumb {
    border-bottom: none !important;
    position: relative;
    top: 0;
    cursor: default;
}
.breadcrumbs ul li img.breadcrumbsPointer {
    position: relative;
    top: 4px;
    padding: 0 5px;
    border: none;
    float: left;
}
.downloadButtonInput,
.downloadButtonInput2 {
    font-size: 170px;
    opacity: 0;
    filter: alpha(opacity = 0);
    position: absolute;
    top: -50px;
    right: 0;
    cursor: pointer;
    height: 150px
}
.downloadButtonInput2 {
    font-size: 55px;
    right: -300px;
    opacity: 0;
    filter: alpha(opacity = 0);
    top: -20px;
    z-index: 9999;
}
.archiveListItemName {
    cursor: pointer;
    color: #5b6370;
    border-bottom: none !important;
}
.removingFilesMessage {
    font-size: 18px !important;
    color: #4D85C4;
    text-shadow: 1px 1px #ffffff !important;
    position: relative;
    top: 84px;
}
a.selectArchiveButton,
a.selectArchiveButtonOtherSteps {
    cursor: pointer;
    color: #ffffff;
    border: none !important;
    text-decoration: none;
    position: relative;
    width: auto;
}
a.selectArchiveButtonOtherSteps {
    color: #8CBBE5 !important;
}
.listViewBackLink {
    position: relative;
    top: 31px;
    left:14px;
    font-size:14px;
    color:#447dbc;
    text-decoration: underline;
    font-weight: 500;
}
.list__view{
    top:0;
    padding-bottom: 15px;
}
.listViewBackLink:hover{
    font-weight: 500;
    text-decoration: none;
}

.incorrectPassword {
    color: #ed1c24;
    display: block;
    margin-top: 4px;
}

.loader{
    position: relative;
    float: right;
    width:5px;
    height: 5px;
    background: #fff;
    border-radius: 200%;
    -webkit-border-radius: 200%;
    -moz-border-radius: 200%;
    -webkit-animation: loader10m 1.5s ease-in-out infinite;
    -ms-animation:loader10m 1.5s ease-in-out infinite;
    -o-animation:loader10m 1.5s ease-in-out infinite;
    -moz-animation: loader10m 1.5s ease-in-out infinite;
    animation: loader10m 1.5s ease-in-out infinite;
    margin: 53px 34px 0 0;
}
.loader:before{
    content: "";
    width:5px;
    height: 5px;
    border-radius: 200%;
    -webkit-border-radius: 200%;
    -moz-border-radius: 200%;
    background: #fff;
    position: absolute;
    right:10px;
    -ms-animation:loader10g 1.5s ease-in-out infinite;
    -o-animation:loader10g 1.5s ease-in-out infinite;
    -moz-animation: loader10g 1.5s ease-in-out infinite;
    -webkit-animation: loader10g 1.5s ease-in-out infinite;
    animation: loader10g 1.5s ease-in-out infinite;
}
.loader:after{
    content: "";
    width:5px;
    height: 5px;
    border-radius: 200%;
    -webkit-border-radius: 200%;
    -moz-border-radius: 200%;
    background: #fff;
    position: absolute;
    left:10px;
    -ms-animation:loader10d 1.5s ease-in-out infinite;
    -o-animation:loader10d 1.5s ease-in-out infinite;
    -moz-animation: loader10d 1.5s ease-in-out infinite;
    -webkit-animation: loader10d 1.5s ease-in-out infinite;
    animation: loader10d 1.5s ease-in-out infinite;
}
@-webkit-keyframes loader10g{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, 1);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loader10g{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, 1);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@-o-keyframes loader10g {
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, 1);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@-ms-keyframes loader10g{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, 1);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}

@-webkit-keyframes loader10m{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, 1);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loader10m{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, 1);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@-o-keyframes loader10m {
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, 1);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@-ms-keyframes loader10m{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, 1);}
    75%{background-color: rgba(255, 255, 255, .2);}
    100%{background-color: rgba(255, 255, 255, .2);}
}

@-webkit-keyframes loader10d{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, 1);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@keyframes loader10d{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, 1);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@-o-keyframes loader10d{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, 1);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
@-ms-keyframes loader10d{
    0%{background-color: rgba(255, 255, 255, .2);}
    25%{background-color: rgba(255, 255, 255, .2);}
    50%{background-color: rgba(255, 255, 255, .2);}
    75%{background-color: rgba(255, 255, 255, 1);}
    100%{background-color: rgba(255, 255, 255, .2);}
}
.after-span{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5px 0 2.5px 4px;
    border-color: transparent transparent transparent #ffffff;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffffff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    position: absolute;
    top: 21px;
    right: -9px;
}
.bg>p{
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 14px;
}
.bg>span{
    display: block;
    text-align: center;
}
.bg1>p{
    padding-top: 40px;
}

.passwordAreaForm {
    width: 390px;
    margin: 25px auto 32px;
    font-family: "Open Sans",sans-serif;
}

.passwordArea {
    font-style: normal;
    width: 250px;
    height: 28px;
    padding: 5px 10px;
    background: #ebecee;
    border: 1px solid #eef1f4;
    margin-right: 5px;
}

.passwordArea:focus {
    background: #fff;
    border: 1px solid #447DBC;
}

.innerContentOnlineForm .continueButton {
    padding: 3px 5px;
    width: 100px;
    height: 40px;
    float: none;
    font-size: 13px;
    cursor: pointer;
    border: none;
    color: #ffffff;
    background: #3a98d1;
    background: -moz-linear-gradient(top,  #3a98d1 0%, #3a98d1 50%, #447dbc 50%, #447dbc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a98d1), color-stop(50%,#3a98d1), color-stop(50%,#447dbc), color-stop(100%,#447dbc));
    background: -webkit-linear-gradient(top,  #3a98d1 0%,#3a98d1 50%,#447dbc 50%,#447dbc 100%);
    background: -o-linear-gradient(top,  #3a98d1 0%,#3a98d1 50%,#447dbc 50%,#447dbc 100%);
    background: -ms-linear-gradient(top,  #3a98d1 0%,#3a98d1 50%,#447dbc 50%,#447dbc 100%);
    background: linear-gradient(to bottom,  #3a98d1 0%,#3a98d1 50%,#447dbc 50%,#447dbc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a98d1', endColorstr='#447dbc',GradientType=0);
    text-shadow: 1px 1px #2e78b9,2px 2px #2e78b9,3px 3px #2e78b9,4px 4px #2e78b9,5px 5px #2e78b9,6px 6px #2e78b9,7px 7px #2e78b9,8px 8px #2e78b9,9px 9px #2e78b9,10px 10px #2e78b9,11px 11px #2e78b9,12px 12px #2e78b9,13px 13px #2e78b9,14px 14px #2e78b9,15px 15px #2e78b9,16px 16px #2e78b9,17px 17px #2e78b9,18px 18px #2e78b9,19px 19px #2e78b9,20px 20px #2e78b9,21px 21px #2e78b9,22px 22px #2e78b9;
}

.innerContentOnlineForm .continueButton:hover {
    background: #447dbc;
    text-shadow:none;
}