#cvi_tooltip {
    display:none;
    position:absolute;
    padding:4px 8px;
    color: #666666;
    text-shadow: white 0px 1px 0px;
    background: #ffdd00;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(255,224,0)));
    background-image: -moz-linear-gradient(top, rgb(255,255,255), rgb(255,224,0));
    font: 100% Arial, Helvetica, sans-serif;
    font-weight: bold;
    border: 1px solid orange;
    max-width: 240px;
    min-width: 30px;
    border-radius: 8px;
    -moz-border-radius: 8px;	
    -khtml-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: rgba(40,20,0,.66) 0px 0px 8px;
    -moz-box-shadow: rgba(40,20,0,.66) 0px 0px 8px;
    -webkit-box-shadow: rgba(40,20,0,.66) 0px 0px 8px;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}
#cvi_tooltip  b {color: #333333; }
#cvi_tooltip  i {font-family: Times, serif; }
#cvi_tooltip  big {text-transform: uppercase; }
#cvi_tooltip  hr {
    color: orange; 
    border-color: orange; 
    background-color: orange; 
}
#nav-buttons {position: absolute;left:660px; width:20px; height:660px; z-index: 99;}   
#nav-buttons .blocks:hover {cursor: pointer;}   
#nav-buttons .blocks {max-height: 20px; min-height: 10px;width:20px; border:1px solid black;}

#anatomy-block {
    display: block;
    position: relative;
    width:680px;
    height:800px;
    margin: 0 auto;
    overflow: hidden;
    
    }
#canvas-container {
    position:absolute; 
    width:680px;
    height:760px;
    top: 40px;
    left: 0;
    }
#canvas-container img {
    width:660px;
    height:660px;
    
    }
#banner {
    height:40px;
    text-align: center;
    }
        
     
.sidebar{
      z-index: 15;
      position: absolute;
      top: -1px;
      bottom: -1px;
      padding:0px;
      width: 250px;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, .15);
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
      height:700px;

}

      .sidebar.sidebar-left{
            left:0px;
            right:auto;
      }

      .sidebar.sidebar-right{
            left:auto;
            top:-40px;
      }
.list-group {
    padding:12px;
    background:rgba(225,225,225,0.5)
}



.toggler{
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, .15);
      width: 40px;
      height: 48px;
      position: absolute;
      top: 0;
      cursor: pointer;
      background-color:#fff;
}
.sidebar-left > .toggler{
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomright: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-left: 1px solid #fff;
      -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: 1px 0px 8px rgba(0, 0, 0, .175);
      right: -40px;
} 

.sidebar-left > .toggler > span{
      margin:15px 2px;
}

.sidebar-left > .toggler > .fa-angle-right{
      display:none;
}

.sidebar-right > .toggler{
    display:block;
      -webkit-border-top-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-right: 1px solid #fff;
      -webkit-box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);
      box-shadow: -1px 0px 8px rgba(0, 0, 0, .175);      		
      left: -40px;
} 

.sidebar-right > .toggler > span{
      margin:15px 2px;

}

.sidebar-right > .toggler > .fa-angle-left{
      display:none;
}
  

.slide-header {
    height:40px;
    text-align: center;
    border-bottom: 1px solid red;
    }
 .list-group {
     height: 650px;
     overflow-y: auto;
     }
.list-group.right {
    background:rgba(225,225,225,0.9);
    z-index: 40;
} 
#anatomy-block.mini {

    width:370px;
    height:410px;

}
#canvas-container.mini {

    width:330px;
    height:760px;
    left: 20px;
}
#canvas-container.mini img {
    width:330px;
    height:330px;
}

.sidebar.mini{
    height:370px;
}


.sidebar.mini.sidebar-right{

    right:20px;
    left:auto;
}
@media (min-width: 930px) {
    #anatomy-block.large {
        width:930px;
        }
      .sidebar.large.sidebar-right{
            right: auto;
             left:435px;
            
      } 
    .sidebar-right.large > .toggler{
        display:none;
    }       
      

}  
@media (min-width: 620px) {
    #anatomy-block.mini {
        width:620px;
    }
    .sidebar.mini.sidebar-right{
        right: auto;
        left:120px;
    } 
    .sidebar-right.mini > .toggler{
        display:none;
    }       


}        

.list-group.mini {
    height: 330px;

}
#nav-buttons.mini {position: absolute;left:330px; width:20px; height:330px;}  
#nav-buttons-left.mini {position: absolute;left:-20px; width:20px; height:330px;}   
#nav-buttons.mini .blocks, #nav-buttons-left.mini .blocks {max-height: 20px; min-height: 10px;width:20px;}
.blocks input {z-index:99999000;}
input.custom {position: absolute;}
.one {
    margin-top: 0px;
    }
.two {
    margin-top: 23px;
    } 
.three {
    margin-top: 45px;
    } 
.four {
    margin-top: 68px;
    }
.five {
    margin-top: 90px;
    }
.six {
    margin-top: 113px;
    }
.seven {
    margin-top: 135px;
    }
.eight {
    margin-top: 158px;
    }
.nine {
    margin-top: 180px;
    }
.ten {
    margin-top: 203px;
    } 
.eleven {
    margin-top: 225px;
    } 
.twelve {
    margin-top: 248px;
    }  
.thirteen {
    margin-top: 271px;
    } 
.fourteen {
    margin-top: 294px;
    }  
.fifteen {
    margin-top: 317px;
    }