@charset "UTF-8";

/* 
 Ok, Close, Arrow
 */

a.ok, 
a.close, 
a.arrow,
span.ok,
span.close,
span.arrow{
 display: block; 
 position: absolute; 
 width: 50px; 
 height: 50px; 
 z-index: 20
}
a.close:before,
a.close:after,
span.close:before,
span.close:after{
 display: block; 
 content: ''; 
 width: 25px; 
 height: 2px; 
 position: absolute; 
 top: 50%;
 left: 50%;
 margin-top: -1px;
 margin-left: -11px;
 pointer-events: none
}
a.close:before,
span.close:before{
 transform: rotate(45deg) 
}
a.close:after,
span.close:after{ 
 transform: rotate(-45deg) 
}
a.arrow:before,
span.arrow:before,
a.arrow.lined:after{
 content: ''; 
 display: block; 
 position: absolute; 
 pointer-events: none
}
a.arrow:before,
span.arrow:before{
 width: 30px; 
 height: 30px; 
 top: 50%; 
 border: solid transparent 0px; 
 margin-top: -15px;
 transform: rotate(45deg)
}
a.arrow.lined:after,
span.arrow.lined:after{
 width: 39px; 
 height: 1px; 
 top: 50%; 
 background-color: transparent 
}
a.prev.arrow:before, 
a.left.arrow:before,
span.prev.arrow:before, 
span.left.arrow:before{ 
 left: 6px; 
 border-width: 0 0 2px 2px 
}
a.prev.arrow.lined:after,
span.prev.arrow.lined:after{
 left: 6px 
}
a.next.arrow:before,
a.right.arrow:before,
span.next.arrow:before,
span.right.arrow:before{
 right: 6px; 
 border-width: 2px 2px 0 0 
}
a.next.arrow.lined:after,
span.next.arrow.lined:after{
 right: 6px 
}
a.arrow.labeled,
span.arrow.labeled{
 display: inline-block;
 line-height: 50px;
 width: auto
}
a.arrow.labeled.left,
span.arrow.labeled.left{
 padding-left: 62px
}
a.arrow.labeled.right,
span.arrow.labeled.right{
 padding-right: 62px
}
a.arrow.labeled.left:before, 
a.arrow.lined.labeled.left:after,
span.arrow.labeled.left:before, 
span.arrow.lined.labeled.left:after{
 left: 6px
}
a.arrow.labeled.right:before, 
a.arrow.lined.labeled.right:after,
span.arrow.labeled.right:before, 
span.arrow.lined.labeled.right:after{
 right: 6px
}

a.close.right{
 right: 0	
}


/*
 Hamburger
 */
 
.hamburger button{
 display: block;
 padding: 10px 10px
}
.hamburger button>span{
 display: block;
 position: relative;
 width: 24px;
 height: 14px
}
.hamburger button>span>span,
.hamburger button>span>span:before,
.hamburger button>span>span:after{
 position: absolute;
 display: block;
 width: 24px;
 height: 2px;
 pointer-events: none
}
.hamburger button>span>span{
 top: 50%;
 margin-top: -1px; 
}
.hamburger button>span>span:before{
 content: "";
 top: -6px
}
.hamburger button>span>span:after{
 content: "";
 bottom: -6px
}

/*
 JQuery UI
 */
 
.ui-tooltips-container{
 position: relative
}
.ui-tooltip{
 max-width: 300px;
 border: solid 1px #000;
 padding: 10px 20px;
 background-color: #fff;
 z-index: 9999
}
.ui-tooltip-content{
	
}
.ui-tooltip label{
	
}