@import url("grid.css");
/*@import url("type/type-faces.css");*/

/* Solution Content Styles */

.solution-content {
    float: left;
    width: 100%;
    line-height: 1.4;
    font-size: 0.89em;
}

div.comment, div.comment strong {
    float: left;
    width: 100%;
    font-style: italic;
    font-size: 1em;
    font-weight: normal;
    color: gray;
}

div {
    float: left;
}

.dropdown div {
    float: none;
}

a {
    color: #1C75BC;
    text-decoration: none;
    border-bottom: 1px solid #6ebaf4;
}

a:hover {
    color: #134770;
    border-bottom-color: #1C75BC;
}

small {
    font-size: .89em;
    line-height: 1.4;
}

h1 {
    font-size: 1.5em;
    line-height: 1.2;
}

h2 {
    font-size: 1.5em;
    margin-bottom: 1em;
}

hr {
    border: none;
    border-bottom: 1px solid silver;
    width: 100%;
    float: left;
}

.video-list {

    width: 95%;
    float: left;
}

.video-list a.video-clip {
    float: left;
    width: 150px;
    border: none;
    height: 13em;
    margin-right: 2em;
}

.video-list div.image {
    overflow: hidden;
    height: 94px;
    width: 125px;
    float: left;
    border: 4px solid white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    margin: 0 auto;

}

.solution-video {
    width: 12em;
    text-align: center;
    float: left;
    border: none;
}

.video-list span.link {
    position: relative;
    width: 10em;
    float: left;
    font-size: .89em;
    line-height: 1.2;
    margin-top: 1em;
    height: 5em;
}

.video-list span.link a {
    border: none;
}

span.play-button:hover {
    background: url(/resources/images/play-hover.png) no-repeat;
}

.video-list span.image img {
    height: 100% !important;
    width: auto;
}

span.play-time {
    background-color: white;
    margin: 0 auto;
    float: right;
    left: 0px;
    position: relative;
    top: -118px;
    bottom: -100px;
    color: #0071BC;
    font-size: .75em;
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    -webkit-border-radius: 6px 0px 0 0;
    -moz-border-radius: 6px 0px 0 0;
    border-radius: 6px 0px 0 0;
    /*font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/

}

span.play-button {
    height: 94px;
    width: 125px;
    background: url(/resources/images/play.png) no-repeat;
    margin: 0 auto;
    float: left;
    position: relative;
    top: -99px;
    left: 0;
}

a.button {
    background: url(../images/button_buy.png) no-repeat;
    float: left;
    width: 66px;
    height: 29px;
    border: none;
}

a.button:hover {
    background: url(../images/button_buy_hover.png) no-repeat;
}

a.button:active {
    background: url(../images/button_buy_active.png) no-repeat;
}

.solution a.button {
    margin-top: 2em;
    margin-left: 3.5em;
}

.artilces-list {
    float: left;
    padding: 1em;
    border: 1px solid silver;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.artilces-list li {
    margin-bottom: .75em;
    background: url(../images/bullet_docs.png) no-repeat left;
    padding-left: 1em;
    font-size: .89em;
}

.artilces-list span {
    background: gray;
    color: white;
    padding: .5em;
    font-size: .75em;
    position: relative;
    top: -1.25em;
    left: 1.5em;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.quote p {
    width: 80% !important;
    font-size: 1.2em;
    text-indent: -.5em;
}

.author {
    width: 80%;
    float: left;
}

.author ul {
    float: right;
    padding-right: 1em;
}

.author-name {
    font-weight: bold;
    margin-top: .5em;
}

.author-desc {
    color: gray;
    line-height: 1;
}

p.about {
    margin-left: 2em;
    margin-bottom: 2em;
}

.article {
    width: 40%;
    margin-bottom: 3em;
    float: left;
}

.reference {
    padding: 1em 0 1em 2em;
    color: silver;
    margin-left: 1.25em;
}

.reference:hover {
    background: #ffffd8;
    color: black;
}

.reference ul {
    margin-left: 1em;
}

h3.article-title a {
    margin-left: .5em;

}

p.article-intro {
    margin-left: 1em;
    font-size: .89em;
}

.text-row {
    float: left;
    width: 60%;
    margin-right: 3em;
}

.article_content {
    padding-top: 2em;
}

.article_content h3 {
    font-size: 1.5em;
    margin-bottom: 1em;
}

.footnote {
    font-size: .89em;
    margin-bottom: 3em;
    color: #c4151b;
}

.container_16 hr {
    width: 80%;
    margin: 0;
    border-color: black;
}

span.top {
    float: left;
    padding: .5em 1em 1em .5em;
    margin-right: 50%;

    color: gray;
    background: black;
    font-size: .89em;
}

span.top:hover {
    color: white;
}

span.top a {
    margin-left: .5em;
    border-bottom: none;
    color: white;

}

.mar-top-0 {
    margin-top: 0em;
}

.mar-top-1-5 {
    margin-top: 1.5em;
}

.mar-top-2 {
    margin-top: 2em;
}

.mar-top-3 {
    margin-top: 3em;
}

.mar-top-4 {
    margin-top: 4em;
}

.mar-right-1 {
    margin-right: 1em;
}

ul.circle_type {
    margin-left: 2em;
    margin-bottom: 2.5em;
}

ul.circle_type li {
    margin-top: 1em;
}

ul.circle_type_nospace {
    margin-left: 3em;
    list-style: circle;
}

ol.decimal_type {
    margin-left: 3em;
    list-style: decimal;
}

ol.decimal_type li {
    margin-top: 1em;
}

ol.steps {
    margin-top: .5em;
    counter-reset: step;
}

ol.steps li {
    list-style: none;
    text-indent: -4em;
    margin-left: 6em;
    margin-bottom: 0;
    line-height: 1.5;
}

ol.steps li p:before {
    margin-left: 3.9em;
    content: "";
}

ol.steps li:before {
    counter-increment: step;
    content: "Step " counter(step) ".";
    margin-right: .5em;
    font-weight: normal;
    color: #666666;
}

ol.steps li p {
    margin-top: .6em;
    margin-bottom: 1.2em;
}

ol.no-paragraf {
    margin-top: 1.5em;
}

ol.no-paragraf li {
    margin-left: 4em;
}

img.format-1 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.symbol_logo {
    float: left;
    margin-right: 1em;
}

.medium {
    width: 160px;
    height: 100px;

}

.big {
    width: 260px;
    height: 180px;
}

.video-container {
    float: left;
}

.video {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 3px #1a3951;
    border: 4px solid #1C75BC;

}

.video img {
    width: 100%;
}

.video-title {
    font-size: .75em;
    text-align: center;
    float: left;
    padding-left: 12px;
    padding-bottom: 2px;
    border: none;
    text-decoration: underline;
    line-height: 1.2;
    position: relative;
    top: .75em;
}

.play-button {
    width: 100%;
    height: 100%;
    float: left;
    margin-top: -75%;
    position: relative;

}

a.video-link:hover .play-button img {
    opacity: 1;
}

.play-button img {
    width: 70%;
    margin-left: 15%;
    margin-top: 0;
    opacity: .7;
}

.bottom-content {
    float: left;
    width: 100%;
    background: url(../resources/images/shadow_down_short.png) no-repeat;
    margin-top: 3em;
    padding-top: 3em;
    overflow: hidden;
}

.left-col {
    width: 35%;
    float: left;
}

.right-col {
    width: 55%;
    float: left;

}

.quote p {
    width: 80% !important;
    font-size: 1.2em;
    text-indent: -.75em;
    font-style: italic;

}

.author {
    width: 80%;
    float: left;

}

.author ul {
    float: right;
    padding-right: 1em;
    margin-top: .5em;
}

.author-name {
    font-weight: bold;
    margin-top: .5em;
}

.author-desc {
    color: gray;
    line-height: 1;
}

.quote strong {
    color: gray;
    font-weight: normal;
    font-size: 1.5em;
}

.glance-main {
    float: left;
    width: 80%;

}

.video-list {
    margin-top: 2em;
    float: left;
}

.video-list a.video-clip {
    float: left;
    width: 150px;
    border: none;
    height: 13em;
    margin-right: 2em;
}

.video-list span.image {
    overflow: hidden;
    height: 94px;
    width: 125px;
    float: left;
    border: 4px solid white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    behavior: url(styles/PIE.php);

}

.solution-video {
    width: 12em;
    text-align: center;
    float: left;
    border: none;
}

.video-list span.link {
    position: relative;
    width: 10em;
    float: left;
    font-size: .89em;
    line-height: 1.2;
    margin-top: 1em;
}

.video-list span.link a {
    border: none;
}

span.play-button:hover {
    background: url(/resources/images/play-hover.png) no-repeat;
}

span.play-time {
    background-color: white;
    margin: 0 auto;
    float: right;
    left: 0px;
    position: relative;
    top: -118px;
    bottom: -100px;
    color: #0071BC;
    font-size: .75em;
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    letter-spacing: 1px;
    -webkit-border-radius: 6px 0px 0 0;
    -moz-border-radius: 6px 0px 0 0;
    border-radius: 6px 0px 0 0;
    /*font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/

}

span.play-button {
    height: 94px;
    width: 125px;
    background: url(/resources/images/play.png) no-repeat;
    margin: 0 auto;
    float: left;
    position: relative;
    top: -99px;
    left: 0;
}

a.button {
    /*
-webkit-border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    border-radius: 1.5em;

*/
    background: url(../images/button_buy.png) no-repeat;
    float: left;
    width: 66px;
    height: 29px;
    border: none;

}

a.button:hover {
    background: url(../images/button_buy_hover.png) no-repeat;
}

a.button:active {
    background: url(../images/button_buy_active.png) no-repeat;
}

.solution a.button {
    margin-top: 2em;
    margin-left: 3.5em;
}

.solution-bage ul.secondary-menu, .solution-bage hr {
    display: none;
}

.solution-menu ul.secondary-menu {
    margin-top: 0;
}

.solution-section {
    margin: 0;
}

h5 {
    color: #c4151b;
    font-size: 1em;
    margin: 0;
    margin-bottom: .75em;
    float: left;
    width: 100%;

}

h3 + div {
    margin-top: 1em;
}

h5:first-child {
    margin-top: 1.5em;
}

h6 {
    font-size: .89em;
    font-weight: normal;
    font-style: italic;

}

ol.go-to-top {
    display: none;
}

a[href="#top"] {
    display: none;
}

span.top {
    float: left;
    padding: .5em 1em 1em .5em;
    margin-right: 50%;

    color: gray;
    /*font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
    background: black;
    font-size: .89em;
}

span.top:hover {
    color: white;
}

span.top a {
    margin-left: .5em;
    border-bottom: none;
    color: white;

}

p + ul.bullets {
    margin-top: -1em;
}

ul.bullets {
    margin-left: 1em;
}

ul.bullets li {
    list-style: disc;
    margin-bottom: .5em;
}

ul.bullets li ul {

}

ul.bullets ul li {
    list-style: circle !important;
    margin-left: 1em !important;
}

.solution-big-pict {
    margin: 1em;
    margin-top: 1.5em;
    float: right;
}

.solution-screen {
    margin-left: -20px;
    margin-top: 2em;
    margin-bottom: 2em;
}

.solution-screen h5 {
    margin-top: 0;
    border-bottom: 1px solid silver;
    padding-bottom: 1em;
    color: #B77A29;
}

.solution-screen p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .9em;
    line-height: 1.5;
    color: #586870;
}

.solution-screen ul {
    margin-left: 1em;
}

.solution-screen li.products {
    margin-left: 0;
    list-style: url(/resources/images/list_products.png);
    font-weight: bold;
}

.solution-screen li.solution {
    margin-left: 0;
    list-style: url(/resources/images/list_solutions.png);
}

.solution-screen li.tools {
    margin-left: 0;
    list-style: url(/resources/images/list_tools.png);
}

.solution-screen li.time {
    margin-left: 0;
    list-style: url(/resources/images/list_time.png);
}

.solution-screen li {
    list-style-position: outside;
}

.solution-screen .screen-container .mac-mm {
    background: url(/resources/images/screen_solution_1.png) no-repeat #c8c8c8;
    padding-top: 46px;
    padding-left: 1px;
    padding-bottom: 20px;
    margin-bottom: 2em;
    box-shadow: 0px 0px 5px #888888;
    -webkit-box-shadow: 0px 0px 5px #888888;
    -moz-box-shadow: 0px 0px 5px #888888;
    behavior: url(/resources/3rdparty/box-shadow/PIE.php);
}

#mw_frame {
    box-shadow: 0px 0px 5px #7ccf67;
    -webkit-box-shadow: 0px 0px 5px #7ccf67;
    -moz-box-shadow: 0px 0px 5px #7ccf67;
    margin-bottom: .5em;
    behavior: url(/resources/3rdparty/box-shadow/PIE.php);
}

#mw_widget_header {
    background: url(/resources/images/info_icon.png) no-repeat 5px 7px #fdeda2;
    margin-bottom: 1em;
}

#mw_widget_header p {
    margin: 1em;
    padding: 0;
    margin-left: 2em;
    margin-right: 1em;
    margin-bottom: .75em;
    color: #868686;
    font-size: .89em;
}

#mw_video_container {
    margin-top: 3em;
}

#mw_video_container a #mw_video {
    border: 3px solid silver;
    box-shadow: 0px 0px 5px #cccccc;
    -webkit-box-shadow: 0px 0px 5px #cccccc;
    -moz-box-shadow: 0px 0px 5px #cccccc;
    behavior: url(/resources/3rdparty/box-shadow/PIE.php);
}

#solution_header .solution-icon {
    /* display: none; */

}

.color-green {
    color: #366628;
}

.sp-main-slideshow, .sp-area-slideshow {
    background: url(/resources/images/slideshow_back.png) no-repeat bottom;
}

.sp-main-slideshow ul li {
    background: url(/resources/images/slide_back.png) no-repeat bottom;
}

ol#controls {
    padding-bottom: 5px;
    padding-top: 5px;
}

ol#controls li {
    height: 11px;
    width: 11px;
    background: url(/resources/images/slide_button.png) no-repeat;
}

ol#controls li.current {
    background: url(/resources/images/slide_button_selected.png) no-repeat;
}

.soluton-slideshow {
    margin-top: 0 !important;
}

.screen-desc ol#controls {
    margin-bottom: 2em;
}

.screen-desc #sp_slideshow ul li {
    background: url(/resources/images/slide_solution_back.png) no-repeat bottom;
}

.page-404 .links {
    margin-top: 2em;
    margin-left: 2em;
    border-top: 1px solid silver;
}

.page-404 .links h4 {
    font-size: 1em;
}

.page-404 .links li {
    font-size: 1em;
    line-height: 1.2;
    margin-bottom: .5em;
    margin-top: .5em;
}

.page-404 .huge {
    margin-top: 2em;
    margin-left: 2em;
}

.page-404 .huge p {
    font-size: 2em;
    margin: 0;
}

.page-404 .huge h1 {
    font-size: 4em;
    margin: 0;
    padding: 0;
}

.mar-top-0 {
    margin-top: 0em;
}

.mar-top-1 {
    margin-top: 1em;
}

.mar-top-1-5 {
    margin-top: 1.5em;
}

.mar-top-2 {
    margin-top: 2em;
}

.mar-top-3 {
    margin-top: 3em;
}

.mar-top-4 {
    margin-top: 4em;
}

.mar-right-1 {
    margin-right: 1em;
}

ul.circle_type {
    margin-left: 3em;
    list-style: circle;
}

ul.circle_type li {
    margin-top: 1em;
    list-style: circle;
}

ul.circle_type_nospace {
    margin-left: 3em;
    list-style: circle;
}

ol.decimal_type {
    margin-left: 3em;
    list-style: decimal;
}

ol.decimal_type li {
    margin-top: 1em;
}

ol.steps {
    margin-top: .5em;
    counter-reset: step;
}

ol.steps li {
    list-style: none;
    text-indent: -4em;
    margin-left: 6em;
    margin-bottom: 0em;
    line-height: 1.5;
}

ol.steps li p:before {
    margin-left: 3.9em;
    content: "";
}

ol.steps li:before {
    counter-increment: step;
    content: "Step " counter(step) ".";
    margin-right: .5em;
    font-weight: normal;
    color: #666666;
}

ol.steps li p {
    margin-top: .6em;
    margin-bottom: 1.2em;
}

ol.no-paragraf {
    margin-top: 1.5em;
}

ol.no-paragraf li {
    margin-left: 4em;
}

img.format-1 {
    margin-top: 1em;
    margin-bottom: 1em;
}

.symbol_logo {
    float: left;
    margin-right: 1em;
}

/* For video-block */
.video-tmbl {
    padding: 0;
    margin: 0;
    margin-bottom: .5em;
    float: left;
    position: relative;
}

.video-tmbl p {
    margin-top: .5em;
    position: relative;

}

a.video-tmbl-container {
    height: 100px;
    width: 160px;
    overflow: hidden;
    border: 2px solid #33ACFD;
    display: block;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 1px 3px #888;
    -moz-box-shadow: 0px 1px 3px #888;
    -webkit-box-shadow: 0px 1px 3px #888;
}

a.video-tmbl-container:hover {
    border-color: #00538A;
}

.video-tmbl-wrapper {
    height: 100px;
    width: 160px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    margin: 0;
    padding: 0;
}

a.play-button {
    background: url(/resources/images/play_button.png) no-repeat;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -10px;
    left: -10px;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

a.play-button:hover {
    background: url(/resources/images/play_button_hover.png) no-repeat;
}

.video-list.start_page {
    margin-left: 3em;

}

.video-list a.grid_3 {
    /* margin-right: 2em; */
    margin-right: 0;
    margin-bottom: 2em;
}

.video-list a.grid_3 + a.grid_3 {

}

.video-list a:hover {
    cursor: pointer;
}

.video div.grid_3 {
    margin-right: 2em;

}

.video div.addthis_default_style {
    float: left !important;
    margin-left: 1em;
}

.video-list span.image {
    overflow: hidden;
    height: 94px;
    width: 125px;
    float: left;
    border: 4px solid white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
    margin: 0 auto;
    margin-left: 1em;
}

span.play-button {
    height: 94px;
    width: 125px;
    background: url(/resources/images/play.png) no-repeat;
    margin: 0 auto;
    float: left;
    position: relative;
    top: -99px;
    left: 0;
}

span.play-button:hover {
    background: url(/resources/images/play-hover.png) no-repeat;
}

span.kino-lenta {
    height: 100px;
    width: 150px;
    background: url(/resources/images/kino_lenta.png) no-repeat;
    margin: 0 auto;
    float: left;
    position: relative;
    top: -110px;
    left: 0;
}

span.play-time {
    background-color: white;
    margin: 0 auto;
    float: right;
    left: 0px;
    position: relative;
    top: -118px;
    bottom: -100px;
    color: #0071BC;
    font-size: .89em;
    line-height: 1;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 2px;
    letter-spacing: 1px;
    -webkit-border-radius: 6px 0px 0 0;
    -moz-border-radius: 6px 0px 0 0;
    border-radius: 6px 0px 0 0;

    /*
        background-color: #000;
        margin: 0 auto;
        float: right;
        left: 0px;
        position: relative;
        top: -122px;
        bottom: -100px;
        border: 1px solid #000;
        color: white;
        font-size: 0.75em;
    */
}

.video-list span.link {
    margin-top: 1em;
    margin-left: 1em;
}

hr.light {
    background: #dfdfdf;
    height: 1px;
}

div.timing {
    color: black;
    margin: 0 auto;
    height: 1em;
    width: 5em;
    text-align: center;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    background: white;
    float: left;
    position: relative;
    top: -1.5em;
    left: 47px;
    padding: .25em 0;
    line-height: 1;
    font-size: .89em;
    color: #0071bc;
    letter-spacing: 1px;
}

div.timing + span {
    position: relative;
    top: -1em;
}

.left-col {
    width: 35%;
    float: left;
}

.right-col {
    width: 55%;
    float: left;

}

.feedback {
    float: left;
    margin-bottom: 3em;
    margin-left: 4%;
}

.quote p {
    width: 80% !important;
    font-size: 1.2em;
    text-indent: -.75em;
    font-style: italic;

}

.author {
    width: 80%;
    float: left;

}

.author ul {
    float: right;
    padding-right: 1em;
    margin-top: .5em;
}

.author-name {
    font-weight: bold;
    margin-top: .5em;
}

.author-desc {
    color: gray;
    line-height: 1;
}

.quote strong {
    color: gray;
    font-weight: normal;
    font-size: 1.5em;
}

blockquote {
    /* color: gray; */
    margin: 1em 1em .25em 1.5em;
}

blockquote + span {
    float: right;
    margin-bottom: 1em;
    font-size: 1em;
    font-style: italic;
    /*font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
}

blockquote p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin-bottom: .5em;
}

blockquote p + address, blockquote + address {
    font-style: normal;
    float: right;
    text-align: right;
    width: 100%;
    font-size: .89em;
    margin-bottom: 1.5em;
}

address b {
    font-weight: normal;
    font-style: normal;
    text-align: right;
    font-size: 1.25em;
}

table.indicators {
    font-size: 1em !important;
    border: none;
    margin-bottom: 1.5em !important;
}

table.indicators tr:last-child {
    border-bottom: 1px solid gray;
}

table.indicators caption {
    font-size: 1.12em;
    text-align: left;
    border-bottom: 1px solid silver;
    padding-bottom: .75em;
    line-height: 1.4;
}

table.indicators ul li {
    list-style: square;
    list-style-position: outside;
    margin-bottom: .5em;
}

table.indicators td {
    border: none !important;
}

.dashboard-area .comment, .dashboard-area .comment strong {
    float: none;
    font-style: normal;
    color: black;

}

blockquote address {
    clear: both;
    width: 100%;
    height: 5em;
}

.dashboard-area .comment strong {
    font-weight: bold;
}

div.incut {
    padding-left: 48px;
    background-size: 32px;
    background: #f5f5f5 no-repeat 0 4px;
    padding: 1.25em;
    border-radius: .75em;
    width: 100%;
    margin-bottom: 1em;
}

.dashboard-area ol li {
    list-style: outside circle !important;
    margin-left: 1em;
    margin-bottom: .5em;
}

.dashboard-area h4 {
    margin-bottom: 0em;
}

.dashboard-area h4 + ol {
    margin-top: .5em;
}

.dashboard-area h4 + p {
    margin-top: .5em;
}

.dashboard-area p + ol {
    margin-top: -.5em;
}

div.incut p {
    margin-top: 0;
    margin-bottom: .5em;
}

div.incut ul {
    margin-top: 0;
    margin-bottom: .5em;
    margin-left: 1em;
}

div.incut ul li {
    list-style: circle;
    list-style-position: outside;
    margin-bottom: .75em;
}

.video-player-container {
    float: left;
    width: 100%;
    margin-bottom: 2em;
    padding-bottom: 2em;
    background: url(../resources/images/shadow_down_up.png) bottom no-repeat;
}

.video-player {
    width: 640px;
    float: left;
    margin: auto;
    height: 360px;
    border: 1px solid black;
    -webkit-box-shadow: 0 0 8px #444;
}

#video_player {
    width: 100%;
    height: 100%;
}

.videos {
    margin-left: 2em;
    width: 100%;
}

.video-container {
    float: left;
}

.video {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 3px #1a3951;
    border: 4px solid #1C75BC;

}

.video img {
    width: 100%;
}

.video-title {
    font-size: .75em;
    text-align: center;
    float: left;
    /*background: url(../resources/images/inline_video.png) no-repeat 0 0;*/
    padding-left: 12px;
    padding-bottom: 2px;
    border: none;
    text-decoration: underline;
    line-height: 1.2;
    position: relative;
    top: .75em;
}

.play-button {
    width: 100%;
    height: 100%;
    float: left;
    margin-top: -75%;
    position: relative;

}

a.video-link:hover .play-button img {
    opacity: 1;
}

.play-button img {
    width: 70%;
    margin-left: 15%;
    margin-top: 0;
    opacity: .7;
}

.right-row {
    position: absolute;
    right: 2em;
    margin-left: 2em;
    width: 25%;
    font-size: .89em;
    padding-left: 1.5em;
}

.area .right-row {
    position: relative;
    width: 100%;

}

.reference {
    /*width: 100%;*/
    padding-left: 2em;
    padding-right: 1em;
}

.admin_body .right-row {
    display: none;
}

.admin_body .area .right-row {
    display: block;
}

h4.article-title {
    text-indent: -1em;

}

h4.article-title a {
    margin-left: .25em;
}

#solution_annotation b {
    font-size: .89em;
    line-height: 1.4;
}

#solution_annotation img {
    width: 100% !important;
    margin: 0;
}

img.grid_2 {
    float: none;
    width: 400px !important;
}

.area-container img.grid_4 {
    width: 150% !important;

}

.sl-desc-2col {
    width: 80%;
}

.sl-desc-2col div {
    float: left;
    width: 40%;
    margin-right: 7%;
}

.sl-desc-2col div p {
    margin: 0;
    margin-bottom: 1em;
}

.list-container {
    margin-bottom: 1em;
}

.list-container ul.circle_type li {
    float: left;
    width: 12em;

}

.list-container ul.circle_type li:before {
    margin-right: .5em;
}

.block-content h3 {
    font-size: 1em;
    font-weight: bold;
}

.comment {
    color: gray;
    width: 100%;
    margin-bottom: 1.5em;
}

/* ----------------------------------Two columns layout */

.block2col {
    width: 100%;
    padding: 0 5%;
}

.block2col .first, .last {
    width: 40%;
    margin: 0 5%;
}

/* ----------------------------------One column layout */

.block1col {
    width: 75%;
}

.admin_body .block1col {
    width: 87%
}

.block1col h3 {
    margin: 0;
    margin-top: 1em;
}

.block1col h3 + .article_content {
    padding-top: 0;
}

.block1col h4 {
    font-size: 1.25em;
}

.block1col h3 + h3 {
    /*font-family: 'LiberationSerifRegular', 'PT Serif', Georgia, serif;*/
    font-size: 1.15em;
}

.block1col img {
    width: 125%;
    height: auto;
}

ul.pdf li {
    background: url(../resources/images/pdf_icon.png) no-repeat left top;
    padding-top: 1em;
    padding-left: 2.5em;
    height: 3em;
}

#pdf_download {
    position: absolute;
    left: 45em;
}

#pdf_upload {
    background: none;

}

/* ----------------------------------Video block */

a.video-thumb {
    display: -moz-inline-stack;
    display: inline-block;
    cursor: pointer;
    border: none;
    font-size: 1em;
    /*font-family: 'DroidSansRegular', 'PT Serif Caption', "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;*/
}

a.video-thumb .link {
    min-width: 120px;
}

a.video-thumb:hover span.image {
    -webkit-box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, 1) 0 1px 2px;
}

a.video-thumb:hover span.link, span.link:hover, a.video-thumb:hover {
    color: #1B75B;
}

div.image {
    display: block;
    -webkit-box-shadow: rgba(0, 0, 0, .40) 0 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, .40) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, .40) 0 1px 2px;
    margin: auto;
    margin-bottom: .5em;
    width: 120px;
    height: 68px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    float: none;
    background-position: 0 -11px;
    behavior: url(styles/PIE.php);
}

div.image img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0 !important;
    width: auto;
    position: relative;
    top: -11px;
}

span.play {
    background-image: url(../resources/images/video_play_small.svg);
    width: 33px;
    height: 33px;
    position: absolute;
    left: 42px;
    top: 11px;
    opacity: .8;
    background-size: 33px 66px;
}

table.video-blocks td a.video-thumb span.link {
    background: url(../resources/images/sp_play2.png) no-repeat center center;
    position: relative;
    top: -75px;
    float: left;
    height: 1px;
    padding-top: 6em;

}

.bl_wrapper:last-child h3 {
    margin-bottom: 1em;
}

.bl_wrapper table.video-blocks td, table.video-blocks td {
    text-align: center;
    padding: .5em;
    width: 25%;
    border: none;
}

table.video-blocks {
    border-spacing: 20px !important;
    border-collapse: separate !important;
}

table.twocol thead td:last-child {
    text-align: left !important;

}

table.video-blocks span.image {
    margin: auto !important;
}

table.video-blocks td.palyed {
    background: #0062ae;
    border-radius: 5px;
    box-shadow: inset 0 0 5px #05121c;
    behavior: url(styles/PIE.php);
}

table.video-blocks td.palyed span.link {
    color: white !important;
    background-image: url(../resources/images/sp_play_hover.png) !important;
}

.bl_wrapper table.video-blocks td:nth-child(3) {
    text-align: center;
    border: none !important;
    width: 25% !important;
}

div.video_main {
    float: none;
    margin-left: 17%;
    display: block;
}

#solution_annotation {
    width: 100%;
}

/* ----------------------------------Tables */

table.grid_10, .bl_wrapper table {
    font-size: .89em;
    margin-bottom: 3em;
    width: 100%;
    float: none !important;
    display: table;
}

table.grid_10 thead, table.grid_10 tbody {
    float: none !important;
    display: table;
}

table.grid_10 tr, table.grid_10 td {
    float: none !important;
    /*display: table;*/
}

table.grid_10 tr {
    display: table-row;
}

table.grid_10 td {
    display: table-cell;
}

table.grid_10 td, .bl_wrapper table td {
    padding: 1em;
    vertical-align: baseline;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px dotted #dfdfdf;

}

table.grid_10 thead td, table.grid_10 thead th, .bl_wrapper table thead td, bl_wrapper table thead th {
    font-weight: bold;
    border-bottom: 1px solid black;
}

table.grid_10 thead td {
    /*border-bottom: none !important;*/
    border-right: 1px solid silver;
}

.bl_wrapper table th {
    border-bottom: 1px solid silver;

}

.bl_wrapper table th + th {
    border-left: 1px solid silver;
}

table.grid_10 thead td tr:first-child {

}

table.grid_10 tr td:last-child {
    border-right: none;
}

table.grid_10 td:nth-child(3), table.grid_10 thead tr td:last-child, .bl_wrapper table td:nth-child(3), .bl_wrapper table thead tr td:last-child {
    width: 4em !important;
    text-align: right;
    border-right: none !important;
}

table.grid_10 .grid_3 {
    width: 30%;
}

table.grid_10 .grid_5 {
    width: 50%;
}

table.twocol .grid_5 {
    width: 4em !important;
}

table.grid_10 .grid_1 {
    width: 10%;
}

.bl_wrapper table {
    margin-top: 1em;
}

.bl_wrapper table td {
    vertical-align: top !important;

}

/*—————————————————————————————————————————————————————————————————————————————————————————— Area */

div.area-container {
    float: left;
    width: 100%;
}

div.area {
    float: left;
    width: calc(100% - 72px);
    margin: 2em 72px 2em 0;
}

div.area-head {
    float: left;
    width: 60%;
    margin-bottom: .5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #dfdfdf;

}

div.area-title {
    font-size: 2em;
    margin-bottom: .5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #dfdfdf;
    width: 100%;
    color: #F15A29;
}

div.area-desc {
    font-size: .89em;
    line-height: 1.4;
}

div.area-stat {
    margin-left: 3em;
    margin-top: 4em;
}

table.astat td {
    padding: 1em;
}

table.astat tr + tr {
    border-top: 1px solid silver;
}

table.astat td.num-sl {
    text-align: center;
    border-right: 1px silver solid;
}

table.astat b {
    color: #F15A29;
    font-weight: normal;
    font-size: 4em;
    text-align: center;
}

table.astat b.med {
    font-size: 1em;
}

table.astat i {
    color: #27AAE1;
    font-weight: normal;
    font-style: normal;
    font-size: 1em;
}

table.astat i.big {
    color: #F15A29;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
}

div.area-solutions {
    width: 100%;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid silver;
}

div.area-sl-container {
    width: 20em;
    padding: 1em 2em 1em 0;
    margin-left: 0;
}

table.area-sl th {
    padding: .5em;
    padding-left: 0;
    display: flex;
    align-items: center;
}

table.area-sl th:first-child {
    vertical-align: top;
    text-align: left;
}

table.area-sl th:nth-child(2) {
    vertical-align: top;
}

table.area-sl th:nth-child(3) {
    text-align: left;
    font-size: 1.25em;
}

table.area-sl td {
    font-size: .75em;
    color: #333;
    line-height: 1.4;

}

a.sl-link {
    display: inline-block;
    margin-right: 0.5em;
    white-space: normal;
    border-bottom: none;
    margin-top: 0;
    vertical-align: middle;
}

img.sl-ico, img.sl-new {
    display: inline-block;
    margin-right: .5em;
    vertical-align: middle;
}

div.area-article .solution-big-pict img.grid_4 {
    width: 100% !important;
    height: auto;
}

.solution-section img {
    width: 80%;
    height: auto;
    margin: 1em 0;
}

.article_content h3 {
    padding-top: 1em !important;
}

a.area-pdf {
    font-size: .75em;
    float: left;
    margin-top: 2em;
}

div.area-pdf {
    float: left;
    width: 100%;
}

div.area-pdf h2 {
    float: left;
}

div.area-menu {
    width: 100%;
}

a.download-pdf {
    border: none;
    text-decoration: underline;
    background: url(../resources/images/sp_pdf.png) no-repeat;
    height: 21px;
    float: left;
    line-height: 3;
    font-size: .89em;
    padding-left: 32px;
    margin-top: 1em;
    padding-bottom: 12px;
    /*margin-left: 3em;*/
}

a.grid_3 {
    text-decoration: none !important;
    border-bottom: none !important;
}

a.grid_3 span.image {
    text-align: center;
}

/*-------------------------------------- New grids */

.grid_10 {
    width: 100%;
}

.grid_5 {
    width: 45%;
}

.grid_4 {
    width: 35%;
}

img.grid_4 {
    width: 35% !important;
    margin-left: 1em;
    height: auto;
    float: none;
}

img {
    height: auto !important;
}

/*------------------------------------------Main section
*/

div.main {
    padding-bottom: 8em;
}

div.main img {
    width: 100%;
}

div.main div.w200 {
    float: none
}

div.main div.w200 img {
    width: 200px
}

div.main div.w300 {
    float: none
}

div.main div.w300 img {
    width: 300px
}

div.main div.w400 {
    float: none
}

div.main div.w400 img {
    width: 400px
}

div.main div.w500 {
    float: none
}

div.main div.w500 img {
    width: 500px
}

div.main div.w600 {
    float: none
}

div.main div.w600 img {
    width: 600px;
}

div.main div.section-block:not(:last-of-type):not(.package) {
    margin-bottom: 3em;
    border-bottom: 1px solid silver;
    padding-bottom: 3em;
}

.steps img {
    width: auto;
    display: block;
}

.steps img.grid_10 {
    width: 100%;
    height: auto;
}

.wide-img {
    width: 100% !important;
    height: auto;
}

.short-img {
    width: auto !important;
}

#story h3 + .article_content {
    padding-top: 0;
    margin-top: 0;
}

/*--------------------------------------------- Samples */

.video-list a.grid_3 {
    border: none;
    width: 10em;

}

h3 + div.video-list {
    padding-top: 2em;
}

.video-list {
    /* width: 155% !important; */
    width: 105% !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    float: none !important;
}

.med-img {
    width: 60% !important;
    display: block;
    clear: both;
    margin-bottom: 1.5em;
}

/*--------------------------------------------- About SP */

.about-sp {
    float: left;
    width: 85%;
    /*font-family: 'LiberationSerifRegular', 'PT Serif', Georgia, serif;*/
    line-height: 1.4;
    margin: .5em 2.5%;
    margin-bottom: 4em;
}

.about-sp h5 {
    float: none;
}

.about-sp .article-list {
    margin-bottom: 1.5em;
}

.pdf-link {
    margin-top: 2em;
    width: 12em;
}

a.grid_2 {
    border: none;
}

/* ---------------------------------------------- Area  */

.area-title a.download-pdf {
    font-size: .4em;
    float: left;
    width: 100%;
}

/*-------------------------------------------------VIDEO PLAYER -------*/

.video_main {
    float: left;
    width: 600px;
    height: 415px;
    position: relative;
    background-color: #054070;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    margin: 30px;
    overflow: hidden;
    behavior: url(styles/PIE.php);
}

.video_main img.main_thumb {
    width: 100%; /* margin-top: -415px; position: absolute;*/
    position: relative;
    top: 0;
    left: 0;
}

.video_control {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 77px;
    width: 100%;
    background-image: url(../resources/images/bg.png);
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url(styles/PIE.php);
}

.play_pause {
    float: left;
    display: block;
    width: 21px;
    height: 27px;
    z-index: 9999;
    position: relative;
    background-position: 0px 0px;
    background-image: url(../resources/images/play.png);
    margin-top: 26px;
    margin-left: 34px;
    cursor: pointer;
}

.play_pause.ps {
    background-image: url(../resources/images/pause.png);
}

.play_pause:hover {
    background-position: 0px -27px;
}

.time {
    float: left;
    display: block;
    margin-top: 31px;
    /*font-family: verdana;*/
    font-size: 10px;
    margin-left: 20px;
    color: #414042;
    margin-right: 15px;
}

.time_line_main {
    position: absolute;
    top: 35px;
    margin-left: 133px; /*padding-right:184px; */
    width: 283px;
    height: 7px;
    left: 0px;
    z-index: 1;
}

.time_line {
    float: left;
    width: 100%;
    background-image: url(../resources/images/bg_time.png);
    height: 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.control_right {
    float: right;
    margin-right: 18px;
    width: 166px;
}

.audio {
    float: left;
    margin-top: 14px;
}

.audio a {
    display: block;
    width: 5px;
    height: 13px;
    background-image: url(../resources/images/audio_bg.png);
    background-position: 0px -26px;
    margin-left: 9px;
    float: left;
    margin-top: 18px;
}

.audio.mute a {
    background-position: 0px -26px !important;
}

.audio.mute .audio_main {
    background-position: 0px -54px !important;
}

.audio a:hover {
    background-position: 0px -13px !important;
}

.audio .audio_main {
    width: 14px;
    height: 27px;
    background-image: url(../resources/images/audio_main_bg.png);
    margin-top: 11px;
    background-position: 0px -54px;
}

.audio .audio_main:hover {
    background-position: 0px -27px !important;
}

.ui-widget-content {
    background-color: transparent !important;
    background-image: none !important;
    border: 0px !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: 6px !important;
    border: 0px !important;
    margin-left: -11px !important;
}

.ui-slider-horizontal {
    height: 6px !important;
}

.ui-widget-header {
    border: 0px !important;
    background-image: url(../resources/images/bg_time_ac.png) !important;
}

.ui-slider-handle {
    background-image: url(../resources/images/point.png) !important;
    width: 21px !important;
    height: 30px !important;
    background-position: 0px 0px !important;
    border: 0px !important;
    background-color: transparent !important;
}

.ui-slider-handle:hover {
    background-position: 0px -30px !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0px !important;
    border-color: transparent !important;
}

.slider-range-min .ui-state-focus {
    border: 0px !important;
}

.time_load {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 6px;
    background-image: url(../resources/images/bg_time_ld.png);
    z-index: 1;
}

.f_s {
    width: 22px;
    height: 16px;
    display: block;
    background-image: url(../resources/images/fs_bg.png);
    background-position: 0px 0px;
    float: left;
    margin-left: 9px;
    margin-top: 12px;
}

.f_s:hover {
    background-position: 0px -16px;
}

.f_s.f_s_t {
    background-position: 0px -32px;
}

.f_s.f_s_t:hover {
    background-position: 0px -48px;
}

.cent_scr {
    width: 22px;
    height: 16px;
    display: block;
    background-image: url(../resources/images/cent_scr.png);
    background-position: 0px 0px;
    float: left;
    margin-left: 26px;
    margin-top: 12px;
}

.cent_scr:hover {
    background-position: 0px -16px;
}

#ytPlayer {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 338px;
}

.video_wrap {
    height: 338px;
    width: 100%;
    overflow: hidden;
}

.video_main a {
    text-decoration: none;
    border: none;
}

.clear {
    clear: both
}

.slider {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid gray;
}

.slider_left {
    background-color: white;
}

#ul_slider li {
    opacity: 0.5
}

#ul_slider {
    background-color: white;
}

#ul_slider:first-child {
    opacity: 1
}

.slider_left img {
    position: relative;
    z-index: 0;
    left: 0;
}

.slider_left a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.slider_left {
    width: 100%;
    height: 372px;
    overflow: hidden;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.slider_right {
    float: left;
    width: 276px;
    position: absolute;
    right: 0px;
    top: 0px;
    height: 372px;
    z-index: 100;
    background-color: white;
}

#ul_slider {
    z-index: 100;
    background-color: white;
}

#ul_slider li {
    z-index: 100;
}

.slider_right img {
    height: 124px;
    float: left;
}

.slider_right ul {
    width: 276px;
}

.slider_right ul li {
    width: 276px;
    height: 124px;
    margin: 0;
    overflow: hidden;
    float: left;
}

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

.index-table td {
    vertical-align: top;
    width: 33%;
}

.index-table td div.area-sl-container {
    width: 95%;
}

.paging_main {
    position: absolute;
    left: 0px;
    bottom: 15px;
    width: 100%;
    height: 17px;
    z-index: 3000;
}

.paging {
    margin: auto;
    height: 17px;
    display: block;
    width: 100px;
}

.paging li {
    float: left;
    list-style: none;
}

.paging li a {
    border-bottom: none;
    text-decoration: none;
    width: 15px;
    height: 15px;
    display: block;
    background-image: url(../resources/images/dots.png);
    background-position: 0px 0px;
    margin-left: 5px;
    margin-right: 5px;
}

.paging li a:hover {
    background-position: 0px -15px;
}

.paging .activeSlide a {
    background-position: 0px -30px;
}

.gallery {
    margin: auto;
    height: 100%;
    width: 100%;
    z-index: 0;
}

.gallery img {
    max-height: 100%;
    max-width: 100%;
    height: auto !important;
    width: auto !important;
    margin: auto;
    position: relative;
    z-index: 102;
    display: block;
    top: 50%;
}

.gallery div {
    margin: auto;
    height: 100% !important;
    width: 100% !important;
    float: left;
    padding-bottom: 45px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.gallery_main {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    visibility: hidden;
    background-color: #ffffff;
    z-index: 100;
}

.gp_prev {
    width: 38px;
    height: 79px;
    opacity: 1 !important;
    cursor: pointer;
    background-image: url(../resources/images/prev.png);
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -19px;
    z-index: 102;
    opacity: 0;
}

.gp_next {
    width: 38px;
    height: 79px;
    opacity: 1 !important;
    cursor: pointer;
    background-image: url(../resources/images/next.png);
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -19px;
    z-index: 102;
    opacity: 0;
}

.gal_close {
    width: 31px;
    height: 31px;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 24px;
    background-image: url(../resources/images/gallery_close.png);
    background-position: 0px 0px;
    z-index: 3;
}

.gal_close:hover {
    background-position: 0px -31px;
}

#navigator_container ul {
    width: 100%;
}

#loading_div {
    width: 100%;
    height: 300px;
    position: relative;
}

#loading_div img {
    width: 32px;
    height: 32px;
    display: block;
    margin: 250px auto 0 auto;
}

/********** Top MEnu*/
.head {

}

/**************search styles***/

.searchshow {
    margin: 10px 0 5px;
    width: 840px;
}

#desc {
    color: #666;
    font-size: 0.8em;
    line-height: 1.4;
    width: 550px;
    margin: 15px 0;
}

.separate {
    border-bottom: 1px solid rgb(221, 221, 221);
    width: 100%;
    line-height: 1px;
}

.searchshow h3, #entry h3 {
    font-size: 1em;
}

#entry {
    margin-bottom: -50px;
    width: 630px;
}

#btn_sl_dw {
    font-size: 0.9em;
    position: relative;
    padding: 5px 15px;
}

.blue {
    background-color: #0A71A5;
    color: #FFFFFF;
}

.blue:hover {
    background-color: #094A6B;
    cursor: pointer;
    color: #FFFFFF;
}

.grey {
    background-color: #AFAFAF;
    color: #FFFFFF;
}

.grey:hover, .onfocus {
    background-color: #094A6B;
    cursor: pointer;
    color: #FFFFFF;
}

.huge {
    background-image: url("/resources/images/button_gradient_big.png");
    background-repeat: repeat-x;
    font-size: 1.25em;
}

.button_search {
    border: medium none;
    border-radius: 7px;
    text-decoration: none;
}

.err {
    color: #FF8559 !important;
}

.s_slt_clr {
    /*	display: none; */
    color: #AFAFAF;
    float: right;
    /*font-family: tahoma;*/
    font-size: 0.8em;
    font-weight: bold;
    margin-right: 140px;
    margin-top: -20px;
    position: relative;
}

.s_slt_clr:hover {
    cursor: pointer;
}

@media only screen and (max-width: 960px) {
    div.area {
        margin-left: 2em;
    }

    .block1col {
        margin-left: 3.5em;
    }
}