/* Knopjes zijn gaaf
------------------------------------------------------------------------------*/

.buttons {
	position: relative;
	overflow: auto;
	margin-right: -7px;
}

.buttons a, .buttons button {
    display:				block;
    float:					left;
    margin:					0 7px 0 0;
    background-color:		#f5f5f5;
    border:					1px solid #dedede;
    border-top:				1px solid #eee;
    border-left:			1px solid #eee;

    font-family:			Verdana, "Lucida Grande", Tahoma, Arial, sans-serif;
    font-size:				12px;
    line-height:			130%;
    text-decoration:		none;
    font-weight:			bold;
	color:					#565656 !important;
    cursor:					pointer;
    padding:				5px 10px 6px 7px;
	
}
.buttons button img, .buttons a img {
	vertical-align: baseline !important;
}

.buttons button {
    padding:				4px 10px 6px 7px;
	line-height:			17px;
}

*:first-child+html button[type]{
    padding:				3px 0px 3px 0px !important;
}


.buttons button img, .buttons a img{
    margin:					0 3px -3px 0 !important;
    padding:				0;
    border:					none;
    width:					16px;
    height:					16px;
}

/* Knop kleuren
------------------------------------------------------------------------------*/

/* Standaard */

.buttons button:hover, .buttons a:hover{
    background-color:		#dff4ff;
    border:					1px solid #c2e1ef;
    color:					#336699 !important;
}
.buttons a:active, .buttons button:active {
    background-color:		#6299c5;
    border:					1px solid #6299c5;
    color:					#fff !important;
}

/* Positief */

.buttons button.positive, .buttons a.positive{
    color:					#529214 !important;
}
.buttons a.positive:hover, button.positive:hover {
    background-color:		#E6EFC2;
    border:					1px solid #C6D880;
    color:					#529214;
}
.buttons a.positive:active, button.positive:active {
    background-color:		#529214;
    border:					1px solid #529214;
    color:					#fff;
}

/* Negatief */

.buttons a.negative, button.negative{
    color:					#d12f19;
}
.buttons a.negative:hover, button.negative:hover {
    background:				#fbe3e4;
    border:					1px solid #fbc2c4;
    color:					#d12f19;
}
.buttons a.negative:active{
    background-color:		#d12f19;
    border:					1px solid #d12f19;
    color:					#fff;
}

/* In winkelwagen plaatsen-button*/

.buttons a#artikel-submit, .buttons button#artikel-submit {
/*	background:#eee url(../img/button-bg.png) repeat 0 -96px;*/
	background:#eee url(../img/buttonshoppingcart.png) repeat 0 0px;
	color: #FFF !important;
	padding: 4px 10px 1px 7px;
}

.buttons a#artikel-submit:hover, .buttons button#artikel-submit:hover{
/*    background:#eee url(../img/button-bg.png) repeat 0 -106px;*/
	background:#eee url(../img/buttonshoppingcart.png) repeat 0 -31px;
}

.buttons i.shoppingcart {
	height: 22px;
	width: 28px;
	background-image: url("../img/shoppingcart.png");
	display: inline-block;
	margin-top: 2px;
	vertical-align: middle;
}

/* PDF maken van artikel buttons */
.buttons .pdf-buttons{
    margin-top:20px;
}
.buttons .pdf-buttons .pdf-button {
	/*background:#868D96 url(../img/buttonpdf.png) repeat 0 0px;
	color: #FFF !important;*/
        color:#666 !important;
        padding: 0 10px 1px 0;
        border-top:1px solid #999;
        border-left:1px solid #999;
        border-right:1px solid #999;
        height:26px;
}

.buttons .pdf-buttons  .pdf-button:hover {
	/*background:#868D96 url(../img/buttonpdf.png) repeat 0 -31px;
        color: #FFF !important;*/
        color:#666 !important;
        padding: 0 10px 1px 0;
        border-top:1px solid #999;
        border-left:1px solid #999;
        border-right:1px solid #999;
}
.buttons .pdf-buttons .pdf-button-last {
	/*background:#868D96 url(../img/buttonpdf.png) repeat 0 0px;
	color: #FFF !important;*/
        color:#666 !important;
        padding:0 10px 1px 0;
        border:1px solid #999;
        height:26px;
}

.buttons .pdf-buttons  .pdf-button-ast:hover {
	/*background:#868D96 url(../img/buttonpdf.png) repeat 0 -31px;
        color: #FFF !important;*/
        color:#666 !important;
        padding:0 10px 1px 0;
        border:1px solid #999;
}

/* Akkoord button (korting) */
.buttons button.button-akkoord, .buttons .button-akkoord{
    display: inline !important; 
	float: none !important; 
	font-size: 11px !important; 
	padding: 1px !important;
	height: 24px !important;
	margin-top: 0px;
}



/* Formulieren
 ******************************************************************************/

form.default {
}

form.default label {
	float: left;
	line-height: 20px;
	padding-right: 10px;
	text-align: left;
	width: 170px;
}

form.default input[type=password] {
	letter-spacing: 3px;
}

form.default input,
form.default select,
form.default textarea,
select.default {
	border: 1px solid #D5D5CB;
	font: 12px Verdana;
	padding: 3px 5px;
	color: #303030;
}

form.default textarea {
	overflow-y: auto;
}

form.default li {
	padding: 3px 0;
}

form.default input[type="checkbox"],
form.default input[type="radio"] {
	border: 0;
}

form.default input[type=text],
form.default input[type=password]
{
	width: 200px;
}

form.default input.small {
	width: 50px;
}
form.default input.medium {
	width: 210px;
}
form.default input.large {
	width: 300px;
}

form.default li h2 {
	display: block;
	margin: 20px 0 0 180px;
}
form.default li small {
	display: block;
	margin: 0 0 0 180px;
	font-size: 9px;
}

form.default h2 {
	font-size: 14px;
}

form.default ul.form-small label {
	width: 80px;
}
form.default ul.form-small li small {
	margin: 0 0 0 90px;
}
form.default ul.form-small li h2 {
	display: block;
	margin: 2px 0 0 90px;
}

form .no-indent {
	margin-left: 0 !important;
}

form small {
	display: block;
}


/* CSS
 ******************************************************************************/

.uiButton,.uiButtonSuppressed:active,.uiButtonSuppressed:focus,.uiButtonSuppressed:hover{font-family: "lucida grande",tahoma,verdana,arial,sans-serif; background:#eee url(../img/button-bg.png) repeat 0 0;border:1px solid #999;border-bottom-color:#888;box-shadow:0 1px 0 rgba(0, 0, 0, .1);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .1);cursor:pointer;display:-moz-inline-box;display:inline-block;font-size:11px;font-weight:bold;line-height:normal !important;padding:2px 6px;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap}
.uiButton a, .uiButton {
	color: #333333;
}
.uiButton + .uiButton{margin-left:4px}
.uiButton:hover{text-decoration:none}
.uiButton:active,.uiButtonDepressed{background:#ddd;border-bottom-color:#999;box-shadow:0 1px 0 rgba(0, 0, 0, .05);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, .05)}
.uiButton .img{margin-top:2px;vertical-align:top}
.uiButtonLarge .img{margin-top:4px}
.uiButton .customimg{margin-top:0}
.uiButton .uiButtonText,.uiButton input{background:none;border:0;color:#333;cursor:pointer;display:-moz-inline-box;display:inline-block;font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;font-size:11px;font-weight:bold;margin:0;outline:none;padding:1px 0 2px;white-space:nowrap}
.ff3.mac .uiButton .uiButtonText,.ff3.mac .uiButton input{margin-bottom:-1px}
.ff3.mac .uiButtonLarge .uiButtonText,.ff3.mac .uiButtonLarge input{margin-bottom:0}
.uiButton input::-moz-focus-inner{border:0;padding:0}
.uiButtonSpecial{background-color:#69a74e;background-position:0 -96px;border-color:#3b6e22 #3b6e22 #2c5115}
.uiButtonSpecial:active{background:#609946;border-bottom-color:#3b6e22}
.uiButtonSpecial.uiButtonDisabled,.uiButtonSpecial.uiButtonDisabled:active,.uiButtonSpecial.uiButtonDisabled:focus,.uiButtonSpecial.uiButtonDisabled:hover{background:#b4d3a7;border-color:#9db791}
.uiButtonConfirm{background-color:#5b74a8;background-position:0 -48px;border-color:#29447e #29447e #1a356e}
.uiButtonConfirm:active{background:#4f6aa3;border-bottom-color:#29447e}
.uiButtonConfirm.uiButtonDisabled,.uiButtonConfirm.uiButtonDisabled:active,.uiButtonConfirm.uiButtonDisabled:focus,.uiButtonConfirm.uiButtonDisabled:hover{background:#adbad4;border-color:#94a2bf}
.uiButtonSpecial .uiButtonText,.uiButtonSpecial input,.uiButtonSpecial.uiButtonDisabled .uiButtonText,.uiButtonSpecial.uiButtonDisabled input,.uiButtonConfirm .uiButtonText,.uiButtonConfirm input,.uiButtonConfirm.uiButtonDisabled .uiButtonText,.uiButtonConfirm.uiButtonDisabled input{color:#fff}
.uiButtonDisabled,.uiButtonDisabled:active,.uiButtonDisabled:focus,.uiButtonDisabled:hover{background:#f2f2f2;border-color:#c8c8c8;box-shadow:none;-moz-box-shadow:none}
.uiButtonDisabled .img{opacity:.5}
.uiButtonDisabled .uiButtonText,.uiButtonDisabled input{color:#b8b8b8}
.uiButtonDepressed,.uiButtonDepressed .uiButtonText,.uiButtonDepressed input,.uiButtonDisabled,.uiButtonDisabled .uiButtonText,.uiButtonDisabled input{cursor:default}
.uiButtonLarge,.uiButtonLarge .uiButtonText,.uiButtonLarge input{font-size:13px}
.uiButtonSuppressed{background:none;border-color:transparent;box-shadow:none;-moz-box-shadow:none}
.uiButtonNoText .img{margin-left:-1px;margin-right:-1px}
.android .uiButton .uiButtonText,.android .uiButton input{padding:3px 0 1px 1px}
.uiCloseButton{cursor:pointer;display:-moz-inline-box;display:inline-block;margin:0;padding:0;zoom:1}
label.uiCloseButton{overflow:hidden}
.uiCloseButton input{cursor:pointer;opacity:0;outline:none;padding:18px}
.uiCloseButtonDark{background-position:left -15px}
.uiCloseButton:hover,.uiCloseButton:focus{background-position:left -30px}
.uiCloseButton:active{background-position:left -45px}
.uiCloseButtonSmallDark{background-position:left -11px}
.uiCloseButtonSmall:hover,.uiCloseButtonSmall:focus{background-position:left -22px}
.uiCloseButtonSmall:active{background-position:left -33px}
.uiLinkButton input{background:none;border:none;color:#3b5998;cursor:pointer;font-family:'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;font-size:11px;margin:0;padding:0;vertical-align:top}
.uiLinkButton input::-moz-focus-inner{border:0;padding:0}
.uiLinkButton:hover,.uiLinkButton input:hover,.uiLinkButton input:focus,.uiLinkButton input:active{color:#3b5998;text-decoration:underline}
.uiLinkButtonSubtle input,.uiLinkButtonSubtle:hover,.uiLinkButtonSubtle input:hover,.uiLinkButtonSubtle input:focus,.uiLinkButtonSubtle input:active{color:#808080}
.uiLinkButton input.async_saving{text-decoration:none}
.uiBoxGray{background-color:#f2f2f2;border:1px solid #ccc}
.uiBoxWhite{background-color:#fff;border:1px solid #ccc}
.uiBoxLightblue{background-color:#edeff4;border:1px solid #d8dfea}
.uiBoxRed{background-color:#ffebe8;border:1px solid #dd3c10}
.uiBoxYellow{background-color:#fff9d7;border:1px solid #e2c822}
.uiBoxOverlay{background:rgba(255, 255, 255, .85);border:1px solid #3b5998;border:1px solid rgba(59, 89, 153, .65);zoom:1}
.uiButton label.uiButtonText {
	padding: 0;
	padding-bottom: 1px;
}

.msg
{
	padding: 10px;
	color: #FFF;
	margin-bottom: 10px;
}

.msg-error
{
	background-color: #640008;
}

.msg-confirm
{
	background-color: #006408; /* GROEN */
	background-color: #CCCCCC;
	color: #000;
}