/* -- een rij Buttons wordt mbv een list naast elkaar gezet -- */

ul.buttonRow {
	overflow: auto;
	height: 90px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

li.ButtonItem {
	float: left;
	width: 70px;
	height: 70px;
}

li.ButtonSeparator {
	float: left;
	width: 4px;
	height: 70px;
}

/* -- normale Buttons -- */

.buttonEnabled, .buttonOver, .buttonDown, .buttonDisabled,.buttonOff
{
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	
	width: 78px;
	height: 78px;	
	cursor: pointer;
	overflow:hidden;
	text-align:center;
}

.buttonOver {background-color:rgb(246, 248, 251);}
.buttonDown {background-color:rgb(246, 248, 251);}
.buttonDisabled {cursor:default;background-color:#e9edf6;}
.buttonOff {cursor:pointer;background-color:rgb(255, 255, 255);}
.buttonEnabled img, .buttonOver img,.buttonDown img, .buttonDisabled img,.buttonOff img {
	margin: 13px 23px 1px 23px;
}
.buttonEnabled .text, .buttonOver .text,.buttonDown .text, .buttonDisabled .text,.buttonOff .text {
	display:block;
	width:100%;
	text-align:center;
	word-break:normal;
	color:rgb(23, 69, 116);
	line-height:13px!important;
}
.buttonDisabled .text { color:#666666; }

/*normale button met ligt kleurige standaard - niet klikbare button gebruikt nu in securityButtons*/

.buttonNonClickEnabled, .buttonNonClickOver, .buttonNonClickDown, .buttonNonClickDisabled,.buttonOff
{
	width: 78px;
	height: 78px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
	text-align:center;
}

.buttonNonClickOver {background-color:rgb(246, 248, 251);}
.buttonNonClickDown {background-color:rgb(246, 248, 251);}
.buttonNonClickDisabled {cursor:default;background-color:#e9edf6;}
.buttonNonClickOff {cursor:pointer;background-color:rgb(255, 255, 255);}
.buttonNonClickEnabled img, .buttonNonClickOver img,.buttonNonClickDown img, .buttonNonClickDisabled img,.buttonNonClickOff img {
	margin: 13px 23px 1px 23px;
}
.buttonNonClickEnabled .text, .buttonNonClickOver .text,.buttonNonClickDown .text, .buttonNonClickDisabled .text,.buttonNonClickOff .text {
	display:block;
	width:100%;
	text-align:center;
	margin: 0 0px 0 0px;
	word-break:normal;
	color:rgb(23, 69, 116);
	line-height:13px;
}
.buttonNonClickDisabled .text { color:#666666; }

.buttonNonClickEnabled .text .textInner, .buttonNonClickOver .text .textInner,.buttonNonClickDown .text .textInner, .buttonNonClickDisabled .text .textInner,.buttonNonClickOff .text .textInner {
	line-height:13px!important;
}

/* -- navigatie Buttons -- */

.navigationbuttonEnabled, .navigationbuttonOver, .navigationbuttonDown, .navigationbuttonDisabled, .navigationbuttonOff
{
	width: 40px;
	height: 40px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
}
.navigationbuttonDown{
	background-color:rgb(246, 248, 251);
}
.navigationbuttonOver {background-color:rgb(246, 248, 251);}
.navigationbuttonDisabled{
	cursor:default;background-color:#e9edf6;
}

.navigationbuttonEnabled img, .navigationbuttonOver img,.navigationbuttonDown img, .navigationbuttonDisabled img,.navigationbuttonDisabled img,.navigationbuttonOff img {margin:4px;}

/* -- mini Buttons -- */

.minibuttonEnabled, .minibuttonOver, .minibuttonDown, .minibuttonDisabled,.minibuttonOff
{
	width: 23px;
	height: 23px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
	vertical-align: middle;
}

.minibuttonOver {background-color:rgb(246, 248, 251);}
.minibuttonDown {background-color:rgb(246, 248, 251);}
.minibuttonDisabled {cursor:default;background-color:#e9edf6;}
.minibuttonOff {background-color:rgb(255, 255, 255);}
.minibuttonEnabled img, .minibuttonOver img,.minibuttonDown img, .minibuttonDisabled img,.minibuttonOff img
{
	margin:3px 3px 2px 3px;
}

/* -- sort Buttons -- */

.sortbuttonEnabled, .sortbuttonOver, .sortbuttonDown, .sortbuttonDisabled
{
	width: 23px;
	height: 23px;
	box-sizing:border-box;
	border:1px solid transparent;
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
}

.sortbuttonOver {background-color:rgb(246, 248, 251);}
.sortbuttonDown {background-color:rgb(246, 248, 251);}
.sortbuttonDisabled {cursor:default;background-color:#e9edf6;}
.sortbuttonEnabled img, .sortbuttonOver img,.sortbuttonDown img, .sortbuttonDisabled img
{
	margin:3px 3px 2px 4px;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat:no-repeat;
}
.sortbuttonEnabled img.asc,.sortbuttonOver img.asc,.sortbuttonDown img.asc{background-image:url(../../images/sort/sortAsc.gif);}
.sortbuttonEnabled img.desc,.sortbuttonOver img.desc,.sortbuttonDown img.desc{background-image:url(../../images/sort/sortDesc.gif);}
.sortbuttonDisabled img.asc{background-image:url(../../images/sort/sortAsc_d.gif);}
.sortbuttonDisabled img.desc{background-image:url(../../images/sort/sortDesc_d.gif);}

/* -- listoptions Buttons -- */

.listbuttonEnabled,.listbuttonDown, .listbuttonOver, .listbuttonDisabled , .listbuttonOff {
	float: left;
	width: 23px;
	height: 23px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
	margin-left:2px;
}

.listbuttonOver {background-color:rgb(246, 248, 251);}
.listbuttonDown {background-color:rgb(246, 248, 251);}
.listbuttonDisabled {background-color:#e9edf6;}
.listbuttonOff {background-color:rgb(255, 255, 255);}
.listbuttonEnabled img, .listbuttonOver img,.listbuttonDown img, .listbuttonDisabled img,.listbuttonDisabled img,.listbuttonOff img {margin:3px 3px 2px 3px;}

/* -- paginate Buttons -- */

.paginatebuttonEnabled,.paginatebuttonOver,.paginatebuttonDown ,.paginatebuttonDisabled,.paginatebuttonOff{
	width: 23px;
	height: 23px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
	float:left;
}

.paginatebuttonOver {background-color:rgb(246, 248, 251);}
.paginatebuttonDown {background-color:rgb(246, 248, 251);}
.paginatebuttonOff{ background-color:rgb(255, 255, 255);}
.paginatebuttonDisabled {cursor:default;background-color:#e9edf6;}
.paginatebuttonEnabled img,.paginatebuttonOff img, .paginatebuttonOver img,.paginatebuttonDown img, .paginatebuttonDisabled img,.paginatebuttonDisabled img {margin:3px 3px 2px 3px;}

/* -- Seperatoren -- */

.buttonDummy {
	width: 70px;
	height: 70px;
	display: inline;
}

.seperator {
	display: inline;
	width: 14.8px;
	height: 70px;
}

.seperatorSmall {
	display: inline;
	width: 12px;
	height: 44px;
}

.rowSeperatorLarge {
	height: 16px;
	width: 100%;
	font-size: 0pt;
	line-height: 16px;
}

.rowSeperator {
	height: 8px;
	width: 100%;
	line-height: 8px;
}

.rowSeperatorSmall {
	height: 5px;
	width: 100%;
	line-height: 5px;
}

.lineWrapper{
	float:left;
	width:100%;
	margin-top:20px;
}
.lineSeperator {clear:both; color:#c4c4c4;}

/* -- colorpicker Buttons -- */

.colorPickBtnbuttonEnabled, .colorPickBtnbuttonOver, .colorPickBtnbuttonDown, .colorPickBtnbuttonDisabled
{
	border-style:solid;
	border-width:1px;
	width:24px;
	padding-right:1px;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

.colorPickBtnbuttonEnabled{
	background-color: #ffffff;
	border-top-color:#A5A2A5;
	border-left-color:#A5A2A5;
	cursor: pointer;
}

.colorPickBtnbuttonOver{
	background-color:#F3F7F3;
	border-top-color:#A5A2A5;
	border-left-color:#A5A2A5;
	cursor: pointer;
}

.colorPickBtnbuttonDown{
	background-color: #f0f0f0;
	border-top:2px solid #919191;
	border-left:2px solid #919191;
	cursor: pointer;
}

.colorPickBtnbuttonDisabled{
	background-color: #dfdfdf;
	border-top:2px solid #999999;
	border-left:2px solid #999999;
}

.colorPickBtninnerButton, .colorPickBtninnerButtonSwitch
{
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.colorPickBtninnerButton{
	border-right:1px solid #A5A2A5;
	border-bottom:1px solid #A5A2A5;
	width:24px;
	max-width:24px;
}

.colorPickBtninnerButtonSwitch
{
	padding-right:1px;
	padding-left:0px;
	padding-top:2px;
	padding-bottom:4px;
	border:none;
	width:22px;
	max-width:22px;
}

/* -- "regular" Buttons -- */

.regularButtonEnabled, .regularButtonOver, .regularButtonDown, .regularButtonDisabled, .regularButtonOff
{
	width: 40px;
	height: 40px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	overflow:hidden;
}

.regularButtonEnabled img, .regularButtonOver img, .regularButtonDown img, .regularButtonDisabled img, .regularButtonOff img {
	margin: 4px;
}

.regularButtonOver{
	background-color:rgb(246, 248, 251);
}

.regularButtonDown{
cursor:default;background-color:rgb(246, 248, 251);
}

.regularButtonDisabled{
cursor:default;background-color:#e9edf6;
}

.regularButtonOff{
background-color:rgb(255, 255, 255);
}

/* -- "Block" Buttons -- */
/* -- "Dialog close" Button -- */

.BlockButtonEnabled, .BlockButtonOver, .BlockButtonDown, .BlockButtonDisabled, .BlockButtonOff,
.dialogButtonEnabled, .dialogButtonOver, .dialogButtonDown, .dialogButtonDisabled, .dialogButtonOff
{
	width: 23px;
	height: 23px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	overflow: hidden;
}
.BlockButtonEnabled,.dialogButtonEnabled{cursor: pointer;}
.BlockButtonOver, .dialogButtonOver {
	background-color:rgb(246, 248, 251);
	cursor: pointer;
}

.BlockButtonDown, .dialogButtonDown {
	cursor:default;
	background-color:rgb(246, 248, 251);
}

.BlockButtonDisabled, .BlockButtonOff{
	cursor:default!important;
	background-color:rgb(255, 255, 255);
}

.dialogButtonDisabled, .dialogButtonOff {
	cursor:default!important;
	background-color:#e9edf6;
}

.BlockButtonOff, .dialogButtonOff {
	cursor: pointer;
}

.BlockButtonEnabled img, .BlockButtonOver img, .BlockButtonDown img, .BlockButtonDisabled img, .BlockButtonDisabled img,
.dialogButtonEnabled img, .dialogButtonOver img, .dialogButtonDown img, .dialogButtonDisabled img, .dialogButtonDisabled img {
	margin: 3px 3px 2px 3px;
}
/* buttons in item template */
.itemPageButtonWrapper {
	overflow: hidden;
}

.itemPageButtonWrapper .floatRight {
	float: right;
	margin-left: 5px;
}

/*double button bar*/
#dblButtonbar {
	display: block;
	float: right;
	width: 166px;
}

#dblButtonbar .rightButton,#dblButtonbar .leftButton {
	display: inline;
	float: left;
	margin: 0 0px 10px 0px;
}
#dblButtonbar .leftButton {margin-right:10px;}

/*LARGE BUTTONS = 40*134 Buttons*/
.LargeButtonEnabled, .LargeButtonDown, .LargeButtonOver, .LargeButtonDisabled {
	width: 134px;
	height: 40px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	line-height:40px;
	overflow:hidden;
}
.LargeButtonOver {background-color:rgb(246, 248, 251);}
.LargeButtonDown {background-color:rgb(246, 248, 251);}
.LargeButtonDisabled {cursor:default;background-color:#e9edf6;}
.LargeButtonEnabled img, .LargeButtonOver img,.LargeButtonDown img, .LargeButtonDisabled img,.LargeButtonDisabled img {
	margin:4px 4px 4px 4px;
}
.LargeButtonEnabled .buttonImageLarge, .LargeButtonOver .buttonImageLarge,.LargeButtonDown .buttonImageLarge, .LargeButtonDisabled .buttonImageLarge,.LargeButtonDisabled .buttonImageLarge {
	display:inline;
	float:left;
	width:40px;
	height:40px;
}

.LargeButtonEnabled .buttonTextLarge, .LargeButtonOver .buttonTextLarge,.LargeButtonDown .buttonTextLarge, .LargeButtonDisabled .buttonTextLarge,.LargeButtonDisabled .buttonTextLarge {
	display:inline;
	float:left;
	width:90px;
	height:auto;
	vertical-align:middle;
}
/**********END large BUTTONS**********************/

/*LARGE WIDEBUTTONS = 40*200 Buttons*/
.LargeWideButtonEnabled, .LargeWideButtonDown, .LargeWideButtonOver, .LargeWideButtonDisabled {
	width: 200px;
	height: 40px;
	box-sizing:border-box;
	border:1px solid rgb(213, 214, 226);
	border-radius:4px;
	background-color:#ffffff;
	cursor: pointer;
	line-height:40px;
	overflow:hidden;
}
.LargeWideButtonOver {background-color:rgb(246, 248, 251);}
.LargeWideButtonDown {background-color:rgb(246, 248, 251);}
.LargeWideButtonDisabled {cursor:default;background-color:#e9edf6;}
.LargeWideButtonEnabled img, .LargeWideButtonOver img,.LargeWideButtonDown img, .LargeWideButtonDisabled img,.LargeWideButtonDisabled img {
	margin:4px 4px 4px 4px;
}
.LargeWideButtonEnabled .buttonImageLarge, .LargeWideButtonOver .buttonImageLarge,.LargeWideButtonDown .buttonImageLarge, .LargeWideButtonDisabled .buttonImageLarge,.LargeWideButtonDisabled .buttonImageLarge {
	display:inline;
	float:left;
	width:40px;
	height:40px;
}

.LargeWideButtonEnabled .buttonTextLarge, .LargeWideButtonOver .buttonTextLarge,.LargeWideButtonDown .buttonTextLarge, .LargeWideButtonDisabled .buttonTextLarge,.LargeWideButtonDisabled .buttonTextLarge {
	display:inline;
	float:left;
	width:155px;
	height:auto;
	vertical-align:middle;
}
/**********END large BUTTONS**********************/

/********************************/
/*noLayout BUTTONS = 23*23 Buttons*/
/********************************/
.noLayoutbuttonEnabled {
	width: 23px;
	height: 23px;
	background-color:transparent;
	cursor: pointer;
	overflow:hidden;
}
.noLayoutbuttonEnabled img,.noLayoutbuttonOff img, .noLayoutbuttonOver img,.noLayoutbuttonDown img, .noLayoutbuttonDisabled  img,.noLayoutbuttonDisabled img {margin:3px 3px 2px 4px;}
/**********END noLayout BUTTONS**********************/