/* SCROLL PANEL */

div.scroll-panel-wrapper{position:relative;float:left;}

div.scroll-panel{overflow:auto;float:left;position:relative;}
div.scroll-panel div.column-panel{overflow:hidden;}
div.scroll-panel div.column-panel div.column{float:left;background:white;}

div.scroll-panel div.column-number-panel{overflow:hidden;}
div.scroll-panel div.column-number-panel div.column-number{float:left;text-align:center;}



/* COLUMN CONTENT */

a.zoomable-illustration{display:block;}

img.zoomable{width:250px;}

div.scroll-panel div.column-panel div.column a.zoomable-illustration img{display:block;}
div.scroll-panel div.column-panel div.column .normalized-height{border-bottom-color:white;border-bottom-style:solid;}



/* BOARD OF DIRECTORS */

body.board div.board-panel{float:left;}
body.board div.board-panel ul{margin:0;padding:0;list-style-type:none;}
body.board div.board-panel ul li{background:none;float:left;cursor:pointer;}

body.board div.scroll-panel{float:left;}
body.board div.scroll-panel div.column-number-panel{display:none;}



/* STATIC COLUMN */

body.static-column div.static-column{float:right;overflow:hidden;}



/* SCROLLBAR BUTTON */

div.scrollbar-button{position:absolute;bottom:0;width:20px;height:20px;cursor:pointer;background:url(images/button-overlay.png) 0 0 no-repeat;}
div.scrollbar-button-previous{left:0;}
div.scrollbar-button-next{right:0;}

a.zoomable-illustration{position:relative;}
a.zoomable-illustration span.zoom-overlay{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-35px;height:44px;width:70px;background:url(images/zoom-overlay.png);}
a.zoomable-illustration span.zoom-icon{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;height:33px;width:33px;background:url(images/zoom-icon.png) 0 0 no-repeat;}



/* FRAMEWORK TEMPLATE 1 */

body.framework-template-1 div.scroll-panel{width:770px;height:450px;}
body.framework-template-1 div.scroll-panel div.column-panel{height:400px;}
body.framework-template-1 div.scroll-panel div.column-panel div.column{width:250px;margin-right:10px;}
body.framework-template-1 div.scroll-panel div.column-panel div.column,
body.framework-template-1 div.scroll-panel div.column-panel div.column *{line-height:20px !important;}
body.framework-template-1 div.scroll-panel div.column-panel div.column *{margin:0;}
body.framework-template-1 div.scroll-panel div.column-panel div.column p{margin-bottom:20px;}
body.framework-template-1 div.scroll-panel div.column-panel div.column h2{margin-top:0;padding-bottom:9px;margin-bottom:10px;}

body.framework-template-1 div.scroll-panel div.column-number-panel{padding:5px 0;}
body.framework-template-1 div.scroll-panel div.column-number-panel div.column-number{width:250px;margin-right:10px;}

body.framework-template-1 div.scroll-panel a.zoomable-illustration{position:relative;}
body.framework-template-1 div.scroll-panel a.zoomable-illustration span.zoom-overlay{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-35px;height:44px;width:70px;background:url(images/zoom-overlay.png);}
body.framework-template-1 div.scroll-panel a.zoomable-illustration span.zoom-icon{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;height:33px;width:33px;background:url(images/zoom-icon.png) 0 0 no-repeat;}

/* (board of directors) */

body.framework-template-1-board div.board-panel{width:500px;}
body.framework-template-1-board div.board-panel ul li{width:105px;padding:10px;}
body.framework-template-1-board div.board-panel ul li:hover{background:#fafafa;}
body.framework-template-1-board div.board-panel ul li div.image{text-align:center;}
body.framework-template-1-board div.board-panel ul li.active{background:#f2f2f2;}

body.framework-template-1-board div.scroll-panel{width:250px;height:420px;margin-left:20px;}

/* (static column) */

body.framework-template-1-static-column div.scroll-panel{width:510px;}
body.framework-template-1-static-column div.static-column{width:250px;margin-left:10px;}
body.framework-template-1-static-column div.static-column img{width:250px;}



/* FRAMEWORK TEMPLATE 2 */

body.framework-template-2 div.scroll-panel{width:950px;height:450px;}
body.framework-template-2 div.scroll-panel div.column-panel{height:400px;}
body.framework-template-2 div.scroll-panel div.column-panel div.column{width:230px;margin-right:10px;}
body.framework-template-2 div.scroll-panel div.column-panel div.column,
body.framework-template-2 div.scroll-panel div.column-panel div.column *{line-height:20px !important;}
body.framework-template-2 div.scroll-panel div.column-panel div.column *{margin:0;}
body.framework-template-2 div.scroll-panel div.column-panel div.column p{margin-bottom:20px;}
body.framework-template-2 div.scroll-panel div.column-panel div.column h2{margin-top:0;padding-bottom:9px;margin-bottom:10px;}

body.framework-template-2 div.scroll-panel div.column-number-panel{padding:5px 0;}
body.framework-template-2 div.scroll-panel div.column-number-panel div.column-number{width:230px;margin-right:10px;}

body.framework-template-2 div.scroll-panel a.zoomable-illustration{position:relative;}
body.framework-template-2 div.scroll-panel a.zoomable-illustration span.zoom-overlay{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-35px;height:44px;width:70px;background:url(images/zoom-overlay.png);}
body.framework-template-2 div.scroll-panel a.zoomable-illustration span.zoom-icon{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;height:33px;width:33px;background:url(images/zoom-icon.png) 0 0 no-repeat;}

/* (board of directors) */

body.framework-template-2-board div.board-panel{width:500px;}
body.framework-template-2-board div.board-panel ul li{width:105px;padding:10px;}
body.framework-template-2-board div.board-panel ul li:hover{background:#fafafa;}
body.framework-template-2-board div.board-panel ul li div.image{text-align:center;}
body.framework-template-2-board div.board-panel ul li.active{background:#f2f2f2;}

body.framework-template-2-board div.scroll-panel{float:right;width:230px;height:420px;margin-left:20px;}

/* (static column) */

body.framework-template-2-static-column div.scroll-panel{width:710px;}
body.framework-template-2-static-column div.static-column{width:230px;margin-left:10px;}
body.framework-template-2-static-column div.static-column img{width:230px;}



/* FRAMEWORK TEMPLATE 3 */

body.framework-template-3 div.scroll-panel{width:950px;height:450px;}
body.framework-template-3 div.scroll-panel div.column-panel{height:400px;}
body.framework-template-3 div.scroll-panel div.column-panel div.column{width:230px;margin-right:10px;}
body.framework-template-3 div.scroll-panel div.column-panel div.column,
body.framework-template-3 div.scroll-panel div.column-panel div.column *{line-height:20px !important;}
body.framework-template-3 div.scroll-panel div.column-panel div.column *{margin:0;}
body.framework-template-3 div.scroll-panel div.column-panel div.column p{margin-bottom:20px;}
body.framework-template-3 div.scroll-panel div.column-panel div.column h2{margin-top:0;padding-bottom:9px;margin-bottom:10px;}

body.framework-template-3 div.scroll-panel div.column-number-panel{padding:5px 0;}
body.framework-template-3 div.scroll-panel div.column-number-panel div.column-number{width:230px;margin-right:10px;}

body.framework-template-3 div.scroll-panel a.zoomable-illustration{position:relative;}
body.framework-template-3 div.scroll-panel a.zoomable-illustration span.zoom-overlay{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-35px;height:44px;width:70px;background:url(images/zoom-overlay.png);}
body.framework-template-3 div.scroll-panel a.zoomable-illustration span.zoom-icon{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;height:33px;width:33px;background:url(images/zoom-icon.png) 0 0 no-repeat;}

/* (board of directors) */

body.framework-template-3-board div.board-panel{width:500px;}
body.framework-template-3-board div.board-panel ul li{width:105px;padding:10px;}
body.framework-template-3-board div.board-panel ul li:hover{background:#fafafa;}
body.framework-template-3-board div.board-panel ul li div.image{text-align:center;}
body.framework-template-3-board div.board-panel ul li.active{background:#f2f2f2;}

body.framework-template-3-board div.scroll-panel{float:right;width:230px;height:420px;margin-left:20px;}

/* (static column) */

body.framework-template-3-static-column div.scroll-panel{width:710px;}
body.framework-template-3-static-column div.static-column{width:230px;margin-left:10px;}
body.framework-template-3-static-column div.static-column img{width:230px;}



/* FRAMEWORK TEMPLATE 4 */

body.framework-template-4 div.scroll-panel{width:770px;height:450px;}
body.framework-template-4 div.scroll-panel div.column-panel{height:400px;}
body.framework-template-4 div.scroll-panel div.column-panel div.column{width:250px;margin-right:10px;}
body.framework-template-4 div.scroll-panel div.column-panel div.column,
body.framework-template-4 div.scroll-panel div.column-panel div.column *{line-height:20px !important;}
body.framework-template-4 div.scroll-panel div.column-panel div.column *{margin:0;}
body.framework-template-4 div.scroll-panel div.column-panel div.column p{margin-bottom:20px;}
body.framework-template-4 div.scroll-panel div.column-panel div.column h2{margin-top:0;padding-bottom:9px;margin-bottom:10px;}

body.framework-template-4 div.scroll-panel div.column-number-panel{padding:5px 0;}
body.framework-template-4 div.scroll-panel div.column-number-panel div.column-number{width:250px;margin-right:10px;}

body.framework-template-4 div.scroll-panel a.zoomable-illustration{position:relative;}
body.framework-template-4 div.scroll-panel a.zoomable-illustration span.zoom-overlay{position:absolute;top:50%;left:50%;margin-top:-22px;margin-left:-35px;height:44px;width:70px;background:url(images/zoom-overlay.png);}
body.framework-template-4 div.scroll-panel a.zoomable-illustration span.zoom-icon{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-16px;height:33px;width:33px;background:url(images/zoom-icon.png) 0 0 no-repeat;}

/* (board of directors) */

body.framework-template-4-board div.board-panel{width:500px;}
body.framework-template-4-board div.board-panel ul li{width:105px;padding:10px;}
body.framework-template-4-board div.board-panel ul li:hover{background:#fafafa;}
body.framework-template-4-board div.board-panel ul li div.image{text-align:center;}
body.framework-template-4-board div.board-panel ul li.active{background:#f2f2f2;}

body.framework-template-4-board div.scroll-panel{float:right;width:230px;height:420px;margin-left:20px;}

/* (static column) */

body.framework-template-4-static-column div.scroll-panel{width:710px;}
body.framework-template-4-static-column div.static-column{width:230px;margin-left:10px;}
body.framework-template-4-static-column div.static-column img{width:230px;}