/* Common styles*/
	body {
		margin:0;
		padding:0;
		font:normal 9pt 'Trebuchet MS', Verdana, Arial, sans-serif;
		background:#666 url(img/05.gif) left top repeat;
		}
	body * {
		font-family: inherit;
		font-size: inherit;
		}

	a, a:visited, a:link { 
		color:#46d;
		text-decoration:none;
		}
	a:hover { 
		/*background-color:#f4f4ff; */
		text-decoration:underline;
		}

	.wrapper {
		width:100%;
		margin:0;
		padding:15px 0 10px 0;
		font:normal 8pt Verdana, Arial, 'Trebuchet MS', sans-serif;
		text-align:center;
		}
	.shadow-l {width:764px; margin:auto; border:1px solid #666;}
	.shadow-d {width:762px; margin:auto; border:1px solid #444;}
	.shadow-sd {width:760px; margin:auto; border:1px solid #222; background-color:white;}
	.header {
		clear:both;
		width:760px;
		height:99px;
		margin:0 auto;
		padding:0;
		}
	.footer {
		clear:both;
		height:10px;
		padding:8px 5px;
		font-size:7pt;
		color:#666;
		text-align:left;
		vertical-align:middle;
		background:#eee url(img/02.gif) left top repeat-x;
		}

/* */
	.content {
		padding:0;
		background-color:white;
		text-align:left;
		vertical-align:top;
		}
	.menu {
		position:relative;
		float:left;
		width:170px;
		margin:0;
		padding:0;
		/*background-color:red;*/
		}
	.body {
		width:537px;
		min-height:430px;
		overflow:visible;
		margin:0 0 0 180px;
		padding:20px 10px 30px 10px;
		/*background-color:green;*/
		}
	html > body .body {width:560px;}

	h1 {
		margin:5px 0 2px 0;
		font:bold 13pt Arial,'Trebuchet MS', sans-serif;
		color:#036;
		}
	h2 {
		margin:5px 0 2px 0;
		font:bold 11pt Arial,'Trebuchet MS', sans-serif;
		color:#036;
		}
	p, p.new {
		margin:15px 0;
		font:normal 9pt 'Trebuchet MS', Verdana,Arial, sans-serif;
		color:#444;
		}
	p.new {margin:5px 0;}
	div.lang {
		width:160px;
		margin:10px 0 10px 0;
		}
	.en, .bg {
		display:block;
		margin-left:10px;
		padding:4px 0 4px 24px;
		font-size:10px;
		}
	.bg { background:transparent url(img/03.gif) 0 50% no-repeat;  }
	.en { background:transparent url(img/04.gif) 0 50% no-repeat; }

	.editpage {
		padding-left:18px !important;
		background-image:url(icon/edit.gif) !important; 
		background-repeat:no-repeat !important; 
		background-position: 2px 2px; 
		}

/* Navigation */
	#nav {
		width:170px;
		margin:0;
		padding:0;
		font:normal 8pt Verdana,Arial,'Trebuchet MS',sans-serif;
		/*background-color:blue;*/
		}
	#nav ul {
		margin:0;
		padding:0;
		}
	#nav li {
		margin:0;
		padding:0;
		list-style:none;
		}
	#nav a:link, #nav a:visited {
		display:block;
		width:150px;
		padding:8px 10px;
		color:#333;
		font-weight:normal;
		text-decoration:none;
		background:transparent url(img/02.gif) left bottom repeat-x; 
		}
	#nav a:hover { background-color:#e5effa; }

	#nav a.sel:link, 
	#nav a.sel:visited {
		font-weight:bold;
		background-color:#e5effa;
		}
/* Admin panel */
	div.admin {
		width:165px;
		margin:10px 0;
		padding:6px;
		font-size:7.5pt;
		line-height:11pt;
		color:#555;
		background:transparent url(img/02.gif) left top repeat-x;
		}

/* Admin menu */
 	.admin-nav {
		display:table;
		width:555px;
		margin:0 0 10px 0;
		padding:0;
		border-bottom:1px solid #b5bffa;
		/*background-color:blue;*/
		}
	.admin-nav a:link, 
	.admin-nav a:visited {
		display:table;
		float:left;
		margin:0 0 0 4px;
		padding:4px 5px;
		color:#333;
		font-weight:normal;
		text-decoration:none;
		background-color:#eee; 
		border:1px solid #aaa;
		border-bottom:0;
		}
	.admin-nav a.sel:link, 
	.admin-nav a.sel:visited { 
		background-color:#e5effa;
		border:1px solid #a5affa;
		border-bottom:0;
		}
	.admin-nav a:hover {
		background-color:#f0ffee;
		border:1px solid #88bb88;
		border-bottom:0;
		}

/* System log CSS */
	.system_log { 
		margin:0;
		padding:10px;
		font:normal 8.5pt Verdana, Arial, Helvetica, sans-serif;
		text-align:left;
		background-color:#999; 
		border-top:1px solid #666;
		}

/* Messages */
	div#msg .mdb-err, 
	div#msg .merr, 
	div#msg .mwarn, 
	div#msg .minfo, 
	div#msg .mtrace
	{
		margin-left: 1px;
		padding:3px 5px 3px 22px;
		font:normal 9pt 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
		background-repeat:no-repeat;
		background-position:3px 3px;
		background-color:#fee;
		color:#444;
	}
	div#msg .merr{ background-image: url(icon/err.gif); color: #f30; }
	div#msg .mdb-err{ 
		background:#fee url(icon/err.gif) 3px 3px no-repeat; 
		/*border-bottom:1px solid #fcc;*/
		}
	div#msg .minfo { 
		background:#def url(icon/info.gif) 3px 3px no-repeat; 
		/*border-bottom:1px solid #9cf;*/
		}
	div#msg .mwarn { }
	div#msg .mtrace { background-image: url(icon/bug.gif); }

	div.tips
	{
		margin:10px auto;
		padding:5px 5px;
		font:normal 9pt 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
		background-color:#def;
		color:#444;
		border:1px solid #9cf;
	}

/* Form elements */
	form {
		margin:0;
		padding:0;
		}
	table.form,	table.form_ {
		/*width:500px;*/
		margin:0 0 2px 0;
		padding:1px;
		background-color:#eee !important;
		border-bottom:1px solid #aaa;
		}
	table.form th {padding:1px 5px 1px 5px; font-weight:normal;}
	table.form td {padding:1px 5px 1px 5px;}

	table.form_ th {padding:1px 0 1px 5px; font-weight:normal;}
	table.form_ td {padding:1px 0 1px 0;}

	input, textarea {
		font:normal 9pt 'Trebuchet MS', Verdana;
		color:#333;
		}
	.btn, .update-btn, .del-btn {
		width:auto;
		overflow:visible;
		margin:1px 0;
		padding: 0 4px;
		font:normal 9pt 'Trebuchet MS', Verdana;
		color:#333;
		background:transparent url(img/btn.gif) 0 0 repeat-x;
		border-top:1px solid #bbb; border-right:1px solid #999; border-bottom:1px solid #999; border-left:1px solid #bbb;
	    /*padding: 0 .25em;*/
		}
	.update-btn { color:#0000CC;}
	.del-btn { color:#CC0000;}
	#html_text { 
		width:550px;
		height:400px;
		}
	.txt {
		margin:1px 0;
		padding-left:2px;
		line-height:10pt;
		font:normal 9pt "Trebuchet MS",Arial,Verdana;
		vertical-align:middle;
		border-top:1px solid #aaa; border-right:1px solid #888; border-bottom:1px solid #888; border-left:1px solid #aaa;
		}
	.small { width:40px !important; }
	.little { width:100px !important; }
	.short { width:150px !important; }
	.medium { width:300px !important; }
	.big { width:420px !important; }
	.huge { width:520px !important; }
	.inf { width:100% !important; }
	
	.r {text-align:right !important;}
	.c {text-align:center !important;}
	.cbx {vertical-align:middle;}

	.feedback {width:395px;}
	.feedback table {
		font:normal 9pt "Trebuchet MS",Arial,Verdana,sans-serif;
		color:#333;
		}
	.feedback table td,
	.feedback table th {
		text-align:left;
		padding:5px;
		background-color:#eee;
		}
	.feedback table th {
		background-color:#e8e8e8;
		border-left:1px solid #ddd;
		}
	.feedback table td {
		border-right:1px solid #ddd;
		}

	/*
	table.contactform th,
	table.contactform tr,
	table.contactform,
	{
		background-color:transparent !important;
	}
	*/


/* List */
	table.list {
		width:100%;
		margin:1px auto;
		padding:0;
		background:white;	
		border:1px solid #ccc;
		}
	table.list small { 
		margin:2px 0;
		font:normal 7.5pt Verdana,Arial,"Trebuchet MS",sans-serif; 
		}
	table.list thead td {
		padding:2px 4px;
		font:bold 9pt "Trebuchet MS",Verdana,Arial;
		letter-spacing:0.4px;
		color:#333;
		}
	table.list thead tr {background:#ccc;}
	table.list tbody th {
		padding:2px 4px;
		color:#ddd;
		font-weight:bold;
		}
	table.list tbody td {padding:2px 4px;}
	table.list tbody tr {background-color:#eee;}
	table.list tbody td.subcat {padding-left:15px;}
	td.dtime {color:#777;}
	td.uname {color:#393;}
	table.list table th, table.list table td {color:#333;background-color:#ddd;}

/* Common styles */
	img {vertical-align:middle;}
	a img {border:0;}
	ul {
		margin:5px 0 5px 40px;
		padding:0;
		font:normal 9pt 'Trebuchet MS',Arial,Verdana,sans-serif;
		}
	li {
		margin:0;
		padding:0;
		}
	small{
		font:normal 7.5pt Verdana,Arial,'Trebuchet MS', sans-serif;
		color:#888;
		}

/* CREDITS */
	div.credits {
		width:758px;
		margin:1px auto;
		padding:2px 2px 10px 2px;
		text-align:right;
		font-family: Verdana, _sans;
		font-size: 7pt;
		color: #aaa;
	}

	div.credits a, 
	div.credits a:link, 
	div.credits a:visited
	{
		color: #bbb !important;
		padding-left: 2px;
		padding-right: 2px;
	}
	div.credits a:hover
	{
		color: #fff !important;
		background: #555;
	}
	span.bk {
		color: #aaa;
	}