/* last update: 2013.2.27 */
/* ====== tid customized style ====== */

h2.acenter {
  text-align: center;
  margin-top: 0.8em;
}

span.new_item {
  color: #dc143c;
  font-weight: bold;
}

span.para_no {
  text-align:left;
  width:7%;
  display:inline-block;
}

span.ref_e {
  text-align:left;
  width:50px;
  display:inline-block;
}

span.ref_c {
  text-align:left;
  width:140px;
  display:inline-block;
}

td.note_e_column {
  width:  15%;
  font-weight: bold;
}

td.note_c_column {
  width:  10%;
  font-weight: bold;
}


/* plan to be obsolete */
span.common_ref {
  text-align:left;
  width: 140px;
  display: inline-block;
}

div.clear_mode {
clear:both; 
}

div.clear {
clear:both; 
}







/* ====== font style ====== */

span.italic {
  font:italic
}

span.underline {
  text-decoration: underline;
}

span.bold {
  font-weight:bold;
}

/* ====== alignment ====== */
p.acenter, div.acenter, table.acenter, tr.acenter, td.acenter, th.acenter {
  text-align: center;
}

p.aleft, div.aleft, table.aleft, tr.aleft, td.aleft, th.aleft {
  text-align: left;
}

p.aright, div.aright, table.aright, tr.aright, td.aright, th.aright {
  text-align: right;
}

p.ajustify, div.ajustify {
  text-align: justify;
}

div.atop, tr.atop, td.atop, th.atop {
  vertical-align: top;
}  

div.amiddle, tr.amiddle, td.amiddle, th.amiddle {
  vertical-align: middle;
}  

div.bottom, tr.bottom, td.bottom, th.bottom {
  vertical-align: bottom;
}  

/* ====== table format ====== */

table.table_with_border {
  margin: 10px auto;
  border: 2px solid #edd162;
  color:black;
  width: 680px;
  border-collapse:collapse;
}

table.table_with_border th {
  border: 2px solid #edd162;
  padding: 5px;
}

table.table_with_border td {
  border: 2px solid #edd162;
  padding: 5px;
}

table.table_with_heading_border {
  margin: 10px auto;
  border: 2px solid #edd162;
  color:black;
  width: 680px;
  border-collapse:collapse;
}

table.table_with_heading_border th {
  border: 2px solid #edd162;
  background-color: #ffe47f;
}

table.table_with_heading_border td {
  border: 2px solid #edd162;
  padding: 5px;
  line-height: 150%;
  vertical-align: top;
}

table.table_with_background {
  margin: 10px auto;
  border: 2px solid #edd162;
  background-color: #ffe47f;
  width: 680px;
  border-collapse:collapse;  
}

table.table_with_background td {
  border: 2px solid #edd162;
  background-color: #ffe47f;
  padding: 5px;
  line-height: 125%;  
}

table.table_with_noborder {
  margin: 10px auto;
  width: 680px;
}

table.table_with_noborder p {
  vertical-align: top;  
}

table.table_with_noborder th,
table.table_with_noborder td {
  vertical-align: top;  
  text-align: left;
  padding: 5px;
}



/* ====== width ====== */

div.width10p, th.width10p, td.width10p   {width:  10%;}
div.width20p, th.width20p, td.width20p   {width:  20%;}
div.width30p, th.width30p, td.width30p   {width:  30%;}
div.width40p, th.width40p, td.width40p   {width:  40%;}
div.width50p, th.width50p, td.width50p   {width:  50%;}
div.width60p, th.width60p, td.width60p   {width:  60%;}
div.width70p, th.width70p, td.width70p   {width:  70%;}
div.width80p, th.width80p, td.width80p   {width:  80%;}
div.width90p, th.width90p, td.width90p   {width:  90%;}
div.width100p, th.width100p, td.width100p   {width:  100%;}

/* ====== list ====== */

ol.lower-alpha {
  list-style-type: lower-alpha;
}

ol.lower-roman {
  list-style-type: lower-roman;
}

ol.upper-alpha {
  list-style-type: upper-alpha;
}

ul.li_none {
  list-style: none;
}

ul.li_disc {
  list-style: disc;
}

ul.li_circle {
  list-style: circle;
}

ul.li_square {
  list-style: square;
}

ul.line_spacing li {
  padding: 8px;
}

ol.line_spacing li {
  padding: 8px;
}

p.bulletPoint{
	text-align: justify;
}


/* ====== Tel List ====== */

span.tel_subtitle{
	font-family: Arial, PMingLiU, MingLiU_HKSCS, PMingLiU-ExtB, MingLiU_HKSCS-ExtB, NSimSun, SimSun, sans-serif;
	font-size: 1.1em;
	color: #AD5700;
}

span.tel_item{
	display: inline-block;
	padding-bottom: 5px;
	padding-left: 10%;
	width: 120px;
}
h2.tel_h2{
	padding-left: 2%;
}
h3.tel_h3{
	padding-left: 5%;
}

span.tel_num{

}

sup.tel_note{

}

td.tel_item{
	width:120px;
}

tr.bgYellow{
background-color: #ffffcc;
}

/*** styles for system requirements page START ***/
table#table-eservices-browser-matrix {
	width: 95%;
}
table#table-eservices-browser-matrix tbody th {
	text-align: left;
}
table#table-eservices-browser-matrix tbody td {
	text-align: center;
}  
/*** styles for system requirements page END ***/

table.allFormTable {
  margin: 10px auto;
  border: 2px solid #edd162;
  color:black;
  width: 730px;
  border-collapse:collapse;
}

table.allFormTable th {
  border: 2px solid #edd162;
  background-color: #ffe47f;
}

table.allFormTable td {
  border: 2px solid #edd162;
  padding: 5px;
  line-height: 150%;
  vertical-align: top;
}

##
th.width100px{
	width: 100px;
}