/* Design style by vietvui.info */
#banner{
background:url(images/banner.jpg) top center no-repeat;
width: 944px;
height: 394px;
margin:auto;
padding: 0px;
}
body
{
background: #000000;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
margin: auto;
padding: 0px;
}
a:link
{
color: #FF0000;
text-decoration:none;
}
a:visited
{
color: #FF6600;
text-decoration:none;
}
a:hover, a:active
{
color: #FF6600;
text-decoration:none;
}
#content_vietvui{
width: 876px;
margin: auto;
padding:0px;
}
#main{
background: #000000 url(images/main.gif) top center repeat-y;
margin:auto;
width: 944px;
padding: 0px;
}
.page
{
width: 876px;
margin: auto;
padding: 0px;
background: #FFFFFF;
color: #000000;
}
#bg_footer
{
background: #000000 url(images/bg_footer.jpg) top center no-repeat;
width: 944px;
height: 215px;
padding:0px;
margin: auto;
}
/*box*/
.box_top_L
{
background: url(box/box_top_L.gif) left top  no-repeat;
float:left;
height: 53px;
width: 132px;
}
.box_top_center
{
background:url(box/box_top_center.gif) left top repeat-x;
float: left;
height: 53px;
width: 641px;
}
.box_top_R
{
background:url(box/box_top_R.gif) left top no-repeat;
float: left;
height: 53px;
width: 85px;
}
.box_mid
{
background:url(box/box_mid.gif) left top repeat-y;
width: 858px;
float:left;
}
.box_bottom_L{
background:url(box/box_bottom_L.gif) left bottom no-repeat;
float:left;
height: 17px;
width: 17px;
}
.box_bottom_center{
background:url(box/box_bottom_center.gif) left bottom repeat-x;
height: 17px;
width: 824px;
float:left;
}
.box_bottom_R{
background:url(box/box_bottom_R.gif) left bottom no-repeat;
height: 17px;
width: 17px;
float:left;
}

/*end box*/

.tcat2
{
    padding-top: 17px;
	color: #FFFFFF;
	font: bold 15px tahoma, arial;
    text-align: center
}
.tcat2 a:link
{
	color: #ffffff;
	text-decoration: none;
}
.tcat2 a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.tcat2 a:hover, .tcat2 a:active
{
	color: #FFFF99;
	text-decoration: none;
}

td, th, p, li
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{

color: #000000;
border: 1px solid  #FF9900;
}
.tcat
{
background: #FF6666 url(images/gradient_tcat.gif) top left repeat-x;
height: 41px;
padding: 0px 0px 0px 15px;
color: #FFFFFF;
font: bold 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tcat a:link
{
color: #ffffff;
text-decoration: none;
}
.tcat a:visited
{
color: #ffffff;
text-decoration: none;
}
.tcat a:hover, .tcat a:active
{
color: #FFFF66;
text-decoration: underline;
}
#profile_tabs li.thead {
	float:left;
	margin: auto;
	top: 0px;
	font-weight:normal;
	background: url(images/gradient_thead.gif) left top repeat-x;
}
.thead
{
background: url(images/gradient_thead.gif) repeat-x top left;
height: 35px;
padding: 0px;
margin: auto;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link
{
color: #FFFFFF;
}
.thead a:visited
{
color: #FFFFFF;
}
.thead a:hover, .thead a:active
{
color: #FFFF00;
}
.tfoot
{
background:   #0099FF;
color: #FFFFFF;
}
.tfoot a:link
{
color: #E0E0F6;
}
.tfoot a:visited
{
color: #E0E0F6;
}
.tfoot a:hover, .tfoot a:active
{
color: #FFFF66;
}
.alt1, .alt1Active
{
background:  #FFFFFF;
color: #000000;
border: 1px solid  #FF9900;
}
.alt2, .alt2Active
{
background:  #FFFFFF;
color: #000000;
border: 1px solid  #FF9900;
}
td.inlinemod
{
background: #FFFFCC;
color: #000000;
}
.wysiwyg
{
background: #F5F5FF;
color: #000000;
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
font-size: 11px;
font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
color: #666686;
}
.navbar
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
color: #FF0000;
font-weight: bold;
}
.fjsel
{
background:  #FF6633;
color: #FFFFFF;
}
.fjdpth0
{
background: #F7F7F7;
color: #000000;
}
.panel
{
background:   #FFFFFF url(images/gradients/gradient_panel.gif) repeat-x top left;
color: #000000;
padding: 10px;
border: 2px outset;
}
.panelsurround
{
background:   #FFFFFF url(images/bg.gif) repeat-x top left;
color: #000000;
}
legend
{
color: #22229C;
font: 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
background:  #0099FF;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
.vbmenu_control a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active
{
color: #FFFFFF;
text-decoration: underline;
}
.vbmenu_popup
{
background: #FFFFFF;
color: #000000;
border: 1px solid #FF9900;
}
.vbmenu_option
{
background: #CCCC66;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_option a:link
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:visited
{
color: #22229C;
text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite
{
background: #8A949E;
color: #FFFFFF;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
white-space: nowrap;
cursor: pointer;
}
.vbmenu_hilite a:link
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:visited
{
color: #FFFFFF;
text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active
{
color: #FFFFFF;
text-decoration: none;
}
/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }
/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }
/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }
/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }
/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }