html { font-family: "Segoe UI",Myriad,Calibri,Helvetica,"Trebuchet MS",Arial,Geneva,"Lucida Grande"; color: #252525; width: 100%; }
* { margin: 0; padding: 0; }
body { font-size: 62.5%; margin: auto; height: 100%; width: 100%; color: #252525; line-height: 1; }
a { text-decoration: none; color: Navy; }
h1, h2, h3, h4, h5, h6, p, div { margin: 0; padding: 0; }
h6 { font-size: 11px; line-height: 13px; margin: 2px 0px; width: 95%; }
p { font-size: 1em; line-height: 1.2; }
img { border: 0; }
.img1 { border: 1px solid #fff; }
.aGray { color: #333; font-weight: bold; }

.dxccLink.clouditem { line-height: 30px !important; margin: 3px; padding: 0px 5px; border: 1px solid Silver; }

:focus { outline: 0; }
.imgboslistxx { padding: 2px; border: 1px solid #ddd; margin-bottom: 5px; }

.dxpnlControl { font: inherit; }

td dxucButton_Metropolis {font-size:20px !important;}

#CPH1_PC1_CBP1_listboxTW_D {
	font-size: 11px !important;
}

input.dxeEditArea_Aqua { color: #45597c !important; height: 18px !important; font-size: 12px !important; padding: 0px 1px !important; }

.dxucFileList {
	background-color: #eeeeee;
	max-height: 300px;
	overflow: auto;
}
#contentcontainer {
	background-color: #fff;
	display: block;
	position: relative;
	border: 1px solid #ddd;
	margin: 3px auto 0px auto;
	padding: 10px;
	width: 1200px;
	height: 650px;
	min-height: 650px;
}
#maincontentblock { float: right; display: block; background-color: transparent; width: 1000px; height: 650px; min-height: 650px; position: relative; clear: none; z-index: 2; }
#sidemenublock { border-right: 1px solid #aecaf0; margin: 0px 10px 0px auto; padding: 0; width: 170px; height: 650px; min-height: 650px; background-color: transparent; float: left; }

.editblock2, .astiteleditbox, .ascheckbox, .tblabel, .tblabelemp, .asprestable, .plantable, .binfo, .myHyperlink2, .lendatabox { font-family: "Segoe UI",Myriad,Calibri,Helvetica,Arial }
 
.editblock { background-color: #f4fae6; height: 493px; width: 920px; padding: 15px; }
.editblock2 { background-color: #fff; height: 420px; width: 800px; padding: 15px; font-size: 12px; }
.editblock3 { background-color: #e5eecf; height: 545px; width: 920px; padding: 15px; }
.editblock4 { background-color: #f4fae6; height: 545px; width: 960px; padding: 15px; }
.editblockNBD { background-color: #e5eecf; height: 545px; width: 960px; padding: 10px; }
.editblockkoppel { background-color: #fff; height: 480px; width: 920px; padding: 15px; }
.liststyle { list-style-type: square; list-style-position: inside; }
.labelzoekterm { margin: 5px 0px 0px 3px; color: #111; font-size: 12px; }
.labelcontainer { margin: 5px 0px 10px 5px; color: #576fa5; font-size: 18px; }
.labelcontainersmall { margin: 5px 0px 5px 5px; color: #576fa5; font-size: 14px; }
.labelacr { margin: 5px 0px 10px 0px; color: #576fa5; font-size: 28px; }
.labelcsnm { margin: 5px 0px 5px 0px; color: #576fa5; font-size: 1.4em; }
.labelgray { margin: 5px 0px 5px 5px; color: #45597c; font-size: 13px; line-height: 16px; }
.lnotes { color: #212121; font-size: 12px; border: 1px solid #8b0000; background-color: #f5fffa; padding: 5px; position: absolute; width: 250px; height: 164px; opacity: 0.8; }
.white3 { height: 3px; background-color: White; }
.labelheader { display: block; margin: 0px auto 0px auto; color: #666; font-size: 14px; font-weight: bold; text-align: center; letter-spacing: 3px; }
.labelmodule { padding-top: 30px; color: #fff; font-size: 18px; margin-left: 40px; }
.labelmodule2 { padding-top: 0px; color: #111; font-size: 12px; margin-left: 40px; margin-top: 0px; }
.labellinks { color: White; font-size: 12px; padding-top: 40px; text-align: center; }
.labellinks a { color: White; }
.panelleft { background-color: #c0a4d4; width: 200px; height: 90px; border: 0; float: left; }
.panelmid { background-color: #2196f3; width: 400px; height: 90px; float: left; border-width: 0px 3px 0px 3px; border-style: solid; border-color: White; }
.panelright { background-color: #99c ; border: 0; height: 90px; width: auto; }
.headerbar { height: 20px; background-color: #e5eecf; border: solid Silver; border-width: 1px 0px 1px 0px; }

#sidenavigationempty { width: 160px; height: 650px; background-color: #e5eecf; }
#sidenavigation { width: 160px; height: 650px; background-color: #e6e6fa; }
#sidenavigation ul { margin: 0; padding: 0; padding-top: 10px; list-style: none; }
#sidenavigation li { margin: 0; color: #fafafe; font-size: 12px; line-height: 20px; }
#sidenavigation li a { margin: 0; color: #000; display: block; padding: 6px 1px 6px 9px; font-size: 12px; line-height: 20px; }
#sidenavigation li a:link, #sidenavigation li a:visited, #sidenavigation li a:hover { display: block; padding: 6px 1px 6px 9px; text-decoration: none; color: #050505; font-size: 12px; }
#sidenavigation li a.thin { color: #555; }
#sidenavigation li a:hover { background-color: #9d7aab; color: #fff; }

.asiczc { width: 350px; }
.asiczcu { width: 550px; }
.asiczc, .asiczcu { background-color: #f4fae6; padding: 10px; margin: 20px 5px; } 
.asiclc { font-size: 16px; color: #fff; padding: 4px 5px; background-color: #1976d2; margin-bottom: 15px; letter-spacing: 1px;}
.asiclzt { font-size: 12px; color: #444; padding: 1px 3px; }
.asiczb { width: 328px; margin-top: 1px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px;}
.asptb { font-size: 14px; color: #fff; padding: 4px 5px; background-color: #1976d2; margin-bottom: 5px; letter-spacing: 1px;}
.sbox, .ebox, .asiczc, .asiczcu { border: 1px solid #ccc; border-top: 5px solid #a1cb2f; -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16); }
.ebox { padding: 10px; background-color: #fcfcfc; }
 
.homewhite { background-color: #f5f5fe; }
.left7 { float: left; padding: 7px; }
.noliststyle { list-style: none; padding: 3px; }
.liseparator { list-style: none; border-top: 1px solid #999; }
.liright { float: right; }
.naviimage { float: left; clear: left; padding: 4px; margin-top: -5px; width: 48px; height: 48px; }
.infotabel { width: 325px; margin: 7px 100px 7px 7px; font-size: 14px; float: left; }
.infotabel ul { line-height: 20px; list-style: none; }
.infotabel ul.blue { color: #045FB4; }
.infotabelx { width: 100%; margin: 0; font-size: 14px; float: left; }
.infotabelx ul { line-height: 20px; list-style: none; }
.infotabelx ul.blue { color: #045FB4; }
.infotabelx li { width: 250px; }
.liTitel { float: left; clear: left; width: 100%; height: 54px; }
.aseditbox { margin: 0; padding: 2px 0px 2px 3px; border: 1px solid #AECAF0; }
.astiteleditbox { width: 488px; font-size: 12px; border: 1px solid #AECAF0; float: left; }
.astiteleditbox td { padding-left: 3px; padding-top: 2px; padding-bottom: 1px; height: 47px; clear: none; }
.aslnoteseditbox { font-size: 12px; border: 1px solid #AECAF0; float: left; }
.aslnoteseditbox td { padding-left: 3px; padding-top: 2px; padding-bottom: 1px; }
.asvt { background-color: #ffe; }
.ascheckbox { margin-left: 2px; }
.edleft { width: 150px; height: 18px; text-align: right; padding: 3px 7px 3px 0px; }
.ascheckbox, .tblabel, .tblabelemp { margin-top: 2px; font-weight: normal; color: #313131; line-height: 18px; font-size: 12px; }
.tblabelemp { font-size: 14px; border: 1px solid Silver; background-color: #eee; padding: 0px 5px 0px 5px; color: #990033; }
.klaarleggen { font-size: 14px; border: 2px solid #999; background-color: #eee; padding: 0px 5px 0px 5px; color: #990033; }
textarea { padding: 10px; }
.imagefloatleft { float: left; padding: 4px; vertical-align: text-top; }
.imagefloatright { float: right; padding: 7px; padding-bottom: 17px; background-color: White; border: 1px solid Silver; width: auto; height: auto; text-align: center; }
.imagefloatrightextra { float: right; padding: 7px; padding-bottom: 17px; background-color: White; border: 0px solid White; width: auto; height: auto; text-align: center; padding-right: 290px; }
.profielfoto { position: absolute; left: 725px; top: 55px; border: 1px solid Silver; }
.asactionbar { border: 1px solid Silver; background-color: #f4fae6; height: 28px; width: 994px; padding: 3px 0px 3px 3px; margin-top: 2px; clear: both; }
.asactionbar100 { border: 1px solid Silver; background-color: #f4fae6; height: 28px; width: auto; padding: 3px 0px 3px 3px; margin-top: 2px; clear: both; }
.asactionbar100 table { margin-right: 3px; }
.silverbar { margin: 5px 5px 1px 5px; padding: 1px; font-size: 12px; background-color: #d8d8d8; clear: both; }
.astaakbalk { border: 0px; background-color: #D6E7A5; height: 26px; width: 942px; padding: 5px 0px 0px 8px; margin-top: 2px; clear: both; }
.astaakbalk table { margin: 0; padding: 0; }
.astaakbalk td { margin: 0; padding: 0; }
.asimagetable {
	background-color: #e5eecf;
	border-collapse: separate;
	border-spacing: 12px;
}
.asprestable {
	font-size: 12px;
	color: #333;
	line-height: 1.2;
	border-collapse: separate;
	border-spacing: 12px;
}
.plantable { background-color: #ffe; font-size: 1.2em; }
.plantable td { padding: 2px 7px 2px 7px; }
.dxccControl span { border: 1px solid Silver; padding-left: 3px; padding-bottom: 3px; background-color: #eee; width: 24px; display: inline-block; height: 24px; margin-bottom: 4px; line-height: 28px; font-family: "Segoe UI",Myriad,Calibri,Helvetica,"Trebuchet MS",Arial,"Lucida Grande"; font-weight: bold; }
.dxb, .dxrp span, .dxtc, .dxi, .dxic, .dxgv, dxeT, .dxeEditArea_Aqua, .dxeMemoEditArea_Aqua, .dxgvControl_Aqua, .dxgvHeader_Aqua td, .dxgvFocusedRow_Aqua, .dxeMemo_Aqua, .dxeHyperlink_Aqua, .dxeBase_Aqua, .dxpnlControl_Aqua  { font-family: "Segoe UI",Myriad,Calibri,Helvetica,"Trebuchet MS",Arial,"Lucida Grande"; color: #45597c; font-size: 12px; }
.dxb { font-size: 100%; font-weight: normal; }
.dxgv { font-size: 12px; }
.dxtc { font-size: 11px; }
.dxeListBoxItem_Aqua {
	font-size: 13px;
	line-height: 16px;
}
.dxeListBoxItem_Aqua.dxeT { background-color: transparent; }
.dxeListBoxItem_Aqua.dxeC { background-color: transparent; }
.dxeListBoxItemHover_Aqua.dxeT { background-color: #C0A4D4; }
.dxeListBoxItemHover_Aqua.dxeC { background-color: #C0A4D4; }
.dxeMemo_Aqua { background-color: White; }
.dxrp span {font-size: 12px; padding: 5px; display: inline-block;}
td.dxic { height: 18px; font-size: 12px;}

.dxeTextBoxSys td.dxic { height: 18px; padding: 1px 3px !important;}

.dxpnlControl_Aqua { font-size: 10px; }
.dx-vam, .dxtcLite_Aqua > .dxtc-stripContainer .dxtc-activeTab .dxtc-link { font-family: "Segoe UI",Myriad,Calibri,Helvetica,"Trebuchet MS",Arial,"Lucida Grande"; color: #45597c; font-size: 11px; }

/*.dxdpLite_Metropolis .dxpc-headerText { font-size: 24px;} 28 */
.dxpc-headerText { font-size: 16px; }

/* filter editbox */
.dxic { font-size: 11px; height: 20px; }
.dxeEditArea_Aqua { font-size: 12px; }
.dxeMemoEditArea_Aqua { font-size: 12px; }
.dxgvFocusedRow_Aqua { background: url(../../images/orangebg.gif) #fff2c8 repeat-x center bottom; }
.dxpControl_Aqua { margin-left: 5px; padding: 0px; }
.dxgvPagerBottomPanel_Aqua { margin: 0px; padding: 0px; }


#pText1 { color: #666; font-size: medium; margin-bottom: 10px; }
#pText2 { color: Red; font-size: small; }
.weblinks { color: #99c; font-size: 120%; text-indent: 3px; margin-bottom: 3px; padding: 0; }
.fillertd { height: 7px; background-color: transparent; }
.awlTable { width: 100%; border-top: 1px solid #ccc; }
.awlTitel { padding: 2px 3px 0px 3px; width: 100%; color: #0073c6; font-size: 130%; background-color: transparent; }
.awlAuteur { padding: 0px 3px 2px 3px; width: 100%; color: #99c; }
.awlfield { padding: 3px; width: 50%; color: #333; }
a.dxeHyperlink_Aqua, .dxeHyperlink_Aqua { color: #666; text-decoration: none; font-weight: bold; font-size: 12px;}

a:visited.dxeHyperlink_Aqua, a:active.dxeHyperlink_Aqua { text-decoration: none; color: #666 !important; }
a:hover.dxeHyperlink_Aqua { color: #111 !important; }
.dxeHyperlink_Aqua.myHyperlink { text-decoration: none; font-weight: normal; color: #252525; display: block; border: 1px solid #fff; padding: 5px; }
a:visited.dxeHyperlink_Aqua.myHyperlink { color: #252525 !important; text-decoration: none; }
a:hover.dxeHyperlink_Aqua.myHyperlink { color: #fff !important; text-decoration: none; background-color: #99c; }

.dxeHyperlink_Aqua.myHyperlinkb { text-decoration: none; font-weight: normal; font-size: 12px; color: #fff; display: block; border: 1px solid #fff; padding: 5px; }
a:visited.dxeHyperlink_Aqua.myHyperlinkb { color: #fff !important; text-decoration: none; }
a:hover.dxeHyperlink_Aqua.myHyperlinkb  { color: #fff !important; text-decoration: none; background-color: #99c; }

#mainContainer { color: #39f; border: 1px solid #576fa5; padding: 3px; margin: 15px 5px 5px 5px; float: left; clear: both; width: 922px; }
#mainContainer td.buttonCell { padding-top: 15px; }
#mainContainer td.caption { padding: 2px; vertical-align: top; }
#mainContainer td.content { padding-bottom: 5px; }
#mainContainer td.note { text-align: left; padding-top: 2px; color: #666; }
.framethumbnails {
	border: 1px solid #CC9999;
	padding: 5px;
	margin: 5px;
	height: 140px;
	width: 910px;
	min-height: 120px;
	white-space: nowrap;
}
ul.thumbnails {
	margin: 0;
	padding: 2px;
	text-align: center;
	background-color: transparent;
	list-style: none;
	overflow-x: auto;
	display: flex;
}
ul.thumbnails img { max-height: 120px; max-width: 120px; border: 1px solid Silver; clear: none; display: inline-block; }
/*
ul.thumbnails a { display: inline-block; float: none; margin: 0; padding: 4px 4px 4px 4px; border: 1px solid #ccc; border-top-color: #eee; border-right-color: #ddd; border-bottom-color: #bbb; background-color: #fff; text-align: center; width: auto; height: 110px; margin-left: 5px; margin-right: 5px; margin-bottom: 5px; clear: none; }
*/
	ul.thumbnails a {
		max-height: 120px;
		max-width: 120px;
		border: 1px solid Silver;
		clear: none;
		padding: 4px 4px 4px 4px;
	}
ul.thumbnails a:hover { border: 1px solid #ccc; background-color: transparent; background-image: url(../../images/dotbg.gif); background-position: top; background-repeat: repeat; }
ul.thumbnails li { display: flex; margin: 0; padding: 4px; flex: 0 0 auto; }
.auraicdivbovengrid { margin: 5px 5px 0px 5px; padding: 2px 5px; background-color: #E6E6FA; border-width: 1px 1px 0px 1px; border-style: solid; border-color: #A1A1AE; font-size: 12px; font-weight: bold; }
.vi, .ed { background-color: transparent; font-size: 12px; }
.vileft { width: 250px; padding-left: 3px; }
.vileftsmall { width: 150px; padding-left: 3px; }
.vihead { background-color: transparent; }
.vihead th { padding: 3px 3px 3px 3px; font-size: 1.2em; font-weight: bold; color: Maroon; text-align: left; }
.bluehover a:hover { color: Red; }
.tdright { font-weight: bold; }
.TaalVlag { float: left; border: 1px solid transparent; margin-left: 1px; }
.tcright { font-weight: bold; color: #666; }
.tcleft { color: #666; }
.myHyperlink2 { font-size: 12px; text-decoration: none; color: #111; }
.myHyperlink2:hover { color: Blue; }
.binfo { background-color: transparent; border: 1px solid Silver; margin: 10px 0px 10px 0px; width: 95%; font-size: 11px; text-align: left; }
.binfo td { padding: 3px; }
.binfo a {color: #fff; text-decoration: underline;}
.tdsilver { font-weight: bold; }
.tduit { font-size: 11px; background-color: #fff2e5; }
.td25 { font-size: 14px; width: 20%; background-color: #f6f6f6; line-height: 18px; }
.td25c { font-size: 14px; width: 70%; color: #045FB4; line-height: 18px; }
.td25bold { width: 25%; background-color: #eee; font-weight: bold; }
.binfo thead { color: #fff; }
.binfo th { padding: 3px; background-color: #C0A4D4; text-align: left; }
.lookupdiv { width: 100%; text-align: center; margin-top: 10px; }
.dxucEditArea_Aqua { background-color: #eee; border: 1px solid #0073c6; }
.radiobtn { border: 0; }
.aquabox { font-size: 1.3em; margin: 20px; border: 1px solid #0aaafd; width: 300px; height: 400px; float: left; }
.aquabox ul { margin: 0; padding: 0; list-style: none; }
.aquabox li { margin: 12px; padding: 3px; border-bottom: 1px solid #ccc; color: #333; }
.aquabox li.aquaheader { margin: 0; padding-top: 7px; padding-bottom: 7px; height: auto; background-color: #0aaafd; color: White; text-align: center; }
.lendatabox { margin: 0px; padding: 10px; border: 1px solid Silver; width: 910px; height: 176px; }
.lendatabox ul { margin: 0; margin-top: 10px; padding: 0; list-style: none; width: 600px; }
.lendatabox li { margin: 5px 10px 0px 5px; padding: 0; color: #99c; font-size: 18px; font-weight: bold; }
.lendatabox li.linormal { margin: 2px 10px 0px 5px; font-size: 14px; font-weight: normal; line-height: 15px; color: #669; }
.lendatabox li.liextra { margin: 2px 10px 0px 5px; font-size: 12px; font-weight: normal; line-height: 15px; color: Maroon; }
.lendatabox li.liinfo { margin: 3px 10px 0px 5px; font-size: 16px; font-weight: normal; color: Gray; line-height: 32px; }
p.len1 { font-size: 12px; font-weight: bold; color: #050505; margin-bottom: 4px; background-color: #E6E6FA; padding: 2px 3px; border: 1px solid #A1A1AE; }
p.len2 { font-size: 12px; font-weight: bold; color: #8B0000; margin-top: 2px; background-color: #E6E6FA; padding: 3px 3px; border: 0px solid #A1A1AE; }
p.len3 { font-size: 16px; font-weight: bold; color: #fff; margin-top: 2px; background-color: #8B0000; padding: 3px; border: 1px solid #A1A1AE; }
p.lenp { font-size: 15px; font-weight: normal; color: Red; margin-top: 2px; background-color: #fff; padding: 0px 3px; border: 2px solid Red; }

p.lenheader { font-size: 10px; margin-top: 0px;}
p.lavender16 { margin-top: 5px; padding: 0; color: #576fa5; font-size: 1.6em; font-weight: bold; }
p.lavender14 { margin-top: 5px; padding: 0; color: #576fa5; font-size: 1.4em; font-weight: normal; }
p.kopje { margin: 5px 10px 0px 0px; float: left; }
p.pimgmsg { margin-left: 15px; font-family: "Segoe UI",Calibri,Helvetica,"Trebuchet MS",Arial,Geneva,"Lucida Grande"; font-size: 1.2em; color: #c90404; }
.inforechts { border: 1px solid #d1e2fc; height: 164px; width: 140px; margin-left: 6px; padding: 5px; float: right; }
.infoblokrechts { border: 1px solid #d1e2fc; height: 164px; width: 140px; margin-left: 6px; padding: 5px; float: right; }
.navlist { padding: 4px; }
.navlist li { display: inline; list-style-type: none; padding: 3px; }
.navlist li a { color: #45597c; font-weight: normal; font-size: 11px; }
.navlist li a:link { color: #45597c; font-weight: normal; font-size: 11px; }
.navlist li a:visited { text-decoration: none; color: #45597c; }
.navlist li a:hover { text-decoration: underline; color: #356AA0; }
.navlist li a:active { text-decoration: none; color: Red; }
.navlist li.vline { color: #666; }
.navlist li.vliner { color: #666; float: right; }
.navlist li.right { float: right; }
#snelmenu { width: 955px; padding: 2px 10px 2px 15px; margin-top: 2px; }
.sp { background: url('../../images/spritebar.png'); width: 48px; height: 48px; margin-left: 22px; display: block; }
.sp1 { margin-top: 5px; font-size: 10px; width: 93px; padding-bottom: 5px; text-align: center; display: block; }
.sps { float: left; width: 93px; font-size: 10px; color: #666; text-align: center; margin: 1px; padding-top: 2px; }
.sps:hover { color: #111; background-color: #eee; }
td.OutputText { color: #333; font-size: 0.9em; }
td.OutputUrl { color: Silver; }
img.vline { vertical-align: middle; width: 16px; height: 16px; }
table.pdfsearch { background-color: transparent; margin-top: 15px; }
table.pdfsearch td { font-size: x-small; padding: 0px 15px 0px 0px; }
table.pdfsearch label { padding-left: 3px; vertical-align: top; }
.pdfheader { background-color: #f0f9f7; border-top: 1px solid #0073c6; padding: 5px; color: #111; }
.pdffooter { padding: 15px 5px 5px 5px; color: #111; }
.pdfitems { padding-left: 5px; }
.CBPexemplaren { float: left; }
.toggle { background: #ccc; color: #333; cursor: pointer; font-size: 9px; font-weight: normal; }
.togglez { background: #fff; color: #333; cursor: pointer; }
.expanded { background-color: #C0A4D4; color: #999; cursor: pointer; }
.accordion { position: absolute; top: 47px; right: 36px; width: 180px; border: 1px solid #ccc; padding: 2px; }
.accordion-content { }
.auratoggle { background: #ccc; color: #333; cursor: pointer; font-size: 12px; font-weight: normal; }
.auratogglez { background: #fff; color: #333; cursor: pointer; }
.auraexpanded { background-color: #C0A4D4; color: Red; cursor: pointer; }
.mzv { font-size: 11px; background-color: transparent; margin-top: 7px; width: 100%; border-bottom: 1px solid silver; }
.OkCancel { float: left; padding-right: 5px; }
.pushmsg { font-size: 14px; font-weight: bold; color: #C0A4D4; width: 650px; padding: 0; margin: 0px 0px 0px -20px; position: absolute; top: 550px; left: 10px; z-index: 0; text-align: left; }
.custname { font-size: 36px; color: #99c; width: 900px; line-height: 50px; padding: 0; margin: 0; position: absolute; top: 200px; left: 0px; z-index: 1; text-align: center; }
.auralogo { background-image: url(../../images/AuraLogo200D.png); background-repeat: no-repeat; width: 250px; height: 74px; padding: 0; margin: 0; position: absolute; top: 500px; left: 770px; z-index: 9000; }
.rbimg { border: 1px solid Silver; height: 66px; width: 100px; }
.minfokop { width: 610px; height: 18px; background-color: #6a98c8; background-image: url(../../images/gradientblack20.png); background-repeat: repeat-x; background-position: top; padding: 5px; font-size: 14px; border-top: 1px solid Silver; color: #cafcd8; }

.lending-48, .returning-48, .barcode-48, .user-48, .overdue-48, .home-48, .set-48 { display: block; background-image: url(../../images/uitsprite7.png); background-repeat: no-repeat; height: 43px; width: 160px; border-bottom: 5px solid transparent; }
.lending-48 { background-position: -0px -48px; }
.returning-48 { background-position: -0px -0px; }
.barcode-48 { background-position: -0px -240px; }
.user-48 { background-position: -0px -144px; }
.overdue-48 { background-position: -0px -192px; }
.home-48 { background-position: -0px -96px; }
.set-48 { background-position: -0px -288px; }

#uitul { font-family: "Segoe UI",Myriad,Calibri,Helvetica,Arial; font-size: 12px; }
#uitul a { width: 150px; height: 25px; text-indent: 46px; }
#uitul a:hover { background-image: url(../../images/uitsprite7.png); background-repeat: no-repeat; }
#uitul .lending-48 a:hover { background-position: -0px -48px; }
#uitul .returning-48 a:hover { background-position: -0px -0px; }
#uitul .barcode-48 a:hover { background-position: -0px -240px; }
#uitul .user-48 a:hover { background-position: -0px -144px; }
#uitul .overdue-48 a:hover { background-position: -0px -192px; }
#uitul .home-48 a:hover { background-position: -0px -96px; }
#uitul .set-48 a:hover { background-position: -0px -288px; }

.dxeListBoxItemSelected_Metropolis {
  color: White;
  background-color: #2196f3;
}

a.dxeHyperlink_Metropolis  { 
	font-size: 32px;
	cursor: pointer; 
	font-family: "Open Sans",Calibri,Myriad,Helvetica,Arial,Geneva,"Lucida Grande";
	color: #777;
}

.dxeHyperlink {
  font-family: "Open Sans",Calibri,Myriad,Helvetica,Arial,Geneva,"Lucida Grande";
 }

.rbuttons {
	text-align: center;
	margin-top: 32px;
	font-family: Calibri, Arial;
	font-size: 32px;
}

.rbuttons  a {
	margin-right: 32px;
	width: 64px;
	height: 64px;
	display: inline-block;
	position: relative;
	line-height: 64px;
	text-decoration: none;
	background-color: #eaeaea;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); 
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image: linear-gradient(top, #f6f6f6, #eaeaea);
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	border-radius: 32px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25), 0 2px 3px rgba(0, 0, 0, .1);
}

.rbuttons a:active {
	top: 1px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f6f6f6));
	background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: -moz-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -ms-linear-gradient(top, #eaeaea, #f6f6f6); 
	background-image: -o-linear-gradient(top, #eaeaea, #f6f6f6);
	background-image: linear-gradient(top, #eaeaea, #f6f6f6);
}

.rbuttons a::before{
	content: '';
	position: absolute;
	z-index: -1;
	top: -8px;
	right: -8px;
	bottom: -8px;
	left: -8px;
	background-color: #eaeaea;
	-moz-border-radius: 140px;
	-webkit-border-radius: 140px;
	border-radius: 140px;
	opacity: 0.5;		
}

.rbuttons a:active::before {
	top: -9px;
}

.rbuttons a:hover::before {
	opacity: 1;
}

.rbuttons a.b1:hover::before {
	background-color: #c6f0f8;
}

.rbuttons a.b1:hover::before {
	background-color: #c6f0f8;
}

.rbuttons a.b2:hover::before {
	background-color: #dae1f0;
}

.rbuttons a.b3:hover::before {
	background-color: #fadae6;
}

.rbuttons a.b4:hover::before {
	background-color: #f8ebb6;
}

.sbox {
padding: 0px 1px 1px 1px;
border: 1px solid #ddd;
border-top: 1px;
-webkit-box-shadow: 0px 3px 7px 0px rgba(64, 64, 64, 0.5);
-moz-box-shadow:    0px 3px 7px 0px rgba(64, 64, 64, 0.5);
box-shadow:         0px 3px 7px 0px rgba(64, 64, 64, 0.5);
}

a.dxeHyperlink_Metropolis { color: #0066cc; font-size: 14px; font-weight: bold; }

.a1 { float: left; line-height: 24px; margin-right: 3px; }
.a2 { float: left; margin-right: 14px; }
.a3 { float: left; margin-right: 7px; }

.btn100 { border: 3px solid Silver; margin: 20px 25px; height: 100px; width: 100px; }
.btn100 span { color: #111; font-size: 14px; width: 100px; word-wrap:break-word; overflow-wrap:break-word; } 

.acr12a { font-size: 16px; font-weight: 200; color: Lime; }
.acr12b { font-size: 16px; font-weight: normal; color: #ffa500; }

.btnExcel { background-color: #217346; color: #fff; margin: 0px 3px; float: left;}
.btnExcel .dxb { background-color: #217346; color: #fff; }
.btnPDF { background-color: #dc3c00; color: #fff; margin: 0px 3px; float: left;}
.btnPDF .dxb { background-color: #dc3c00; color: #fff; }
.btnWord { background-color: #2b579a; color: #fff; margin: 0px 3px; float: left; }
.btnWord .dxb { background-color: #2b579a; color: #fff; }
.btnExcel td, .btnPDF td, .btnWord td { padding: 0; font-size: 12px; }
.btnEPW .dxb { background-color: #f06292; color: #fff; }
.btnOB span {color: #ff7320; font-size: 110%; font-weight: bold;}


.tile {
  width: 250px; height: 250px; display: block; border: 0px solid #ccc; float: left; margin: 0px 10px 10px 10px; padding: 0;
  background-color: #fff; text-align: center; opacity: 1.0; line-height: 14px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(64, 64, 64, 0.5);
  -moz-box-shadow:    0px 3px 7px 0px rgba(64, 64, 64, 0.5);
  box-shadow:         0px 3px 7px 0px rgba(64, 64, 64, 0.5);
  }

.tile img {
  width: 192px;
  height: 192px;
  margin: 7px 24px;
  padding: 0;
background-color: #ccc;
}

a.tile { text-decoration: none;}

a.tile:hover span {
  background-color: #fafafa;
  color: #0d47a1;
  opacity: 1.0;
  text-decoration: none;
}

a.tile span {
  color: #212121;
  font-size: 12px;
  font-weight: bold;
  padding: 0px 7px;
}

.bx-caption span {
    color: #fff;
    font-family: "Open Sans",Verdana,Arial,sans-serif;
    display: block;
    font-size: 11px;
    padding: 5px 10px;
}

.bx-caption span {
    position: absolute;
    bottom: 0px;
    left: 0;
    background: rgba(80, 80, 80, 0.75);
    width: auto;
    min-width: 364px;
    line-height: 14px;
}

p.slidetext { position: absolute; top: 7px; left: 7px; color: #414141; font-size: 14px; line-height: 18px; } 

.slideroff { position: absolute; top: 400px; left: 378px; z-index: 1000; font-size: 14px; } 

a.adesign { margin: 0; color: #666; display: block; padding: 3px 9px; font-size: 12px; line-height: 22px; background-color: #fff; border: 1px solid Silver; }
a.adesign:hover { background-color: #9d7aab; color: #fff; }
#fileManager_Splitter_UploadButton { padding: 3px 5px 4px 5px; margin-left: 7px; border: 1px solid Silver; }

.dxeButtonEditButton_Metropolis, .dxeCalendarButton_Metropolis, .dxeSpinIncButton_Metropolis, .dxeSpinDecButton_Metropolis, .dxeSpinLargeIncButton_Metropolis, .dxeSpinLargeDecButton_Metropolis, .dxeColorEditButton_Metropolis 
{width: 20px;}