@charset "utf-8";
/* edit note: #79-content:position:absolute to relative*/
body {overflow:hidden;	 height:100%; font-family: Arial, Helvetica, sans-serif;font-size:100%;line-height:1.6em;
	background: #fff;	margin: 0;	padding: 0;	color: #333;}
body.staff-admin {overflow:visible; height:auto;}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure , fieldset{	display: block;}


/* ~~ Element/tag selectors ~~ */
ul, ol, dl {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6,  {margin-top: 0;}
h1.titleHeader {font-size:24px;color:#222;padding:28px 0 0 12px;width:160px;margin-top:0;}
body.es.staff-admin h1.titleHeader {padding:8px 0 0 12px}
h1.titleHeader span{font-size:18px;color:#185078;}
h1.pageHeader{color:#333;font-size:26px;}
a img { 	border: none;}
a:link {	color: #42413C;	text-decoration: none;
}
a:visited {	color: #6E6C64;	text-decoration: none;
}
a:hover, a:active, a:focus { 	text-decoration: underline;}
p {font-size:15px;}
.txt-xs {font-size:12px;}
.left{float:left;}
.right{float:right;}
.clear {clear:both;}
.alert {color:#f00;}
.txt-alert {color:#E22D00;}
p.txt-alert {padding:0.6em 0;}
.txt-alert.bolder {font-weight:700;}
.alertBox{display:block; padding:4px;color:#f00;line-height:1.3em;}
input[type="submit"] {padding:0.4em 0.8em; font-size:15px;}
.row {padding:0.8em 0;}
.row-cel {padding:0.3em;}
.cel-left {float:left;}
.cel-right {float:right;}
/*--------------------------------
layout & topnave
-------------------------------*/
#userInfoBar{position:absolute;top:0;left:280px; width:auto; z-index:600; }
.userInfo {font-size:12px;color:#fff;margin-right:16px;}
.userInfo span.centerName{}
.container {height: 100%;    width: 100%;	background: #FFFFFF;	margin: 0;}
.container.container-auto {height:auto;margin-top: 70px; }

#topPage{padding:1.5em 2em ; max-width:750px; }
#topPage h3{font-size:18px;}
#topPage p, #topPage li{font-size:15px;}
#topPage ul{margin-left:1.5em;}
.sidebar1 {float:left;overflow:visible;position:absolute;top:0; width:260px;height:90%;bottom:0;left:0;	background: #eee;    }
.content, .contentAdminPreview {position:absolute;top:0;  bottom: 0; left: 260px;      right: 0;   top: 90px;  	background:#fff; overflow:scroll;  }
.contentAdminPreview {	margin-top:.8em;background:#fff;  position: absolute;    bottom: 0; left: 12px;      right: 0;   top: 65px;   }
/*.contentAdmin {	position:absolute;top:0;  bottom: 0; left: 0;      right: 0;   top: 65px;  	background:transparent; overflow:scroll;    }
*/
.contentAdmin {padding-top:1.5em;}
.adminMainCont {margin: 0 auto;width:1020px;}
.mainColWrap {width:100%;right:0;}
#adminTopNav {
    background: #14486D;
    height: 90px;
}
.wrap_head {position:fixed;max-width:1020px;top:0;left:260px;right:0;height:90px; z-index: 500; background:#185078;}
.wrap_headAdminPreview {position:fixed;top:0; left:0; width:100%;height:65px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); z-index: 1000;background:#185078;}
/*topnavbar for popup screen*/
#uploadPhoto .wrap_head{position:fixed;top:0; left:0; width:100%;height:35px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); z-index: 1000;background:#185078;}
.contentPopup {	background:#fff;  position: absolute;    bottom: 0; left: 0;      right: 0;   top: 35px;   }
/*admin wrap_head*/
.wrap_headAdmin 
{
    position:fixed;top:0; left:0;
    width:100%;min-width: 1160px;
    height:65px;top:0;box-shadow: -3px 0 3px rgba(0, 0, 0, 0.5); z-index: 1000;background:#185078;}


.sidebar1 .siteTitle{position:absolute; margin-top:0;	
background:#B6E7FA url("../images/logo_ikumon.png") no-repeat 0 0;
   
width:260px;height:90px;z-index:1001;
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
}
/*admin siteTitle*/
.wrap_headAdminPreview .siteTitle{float:left;	background: #b0e2f8; width:180px;height:65px;}
.wrap_headAdmin .siteTitle{float:left;	background: #b0e2f8; width:180px;height:65px;}
.container-headsec {max-width:986px;height: 90px;background: #216291;}
.headsecTop1 {margin-left:20px;float:left;width:540px;padding-top:20px;}
.status {width:100%;display:block;font-size:13px; color:#fff;}
/*.status span {background:#649ec8;padding:1px;}*/
.status span > span {
    display: inline-block;
    padding: 4px 6px;
    margin-left: 2px;
    font-size: 15px;
    background: #FCFADC;
    color: #0578A5;
    line-height: 1em;
    font-weight: 700;
    border-radius: 3px;}
.status-detail {display: inline-block;
    padding: 4px 0;
    /*background: #EFE7CD;*/
    line-height: 0.9em;
    border-radius: 2px;}
.status-detail span {
    font-size: 15px;
    line-height: 1.0em;
    letter-spacing:-0.1px;
    color: #FCF3B2;
    }

.headsecTop2{float:right;padding-right:1.2em;}
.headsecTop2 input[type="submit"] {
    font-size :16px;
    padding:0.34em 0.86em ;
    margin:8px 6px 0 0;
    border-radius:6px;
    color:#0671af;
    background: #EFEFEF;
   border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
}
.headsecTop2 input[type="submit"].btn-submit {
    padding: 0.64em 1.6em;
    color:#333;
    font-weight:700;
    background: #FEDC70;
    background-image: linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
    background-image: -o-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
    background-image: -moz-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
    background-image: -webkit-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
    background-image: -ms-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
    background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.11, #F8B311),
	    color-stop(0.56, #F0C768),
	    color-stop(0.78, #F5D165)
    );

    border-color: #bb711a #bb711a #8b1c0e;
}
.headsecTop2 input[type="submit"]:hover {color: #185078;}
.editNav {clear:both;  width:700px; padding: 12px 12px 0 18px;}
.editNav input{font-size:14px; margin-right:12px; padding: 0.36em 0.8em; cursor:pointer;

border-radius: 0.2em;
letter-spacing: 0.5px;
border: 1px solid #ddd;}
.editNav input[type="submit"]{cursor:pointer;}
/*.editNav input[type="submit"].btn-edit-primary {background:#fff;color:#00A5DB;}
.editNav input[type="submit"].btn-edit-secondary {background:#fff;color:#333;}
.editNav input[type="submit"].btn-edit-cancel {background:#F8F8F8;color:#333;}*/
.editNav input[type="submit"]:disabled {background:#ddd;color:#666;cursor: default;}
.edit-options-end {padding-right:1.2em;}

/*--------------------------------
top menu (approver panel)
-------------------------------*/
.topnav{float:left;width:auto;}
body.es .topnav{float:none;width:auto;}
.topnav ul{margin-top:36px; margin-left:18px;vertical-align:bottom;}
body.es .topnav ul{margin-top:24px;display: flex;
flex-wrap: nowrap;justify-content: flex-start;}
.topnav li{float:left;list-style:none;
}
.topnav.nav-admin li {float:left;list-style:none;margin-right:4px;}
body.es .topnav.nav-admin li {float:none;flex:0 1 auto;}
.topnav.nav-admin li a {height:36px;
   text-decoration:none;color:#0671af;                     
   font-size:15px; background:#fff; color:#333; padding:10px 18px;
  -webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;}
body.es .topnav.nav-admin li a {
display:inline-block;
height:auto;
background:transparent;
color:#fff;
padding:10px 8px;
border-radius:0;
line-height:0.95;
}
body.es .topnav.nav-admin li a:hover{text-decoration:underline;}
.topnav a:visited{color:#0671af;}
.topnav a:hover{color:#00A5DB;}

.topnav .actions input {font-size:15px; padding:5px 12px;margin-right:0.8em;}
/*--------------------------------
sidebar menu
-------------------------------*/

.sidemenu{position:relative;top:90px;left:0;overflow-x:hidden;overflow-y:scroll;background:#eee;padding:12px 2px 22px 2px;height:90%;
border-right:2px solid #ccc;}
.sidemenu a:link{color:#0671af;}
.sidemenu ul{padding-left:0;text-indent:4px;}
.sidemenu ul ul{margin-left:0;}
.sidemenu ul li{list-style: none;font-size:15px; padding:6px 0 10px 12px; font-family:Arial, Helvetica, sans-serif;font-weight:bold;border-bottom:1px solid #FFF;}
.sidemenu ul li li{list-style: none; color:#333;padding-bottom:0;font-weight:normal;border-bottom:none;}
.sidemenu span.sidemenuTitle {text-indent:8px;font-size:14px;display:block; background:#8ed5f1; padding: 5px 0px 5px 0;border-top:2px solid #74ccef;color:#333;font-weight:700;background-image:url(../images/icon_arrow_dwn.png);background-repeat:no-repeat; background-position:90% 50%; }
.sidemenu ul.subMenu li{background:url(../images/icon_list_arrow.png) no-repeat 0 6px;
color:#333;font-size:15px;padding:2px 2px 2px 18px;border-top: none;text-indent:-4px;text-decoration:none; }
.sidemenu ul li a, .sidemenu ul li a:visited, { color:#0671af;	
	display: block; font-weight:bold; 
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your sidebar container. */
	text-decoration: none;}

.sidemenu ul li a:hover, .sidemenu ul li a:active, .sidemenu ul li a:focus {text-decoration:underline;color:#00A5DB;}


.sidemenu li span{color:#666;}
.sidemenu ul.subMenu li a:link {color:#026282;font-weight:normal; }
.sidemenu ul.subMenu li a:visited {color:#026282;font-weight:normal; }
.sidemenu ul.subMenu li a:hover {color:#0671af;font-weight:normal; }
.sidemenu .mainMenu li:hover {background:#fff;}

.sidemenu .btmMenu {margin:0 0 28px 0;padding:12px 0 12px 0; border-top:2px solid #6e7e8e;background:#BFEDFF;}
.sidemenu .btmMenu ul{position:relative; }
.sidemenu .btmMenu ul li{display:block; border-top: none; font-size:12px; color:#0671af; font-weight:normal; padding-left:0;}
.sidemenu .btmMenu ul li.pdfFile{background-image:url(../images/icon_pdf.png);background-position:5% 45%;background-repeat:no-repeat;padding-left:30px;}
.sidemenu .btmMenu ul li.support-list {margin:6px 0px; padding:4px 0px 0px 6px; color:#74ccef;}
.sidemenu .btmMenu ul li.support-list .inline-header {font-size:15px; color:#0671af; font-weight:bold;}
.sidemenu .btmMenu .support-list-cont h4 {font-weight:bold; font-size:15px;margin:3px 0 2px 0;color:#555;}
.sidemenu .btmMenu .support-list-cont .support-address {display:block; margin:0; padding-left:6px; margin-bottom: 8px;}
.sidemenu .btmMenu .support-list-cont .support-address a { font-weight:normal; font-size:12px; color:#0671af;}
.sidemenu .btmMenu .support-list-cont .support-address a:before 
{    
    padding-right:6px;}
.sidemenu .btmMenu .support-list-cont ul li a:hover {color:#fff;}
/*--------------------------------
input button style on top header
-------------------------------*/

/* ~~ The footer ~~ */
footer {	padding: 10px 0;	background: #CCC49F;	position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both;
}
/*--------------------------------
Main Content style
-------------------------------*/

img.topImg {border:2px solid #eee;  float:right;margin-left:6px;margin-right:12px; }
 img.topImg.img-es {display:none;}
body.es img.topImg.img-en {display:none;}
body.es img.topImg.img-es {display:block!important;}
/*--------------------------------
edit panel top
-------------------------------*/
.editPanelTop {position:relative; margin:4px ;background:#F4F5F5;min-width:980px;}
/* -- button -- */
input .goEdit{   border: none;    
	  color: #ffffff;    display: block;    font: 14px Arial, sans-serif;    letter-spacing: 0px;    margin-top:2px; margin-left:3px;   padding: 8px 12px;}
  
.editPanelTop div input[type="submit"]{ font: 16px Arial, sans-serif;padding: 12px 26px;color: #222;
background:#F8B311;
background-image: linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
background-image: -o-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
background-image: -moz-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
background-image: -webkit-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
background-image: -ms-linear-gradient(bottom, #F8B311 11%, #F0C768 56%, #F5D165 78%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.11, #F8B311),
	color-stop(0.56, #F0C768),
	color-stop(0.78, #F5D165)
);

    border-color: #bb711a #bb711a #8b1c0e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
	-moz-box-shadow: 0 0 3px #fff;
    -webkit-box-shadow: 0 0 3px#fff;
    box-shadow: 0 0 3px #fff; 
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 0 2px rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.29);
    display: block;
    margin: 5px;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
	margin: 0 !important;
    padding: 3px 5px !important;
}
.editPanelTop div input[type="submit"]:hover {cursor:pointer;
           color: #185078;                                   }
/*edit home*/
#editHome{background-image:url(../images/bg_homepagePg2022.jpg); background-repeat:no-repeat; background-position:0 0;width:100%; height:1043px;}


body.es #editHome{background-image:url(../images/bg_homePg-mx-2020.jpg);}
.home_editArea1{position:absolute; top:120px; left:50px;}
.home_editArea1 span{color:#f00; font-size:36px;}
.home_editArea2{position:absolute; top: 234px;
left: 498px;
width: 372px;
height: 126px; background:transparent;}
.home_editArea3{position:absolute; top: 416px;
left: 117px;
width: 358px;
height: 492px;background:transparent;}
.home_editArea3{position:absolute; top: 598px;
left: 117px;
width: 358px;
height: 311px;background:transparent;}/*updated 2022*/
.home_editArea2  .menu_button_edit2 {position:relative; top:10px; left:280px;width:80px;}
.home_editArea2  .menu_button_edit2Fr {position:relative; top:12px; left:10px;width:80px;}
.home_editArea3 .menu_button_edit3 {position:relative; top:10px; left: 270px;width:80px;}
.home_editArea3 .menu_button_edit3Fr {position:relative; top:12px; left:360px;width:80px;}

.home_editArea2:hover{border: 1px solid #fc3;}
.home_editArea3:hover{border: 1px solid #fc3;}
/*edit Center*/
#editCenter{background-image:url(../images/bg_centerPg2022.jpg); background-repeat:no-repeat; background-position:0 0;width:100%; height:1043px;}
body.es #editCenter{background-image:url(../images/bg_centerPg-mx-2020.jpg);}
.center_editArea1 {position:absolute; top: 87px;left: 203px;width: 460px;height: 168px; background:transparent;}
.center_editArea2 {position:absolute; top: 276px;left: 203px;width: 460px;height: 112px; background:transparent;}
.center_editArea3 {position:absolute; top:417px; left:203px;width:460px;height:78px; background:transparent;}
.center_editArea4 {position:absolute; top: 519px;left: 203px;width: 460px;height: 100px; background:transparent;}
.center_editArea5 {position:absolute; top: 87px;left: 674px;width: 274px;height: 318px; background:transparent;}
.center_editArea6 {position:absolute; top:423px; left:674px;width:274px;height:166px; background:transparent;}
#editCenter  .menu_button_editL{position:relative; top:5px; left:370px;width:80px;}
#editCenter .menu_button_editR{position:relative; top:5px; left:190px;width:80px;}
/*.center_editArea1  .menu_button_edit1Fr{position:relative; top:12px; left:550px;width:80px;}
.center_editArea2  .menu_button_edit2{position:relative; top:5px; left:550px;width:80px;}
.center_editArea2  .menu_button_edit2Fr{position:relative; top:12px; left:550px;width:80px;}
.center_editArea3 .menu_button_edit3{position:relative; top:5px; left:550px;width:80px;}
.center_editArea3 .menu_button_edit3Fr{position:relative; top:12px; left:550px;width:80px;}
.center_editArea4 .menu_button_edit4{position:relative; top:5px; left:550px;width:80px;}
.center_editArea4 .menu_button_edit4Fr{position:relative; top:12px; left:550px;width:80px;}
.center_editArea5 .menu_button_edit5{position:relative; top:5px; left:190px;width:80px;}
.center_editArea5 .menu_button_edit5Fr{position:relative; top:12px; left:190px;width:80px;}
.center_editArea6 .menu_button_edit6{position:relative; top:5px; left:190px;width:80px;}
.center_editArea6 .menu_button_edit6Fr{position:relative; top:12px; left:190px;width:80px;}*/

.center_editArea1:hover{border: 1px solid #fc3;}
.center_editArea2:hover{border: 1px solid #fc3;}
.center_editArea3:hover{border: 1px solid #fc3;}
.center_editArea4:hover{border: 1px solid #fc3;}
.center_editArea5:hover{border: 1px solid #fc3;}
.center_editArea6:hover{border: 1px solid #fc3;}
/*edit Instructor*/
#editInstructor{background-image:url(../images/bg_instructorPg-2019.jpg); background-repeat:no-repeat; background-position:0 0;width:100%; height:800px;}
body.es #editInstructor{background-image:url(../images/bg_instructorPg-mx-2020.jpg); }

.instructor_editArea1{position:absolute; top:113px; left:35px;width:868px;height:150px; background:transparent;}
.instructor_editArea1Fr{position:absolute; top:25px; left:660px;width:80px;height:35px; background:transparent;}
.instructor_editArea2{position:absolute; top:293px; left:35px;width:868px;height:186px; background:transparent;}
.instructor_editArea2Fr{position:absolute; top:242px; left:660px;width:200px;height:200px; background:transparent;}
.instructor_editArea3{position:absolute; top:516px; left:35px;width:868px;height:95px; background:transparent;}
.instructor_editArea3Fr{position:absolute; top:450px; left:660px;width:200px;height:300px; background:transparent;}
#editInstructor .menu_button_editL{position:relative; top:5px; left:780px;width:80px;}
/*.instructor_editArea1  .menu_button_edit1{position:relative; top:0px; left:555px;width:80px;}
.instructor_editArea1  .menu_button_edit1Fr{position:relative; top:12px; left:555px;width:80px;}
.instructor_editArea2  .menu_button_edit2{position:relative; top:0px; left:555px;width:80px;}
.instructor_editArea2  .menu_button_edit2Fr{position:relative; top:12px; left:555px;width:80px;}
.instructor_editArea3 .menu_button_edit3{position:relative; top:0px; left:555px;width:80px;}
.instructor_editArea3 .menu_button_edit3Fr{position:relative; top:12px; left:555px;width:80px;}*/
.instructor_editArea1:hover{border: 1px solid #fc3;}
.instructor_editArea2:hover{border: 1px solid #fc3;}
.instructor_editArea3:hover{border: 1px solid #fc3;}
.partner{display:block; position:relative; top:0px; left:0px;padding:3px; border:1px solid #f00; width:180px;background:#fff;}

body.es .partner{display:none;}/*--hide partner in MX--*/
.instructor_editArea2  .partner, .instructor_editArea3 .partner{top:20px;}
.partner p{font-size:12px;color:#c30; font-weight:bold;margin:4px;}
/*edit Incentive*/
#editIncentive{background-image:url(../images/bg_incentivePg-2019.jpg); background-repeat:no-repeat; background-position:0 0;width:100%; height:800px;}
.incentive_editArea1{position:absolute; top: 118px;left: 16px;width: 930px;height: 116px; background:transparent;}
.incentive_editArea1 .menu_button_editL{position:relative; top:8px; left:836px;width:80px;}
.incentive_editArea1  #menu_button_edit1Fr{position:relative; top:12px; left:555px;width:80px;}
.incentive_editArea1:hover{border:1px solid #fc3;}

/*edit Resources*/
#editResources{background-image:url(../images/bg_resourcePg-2019.jpg); background-repeat:no-repeat; background-position:0 0;width:100%; height:800px;}
body.es #editResources{background-image:url(../images/bg_resourcePg-mx-2020.jpg);}
.resources_editArea1{position:absolute; top: 118px;left: 24px;width: 770px;height: 226px; background:transparent;}
.resources_editArea1  .menu_button_editL{position:relative; top:10px; left:670px;width:80px;}
.resources_editArea1  .menu_button_edit1Fr{position:relative; top:12px; left:565px;width:80px;}
.resources_editArea1:hover{border: 1px solid #fc3;}

/*edit Success*/
#editSuccess{background-image:url(../images/bg_successPg-2019.jpg); background-repeat:no-repeat; background-position:0 0;width:100%; height:670px;}
body.es #editSuccess{background-image:url(../images/bg_successPg-mx-2020.jpg);}
.success_editArea1{position:absolute;top: 249px;left: 18px;width: 912px;height: 376px; background:transparent;}
.success_editArea1  .menu_button_editL{position:relative; top:5px; left:820px;width:80px;}
.success_editArea1  .menu_button_edit1Fr{position:relative; top:12px; left:670px;width:80px;}
.success_editArea1:hover{border: 1px solid #fc3;}

/**/
.noteBox{display:block; position:relative; top:0; left:;padding:3px; border:1px solid #f00; width:300px;}
.noteBox p{font-size:12px;color:#f00; font-weight:bold;}
/*--------------------------------
edit section
-------------------------------*/
.editSection{margin:4px 4px 4px 0 ;padding:15px; max-width: 948px;border:1px solid #eee;}
.staff-admin .editSection{margin:4px 4px 4px 0;}
.editSection.edit-listtable{ width:auto;max-width: 980px;}
.editListSection{margin:18px 12px ;padding:6px;max-width:1100px;border:1px solid #eee;}
.adminMainCont .editSection,
.adminMainCont .main-container {
     max-width:940px;padding:8px;}
.editSecTitle{display:block; font-size:18px; font-weight:bold;border-bottom:1px solid #333;margin-top:0;padding:0 12px 4px 0;color:#185078;}
.editSection h2, .editModal h2{font-size:16px;margin:2px 0;color:#333;}
.editSection h3, .editModal h3{font-size:14px;margin:2px 0;color:#666;}
.editSection h4, .editModal h4{font-size:13px;margin:2px 0;color:#666;}
.editSection p{margin-top:0;}
.editFormArea input{padding:3px 4px;font-size:13px;}
.editFormArea input.btn_add{padding:6px 8px;font-size:16px;}

.editArea span{font-size:15px;display:block; margin-left:0.5em;}
.editSection .inputTitle{padding:6px; font-size:20px;width:98%;border:1px solid #ccc;background:#fcfee7;}
.editFormArea {margin-top:18px;}

.editSection .txtEdiorBox{width:100%;margin-top:18px;}
.adminTable {clear:both;margin-top:4px;}
.adminStatusTable {width:750px;clear:both;margin-top:4px;}

.adminTable table.listView{border:1px solid #ccc;padding:0;margin:0;}
.adminTable table th{background:#eee;border:1px solid #ccc;line-height: 1.2em;}
.adminTable table td{background:#fff;border-right:1px solid #ccc;padding:6px 3px;line-height: 1.2em;}
.adminTable table td:first-child {border-left:1px solid #ccc;}
.adminTable table td input{font-size:11px;}

.adminStatusTable table th{background:#eee;border:1px solid #ccc;}
.adminStatusTable table td{background:#fff;border:1px solid #ccc;padding:6px 3px;}
.adminStatusTable table td input{font-size:11px;}

tr.noteRow th{height:1px; padding:0;margin:0;}
tr.noteRow td{height:1px; padding:0;margin:0;vertical-align:top;}
table.uploadUrl{width:560px;background:#f8f8f5;padding:12px;border:2px solid #DEDED0;}
table.uploadUrl th{text-align:right;font-size:12px;width:120px;margin-top:16px;vertical-align:top;padding-top:3px;margin:0;}
table.uploadUrl td{text-align:left;width:420px;margin:0;}
table.uploadUrl td span{font-size:12px;color:#666;margin-top:0;}

table.uploadUrl td input{font-size:15px;color:#666;padding:4px 6px;}
table.uploadUrl td span.alertNotes {width:380px;float:right;font-size:13px;color:#f33;}
hr{border:2px solid #eee;margin-top:46px;}
.actionMenuList ul li {margin-bottom:8px;}
/*photo upload*/
.imgSelect{width:auto;}
table.imgSelectView{width:100%;border:1px solid #eee;padding:12px;background:#efeeee;}
table.imgSelectView td input {font-size: 14px;
padding: 0.3em 0.6em;}
table.imgSelectView li {list-style:none;}
table.imgSelectView td.showPhoto img{width:120px; height:100px;background:#fff;}

/*center update*/
.publishDate{border:1px solid #ccc; background:#f8f8f5;width:auto; padding:8px;overflow:hidden;margin-top:8px;}
.publishCal{float:left; width:220px;margin-right:24px;}
table.centerInfo{border-collapse:collapse;border:2px solid #DEDED0;width:100%;background:#f8f8f5;}
table.centerInfo tr{border-bottom:1px solid #dadada;vertical-align:top;}
table.centerInfo th{padding:6px 8px;text-align:right;width:170px; font-size:12px;}
table.centerInfo td{padding:6px 8px;font-size:small; color:#888;text-align:left;}
table.centerInfo td span{display:block;}
table.centerInfo td input{padding:6px 8px;font-size:15px;background:#fcfee7;}

/*modal window*/
.centerphoto-modal-frame {border:1px solid #ccc;}
.modalWrapper 
{
    border-width:1px; 
    border-style:solid; 
    border-color:#666; 
    background-color:White; 
    padding:2px; 
    height:100%;}
.editModal {background:#333333;border:1px solid #ccc;
 -webkit-box-shadow: 2px 2px 8px rgba(203, 205, 205, 0.7);
-moz-box-shadow:    2px 2px 8px rgba(203, 205, 205, 0.7);
box-shadow:         2px 2px 8px rgba(203, 205, 205, 0.7);}
.editModal h2{color:#222;}
.editModal h4{color:#ccc;}
.modalBtm {background:#eee;  text-align:center; padding:0.2em;}
.modalNavBar{margin-left:220px;}
.modalBtmSec {width:100%;; background:#eee; padding:4px 0; }
.singleView {width:auto;height:300px;overflow-y:hidden;background:#111;text-align:center; margin-bottom:10px;}
.thumbView {width:100%;height:150px;overflow-y:hidden ;overflow-x:scroll;width:520px; height:150px; }
/*resource file upload*/
table.uploadDoc{width:100%;background:#f8f8f5;padding:12px;border:2px solid #DEDED0;}
table.uploadDoc th{text-align:right;font-size:12px;width:120px;margin-top:16px;vertical-align:middle;padding-top:3px;margin:0;}
table.uploadDoc td{text-align:left;width:auto;margin:0;overflow:hidden;}
table.uploadDoc td span{font-size:12px;color:#666;margin-top:0;}

table.uploadDoc td select{padding:4px;font-size:15px;}
table.uploadDoc td input[type="text" ] {padding:6px 8px; font-size:15px;width:90%; background:#fcfee7;}
table.uploadDoc td.uploadFile{overflow:hidden;}
table.uploadDoc td.uploadFile input[type="text" ] {height:30px;padding:8px 0; font-size:15px;width:auto; background:#fcfee7;margin-top:0;}
table.uploadDoc td input[type="checkbox" ] { background:#fff;}


/*manage photo*/


.photoManageView { min-width:680px;min-height: 160px; max-height:480px; overflow-x: hidden; overflow-y: scroll; border:2px solid #ccc; padding: 4px;}
.photoManageView.modal-view {min-width:500px;width:545px; height:150px; max-height:160px; overflow-x:scroll; background-color:#ccc; overflow-y:hidden;}
.photoManageView.view-type2 {width:740px; height:320px; overflow-x: hidden; overflow-y: scroll; border:2px solid #ccc; padding: 4px;}

.photoManageView .img-box {float:left; border-top:1px solid #ddd;border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:none;   padding:4px; height:130px; width:120px;}
.photoManageView .img-box:first-child {border-left:1px solid #ddd;}
.photoManageView .img-thumbnail {height:110px; width:110px;margin: auto;}
.photoManageView .img-thumbnail input.btn-image{border:1px solid #FEE122; border-width:1px!important;}
.photoManageView .img-thumbnail input.btn-image.img-viewonly{border:1px solid #ccc; border-width:1px!important;cursor:default;}
.photoManageView .img-title {height:20px; width:110px;}
.photoManageView .img-title p {line-height:1em;}
.photoManageView .img-thumbnail {}
.editForm{position:relative; margin:4px 4px 24px 6px;padding-bottom:36px;}
.set {margin:1em 0.5em;}
.editForm label{ float: left;   font-size: 14px;  width: 180px; line-height:1.6em;text-align:right;margin-right:12px;vertical-align:baseline;}
.editForm ol.radioBtn li{padding-left:25px;}
.editForm ol.radioBtn li label { background: none ;    line-height: 20px;    padding: 0;    width: auto; vertical-align:middle;}
.editForm textarea, .editForm input {background: #eaf8fe;
    border: 1px solid  #87ADC0;    color: #63757D; font-size: 16px;  font-weight:normal;
    margin: 0;    padding: 6px 8px 5px;}	
	/*background: none ; border:none;  font: italic 11px "Times New Roman",Times,serif;    outline:none;padding: 3px; width: 80px;}*/
.editForm input[type="txt"]{ width: 500px;}

.editForm ol.radioBtn li textarea, .editForm ol.radioBtn li.btnInput input {background: transparent;  border:none;    color: #63757D;    font-family: Arial,Helvetica,Sans-Serif;    font-size: 12px;    font-weight: bold;    margin: 0;    padding: 4px 3px 5px; width:30px ;}
.editForm input.chkboxInput{width: 12px; margin-left:25px;border:none;}
.editForm ol li {line-height: 22px;list-style: none;padding: 5px 4px;margin-bottom: 2px;overflow:hidden;font-size:15px;}

.editForm .viewOnly {float:left;background: none repeat scroll 0 0 #eee;
    color: #666;
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 6px 0px 5px;
    width: 350px;}
 .editForm dd { margin-left:0; padding:3px;}
 
 
 legend{display:block;width:100%;font-size:16px;font-weight:bold;margin:12px 0 8px;border-bottom:1px solid #ccc;}
 legend span{display:inline; margin-left:.5em;font-size:13px; color:#333;}
 
 .entryForm ol.options{margin-left:0;}
 ol.options li{line-height: 16px;list-style: none;padding: 3px ;margin-bottom: 2px;overflow:hidden;}
 input.url{width:300px;}
 textarea.codesEmbed {
    color: #777777;
    
    height: 80px;
    max-width: 500px;
    min-width: 100px;
    width: 95%;
}
 .entryForm input[type="radio"]{background: none;
    border: none;    color: #63757D;  
    margin: 0;    padding: 3px 8px 3px; width: 30px;}
.entryForm input[type="checkbox"]{background: none;
    border: none;    color: #63757D; 
    margin: 0;    padding: 3px 8px 3px; width: 25px;}
 .entryForm label{float:none; background: none;
    border: none;    font-size: 16px;  font-weight:normal;
    margin: 0;    padding: 6px 8px 5px; }
 .entryForm  span.urgent{float:none; background: none;
    border: none;  display:inline;  font-size: 16px;  font-weight:normal;
    margin: 0;    padding: 6px 8px 5px; background:#FFC;}
	.contentEntryBox{}
	.charCount {width:auto; font-size:;}
	.charCount span{font-size:;}
	input.headline{width:550px}
.submitNavBox{margin:0.3em 1.5em;}
.submitNavBox input{ margin-right:18px;}
.header-photo {font-size:12px;color:#222;line-height: 1em;margin: 0;}
/*image upload*/
.imgBox{ width:660px;overflow:hidden;margin-bottom:6px;border:1px solid #ccc;padding:4px;}
.thumbnail{width:160px;float:left;}
img.centerImg{float:left;width:140px; height:80px;border:2px solid #ccc;}
.imgUpload {float:right;width:500px;}
.imgUpload  input{margin:auto 3px;margin-top:24px;}
span.consentTxts {font-size:11px;display:block; line-height:13px;margin-left:3px;margin-top:3px;}
input.consent{float:left;padding-top:3px;}

/*view photo modal*/
.modal-view-photo {height:100%; width:550px; background:#fff; padding:2px;}
.modal-view-photo th { width:120px;text-align:right; }
.modal-view-photo td { padding:0.3em; }
.modal-view-photo th .label-txt {font-size:13px;color:#666;}
.modal-view-photo input[type="text"] {font-size:14px;cursor:pointer;}
.modal-view-photo input[type="text"],
.modal-view-photo textarea
{width: 386px;padding:0.3em 0.6em;border:1px solid #ddd;border-radius:0.2em;}
.modal-view-photo .col-submit {background:#fff; padding:0.6em 1em; text-align:center;border-top: 1px solid #ddd;}
.modal-view-photo .col-submit input[type="submit"] {padding:0.4em 1.2em; font-size:14px;border-radius:0.2em;border:1px solid #ddd; background:#F9F9F9;margin:0.3em;}
.modal-titleheader {font-size: 18px;color:#333;}
/*article  list*/
table.postList {width:760px; border:1px solid #ccc;font-size:13px;}
table.postList th {text-align:left;background:#eee;padding:3px;}
table.postList td {background:#fff;font-size:15px;padding:3px;}
table.postList tr{border-bottom:1px solid #ccc;}

table.postList td.actions {background:#fff;font-size:15px;width:60px;}
table.postList td.title {width:400px;}
button.listAction {font-size:11px;}

.editForm input[type="checkbox"]{width:18px; padding:0;padding-top:3px;}
.actionNavBar {display:block;}
a.btnLink{text-decoration:underline; color:#0000ff;font-size:12px;}
.actionNavBar button.listAction {margin-right:.5em;}

/*image upload popup screen*/
#uploadPhoto .editForm{margin-bottom:0;padding-bottom:0;}
#uploadPhoto{width:550px;}
.PhotoPreviewBox{width:100%; height:230px;}
.uploadPhoto input{}
.imgSelectedView{width:500px; height:200px;padding:6px 12px;}
.imgSelectedView h3{margin:2px; font-size:13px;}
.imgListView{border:1px solid #ccc;width:auto; padding:2px;overflow:hidden;margin:0 auto;}
.imgListView div{margin:0 auto;}
img.imgSelectedThumb{display:block;border:1px solid #888; width:380px; height:100%;}
img.imgListThumb {float:left; padding:3px 4px;width:85px; height:55px;}

.frame-image {height:300px; width:546px; text-align:center;}
/*modal button*/
.modalNavBar input[type="submit"] {padding:0.4em 1.2em; font-size:14px;border-radius:0.2em;border:1px solid #ddd; background:#F9F9F9;margin:0.3em;}
/*--------------------------------
admin approver section
-------------------------------*/
.userbox{font-size:11px;color:#333;}
.userbox span{font-size:11px;color:#185078; padding:0 4px;}
.userbox a{text-decoration:underline;}
.adminMainCont .adminTable{}
.adminTable table{border-bottom:1px solid #ccc; font-size:13px;}
.adminTable table th{}
.adminTable table td{}
.adminTable tr.rowType1{background:#fff;}
.adminTable tr.rowType2{background:#eee;}
.adminTable th.headRow{background:#666; color:#fff; text-align:left; padding:3px 12px;}
.adminTable th span.celHeadText1{color:#fff;}
.adminTable td.celType1{border-right:1px solid #ccc;border-bottom:1px solid #ccc; padding:3px 12px;}
.adminTable td span.celTxt1{color:#333; font-size:13px;}
.adminTable td span.celTxt2{color:#f00; font-size:13px;}
.adminMainCont .adminTable .childTbl table{}
.adminMainCont .adminTable .childTbl th.headRow{background:#666; color:#fff; text-align:left; padding:3px 12px;}


input.btnAdminSm{font-size:12px;}
.pageInsert{border:1px solid #ccc;}
.menubox {padding:4px;font-size:13px;}
.menubox div {margin-right:12px;display:inline;}
.menubox .label-input {font-size:13px;}
.menubox .label-input.label-inline {display:inline-block; padding-right:0.6em;}
.menubox select.form-select {padding:0.4em 0.8em; font-size:14px;}
.imgThumb {width:86px; height:50px; border:solid 2px #888; float:left;}
.imgBlank {width:86px; height:50px; border:solid 2px #888; background:#eee;float:left;}
.imgOptions{float:left;padding-left:4px;}
.imgOptions img.del{display:block;margin-top:6px;}
#ctl00_cphContent_rlWorkItems li{list-style:none;}
table.adminTblHeader {width:900px; background:#ccc;border-collapse:collapse; border:1px solid #333;}
table.adminTblHeaderL {width:920px; background:#ccc;border-collapse:collapse; border:1px solid #333;}
table.adminTblHeaderChild {width:900px;background:#eee;border-collapse:collapse; border:1px solid #ccc;}
table.adminTblHeaderChildL {width:920px;background:#eee;border-collapse:collapse; border-bottom:1px solid #ccc;}
table.adminTblHeader td{background:#ccc;border:1px solid #666;}
table.adminTblHeader th{border:1px solid #666;}
.adminTable table.adminTblHeader td:first-child{border-left:1px solid #666;}
.tblTopNavBar {width:900px; border:none; padding:4px;overflow:hidden; }
.editTopNavBar {width:880px; border:none; padding:4px;overflow:hidden; }
.adminMainCont .editSection span.Label{font-size:13px; color:#333;}
.ErrTxt {font-size:12px; padding:6px;}
.reorderListDemo{width:940px;}
.areaOptions{border:1px solid #ccc;padding:4px;width:580px;}
table.tblSelectRegions {width:100%;margin-bottom:12px;}
table.tblSelectRegions td{padding-left:6px;}
table.tblSelectRegions th {text-align:right;font-size:12px;}
.centerSelectBox table th{text-align:right;font-size:12px;}
table#ctl00_cphContent_chkBoxList td label{font-size:13px;}
.centerSelectBox{border:none; margin:12px 0;}

.centerNewsBtmSec {width:920px;text-align:center;}
.adminTable table td table {border-color:#fff;}
.adminTable table td table td{border-color:#fff;}
.secInput {width:auto; padding-right:24px;display:inline;}
.secInput span{font-size:13px;color:#333;}
/*pending page*/
.pendingList .adminTable td,.pendingList .adminTable th{padding:5px;}
li.childTableList{margin:0; padding:0; list-style:none;}
*:first-child+html li.childTableList { margin-left:-16px;padding-bottom:0;display:block;} /*IE7 hack*/
li.childTableList li.grdChildTableList {list-style:none;}
.adminTable table.sectionTbl1 {border-collapse:collapse;width:885px;margin-left:35px;background:#ccc;}
.adminTable table.sectionTbl1 th{background:#ccc;}
*:first-child+html .adminTable table.sectionTbl1{ margin-left:50px;} /*IE7 hack*/

.childTbl table{border-collapse:collapse;border:none;width:885px;margin-left:35px;}
li.grdChildTableList .childTbl table{border-collapse:collapse;border:none;width:885px;margin-left:35px;}
*:first-child+html .childTbl table{ margin-left:50px;} /*IE7 hack*/
li.grdChildTableList .childTbl table.childTbl2{border-collapse:collapse;width:882px;margin-left:38px;}
li.grdChildTableList .childTbl table.childTbl2cont{border-collapse:collapse;border:none;width:882px;margin-left:0;margin-left:38px;}
li.grdChildTableList .childTbl table.childTbl2 th{background:none;border:1px solid #666;}
.pendingList li {list-style:none;}
li.grdChildTableList .childTbl table.childTbl2cont td {padding:3px;}
li.grdChildTableList .childTbl table.childTbl2cont li{margin:auto; padding:auto;}
li.grdChildTableList .childTbl table.childTbl2cont ol{margin:auto; padding:auto;}
/*Reorder List*/
.xClsDragHandle 
{
	background-image :url('../images/drag_handle.gif');
	background-color	:#fAf9f8;
	border				:thin outset white;
	cursor				:move;
	height				:15px;
	width				:20px;
	background-repeat	:no-repeat;
	background-position :center;	
}
.ClsCallbackStyle 
{
	border				:thin inset blue;
}
.ClsCallbackStyle table 
{
	background-color	:#5377A9;
	color				:Black;
}
.ClsReorderListContainer
{
	width: 80%;
	font-size:8pt;
}
.ClsReorderListContainer li 
{
	background-repeat	:repeat-x;	
	list-style-image	:none;
	list-style-position	:inside;
	list-style-type		:none;
	margin				:2px;
}
.ClsReorderListContainer li a 
{
	color			:#FFFFFF !important;	
}

.ClsReorderCue 
{
	border		:thin dashed black;
	height		:25px;
	width		:100%;
}
.ClsItemArea 
{
	margin-left	:0px;
	text-align:	left;
	background	:#f7f6f3;
	width		: 100%;
}
.ClsItem
{
	
}
/*end of Reorder List*/

.imageUploaderField input{width:75%!important;padding:0px!important;height:20px!important;}
/*staff admin table - page hit counter*/
.grid-staffadmin {background: #fff;
border-collapse: collapse;
border: 1px solid #ccc;
width:100%;}
.grid-staffadmin th,
.grid-staffadmin td{padding: 0.2em 0.4em;font-size: 13px;border: 1px solid #ccc;}
.grid-staffadmin th {background: #eee;font-weight:700;
border: 1px solid #ccc;}
table.grid-actions {border-collapse: collapse;
border: none;
width:100%;}
.grid-actions.grid-graybox {border-collapse: collapse;
border: 1px solid #ddd;background: #f8f8f5;padding:0.3em;
width:auto;}
.grid-actions td,
.grid-actions th {padding:0.3em;font-size: 13px;}
.grid-actions label {
font-size: 13px;font-weight:700;text-align:right;}
.grid-actions input[type="text"],
.grid-actions select {
padding:0.4em 0.8em;border:1px solid #ccc; border-radius:0.15em;font-size:15px;}  

/*report list*/

 .list-links ul{
    margin-left: 2em;
    margin-top: 1em;}
.list-links li {
    font-size: 15px;
    margin-bottom: 0.6em;
    list-style-type: disc;
}
.list-links li a:link 
{
    color:#007BB8;
}
.list-links li a:hover 
{
    text-decoration:underline;
}
.list-links li a:visited 
{
    color:#5B7886;
}
/**/
 body.es #ctl00_cphContent_DocumentUploadControl_AsyncFileUploadDocument_ctl01 {
    background:  url("../Images/btn-selectfile_es.png") no-repeat right top !important;
   
    }
    
body.es #ctl00_cphContent_phControl1_AsyncFileUpload1_ctl01 {
background:  url("../Images/btn-selectfile_es.png") no-repeat right top !important;
   
}