/*
 *
 *	skin.css - stylesheet for rendering graphical elements
 *
 *	Excerpt from customized stylesheet used for DIBA,
 *	added support for bidirectional navigation bar
 *
 *	Copyright (c) 2016 Software AG
 */



/* Reference CSS sprite */

.ww_skin {
    background-image: url('../graphics/skin.png');
    background-repeat: no-repeat;
}

a.ww_skin {
    color: transparent;
    text-decoration: none;
    outline-width: 0;
}




/* TOC */

.ww_skin_toc_background {
    margin: 0;
    padding: 0;
}

.ww_skin_toc {
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle; /*SQ*/
    background-position: -448px -35px;
}

.ww_skin_toolbar_background_default > .ww_skin_toc:hover {
    background-position: -378px -35px;
}

.ww_skin_toolbar_background_selected > .ww_skin_toc {
    background-position: -448px -35px;
}

a.ww_skin_toc_spacer {
    background-image: none;
    width: 15px;
}

@media (max-width: 767px) {
    a.ww_skin_toc_spacer{
	width:0;
    }
}

.layout_narrow a.ww_skin_toc_spacer {
    display: none;
}


/* Index */

.ww_skin_index_background {
    margin: 0;
    padding: 0;
    background:#c00;
}

.ww_skin_index {
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle; /*SQ*/
}

.ww_skin_index.orig {
    display: inline-block;
    width: 38px;
    height: 38px;
    vertical-align: middle; /*SQ*/
    background-position: -304px -128px;
}

.ww_skin_toolbar_background_default > .ww_skin_index:hover {
    background-position: -376px -128px;
}

.ww_skin_toolbar_background_selected > .ww_skin_index {
    background-position: -448px -128px;
}

a.ww_skin_index_spacer {
    background-image: none;
    width: 15px;
}
/* SAG */
a.ww_skin_index_spacer_right {
    background-image: none;
    width: 15px;
}
a.ww_skin_index_spacer_right:hover {
    background-image: none;
    width: 11px;
}
/* end SAG */

.layout_narrow a.ww_skin_index_spacer {
    display: none;
}


/* Home */

.ww_skin_home {
    display: inline-block;
    width: 38px;
    height: 38px;
	vertical-align: middle; /*SQ*/
    background-position: -520px -1376px;
}
@media (max-width: 767px) {
	.ww_skin_home {
		width: 38px;
		background-position: -525px -1378px;
	}
}
@media (max-width: 360px) {
	.ww_skin_home {
		display:none;
	}
}

.ww_skin_toolbar_button_enabled > .ww_skin_home {
    background-position: -304px -1376px;
}

@media (max-width: 767px) {
	.ww_skin_toolbar_button_enabled > .ww_skin_home {
    background-position: -309px -1378px;
	}
}

.ww_skin_toolbar_button_enabled.ww_skin_toolbar_background_default > .ww_skin_home:hover {
    background-position: -376px -1376px;
}

.ww_skin_toolbar_button_enabled.ww_skin_toolbar_background_selected > .ww_skin_home {
    background-position: -448px -1376px;
}

a.ww_skin_home_spacer {
    background-image: none;
    width: 15px;
}
@media (max-width: 767px) {
	a.ww_skin_home_spacer {
		width:0;
	}
}

.layout_narrow a.ww_skin_home_spacer {
    display: none;
}


/* Search */

.ww_skin_search_lightbox_frame {
    width: 80%;
    height: 80%;
}

.ww_skin_search_lightbox_content {
    overflow: hidden;
}

.ww_skin_search_background {
    margin: 0;
    padding: 0;
    background-color: white;
    height: 98%;
    height: calc(100% - 4px);
}

/* background-position always specifies the upper left point of the graphics in skin.png */

.ww_skin_search {
    display: inline-block;
    width: 38px;
    /* SAG: height: 38px; */
    vertical-align: middle; /*SQ*/
    /* SAG: fixed y position from -224px to -234px */
    background-position: -304px -234px;
}

.ww_skin_toolbar_background_default > .ww_skin_search:hover {
    background-position: -376px -234px;
}

.ww_skin_toolbar_background_selected > .ww_skin_search {
    background-position: -448px -234px;
}

a.ww_skin_search_spacer {
    display: none;
}

.layout_narrow a.ww_skin_search_spacer {
    display: none;
}

@media (max-width: 767px) {
	#search {
		display:none;
	}
}


/* Next */

.ww_skin_next {
    display: inline-block;
    width: 38px;
    height: 38px;
	vertical-align: middle; /*SQ*/
    background-position: -520px -416px;
}

.ww_skin_toolbar_button_enabled > .ww_skin_next {
    background-position: -304px -416px;
}

.ww_skin_toolbar_button_enabled.ww_skin_toolbar_background_default > .ww_skin_next:hover {
    background-position: -376px -416px;
}

.ww_skin_toolbar_button_enabled.ww_skin_toolbar_background_selected > .ww_skin_next {
    background-position: -448px -416px;
}

a.ww_skin_next_spacer {
    display: none;
}

.layout_narrow a.ww_skin_next_spacer {
    display: none;
}


/* Previous */

.ww_skin_prev {
    display: inline-block;
    width: 38px;
    height: 38px;
	vertical-align: middle; /*SQ*/
    background-position: -520px -512px;
}

.ww_skin_toolbar_button_enabled > .ww_skin_prev {
    background-position: -304px -512px;
}

.ww_skin_toolbar_button_enabled.ww_skin_toolbar_background_default > .ww_skin_prev:hover {
    background-position: -376px -512px;
}

.ww_skin_toolbar_button_enabled.ww_skin_toolbar_background_selected > .ww_skin_prev {
    background-position: -448px -512px;
}

a.ww_skin_prev_spacer {
    display: none;
}

.layout_narrow a.ww_skin_prev_spacer {
    display: none;
}


/* Print */
.ww_skin_print {
    float: right;
    display: inline-block;
    width: 23px;
    height: 24px;
    line-height: 24px;
    margin-top: 39px;
    margin-left: 6px;
    margin-right: 6px;
    background-position: -8px -800px;
}

a.ww_skin_print:hover {
    background-position: -80px -800px;
}


/* Toolbar */

#toolbar_div {
}

.ww_skin_toolbar {
    padding: 0;
    margin: 0;
}

.ww_skin_toolbar_cluster{
    white-space: nowrap;
}

.ww_skin_toolbar_button_enabled {
}

.ww_skin_toolbar_button_enabled:hover {
    background: #1776BF; /*SQ*/
    background: -moz-linear-gradient(top, #1776BF 0%, #1776BF 50%, #1776BF 50%, #1776BF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1776BF), color-stop(50%,#1776BF), color-stop(50%,#1776BF), color-stop(100%,#1776BF));
    background: -webkit-linear-gradient(top, #1776BF 0%,#1776BF 50%,#1776BF 50%,#1776BF 100%);
    background: -o-linear-gradient(top, #1776BF 0%,#1776BF 50%,#1776BF 50%,#1776BF 100%);
    background: -ms-linear-gradient(top, #1776BF 0%,#1776BF 50%,#1776BF 50%,#1776BF 100%);
    background: linear-gradient(to bottom, #1776BF 0%,#1776BF 50%,#1776BF 50%,#1776BF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1776BF', endColorstr='#1776BF',GradientType=0 );
}

.ww_skin_toolbar_button_disabled {
}

.ww_skin_toolbar_button_disabled a:hover {
    cursor: default;
}

.ww_skin_toolbar_button_left {
    display: inline-block;
    border-style: solid;
    border-width: 0 1px;
    border-color: #1776BF;/*SQ*/
}

.ww_skin_toolbar_button_center {
    display: inline-block;
    width: 100%;
    height: 38px;
    border-style: solid;
    border-width: 0 1px;
    border-color: #1776BF;/*SQ*/
	background-color: #1776BF; /*SQ*/
}

.ww_skin_toolbar_button_right {
    display: inline-block;
    border-style: solid;
    border-width: 0 1px;
    border-color: #1776BF;/*SQ*/
}

.ww_skin_toolbar_background_default {
    background: #1776BF; /*SQ*/
}

.ww_skin_toolbar_background_selected,
.ww_skin_toolbar_background_selected:hover {
    background: #1776BF; /*SQ*/
}

.ww_skin_toolbar_left_background {
    -moz-border-radius: 0px 0 0 0px;
    -webkit-border-radius: 0px 0 0 0px;
    border-radius: 0px 0 0 0px;
}

.ww_skin_toolbar_right_background {
    -moz-border-radius: 0 0px 0px 0;
    -webkit-border-radius: 0 0px 0px 0;
    border-radius: 0 0px 0px 0;
}

.ww_skin_search_form {
    display: inline-block;
}

.ww_skin_search_input {
    vertical-align: top;
    height: 12px;
    margin: 10px 10px 0 -4px;
    padding-left: 2px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

/* local additions to skin.css for right-to-left TOC icon */
.ww_skin_toc_rtl {
    display: inline-block;
    width: 38px;
    height: 38px;
    padding-top: 8px;
    vertical-align: middle;
    background-position: -304px -1447px;
}

.ww_skin_toolbar_background_default > .ww_skin_toc_rtl:hover {
    background-position: -379px -1445px;
}

.ww_skin_toolbar_background_selected > .ww_skin_toc_rtl {
    background-position: -461px -1453px;
}
