DEMO




CSS

Code:

body
{
  background: #E1E1E2;
  color: #000000;
  font: 10pt Tahoma, Arial, Verdana;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
a:link, body_alink
{
  color: #156996;
}
a:visited, body_avisited
{
  color: #156996;
}
a:hover, a:active, body_ahover
{
  color: #FF4400;
}
.page
{
  background: #FFFFFF;
  color: #000000;
}
td, th, p, li
{
  font: 10pt Tahoma, Arial, Verdana;
}
.tborder
{
  background: #679CCB;
  color: #000000;
  border: 1px solid #1E517C;
}
.tcat, td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom, td.rowpic
{
  background: #869BBF url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_tcat.gif) repeat-x top left;
  color: #FFFFFF;
  font: bold 10pt Tahoma, Arial, Verdana;
}
.tcat a:link, .tcat_alink
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
  color: #ffffff;
  text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
  color: #FFFF66;
  text-decoration: underline;
}
.thead, th
{
  background: #A2CDEC url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_thead.gif) repeat-x top left;
  color: #FFFFFF;
  font: bold 11px tahoma, Tahoma, Arial, Verdana;
}
.thead a:link, .thead_alink
{
  color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
  color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
  color: #FFFF00;
}
.tfoot
{
  background: #679CCB url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_tcat.gif) repeat-x top left;
  color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
  color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
  color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
  color: #FFFF66;
}
.alt1, .alt1Active
{
  background: #FFFFFF;
  color: #000000;
}
.alt2, .alt2Active
{
  background: #E7FCFE;
  color: #000000;
}
.inlinemod
{
  background: #FFFFCC;
  color: #000000;
}
.wysiwyg
{
  background: #FFFFFF;
  color: #000000;
  font: 10pt Tahoma, Arial, Verdana;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}
.wysiwyg a:link, .wysiwyg_alink
{
  color: #156996;
}
.wysiwyg a:visited, .wysiwyg_avisited
{
  color: #156996;
}
.wysiwyg a:hover, .wysiwyg a:active, .wysiwyg_ahover
{
  color: #FF4400;
}
textarea, .bginput
{
  font: 10pt Tahoma, Arial, Verdana;
}
.bginput option, .bginput optgroup
{
  font-size: 10pt;
  font-family: Tahoma, Arial, Verdana;
}
.button
{
  font: 11px Tahoma, Arial, Verdana;
}
select
{
  font: 11px Tahoma, Arial, Verdana;
}
option, optgroup
{
  font-size: 11px;
  font-family: Tahoma, Arial, Verdana;
}
.smallfont
{
  font: 11px Tahoma, Arial, Verdana;
}
.time
{
  color: #666686;
}
.navbar
{
  font: 11px Tahoma, Arial, Verdana;
}
.highlight
{
  color: #FF0000;
  font-weight: bold;
}
.fjsel
{
  background: #679CCB url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_tcat.gif) repeat-x top left;
  color: #FFFFFF;
}
.fjdpth0
{
  background: #F7F7F7;
  color: #000000;
}
.panel
{
  background: #F9F7F1 url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_panel.gif) repeat-x top left;
  color: #000000;
  padding: 10px;
  border: 2px outset;
}
.panelsurround
{
  background: #FFFFFF url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_panelsurround.gif) repeat-x top left;
  color: #000000;
}
legend
{
  color: #156996;
  font: 11px tahoma, Tahoma, Arial, Verdana;
}
.vbmenu_control
{
  background: #738FBF;
  color: #FFFFFF;
  font: bold 11px tahoma, Tahoma, Arial, Verdana;
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
  color: #FFFFFF;
  text-decoration: underline;
}
.vbmenu_popup
{
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #1E517C;
}
.vbmenu_option
{
  background: #D5FBFC;
  color: #000000;
  font: 11px Tahoma, Arial, Verdana;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
  color: #156996;
  text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
  color: #156996;
  text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite
{
  background: #A2CDEC;
  color: #FFFFFF;
  font: 11px Tahoma, Arial, Verdana;
  white-space: nowrap;
  cursor: pointer;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
  color: #FFFFFF;
  text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
  color: #FFFFFF;
  text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 11pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, th.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** de-emphasized text */
.shade, a.shade:link, a.shade:visited { color: #777777; text-decoration: none; }
a.shade:active, a.shade:hover { color: #FF4400; text-decoration: underline; }
.tcat .shade, .thead .shade, .tfoot .shade { color: #DDDDDD; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
body {
background: #013253 url(http://diendan.thegioihoanmy.vn/images/tmvg/tghm/bg.jpg) no-repeat top center;
cursor: url("http://diendan.thegioihoanmy.vn/images/ttnn/cursors/normal.ani");
}

textarea, .bginput {
cursor: url("http://diendan.thegioihoanmy.vn/images/ttnn/cursors/talk.cur");
background: #FFFFFF url(http://diendan.thegioihoanmy.vn/images/ttnn/tghm/input_bg.gif) repeat-x bottom left;
}

.thead {white-space: nowrap;}

.vbmenu_control
 {background: #669966
url(http://diendan.thegioihoanmy.vn/images/ttnn/gradients/gradient_tcat.gif)
 repeat-x top left;}

.overallnav {background: #FFFFFF
url(http://diendan.thegioihoanmy.vn/images/ttnn/tghm/overallnav.bg.png)
repeat-x top left; height: 27px;}

.page {background: url(http://diendan.thegioihoanmy.vn/images/tmvg/tghm/page.main.png) repeat-y top center;}

.pagetop {background: url(http://diendan.thegioihoanmy.vn/images/tmvg/tghm/page.top.png) no-repeat top center; height: 30px;}

.pagefooter
 {background:
url(http://diendan.thegioihoanmy.vn/images/tmvg/tghm/page.footer.png)
no-repeat top center; height: 30px;}

.tghmfooter {background:
url(http://diendan.thegioihoanmy.vn/images/tmvg/tghm/tghm.footer.jpg)
no-repeat top center; height: 100px; vertical-align: middle;}

a {
text-decoration: none;
cursor:url("http://diendan.thegioihoanmy.vn/images/ttnn/cursors/hand.cur");
}