/* Color setting */



.error {color:D90039;}

.smallFont {color:a8a2b3;}

a.top:link {color:#636363; text-decoration:none;}


.c28 {color:#999999;}   /*Light Grey*/

.c27 {color:#3C3797;}   /*3G violet*/

.c26 {color:#FFFDF6;}   /*mobile tour guide light light yellow*/

.c25 {color:#67B940;}  /*country coverage green*/

.c24 {color:#FC9024;}  /*eshop orange light*/ 

.c23 {color:#EF864C;}  /*eshop orange dark*/ 

.c22 {color:#F5EBC6;}  /*photo album */ 

.c21 {color:#F6EFDC;}  /*todo bg color */ 

.c20 {color:#CED4DB;}  /*Scheduler Blue */ 

.c19 {color:#008ECA;}  /*Disney Blue */ 

.c18 {color:#CCCCCC;}  /*Grey */ 

.c17 {color:#BE5C1C;}  /*BrownRed = Email */ 

.c16 {color:#FFFFFF;}  /*White */ 

.c15 {color:#03AC58;}  /*Green */ 

.c14 {color:#D90039;}  /*Red */ 

.c13 {color:#7E69A9;}  /*Violet */ 

.c12 {color:#0A82C1;}  /*Blue */ 

.c11 {color:#EA5300;}  /*Orange dark */ 

.c10 {color:#EE9603;}  /*Orange */ 

.c9 {color:#F6F0DB;}  /*Yellow light */ 

.c8 {color:F4C206;}  /*Yellow */ 

.c7 {color:#000000;} /*Black    */ 

.c6 {color:#434F5E;} /*Slate    */ 

.c5 {color:#666666;} /*Deep Grey*/ 

.c4 {color:#A8A2B3;} /*Dark Grey*/

.c3 {color:#CECBD4;} /*Mid Grey*/

.c2 {color:#DEDCE1;} /*Light Grey*/

.c1 {color:#EEEDF0;} /*Lightest Grey*/



.hc {color:#E85300;} /* Highlight Color - Orange*/













/* line-height and font-size setting in seperate CSS file*/

.emphasis {font-weight:bold;}

.vspacesmall {margin-bottom:10px;}



/* Background Color */

.bg27 {background-color:#CDD4DC;} /*grey for cs*/

.bg26 {background-color:#FFFDF6;}   /*mobile tour guide light light yellow*/

.bg25 {background-color:#67B940;}  /*country coverage green*/

.bg24 {background-color:#FC9024;}  /*eshop orange light*/ 

.bg23 {background-color:#EF864C;}  /*eshop orange dark*/ 

.bg22 {background-color:#F5EBC6;}  /*photo album */ 

.bg21 {background-color:#F6EFDC;}  /*todo bg color */ 

.bg20 {background-color:#CED4DB;}  /*Scheduler Blue */ 

.bg19 {background-color:#008ECA;}  /*Disney Blue */ 

.bg18 {background-color:#CCCCCC;}  /*Grey */ 

.bg17 {background-color:#BE5C1C;}  /*BrownRed = Email */ 

.bg16 {background-color:#FFFFFF;}  /*White */

.bg15 {background-color:#03AC58;}  /*Green */ 

.bg14 {background-color:#D90039;}  /*Red */ 

.bg13 {background-color:#7E69A9;}  /*Violet */ 

.bg12 {background-color:#0A82C1;}  /*Blue */ 

.bg11 {background-color:#EA5300;}  /*Orange dark */ 

.bg10 {background-color:#EE9603;}  /*Orange */ 

.bg9 {background-color:#F6F0DB;}  /*Yellow light */ 

.bg8 {background-color:F4C206;}  /*Yellow */ 

.bg7 {background-color:#000000;} /*Black    */ 

.bg6 {background-color:#434F5E;} /*Slate    */ 

.bg5 {background-color:#666666;} /*Deep Grey*/ 

.bg4 {background-color:#A8A2B3;} /*Dark Grey*/

.bg3 {background-color:#CECBD4;} /*Mid Grey*/

.bg2 {background-color:#DEDCE1;} /*Light Grey*/

.bg1 {background-color:#EEEDF0;} /*Lightest Grey*/

.bgHeader {background-color:#434F5F;} /*Use in header - dark blue*/

.bgDotLine {background-image: url("/website/image/common/vert_dot_line.gif");}



/* Hyperlink */

a:link {color:#000000; text-decoration:underline;}

a:visited {color:#000000; text-decoration:underline;}

a.header:link {color:#000000; text-decoration:none;}

a.header:visited {color:#000000; text-decoration:none;}

a.coverage:link {color:#000000; text-decoration:underline;}

a.coverage:visited {color:#666666; text-decoration:underline;}



a.emailon:link {color:#F17E00;  font-weight:bold;text-decoration:underline;}

a.emailon:visited {color:#F17E00;  font-weight:bold; text-decoration:underline;}



a.emailoff:link {color:#000000; font-weight:bold;text-decoration:underline;}

a.emailoff:visited {color:#000000; font-weight:bold;text-decoration:underline;}



a.c17:link {color:#BE5C1C; text-decoration:underline;}

a.c17:visited {color:#BE5C1C; text-decoration:underline;}



a.c4:link {color:#A8A2B3; text-decoration:underline;}

a.c4:visited {color:#A8A2B3; text-decoration:underline;}



a.hc:link {color:#E85300;; text-decoration:underline;}

a.hc:visited {color:#E85300;; text-decoration:underline;}



a.headerlogin:link {color:#FFFFFF; text-decoration:none;}

a.headerlogin:visited {color:#FFFFFF; text-decoration:none;}



a.headeradv:link {color:#FFFFFF; text-decoration:underline;}

a.headeradv:visited {color:#FFFFFF; text-decoration:underline;}



a.c28:link {color:#999999; text-decoration:underline;}
a.c28:visited {color:#999999; text-decoration:underline;}





/* -------------------------------Button-----------------------------------------------------*/


.bb1 {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #FF6501;

	padding-top: 8px;

	padding-right: 3px;

	padding-bottom: 8px;

	padding-left: 3px;

}

.bb2 {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #CECBD4;

	padding-top: 8px;

	padding-right: 3px;

	padding-bottom: 8px;

	padding-left: 3px;

}




.btn1 {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #FF6501;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 4px;

	padding-left: 8px;

     

}



.btn2 {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #6F6E70;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 4px;

	padding-left: 8px;

}



/* use in java game*/



.btn3 {

	font-weight: bold;

	color: #000000;

	text-decoration: none;

	background-color: #DEDCE1;

	padding-top: 5px;

	padding-right: 8px;

	padding-bottom: 4px;

	padding-left: 8px;

        margin-top: 0px;

	margin-right: 1px;

	margin-bottom: 0px;

	margin-left: 0px;

     

}



.btn4 {

	font-weight: bold;

	color: #DEDCE1;

	text-decoration: none;

	background-color: #FFFFFF;

	padding-top: 4px;

	padding-right: 8px;

	padding-bottom: 3px;

	padding-left: 8px;

        border: 1px solid #DEDCE1;

        border-right:1pt solid #DEDCE1;

        border-left:1pt solid #DEDCE1;

        border-bottom:1pt solid #DEDCE1;

        border-top-style: solid;

        border-top-width: 1px;

        border-top-color: #DEDCE1;

        margin-top: 0px;

	margin-right: 1px;

	margin-bottom: 0px;

	margin-left: 0px;

     

}



.btn5 {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #CECBD4;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 4px;

	padding-left: 8px;

}

.btn9 {

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #00ab4e;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 4px;

	padding-left: 8px;

}

a.bb1:link {text-decoration:none; color: #FFFFFF;}

a.bb1:visited {text-decoration:none; color: #FFFFFF;}

a.bb2:link {text-decoration:none; color: #000000;}

a.bb2:visited {text-decoration:none; color: #000000;}

a.btn1:link {text-decoration:none; color: #FFFFFF;}

a.btn1:visited {text-decoration:none; color: #FFFFFF;}

a.btn2:link {text-decoration:none; color: #FFFFFF;}

a.btn2:visited {text-decoration:none; color: #FFFFFF;}

a.btn3:link {text-decoration:none; color: #000000;}

a.btn3:visited {text-decoration:none; color: #000000;}

a.btn4:link {text-decoration:none; color: #DEDCE1;}

a.btn4:visited {text-decoration:none; color: #DEDCE1;}

a.btn5:link {text-decoration:none; color: #FFFFFF;}

a.btn5:visited {text-decoration:none; color: #FFFFFF;}

a.btn9:link {text-decoration:none; color: #FFFFFF;}

a.btn9:visited {text-decoration:none; color: #FFFFFF;}







/*Searchbox */

.searchbox{

  font-size : 9pt;

  font-weight : bold;

  color:#000000;

  background-color:#EEEDF2;



}



body {color:#666666; margin: 0 0 0 0; background-color:#ffffff;}

table {border-collapse:collapse; border-color:#999999;} 

/* font-family, font-size and line-height setting in seperate CSS file*/

td  {color:#666666; border-color:#999999;}



/* Graphics Header Table */

table.color {border:1px solid #999999; border-collapse:collapse;}

table.color2 {border:1px solid #FFFFFF; border-collapse:collapse;}



table.color th  {text-align:left; font-weight:normal; color:#666666;

						padding-left: 20px; padding-top:10px; padding-right:20px; padding-bottom:10px;

						border:1px solid #000000; background-color:#DEDCE1; color:#434F5D;}



table.color td  {color:#666666;

						padding-left: 20px; padding-top:10px; padding-right:20px; padding-bottom:10px;

						border:1px solid #000000; background-color:#EEEEF0; color:#434F5D;}



table.color .rowTitle {font-weight:bold; color:#000000;}



table.tb11 {border:1px solid #EE9603; border-collapse:collapse;}







.email td {

	PADDING-RIGHT: 3px; BORDER-TOP: #C9C8CE 1px solid; PADDING-LEFT: 3px; HEIGHT: 23px

}



.nonemail td {

	PADDING-RIGHT: 3px; BORDER-TOP: #FFFFFF 1px solid; PADDING-LEFT: 3px; HEIGHT: 23px

}



.unread tr {

	bgColor: #fff7e5;

}



.view td {

	PADDING-RIGHT: 3px; BORDER-BOTTOM: #C9C8CE 1px solid; PADDING-LEFT: 3px; HEIGHT: 23px

}



.logo td {

	PADDING-RIGHT: 3px; BORDER-BOTTOM: #DEDCE1 1px solid; PADDING-LEFT: 3px; HEIGHT: 23px

}



.tb10  {

  border:1px; border-bottom:1pt solid #EE9603; border-right:1pt solid #EE9603; border-left:1pt solid #EE9603; border-top:1pt solid #EE9603;



}



.border1 td /*photoalbum */   {

  border:1px; border-bottom:1pt solid #FFFFFF; border-right:1pt solid #FFFFFF; border-left:1pt solid #FFFFFF; border-top:1pt solid #FFFFFF;



}



.border2 td /*photoalbum */   {

  border:1px; border-bottom:1pt solid #DEDCE1; border-right:1pt solid #DEDCE1; border-left:1pt solid #DEDCE1; border-top:1pt solid #DEDCE1;



}



table.scheduler

 {

  border:1px;   border-bottom:1pt solid #EE9603;

}



.scheduler td {

  border:1px;  border-right:1pt solid #EE9603; border-left:1pt solid #EE9603;

}



table.scheduler2

 {

  border:1px;   border:1px; border-bottom:1pt solid #EE9603; border-right:1pt solid #EE9603; border-left:1pt solid #EE9603;

}



.scheduler3 td {

  border:1px;  border-right:1pt solid #EE9603; border-left:1pt solid #EE9603; border-bottom:1pt solid #EE9603;

}



.tbw td {

   border:1px;  border-right:1pt solid #FFFFFF; border-left:1pt solid #FFFFFF; border-bottom:1pt solid #FFFFFF; border-top:1pt solid #FFFFFF;

}

.tbw5 td {

   border:5px;  border-right:5pt solid #FFFFFF; border-left:5pt solid #FFFFFF; border-bottom:5pt solid #FFFFFF; border-top:5pt solid #FFFFFF;

}





/*

tbody#odd th {border:1px solid #434F5D; background-color:#C9C6D1; color:#434F5D;}

tbody#odd td {border:1px solid #434F5D; background-color:#EEEEF0; color:#434F5D;}

tbody#even th {border:1px solid #434F5D; background-color:#D8D5DE; color:#434F5D;}

tbody#even td {border:1px solid #434F5D; background-color:#fff; color:#434F5D;}

*/



/*footer & heafer */

.footer {padding-top:8px; margin-bottom:13px;}

table.header {margin-top:5px; padding-bottom:6px;

	border-top:0px; border-left:0px; border-right:0px; border-bottom:1px;

	border-color:#CECBD4; border-style:solid;}



ul.graphics {list-style-image: url("/website/image/common/4_yellow_dot.gif");}

ul.graphics li {margin-bottom:1em;}



ul.graphics2 {list-style-image: url("/website/image/common/yellow_dot_small.gif");}

ul.graphics2 li {margin-left:1px; margin-top:1px;}



ul.graphics3 {list-style-image: url("/website/image/common/bullet_orangedot.gif");}

ul.graphics3 li {margin-left:1px; margin-top:1px;}



ul.graphics4 {list-style-image: url("/website/image/common/bullet_greydot.gif");}



ul.graphics5 {list-style-image: url("/website/image/common/icon_4bluedot_g1.gif");}



ul.graphics6 {list-style-image: url("/website/image/common/icon_4yellowdot_large_g.gif");}



ul.graphics7 {list-style-image: url("/website/image/common/black_dot.gif");}

ul.graphics8 {list-style-image: url("/website/image/common/grey_dot.gif");}



ul.vig {list-style-image: url("http://www.three.com.hk/common/images/vigimg/icon_greydot.gif");}

ul.vig li {margin-bottom:1em;}



ul.px30 li {margin-left:1.3em;}

p {margin-top:0px; margin-bottom:1.5em;}

.indent {margin-left:40px;}

.floatRight {float:right; text-align: right;}

.floatLeft {float:left; text-align: left; margin-right:1.3em;}

.center {text-align: center;}

.right {text-align: right;}

.left {text-align: left;}



/*

table.bill {  margin-top:15px; font-family:Trebuchet, Trebuchet MS, Arial, MingLiu, ·s²Ó©úÅé; font-size:11px; line-height:1.5em;

              margin-bottom:15px; text-align:left; padding-left: 25px; padding-top:25px; padding-right:25px; padding-bottom:25px;

		  background-color:#EEEDF0;}

*/



table.pic { margin-top:15px; margin-left:40px; padding-bottom:15px;}







table.space1 td { padding-left: 10px; padding-top:3px; padding-right:10px; padding-bottom:3px;}

table.space2 td { padding-left: 5px; padding-top:3px; padding-right:5px; padding-bottom:3px;}



.padding50 {padding:50px;}

.padding25 {padding:25px;}

.padding20 {padding:20px;}

.padding21 {padding:21px;}

.padding7 {padding:7px;}



.padding1 {padding:3px;}

.padding2 {padding:5px;}

.padding3 {padding:10px;}