/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

#Body {height:100%;margin:0;padding:0;background:#627262 url(images/body_bg.jpg) repeat-x top left;}

/* ControlPanel style */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left;border:none;padding-bottom:10px;}
.cpanel_left {background:url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background:url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,th,td,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color:#2E3D47;font-family:Arial, Helvetica, sans-serif;}
body,th,td,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6, h2 input{color:#375162;font-weight:bold;margin:1ex 0;font-family:Open Sans Condensed;line-height:1.3em;}
h1{font-size:18px;margin:10px 0;}
h2, h2 input{font-size:14px;}
h3{font-size:13px;}
h4{font-size:12px;}
h5{font-size:11px;}
h6{font-size:10px;}




a,a:link,a:visited,a:active{color:#3E81B5;text-decoration:none;font-weight:normal;}
a:hover{color:#D00;text-decoration:underline;}
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox
{font-family:Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}

/*Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/
#s_wrap_main{display:table;width:940px;margin:0 auto;}
.page_border
{
  margin-top:20px;
  -moz-border-radius:5px;/* Firefox */
  -webkit-border-radius:5px;/* Safari and Chrome */
  border-radius:5px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior:url(/Portals/_default/Skins/WCS_Standard2012/PIE.htc);/* This lets IE know to call the script on all elements which get the 'box' class */
}
.header_pad{height:105px;position:relative;}
.s_logo{padding:16px 0 0 19px;float:left;}
.s_title{color:white;font-family:Open Sans Condensed;font-size:31px;line-height:38px;padding-left:21px;position:absolute;top:20px;left:80px;z-index:100;}
.search_pad{float:right;width:480px;padding-top:15px;padding-right:10px;}
.search_pad .top_search .isDesktop.inline{display:inline-block;}
.language-object{line-height:normal;padding-bottom:7px;height:19px;display:inline-block;}
.language-object .Language {float:none;vertical-align:top;}
.language-object span{color:Black;background:#ccc;padding:1px 5px;}
.language-object span.LanguageSelected{color:Black;background:white;}
.language-object a:hover{text-decoration:none;}
.breadcrumb_style{padding-bottom:10px;}
.top_search{text-align:right;}
.mobile_menu{display:none;}
.mobile_menu{background:#fff;border-radius:5px;cursor:pointer;width:26px;height:24px;position:absolute;top:40px;right:20px;
             padding:4px 5px;}
.mobile_menu span{border-bottom:solid 1px #999;display:block;padding:2px;margin:0 2px;}
.bottom_search
{float:right;padding:3px 0;background:white;
 -moz-border-radius:10px;/* Firefox */
 -webkit-border-radius:10px;/* Safari and Chrome */
 border-radius:10px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 behavior:url(/Portals/_default/Skins/WCS_Standard2012/PIE.htc);/* This lets IE know to call the script on all elements which get the 'box' class */
}
.bottom_search .search_txt{display:inline;padding-left:12px;}
.bottom_search .search_txt input{background:none;border:0;width:128px;}
.bottom_search .search_btn{display:inline;background:#597262;padding:0 5px;
  -moz-border-radius:5px;/* Firefox */
  -webkit-border-radius:5px;/* Safari and Chrome */
  border-radius:5px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior:url(/Portals/_default/Skins/WCS_Standard2012/PIE.htc);}
.bottom_search .search_btn a{color:White;font-size:10px;}
.bottom_search .search_btn a:hover{color:White;text-decoration:underline;}
.menu_bg{background:url(images/menu_bg.png) repeat-x top left;border-bottom:solid 10px #333333;}
.menu_int_bg{background:url(images/menu_bg.png) repeat-x top left;border-bottom:solid 10px #324137;}
.flash_pad{width:940px;}
.content_pad{background:white;padding:25px 15px;}
.content_int_pad{background:white;}
.pageName h2{margin:0;color:White;font-family:Arial;}
.pageName{background:#324137;padding:10px 10px 10px 15px;}
.homepagepromo img{border:solid 1px white;}
.LeftContent{width:205px;float:left;}
.login{text-align:right;padding-right:10px;padding-bottom:3px;}
.login a{color:#324137;font-weight:bold;}
.login a:hover{color:#000;font-weight:bold;}
.login_style{background:#324137;padding:0 15px;
             border-radius:0 0 4px 4px;
             -moz-border-radius:0 0 4px 4px;/* Firefox */
             -webkit-border-radius:0 0 4px 4px;/* Safari and Chrome */
             behavior:url(/Portals/_default/Skins/WCS_Standard2012/PIE.htc);
}
.login_style a{color:#E58A1F;line-height:30px;font-weight:bold;}
.login_style a:hover{color:#FFF;}
.CenterContent{width:735px;float:left;}
.s_content{padding:15px;}

.social_pad{background:white;}
.homepage .social_pad{float:right;}
.innerpage .social_pad{padding-top:12px;}
.social_pad h4{font-size:20px;padding:0 11px 5px 11px;margin:0;color:#888;font-family:Open Sans;font-weight:300;}
.homepage .social_pad h4{float:left;}
.homepage #dnnSocialMenu{float:left;}

.bottom_links{padding-bottom:10px;}
.bot_pad{background:#2B3B30;border-top:solid 1px #8f9f94;margin-bottom:15px;
         -moz-border-radius:0 0 4px 4px;/* Firefox */
  -webkit-border-radius:0 0 4px 4px;/* Safari and Chrome */
  border-radius:0 0 4px 4px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  behavior:url(/Portals/_default/Skins/WCS_Standard2012/PIE.htc);/* This lets IE know to call the script on all elements which get the 'box' class */
}

#terms_style{color:#9FA6A1;padding:4px 15px;border-top:solid 1px #697f6f;}
#terms_style a{color:White;}


.addthis_toolbox {margin:0!important;padding:0!important;}
.addthis_toolbox .addthis_internal_container  .at300b, .addthis_toolbox .addthis_internal_container .at300m{width:42px!important;height:42px!important;margin:0!important;padding:5px;display:block;}
.addthis_toolbox .addthis_internal_container .at300b .at300bs, .addthis_toolbox .addthis_internal_container .at300m .at300bs{margin:0 auto!important;}
.addthis_toolbox .addthis_internal_container .addthis_button_facebook{background:#305891;}
.addthis_toolbox .addthis_internal_container .addthis_button_twitter{background:#2ca8d2;}
.addthis_toolbox .addthis_internal_container .addthis_button_email{background:#738a8d;}
.addthis_toolbox .addthis_internal_container .addthis_button_print{background:#738a8d;}
.addthis_toolbox .addthis_internal_container .addthis_button_compact{background:#f8694d;}




.clear_float{clear:both;line-height:0;font-size:0;height:0;}

/* ------- FileManager -------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027;font-weight:bold;text-decoration:none;}
a.CommandButton:hover{color:#3E81B5;text-decoration:underline;}

/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027;text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:hover, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{
font-size:11px;}
.ControlPanel a[disabled="disabled"]{color:#888 !important;text-decoration:none !important;}

/*--------- pane style ----------*/
.BannerPane {display:inline-block;float:right;padding-right:17px;width:auto;}
.ContentPane, .TopPane{ padding:0;margin:0;}
.BottomPane{ padding:0;margin:0;clear:left}
.LeftPane{width:205px;margin:0;padding:0 15px 0 0;}
.RightPane{ padding:0 0 0 20px;width:245px;margin:0;}


.LeftMenuPane{}
.ContentPane_int{float:left;width:440px;padding-right:20px;}
.RightPane_int{background:url(images/rightPane_bg.png) repeat-x top left;float:left;width:225px;padding:10px;}

.LeftColumn{float:left;width:297px;}
.CenterColumn{float:left;width:297px;padding:0 9px;}
.RightColumn{float:left;width:297px;}

.LeftColumn_int{float:left;width:344px;padding-right:16px;}
.RightColumn_int{float:left;width:344px;}


/*-------------- Link Style --------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold;color:#3E81B5;text-transform:uppercase;}
a.links:hover{color:#C00;}

.breadcrumb_style a{color:#333;}
.breadcrumb_style a:hover{text-decoration:underline;}


/*-------------- Empty panes Style --------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;height:1px;}
td.ContentPane.DNNEmptyPane{display:none;}

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {color: #efefef;}
.dnnPrimaryAction:hover, .dnnFormItem input[type="submit"]:hover, a.dnnPrimaryAction:hover {text-decoration:none;}

.dnnFormItem button, .dnnFormItem input[type="button"],
.dnnFormItem input[type="reset"],
.dnnSecondaryAction,
a.dnnSecondaryAction,
ul.dnnAdminTabNav li a,
.dnnLogin .LoginTabGroup span {color:black;}
.dnnFormItem button:hover, .dnnFormItem input[type="button"]:hover, .dnnFormItem input[type="reset"]:hover, .dnnSecondaryAction:hover, a.dnnSecondaryAction:hover, ul.dnnAdminTabNav li a:hover, .dnnLogin .LoginTabGroup span:hover{text-decoration:none;}

/*-------------- Containers ---------------------*/

.c_container{padding-bottom:15px;}
/*---------- To align the Actions, Icon and Title ---------*/
.c_icon, .c_actions, h2.c_title{float:left;}
.c_icon img {float:left;padding-right:4px;}
h2.c_title{margin:0;padding:0;}
.icn img{margin-right:5px;}

.title_vis{float:right;}

.c_content{clear:both;}
.c_contentpane{padding:8px 0 0 0;}
.c_footer {clear:both;margin-bottom:20px;padding:0;text-align:right;}

/*---------- default style for head & normal -----------*/
.Normal p{margin-top:0px;}

/*---------- For the inline edit icons -----------*/
.eipbackimg {background-color:#DAE7F2;border:solid 1px #4F839F;}
.c_content .eipbackimg {margin-top:0;margin-left:-20px;}

/*---------- Title Blue Container ------------------*/
.c_head_blue h2.c_title, .c_head_blue h2.c_title input {color:#61A3D5;}

/*---------- News Article Home ------------------*/

/*LATEST NEWS LIST */
ul#NewsList{
    list-style: none;
    margin:0;
    padding:0 10px 0 0;


}
ul#NewsList p {margin-bottom:0; margin-top:3px; display:block;}
ul#NewsList li {
    padding:0 0 5px 0;
    margin:0 ;
list-style:none;
display:inline-block;
 
}
ul#NewsList li a:hover {
    text-decoration: none;
    color:#C60;
}
ul#NewsList li h3 a {
padding:0;
margin:0;
font-size:13px;
font-family: Open Sans Condensed;
color: #333;

}

ul#NewsList li img  {
    float:left;
    margin-right:10px;
margin-bottom:10px;

}

/* Containers */
.c_DNN6 .dnnModuleActions {display:inline-block;width:19px;height:19px;float:left;}

.c_DNN6_Header .Head{font-family:Open Sans Condensed;}
.c_DNN6_Header .Black,.c_DNN6_Header .Black span{color:#333;font-size:22px;}
.c_DNN6_Header .Grey,.c_DNN6_Header .Grey span{color:#5a675e;font-size:22px;}

.AdminActions input, .AdminActions a.CommandButton{text-decoration:none;}


.box {
  -moz-border-radius:15px;/* Firefox */
  -webkit-border-radius:15px;/* Safari and Chrome */
  border-radius:15px;/* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

  -moz-box-shadow:10px 10px 20px #000;/* Firefox */
  -webkit-box-shadow:10px 10px 20px #000;/* Safari and Chrome */
  box-shadow:10px 10px 20px #000;/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

  behavior:url(/Portals/_default/Skins/WCS_Standard2012/PIE.htc);/* This lets IE know to call the script on all elements which get the 'box' class */
}


/*Latest News Articles Cambodia Style (http://programs.wcs.org/cambodia/) */
.news_cambodia{}
.news_cambodia .item{background:url(images/separator_news.png) no-repeat center bottom;padding:2px 0;}
.news_cambodia .item h2 a{font-weight:bold;color:#333333;margin:0;}


@media screen and (max-width:767px) 
{
    .DnnModule img, img{max-width:100%;}
    .s_logo{padding:5px 0 5px 8px;}
    .search_pad .top_search .isDesktop.inline{display:none;}
    #s_wrap_main{width:auto;padding-top:0px;}
    .page_border{margin-top:0;background-position: center top!important;background-size: auto 85px!important;}
    .s_logo{margin-right:20px;padding-left:5px;}
    .s_title{float:none;font-size:25px;padding-left:5px;}
    .header_pad{height:auto;}
    .language-object{padding:0;height:auto;}
    .language-object span{background:none;color:White;}
    .language-object span.LanguageSelected{background:none;display:none;}
    .search_pad{float: left;width: 100%;padding: 5px 0;background: #2B3B30;}
            .top_search{float:left;padding-left:15px;}
        .login{text-align: left;padding: 5px 35px;}
        .login a{color:White;}
        .login a:hover{color:White;text-decoration:underline;}
        .menu_style .bottom_search{float: none!important;margin: 5px 35px;padding: 5px 10px;}
    .menu_bg, .menu_int_bg{position:absolute;top:85px;width:100%;z-index:100;background:#2B3B30;z-index: 1000;
             border-bottom:solid 3px #333333;display:none;}
    .content_pad{position:relative;z-index:20;padding:25px 10px;}
    .mobile_menu{display:block;top:20px;}
    .DnnModule iframe{width:100%;}
    
    .LeftContent .pageName, .LeftContent #dnnSubmenu, .LeftContent .login_style{display:none!important;}

    /* Panes */
    .LeftPane, .ContentPane, .RightPane{width:100%!important;display:block;}
    .LeftContent, .ContentPane_int, .RightPane_int{width:100%;display:block;}
    .LeftColumn, .CenterColumn, .RightColumn{padding:0!important;float:none;display:block;width:100%!important;}
    .LeftColumn_int, .RightColumn_int {width:100%;display:block;}
    .CenterContent{width:100%!important;}
    
    #dnnFooter .topLevel li{float:none;}
    
    
    .addthis_toolbox{display:none;}
    
    /* Slider */
    .flash_pad, #slider-ajax-container{display:none;}
}