/* SET DEFAULTS */

* {
  margin:0px;
  padding:0px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -o-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}

body {
  margin:0px;
  padding:0px;
  font-family:arial;
  line-height:125%;
}

.clear {
  clear:both;
}


#header {
  width:100%;
  background:#353535;
}


#header-panel {
  position:relative;
  width:980px;
  margin:0 auto;
  padding:20px 0;
  padding-left:20px;
}

  .welcome {
    position:absolute;
    top:50px;
    right:25px;
    text-align:right;
    font-size:14px;
    color:#ffffff;
  }

  .welcome a {
    margin-right:5px;
    color:#ffffff;
    text-decoration:none;
  }

  .welcome a:hover {
    color:#dbe900;
    text-decoration:underline;;
  }


#nav {
  width:100%;
  background:url('images/bg-nav.jpg') repeat-x;
}


#nav-panel {
  position:relative;
  width:980px;
  height:40px;
  margin:0 auto;
  padding:10px 0px;
}

  .nav-menu {
    position:absolute;
    top:10px;
    left:20px;
  }

  .nav-menu a {
    margin-right:50px;
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
  }

  .nav-menu a:hover {
    color:#dbe900;
    text-decoration:underline;
  }

  .profile-link {
    position:absolute;
    top:10px;
    right:20px;
  }

  .profile-link a {
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
    margin-left:40px;
  }

  .profile-link a:hover {
    color:#dbe900;
    text-decoration:underline;
  }




/* SET HOME */

#section1 {
  position:relative;
  width:980px;
  height:200px;
  margin:50px auto 0;
}

#login {
  position:absolute;
  top:0;
  left:0;
  width:280px;
  height:200px;
}

  table.login {
	padding-left:20px;
    font-size:14px;
    color:#707070;
  }
  
  table.login td {
    padding:0 10px 3px 0;
  }
  
  table.login input {
    font-size:14px;
    color:#353535;
    padding:3px 5px;
    border:1px solid #a1a1a1;
  }
  
  table.login p {
    font-size:13px;
  }
  
  a.link {
    font-size:13px;
    color:#4776b6;
    text-decoration:none;
  }
  
  input.sigin {
    display:block;
    width:80px;
    margin:20px auto 0;
    padding:4px 8px;
    text-align:center;
    background:#aeb254;
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
  }
  
  input.sigin:hover {
    background:#161616;
    color:#f2f879;
  }

#banner {
  position:absolute;
  top:0;
  right:0;
  width:700px;
  height:300px;
}

#section2 {
  width:100%;
  height:250px;
  padding-top:80px;
  background:url('images/bg-hometwo.png') repeat-x;
}

#section2-panel {
  width:980px;
  margin:0 auto;
}

  #section2-panel h1 {
    float:left;
    margin-left:360px;
    font-size:15px;
    font-weight:normal;
    color:#667d3a;
  }
  
  #contact-info {
    float:right;
    width:465px;
    font-size:15px;
    color:#353535;
  }


 
/* SET PAGE DEFAULTS */
  
#mainbody {
  width:960px;
  padding-left: 20px;
  margin:0 auto 50px;
}

.page-header {
  position:relative;
  width:930px;
  margin-top:20px;
  padding:0 10px 3px 0;
  border-bottom:1px solid #838383;
}

  .page-header h1 {
    font-size:20px;
    color:#333333;
    font-style:italic;
	padding-left:20px;
  }
  
  .page-header h1 span {
    font-size:15px;
  }
  
.page-header-follow {
  position:relative;
  width:230px;
  margin-top:30px;
  padding:0 10px 3px 0;
}
 .page-header-follow h1 {
    font-size:20px;
    color:#333333;
    font-style:italic;
	padding-left:10px;
  }

/* SET ANNOUNCEMENT PAGE */


#member-summary {
  float:left;
  width:280px;
  margin:50px 0;
  padding:20px;
  background:#eaeaea;
  text-align:center;
}
  
  table.member-sum {
    text-align:left;
    padding:5px 0;
    font-size:14px;
    color:#353535;
  }
  
  table.member-sum td {
	vertical-align:text-top;
	width:130px;
    padding:5px 0;
  }

#contents-panel {
  float:right;
  width:620px;
  margin:50px 0;
  margin-right: 20px;
}

#contents-panel-follow {
  float:right;
  width:620px;
  margin-top:30px;
  margin-bottom: 20px;
  margin-right:30px;
}

table.annoucement th {
  padding:7px 0 7px 5px;
  font:15px arial;
  font-weight:bold;
  color:#424242;
  text-align:left;
  border-top:1px solid #858585;
  border-bottom:1px solid #858585;
}

th.view {
  text-align:center;
}


table.annoucement td {
  vertical-align:top;
  padding:15px 0 15px 5px;
  font-size:14px;
  color:#424242;
  border-bottom:1px solid #858585;
}

a.green {
margin-top: 10px;
color:#00CC00;
}

a.red {
color:#FF0000;
margin-top: 10px;
}

a.read {
  font-size:14px;
  color:#667d3a;
  text-decoration:none;
}

a.read:hover {
  color:#2b4100;
  text-decoration:underline;
}



/* SET CPD PAGE */

.event-title {
	padding:10px 10px 10px 10px;
	background:#efefef;
    border:1px solid #b2b2b2;
}

.event-desc {
	margin-left: 15px;
	padding:5px 5px 5px 5px;
	background:#efefef;
}

.request {
  width:660px;
  margin:3px 0;
}

.request-form {
  float:left;
  width:auto;
}

.request p {
  display:inline;
  float:left;
  width:250px;
  padding:3px;
  vertical-align:top;
} 

.request p span {
  float:right;
}

textarea.CPD-request {
  resize:none;
  font: 13px arial;
  width:350px;
  padding:3px;
  border:1px solid #aaaaaa;
  color:#333333;
}

input.CPD-request {
  width:350px;
  padding:3px;
  border:1px solid #aaaaaa;
  color:#333333;
}

input.save-request {
  padding:6px 9px;
  color:#ffffff;
  background:#656a86;
  border:1px solid #aaaaaa;
}
  
table.cpd-title {
  margin-top:30px;
  border-collapse:collapse;
}
  
  table.cpd-title th {
    padding:5px 0;
    background:#ff9000;
    font-size:14px;
    color:#000000;
  }
  
table.cpd-menu {
  font-size:14px;
  color:#333333;
  border-collapse:collapse;
}

table.cpd-menu td {
	padding:5px 10px 5px 10px;
    vertical-align:top;
}

table.cpd-menu a:link {
	text-decoration:none;
}

table.cpd-menu a:visited {
	text-decoration:none;
}

table.cpd-menu a:hover {
	text-decoration:underline;
}

  input.choose-attach {
    width:190px;
    margin-top:5px;
	margin-bottom:5px;
  }
  
table.cpd {
  font-size:14px;
  color:#333333;
  border-collapse:collapse;
}
  
  table.cpd a:link {
	text-decoration:none;
}

  table.cpd a:visited {
	text-decoration:none;
}
  
  table.cpd td {
    padding:10px 10px;
    vertical-align:top;
  }
  
  table.cpd td p {
    margin-left:40px;
    font-weight:bold;
    text-decoration:underline;
  }
  
  td.cpd-events {
    border-bottom:1px solid #ff7200;
  }
  
  td.cpd-events ul {
    margin-left:20px;
  }
  
  td.description ol {
    margin-left:20px;
    font-size:14px;
    color:#ff7200;
    font-weight:bold;
  }
  
  td.description ul {
    margin-left:40px;
    list-style-position:inside;
    font-size:14px;
    color:#333333;
  }

  td.year, td.credit-hour, td.max-annum {
    text-align:center;
  }
  
   td.year, td.credit-hour, td.earn-point {
    text-align:center;
  }

  tr.end {
    border-bottom:1px solid #ff7200;
  }
  
   tr.cpdTitle
  {
		margin-top:30px;
		border-collapse:collapse;
  }
  
  tr.cpdTitle th
  {
    padding:5px 0;
    background:#ff9000;
    font-size:14px;
    color:#000000;
  }

/* SET MEMBER PROFILE */

a.edit-profile {
  position:absolute;
  top:0;
  right:10px;
  font-size:15px;
  color:#333333;
  text-decoration:none;
}

a.edit-profile:hover {
  color:#ff7200;
  text-decoration:underline;
}


#member {
  margin:30px 0;
  text-align:center;
}

  
  input.choose-file {
    width:190px;
    margin-top:10px;
  }
  

h1.info {
  font-size:15px;
  color:#ffffff;
  text-align:center;
  margin:10px 0;
  padding:5px 0;
  background:#8e92a7;
}

.profile-panel {
  width: 675px;
  margin:3px 0;
  padding:0 0 0 20px;
}

  .data {
    display:inline;
    float:left;
    width:250px;
    padding:3px;
  }
  
  .show-text {
    float:left;
    width:300px;
    padding:3px;
  }
  
  .edit-text {
    float:left;
    width:400px;
  }
  
  .edit-text input, .edit-text select {
    width:350px;
    padding:3px;
    border:1px solid #aaaaaa;
    color:#333333;
  }
  
  input.gender {
	border: none;
    width:auto;
    margin-right:5px;
  }
  
  input.btn {
    width:auto;
    margin:5px 10px 0 0;
    padding:6px 9px;
    color:#ffffff;
    background:#656a86;
  }
  
  input.btn:hover {
    background:#121212;
  }


  .data span, .show-text span {
    float:right;
  }
  
  textarea {
    width:350px;
    padding:3px;
    font:14px arial;
    color:#333333;
  }


/* SET CHANGE PASSWORD */

.password-panel {
  width:950px;
  margin:3px 0;
}

.password-panel p {
  display:inline;
  float:left;
  width:250px;
  padding:3px;
  vertical-align:top;
} 

.password-panel a {
  display:inline;
  color:#424242;
  font-size:14px;
  float:left;
  width:500px;
  padding:3px;
  overflow:visible;
} 

.password-panel p span {
  float:right;
}

.change-password {
  float:left;
  width:auto;
}

input.password {
  width:350px;
  padding:3px;
  border:1px solid #aaaaaa;
  color:#333333;
}

input.captcha {
  width:100px;
  padding:3px;
  border:1px solid #aaaaaa;
  color:#333333;
}

input.save-password {
  padding:6px 9px;
  color:#ffffff;
  background:#656a86;
  border:1px solid #aaaaaa;
}

input.save-password:hover {
  background:#121212;
}

ul.password-terms {
  list-style-position:inside;
  list-style-type:decimal;
  font-size:14px;
  color:#424242;
}



/* SET FONT */

h1.pg-title {
  font-size:18px;
  font-weight:bold;
  color:#2b480a;
}


h1.article {
  font-size:16px;
  color:#424242;
}


p {
  font-size:14px;
  color:#424242;
}



/* SET FOOTER */

#footer {
  width:100%;
  border-top:1px solid #d0d0d0;
}

#footer-section {
  width:980px;
  margin:0 auto;
  padding:20px 0 0 20px;
  font-size:13px;
  color:#353535;
}

#footer-section p {
  font-size:13px;
  color:#7c7c7c;
}

#footer-section a {
  display:inline-block;
  margin:0 30px 10px 0;
  color:#353535;
  text-decoration:none;
}

#footer-section a:hover {
  color:#404f25;
  text-decoration:underline;
}

/*------------------*/
/* Self added class */

.logout a:link {text-decoration:none; color:#EEEEEE;}      /* unvisited link */
.logout a:visited {text-decoration:none; color:#EEEEEE;}  /* visited link */
.logout a:hover {text-decoration:underline; color:#EEEEEE;}  /* mouse over link */
.logout a:active {text-decoration:none; color:#EEEEEE;}  /* selected link */

#content h1 {font-size:180%; color:#EEEEEE;}
#content h1 {margin:0; padding:10px 15px; background:url("images/content-h1.gif") 0 0 repeat-x; letter-spacing:-1px;}

.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url("images/ico-warning.gif") 10px 50% no-repeat;}
.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {background:url("images/ico-info.gif") 10px 50% no-repeat;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {background:url("images/ico-done.gif") 10px 50% no-repeat;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {background:url("images/ico-delete.gif") 10px 50% no-repeat;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

.tableheader {
text-align:center; 
background-color:#555555; 
padding:5px 5px 5px 5px; 
font-size:12px; 
font-weight:bold; 
color:#FFFFFF;	
}

.tableheader a:link {text-decoration:none; color:#FFFFFF;}      /* unvisited link */
.tableheader a:visited {text-decoration:none; color:#FFFFFF;}  /* visited link */
.tableheader a:hover {text-decoration:underline; color:#FFFFFF;}  /* mouse over link */
.tableheader a:active {text-decoration:none; color:#FFFFFF;}  /* selected link */

.tabledata {
text-align:center; 
background-color:#E8F6FF;
padding:2px 2px 2px 2px; 
font-size:12px; 
color:#000000;
}

.bgwhite {
	background-color:#FFF;
}
.bgblack {
	background-color:#000;
}
.bggrey {
	background-color:#CCC;
}
.bgred {
	background-color:#F00;
}

.tabledata a:link {text-decoration:none; color:#000000;}      /* unvisited link */
.tabledata a:visited {text-decoration:none; color:#000000;}  /* visited link */
.tabledata a:hover {text-decoration:underline; color:#000000;}  /* mouse over link */
.tabledata a:active {text-decoration:none; color:#000000;}  /* selected link */

.tabledataform {
background-color:#E8F6FF;
padding:2px 2px 2px 2px; 
font-size:12px; 
color:#000000;
}

.tabledataform a:link {text-decoration:none; color:#000000;}      /* unvisited link */
.tabledataform a:visited {text-decoration:none; color:#000000;}  /* visited link */
.tabledataform a:hover {text-decoration:underline; color:#000000;}  /* mouse over link */
.tabledataform a:active {text-decoration:none; color:#000000;}  /* selected link */

/*----------------*/
/* KMChew - Added */
/*----------------*/
#idletimeout { background:#CC5100; border:3px solid #FF6500; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }