/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF; /*url(../i/img01.gif) repeat-x;*/
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif,Khmer Kampot, Khmer OS Battambang;
	font-size: 13px;
	/*color: #737373;*/
	color: #000000;
}

form {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1, h2, h3 { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1em; }
p, ul { margin-bottom: 1.8em; line-height: 160%; }
blockquote { }
a { color: green; text-decoration: none; font-weight: bold; }
a:hover {text-decoration: underline; }
.rollOver{ background:#ffffcc; color:#000;}
.rollOut{	}	
/*a:hover { text-decoration: none; }*/
hr { display: none; }
a.add { background: transparent url(../i/add.png) 0px 1px no-repeat; padding: 1px 0px 1px 17px; }
a.edit { background: transparent url(../i/b_edit.png) 0px 1px no-repeat; padding: 1px 0px 1px 17px; }
a.delete { background: transparent url(../i/delete1.gif) 0px 1px no-repeat; padding: 1px 0px 1px 17px; }
a.tag { background: transparent url(../i/application_add.png) 0px 1px no-repeat; padding: 1px 0px 1px 18px; }
a.copy { background: transparent url(../i/copy.gif) 0px 1px no-repeat; padding: 1px 0px 1px 18px; }

/* Menu */
#menu { width: 960px; height: 45px; margin: 0 auto; padding: 0px 0; background: url(../i/img02.jpg) no-repeat center top; }
#menu ul { height: 45px; margin: 0; padding: 0; background: url(../i/img03.gif) no-repeat; list-style: none; }
#menu li { float: left; height: 45px; background: url(../i/img03.gif) no-repeat right top; }
#menu a { float: left; height: 20px; margin: 0px; padding: 10px 15px; text-decoration: none; text-transform: uppercase; font-size: smaller; font-weight: bold; color: #000000; }
#menu a:hover { background: url(../i/img02.gif) repeat-x; color: #FFFFFF; height: 45px; }
#menu .current_page_item a { height: 45px; color: #FFFFFF; }

/* Logo */
#logo { width: 960px; height: 65px; margin: 0 auto; border-bottom: 3px solid #3F3F3F; color: #414141; }
#logo h1, #logo h2 { margin: 0; padding: 0 20px; }
#logo h1 { float: left; padding-top: 30px; letter-spacing: -3px; text-transform: uppercase; font-size: 3em; }
#logo h2 { float: right; padding-top: 49px; letter-spacing: -1px; text-transform: uppercase; font-weight: bold; font-size: 16px; }


/* Option */
#option { border: 1px solid #B9B9B9; padding: 1px 10px 5px 10px; padding-bottom: 10px; }
#option select { font-family: Trebuchet MS,Tahoma, Verdana, Khmer Kampot, Khmer OS Battambang;  height: 28px; vertical-align: middle; }

label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

td.field input.error, td.field select.error, tr.errorRow td.field input,tr.errorRow td.field select {
	border: 2px solid red;
	background-color: #FFFFD5;
	margin: 0px;
	color: red;
}

/* title */

#title { background: url(../i/bg_viewpane.png) repeat-x; padding-top: 1px;}

/* viewPane */
#viewPane { padding: 1px 5px 5px 5px; }
#viewPane strong.note { font-size: small; font-weight: bold; text-decoration: underline ; font-style:italic; }
#viewPane strong.caption {font-size: medium; font-weight: bold; text-align:left;}

/* Page */
#page { width: 960px; margin: 0 auto; padding: 30px; }

/* Content */
#content {  }

.title { margin: 0; padding: 5px 5px; letter-spacing: 0px; border-bottom: 1px solid #B9B9B9; text-transform: uppercase; font-size: 24px; }
.title a { text-decoration: none; }
.entry { padding: 10px 2px; }
.meta { height: 26px; background: #F5F5F5; border-top: 1px solid #E9E9E9; text-decoration: none; text-transform: uppercase; font-size: smaller; }
.posted { float: left; height: 16px; padding: 5px 10px; }
.permalink, .post .comments { float: right; height: 16px; padding: 5px 10px; }
.permalink { }

/* Sidebar */
#sidebar { float: left; width: 200px; }
#sidebar ul { padding: 0 10px; list-style: none;}
#sidebar li { margin: 0; padding-left: 20px; padding-bottom: 5px; background: url(../i/icons.png) no-repeat; }
#sidebar p { padding: 0 10px; }

#sidebar h2 {
	height: 20px;
	margin: 0;
	padding: 6px 0 5px 10px;
	border-top: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
}




/* Search */
#search form { padding: 20px; }
#search br { display: none; }
#search #s { width: 135px; }

/* Footer */
#footer {
	clear: both;
	width: 960px;
	height: 50px;
	margin: 0 auto;
	padding: 10px 0;
	border-top: 3px solid #3F3F3F;
	font-size: smaller;
}

#footer p {
	margin: 0;
	text-align: center;
	line-height: normal;
}

/* ------------- inline tables ------------- */
/*
table.inline {background-color: #fff; border-spacing: 0px; border-collapse: collapse; width: 100%; }
table.inline caption {font-size: medium; font-weight: bold; text-align:left; }
table.inline th {padding: 3px; border: 1px solid #CCCCCC; background-color: #E0FFFF;}
table.inline td {padding: 3px; border: 1px solid #CCCCCC; }
table.inline td.bold { font-weight: bold; }
table.inline td.tab {  padding-left: 30px; text-align: left;}
table.inline tr.separate { background-color: #F5F5F5; font-weight:bolder;}
*/

table.outline {background-color: #fff; border-spacing: 0px; border-collapse: collapse; width: 100%; }
table.outline th {padding: 3px; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9;  background-color: #F5F5F5;}
table.outline td {padding: 3px; border-bottom: 1px solid #E9E9E9;}

div.section { border: 1px solid #CCCCCC; padding: 5px; margin-bottom: 10px; background-color: #F5F5F5; }

div.note { float: left; font-size: small; font-weight: bold; text-decoration: underline ; font-style:italic;}
div.caption {font-size: medium; font-weight: bold; text-align:left;}

table.inline {
	border-collapse:collapse;
	border:1px solid #CCC;
	width:100%;
	color:#333 !important;
}

table.inline caption {font-size: medium; font-weight: bold; text-align:left; }
table.inline th {padding: 3px; border: 1px solid #CCCCCC; background-color: #E0FFFF;}
table.inline td {padding: 3px; border: 1px solid #CCCCCC; }
table.inline td.bold { font-weight: bold; }
table.inline td.tab {  padding-left: 30px; text-align: left;}
table.inline tr { line-height: 22px; }
table.inline tr.separate { background-color: #F5F5F5; font-weight:bolder;}

table.inline tr:hover td{
	background:#F9FBB5;
	color:#000 !important;
}
/*
.inline tr:hover td:hover{
	background: #CCBE15 !important;
	color:#FFF !important;
}
*/

#load {  


display: none; 
position: absolute;  
right: 10px; 
top: 10px;  
background: url(images/ajax-loader.gif); 


}