/**
 **
 */
 
html, body {
	margin: 0;			/* Remove body margin/padding */
	padding: 0;
  font-size: 95%;
  background: #f0f0f0;
}

p,label,table {color: black;}

/* CSS Tabs */
/*
body#login_page {
	background-color: #dce1e9;
	color: #9B9B9B;
	font-size: 14px;	
}

#login_page header {
  background: #001358;
  background: linear-gradient(to bottom, #466a9a, #001358);
  height: 150px;
}
*/

/*----------------------------------------------------------------------------------------------*/
/*                                                                                              */
/*                              Login Page : by Max Noh, 2016-12-02                             */
/*                                                                                              */
/*----------------------------------------------------------------------------------------------*/

body#login_page {
  font-size: 100%;
  background: #dce1e9;
}

#login_page header {
  background-color: #0f4288;
  height: 200px;
  width: 100%;
  top: 0; 
}

#login_page #branding {
  width: 90%;
  margin: auto;
  padding-top: 58px;
}

#branding div {
  display: inline-block;
}

#branding #branding-logo {
  text-align: right;
  padding-right: 20px;
  vertical-align: middle; 
}

#branding-logo img.logo {
  width: 80px;
  height: 80px;
}

#branding #branding-title {
  color: red;
  text-shadow: 0 0 1px white;
  vertical-align: middle;
} 

#branding-title h1 {
  font-size: 60px;
  margin: 0px;
}

#branding #branding-motto {
  float: right;
  color: rgba(255,255,255,0.0);
  background: url('/assets/images/header-motto_right.png') no-repeat bottom center;
  background-size: contain;
  width: 200px;
  height: 130px;
}

#branding-motto p {
  display: none;
}

#login_page #body_content {
  background-image: url('/assets/images/americas.png'), url('/assets/images/eurasia_africa.png');
  background-position: left center, right center;
  background-repeat: no-repeat, no-repeat;
  width: 90%;
  margin: 40px auto;
  padding: 100px 0;
  background-size: 400px;
}

#body_content #mlogin {  
  margin: 0 auto; 
  padding: 40px 10px 60px;
  width: 29%;
  border-top: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}

#mlogin h3.title {
  text-transform: uppercase;
  text-align: center;
  color: #a0968b;
  font-size: 28px;
  margin: 0 0 40px;
  text-shadow: 0 0 2px #ffffff;
}

#mlogin #login {  
}

#login .fields input#user_id, #login .fields input#user_pwd {
  height: 1.4em;
  border: 1px solid #d5dde6;
  border-radius: 4px;
  display: block;
  margin: 10px auto;
  width: 200px;
  padding: 5px;
  text-align: center;
}

#login .submit_button {
  margin: 20px auto 0;
  padding: 5px;
  text-align: center;
}

footer#login_footer {
  background: #0f4288;
  color: white;
  text-shadow: 0 0 0.2px #000000;
  font-size: 1.2em;
  height: 200px;
  padding: 60px 0 0;
}

#login_footer .footer_wrapper {
  width: 90%;
  margin: 0 auto;
}

.footer_wrapper div {
  display: inline-block;
}

.footer_wrapper .left_40 {
  width: 30%;
  background: url(/assets/images/footer-logo_left-256x256.png) no-repeat left bottom;
  background-size: 128px;
}

.left_40 #contact {
  margin-left: 170px;
  height: 128px;
}

#login_footer a {
  vertical-align: bottom;
  color: white;
  line-height: 1.4em;
}

.footer_wrapper .right_60 {
  width: 69%;
  font-size: 0.8em;
  text-align: right;
}

.right_60 #address {
  text-align: right;
}

.right_60 #address div {
  display: inline-block;
  margin-left: 40px;
  text-align: left;
}

/*-----------------------------------------------------------------------------------------------------------------*/

.hidden {display: none;}
.eds_width {width: 1000px;}
.eds_subtable {font-size:93%;}	  
.eds_area {
	  margin:0 5px 0 4px;width: 880px;

		border-width:thin; 
		border-top: solid  #D2D2D2;
		border-left: solid #D2D2D2;
		border-right: solid #D2D2D2;
}
.eds_subarea {
	position:absolute;
	padding: 5px 5px;
}
.eds_leftarea {
	padding: 5px 4px;
	width: 810px;
}

.eds_subtabs {
      float:left;
      font-size:93%;
      line-height:normal;
		border-top: solid  #D2D2D2;
		border-left: solid #D2D2D2;
		border-right: solid #D2D2D2;;
      }
.eds_subtabs ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
.eds_subtabs li {
      display:inline;
      margin:0;
      padding:0;
      }
.eds_subtabs a {
      float:left;
      margin:0;
      padding:0 0 0 7px;
      text-decoration:none;
      }
.eds_subtabs a span {
      float:left;
      display:block;
/**      background:url("tabright4.gif") no-repeat right top;
*/      padding:5px 15px 4px 6px;
      color:#6B78A9;
      }
.eds_subtabs a:hover span {
      color:#6B78A9;
      }
.eds_subtabs a:hover {
      background-position:0% -42px;
      }
.eds_subtabs a:hover span {
      background-position:100% -42px;
      }
.eds_subnav_title {

	padding:0 0 0 0;
  	background : #f0f0f0; color : #f47b34;	

			}
.eds_subcommand {
      float:left;
      width:73%;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #f1f1f1;
      }
.popUpDiv {
		position:absolute;
		background-color:#eeeeee;
		border: 1px solid #999;
		padding: 5px 5px;
		width:537px;
		height:197px;
		z-index: 9002;
}

.out_put { border: 0; background: #f0f0f0;}  

/* ----------- Top ----------- */
#topContainer{height:88px;margin:0 auto;padding:0;width:auto;background:url('/assets/images/enterprise-system-cs.png')  repeat-x left top;}
#topContainer-logo{height:58px;padding:15px 10px 15px 50px;background:url('/assets/images/ccdclogo-cs.png') no-repeat left;}
#topContainer-txt{height:58px;background:url('/assets/images/challenge-cs.png') no-repeat right top;}
#loginContainer   { float: right; margin:6px 10px 10px 10px}
/* ----------- TopNavigation ----------- */
#navigation ul,
#navigation li,
#sublinks ul,
#sublinks li {border:0; padding:0; margin:0; list-style:none;} 
/* ----------- Navigation ----------- */
#navigation{height:28px;margin: auto;  padding: 0 0 0 38px;width:auto;background-color:#D4D6D6;
border-top:1px solid white;}
#navigation ul{height:24px;line-height:24px;}
#navigation ul li{display:inline;list-style:none;}
#navigation ul li a,
#navigation ul li a:visited {padding:0 20px;display:block;text-decoration:none;float:left;color:#003115;font-weight:bold;}
#navigation ul li a:hover {color:#1532a5; font-style:normal;}
#navigation ul li a:active {text-decoration:underline;}
/* ----------- Sub Menu ----------- */
#sublinks{width:auto;margin:0 auto;	background:#888888;	height:30px;font-size:14px;background-color:#00504E;} 
#sublinks ul{height:30px;	line-height:30px; }
#sublinks ul li{display:inline;}
#sublinks ul li a,
#sublinks ul li a:visited {padding:0 20px;display:block;text-decoration:none;float:left;color:white;font-style:normal;font-weight:bold;}
#sublinks ul li a:hover{text-decoration:underline;}
#sublinks ul li a:active {text-decoration:underline;}
/* ----------- Hide Sub menu ----------- */
.hidden {display: none;}
.display {display: block;}

#content-container{	float: left; margin:0 auto;padding:0;width:100%; height:460px;}

#leftNavigation{
   float :left; width: 100px;height:450px;
    margin:0 0 0 0 0px;  padding: 10px 0 0 10px;
	font-size:13px;line-height:20px;
    background : #eaeaea; color :blue;
    overflow : auto;
}
#leftNavigation ul {margin:0; padding:2px 2px 0px 12px;list-style:none;}
#leftNavigation ul li a,
#leftNavigation ul li a:visited {color :black;text-decoration:none;}
#leftNavigation ul li a:hover{ color :black;text-decoration:none; text-decoration:underline;}
#leftNavigation ul li a:active {font-size:14px;font-weight:bold;}

#centerContainer {float: left;left: 110px;width: 86%; height :460px;   margin:0 0 0 0;padding: 2px 2px;}
#centerContainer-img{
	position : relative;top:10%;left: 100px;width: 86%; height :300px;
    padding: 2px 2px;background:url('/assets/images/userlogo-cs.png') repeat-x center top;    
    text-align: left;
    overflow : inherit;
    font-size: 90%;
}

#mediawmv-group { float :left;width:1100px;}
#mediawmv-player { float :left;width:650px;height:450px;}
#mediawmv-player-view {  float :left; width:640px;margin:5px 5px 5px 5px;border:1px solid #00504E;}
#mediawmv-player-file { float :left; width:640px;height:20px; margin:5px 5px 5px 5px;border:1px solid #00504E;}
#mediawmv-player-list { float :left;width:350px;}
#mediawmv-player-list-search {  float :right; margin:10px 0 10px 0;}
#mediawmv-player-list-view {  float :left; margin:10px 0 10px 0;}
#mediawmv-player-list-view-navi {  float :center; margin:10px 0 10px 0;}
#footerContainer {clear:both;margin:0 0 0 0;width:100%;height:88px;background:url('/assets/images/footer-bgr-cs.png') repeat-x left top;}