.clearfloat
{
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
    display: inline-block;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}
/* for IE/Mac */

.clearfix
{
    zoom: 1; /* triggers hasLayout */
    display: block; /* resets display for IE/Win */
}
/* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */

#body
{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    background: url(images/Admin/bg-left-menu.png) repeat-y 10px top;
}

header, footer, nav, section
{
    display: block;
}
html, body
{
    /**/
    margin: 0px;
    padding: 0px;
    min-width: 1023px;
    /**/
    height: 100%;
}

h1, h2
{
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 15px;
}
/*
.error
{
    font-weight: bold;
    font-size: 14px;
    background-color: red;
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.success {
    font-weight: bold;
    font-size: 14px;
    background-color: lightgreen;
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.warning {
    font-weight: bold;
    font-size: 14px;
    background-color: yellow;
    color: black;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.notification
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align:center
}
*/
#content
{
    position: relative;
    z-index: 1;
}
#content .contentleft
{
    position: absolute;
    width: 180px;
    background: #f5eef5;
}
#content .contentright
{
    padding: 0 0 20px 0;
    margin: 0 20px 0 220px;
}

.menugroup
{
    font-weight: normal;
    color: #666;
    font-size: 14px;
}

.editor-container
{
    position: relative;
}

.editor-field
{
    float: left;
    width: 150px;
}

.editor-label
{
    width: 150px;
}

/* NAV
--------------------------*/

#nav
{
    padding: 20px 0;
}

#nav ul
{
    list-style: none;
    padding-left: 10px;
}

#nav ul ul
{
    margin-bottom: 15px;
    text-decoration: none;
}

#nav .menugroup
{
    display: block;
    padding: 3px 10px 3px 25px;
    text-decoration: none;
    color: #333;
}
#nav ul ul li span, #nav ul li.open ul li a
{
    display: block;
    padding: 3px 10px 3px 35px;
    text-decoration: none;
    font-size: 12px;
    background: none;
}
#nav ul li.open ul li a
{
    color: #333;
}
#nav ul li.open ul li span
{
    color: #ccc;
}
#nav ul li.open ul li.sel:hover a, #nav ul li.open ul li:hover a
{
    background: #9f4590;
    color: #fff;
}
#nav ul li.open ul li.sel a
{
    color: #9f4590;
}
#nav li.closed a
{
    
}
#nav li.closed ul
{
    display: none;
}
#nav li.open a
{
    background: url(images/Admin/btn-menu-open.png) no-repeat 10px 50%;
}
#nav li.open ul
{
    display: block;
}

a.sel
{
    font-weight: bold;
    color: #9F4590 !important;
}
a.sel:hover
{
    font-weight: bold;
    color: #fff !important;
}



/* HEADER
--------------------------*/

#header
{
    position: relative;
    width: 100%;
    padding-top: 20px;
    z-index: 10;
    background: #fff;
}
#header div.clearfix
{
    background: #fff url(images/Admin/bg-header-lines.png) repeat-x bottom left;
}
#header .title
{
    float: left;
    margin-left: 21px;
    padding-top: 34px;
    color: #fff;
}
#header .subtitle
{
    padding: 4px 0 0 30px;
    color: #fff;
    font-size: 11px;
}

.menugroup-alt
{
    float: right;
    margin: 30px 20px 0 0;
}

.btnPaars, .btnGrijs
{
    /*display: block;
    float: left;*/
    padding: 8px 10px;
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    zoom:1;
}
.btnGrijs:hover, .btnPaars
{
    border: #c699c2 1px solid;
    background: url(images/Admin/bg-btn-paars.png) repeat-x center left;
    color: #fff;
}
.btnPaars:hover, .btnGrijs
{
    border: #bebebe 1px solid;
    background: url(images/Admin/bg-btn-grijs.png) repeat-x center left;
    color: #333;
}

.btnPaarsSmall, .btnGrijsSmall
{
    /*display: block;
    float: left;*/
    padding: 2px 4px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-right: 2px;
    line-height: normal;
}
.btnGrijsSmall:hover, .btnPaarsSmall
{
    border: #c699c2 1px solid;
    background: url(images/Admin/bg-btn-paars.png) repeat-x center left;
    color: #fff;
}
.btnPaarsSmall:hover, .btnGrijsSmall
{
    border: #bebebe 1px solid;
    background: url(images/Admin/bg-btn-grijs.png) repeat-x center left;
    color: #333;
}

/*
.menugroup-alt li {
    background: url(images/Admin/sprite.png) repeat-x 0px -752px;
    border: #828282 1px solid;
    margin-bottom: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;     
}
.menugroup-alt li a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 5px 30px 5px 10px;    
}
.menugroup-alt li.back a {
    background: url(images/Admin/bg-arrow-left.png) no-repeat 92% center;
}
.menugroup-alt li.forward a {
    background: url(images/Admin/bg-arrow-right.png) no-repeat 92% center;
}
.menugroup-alt li:hover {
    background: #828282;
}
.menugroup-alt li:hover a {
    color: #fff;
}
.menugroup-alt li.back:hover a {
    background: url(images/Admin/bg-arrow-left-hover.png) no-repeat 92% center;
}
.menugroup-alt li.forward:hover a {
    background: url(images/Admin/bg-arrow-right-hover.png) no-repeat 92% center;
}
*/
#header .dropshadow
{
    display: block;
    background: #fff url(images/Admin/bg-header-drop.png) repeat-x top center;
    height: 20px;
}

/* LOGO */

#logo
{
    float: left;
    width: 250px;
    background: url(images/Admin/bg-header-logo-area.png) repeat-x top center;
    height: 90px;
}
#logo a
{
    display: block;
    overflow: hidden;
    text-indent: -7500px;
    background: url(images/Admin/bitwise-bncc-logo-kleur.png)/*url(images/Admin/bitshop-logo-kleur.png)*/ no-repeat top left;
    width: 220px;
    height: 70px;
    margin-left: 10px;
}

/*  PAGE  */

.pageHeader .title
{
    float: left;
}
.pageHeader .title h1
{
    display: block;
    margin: 0;
    padding: 5px 0;
    color: #9f4590;
}
.pageHeader ul
{
    float: right;
}
.pageHeader
{
    margin-bottom: 10px;
}
.pageHeader
{
    margin-bottom: 10px;
    color: #9f4590;
}

ul.pageHeaderMenu 
{
    margin-bottom:20px;
}

ul.pageHeaderMenu li
{
    display:block;
    float:left;
    margin-right:10px;
}
ul.pageHeaderMenu li input,
ul.pageHeaderMenu li a 
{
    display:block;
    float:left;
    line-height:12px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
}

/*  TABLES  */

.editor-container table td
{
    vertical-align: top;
    padding: 3px 0;
    line-height:18px;
}
.editor-container table tr td
{
    /*width: 250px;*/
}
.editor-container table tr td:first-child
{
    padding-right:20px;
    /*width: 200px;*/
}
.editor-container textarea, 
.editor-container input
{
    float:left;
    display:block;
    width: 220px;
    border:1px solid #bebebe;
    margin:0;
    padding: 0 3px;
    min-height:18px;
    font-family: Arial, Helvetica, sans-serif;
}
.editor-container .check-box,
.editor-container .check 
{
    float:left;
    position:relative;
    display:inline-block;
    border:0 solid;
    margin:0 6px 0 0;
    padding:0;
    height:12px;
    width:12px;
    clear:both;
    font-family: Arial, Helvetica, sans-serif;
}
.editor-container .pre 
{
    width:58px;
    margin: 0 6px 0 0;
    padding:0;
}
.editor-container select.pre 
{
    width:60px;
    margin: 0 6px 0 0;
    padding:0;
    float:left;
    display:block;
    border:1px solid #bebebe;
    min-height:20px;
}
.editor-container .after
{
    width:154px;
}
.editor-container select 
{
    width: 228px;
    float:left;
    display:block;
    border:1px solid #bebebe;
    margin:0;
    padding:0;
    min-height:18px;
}

.editor-container .t-picker-wrap .t-input,
.editor-container .t-combobox .t-input 
{
    width:195px;
}
.editor-container .t-timepicker,
.editor-container .t-datetimepicker,
.editor-container .t-datepicker 
{
    width:auto;
    display:block;
}


/*  TELERIC OVERWRITES  
--------------------------------*/

#content .t-grid
{
    border: #bebebe 1px solid; /*-moz-border-radius: 10px;     -webkit-border-radius: 10px;     border-radius: 10px;     overflow:hidden;*/
}
#content .t-grid .t-grid-header .t-header
{
    border: 0 solid;
}
#content .t-grid tr td, #content tr th
{
    color: #333;
    font-size: 11px;
    line-height: normal;
}
#content .t-grid tr td
{
    border: 0 solid;
}
#content .t-grid tr td a
{
    color: #333;
}
#content .t-grid .t-last
{
    text-align: right;
}
#content .t-grid .btnGrijsSmall
{
    float: none;
    display: inline-block;
}
#content .t-grid .btnGrijsSmall:hover
{
    color: #fff;
}
#content .t-grid .t-grid-pager, #content .t-grid-bottom
{
    border-color: #bebebe; /*border:0 solid;*/
    background: #f6f6f6;
}
#content .t-grid tr
{
    color: #fff;
}
#content tr.t-alt
{
    background: #f6f6f6;
}
#content .t-grid .t-status
{
    background-color: transparent;
    border: 0 solid;
}
#content .t-grid .t-header
{
    position: relative;
}
#content .t-grid .t-header .t-link
{
    line-height: normal;
    height: 16px;
    padding-top: 6px;
}
#content .t-grid .t-header .t-grid-filter
{
    display: inline-block;
    margin-top: -22px;
}
#content tr.t-state-selected,
#content tr.t-alt.t-state-hover,
#content tr.t-state-hover 
{
    background:#cfa2c7 !important;
}
#content .t-header .t-state-hover 
{
    background:#cfa2c7;  
}
#content .t-state-active 
{
    border-color:#9f4590;
}

.b-folder
{
    background-repeat: no-repeat;
    background-position: 0px -200px;
    background-image: url("/Content/2011.3.1115/Telerik/imagebrowser.png");
}

.t-imagebrowser .t-folder
{
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
.field-validation-error
{      
    margin:0px 0px 0px 2px;
    padding:2px 5px 2px 16px;
    background:#F00 url(images/field-validation-arrow.png) 3px 50% no-repeat;
    color:#fff !important;
    border:#F00 1px solid;
    white-space:nowrap;
    -moz-border-radius: 7px/*{cornerRadius}*/;
    -webkit-border-radius: 7px/*{cornerRadius}*/;
    border-radius: 7px/*{cornerRadius}*/;
}

.t-grid .field-validation-error 
{
    position:absolute;  
    margin-top: 4px;
    margin-left: -3px;
    background: #F00;
    padding: 2px 5px 2px 3px;
}

#GridZipcodes .field-validation-error 
{    
    max-width: 72px;
}

/*.t-upload-selected
{
    min-width: 100px;
}
.t-toolbar-wrap .t-dropzone em, .t-toolbar-wrap .t-upload-files
{
    display: none;
}
.t-toolbar-wrap .t-dropzone
{
    border: 0;
    padding: 0;
    background-color: transparent;
}
.t-search-wrap
{
    float: right;
    width: auto;
    position: relative;
    padding: 0;
}
.t-search-wrap label
{
    position: absolute;
    top: 0;
    left: 4px;
    line-height: 20px;
    font-style: italic;
}
.t-search-wrap input.t-input
{
    width: 158px;
    padding-left: 0;
    padding-right: 0;
}
.t-search
{
    background-position: -64px -176px;
}
.t-search-wrap .t-search
{
    position: absolute;
    top: 1px;
    right: 2px;
}
.t-breadcrumbs
{
    float: left;
    position: relative;
    width: 560px;
}
.t-breadcrumbs-wrap
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    padding-left: 5px;
    line-height: 18px;
}
html input.t-breadcrumbs-input
{
    width: 100%;
    padding-left: 2px;
    font-family: inherit;
}
.t-breadcrumbs .t-link, .t-breadcrumbs-wrap .t-icon
{
    text-decoration: none;
    vertical-align: middle;
    margin-top: 0;
}
.t-breadcrumbs .t-link:hover
{
    text-decoration: underline;
}
.t-imagebrowser .t-breadcrumbs .t-first
{
    text-decoration: none;
    cursor: default;
}
.t-imagebrowser .t-toolbar
{
    clear: both;
    border-style: solid;
    border-width: 1px;
    margin: 8px 0 0;
    padding: 2px 0 3px;
    background-repeat: repeat-x;
    line-height: 23px;
    white-space: nowrap;
}
.t-imagebrowser .t-upload
{
    float: left;
}
.t-imagebrowser .t-upload-button
{
    width: auto;
    vertical-align: top;
}
.t-imagebrowser .t-upload .t-icon
{
    vertical-align: bottom;
}
* + html .t-imagebrowser .t-upload-button, * + html .t-imagebrowser .t-upload .t-icon
{
    vertical-align: baseline;
    position: relative;
    top: 1px;
}
* html .t-imagebrowser .t-upload-button, * html .t-imagebrowser .t-upload .t-icon
{
    vertical-align: baseline;
    position: relative;
    top: 1px;
}
* + html .t-imagebrowser .t-upload .t-icon
{
    top: 2px;
}
* html .t-imagebrowser .t-upload .t-icon
{
    top: 2px;
}
* + html .t-imagebrowser .t-toolbar .t-button-icon
{
    vertical-align: middle;
}
* html .t-imagebrowser .t-toolbar .t-button-icon
{
    vertical-align: middle;
}
.t-addfolder
{
    background-position: -64px -192px;
}
.t-goup
{
    background-position: -64px -208px;
}
.t-toolbar .t-state-disabled
{
    opacity: .5;
    filter: alpha(opacity=50);
}
.t-toolbar-wrap
{
    float: left;
}
.t-tiles-arrange
{
    float: right;
}
* html .t-tiles-arrange
{
    margin: 3px 0 0;
}
.t-tiles-arrange .t-arrow-down
{
    margin: 0 2px 0 3px;
}
.t-tiles-arrange a
{
    text-decoration: none;
}
.t-tiles
{
    clear: both;
    height: 390px;
    border-style: solid;
    border-width: 1px;
    border-top-width: 0;
    margin: 0 0 1.4em;
    padding: 9px;
    overflow: auto;
    line-height: 1.2;
}
.t-tile
{
    width: 223px;
    height: 88px;
    overflow: hidden;
    float: left;
    border-width: 1px;
    border-style: solid;
    margin: 1px;
    padding: 0 0 4px;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.t-imagebrowser .t-thumb
{
    float: left;
    display: inline;
    width: 86px;
    height: 86px;
    margin: 4px 10px 0 4px;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.t-imagebrowser .t-image
{
    margin: 2px 0 0 2px;
    -moz-box-shadow: 1px 1px 3px #aaa;
    -webkit-box-shadow: 1px 1px 3px #aaa;
    box-shadow: 1px 1px 3px #aaa;
}
.t-imagebrowser .t-folder
{
    width: 80px;
    height: 80px;
    background-position: 0 -200px;
    background-repeat: no-repeat;
}
.t-goback
{
    background-position: -64px -224px;
}
.t-imagebrowser .t-loading
{
    margin: 35px 0 0 33px;
}
.t-tile strong, .t-tile input
{
    margin: 10px 0 4px;
    font-weight: normal;
}
.t-tile strong
{
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.t-tile input
{
    width: 100px;
}
.t-tile em, .t-tile .t-filesize
{
    clear: left;
    font-weight: normal;
    font-style: normal;
}
.t-tile strong, .t-tile input, .t-tile em, .t-tile .t-filesize
{
    display: block;
}
.t-imagebrowser .t-form-text-row input
{
    width: 628px;
}
.t-tile-empty
{
    margin: 160px 0 0;
}
.t-tile-empty .t-dialog-upload
{
    font-weight: bold;
    font-size: 120%;
}
.t-tile-empty strong
{
    display: block;
    margin: 0 0 .2em;
    font-size: 3em;
    font-weight: normal;
}
.t-tile-empty, .t-tile-empty .t-button-wrapper
{
    text-align: center;
}
.t-touch-scrollbar
{
    position: absolute;
    display: none;
    z-index: 200000;
    height: 8px;
    width: 8px;
    border: 1px solid #8a8a8a;
    background-color: #858585;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
@media only screen and(-webkit-min-device-pixel-ratio:2)
{
    .t-touch-scrollbar
    {
        height: 12px;
        width: 12px;
        -webkit-border-radius: 7px;
    }
}
div.t-chart
{
    border: none;
    background-color: transparent;
}
*/