/* ===================================================================
   NIEUWS                                                       NIEUWS
   =================================================================== */

#newsLayer { display:inline-block; margin: 0 0 10px 0; }
#newsLayer #newsPage { display:inline-block; width:560px; float:left; margin: 0 30px 10px 0; }
#newsLayer #newsPage img { display:inline-block; max-width:500px; margin: 0 10px 5px 0;  }
#newsLayer #newsPage .titleInput { width:460px; }
#newsLayer #newsPage .imageInput { width:460px; }

#newsLayer #newsNavigation { display:inline-block; width:175px; float:left; }
#newsLayer #newsNavigation .newsNavigationRow a { display:block; margin:0 0 10px 0; color:#000;  }
#newsLayer #newsNavigation .newsNavigationRow a:hover { color:#d41e1b;  }

#newsLayer.editor #newsPage { width:460px; }
#newsLayer.editor #newsPage img{ max-width:400px; }
#newsLayer.editor #newsNavigation { width:275px; }
#newsLayer.editor #newsNavigation .newsNavigationRow .cbActief { width:30px; float:left; margin:0px 5px; }
#newsLayer.editor #newsNavigation .newsNavigationRow .ddlbVolgnr { width:40px; float:left; margin:0px 5px; }

#newsLayer.editor #newsNavigation .newsNavigationRowTitles { display:inline-block; width:100%; margin:10px 0px; }
#newsLayer.editor #newsNavigation .newsNavigationRowTitles div { font-size:10px; float:left; margin:0px 5px; }
#newsLayer.editor #newsNavigation .newsNavigationRowTitles div { font-size:10px; float:left; margin:0px 5px; }
#newsLayer.editor #newsNavigation .newsNavigationRowTitles .column1{ width:30px; }
#newsLayer.editor #newsNavigation .newsNavigationRowTitles .column2{ width:34px; }

/* ===================================================================
   BOOK SPECS                                               BOOK SPECS
   =================================================================== */

.bookSpecs { display:inline-block; padding-left:20px; width:174px; }
.bookSpecs p { margin:0px 0px 10px 0px; padding:0px 0px 0px 0px; }
.bookSpecs .bookSpecH1 { display:block; font-size:12px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#000; }

/* ===================================================================
   IMAGE GALLERY                                         IMAGE GALLERY
   =================================================================== */

.imageGallery { display:inline-block; float:left;  }
.imageGallery .mainImageContainer { display:inline-block;  }
.imageGallery .mainImageContainer .mainImage { display:block;  }
.imageGallery .swapImgContainer { display:block; margin-top:10px; max-width:250px;  }
.imageGallery .swapImgContainer img { border:1px #d3d3d4 solid; max-width:100px; max-height:40px; cursor:pointer; }

/* ===================================================================
   OPTIONSBAR                                               OPTIONSBAR
   =================================================================== */

.optionsTable { padding:10px 0px 0px 0px; margin:0px; }
.optionsTable td { display:table-cell; vertical-align:top; }
.optionsTable .title { font-weight:bold; color:#5b5b5b; padding:5px 10px 0px 0px; }

/* ===================================================================
   CONTENT LAYER                                         CONTENT LAYER
   =================================================================== */

.contentLayer1 .imageLink{ border:none; }
.contentLayer1 .imageLeft{ float:left; margin-right:10px; }
.contentLayer1 .imageRight{ float:Right; margin-left:10px; }
.contentLayer1 .imageLinkMargin{ margin:5px; text-decoration:none; border:none; }
.contentLayer1 .commonContent a{ color:#000000; }

/* ===================================================================
   TABLE                                                         TABLE
   =================================================================== */

/* TAB_TABLE */
.tabTable, .tabTableSmall { width:100%; background-color:#f3f3f3; }
.tabTable .T { background-image:url(../../assets/core/layout/tabTable/middleBackground.gif); }
.tabTable .B { background-image:url(../../assets/core/layout/tabTable/bottomBackground.gif); height:10px; }
.tabTableSmall .T{ background-image:url(../../assets/core/layout/commonTable/smallMiddleBackground.gif); }
.tabTableSmall .B{ background-image:url(../../assets/core/layout/commonTable/smallBottomBackground.gif); height:10px; }

/* TAB_TABLE */
.nineGridTable { background-color:#f3f3f3; }
.nineGridTable .TL, .nineGridTable .T, .nineGridTable .TR { background-image:url(../../assets/core/layout/productOrder/topBackground.gif); background-position:top; }
.nineGridTable .L, .nineGridTable .R { background-image:url(../../assets/core/layout/productOrder/middleBackground.gif); }
.nineGridTable .BL, .nineGridTable .B, .nineGridTable .BR { background-image:url(../../assets/core/layout/productOrder/bottomBackground.gif); background-position:bottom; }
.nineGridTable .TR, .nineGridTable .R, .nineGridTable .BR { background-position:right; }
.nineGridTable .TL, .nineGridTable .L, .nineGridTable .BL {	background-position:left; }
.nineGridTable .TL, .nineGridTable .TR, .nineGridTable .L, .nineGridTable .R, .nineGridTable .BL, .nineGridTable .BR { width:10px; height:10px; }

/* COMMONGRID */
.commonGrid{}
.commonGrid th { font-size:11px; text-align:left; padding-top:10px; padding-bottom:10px; vertical-align: bottom; }
.commonGrid th .sortable { text-decoration:none; background:url(../../assets/icons/sortable.png) no-repeat; padding-left:14px; color:#4a4a4a;}
.commonGrid td { height:25px; }
.commonGrid .highlightRow { background-color:#FFF; border-top:1px solid #e2e2e2; }
.commonGrid .focus { background-color:#dbecf3; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; }

/* */
.artikelijstTableLayer{
}
.artikelijstTable{
	display:block;
	text-align:left;
}
.artikelijstTable th{
}

.artikelijstTable .rubriekCell{
	/* color:; THEME */
	font-size:12px;
	font-weight:bold;
	padding-top:8px;
}

/* ===================================================================
   CANVAS                                                       CANVAS
   =================================================================== */

/* tabCanvas */
.tabCanvas {
	display:block;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:10px;
}
.tabCanvas h3 {
	font-family:Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:18px;
	display:inline;
}

/* tabCanvas */
.sideBarCanvas {
	display:block;
	padding-right: 4px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #aaaaaa;
}

/* Canvas */
.canvas {
	display:block;
	padding-left:30px;
	padding-right:30px;
	margin-bottom:10px;
}

.canvas .row1 {
	font-weight:bold;
	line-height:26px;
	display: inline-block;
	clear:right;
}
.canvas .row1 span {
	width: 140px;
	display:block;
	float: left;
}

.canvas .row2 {
	line-height:26px;
	width:500px;
	height: 26px;
	display: inline-block;
	float: left;
}

/* ===================================================================
   FORM                                                           FORM
   =================================================================== */

/* actionForm */
#actionForm { width:500px; text-align:left; margin: 0; padding: 0; }
#actionForm h1 { width:100%; padding:10px; font-size:18px; }
#actionForm fieldset { margin:10px; padding: 10px;  }
#actionForm fieldset.noBorder { border: 0; padding:0px 10px; }
#actionForm fieldset legend { padding:2px 10px; }
#actionForm p { margin:0; }
#actionForm p label { display:inline-block; }
#actionForm p span { display:inline-block; }
#actionForm p input[type="text"] { display:inline-block; width:100%; }
#actionForm p textarea { display:inline-block; width:100%; }

/* common form */
.commonForm .formRow {
	float:left;
	display: block;
	width: 100%;
	margin-bottom:5px;
}
.commonForm label {
	float:left;
	text-align:right;
	margin-left:0px;
	margin-right: 10px;
	font-size:11px;
	font-weight:bold;
	display: block;
	width: 80px;
}
.commonForm input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
}
.commonForm .inputMargin {
	margin-right:5px;
}
.commonForm textArea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
}
.commonForm select {
	float: left;
}
.commonForm .formComment {
	float:left;
	margin-left:10px;
	font-size:10px
}

/* FORM ELEMENTS */
.smallInput {
	width:40px;
}

/* controlbar buttons */
.alignLeft span{
	float:left;
}
.alignRight span{
	float:right;
}

/* ===================================================================
   DEVIDER                                                     DEVIDER
   =================================================================== */

.devider {
  height:1px;
  border-style: none;
  background-color:#aaa; color:#aaa;
  clear:both;
}
.deviderLight {
	height:1px;
	border-style: none;
	background-color:#FFCCCC;
	color:#FFCCCC;
	clear:both;
}

/* ===================================================================
   RIGHTBAR                                                   RIGHTBAR
   =================================================================== */

.rightBarItem {
	width:100%;
}
.rightBarItem .dropdownlistbox{
	width:100%;
}

.rightBarItem label {
	color:#999999;
}

/* ===================================================================
   IMAGES                                                       IMAGES
   =================================================================== */

.imageFloatLeft {
	float:left;
	margin:10px;
	display: inline-block;
}

.noborder { border:none; }