﻿body{
	background:#FFF;
	color:#333;
	line-height:normal;
	margin:0px;
	}	
*{
	font-family: "Khmer OS Battambang" , "Khmer OS" !important;	
	font-size:13px;
}
table{
	border-collapse:collapse;
}
table th{
	vertical-align:top;
	padding:2px;
}
table td{
	vertical-align:top;
	padding:2px;
}
table td.gray{
	background:#f9f9f9;	
}
form{
	margin:0px;
	color:#555;}
form .text,
form .select,
form .textarea{
	margin:2px;
	border:1px solid #BBB;
	padding:3px;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}
form .text{
	height:25px;
	width: 200px;	
}

form .textarea
{
	width: 400px;
}
form .searchbox{
	background:url(img/icon_search.png) left center no-repeat;
	padding-left:25px;
	height:25px;	
	border:1px solid #BBB;
	margin-top:5px;
}
form .searchbox:hover,
form .searchbox:focus{
	background:#F7FDF7 url(img/icon_search.png) left center no-repeat;
	padding-left:25px;
	height:25px;	
	border:1px solid #999;
	margin-top:5px;
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}
form .select,
form .select:hover{
	padding:2px !important;
	line-height:normal ;
}
form .select option{
	padding: 0 5px;

}
form .select:hover,
form .select:focus,
form .text:hover,
form .text:focus,
form .textarea:hover,
form .textarea:focus{
	margin:2px;
	border:1px solid #999;
	padding:3px;
	background:#F7FDF7;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}
form .button{
	background:url(images/bg_button_header.png) left center repeat-x;
	padding:2px 15px;
	border:1px solid #BBB;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}
form .button:hover{
	background:url(images/bg_button_header.png) left center repeat-x;
	padding:2px 15px;
	border:1px solid #999;
	cursor:pointer;
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}

form.cmxform label.error, label.error {
	color: red;
	font-style: italic;
	font-family:Arab, Arial, Vadana;
	font-size:10px;
	}
img{
	border:0px}
p{
	margin:5px 0 5px 0;
	text-align:justify;
	color:#333;
	line-height:normal;
	}
h1{
	font-size:200%;
	font-family: "Khmer OS","Khmer OS Muol";
	font-weight:lighter;
	color:#900;
	margin:0px;
	padding:0px;
	text-align:left;
	}
h1.title{
	font-size:12pt;
	font-family: "Khmer OS Battambang", "Khmer Muol", "Khmer OS","Khmer OS Muol";
	font-weight:lighter;
	color:#FFF;
	margin:-2px 5px;
	padding:0px 0px;
	text-align:left;
	float:left;
	}
.blockUI h1{
	text-align:center!important;
	border:1px solid #333!important;
	padding:3px 0!important;
}
h2{
	font-size:150%!important;
	color:#930;
	font-weight:lighter!important;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	text-align:left;
	}
h3{
	font-size:120%;
	color:#930;
	font-weight:lighter;
	margin: 0 0 5px 0;
	text-align:left;
	}

div#msg{
	display:none;
	color:#C00;
}
div#msg img{
	margin-right:5px;
	vertical-align:middle;
}
small{
	font-size:10px;	
}
pre{
	font-family:"Courier New", Courier, monospace;	
}

a:link, a:visited, a:active{
	text-decoration:none;
	color:#3C863E;
	}
a:hover {
	text-decoration: underline;
	color:#105a03;
	}

#search_result_link{
  text-decoration:underline;
  color:Blue;
  font-size:15px;
  font-weight:lighter;
  line-height:20px;
}

/*___________________________________________ helper class ___________________________________________*/

div.period {
  padding-left: 5px;
  /*font-weight: bold;*/
  background-color: #EFEFEF;
}

div.title {
  color: #3B5998 !important;
  margin: 5px;
  width: 210px;
  
}

div.description {
  /*width: 480px;*/
  margin: 5px;
  padding-bottom: 10px;
  
}

div.event {
  padding-right: 5px;
}

.add_round{
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
}
.add_shadow{
    -moz-box-shadow: 0 0 6px #ccc;  
    -webkit-box-shadow: 0 0 6px #ccc;
}
.add_underline{
	text-decoration:underline;
}
.floatleft {
	float:left;
}
.floatright{
	float:right;
}
.textright{
	text-align:right !important;
}
.textcenter{
  text-align:center !important;
}
.makebold{
	font-weight:bold;
}
.makethin{
	font-weight:lighter;
}
.makered{
	color:#F00;
}
.makegray{
	color:#CCC;
}
.makesmaller{
	font-size:10px;
}
.clear{
	clear:both;
}
.readmore{
	text-align:left;
	padding:10px 0px 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
.readmore a:link, .readmore a:visited, .readmore a:active{
	text-align:left;
	background:url(img/bg_readmore.jpg) left center no-repeat;
	padding:10px 0px 10px 15px;
}
.readmore a:hover{
	text-align:left;
	background:url(img/bg_readmore.jpg) left center no-repeat;
	padding:10px 0px 10px 15px;
}
.imgleft{
	float:left;
	margin:5px 10px 10px 0;
	padding:3px;
	border:1px solid #DDD;
}
.imgright{
	float:right;
	margin:5px 0 10px 10px;
	padding:3px;
	border:1px solid #DDD;
}
.makegray{
	color:#666 !important;
}
.makeblack{
	color:#000 !important;
}
.separator{
	border-bottom:1px dotted #666;
	margin:5px 0 10px 0;
	padding-bottom:5px;
	color:#666;
}
.addtopbottomspace{
	margin:20px 0 20px 0
}
.addrightmargin{
	margin-right:15px;	
}
.addrightpadding{
	padding-right:10px;	
}
.p_email{
	background:url(ico/email.png) left top no-repeat;
	padding-left:20px;
}
.add_ico_search{
	background:#FFF url(ico/bg_search.png) right center no-repeat;
	padding-right:20px !important;
}
.add_margin_bottom{
	margin-bottom:5px;
}
.highlight{
	font-weight:bold;
}

.strike {text-decoration: line-through;}

h1.error{
	color:#F00;
}
p.error{
	color:#900;
}
.exclamation {
	padding: 2px 0 0 20px !important;
	background:url(ico/exclamation.png) left 5px no-repeat;
}
.approve {
  padding: 0 0 0 20px !important;
  background:url(ico/accept.png) no-repeat;
}
.discard {
  padding: 0 0 0 20px !important;
  background:url(ico/close.png) no-repeat;
}
/*___________________________________________ Ajax class ___________________________________________*/

.ajax_waiting{
/*	background: url(../img/loading.gif) left top no-repeat;
*/	padding-left:20px;
}
.ajax_lightbox{
	width:90px;
}
.ajax_error{
	color:#F30;
	background:url(ico/error.png) left top no-repeat;
	padding-left:20px;
}
.ajax_sucess{
	color:#06C;
	background:url(ico/accept.png) left top no-repeat;
	padding-left:20px;
}

/* Easy Slider */
	#slider ul, #slider li{
		/*padding:1px 0 0 0;*/
    padding:0;
		margin:0;
    }
	
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 		
		width:920px;
		height:25px;
    overflow:hidden;    
		}	
	#prevBtn, #nextBtn 
	{	  
		width:20px;
		height:20px;
		margin-top:-23px;
    
	}
	#prevBtn
	{
	  margin-left:-25px;
		float:left;
	}
	#nextBtn 
	{
	  margin-right:-25px;
		float:right;
		}														
	#prevBtn a, #nextBtn a{  
		display:inherit !important;
		width:20px;
		height:20px;
		background:url(img/btn_prev.gif) no-repeat 0 0;
		}	
	#nextBtn a{ 
		background:url(img/btn_next.gif) no-repeat 0 0;	
		}	
	
/* // Easy Slider */
#app_flash
{
  margin-top:5px;
  padding-left: 25px;
  padding-right: 25px;
}
.field-validation-error{ color: red; }
