*:focus {outline:none}
/* vox2 */

#topbar_tiny{
    position: fixed;
    top:0;
    left:0;
    height: 70px;
    width:100%;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,969696+100 */
background: #FFFFFF; 
border-bottom: 1px solid #f44336;
}
.footer-bar{
    position: fixed;
    bottom:0;
    left:0;
    height: 30px;
    width:100%;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    text-align: right;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,969696+100 */
    background: #f44336;
    border-top: 4px solid #f44336;
}
.footer-text{
    position: fixed;
    bottom:-12px;
    left:10;
    color:white;
    /* height: 30px;
    width:100%; */
    font-family: 'Gentona-Light', sans-serif;
    font-size: 18px;
    user-select: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    text-align: left;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,969696+100 */
    /* background: #f44336; */
}
.buttonholdertop_tiny{
    position: absolute;
    top:34px;
    left: 120px;
    border: none;
}
.buttonholdertop_tiny_right{
    position: absolute;
    top:34px;
    right: 15px;
    border: none;
}
.buttonholdertop_language{
    position: absolute;
    font-family: 'Gentona-Light', sans-serif;
    top: 6px;
    right: 15px;
    border: none;
}
.select_css{
    font-family: 'Gentona-Light', sans-serif;
    text-transform: uppercase;
    border: 0px;
    direction: rtl;

}

/* ************************************   ************************************************************** */


#faneholder_tiny{
    position: absolute;
    top: 7px;
    right:140px;
    border:none;
    height: 26px;
}
.faneOn{
    position: absolute;
    border:none;
    outline:none;
    padding: 5px;
    /* cursor: pointer; */
    font-size: 16px;
    font-family: 'Gentona-Bold', sans-serif;
    font-weight:800;
    color: rgb(0, 0, 0);
    width: 300px;
    background: url("../imgs/fane-on.png");
    background-repeat: no-repeat; 
    z-index: 1;
}
.faneOff{
    position: absolute;
    border:none;
    outline:none;
    padding: 5px;
    /* cursor: pointer; */
    font-size: 14px;
    font-family: 'Gentona-Bold', sans-serif;
    font-weight:100;
    color: rgba(54,99,117,1);
    width: 300px;
    background: url("../imgs/fane-off.png");
    background-repeat: no-repeat; 
    z-index: 0;
}
.faneOn_tiny{
    position: absolute;
    border:none;
    outline:none;
    cursor: pointer;
    color: rgb(0, 0, 0);

    font-size: 16px;
    font-family: 'Gentona-Bold', sans-serif;
    font-weight:200;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 12px;
    width: 80px;
    height: 40px;
    /*
    font-size: 24px;
    font-family: 'Gentona-Light', sans-serif;
    font-weight:200;
    padding: 10px;
    width: 80px;
    */
    background: url("../imgs/fane-on_tiny.png");
    background-repeat: no-repeat; 
    z-index: 1;
}
.faneOff_tiny{
    position: absolute;
    border:none;
    outline:none;
    cursor: pointer;
    color: rgb(78, 78, 78);
    
    font-size: 14px;
    font-family: 'Gentona-Bold', sans-serif;
    font-weight:100;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 12px;
    width: 80px;
    height: 40px;
    /*
    font-size: 22px;
    font-family: 'Gentona-Light', sans-serif;
    font-weight:100;
    padding: 12px;
    width: 80px;
    */
    background: url("../imgs/fane-off_tiny.png");
    background-repeat: no-repeat; 
    z-index: 0;
}
#fane1{
    right:220px;
}
#fane2{
    right:0px;
}
#faneghost2d{
    right:275px;
}
#faneghost3d{
    right:45px;
}
.faneghost{
    position: absolute;
    cursor: pointer;
    width: 210px;
    height:26px;
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    z-index: 1;
}

#fane1_tiny{
    right:80px;
}
#fane2_tiny{
    right:10px;
}
/* #fane1:focus{
    background: url("/imgs/fane-on.png");
    z-index: 1;
}
#fane2:focus{
    background: url("/imgs/fane-on.png");
    z-index: 1;
} */

#toolbar{
    position: absolute;
    top:15px;
    left: 15px;
}
#leftside{
    position: fixed;
    top:38px;
    left: 0px;
    min-width: 210px;
    height: 100%;
}
button.img-button{
    width: 28px;
    height: 28px;
}

.tools{
    width:28px;
    height: 28px;
    border: none;
    border-radius: 1px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.2);
}
.view-select{
    width:50px;
    height: 28px;
    border: none;
    border-radius: 1px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.2);
}
.tools:hover{
    background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.5));
}
.toolsSelected{
    background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.9));
}


.icon {
    position:relative;
    top:0px;
    left: 0px;
    transform: translate(-8px, -4px);
    width: 28px;
    height: 28px;
    display: block;
}

.toolstop{
    width:28px;
    height: 28px;
    border: none;
    border-radius: 1px;
    
}
#tools_xxx{
    width:60px;
}
.toolstopTouch{
    width:28px;
    height: 28px;
    border: none;
    border-radius: 1px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.2);
}
.toolstop:hover{
    /* background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.3)); */
    background-color: #cac6c5;
}
.toolsTopSelected{
    background: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(255,255,255,0.3));
}
/*
#toolsfull_logon, toolsfull_fullscreen, toolsfull_pref, toolsfull_help{

}
*/
.icontop {
    position:relative;
    top:0px;
    left: 0px;
    border: none;
    background-color: #EDEDED;
    /* transform: translate(6px, 0px); */
    transform: translate(6px, -2px);
    /* width: 28px; */
    /* height: 28px; */
    /* display: block; */
    float: right;
    display: block;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	cursor:pointer;
}
.icontopright {
    position:relative;
    top:0px;
    left: 0px;
    border: none;
    background-color: #f44336;
    /* transform: translate(6px, 0px); */
    transform: translate(6px, -2px);
    /* width: 28px; */
    /* height: 28px; */
    /* display: block; */
    float: right;
    display: block;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
	cursor:pointer;
}
.icontop:hover{
    background-color: #cac6c5;
}
.zoomPercent{
    position: absolute;
    top:442px;
    left: 4px;
    width: 28px;
    padding-left: 5px;
    height: 12px;
    border: none;
    margin: 0;
	cursor:pointer;
    font-family: 'Gentona-Light', sans-serif;
    color: black;
    font-size: 10px;
    font-weight:600;
    text-align: center;
    outline:0;
}

.loginBtn {
    position: absolute;;
    top:25px;
    right: 10px;
    /* float: right; */
	-moz-box-shadow: 1px 1px 0px 0px #adadad;
	-webkit-box-shadow: 1px 1px 0px 0px #adadad;
	box-shadow: 1px 1px 0px 0px #adadad;
	background-color:#ffffff;
	-moz-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius: 12px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
    font-family:'Gentona-Light', sans-serif;
    font-weight:200;
	font-size:10px;
	padding:2px 12px;
    text-decoration:none;
    -webkit-box-shadow: 1px 1px 0px rgba(79, 141, 165, 1);
    -moz-box-shadow: 1px 1px 0px rgba(79, 141, 165, 1);
    box-shadow: 1px 1px 0px rgba(79, 141, 165, 1);
    border: none;
}
.loginBtn:hover {
	background-color:#ffffff;
}
/* vox2 */
.loginBtn:active {
    background-color:#ffffff;
    /* what */
}
#helpBtn {
    right: 10px;
    font-weight:200;
    font-family:'Gentona-Light', sans-serif;
    background-color:#CC0000;
    color:#FFFFFF;
}
#prefBtn{
    right: 75px;
}
#fullscreenBtn {
    right: 170px;
}
#loginBtn {
    right: 245px;
}
#designNameShownDiv{
    position: absolute;
    background-color: #488097;
    /*width: 100px;*/
    height:16px;
    top: 23px;
    left:350px;
    padding: 4px 10px 4px 10px;
    border: none;
    border-radius: 3px;
    font-family: 'Gentona-Light', sans-serif;
    font-weight:200;
    font-size: 12px;
    color:white;/* display: block; */
    text-align: left;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */    

}


img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.advice_minimize{
        position: absolute;   
        right: 2px;
        top:2px;
        background-image:url("../icons/minimize16.png");
        filter: invert(100%);
        opacity: 0.5;
        height: 16px;
        width: 16px;
        cursor:pointer;
}
#db_help_btn_about{
    width:170px;
    top:510px;
    left:280px
}
#db_help_btn_shortcuts{
    width:170px;
    top:510px;
    left:520px
}