@charset "utf-8";
/* CSS Document */

body{
	margin:0px 5px 5px 5px;
	background-color:#FFF;
	font-family: khmer os siemreap, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; /*Base12px*/
	color:#02032f;
}

span.deleteicon {
    position: relative;
    display: inline-flex;
    align-items: center;
}
span.deleteicon span {
    /*position: absolute; */
    display: block;
    right: 3px;
    width: 21px;
    height: 21px;
    /* border-radius: 50%; */
    color: #fff;
    /* background-color: #1c1c1c; */
    font: 17px monospace;
    /* text-align: center; */
    line-height: 1em;
    cursor: pointer;
}


/*#content #left #months li a:hover{ background-color:#13265C; */
/*color:#EAEAEA !important;*/
 /*font-weight: bold;*/
/*        padding-left: 9px;*/
/*    padding-right: 8px;*/
/*    padding-top: 5px;*/
/*    padding-bottom: 5px;*/
/*     text-decoration:none; */
    
/*}*/
a{text-decoration:none; font-style:normal;}
a:visited{color:#0b4a9f;}
a:hover{
   
    /*background-color: #13265C;*/
    /*color: #EAEAEA;*/
   
    
     text-decoration:underline; 

}
a.play{
    color:#e35b00; text-decoration:underline;}

div.save{padding-left:20px; height:20px; line-height:18px; background:url(images/disk.png) no-repeat;}
#aboutusBorder
{
    border: solid 1px #EAEAEA;
    border-radius: 10px;
    margin-top: 10px; 
    text-align:justify;
    margin-right: 6px;
    margin-left: 6px;
}
table{border:solid 1px #EAEAEA; width:100%;}
table th{text-align:left; padding:2px 5px; border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA; color:#666666; font-style:italic; background-color:#CCCCCC;}
table tr{background-color:#FFFFFF;}
table tr:hover{background-color:#EAEAEA;}
table td{padding:2px 5px; border-top:solid 1px #EAEAEA; border-left:solid 1px #EAEAEA;}
.homebackkh
{
   
background:url(images/content-bg-homekh.jpg) repeat;

}

.homebackfr
{
   
background:url(images/content-bg-homefr.jpg) repeat;

}

.homebacken
{
   
background:url(images/content-bg-homeeng.jpg) repeat;

}



.newsbackkh
{
   
background:url(images/content-bg-newskh.jpg) repeat;

}

.newsbackfr
{
   
background:url(images/content-bg-newsfr_mz.jpg) repeat;

}

.newsbacken
{
   
/*background:url(images/content-bg-newseng.jpg) repeat;*/
background:url(images/content-bg-newseng_mz.jpg) repeat;
}



.aboutbackkh
{
   
background:url(images/content-bg-aboutkh.jpg) repeat;

}

.aboutbackfr
{
   
background:url(images/content-bg-aboutfr.jpg) repeat;

}

.search
{
   
background:url(images/content-bg-search.jpg) repeat;

}



@media only screen and (min-width: 404px)  {
 .aboutbacken
{
   
background:url(images/content-bg-aboutengl.jpg);

/*background-size: cover;*/
background-repeat: no-repeat;
}
}

@media only screen and (min-width: 1200px) {
    .aboutbacken
{
   
background:url(images/content-bg-abouteng.jpg);

/*background-size: cover;*/
background-repeat: no-repeat;
}
}









.socbackkh
{
   
background:url(images/content-bg-sockh_mz.jpg) repeat;

}

.socbackfr
{
   
background:url(images/content-bg-socfr_mz.jpg) repeat;

}

.socbacken
{
   
background:url(images/content-bg-soceng_mz.jpg) repeat;

}





.notsocbackkh
{
   
background:url(images/content-bg-sockhnot.jpg) repeat;

}

.notsocbackfr
{
   
background:url(images/content-bg-socfrnot.jpg) repeat;

}

.notsocbacken
{
   
background:url(images/content-bg-socengnot.jpg) repeat;

}

















.corbackkh
{
   
background:url(images/content-bg-corkh_mz.jpg) repeat;

}

.corbackfr
{
   
background:url(images/content-bg-corfr_mz.jpg) repeat;

}

.corbacken
{
   
background:url(images/content-bg-coreng_mz.jpg) repeat;

}


.biobackkh
{
   
background:url(images/content-bg-biokh.jpg) repeat;

}

.biobackfr
{
   
background:url(images/content-bg-biofr.jpg) repeat;

}

.biobacken
{
   
background:url(images/content-bg-bioeng.jpg) repeat;

}


.vidiobackkh
{
   
background:url(images/content-bg-vidiokh_mz.jpg) repeat;

}

.vidiobackfr
{
   
background:url(images/content-bg-vidiofr_mz.jpg) repeat;

}

.vidiobacken
{
   
background:url(images/content-bg-vidioeng_mz.jpg) repeat;

}









#container {margin-top:10px; margin-left:auto; margin-right:auto; width:950px;}
#frame-top{line-height:10px; height:11px; padding-left:500px; color:#FFFFFF; background:url(images/frame-top.gif);}
#content{ border:0; margin:0; padding:0;
/*background:url(images/content-bg.jpg) repeat;*/
overflow:auto;}
#content #left, #footer #left{width:276px; text-align:center; float:left; line-height:16px;}
/* #content #right{float:right; width:664px; padding-right:10px; overflow:hidden;} */
#content #right {
    float: right;
    width: 655px;
    /* padding-right: 10px; */
    overflow: hidden;
}
/*#content #right div.padding{margin-left: 35px; width:611px;}*/

/* Shubhangi Cahnge*/
#content #right div.padding{margin-left: 35px; width:609px;}
#months{
    /*margin-top:5px; */
    text-align:left; 
/*background:url(images/block-bg.gif) no-repeat;*/
height:100px;}
#months ul{padding:0; margin:0 10px; list-style-type:none;}
#months li{float: left;
    width: 60px;
     /*margin-left: 4px; */
    height: 15px;
    margin-top: 8px;
    padding-left: 9px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
}
/*#months li{float:left; width:60px; height:15px; margin-top:8px;}*/
/* #months li a{text-decoration:none;}
#months li a:visited{color:#0b4a9f;}
#months li a:hover{color:#e35b00; text-decoration:underline;} */

.path{
    /*background-color:#FAFAFA; border-bottom:solid 1px #EAEAEA; */
    font-size:10px; color:#999999; font-style:italic; font-weight:bold; padding: 5px 5px 2px 16px; text-align:left;}
#titles{margin-left:15px;}
#titles img{border:0;}
/* #titles .item{background:url(images/arrowa.gif) 0 5px no-repeat; padding:2px 0 0 15px; margin-top:3px; font-weight:bold;} */
#titles .item{padding:2px 0px 0px 2px; margin-top:3px; font-weight:bold;}
/* #titles .item:hover, #titles .selected{background:url(images/arrowa_over.gif) 0 5px no-repeat;} */
#titles .item a{text-decoration:none; font-weight:normal;}
#titles .item a:hover{text-decoration:underline;}
#titles .item span{font-weight:normal; color:#666666;} 
#titles .selected{opacity:0.6; alpha(opacity=60); cursor:pointer;}

#footer{width:950px; height:75px; background:url(images/footer-bg.jpg) no-repeat;}
#footer #left{margin-top:5px; 
/*background:url(images/block-bg.gif) no-repeat;*/
    
} 
#footer #language{float:left; width:74px; text-align:center;}
#footer #language a{text-decoration:none;}
#footer #language a img{border:solid #999999 1px; margin-top:8px; margin-right: 17px;}
#footer #language a:hover img{border:solid #FFFFFF 1px; }

/*#footer #menu li a:hover{*/
    /*background-color:#13265C; color:#EAEAEA;*/
/*      text-decoration: none;*/
/*    font-weight: bold;*/
/*    padding-left: 9px;*/
/*    padding-right: 8px;padding-left: 9px;*/
/*    padding-right: 8px;*/
/*    padding-top: 5px;*/
/*    padding-bottom: 5px; }*/

#footer #menu{width:590px; margin-top:5px; height:51px; text-align:center; 
/*Change done by shubhangi*/
background:url(images/menu-bg.gif) 1px 0 no-repeat; 

float:left; color:#666666;}
#footer #menu ul, #year ul{line-height:22px; padding:5px 0 10px 0; margin:0 10px;}
#footer #menu li, #year li{display:inline; padding-left: 5px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;
    /* background:url(images/menu-break.png) no-repeat; */
     color:#000000; 
     /* font-style:italic; */
    }
#footer #menu li.first, #year li.first{background:none; padding-left: 9px;
    padding-right: 8px;
    padding-top: 5px;
    padding-bottom: 5px;}
#year{
    margin-top: 12px;

}
#bottom{padding-top:5px;}
#bottom #visitor{text-align:left; width:50%; float:left; }
#bottom #require{text-align:right; width:50%; line-height:18px; float:right;}

/* =============================================================================
Switch Slideshow Style
============================================================================= */
#switch-view{width:100%; height:330px; text-align:center; background-color:#EAEAEA; overflow:hidden; border-top:solid 1px #B8C4CF; border-bottom:solid 1px #B8C4CF;}
#switch-view img{
    /* max-width:590px; */
     max-height:330px; margin:0; padding:0;}
#switch-tool{min-height:20px; padding:0 5px; overflow:auto;}
#switch-tool #command{width:174px; padding-top:5px; float:left; text-align:left;}
#switch-tool #command a{width:16px; height:16px; margin:0 10px;}
#switch-tool #command a img{vertical-align:top;}
/*#switch-tool #p-num {
    width: 20px;
    height: 20px;
    display: inline-block;
    border: 1px solid #B8C4CF;
    border-radius: 100%;
    padding: 3px;
    text-align: center;
}*/
#switch-tool #paging{width:420px; float:right; text-align:right;}
/* #switch-tool #paging a{
    text-decoration:none; margin-left:2px; margin-top:5px; display:inline-block; padding:3px; font-size:11px;
     border:1px solid #B8C4CF; color: #B8C4CF;width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
} */
#switch-tool #paging a{
    text-decoration: none;
    margin-left: 2px;
    margin-top: 5px;
    display: inline-block;
    padding: 3px;
    /*font-size: 11px;*/
    border: 1px solid #03090f;
    color: black;
    width: 16px;
    height: 16px;
    text-align: center;
    border-radius: 100%;
    font-weight: bold;
}

#switch-tool #paging a:visited{color:#000000;}
#switch-tool #paging a:hover{
     color:#0b4a9f; 
    text-decoration:underline; 
    /*background-color:#13265C; color:#EAEAEA; */
}

a {
    text-decoration: none;
    font-style: normal;
}


#switch-tool #paging a.active{background-color:#13265C; color:#EAEAEA; }
/* =============================================================================
Navigation Style
============================================================================= */
.navpage { margin:0px; padding:5px; text-align:center; clear:both;}
.navpage a, .navpage span { border: 1px solid rgb(221, 221, 221); padding:0.11em 0.5em 0.2em 0.5em; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-right: 0.2em; font-size:10px; font-weight:bold; }
.navpage span.current { border: 1px solid rgb(221, 221, 221); padding: 0.11em 0.5em; background:#B1D4E9 none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.navpage a { border: 1px solid rgb(221, 221, 221); background:#E2F1F4; text-decoration: none; }
.navpage a:hover { border-color: rgb(221, 221, 221); background:#B1D4E9;}
.navpage a.nextprevbut { border: 1px solid rgb(0, 102, 204);  }
.navpage span.nextprevbut { border: 1px solid rgb(221, 221, 221); color: rgb(102, 102, 102); }

form{margin:0;padding:0}
.save-box{height:26px; padding:0 10px 0 25px; background:url(images/save-bg.gif) no-repeat; text-align:right; float:right;}
.save-box a{color:#02032f; text-decoration:none; line-height:20px;}
.save-box a:hover{text-decoration:underline;}

.search-box{ /*outer background*/
    /* background: url(images/search-box.gif) no-repeat top left; */ 
    height: 32px;
    padding: 5px 0 0 6px;
    width: 250px;
    margin-top: 15px;
    margin-left: 12px;
    /*Shubhangi Change*/
    background-color: #7c7c7c;
}

input.search-field{ /*input field */
     float: left;  
    border: 0;
    margin: 0;
    font-family: tahoma;
    font-size: 12px;
    padding: 3px 3px 0px 4px;
    height: 22px;
    /* background: #ffffff url(images/search-form.png) no-repeat top left; */
    width: 220px;
    border-radius: 25px;
}

input.search-go { /*search icon */
/* float:left; */
 /*float: left; */
    float: right;
    border: 0;
    margin: 0;
    padding: 0;
    
    /* margin-left: -1px; */
     height: 19px;
    width: 19px;
    background: url(images/icons8-search-241.png) no-repeat top left;
    cursor: pointer;
   margin-left: -34px;
    margin-top: -17px;
    /*Shubhangi Change*/
    background-color: #7c7c7c;
    border-radius: 50%;
}
input.search-go:hover{ /*search icon hover “Does Not work in ie6? */
background: url(images/icons8-search-241.png) no-repeat top left;
/*Shubhangi Change*/
 background-color: #7c7c7c;
}