@import url('button.css');

@font-face {
  font-family: 'kh_battambong';
  src: local('kh_battambong'), url(font/Kh-Battambang.ttf) format('woff');
}

@font-face {
  font-family: 'Khmer Moul';
  src: local('Khmer Moul'), url(font/KHMEROSMUOL.TTF) format('woff');
}

@font-face {
  font-family: 'Khmer Pali';
  src: local('Khmer Pali'), url(font/kh-pail.TTF) format('woff');
}

body{
    margin: 0;
    padding: 0;
    background: url(images/bg_body.jpg) repeat-x #004f87;
    font-family: 'Hanuman', serif !important;
}

.event_font_en{
    font-family: 'Moulpali', cursive;
}

.event_font_kh{
    /*font-family: 'Moulpali', cursive;*/
    font-family: 'kh_battambong';
}

.menu_font_kh{
    /*font-family: 'Hanuman', serif !important;*/
    font-family: 'kh_battambong';
}

.menu_font_en{
    font-family: kh_battambong;
}

.color_label{
    color:#908b8b
}

h1,h2,h3,h4,h5,h6,p{ margin: 0; padding: 3px 0;}

.title_color{
    color: #052b93;
}
.read_more{
    color:#ff0000
}
.desc_color{
    color: #292929;
}
.color_white{
    color:#fff;
}

.kh{
    /*font-family: 'Hanuman', serif;*/
    font-family: 'kh_battambong';
}
.en{
    font-family: arial !important
}

.moul_kh{font-family: 'Moul', cursive;}
.moul_en{font-family: 'Moul', cursive;}

.bold{
    font-weight: bold;
}
.size10{
    font-size: 10px;
}
.size11{
    font-size: 11px;
}
.size11_5{
    font-size: 11.5px;
}
.size12{
    font-size: 12px;
}
.size13{
    font-size: 13px;
}
.size14{
    font-size: 14px;
}
.size15{
    font-size: 15px;
}
.size16{
    font-size: 16px;
}
.size17{
    font-size: 17px;
}
.size18{
    font-size: 18px;
}
.size19{
    font-size: 19px;
}
.size20{
    font-size: 20px;
}
.readmore{
    color:#fe3c2d;
}
table{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}
table td, table th{
    padding: 0; /* 'cellpadding' equivalent */
}



.p5 table td, .p5 table th{
    padding: 5px !important; /* 'cellpadding' equivalent */
}


.table_align_center{
    margin-left: auto;margin-right: auto;
}

.table_center {
    margin-left:auto; 
    margin-right:auto;
}
.table_spacing{
    border-collapse: collapse; 
    border-spacing: 0;
}
.td_v_top{
    vertical-align: top;
}
.td_v_bottom{
    vertical-align: bottom;
}
.td_v_middle{
    vertical-align: middle;
}

.bg_video_left{
    float: left;
    padding: 8px;
    width: 238px;
    height: 268px;
}
.kback{
    width: 41px;
    height: 30px;
    float: left;
}
.bg_title{
    padding-left: 10px;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 32px;
    color:#fff;
    font-size:14px;
}
.bg_visitor{
    float: left;
    width: 238px;
    height: 66px;
    background: url(images/bg_visitor.png);
}

.left_box{
    float: left;
    width: 238px;
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.left_box_title{
    font-size:14px;
    height: 30px;
    padding:0px 10px 0px 10px;
    line-height: 30px;
    overflow: hidden;
    float: left;
    width: 238px;
    background: #014f8a;
    color:#fff;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.round_footer{
    float: left;
    width: 980px;
    height: 15px;
}

.w100{
    width: 100%;
}
.left{
    float: left;
}
.right{
    float: right;
}
.text_center{
    text-align: center;
}

.round_3x{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.round_5x{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.round_15x{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.round_top_5x{
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-top-left: 5px;
    -moz-border-radius-top-right: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.round_botton_5x{
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottom-left: 5px;
    -moz-border-radius-bottom-right: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.shadow_1{
    box-shadow: 0px 0px 4px 0px rgba(119, 119, 119, 0.34);
    -moz-box-shadow: 0px 0px 4px 0px rgba(119, 119, 119, 0.34);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(119, 119, 119, 0.34);
}
.shadow_2{
    box-shadow: 0px 0px 4px 0px rgba(39, 39, 39, 0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(39, 39, 39, 0.75);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(39, 39, 39, 0.75);
}
.shadow_3{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(96, 94, 93, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(96, 94, 93, 0.75);
box-shadow:         0px 0px 10px 0px rgba(96, 94, 93, 0.75);
}

.lastest_bar{
    height: 35px;
    background: url(images/bg-label.png) center left no-repeat;
    padding-left: 18px;
    line-height: 35px;
    border:1px solid #ededed;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}


.feature_link ul{
    list-style-type: none;
    padding:0; margin:0;
}
.feature_link li:before {
    content: "";
    line-height: 22px;
    width: .5em;
    height: .5em;
    background:url(images/bullet.png) center no-repeat;
    float: left;
    margin: 0.7em 0.4em 0;
}


a.m1:link {color:#e11000;TEXT-DECORATION: none}
a.m1:visited {color:#e11000;TEXT-DECORATION: none}
a.m1:active {color:#e11000;TEXT-DECORATION: none}
a.m1:hover {color:#05267f;TEXT-DECORATION: none}

a.m2:link {color:#fff;TEXT-DECORATION: none}
a.m2:visited {color:#fff;TEXT-DECORATION: none}
a.m2:active {color:#fff;TEXT-DECORATION: none}
a.m2:hover {color:#f9f618;TEXT-DECORATION: none}

a.m3:link {color:#000;TEXT-DECORATION: none}
a.m3:visited {color:#000;TEXT-DECORATION: none}
a.m3:active {color:#000;TEXT-DECORATION: none}
a.m3:hover {color:#05267f;TEXT-DECORATION: none}

a.m4:link {color:#002db2;TEXT-DECORATION: none}
a.m4:visited {color:#002db2;TEXT-DECORATION: none}
a.m4:active {color:#002db2;TEXT-DECORATION: none}
a.m4:hover {color:#e11000;TEXT-DECORATION: underline}

a.m5:link {color:#fff;TEXT-DECORATION: none}
a.m5:visited {color:#fff;TEXT-DECORATION: none}
a.m5:active {color:#fff;TEXT-DECORATION: none}
a.m5:hover {color:#fff;TEXT-DECORATION: underline}

a.readmore:link {color:#ff0000;TEXT-DECORATION: none}
a.readmore:visited {color:#ff0000;TEXT-DECORATION: none}
a.readmore:active {color:#ff0000;TEXT-DECORATION: none}
a.readmore:hover {color:#ff0000;TEXT-DECORATION: underline}


a.footer_menu:link {color:#fff;TEXT-DECORATION: none}
a.footer_menu:visited {color:#fff;TEXT-DECORATION: none}
a.footer_menu:active {color:#fff;TEXT-DECORATION: none}
a.footer_menu:hover {color:#7ef2ff;TEXT-DECORATION: none}


a.footer_menu_current:link {color:#ffee56;TEXT-DECORATION: none}
a.footer_menu_current:visited {color:#ffee56;TEXT-DECORATION: none}
a.footer_menu_current:active {color:#ffee56;TEXT-DECORATION: none}
a.footer_menu_current:hover {color:#ffee56;TEXT-DECORATION: underline}


ul.marquee{
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 32px;
	position: relative;
	overflow: hidden;

	width: 786px;
	height: 32px; 
}

ul.marquee li{
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap;

}


/*======= paging =======*/
/*
div.paging_rec {
	padding-right: 0px; 
    padding-left: 0px; 
    padding-bottom: 0px; 
    margin: 0px; 
    padding-top: 3px; 
    text-align: center; 
    width:100%; 
    border:0px solid red; 
    float:left; 
    border-top:0px solid #ddd;
}
*/
div.paging_rec a {
	border: 1px solid #efebeb;  
    color: #454545 !important; 
    margin-right: 5px; 
    padding-top: 2px; 
    text-decoration: none; 
    background:#fff;
    padding: 8px;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */ 
    font-weight: bold;
}
div.paging_rec a:hover {
	border: 1px solid #013b67;  
    padding-bottom: 2px; 
    color: #fff !important; 
    margin-right: 5px; 
    padding-top: 2px; 
    padding: 8px; 
    background: #004e8a;
    /*
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */ 
}

div.paging_rec span.current {
	border: 1px solid #013b67;  
    padding-bottom: 2px; 
    color: #fff !important; 
    margin-right: 5px; 
    padding-top: 2px; 
    padding: 8px; 
    background: #004e8a;
    /*
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */ 
      
}
div.paging_rec span.disabled {
	border: 1px solid #c6c6c6;  
    padding-bottom: 2px; 
    color: #aca7a7 !important; 
    margin-right: 5px; 
    padding-top: 2px; 
    padding: 8px; 
    background: #f6f3f3;
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */ 
}
/*======= paging =======*/


/*========================================= My Style ===========================================*/

/*===============Header Style===========================*/
.whole_header{
    height: 130px; 
    padding:12px 10px 0 10px; 
    width: 980px; 
    background: url(images/bg_header.jpg) no-repeat; 
    position: relative;
    overflow: hidden;
}


/*==============Menu Page=========================*/
.whole_menu{
    height: 43px; 
    padding:0 10px 0 10px; 
    width: 980px; 
}

/*==================================Front Page==================================*/
.whole_front{
    padding:10px 10px 0 10px; 
    width: 980px; 
}

/*left pannle*/
.title_location{z-index: 2; position: relative; height: 37px; line-height: 37px; text-align: center; color: #fff; background: url(images/right_title_bg.png) no-repeat center;}


/*List Documenut*/
.whole_document{
    box-shadow: 0 2px 5px #e8e8e8; 
    border: 1px solid #e8e8e8; 
    padding: 30px 10px 10px 10px; 
    margin-top: -20px; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f8f7+0,fefaf3+47,fef7eb+100 */
    background: #f9f8f7; /* Old browsers */
    background: -moz-linear-gradient(top,  #f9f8f7 0%, #fefaf3 47%, #fef7eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f8f7), color-stop(47%,#fefaf3), color-stop(100%,#fef7eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f9f8f7 0%,#fefaf3 47%,#fef7eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f9f8f7 0%,#fefaf3 47%,#fef7eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f9f8f7 0%,#fefaf3 47%,#fef7eb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f9f8f7 0%,#fefaf3 47%,#fef7eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f7', endColorstr='#fef7eb',GradientType=0 ); /* IE6-9 */
}
.title_document{width: 224px;}
.img_list_doc{margin-right: 5px;}
.list_document{
    margin: 0;
    padding: 0;
}
.list_document li{
    list-style-type: none;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    background: url(images/border.png) no-repeat bottom;
}

.list_document li:last-of-type{    
    list-style-type: none;
    height: 30px;
    line-height: 30px;
    background: none;
}
.list_document li a:link, 
.list_document li a:visited{color: #4f4f4f;}

/*list other website*/
.whole_web{
    box-shadow: 0 2px 5px #e8e8e8; 
    border: 1px solid #e8e8e8; 
    padding: 30px 10px 10px 10px; 
    margin-top: -20px; 
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fefaf3+47,fef7eb+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #fefaf3 47%, #fef7eb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#fefaf3), color-stop(100%,#fef7eb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#fefaf3 47%,#fef7eb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#fefaf3 47%,#fef7eb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#fefaf3 47%,#fef7eb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#fefaf3 47%,#fef7eb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fef7eb',GradientType=0 ); /* IE6-9 */

    
}
.title_web{width: 100%; padding-left: 14px; background: url(images/other_list.png) no-repeat left;}
.list_web{
    margin: 0;
    padding: 0;
}
.list_web li{
    list-style-type: none;
    margin-left: 5px;
    height: 30px;
    line-height: 30px;
    background: url(images/border.png) no-repeat bottom;
}

.list_web li:last-of-type{    
    list-style-type: none;
    height: 30px;
    line-height: 30px;
    background: none;
}
.list_web li a:link, 
.list_web li a:visited{color: #005ebe;}


.whole_gallery{border-bottom: 1px solid #d1d1d1; height: 29px; line-height: 28px;}


/*================================= Article Page ================================*/
.title_article{z-index: 2; position: relative; min-width: 350px; max-width: 624px; height: 37px; line-height: 37px; text-align: left; padding: 0 18px; color: #fff; background: url(images/article_bg.png) repeat-x;}
.left_article{width: 19px; height: 37px; background: url(images/left_article.png) no-repeat;}

.right_article{width: 19px; height: 37px; background: url(images/right_article.png) no-repeat;}



/*=================================Footer Style =============================*/
.whole_footer_menu{ text-align: center; height: 40px; line-height: 40px; background: url(images/border_footer.jpg) bottom repeat-x;}
.whole_footer{padding: 3px;}



/*========== Gallery List =====*/
.list_gallery{
    margin: 0;
    padding: 0;
}
.list_gallery li{
    margin: 0 0  3px 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 100%;
}

.list_gallery li .icon_gallery{
    background: red; height:100px; width: 160px; border-radius: 4px; float: left;
}

.list_gallery li .title_gallery a{
    float: right; width: 160px; margin-top: 18px; border-radius: 4px; font-size: 15px; padding: 10px  5px; background: #337ab7
}

.list_gallery li .title_gallery a:link, .list_gallery li .title_gallery:visited{
    color: #ffffff; text-decoration: none;
}
.list_gallery li .title_gallery a:hover, .list_gallery li .title_gallery:active{
    color: orangered;
}


/*========== Gallery Videos =====*/
.list_videos{
    margin: 0;
    padding: 0;
}
.list_videos li{
    margin: 0 0  3px 0;
    padding: 0;
    list-style-type: none;
    float: left;
    width: 100%;
}

.list_videos li .icon_gallery{
    background: red; height:100px; width: 160px; border-radius: 4px; float: left;
}

.list_videos li .title_gallery a{
    float: right; width: 152px; margin-top: 15px; border-radius: 4px; font-size: 15px; padding: 10px  5px; background: #337ab7
}

.list_videos li .title_gallery a:link, .list_videos li .title_gallery:visited{
    color: #ffffff; text-decoration: none;
}
.list_videos li .title_gallery a:hover, .list_videos li .title_gallery:active{
    color: orangered;
}

.new_doc_en{ background: url("images/doc_en.gif") center no-repeat;  padding: 3px 15px;}
.new_doc_kh{ background: url("images/doc_kh.gif") center no-repeat;  padding: 3px 15px;}


.p_doc_list{width: 222px;height: 330px;border: 1px solid #dbdbdb;padding: 1px;
    transition: all 200ms ease-in; background: #ffffff;
}
.p_doc_list:hover{
    transition: all 200ms ease-in;
    transform: scale(1.1);
    z-index: 100;
}




.success{background:url(images/success.gif) no-repeat top left; padding-left:22px; height:16px  float: left; width: 100%;}
.alert_msg{background:url(images/alert.gif) no-repeat top left; padding-left:22px; height:16px; float: left; width: 100%;}

.err{font-size:13px; color:red; font-weight:bold }
.suc{font-size:13px; color:#22d300; font-weight:bold }