﻿/* layout.css | (c) 2014, elf Software Ltd */
@import url("base-1.0.4.css");

/* layout */

html{overflow-y:auto}
html,body,form{height:100%;width:100%}

#layout{min-height:100%;min-width:600px;position:relative}  
div.main{clear:both;margin:0 1.127659574468085%;padding-bottom:42px;width:auto /* must equal footer height */}
div.foot{bottom:0;line-height:42px;position:absolute;text-align:center;width:99%}

div.ribbon{clear:both;display:block;padding-bottom:10px;padding-top:6px;width:100%}
div.ribbon:before,div.ribbon:after{content:"";display:table;line-height:0}
div.ribbon h1,div.ribbon h2{line-height:22px}

div.chest{width:100%}
div.chest:before,div.chest:after{content:"";display:table;line-height:0}
div.chest:after{clear:both}
div.chest [class*="column"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.127659574468085%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div.chest [class*="column"]:first-child{margin-left:0}
div.chest .column12{width:100%}
div.chest .column11{width:91.48936170212765%}
div.chest .column10{width:82.97872340425532%}
div.chest .column09{width:74.46808510638297%}
div.chest .column08{width:65.95744680851064%}
div.chest .column07{width:57.44680851063829%}
div.chest .column06{width:48.93617021276595%}
div.chest .column05{width:40.42553191489362%}
div.chest .column04{width:31.914893617021278%}
div.chest .column03{width:23.404255319148934%}
div.chest .column02{width:14.893617021276595%}
div.chest .column01{width:6.382978723404255%}
div.chest .offset12{margin-left:104.25531914893617%}
div.chest .offset12:first-child{margin-left:102.12765957446808%}
div.chest .offset11{margin-left:95.74468085106382%}
div.chest .offset11:first-child{margin-left:93.61702127659574%}
div.chest .offset10{margin-left:87.23404255319149%}
div.chest .offset10:first-child{margin-left:85.1063829787234%}
div.chest .offset09{margin-left:78.72340425531914%}
div.chest .offset09:first-child{margin-left:76.59574468085106%}
div.chest .offset08{margin-left:70.2127659574468%}
div.chest .offset08:first-child{margin-left:68.08510638297872%}
div.chest .offset07{margin-left:61.70212765957446%}
div.chest .offset07:first-child{margin-left:59.574468085106375%}
div.chest .offset06{margin-left:53.191489361702125%}
div.chest .offset06:first-child{margin-left:51.063829787234035%}
div.chest .offset05{margin-left:44.68085106382979%}
div.chest .offset05:first-child{margin-left:42.5531914893617%}
div.chest .offset04{margin-left:36.170212765957444%}
div.chest .offset04:first-child{margin-left:34.04255319148936%}
div.chest .offset03{margin-left:27.659574468085104%}
div.chest .offset03:first-child{margin-left:25.53191489361702%}
div.chest .offset02{margin-left:19.148936170212764%}
div.chest .offset02:first-child{margin-left:17.02127659574468%}
div.chest .offset01{margin-left:10.638297872340425%}
div.chest .offset01:first-child{margin-left:8.51063829787234%}

    /* media queries */
@media print {
        html,body,form{background:none!important}
    div.chest [class*="column"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    div.chest [class*="offset"]:first-child{margin-left:0}
    .no-print,.navigator,.foot{display:none!important}
}

@media only screen and (max-width:768px){
    div.chest [class*="column"]{display:block;float:none;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    div.chest [class*="offset"]:first-child{margin-left:0}
    .no-tablet{display:none!important}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    div.chest:before, div.chest:after {content: "";display: table;line-height: 0;}
    div.chest:after {clear: both;}
    div.chest [class*="column"] {display: block;float: none;width: 100%;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    div.chest [class*="offset"]:first-child {margin-left: 0;}
    .no-tablet {display:none!important}
}