/* Menu2SitemapStyle */ /* nolock */
.topics           { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.topics a:link    { color: #000000; text-decoration: none; }
.topics a:visited { color: #000000; text-decoration: none; }
.topic            { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.topic a:link     { color: #000000; text-decoration: none; }
.topic a:visited  { color: #666666; text-decoration: none; }
#Menu2Sitemap { padding: 20px; text-align: center; }
/* Menu2SitemapStyle */
 .jHtmlArea { border: 1px solid #aaaaaa; background-color: #dadada; }
.spacer { height: 10px; }
/* styles voor sql errors met een leesbaar en nietleesbaar deel */
.SqlError {size:0px}
.SqlErrorUSP {size:100% }
.general_error {text-align: center; font-size: larger;}
.FieldRegActYes { height:25px; font-size:0pt; background-image: url("images/23-check.png"); background-repeat:no-repeat; background-position: center center;}
.FieldRegActNo { height:25px; font-size:0pt; }
/* DateTimePickerStyle */ /* nolock */
.CalendarControl { background-image: url("images/aero-cal.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.DateSelect { border-top-color: #666666; border-top-width: 1px; border-top-style: solid; border-bottom-color: #666666; border-bottom-width: 1px; border-bottom-style: solid; text-align:center;}
th.CalCellHdr { font-weight: bold; font-size: 9pt; padding:1px; }
td.CalCell { font-size: 9pt; padding:1px; text-align:right; cursor: pointer; border: solid 1px transparent; background-color: transparent; color: #666666; }
td.CalCellEmpty { font-size: 9pt; padding:1px; text-align:right; border: solid 1px transparent; background-color: transparent; color: #666666; }
td.CalCellToday { font-size: 9pt; padding:1px; text-align:right; cursor: pointer; border: solid 1px transparent; background-color: Maroon; color:White;}
td.CalCellHover { font-size: 9pt; padding:1px; text-align:right; cursor: pointer; border: solid 1px #666666; background-color: White; color: #666666;}
td.CalCellTodayHover { font-size: 9pt; padding:1px; text-align:right; cursor: pointer; border: solid 1px #666666; background-color: White; color: #666666;}
.DateTimePopup {border: solid 1px #666666; background: transparent url(images/cal-backdrop.png) repeat-y; }
.TimeSelect { text-align:center; }
.TimeBox { font-size: 9pt; width: 20px; text-align:center; }
.cal-arrow { cursor: pointer; }
/* DateTimePickerStyle */
/* SelectPeriodStyle */ /* nolock */
.SelectPeriodUp { background-image: url("images/icon_periods.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.SelectPeriodDown  { background-image: url("images/icon_periods.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
/* SelectPeriodStyle */
/* SelectPeriodStyle */ /* nolock */
.SelectPeriodUp { background-image: url("images/icon_periods.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.SelectPeriodDown  { background-image: url("images/icon_periods.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
/* SelectPeriodStyle */
/* MultiValueSelectStyle */ /* nolock */
.MultiValueDataList { background-color: #EFEFEF; border: solid 1px #356591;}
.MultiValueDataList td { background-color: #EFEFEF; padding:0px; font-family:Verdana; font-size:9pt;}
.MultiValueTextBoxUp { background-image: url("images/DropDownGrey.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.MultiValueTextBoxDown  { background-image: url("images/DropUpGrey.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.MultiValueDataList label { padding-left:10px;vertical-align: middle; }
.MultiValueDataList input { vertical-align: middle; padding: 2px;}
/* MultiValueSelectStyle */
/* MultiValueSelectStyle */ /* nolock */
.MultiValueDataList { background-color: #EFEFEF; border: solid 1px #356591;}
.MultiValueDataList td { background-color: #EFEFEF; padding:0px; font-family:Verdana; font-size:9pt;}
.MultiValueTextBoxUp { background-image: url("images/DropDownGrey.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.MultiValueTextBoxDown  { background-image: url("images/DropUpGrey.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.MultiValueDataList label { padding-left:10px;vertical-align: middle; }
.MultiValueDataList input { vertical-align: middle; padding: 2px;}
/* MultiValueSelectStyle */
/* MultiValueSelectStyle */ /* nolock */
.MultiValueDataList { background-color: #EFEFEF; border: solid 1px #356591;}
.MultiValueDataList td { background-color: #EFEFEF; padding:0px; font-family:Verdana; font-size:9pt;}
.MultiValueTextBoxUp { background-image: url("images/DropDownGrey.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.MultiValueTextBoxDown  { background-image: url("images/DropUpGrey.png"); background-repeat:no-repeat; background-position: center right; overflow:hidden; padding-right: 20px}
.MultiValueDataList label { padding-left:10px;vertical-align: middle; }
.MultiValueDataList input { vertical-align: middle; padding: 2px;}
/* MultiValueSelectStyle */
/* flexcomboStyle */ /* nolock */
div.selectionList            { border: 1px solid #444444; position: absolute; background:white url(images/SB/MenuBg.png) repeat-y; width:100%; right:0px; overflow:hidden; }
div.selectionList div        { cursor: default; padding: 0px 2px; background:transparent; width:100%; right:0px; }
div.selectionList .current   { background-color: #cd0158; color: black; }
div.selectionList .highlited { font-weight: bold; color: black; }
div.selectionListWrap	       { border: 1px solid black; position: absolute; background-color: #DDDDFF;  right:0px; }
div.selectionListWrap div    { cursor: default; padding: 0px 2px; background-color: #DDDDFF; width:100%; right:0px; }
div.selectionListWrap .current   { background-color: #cd0158; color: black; }
div.selectionListWrap .highlited { font-weight: bold; color: black;}
/* flexcomboStyle */
/* flexcomboStyle */ /* nolock */
div.selectionList            { border: 1px solid #444444; position: absolute; background:white url(images/SB/MenuBg.png) repeat-y; width:100%; right:0px; overflow:hidden; }
div.selectionList div        { cursor: default; padding: 0px 2px; background:transparent; width:100%; right:0px; }
div.selectionList .current   { background-color: #cd0158; color: black; }
div.selectionList .highlited { font-weight: bold; color: black; }
div.selectionListWrap	       { border: 1px solid black; position: absolute; background-color: #DDDDFF;  right:0px; }
div.selectionListWrap div    { cursor: default; padding: 0px 2px; background-color: #DDDDFF; width:100%; right:0px; }
div.selectionListWrap .current   { background-color: #cd0158; color: black; }
div.selectionListWrap .highlited { font-weight: bold; color: black;}
/* flexcomboStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.FCValue:disabled { background-color: #C5C5C5 }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* FieldSelectStyle */ /* nolock */
.FieldSelectList    { background-color: #EFEFEF; border:1 solid black; }
.FieldSelectList td { background-color: #EFEFEF; padding:0px; font-family:Verdana; font-size:7pt;}
/* FieldSelectStyle */
/* FilterStyle */ /* nolock */
.FilterDialog        { background-color: #D0D0D0; border:1 solid black; }
.FilterList          { background-color: #CCEEFF; border:1 solid black; }
.FilterList td       { background-color: #CCEEFF; padding:0px; font-family:Verdana; font-size:9pt;}
.FilterList .current { background-color: #3366DD; color: white; }
/* FilterStyle */
/* DataGridStdStyle */ /* nolock */
.DataTable,
.DataTableCompact       { border: 0px;  width:100%; }
.TableItem              { background-color: #FFFFFF; }
.TableItem td           { padding: 2px; border: solid 1px #dadada; }
.TableItemCompact       { background-color: #FFFFFF; }
.TableItemCompact td    { padding-left: 5px; padding-right: 5px; font-size: 9pt; }
.AltTableItem           { background-color: #EEEEEE; }
.AltTableItem td        { padding: 2px;  border: solid 1px #dadada; }
.ALtTableItemCompact    { background-color: #EEEEEE; }
.AltTableItemCompact td { padding-left: 5px; padding-right: 5px; font-size: 9pt; }
.TableHeader,
.TableHeader a,
.TableHeaderCompact 
.TableHeaderCompact a   { Color: #444444; background: #dadada; font-weight: bold; font-size: 8pt; font-family: Tahoma; text-align:center;  border: solid 1px #dadada; }
.TableHeader td		       {  border: solid 1px #dadada; }
.TableFooter,
.TableFooterCompact     { background-color: #808080; color: #FFFFFF; font-size: 9pt; font-family: Tahoma; padding-left: 5px; padding-right: 5px; }
.TableFooter td         { text-align: right; }
.Filter                 { background-color: transparent; border: 0px;  width:100%; }
.FltrLine               { vertical-align: top; }
.FltrCaption            { width: 50; padding:1px;}
.FltrValue              { margin-right: 5pt; padding:1px;}
.FltrButton             { text-align:right; white-space: nowrap; }
.ListHdr                { background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
.AppletTitle            { font-size: medium; font-weight: bold; text-align:left; font-family:ArialRoundedMTBoldBold, Arial; color: #444444; }
.AppletButton, 
.AppletButton img,
.AppletButton a         { text-align:right; vertical-align:middle; }
.Pager td               { background-color: #dadada; margin-top: 3px!important; }
.Pager span				         { font: bold 12pt Verdana; color: #dadada; padding: 1px; border: solid 1px transparent; background-color:#444444; }
.Pager a                { font: bold 12pt Verdana; color: #444444; padding: 1px; border: solid 1px transparent; }
.Pager a:hover          { font: bold 12pt Verdana; color: #444444; padding: 1px; border: solid 1px #444444;}
.AjaxLoading { border: solid 1px #444444; z-index:50; display:none; background-image: url(images/ajax-gray-out.png); background-repeat: repeat;}
.AjaxLoading img { z-index:51;}
/* DataGridStdStyle */
/* FieldSelectStyle */ /* nolock */
.FieldSelectList    { background-color: #EFEFEF; border:1px solid black; }
.FieldSelectList td { background-color: #EFEFEF; padding:0px; font-family:Verdana; font-size:7pt;}
.showFloatingHand { cursor: pointer; }
/* FieldSelectStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* RecordStdStyle */ /* nolock */
.Caption		{ background-color:#dadada; padding-right: 15; }
.RCaption	 { background-color:#dadada; font-weight: bold; padding-right:15; }
.Value			{ background-color:White; padding-left: 10; }
.FCValue		{ background-color: #EBEBEB; font-size:10pt; }
.Disabled	 { background-color:White; padding-left: 10; border-width: 0; }
.Row				{ background-color: #FFFFDD;	}
.Record		 {border:0px; } /* border-collapse:collapse; */
.AppletHdr 	{ background-color: transparent; color: #444444; border: 0px; width:100%; font-family:ArialRoundedMTBoldBold, Arial; font-size: 12pt; font-weight: bold; }
/* RecordStdStyle */
/* StdStyle */ /* nolock */
input, textarea { font-family:verdana,arial,sans-serif!important; font-size:10pt!important; vertical-align:middle; }
body					{ font-family:verdana,tahoma,arial,sans-serif; font-size: 10pt; padding-left: 10%; padding-right: 10%; padding-top:20px; padding-bottom: 20px; }
TD						{ font-size: 10pt; }
a						 { color:#444444; text-decoration: none; }
a:hover			 { text-decoration: underline; }
a.AdminLink	 { font-size: 7pt; color: Teal; }
.hdr					{ width: 100%; margin: 0px; }
.hdr td			 { padding: 0px; }
.ftr					{ font-family: verdana; font-size: 7pt;	}
.button			 { }
.msg					{ font-family: arial, 'lucida console', sans-serif; border: 1px solid #DDDDDD; }
input				 { padding: 1px; }
@media print	{
	.noPrint		{ display: none; }
	.PrintOnly	{ display: block; }
}
@media screen {
	.PrintOnly	{ display: none; }
}
img { border: 0px; vertical-align:middle; }
.applet_message { text-align:center; color: #444444; font-style: italic; }
/* New Header Style */
#header {	width: 100%; }
#headertable { width: 100%; }
#rotor { text-align: center; }
#logobox, .logotitle	{ font-size: 14pt; color: #973f11; vertical-align: top; }
#apptitle { display: inline; font: bold 16pt Times New Roman; color: #973f11; vertical-align:top;}
#logo { display: inline; }
#logo img { height: 84px; }
#loginbox { vertical-align: top; text-align:right; width: 450px;}
#logincontent { width: 100%; }
#logincontent_left { height:84px; background: url(images/SB/bg-searchbox.png) repeat-x top; padding: 0px; text-align: center; }
#logincontent_right { height:84px; background: url(images/SB/bg-right-searchbox.png) no-repeat top left; width: 10px;}
#PageHeader_login_panel { margin-top: 5px; color: White; margin-left: 5px;	}
#PageHeader_userdetails_panel { font-size: 14pt; margin-top: 5px; color: White; margin-left: 5px;	margin-right: 5px;	}
#PageHeader_UserName { font-size: 13pt; font-weight: bold;}
#PageHeader_headermiddle {vertical-align: top; text-align:right;}
#schoollogoimg { height: 84px; }
#topnav { text-align: center; font-size: 11px; padding: 5px; }
#headerbar	{ width: 100%; }
#headerbarleft, #headerbarright { width: 5px;}
#pagetitleholder { background: url(images/SB/bg-path.png) repeat-x; height: 53px; font-size: 14pt; color: White; padding: 10px 10px 0px 10px; vertical-align: top; font-weight: bold; font-family:ArialRoundedMTBoldBold, Arial;}
#menuholder { background: url(images/SB/bg-path.png) repeat-x; height: 53px; text-align:right;}
/* New Footer Style */
#pageftr { color: #444444; width: 100%; border-top: solid 1px #444444; margin-top: 10px;}
#footerappinfo { text-align: left; font-size: 11px;}
#footercompanyinfo { text-align: right; font-size: 11px;}
/* Applet Border Style */
table.sb_applet_border {margin-top: 10px; margin-bottom: 5px; width: 100%;}
td.sb_applet_tl { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base.png); background-position: top left; }
td.sb_applet_tr { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base.png); background-position: top right; }
td.sb_applet_t { height: 35px; background-image: url(images/SB/sb_applet_border_base_ver.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }
td.sb_applet_bl { height: 15px; width: 15px; background-image: url(images/SB/sb_applet_border_base.png); background-position: bottom left; }
td.sb_applet_br { height: 15px; width: 15px; background-image: url(images/SB/sb_applet_border_base.png); background-position: bottom right; }
td.sb_applet_b { height: 15px; background-image: url(images/SB/sb_applet_border_base_ver.png); background-position: bottom; background-repeat: repeat-x; }
td.sb_applet_l { height: 15px; background-image: url(images/SB/sb_applet_border_base_hor.png); background-position: left; background-repeat: repeat-y; }
td.sb_applet_r { height: 15px; background-image: url(images/SB/sb_applet_border_base_hor.png); background-position: right; background-repeat: repeat-y; }
td.sb_applet_bmir { height: 35px; background-image: url(images/SB/sb_applet_border_base_ver_mirrored.png); background-position: bottom; background-repeat: repeat-x; vertical-align:bottom; }
td.sb_applet_blmir { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base_mirrored.png); background-position: bottom left; }
td.sb_applet_brmir { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base_mirrored.png); background-position: bottom right; }
td.sb_applet_tllarger { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base.png); background-position: top left; }
td.sb_applet_trlarger { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base.png); background-position: top right; }
td.sb_applet_tlarger { height: 35px; background-image: url(images/SB/sb_applet_border_base_ver.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }


td.sb_applet_m { background: #dadada; }
/* Filter Border Style */
table.sb_filter_border {margin-top: 10px; margin-bottom: 5px; width: 100%;}
td.sb_filter_tl { height: 35px; width: 15px; background-image: url(images/SB/sb_filter_base.png); background-position: top left; }
td.sb_filter_tr { height: 35px; width: 15px; background-image: url(images/SB/sb_filter_base.png); background-position: top right; }
td.sb_filter_t { height: 35px; background-image: url(images/SB/sb_filter_ver.png); background-position: top; background-repeat: repeat-x; vertical-align:top; text-align:right; }
td.sb_filter_bl { height: 15px; width: 15px; background-image: url(images/SB/sb_filter_base.png); background-position: bottom left; }
td.sb_filter_br { height: 15px; width: 15px; background-image: url(images/SB/sb_filter_base.png); background-position: bottom right; }
td.sb_filter_b { height: 15px; background-image: url(images/SB/sb_filter_ver.png); background-position: bottom; background-repeat: repeat-x; }
td.sb_filter_l { height: 15px; background-image: url(images/SB/sb_filter_hor.png); background-position: left; background-repeat: repeat-y; }
td.sb_filter_r { height: 15px; background-image: url(images/SB/sb_filter_hor.png); background-position: right; background-repeat: repeat-y; }
td.sb_filter_m { background-color: transparent; }
td.sb_filter_t table { width: 100%; }
/* Applet border transparent */
table.sb_applet_border_transp {margin-top: 10px; margin-bottom: 5px; width: 100%;}

td.sb_applet_transp_tllarger { height: 50px; width: 15px; background-image: url(images/SB/sb_applet_border_base_transp.png); background-position: top left; }
td.sb_applet_transp_trlarger { height: 50px; width: 15px; background-image: url(images/SB/sb_applet_border_base_transp.png); background-position: top right; }
td.sb_applet_transp_tlarger { height: 50px; background-image: url(images/SB/sb_applet_border_base_ver_transp.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }


td.sb_applet_transp_tl { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base_transp.png); background-position: top left; }
td.sb_applet_transp_tr { height: 35px; width: 15px; background-image: url(images/SB/sb_applet_border_base_transp.png); background-position: top right; }
td.sb_applet_transp_t { height: 35px; background-image: url(images/SB/sb_applet_border_base_ver_transp.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }
td.sb_applet_transp_bl { height: 15px; width: 15px; background-image: url(images/SB/sb_applet_border_base_transp.png); background-position: bottom left; }
td.sb_applet_transp_br { height: 15px; width: 15px; background-image: url(images/SB/sb_applet_border_base_transp.png); background-position: bottom right; }
td.sb_applet_transp_b { height: 15px; background-image: url(images/SB/sb_applet_border_base_ver_transp.png); background-position: bottom; background-repeat: repeat-x; }
td.sb_applet_transp_l { height: 15px; background-image: url(images/SB/sb_applet_border_base_hor_transp.png); background-position: left; background-repeat: repeat-y; }
td.sb_applet_transp_r { height: 15px; background-image: url(images/SB/sb_applet_border_base_hor_transp.png); background-position: right; background-repeat: repeat-y; }
td.sb_applet_transp_m { background: transparent; }
/* Pink border transparent -- vakken */
table.sb_pink_border {margin-top: 10px; margin-bottom: 5px; width: 100%;}
td.sb_pink_border_tl { height: 35px; width: 15px; background-image: url(images/SB/sb_pink_border_base.png); background-position: top left; }
td.sb_pink_border_tr { height: 35px; width: 15px; background-image: url(images/SB/sb_pink_border_base.png); background-position: top right; }
td.sb_pink_border_t { height: 35px; background-image: url(images/SB/sb_pink_border_ver.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }
td.sb_pink_border_bl { height: 15px; width: 15px; background-image: url(images/SB/sb_pink_border_base.png); background-position: bottom left; }
td.sb_pink_border_br { height: 15px; width: 15px; background-image: url(images/SB/sb_pink_border_base.png); background-position: bottom right; }
td.sb_pink_border_b { height: 15px; background-image: url(images/SB/sb_pink_border_ver.png); background-position: bottom; background-repeat: repeat-x; }
td.sb_pink_border_l { height: 15px; background-image: url(images/SB/sb_pink_border_hor.png); background-position: left; background-repeat: repeat-y; }
td.sb_pink_border_r { height: 15px; background-image: url(images/SB/sb_pink_border_hor.png); background-position: right; background-repeat: repeat-y; }
td.sb_pink_border_m { background: transparent; }
/* gray box */
table.sb_graybox {margin-top: 10px; margin-bottom: 5px; width: 100%;}
td.sb_graybox_tl { height: 35px; width: 15px; background-image: url(images/SB/sb_bg_boek.png); background-position: top left; }
td.sb_graybox_tr { height: 35px; width: 15px; background-image: url(images/SB/sb_bg_boek.png); background-position: top right; }
td.sb_graybox_t { height: 35px; background-image: url(images/SB/sb_bg_boek_ver.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }
td.sb_graybox_bl { height: 15px; width: 15px; background-image: url(images/SB/sb_bg_boek.png); background-position: bottom left; }
td.sb_graybox_br { height: 15px; width: 15px; background-image: url(images/SB/sb_bg_boek.png); background-position: bottom right; }
td.sb_graybox_b { height: 15px; background-image: url(images/SB/sb_bg_boek_ver.png); background-position: bottom; background-repeat: repeat-x; }
td.sb_graybox_l { height: 15px; background-image: url(images/SB/sb_bg_boek_hor.png); background-position: left; background-repeat: repeat-y; }
td.sb_graybox_r { height: 15px; background-image: url(images/SB/sb_bg_boek_hor.png); background-position: right; background-repeat: repeat-y; }
td.sb_graybox_m { background: White; }
/* green box */
table.sb_greenbox {margin-top: 10px; margin-bottom: 5px; width: 100%;}
td.sb_greenbox_tl { height: 35px; width: 15px; background-image: url(images/SB/sb_bg_green_base.png); background-position: top left; }
td.sb_greenbox_tr { height: 35px; width: 15px; background-image: url(images/SB/sb_bg_green_base.png); background-position: top right; }
td.sb_greenbox_t { height: 35px; background-image: url(images/SB/sb_bg_green_ver.png); background-position: top; background-repeat: repeat-x; vertical-align:top; }
td.sb_greenbox_bl { height: 15px; width: 15px; background-image: url(images/SB/sb_bg_green_base.png); background-position: bottom left; }
td.sb_greenbox_br { height: 15px; width: 15px; background-image: url(images/SB/sb_bg_green_base.png); background-position: bottom right; }
td.sb_greenbox_b { height: 15px; background-image: url(images/SB/sb_bg_green_ver.png); background-position: bottom; background-repeat: repeat-x; }
td.sb_greenbox_l { height: 15px; background-image: url(images/SB/sb_bg_green_hor.png); background-position: left; background-repeat: repeat-y; }
td.sb_greenbox_r { height: 15px; background-image: url(images/SB/sb_bg_green_hor.png); background-position: right; background-repeat: repeat-y; }
td.sb_greenbox_m { background: White; }
.VakHdr { color: White; font-weight: bold; }
.BoekHdr				{ color: #444444; font-weight: bold; border-bottom: solid 1px #444444;}
img.sb_icon_btn { cursor: pointer; }
/* spacers */
.sb_spacer { width: 15px; height: 15px; }
.sb_spacer_high { width: 15px; height: 35px; }
/* pagina : applicationGeneralError */
.general_error {text-align: center; font-size: larger;}
/* StdStyle */
/* PrettyprintingStyle */ /* nolock */
div.sqlexpr     { margin:	0px 0px 0px 0px; margin-right: 50px; font-family: Courier New; font-size:10pt; font-weight: normal; }
table.Message   { border: solid 2px darkgreen; background-color: #C0F8B1; margin: 10px 10px 10px 10px; width: 95%; }
table.DBError   { border: solid 2px darkred; margin: 10px 10px 10px 10px; background-position: right; background-image: url(images/database.png); background-repeat: no-repeat; width: 95%; }
table.Error     { border: solid 2px darkred; margin: 10px 10px 10px 10px; background-color: #FFC48A; width: 95%; }
table.Warning   { border: solid 2px #C2BE46; background-color: #FAF1B4; margin: 10px 10px 10px 10px; width: 95%; }
td.MessageTitle { font: normal bold 14pt Verdana; color: Gray; }
.msg            { font-family: arial, 'lucida console', sans-serif; border: 1px solid #DDDDDD; padding: 5px 5px 5px 5px; margin:	5px 5px 55px 5px; }
/* PrettyprintingStyle */

/* SBS ArtikelTypes */
.SB_Artikel { background-color: silver; }

/* Mod4 shoppingbasket */
.panel-title
{
    margin: 5px;
    font-size: 1.2em;
    font-weight: 200;
    text-decoration: underline;
}
.panel-title:nth-child(3)
{
    margin-top: 20px;    
}
.span-title
{
    margin-bottom: 2px;
    font-size: 1.2em;
    font-weight: 200;
    text-decoration: underline;
    white-space: nowrap;
}
.panel-prijs
{
    margin-top: 15px;    
}
.panel-prijs:nth-child(1)
{
    margin-top: inherit;
}
.overviewBestelling > tbody > tr > td
{
    width: 100%;
}
.overviewBestelling > tbody > tr > td:first-child
{
    width: auto;
}
.icon-play 
{
    margin-left: 4px;
    margin-top: -1px;
    width: 20px;
    height: 20px;  /* width of the image plus a little extra padding */
    /*display: block;*/  /* may not need this, but I've found I do */
}
.link-btn 
{
    background: transparent url("images/SB/Icons/23-arrow-right.png") no-repeat;
    border: medium none;
    font-family: ArialRoundedMTBoldBold,Arial !important;
    font-weight: bold;
    color: rgb(68, 68, 68);
    padding-left: 22px;
}
.link-btn:hover 
{
    text-decoration: underline;
    cursor: pointer;
}

/* Scrollbar overflow fix */
#xmlMenu 
{
    word-break: break-all;
}

.border-container-red {
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(223,13,13,1) 80%, rgba(213,75,75,1) 100%);
    padding: 30px 5px 5px 5px;
}
.border-container-blue {
    border-radius: 5px;
    background: linear-gradient(0deg, rgba(15,166,209,1) 80%, rgba(75,180,210,1) 100%);
    padding: 30px 5px 5px 5px;
}

.border-container-title {
    position: relative;
    top: -25px;
    left: 10px;
    height: 0px;
    font-family: ArialRoundedMTBoldBold, Arial;
    font-size: medium;
    font-weight: bold;
    color: #333;
}

.message-container {
    border-radius: 5px;
    background-color: #eee;
    padding: 10px;
}