/* Created by Merten Snijders www.mertensnijders.nl */

.household a,
.household {
        text-align:center;
        font-size:14px;
        margin:100px;
        margin-top:18%;
}
.household h1 {
        text-align:center;
        font-size:42px;
        margin-bottom:6px;
}
.arrow_box {
        position: relative;
        background: #1e538e;
}
.arrow_box:after {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
}
.arrow_box:after {
        border-color: rgba(30, 83, 142, 0);
        border-bottom-color: #1e538e;
        border-width: 10px;
        left: 93px;
        margin-left: -25px;
}body {
        background:#2ca6ae;
}
.pageBody {
        background:#2995a8;
        min-height:50px;
        padding:20px;
        min-width:700px;
        max-width:700px;
        margin:0px auto;
}
.pageTitle img {
        position:absolute;
        width:125px;
        left:20%;
        top:16px;
        height:auto;
        z-index:0;
}
.pageTitle div {
        position:absolute;
        z-index:1;
        top:35px;
        left:35%;
}
.pageTitle {
        overflow:hidden;
        position:relative;
        width:700px;
        margin:0px auto !important;
        text-align:center;
        height:120px;
}
ul.pk {
        padding:0px;
        margin:0px;
}
ul.pk li {
        list-style-type: none;
        background: url('../static/site/img/li_bullet.png') no-repeat top left;
        background-size:15px 15px;
        background-position:0px 4px;
        min-height: 14px;
        padding-left: 20px;
        margin:0px;
}

table.split td {
        width:50%;
}
table.pk strong {
        display:block;
        margin-bottom:2px;
}.scrollbars::-webkit-scrollbar-thumb:hover {
        background: #FFF !important;
}

/* Handle */
.scrollbars::-webkit-scrollbar-thumb {
        cursor:pointer;
        background: #96d3d7 !important;  
}
.scrollbars::-webkit-scrollbar-thumb:window-inactive {
        background: #1e538e !important; 
}/* Vergelijk tarieven slider */
.custom_21 table.pk {
        margin-top:-6px;
}
.custom_21 table.pk h1 {
        color:#FFF;
}
.custom_21 table.pk td:nth-child(1) {
        width:20%;
}
.custom_21 table.pk td:nth-child(3) {
        padding-right:10px;
}
.custom_21 table.pk td:nth-child(3),
.custom_21 table.pk td:nth-child(4) {
        text-align:right;
}
.custom_21 table.pk td.pas img {
        width:175px;
        height:auto;
}
.custom_21 table.pk span {
        font-weight:500;
}
.custom_21 table.pk b,
.custom_21 table.pk strong {
        font-weight:700;
        color:#66ff8d;
}
/* Zaken doen? */
.custom_22 > img {
        width:100%;
        height:auto;
}
.pageBody:last-child {
        margin-bottom:62px;
}
/* Game */
.custom_19 {
 /*       margin:0px;
        max-width:100%;*/
}body, div, span, * {
    font-size:14px;
    line-height:1.5em;
    font-family:"museo-sans", sans-serif;
    font-style:normal;
    font-weight:300;
}

.bold, b, strong {
    font-family:"museo-sans", sans-serif;
    font-style:normal;
    font-weight:500 !important;
}

.heavy, .pkprice, .pkpricealt {
    font-family:"museo-sans", sans-serif;
    font-style:normal;
    font-weight:700 !important;
}

.pageTitle div,
.pageTitle {
    font-size:32px !important;
}

.pageBody {
    color:#FFF;
}

b, strong {
    color:#bcf1f4;
}

h1.alt {
    color:#FFF;
}

h1,
.pageTitle {
    color:#b0ffa1;
}

h3 {
    color:#1e538e;
}

.pageBody .link a,
.link,
table.pk a {
    color:#FFF;
    background:#39abb3;
    padding:5px 10px;
    font-weight:300 !important;
    font-size:16px;
}

.link a {
    padding:0px;
}

.pageBody .link.active a,
.pageBody .link:hover a,
.pageBody .link:active a,
.link.active,
.link:hover,
.link:active,
table.pk a:hover,
table.pk a:active {
    color:#b0ffa1 !important;
    background:#1e538e;
}

.link.active a,
.link:hover a,
.link:active a {
    color:#b0ffa1;
}/* Block insides pageBody */
.pkBlock {
        border:1px #3fa1b1 solid;
        padding:20px;
}
.pkprice,
.pkpricealt {
        padding:2px 10px 2px 10px;
        margin-bottom:15px;
        margin-top:2px;
}
.pkprice {
        margin-left:18px; /* Hourrates */
        background:#1e538e;
        color:#FFF;
        display:inline-block;
}
.pkpricealt {
        background:#FFF;
        color:#2995a8;
        display:inline-block;
}
.pkTitle {
        margin:10px 0px 10px 0px;
        font-size:24px;
        color:#1e538e;
        text-align:center;
}
.pageBody .pkTitle:first-child {
        margin-top:0px;
}
div.context,
table.pk .context {
        text-align:center;
        color:#1e538e;
}
/*@font-face {
        font-family: "bold";
        src: url("../static/brand/fonts/myriad/myriadbold.woff") format('woff');
        src: url('../static/brand/fonts/myriad/myriadbold.eot');
        src: url('../static/brand/fonts/myriad/myriadbold.eot?#iefix') format('embedded-opentype'),
                url('../static/brand/fonts/myriad/myriadbold.woff') format('woff'),
                url('../static/brand/fonts/myriad/myriadbold.ttf') format('truetype'),
                url('../static/brand/fonts/myriad/myriadbold.svg#myriadbold') format('svg');
}
@font-face {
        font-family: "normal";
        src: url("../static/brand/fonts/myriad/myriadwebpro.woff") format('woff');
        src: url('../static/brand/fonts/myriad/myriadwebpro.eot');
        src: url('../static/brand/fonts/myriad/myriadwebpro.eot?#iefix') format('embedded-opentype'),
                url('../static/brand/fonts/myriad/myriadwebpro.woff') format('woff'),
                url('../static/brand/fonts/myriad/myriadwebpro.ttf') format('truetype'),
                url('../static/brand/fonts/myriad/myriadwebpro.svg#myriad') format('svg');
}
@font-face {
        font-family: "light";
        src: url("../static/brand/fonts/myriad/myriadlight.woff") format('woff');
        src: url('../static/brand/fonts/myriad/myriadlight.eot');
        src: url('../static/brand/fonts/myriad/myriadlight.eot?#iefix') format('embedded-opentype'),
                url('../static/brand/fonts/myriad/myriadlight.woff') format('woff'),
                url('../static/brand/fonts/myriad/myriadlight.ttf') format('truetype'),
                url('../static/brand/fonts/myriad/myriadlight.svg#myriadlight') format('svg');
}
*//*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
.hidden,
[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    /*font-family: sans-serif;  1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}.icoSmall {
        font-size:9px !important;
}
.icoMedium {
        font-size:14px;
}
.icoLarge {
        font-size:20px;
}
.icoXL {
        font-size:32px;
}
@font-face {
        font-family: 'icomoon';
        src:url('../static/site/fonts/icomoon/icomoon.eot');
        src:url('../static/site/fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
                url('../static/site/fonts/icomoon/icomoon.woff') format('woff'),
                url('../static/site/fonts/icomoon/icomoon.ttf') format('truetype'),
                url('../static/site/fonts/icomoon/icomoon.svg#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
        font-family: 'icomoon';
        content: attr(data-icon);
        speak: none;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        vertical-align:baseline;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-tag, .icon-home, .icon-calendar, .icon-remove, .icon-earth, .icon-heart, .icon-arrow-down, .icon-arrow-up, .icon-cancel-circle, .icon-checkmark-circle, .icon-arrow-down-2, .icon-arrow-up-2, .icon-star, .icon-star-2, .icon-star-3, .icon-tree, .icon-user, .icon-users, .icon-bubble, .icon-download, .icon-cog, .icon-code, .icon-pencil, .icon-eye, .icon-eye-blocked, .icon-spinner, .icon-bubble-2, .icon-mobile, .icon-laptop, .icon-screen, .icon-image, .icon-camera, .icon-play, .icon-chrome, .icon-linkedin, .icon-facebook, .icon-facebook-2, .icon-facebook-3, .icon-google-plus, .icon-mail {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
}
.icon-tag:before {
        content: "\e000";
}
.icon-home:before {
        content: "\e001";
}
.icon-calendar:before {
        content: "\e002";
}
.icon-remove:before {
        content: "\e004";
}
.icon-earth:before {
        content: "\e005";
}
.icon-heart:before {
        content: "\e006";
}
.icon-arrow-down:before {
        content: "\e007";
}
.icon-arrow-up:before {
        content: "\e008";
}
.icon-cancel-circle:before {
        content: "\e009";
}
.icon-checkmark-circle:before {
        content: "\e00a";
}
.icon-arrow-down-2:before {
        content: "\e00b";
}
.icon-arrow-up-2:before {
        content: "\e00c";
}
.icon-star:before {
        content: "\e00d";
}
.icon-star-2:before {
        content: "\e00e";
}
.icon-star-3:before {
        content: "\e00f";
}
.icon-tree:before {
        content: "\e010";
}
.icon-user:before {
        content: "\e011";
}
.icon-users:before {
        content: "\e012";
}
.icon-bubble:before {
        content: "\e013";
}
.icon-download:before {
        content: "\e014";
}
.icon-cog:before {
        content: "\e015";
}
.icon-code:before {
        content: "\e016";
}
.icon-pencil:before {
        content: "\e017";
}
.icon-eye:before {
        content: "\e019";
}
.icon-eye-blocked:before {
        content: "\e018";
}
.icon-spinner:before {
        content: "\e01a";
}
.icon-bubble-2:before {
        content: "\e003";
}
.icon-mobile:before {
        content: "\e01b";
}
.icon-laptop:before {
        content: "\e01c";
}
.icon-screen:before {
        content: "\e01d";
}
.icon-image:before {
        content: "\e01e";
}
.icon-camera:before {
        content: "\e01f";
}
.icon-play:before {
        content: "\e020";
}
.icon-chrome:before {
        content: "\e021";
}
.icon-linkedin:before {
        content: "\e022";
}
.icon-facebook:before {
        content: "\e023";
}
.icon-facebook-2:before {
        content: "\e024";
}
.icon-facebook-3:before {
        content: "\e025";
}
.icon-google-plus:before {
        content: "\e026";
}
.icon-mail:before {
        content: "\e027";
}
.animationfix * {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
}.noDelay {
        -webkit-transition-delay: 0s;
        -moz-transition-delay: 0s;
        -o-transition-delay: 0s;
        -ms-transition-delay: 0s;
        transition-delay: 0s;
}
.delayHalfSec {
        -webkit-transition-delay: 0.5s;
        -moz-transition-delay:0.5;
        -ms-transition-delay:0.5s;
        -o-transition-delay:0.5s;
        transition-delay: 0.5s;

}
#nav li {
        -webkit-transition: color 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: color 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: color 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: color 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        transition: color 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}

#nav li {
        -webkit-transition: background 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: background 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: background 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: background 0.25s cubic-bezier(0.23, 1, 0.32, 1);
        transition: background 0.25s cubic-bezier(0.23, 1, 0.32, 1);
}
.aniBg {
        -webkit-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: background 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.aniHeight {
        -webkit-transition: height 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: height 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: height 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: height 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: height 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */
}
.aniAllLong {
        -webkit-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; /* easeOutCubic */
}
.aniAll {
        -webkit-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -moz-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -ms-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        -o-transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; 
        transition: all 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000) ; /* easeOutCubic */
}
.aniOpacityLong {
        -webkit-transition: opacity 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: opacity 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: opacity 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: opacity 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: opacity 1500ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.aniOpacity {
        -webkit-transition: opacity 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition: opacity 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition: opacity 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition: opacity 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition: opacity 350ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.aniAllLong,
.aniBg,
.aniOpacity,
.aniOpacityLong,
.aniAll,
.aniHeight {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -moz-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -ms-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        -o-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); /* easeOutCubic */        
}button {
        height:24px;
        vertical-align:middle;
        -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
button.disabled {
        cursor:default;
}
button {
        line-height:5px !important;
        cursor: pointer;
        padding: 0px 10px;
        margin-right:2px;
        color:#FFF;
        border: 1px solid #139692;
        border-radius: 3px;
        outline: none;

        background: #4bc6a3; /* Old browsers */
        background: -moz-linear-gradient(top,  #4bc6a3 0%, #139692 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4bc6a3), color-stop(100%,#139692)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #4bc6a3 0%,#139692 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #4bc6a3 0%,#139692 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #4bc6a3 0%,#139692 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #4bc6a3 0%,#139692 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bc6a3', endColorstr='#139692',GradientType=0 ); /* IE6-9 */

}
button:active,
button:hover {
        text-decoration: none;
        background: #139692; /* Old browsers */
        background: -moz-linear-gradient(top,  #139692 0%, #4bc6a3 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#139692), color-stop(100%,#4bc6a3)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #139692 0%,#4bc6a3 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #139692 0%,#4bc6a3 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #139692 0%,#4bc6a3 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #139692 0%,#4bc6a3 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#139692', endColorstr='#4bc6a3',GradientType=0 ); /* IE6-9 */
        color:#EEE;
        -webkit-box-shadow: inset 2px 2px 6px 1px rgba(0, 0, 0, .2);
        box-shadow: inset 2px 2px 6px 1px rgba(0, 0, 0, .2);

}
button:active {
        text-decoration: underline;
        color:#FFF;
}

button,
button * {
        font-size:12px !important;
}
button img {
        border:0px;
        vertical-align:middle;
}
button.btnalt {
        color:#FFF;
        border: 1px solid #555;
        background: -webkit-linear-gradient(top, #535e6b 20%, #3c444e);
        background: -moz-linear-gradient(top, #535e6b 20%, #3c444e);
}
button.btnalt:active,
button.btnalt:hover {
        color:#EEE;
        background: -webkit-linear-gradient(top, #3c444e 20%, #535e6b);
        background: -moz-linear-gradient(top, #3c444e 20%, #535e6b);
}
button.btnalt:active {
        color:#FFF;
}

button.btndark {
        border: 1px solid #888;
        color:#FFF;
        background: -webkit-linear-gradient(top, #494949 20%, #494949);
        background: -moz-linear-gradient(top, #494949 20%, #232323);
}

button.btndark:hover {
        color:#FFF;
        background: -webkit-linear-gradient(top, #555555 20%, #494949);
        background: -moz-linear-gradient(top, #555555 20%, #232323);
}

button.btndark:active {
        color:#FFF;
        background: -webkit-linear-gradient(top, #494949 20%, #555555 );
        background: -moz-linear-gradient(top, #494949 20%, #555555 );
}

button.btnsmall {
        height:15px;
        line-height:0px;
}/*body {
        background:#FFF;
        margin:0px;
        padding:0px;
}

hr {
        border:0px;
        border-top:1px #CCC dotted;
        height:1px;
        margin-top:10px;
        margin-bottom:10px;
}

.bgImgTop {
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:top; 
}*/.btnAddDictionary {
        vertical-align:middle;
        cursor:pointer;
        padding-left:5px;
        padding-right:5px;
        text-align:center;
        color:#CCC;
}

.btnAddDictionary:hover {
        border:1px #CCC solid;
        color:#000;
}#editorLoading {
        z-index:9999;
        display:hidden;
        background:rgba(0,0,0,0);
}
#editorLoading .editorLoadingText {
        display:none;
}
#editorLoading .editorLoadingText span {
        vertical-align:middle;
        margin-right:5px;
}
#editorLoading.busy .editorLoadingText {
        color:#FFF;
        width:300px;
        height:30px;
        text-align:center;
        position:fixed;
        z-index:9999;
        font-size:22px;
        top:50%;
        left:50%;
        margin-top:-15px;
        margin-left:-150px;
        display:block;
        opacity:1 !important;
}
#editorLoading.busy {
        display:block;
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,.75);
}#notification {
        position:fixed;
        top:10px;
        left:50%;
        width:700px;
        margin-left:-370px;
        background:#feffcd;
        border:2px #494c55 solid;
        padding:20px;
        z-index:1000;
}

#notification,
#notification .notifyContent {
        text-align:center;
        
        font-size:20px;
        line-height:14px;
}
#notification .notifyMessage {
        margin-bottom:8px;
}
#notification .notifyMessage:last-child {
        margin-bottom:0px !important;
}
#notification .notifyContext {
        font-size:11px;
        font-style:italic;
        color:#555;
}
.close{
        float:right;
        cursor:pointer;
        margin-right:-10px;
        margin-top:-15px;
}

.close:before {
        content: "×";
}.scrollbars::-webkit-scrollbar {
        width: 8px;
}

.scrollbars::-webkit-scrollbar-thumb:hover {
        background-color: #FFF;
}

/* Track */
.scrollbars::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
        -webkit-border-radius: 4px;
        border-radius: 4px;
}

/* Handle */
.scrollbars::-webkit-scrollbar-thumb {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        background: #CCC;  
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
}
.scrollbars::-webkit-scrollbar-thumb:window-inactive {
        background: #DDD; 
}

.scrollbars::-webkit-scrollbar:horizontal {
        height:8px;
}.valignContainer {
        display:table;
}
.valignMiddle {
        display:table-cell;
        vertical-align:middle;
}
.drag {
        cursor:n-resize !important;
}
.right {
        text-align:right;
}
.center {
        text-align:center !important;
}
.fleft {
        float:left;
}
.fright {
        float:right;
}
.green {
        color:#9ba342;
}
.white {
        color:white;
}
.black {
        color:#000 !important;
}
.darkgrey {
        color:#777 !important;
}
.grey {
        color:#CCC;
}
.red {
        color:#FA0009;
}
.panelSmall {
        width:100px;
}
.hr {
        width:100%;
        height:17px;
        background:url('../static/site/img/hr.png');
        background-repeat:no-repeat;
        background-position:center; 
}

.noselect,
.copyright {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor:default;
}table {
        width:100%;
}
table td {
        vertical-align:top;
}
table td:nth-child(1) {
        padding-right:10px;
}
table td:nth-child(2) {
        padding-left:10px;
}.contentImage,
.round {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;  
}

.lessround {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;  
}

.circle {
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
}
.shadowEdge {
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}
.shadow {
        -webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .15);
        box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, .15);
}

.shadowsharp {
        /*text-shadow: 2px 1px 0px rgba(0, 0, 0, 1);*/
        text-shadow: rgb(0, 0, 0) 1px 1px 0px;
}html, body, button, input, select, option, form, textarea, * {
}
html, body, button, input, select, option, form, textarea, div, h1, h2, h3, h4, h5, span, b, strong, i, * {
        -webkit-font-smoothing:antialiased;
}
.info {
        font-family:Courier New, 'Courier New', Courier;
        font-size:12px;
}
.txtshadow {
        text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.69);
}
.mbottom,
h1.mbottom {
        margin-bottom:20px;
}
.pageTitle, h1 {
        font-size:24px;
}
h1 {
        text-align:left;
}
h2.mbottom {
        margin-bottom:10px;
}
h2 {
        font-size:18px;
}
h2 > img {
        vertical-align:middle;
        margin-top:-5px;
}
h3 {
        font-size:14px;
}
.pageTitle,
h1,h2,h3 {
        margin:0px;
}.href,
.href div,
.href span,
a:visited,
a:link {
        cursor:pointer;
        text-decoration:none;
        color:#EEE;
        -webkit-transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        -moz-transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        -ms-transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        -o-transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        transition: color 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.href:hover,
.href:hover span,
.href:hover div,
a:hover {
        color:#FFF;
}

a.underline {
        text-decoration:underline;
}.notifyChange {
        position:fixed;
        top:30px;
        left:0px;
        width:100%;
        z-index:9999;
        text-align:center;
}
.notifyChange div {
        cursor:pointer;
        border:2px #111 solid;
        background:rgba(0,0,0,.8);
        display:inline-block;
        padding:10px;
        padding-left:30px;
        padding-right:30px;
        font-size:28px;
        font-family:'normal';
        color:#FFF !important;
}.options {
        margin-top:5px;
        min-width:50px;
        line-height:5px !important;
}
.tag a {
        font-size:11px !important;
}
.tag a:link,
.tag a:visited {
        color:#CCC;
}
.tag a:hover {
        color:#FFF;
}
.tag:hover {
        background:#000;
        color:#FFF;
}
.tag {
        display:inline-block;
        cursor:pointer;       
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color:#666;
        background:#FFF;
        padding-left:6px;
        padding-right:10px;
        padding-top:1px;
        padding-bottom:1px;
        margin-bottom:2px;
        margin-right:2px;
}

#site {
        position:absolute;
        top:0px;
        left:0px;
        z-index:5;
        width:100%;
}
#site #inner {}