@charset "utf-8";

/* REDEFINE STANDARD TAGS  */
/*zero margins */
body,form,img,ul,li {margin:0;padding:0}

/*kill borders & outlines */
img,table {border:0}
a {outline:0}

/*body*/
body {
    background: #FFFFFF;
    color: #4D4D4F;    /* basic font color */
    font-family: Arial,Verdana,sans-serif;
    font-size: 12px;
    line-height: 18px;
  }
body a:link    {color:#4D4D4F;text-decoration:none;}
body a:visited {color:#4D4D4F;text-decoration:none;}
body a:hover   {color:#4D4D4F;text-decoration:underline;}
body tr td {padding: 0px 0 0 0}
body hr        {color:#929497; noshade; width:90%; height:0.5px; align:center}



/*font styles*/
.movie_name1	{color:#F37920;font-size: 12px;font-weight:bold;}      /*movie name1*/
.movie_name2	{color:#9C1C1F;font-size: 12px;font-weight:bold;}      /*movie name2*/
.movie_cat	{color:#939598;font-size: 12px;} /*category*/

.portal_title		{color:#F47920;font-size: 12px;font-weight:bold;}     /*portal title*/
.portal_more a 		{color:#939598;font-size: 12x;text-decoration:none;} /*portal_more*/
.portal_more a:hover 	{text-decoration:underline;}                   /*portal_more*/

.alert 		{color:#FF0000;font-weight:bold;}  /*error or alert msg*/
.remarks	{font-size: 10px;} /*for small text*/
.highlight	{color:#9C78B2;}

/* div movie*/
.movie			{background:url(grey_vertical.jpg) repeat 0 0; padding:4px 4px 4px 4px;}
.movie a:link		{font-weight:bold;text-decoration:none;}
.movie a:visited	{font-weight:bold;text-decoration:none;}
.movie a:hover		{color:#F37920;text-decoration:none;}


/* div district*/
.district            {font-size:13px;padding:4px 4px 4px 4px;}
.district a:link     {color:#4E4D50;font-weight:bold;text-decoration:underline;padding:0px 4px 0px 4px;margin-left:3px; margin-right:3px;}
.district a:visited  {color:#4E4D50;font-weight:bold;text-decoration:underline;padding:0px 4px 0px 4px;margin-left:3px; margin-right:3px;}
.district a:hover    {background-color:#9C78B2;color:#FFFFFF;font-weight:bold;text-decoration:underline;padding:0px 4px 0px 4px;margin-left:3px; margin-right:3px;}

/* div promotion */
.promotion           {background: #F2F2F2; width:600px; margin:0 auto; text-align:left; padding:10px 10px 10px 10px; }
.promotion h4        {color:#9C1C1F; font-size: 13px;line-height:16px; margin: 0 2px 2px 0;} /*title*/
.promotion h5        {color:#F37920; font-size: 13px;line-height:20px; margin: 0 2px 2px 0;} /*2nd level text*/
.promotion a:link    {color:#F37920;font-weight:bold;text-decoration:none;}
.promotion a:visited {color:#F37920;font-weight:bold;text-decoration:none;}
.promotion a:hover   {color:#4E4D50;font-weight:bold;text-decoration:underline;}

/* div welcome */
.welcome	          {color:#9E77B5; font-size: 13px; line-height: 18px;font-family: Arial; text-align: justify; padding:20px 20px 20px 20px; }
.welcome b          {color:#9E77B5; float:left; display:block; font-size: 45px; 
                     line-height: 40px; font-weight:normal; font-family: Arial; margin-right:4px; padding: 0 0 0 0}
.welcome a:link		  {color:#4D4D4F;text-decoration:underline;}
.welcome a:visited	{color:#4D4D4F;text-decoration:underline;}
.welcome a:hover		{color:#4D4D4F;text-decoration:underline;}

/* div our service */
.our_service	          {color:#666666; font-size: 13px; line-height: 18px;font-family: Arial; text-align: justify; padding:20px 20px 20px 20px; }
.our_service b          {color:#666666; float:left; display:block; font-size: 45px; 
                     line-height: 35px; font-weight:normal; font-family: Arial; margin-right:4px; padding: 0 0 0 0}
.our_service a:link		  {color:#4D4D4F;text-decoration:underline;}
.our_service a:visited	{color:#4D4D4F;text-decoration:underline;}
.our_service a:hover		{color:#4D4D4F;text-decoration:underline;}

/* div news */
.news	            {font-size: 10px; color:#666666; font-family: Arial; width:290px;}
.news a:link		  {text-decoration:underline;}
.news a:visited	  {text-decoration:underline;}
.news a:hover		  {text-decoration:none;}
.news h5          {padding-bottom:10px; font-size: 10px; color:#666666; font-family: Arial; line-height:16px; margin: 0 2px 2px 0; text-decoration:underline; font-weight:normal;} /*underline header*/
.news h4          {padding-bottom:10px; font-size: 13px; color:#4D4D4F; font-family: Arial; line-height:16px; margin: 0 2px 2px 0;} /*boldheader*/ /*date*/
.news td          {font-size: 10px; color:#666666; font-family: Arial;}

/* div corp_info (copy from news) */
.corp_info            {font-size: 11px; color:#666666; font-family: Arial; width:290px;}
.corp_info a:link		  {text-decoration:underline;}
.corp_info a:visited  {text-decoration:underline;}
.corp_info a:hover		{text-decoration:none;}
.corp_info h5         {padding-bottom:10px; font-size: 11px; color:#666666; font-family: Arial; line-height:16px; margin: 0 2px 2px 0; text-decoration:underline; font-weight:normal;} /*underline header*/
.corp_info td         {font-size: 11px; color:#666666; font-family: Arial;}

/* transparency content */
#transparency {
  /* IE specific, with scrollbar style */
  filter: alpha(opacity=75); 
  scrollbar-arrow-color:#E3D5E6;
  scrollbar-base-color:#E3D5E6;
  scrollbar-face-color:#C7A9CF;
  scrollbar-3dlight-color:#C7A9CF; /* outer border color */
  scrollbar-darkshadow-color:#C7A9CF; /* outer border color */
  scrollbar-highlight-color:#E3D5E6; /* inner border color */
  scrollbar-shadow-color:#E3D5E6; /* inner border color */
  /* FireFox specific, not support scrollbar style */
  -moz-opacity: .75; 
  opacity: .75;
  /* common */
  width: 630px;
  /*height: 600px;*/
  background-color:#FFF; 
  position:relative; 
  overflow:auto;
}

/* left menu sub-section */
table #subMenuTable {
  background-color:#363636;
  width:240;
  margin:0;
  border:0;
  padding:0;
  color:#999999;
  text-align:center;
}
#subMenuTable td {
  height:25px;
  border:1px solid #999999;
}
#subMenuTable td, #subMenuTable a:link, #subMenuTable a:visited {
  color:#999999;
  font-size:11px;
  font-family:Tahoma,Arial,sans-serif;
  text-decoration:none;
  vertical-align: middle;
}
#subMenuTable a:hover {
  color:#FFFFFF;
  text-decoration:none;
}

/**
 * List of styles used in corporate content_xxx.jsp
 * content - base style
 * header - header style override content
 * subheader - subheader style override content
 * a - hyperlink style inside content  
 **/
.content              {color:#262626; font-size:12px; line-height:17px; font-family:Arial,sans-serif; text-align:justify; text-decoration:none; padding:5px 20px 10px 20px; }
.header               {font-size:16px; font-weight:bold;}
.subheader            {color:#7A50A2; font-size:12px; font-weight:bold;}
.content td           {color:#262626; font-size:12px; text-decoration:none;}
.content a:link       {color:#9E77B5; text-decoration:none;}
.content a:visited    {color:#9E77B5; text-decoration:none;}
.content a:hover      {color:#9E77B5; text-decoration:none;}
.content ul           {padding-left:15px;}

/* milestones and achievement table */
.maTable td           {padding:7px 0px;}
.maTable td.year     {padding-left:5px; font-weight:bold;}
.odd, .odd td     {background-color:#FFFFFF;}
.even, .even td   {background-color:#E5E5E5;}

/* Grey table (hot events, hot movies, latest news) in portal page */
.greyTable            {background-color:#F3F3F3; border:1px solid #BDBDBF;}
.greyTableCell        {color:#666666; font-family:Arial; font-size:11px; padding:10 10;}
/* Gold table (hot events, hot movies, latest news) in portal page */
.goldTable            {background-color:#FFFEF2; border:1px solid #DEB408;}

/* Common between hot events and hot movies */
.hotEventTitle, .hotMovieTitle  {color:#F37920; font-size:12px; font-weight:bold; text-align:left;}
.hotEventText, .hotMovieText    {color:#4D4D4F; font-size:11px; font-weight:normal; text-align:left;}
.hotEventText a:link, .hotEventText a:visited, .hotMovieText a:link, .hotMovieText a:visited  {text-decoration:underline;}
.hotEventText a:hover, .hotMovieText a:hover                                                  {text-decoration:none;}

/* hot events */
a.hotEventMoreText:link     {color:#4D4D4F; font-size:10px; font-weight:normal; text-decoration:underline;}
a.hotEventMoreText:visited  {color:#4D4D4F; font-size:10px; font-weight:normal; text-decoration:underline;}
a.hotEventMoreText:hover    {color:#4D4D4F; font-size:10px; font-weight:normal; text-decoration:none;}

/* hot movies */
a.hotMovieMoreText:link     {color:#4D4D4F; font-size:10px; font-weight:normal; text-decoration:underline;}
a.hotMovieMoreText:visited  {color:#4D4D4F; font-size:10px; font-weight:normal; text-decoration:underline;}
a.hotMovieMoreText:hover    {color:#4D4D4F; font-size:10px; font-weight:normal; text-decoration:none;}

/* latest news */
.hotnews_title, 
a.hotnews_title:link, 
a.hotnews_title:visited {font-family:Arial,Verdana,sans-serif; font-size:12px; font-style:normal; color:#F47920; text-decoration:none; font-weight:bold; text-align:left;}
a.hotnews_title:hover   {text-decoration:underline;}
.hotnews_text {font-family:Arial,Verdana,sans-serif; font-size:12px; font-style:normal; color:#4D4D4F; text-decoration:none;  text-align:left;}
.hotnews_text a:link, .hotnews_text a:visited {text-decoration:underline;}
.hotnews_text a:hover                         {text-decoration:none;}

/* management */
.managementName {font-size:14px; font-weight:bold; line-height:20px}
a.managementName:hover {background-color:#9E77B5; color:#FFFFFF;}
.managementTitle {font-size:12px; font-weight:bold; line-height:20px}
.managerContent {font-size:12px; text-align:justify}
.managerContent tr td {height:20; padding-bottom:5px}
.contentBorder {border: 1px solid #262626; height:410px; width:285px; padding:5 10; vertical-align:top; text-align:justify}

.td1 {padding: 5 5 5 5; border:1px solid #262626;}
.td2 {padding: 5 5 5 10; border:1px solid #262626; border-left:0px;}
.td3 {padding: 5 5 5 5; border:1px solid #262626; border-top:0px;}
.td4 {padding: 5 5 5 10; border:1px solid #262626; border-top:0px; border-left:0px;}