File: D:/HostingSpaces/SBogers10/verrassendveel.komma.pro/wwwroot/admin/css/basic_style.css
@charset "UTF-8";
/*
CSS Document
Mike Ontwerpt 2012
www.mikeontwerpt.nl
*/
/* global */
html{ height: 100%; }
body{ margin: 0; padding: 0; height: 100%; color: #4d4d4d; font-family: 'Open Sans', sans-serif; font-size: 11px; }
ul, li{ margin: 0; padding: 0; }
a{ color: #0192cc; text-decoration: none; }
a:hover{ text-decoration: underline; }
h1{ margin: 0 0 48px 0; padding: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; }
h2{ margin: 0 0 16px 0; padding: 0; font-size: 14px; font-weight: 700; }
table{ padding: 16px 0; width: auto; height: auto; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
tr{ width: auto; height: auto; }
td{ margin: 0; padding: 0; width: 96px; height: auto; vertical-align: top; }
td.short{ width: 48px; }
td.long{ width: 144px; }
select{ display: block; margin: 0 0 8px 0; height: 16px; width: 178px; }
hr{ height: 1px; background: #e5e5e5; border: none; }
/* wrappers */
#main{ position: absolute; left: 50%; margin-left: -480px; width: 960px; height: auto; }
/* structure */
#header{ position: absolute; left: 0; top: 0; width: 960px; height: 88px; border-bottom: 1px solid #e5e5e5; }
#main-menu{ position: absolute; left: 0; top: 112px; z-index: 10; margin: 24px 0; height: 16px; }
#content-holder{ position: absolute; left: 0; top: 168px; width: 960px; height: auto; z-index: 5; }
#jsbox{ width: 200px; height: 100px; }
/* columns */
.single-column{ float: left; width: 192px; }
.double-column{ float: left; width: 368px; }
.triple-column{ float: left; width: 576px; }
.quadruple-column{ float: left; width: 768px; }
.single-column-row, .double-column-row, .triple-column-row, .quadruple-column-row{ float: left; margin: 0 8px 8px 0; height: 24px; }
.single-column-row{ width: 176px; }
.double-column-row{ width: 368px; }
.triple-column-row{ width: 560px; }
.quadruple-column-row{ width: 752px; }
/* header */
.client-name{ display: block; margin: 24px 0; padding-top: -18px; height: 24px; font-size: 32px; font-weight: 600; font-variant: small-caps; }
.client-name a{ color: #4d4d4d; text-decoration: none; }
.cp-title{ display: block; position: absolute; bottom: 0; left: 8px; font-size: 16px; font-variant: small-caps; font-weight: 700; }
.myacc-btn{ display: block; position: absolute; bottom: 0; right: 0; font-size: 12px; font-weight: 300; }
/* menu */
#main-menu li{ float: left; margin: 0 8px 0 0; padding: 0 0 0 8px; width: 168px; height: 19px; font-size: 16px; font-variant: small-caps; list-style: none; }
#main-menu li a{ color: #4d4d4d; text-decoration: none; }
.mm-arrow{ display: inline-block; margin: 0 8px 0 0; width: 8px; height: 8px; background: url(../images/structure/cp_sprite.png) -24px -95px; }
.mm-title{ display: block; margin: -2px 0 0 -8px; padding: 0 0 0 8px; width: 168px; height: 20px; border-bottom: 1px solid #e5e5e5; }
#main-menu li ul.drop-down{ width: 158px; padding: 16px 0; background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
#main-menu li ul.drop-down li{ float: none; padding: 0 0 0 16px; width: 158px; height: 20px; border: none; color: #707070; font-variant: normal; font-size: 11px; }
#main-menu li ul.drop-down li.space{ margin-bottom: 8px; border-bottom: 1px solid #e5e5e5;}
#main-menu li ul.drop-down li a{ color: #707070; font-weight: 400; }
#main-menu li ul.drop-down li a:hover{ background: #707070; color: #fff; }
#main-menu li.clear{ margin: 0; width: 0; height: 0; border-bottom: none; list-style: none; }
#dd-shop{ overflow: hidden; height: 27px; }
#dd-pages{ overflow: hidden; height: 27px; }
/* content */
.content-padding-top{ display: block; width: 960px; height: 48px; }
.submenu{ margin: 0 0 32px 0; width: 960px; height: auto; border-bottom: 1px solid #e5e5e5; }
/* login */
#login-holder{ position: absolute; left: 50%; top: 100px; margin-left: -96px; width: 192px; height: auto; }
#login-header{ position: relative; width: 192px; height: 64px; border-bottom: 1px solid #e5e5e5; }
#login-content{ padding: 8px; }
.stay-logged{ display: block; margin: 8px 0 8px -18px; height: 16px; }
.forgot-pass{ display: block; height: 16px; margin: 0 0 8px 0; }
.cbox{ width: 10px; height: 10px; margin: -2px 8px 0 0; }
/* form */
#loading{ display: none; }
input.txt{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 168px; height: 24px;
background: url(../images/structure/cp_sprite.png) -16px -8px; border: none; font-size: 10px; }
.btn176{ display: inline-block; padding: 5px 8px 8px 8px; margin: 0 8px 8px 0; width: 176px; height: 24px;
background: url(../images/structure/cp_sprite.png) -16px -40px; border: none; color: #fff; font-weight: 700; text-align: left; cursor: pointer; }
.btn176a{ width: 160px; height: 11px; }
input.btn176b{ display: inline-block; position: relative; top: -1px; }
.btn80{ display: inline-block; padding: 5px 8px 8px 8px; margin: -4px 8px 8px 0; width: 80px; height: 24px;
background: url(../images/structure/cp_sprite.png) -32px -144px; border: none; color: #fff; font-weight: 700; text-align: left; cursor: pointer; }
input.btn80b{ display: inline-block; position: relative; top: -16px; }
.proceed{ background: url(../images/structure/cp_sprite.png) -16px -112px; }
.catBox{ display: block; width: auto; height: 24px; }
.tagBox{ display: inline-block; margin: 0 16px 0 0; width: auto; height: 24px; }
.tagBox-delete{ display: inline-block; width: 16px; height: 24px; color: #039FDD; font-size: 16px; font-weight: 700; cursor: pointer; }
/* feedback messages */
.fm-err{ display: block; margin: 0 0 8px 0; padding: 8px; background: #ea7f7f; border: 1px solid #7c1616; color: #fff; }
.fm-err-x{ margin: 0px 8px 0 0; color: #7c1616; font-size: 13px; font-weight: 800; }
.fm-suc{ display: block; margin: 0 0 8px 0; padding: 8px; background: #cbf4cb; border: 1px solid #6cdd6c; color: #4d784d;}
.fm-suc-v{ margin: 0 8px 0 0; color: #4d784d; font-weight: 800; font-size: 13px; }
.error-list li{ margin: 0 0 0 32px; list-style: circle; }
/* David Walsh Order */
#sortable-list{ padding:0; }
#sortable-list li{ margin: 10px 0; padding: 4px 8px; width: 344px; height: 16px; background: #fff; color: #4d4d4d; list-style: none; cursor: move; border: 1px solid #999; }
#sortable-thumb{ padding:0; margin: 0 0 40px 0; }
#sortable-thumb li{ margin: 0 8px 0 0; width: 88px; height: auto;float: left; list-style: none;}
/********** PAGES **********/
/* content; media library; folder structure */
#folder-structure-holder{ display: block; margin: 0 0 24px 0; width: 960px; height: auto; color: #707070;font-size: 12px; text-transform: capitalize; line-height: 24px; }
#folder-structure-holder a{ color: #707070; text-decoration: none; }
.small-active-folder{ display: inline-block; margin: 0 8px -2px 0; height: 16px; width: 16px; background: url(../images/structure/cp_sprite.png) -216px -8px; }
.small-folder{ display: inline-block; margin: 0 8px -2px 0; height: 16px; width: 16px; background: url(../images/structure/cp_sprite.png) -216px -24px; }
/* content; media library; thumbnails */
.medialib-thumb-row{ margin: 0 0 24px 0; width: 960px; height: auto; }
.medialib-thumb-holder{ margin: 0 8px 0 0; width: 88px; height: auto;float: left; }
.medialib-thumb-holder a{ color: #707070; text-decoration: none; }
.medialib-thumb-image,.medialib-thumb-folder,.medialib-thumb-vimeo,.medialib-thumb-youtube, .medialib-thumb-docs{ display: block; overflow: hidden; position: relative; width: 88px; height: 88px; }
.medialib-thumb-docs{ background: url(../images/structure/cp_sprite.png) -432px -88px; }
.medialib-thumb-folder{ background: url(../images/structure/cp_sprite.png) -240px 0; }
.medialib-thumb-vimeo{ background: url(../images/structure/cp_sprite.png) -336px -88px; }
.medialib-thumb-youtube{ background: url(../images/structure/cp_sprite.png) -240px -88px; }
.medialib-thumb-title{ display: block; padding: 0px 0 2px 0; width: 88px; height: auto; border-bottom: 1px solid #e5e5e5; text-align: center;}
.medialib-thumb-actions{ margin: 4px 0 0 0; width: 88px; height: 16px; }
/* content; media library; add forms */
#addmedia-form-loader{ width: 768px; height: auto; }
.media-hidden-hover-row{ display: block; overflow: hidden; float: left; margin: 0 8px 8px 68px; width: 576px; height: 0; }
.cp_hoverimage{ position: absolute; top: 88px; left: 0; z-index: 200}
.move-column{ display: inline-block; position: relative; top: -16px; width: 192px; }
/* content; manage products; show products */
.itemlist-row{ display: block; margin: 0 0 8px 0; padding: 12px 8px 8px 8px ;width: 944px; height: 20px; background: url(../images/structure/cp_sprite.png) -8px -392px; }
.itemlist-heading{ background: none; height: 8px; line-height: 8px; font-weight: 600;}
.itemlist-single-column{ display: block; float: left; width: 96px; height: 24px; }
.itemlist-double-column{ display: block; float: left; width: 192px; height: 24px; }
.itemlist-edit{ float: right; width: 116px; }
.itemlist-warning{ background:#FF6; }
.itemlist-cbox{ width: 10px; height: 10px; margin: -2px 8px 0 -16px; }
.itemlist-cbox-first{ width: 10px; height: 10px; margin: -2px 16px 0 -26px; }
.itemlist-txt{ display: block; margin: -4px 0 8px 0; padding: 0 0 0 8px; width: 72px; height: 24px;
background: url(../images/structure/cp_sprite.png) -112px -144px; border: none; font-size: 11px; }
/* content; manage products; show products button*/
.itemlist-btn{ display: block; float: left; margin: -4px 4px 0 0 ;width: 24px; height: 24px; background-position-y: -40px; cursor: pointer; }
#itemlist-btn-new{ background: url(../images/structure/cp_sprite.png) -344px -40px; }
#itemlist-btn-new.active{ background: url(../images/structure/cp_sprite.png) -344px -16px; }
#itemlist-btn-publish{ background: url(../images/structure/cp_sprite.png) -368px -40px; }
#itemlist-btn-publish.active{background: url(../images/structure/cp_sprite.png) -368px -16px; }
#itemlist-btn-discount{ background: url(../images/structure/cp_sprite.png) -392px -40px; }
#itemlist-btn-discount:hover{background: url(../images/structure/cp_sprite.png) -392px -16px; }
#itemlist-btn-popular{ background: url(../images/structure/cp_sprite.png) -416px -40px; }
#itemlist-btn-popular:hover{background: url(../images/structure/cp_sprite.png) -416px -16px; }
#itemlist-btn-edit{ background: url(../images/structure/cp_sprite.png) -440px -40px; }
#itemlist-btn-edit:hover{ background: url(../images/structure/cp_sprite.png) -440px -16px; }
#itemlist-btn-photo{ background: url(../images/structure/cp_sprite.png) -464px -40px; }
#itemlist-btn-photo:hover{ background: url(../images/structure/cp_sprite.png) -464px -16px; }
#itemlist-btn-order{ background: url(../images/structure/cp_sprite.png) -488px -40px; }
#itemlist-btn-order:hover{ background: url(../images/structure/cp_sprite.png) -488px -16px; }
#itemlist-btn-block{ background: url(../images/structure/cp_sprite.png) -512px -40px; }
#itemlist-btn-block:hover{ background: url(../images/structure/cp_sprite.png) -512px -16px; }
#itemlist-btn-unblock{ background: url(../images/structure/cp_sprite.png) -512px -16px; }
#itemlist-btn-activate{ background: url(../images/structure/cp_sprite.png) -536px -40px; }
#itemlist-btn-activate:hover{ background: url(../images/structure/cp_sprite.png) -536px -16px; }
#itemlist-btn-extraleuk{ background: url(../images/structure/cp_sprite.png) -560px -40px; }
#itemlist-btn-extraleuk:hover{ background: url(../images/structure/cp_sprite.png) -560px -16px; }
#itemlist-btn-extraleuk.active{ background: url(../images/structure/cp_sprite.png) -560px -16px; }
.status-column{ display: block; float: left; width: 58px; height: 24px;}
.itemlist-edit-popular-row{ display: block; overflow: hidden; margin: -8px 0 16px 0; width: 944px; height: 0; }
.itemlist-edit-popular-holder{ display: block; float: right; margin: -12px 0 8px 0; padding: 20px 8px 8px 8px ;width: 390px; height: 84px; background: #FAFAFA; border: 1px solid #E5E5E5; border-top: none; }
table.edit-popular{ margin: 0; padding: 0; width: 380px; border: none; }
table.edit-popular tr td{ width: 180px; }
/* content; orders */
.order-note{ display: block; margin: 0 0 24px 0; color: #0192cc; font-size: 14px; }
.order-detail-column{ float: left; margin: 0 96px 0 0; width: 480px; line-height: 16px; }
.order-customer-column{ float: left; margin: 0 0 0 62px; width: 384px; }
table.order-details{ width: 384px; border: none;}
table.order-details tr td{ padding: 0 8px; width: 176px; }
.order-instance-row{ display: block; margin: 0 0 8px 9px; width: 480px; height: 48px; }
.order-instance-firstrow{ margin-top: 35px; }
.order-instance-image{ float: left; overflow: hidden; width: 46px; height: 46px; border: 1px solid #eaeaea; }
.order-instance-numproducts{float: left; margin: 16px 0 0 20px; width: 28px; height: 32px; }
.order-instance-title{ position: relative; float: left; margin: 8px 0 0 0; width: 280px; height: 40px; color: #565656; }
.order-instance-color{ display: block; position: absolute; left: 0; top: 24px; width: 32px; height: 16px; background: #ffda80; }
.order-instance-price{ position: relative; float: left; margin: 16px 0 0 0; width: 96px; height: 32px; color: #565656; text-align: right; }
.order-vat-column{ float: left; padding: 0 8px; width: 176px; }
.order-vat-label{ float: left; width: 88px; color: #9c9c9b; font-weight: bold; }
.order-vat-price{ float: left; width: 80px; color: #9c9c9b; text-align: right; }
.order-totalprice-column{ float: left; width: 288px; }
.order-totalprice-label{ float: left; padding: 0 8px; width: 176px; font-weight: bold; }
.order-totalprice-price{ float: left; width: 96px; color: #565656; text-align: right;}
table.order-customer{ width: 384px; border: none;}
table.order-customer tr td.order-customer-detail{ width: 280px; }
/* discount */
hr.discount-form{ display: block; margin: 24px 0; }
div.discount-hidden{ display: block; overflow:hidden; margin: 0 0 0 20px; width: 100%; height: 0;}
div.discount-hidden-temp{ display: block; overflow:hidden; margin: 0 0 0 20px; width: 100%; height: 40px;}
/* content; manage products; add products */
.addproduct-lefttop{ margin: 31px 0 0 0; }
.media-help{ display: block; margin: 0 0 24px 0; width: 384px; }
.addproduct-image{ float: left; margin: 0 16px 0 0; width: 176px; height: 176px; background: url(../images/structure/cp_sprite.png) -16px -176px; }
#lib-holder{ height: 320px; }
.jsMedia-Holder{ overflow-y: scroll; overflow-x: hidden; padding: 4px 40px; width: 487px; height: 216px; border: 1px solid #e5e5e5; }
.tagstxt{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 562px; height: 24px; background: url(../images/structure/cp_sprite.png) -16px -360px; border: none; font-size: 10px; }
/* content; js media library (in forms) */
#jsfolder-structure-holder{ display: block; margin: 0 0 8px 0; width: 100%; height: auto; color: #707070; font-size: 12px; text-transform: capitalize; line-height: 24px; }
#jsfolder-structure-holder a{ color: #707070; text-decoration: none; }
#form-images-holder{ margin: 33px 0 48px 0; padding: 23px 24px 24px 24px; width: 328px; min-height: 216px; border: 1px solid #e5e5e5; }
input.mediatxt{ display: block; margin: 0 0 8px 0; padding: 0 0 0 8px; width: 78px; height: 24px; background: none; border: 1px solid #e5e5e5; font-size: 10px; }
.deleteImageFromSession-button{ position: relative; top: -12px; margin-top: -24px; width: 16px; height: 16px; color: #039FDD; font-size: 16px; font-weight: 700; cursor: pointer; }
/* overwrite classes */
.clear{ clear: both; }
.margin-right{ margin: 0 8px 0 0; }
.margin-bottom-40{ margin: 0 0 40px 0; }
.float{ float: left; }
.line-through { text-decoration:line-through; color: #9c9c9b;}
/* EXTENTION LANGSTRAAT */
div#interview-name{ overflow: hidden; height: 0; }
div.bottom-space{ height: 100px; }
form{ position: relative; }
div.form-media-column{ position: absolute; right: 0; top: -51px; width: 576px; }