﻿/*
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
sup { vertical-align: super; font-size: .5em; }
sub { vertical-align: sub; font-size: .5em; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, ol { list-style: none outside none; }
blockquote { quotes: none; }
blockquote:before, blockquote:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; /*background: transparent;*/ border: 0; outline: 0; color: inherit; }
strong { font-weight: 700; }
b { font-weight: bolder; }

/* normalize form elements */
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input { line-height: normal; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; }
button[disabled],
input[disabled] { cursor: default; }
input[type="checkbox"],
input[type="radio"] { vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
.hr { display: block; height: 2px; border: 0; margin: 15px auto; padding: 0; }
td, th, input, select { vertical-align: middle; }

/* group */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { display: inline-block; }

/* Hide from IE-mac */
* html .group { height: 1%; }
.group { display: block; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.no-float { float: none !important; }
.t-center { text-align: center; }
.v-top { vertical-align: top; }
.v-mid { vertical-align: middle; }
.no-padd { padding: 0 !important; }
.no-marg { margin: 0 !important; }
.no-bdr { border: 0 !important; }

/*********************************************************************/
/* BEGIN DEV */
#slice-menu {
    max-height: calc(100% - 60px);
    max-width: calc(100% - 40px);
    overflow: auto;
    position: fixed;
    left: -100%;
    top: 30px;
    background: #fff;
    border: 1px solid #cccccc;
    line-height: 1.3em;
    color: #000;
    z-index: 9998;
    display: block;
    font-family: "Mark for MC Book", "Mark for MC Heavy", "Mark for MC Bold", "Mark for MC Light", "Mark for MC Extra Light", "Mark for MC Thin";
    border-radius: 5px;
    box-shadow: 3px 3px 5px rgba(64,64,64, .8);
    -moz-transition: left 500ms ease-in 0s;
    -o-transition: left 500ms ease-in 0s;
    -webkit-transition: left 500ms ease-in 0s;
    transition: left 500ms ease-in 0s;
    white-space: nowrap;
}
#slice-menu.open { left: 20px; -moz-transition: left 1s ease-out 0s; -o-transition: left 1s ease-out 0s; -webkit-transition: left 1s ease-out 0s; transition: left 1s ease-out 0s; }
#slice-menu:not(:disabled) { left: 0; top: 0; -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -moz-transition-property: transform, left, top; -o-transition-property: transform, left, top; -webkit-transition-property: -webkit-transform, left, top; transition-property: transform, left, top; -moz-transition-duration: 500ms; -o-transition-duration: 500ms; -webkit-transition-duration: 500ms; transition-duration: 500ms; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
#slice-menu.open:not(:disabled) { left: 0; left: 50%; top: 20%; -moz-transform: translate(-50%, 0) scale(1); -ms-transform: translate(-50%, 0) scale(1); -o-transform: translate(-50%, 0) scale(1); -webkit-transform: translate(-50%, 0) scale(1); transform: translate(-50%, 0) scale(1); -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
#slice-menu ol { list-style: circle inside none; padding: 0; color: inherit; font-weight: 400; margin: 25px; }
#slice-menu li { padding: 0 0 0 34px; text-indent: -34px; font-weight: 700; display: block; }
#slice-menu li span { color: #000; }
#slice-menu li span:before { content: ""; display: list-item; float: left; margin: 0 15px 0 0; color: #d36907; }
#slice-menu ol ol { list-style: disc outside none; margin: 0 0 10px 15px; }
#slice-menu ol ol ol { list-style: square outside none; }
#slice-menu ol a { color: #d36907; font-weight: 400; text-decoration: none; }
#slice-menu ol a:hover { text-decoration: underline; }
#slice-menu .close-x { width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; background: none no-repeat 50% 50% #d30707; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTIyMUNCMUI0QTg2MTFFNEI0MjlDMTkzOEQ5NkM2M0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTIyMUNCMUM0QTg2MTFFNEI0MjlDMTkzOEQ5NkM2M0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjIxQ0IxOTRBODYxMUU0QjQyOUMxOTM4RDk2QzYzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjIxQ0IxQTRBODYxMUU0QjQyOUMxOTM4RDk2QzYzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiRQxgAAAACMSURBVHjavJSBCsAgCEQr+tHa/3/CctEMHE26wbEDiUKfZGYUkcBU1pVFjclu1A4wgajvjNPTfmW5FYzVbk18NfWxMYNhNxWENsd3AZ4AdOfzAO4CkIQL0IMWsCSvQA+K1NcFTmj5ABvAFNj648rUR6G2Db2x6V+PPhxQmAcdjKgTmzZgsxmuFF0CDABiZd/bICwpqgAAAABJRU5ErkJggg=='); }
#slice-menu .title { list-style: none outside none; font-weight: 700; margin-top: 10px; color: #000; }
#slice-menu .nest { list-style: none outside none; }
#slice-menu .d { position: relative; }
#slice-menu .d:after { content: ''; position: absolute; background: #fff; left: 0; top: 0; right: 0; bottom: 0; opacity: .6; z-index: 9999; }
.slice-menu-inline { text-align: center; }
.slice-menu-inline #slice-menu { position: static !important; margin: 50px auto; width: auto; display: inline-block; text-align: left; min-height: 0; max-width: none; max-height: none; -moz-transform: none; -ms-transform: none; -o-transform: none; -webkit-transform: none; transform: none; }
.slice-menu-inline #slice-menu .close-x { display: none; }
/* END DEV */
