*::-webkit-scrollbar { height: 8px;width: 8px;background: #d0d0d0; border-left:1px solid #9a9a9a;}
	*::-webkit-scrollbar-thumb {background: #868686; }
 
	h2.title
	{
		width:calc(100% + 40px);
		background:#fff;
		padding:3px;
		margin:5px auto;
		margin-left:-20px;
		text-align:center;
		font-size:14px;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
	}
	body{margin:0;padding:0;background:#e9e9e9;font-family: 'Avenir','Roboto', sans-serif;font-size:13px;} 
	body *{
		font-family: 'Avenir','Roboto', Arial, sans-serif;
	}
	#header{
		position:relative;
		height:100px;
		line-height:100px;
		font-size:20px; 
		color:#333;
		text-align:center; 
		border-bottom:1px solid #888;
		background: rgb(222,239,255);
		background: -moz-linear-gradient(top,  rgba(222,239,255,1) 0%, rgba(152,190,222,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
		background: linear-gradient(to bottom,  rgba(222,239,255,1) 0%,rgba(152,190,222,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );

	}
	#header #logo
	{
		width:300px;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		background-image:url(../images/logoBoetie.jpg);
		background-position:20px center;
		background-repeat:no-repeat;
		background-size:auto calc(100% - 4px);
	}
	#menu{
		background:#a9a9a9;
		height:30px;
		line-height:30px;
		font-size:14px;
		color:#333;
		text-align:center; 
		border-bottom:1px solid #888;
	}
	#maincontent ul{margin:0;padding:0;clear:both;}
	#maincontent ul li {margin:5px;list-style-type:none;padding-left:0px;}
	#menu ul{margin:0;padding:0;clear:both;}
	#menu ul li { margin:0;padding:0;list-style-type:none;display:inline-block;float:left;border-right:1px solid #999;}
	html body #maincontent  ul.ui-tabs-nav li a{ outline:none;}
	html body #maincontent  ul.ui-tabs-nav li {
		margin:0px 5px;
		margin-top:2px;
		outline:none;
	}
	#menu ul li a { 
		display:inline-block; min-width:120px;padding:0px 16px;text-align:center;vertical-align:middle;background:#444;color:white;
		background: rgb(69,72,77);
		background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 );
	}
	#menu ul li a:hover{
		background: rgb(0,0,0);
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(69,72,77,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(69,72,77,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 );
	}
	#menu ul li a.dec{
		background: rgb(146,0,32);
		background: -moz-linear-gradient(top,  rgba(146,0,32,1) 0%, rgba(0,0,0,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(146,0,32,1) 0%,rgba(0,0,0,1) 100%);
		background: linear-gradient(to bottom,  rgba(146,0,32,1) 0%,rgba(0,0,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920020', endColorstr='#000000',GradientType=0 );
	}
	#menu ul li a.dec:hover{
		background: rgb(0,0,0);
		background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(146,0,32,1) 100%);
		background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(146,0,32,1) 100%);
		background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(146,0,32,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#920020',GradientType=0 );
	}
	#maincontent{
		padding:6px 20px;
	}
	table {width:400px;border:1px solid #aaa;margin-left:16px;margin-top:4px;font-size:13px;}
	table tr td{background:#fff}
	table tr.alt td{background:#f2f2f2}
	table tr.top td{background:#333;color:white;}
	table tr td[contentEditable]:focus{
		background:#cae7ff;
	}
	.textCenter{text-align:center;}
	
	form p label
	{
		display:inline-block;
		min-width:250px;
		max-width:500px;
		vertical-align:top;
	}
	form p input
	{
		width:250px;
		border:1px solid #aaa;
		border-radius:4px;
		font-size:12px;
		font-weight:bold;
		color:#333;
		padding-right:8px;
		padding-left:8px;
		outline:none;
	}
	form p textarea
	{
		width:250px;
		height:100px;
		border:1px solid #aaa;
		border-radius:4px;
		font-size:12px;
		font-weight:bold;
		color:#333;
		padding-right:8px;
		padding-left:8px;
		vertical-align:top;
		outline:none;
	}
	fieldset
	{
		margin:0;
		padding:0;
		background:#fff;
		box-sizing:border-box;
		padding:10px;
		border :1px solid #aaa;
		border-radius:4px;
	}
	fieldset legend
	{
		background:#2f2f2f;
		color:white;
		border:1px solid #aaa;
		border-radius:4px;
		width:50%;
		margin:0px auto;
		padding:2px 8px;
		text-align:center;
		
	}
	fieldset table
	{
		margin:5px auto;
	}