@charset "utf-8";

@import url(reset.css);
@import url(fonts.css);
@import url(jquery-ui.css);
@import url(jquery-ui.theme.css);
@import url(cms.css);
@import url(cmEmail.css);


body{font:12px/1.5 'notokr'; color:#000;letter-spacing: 0px;font-weight: 300;}
input, label{vertical-align:middle;}
input, label, select, textarea{font-family: "notokr";font-weight: 300;}
label img{vertical-align:middle;}
.out{display:block;overflow:hidden;position:absolute;left:-9999px;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px}
.hide {font-size:0;line-height:0;visibility:hidden}
.blind{position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.clear:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clear {display: block;}
* html .clear {height: 1%;} /* hides from ie-mac */
.ellipsis_text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.inner_con{width:1100px;margin:0 auto;position: relative;}
.hide_for_script{visibility: hidden;}

a#tocMenuCollapse>#tocMenuCollapseIcon{float:right;margin-top:2px;}
#tocMenuCollapseIcon.tocMenuCollapse,html[dir='rtl'] 
#tocMenuCollapseIcon.tocMenuExpanded{background:url('/Images/ImageSprite.png?v=636256477614094389') no-repeat scroll -416px -3px;width:16px;height:16px;overflow:hidden;}



a#tocMenuExpanded>#tocMenuExpandedIcon{/*float:left;margin-top:2px; position: absolute; top:115px;*/ z-index: 999; background-color:#3e4e68;}
#tocMenuExpandedIcon.tocMenuExpanded,html[dir='rtl'] 
#tocMenuExpandedIcon.tocMenuExpanded{
    background:url('/Images/ImageSprite.png?v=636256477614094389') no-repeat scroll -440px 8px;
    width:6px;height:30px;overflow:hidden;
    position: absolute;
    left: 0px;
    top: 80px;
    padding:5px;
    
}
a#tocMenuExpanded>#tocMenuTogglerLabel {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    -o-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    position: absolute;
    left: 18px;
    top: 123px;
    color: #000;    
}


.flex-container {display:-webkit-flex; display:flex;}
.flex1 {-webkit-flex:1; flex:1;}
.flex01 {-webkit-flex:1.2; flex:1.2;}
.flex2 {-webkit-flex:2; flex:2;}
.flex3 {-webkit-flex:3; flex:3;}
.flex4 {-webkit-flex:4; flex:4;}
.flex5 {-webkit-flex:5; flex:5;}
.flex6 {-webkit-flex:6; flex:6;}
.flex7 {-webkit-flex:7; flex:7;}
.flex8 {-webkit-flex:8; flex:8;}
.flex9 {-webkit-flex:9; flex:9;}
.flex10 {-webkit-flex:10; flex:10;}
.flex11 {-webkit-flex:11; flex:11;}


.vertical-container {
  height: 300px;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.btn-logout, .btn-pass {box-sizing:border-box; font-size:11px; border-radius:25px; border:1px solid #ccc; padding:2px 10px 4px 10px; margin-left:5px;}
.btn-logout {background-color:#3e4e68; color:#fff; border:0;}