body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(images/bg_header.png);
}

.ttl{
	font-weight: bold;
	color: #666666;
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 10px;
	}
	
.ttl02 {
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

.style002{
	font-weight: bold;
	color: #666666;
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 10px;
	}
	
h1{
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	}
h2{
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: thin;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}

table {
	border: thin none #CCC;
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 12px;
	background-color: ;
	font-weight: normal;
	width:100%;
	border-collapse:collapse;
	}
	
td {
	padding:2px; border:#ccc 1px solid;
	/*background-color: #FFFFFF;
	border: thin none #D6D6D6;
	padding: 1px;
	color: #000;*/
}

tr{
		background: #b8d1f3;
	}

tr:nth-child(odd){
	background-color: #F4FDFD;
	}
	
tr:nth-child(even){
		background: #dae5f4;
	}	
	
th{
	background-color: #DBE2E3;
	font-family: Bitter, Myriad Pro, Verdana, serif;
	font-size: 13px;
	font-weight: normal;
	padding:2px;
        
}
	
.colGp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #AADCE0;
	font-size: 10px;
}
.rowTtl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	background-color: #F1F3F5;
	color: #333333;
}
.colMnGp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #003366;
	height: auto;
	width: auto;
	line-height: 20px;
}

#fmTop {
	width: 100%;
	height: 100%;
	min-height: 110px;
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: fixed;
}

#hdText {
	font: Arial;
	font-style: italic;
	font-size: 36px;
	color: #FFFF66;
	position: relative;
	background-repeat: no-repeat;
	height: 100px;
	width: 300px;
	top: -10px
	margin-left: 8px;
}

#fmMemu {
	position: absolute;
	width: 210px;
	float: left;
	top: 180px;
}

#fmMain {
		position: absolute;
		height: 870px;
		min-width: 80%;
		margin-left: 230px;
		top: 180px;
		padding-right: 1px;
		overflow: auto;
		float: right;
}
	
#fmTopMemu {
	position: absolute;
	width: 100%;
	float: left;
	top: 180px;
}

#fmTopMain {
		position: absolute;
		height: 870px;
		min-width: 80%;
		margin-left: 5px;
		top: 220px;
		padding-right: 1px;
		overflow: auto;
		float: right;
}
	
.btn {
	width: 200px;
	text-align: left;
	margin-left: px;
}

table{
	border: thin solid #CCC;
}

th.header {
	cursor: pointer;
	font-weight: ; 
	background-repeat: no-repeat;
	background-position: left;
	background-color : #ffffcc;
	padding-left: 5px;
	margin-left: 5px;
	font-weight: normal;
} 	

th.headerSortUp { 
	background-image: ; 
	background-color: #ffffaa; 
} 

th.headerSortDown { 
	background-image: ; 
	background-color: #ffffee; 
} 

td{
	font-size: 12px;
	color: #454545;
}

.ipQnt {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/questionnaire.gif) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipDtl {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/detail.gif) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipEdt {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/edit.gif) no-repeat; 
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipDel {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/delete.gif) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipAddUsr {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/addUser.gif) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipRS {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/reschedule.gif) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipCnl {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/cancel.gif) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipSnd {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/mail.png) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipStA {
	/* use for detect error : "show to administrator" */
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/show_admin.png) no-repeat;
	height: 40px;
	width: 20px;
	padding: 40px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipVnS {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/view_submit.png) no-repeat;
	height: 40px;
	width: 100px;
	padding: 40px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipVnA {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/view_approval.png) no-repeat;
	height: 40px;
	width: 120px;
	padding: 40px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipViw {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/view.png) no-repeat;
	height: 40px;
	width: 50px;
	padding: 40px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipVS {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/view_submitB.png) no-repeat;
	height: 26px;
	width: 44px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipVA {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/view_approvalB.png) no-repeat;
	height: 26px;
	width: 54px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipV {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/viewB.png) no-repeat;
	height: 26px;
	width: 44px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipR {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/updateB.png) no-repeat;
	height: 26px;
	width: 44px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipRsch {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/rescheduleB.png) no-repeat;
	height: 26px;
	width: 64px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipC {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/cancelB.png) no-repeat;
	height: 26px;
	width: 44px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipDD {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/delete_draftB.png) no-repeat;
	height: 26px;
	width: 44px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipED {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/edit_detailB.png) no-repeat;
	height: 26px;
	width: 44px;
	padding: 30px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipDeD {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/delete_draft.png) no-repeat;
	height: 40px;
	width: 80px;
	padding: 40px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.ipEdD {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/edit_detail.png) no-repeat;
	height: 40px;
	width: 70px;
	padding: 40px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.updt {
	background: transparent url(/20241028184308oe_/https://webapps.med.cuhk.edu.hk/cme/images/update.png) no-repeat;
	height: 18px;
	width: 18px;
	padding: 18px 0 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.button {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	overflow: visible; /* removes extra width in IE */
	font-family: Bitter, "Myriad Pro", Verdana, serif;
	font-size: 11px;
}

.lnSp {
	padding: 10px 10px 10px 10px;
}

.dblnSp {
	padding: 10px 10px 20px 10px;
}

.wrnMsg {
	color:#ff0000;
	font-weight:bold;
}

div.block{
  overflow:hidden;
}

div.block .num{
  width:20px;
  display:block;
  float:left;
  text-align:left;
}

div.block .cont{
	width:280px;
  margin-left:20px;
  float:left;
}

div.block .cont2{
	margin-left:260px;
}

#selInfo{
	color:#000099;
}

td.txtLftBtm_BdrNone{
	text-align:left; 
	vertical-align:bottom; 
	border-style:none; 
	padding:5px 5px 5px 5px;
}

td.txtRgtBtm_BdrNone{
	text-align:right; 
	vertical-align:bottom; 
	border-style:none; 
	padding:5px 5px 5px 5px;
}

.dabInp {
	box-sizing: border-box;
	width: 143px;
	height: 24px;
	border: 1px solid #cccccc;
	background-color:#f5f5f5;
	padding: 2px 2px 2px 2px;
}

#list5 { color:#000099; }
#list5 ol { list-style-type: none; font-size:14px; }
#list5 ol li { }
#list5 ol li ol { list-style-type: none; padding:5px 5px 5px 5px; font-size:12px; }
#list5 ol li ol li { color:#0066CC; height:15px; margin-left:10px; }

.dropbtn { font-size: 14px; border: none; }
.dropdown { position: relative; }
.dropdown a { padding: 5px 5px; text-decoration: none; display: block; }
.dropdown-content { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content a:hover { background-color:#FFFFFF; }
.dropdown:hover .dropdown-content { display: block; background-color:#FFFFFF; }
.dropdown:hover .dropbtn { background-color:#999999; }

.dropbtn_1 { padding: 5px; font-size: 14px; border: none; }
.dropdown_1 { position: relative; }
.dropdown-content_1 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_1 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_1 a:hover { background-color:#FFFFFF; }
.dropdown_1:hover .dropdown-content_1 { display: block; background-color:#FFFFFF; }
.dropdown_1:hover .dropbtn_1 { background-color:#999999; }

.dropbtn_2 { padding: 5px; font-size: 14px; border: none; }
.dropdown_2 { position: relative; }
.dropdown-content_2 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_2 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_2 a:hover { background-color:#FFFFFF; }
.dropdown_2:hover .dropdown-content_2 { display: block; background-color:#FFFFFF; }
.dropdown_2:hover .dropbtn_2 { background-color:#999999; }

.dropbtn_3 { padding: 5px; font-size: 14px; border: none; }
.dropdown_3 { position: relative; }
.dropdown-content_3 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_3 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_3 a:hover { background-color:#FFFFFF; }
.dropdown_3:hover .dropdown-content_3 { display: block; background-color:#FFFFFF; }
.dropdown_3:hover .dropbtn_3 { background-color:#999999; }

.dropbtn_4 { padding: 5px; font-size: 14px; border: none; }
.dropdown_4 { position: relative; }
.dropdown-content_4 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_4 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_4 a:hover { background-color:#FFFFFF; }
.dropdown_4:hover .dropdown-content_4 { display: block; background-color:#FFFFFF; }
.dropdown_4:hover .dropbtn_4 { background-color:#999999; }

.dropbtn_5 { padding: 5px; font-size: 14px; border: none; }
.dropdown_5 { position: relative; }
.dropdown-content_5 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_5 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_5 a:hover { background-color:#FFFFFF; }
.dropdown_5:hover .dropdown-content_5 { display: block; background-color:#FFFFFF; }
.dropdown_5:hover .dropbtn_5 { background-color:#999999; }

.dropbtn_6 { padding: 5px; font-size: 14px; border: none; }
.dropdown_6 { position: relative; }
.dropdown-content_6 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_6 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_6 a:hover { background-color:#FFFFFF; }
.dropdown_6:hover .dropdown-content_6 { display: block; background-color:#FFFFFF; }
.dropdown_6:hover .dropbtn_6 { background-color:#999999; }

.dropbtn_7 { padding: 5px; font-size: 14px; border: none; }
.dropdown_7 { position: relative; }
.dropdown-content_7 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_7 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_7 a:hover { background-color:#FFFFFF; }
.dropdown_7:hover .dropdown-content_7 { display: block; background-color:#FFFFFF; }
.dropdown_7:hover .dropbtn_7 { background-color:#999999; }

.dropbtn_8 { padding: 5px; font-size: 14px; border: none; }
.dropdown_8 { position: relative; }
.dropdown-content_8 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_8 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_8 a:hover { background-color:#FFFFFF; }
.dropdown_8:hover .dropdown-content_8 { display: block; background-color:#FFFFFF; }
.dropdown_8:hover .dropbtn_8 { background-color:#999999; }

.dropbtn_9 { padding: 5px; font-size: 14px; border: none; }
.dropdown_9 { position: relative; }
.dropdown-content_9 { display: none; position: absolute; min-width: 250px; font-size: 12px; z-index: 1; }
.dropdown-content_9 a { padding: 5px 10px; text-decoration: none; display: block; }

.dropdown-content_9 a:hover { background-color:#FFFFFF; }
.dropdown_9:hover .dropdown-content_9 { display: block; background-color:#FFFFFF; }
.dropdown_9:hover .dropbtn_9 { background-color:#999999; }


/* new properties */

/* for developing */
.dev_container {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #eeeeee;
	padding: 10px 10px 10px 5px;
}

/* for simply the code */
.cme_request {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fcfcfc;
	padding: 10px 10px 10px 5px;
}

.cme_request input[type=text], input[type=submit], select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cme_info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #fefefe;
	padding: 10px 10px 10px 5px;
}

.cme_info a:link, a:visited, a:hover, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cme_info input[type=text], input[type=submit], input[type=button], select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.cme_collapse {
	height: 0px;
}

.cme_p_info {
	height: auto;
	/*height: 30px;*/
	background: #f9fbfc;
}
.cme_p_info p.copyright{
	color: #999;
	font: 11px/30px Verdana, Arial, Helvetica, sans-serif;
}