﻿/* thumbnail */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail div{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail div img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover div{ /*CSS for enlarged image on hover*/
visibility: visible;
top:-200px;
left: -50px; /*position where enlarged image should offset horizontally */
/* end thumbnail */
}

/* Hieu ung shadow*/
.shadow
{
border:1px solid silver;
font:10pt arial;
position:relative;
display:inline;
background:white;
z-index:100
}
.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10);
opacity:0.1; 
-moz-opacity:0.1; 
-khtml-opacity:0.1; 
z-index:10
}
/* HET Hieu ung shadow*/

/*Example CSS for the two demo scrollers*/

#pscroller1
{
	width: 188px;
	height: 50px;
	padding: 5px;
}

/* ~~ su dung thicktabs menu ~~*/
#thicktabs
{
margin: 0;
padding: 0;
float: left;
font: bold 12px Tahoma;
vertical-align:middle;
}


#thicktabs li
{
display: inline;
}

#thicktabs li a{
float: left;
color: #990000;
padding: 8px 11px; /*padding of tabs*/
text-decoration: none;
background: transparent url(images/pinkbg.gif) top right no-repeat;
border-top: 1px solid #d3bdbe; /*top border style*/
border-bottom: 3px solid #ffa1a3; /*thick bottom border below tabs*/
font: bold 12px Tahoma;
}

#thicktabs li a#leftmostitem
{ /*Extra CSS for left most menu item*/
border-left: 1px solid #d3bdbe; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #d3bdbe; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited
{
color: #990000;
}

#thicktabs li a:hover{
color: #0000CC;
background-image: url(images/pinkbgover.gif); /*background image swap on hover*/
}

/* Ket thuc Thicktabs */

body 
{
	font-family:Tahoma,Times New Roman,Verdana;
	font-size:10pt;
}

a:link
{
	color:#0000cc;
	text-decoration:none;
}
a:hover
{
	color:red;	
	font-weight:bolder;		
	text-decoration:none;

}
a:visited
{
	color:#0000cc;
	text-decoration:none;
}
.menu:link,visited
{
	color:#0000cc;	
	text-decoration:none;
}

.menu:hover
{
	color:red;	
	text-decoration:none;
}


.td_topleft /*dinh dang td cho banner left */
{
	width:140px;
	height:140px;
	background-image: url(images/bleft.gif);	
}

.td_topcen /*dinh dang td cho banner center */
{
	width:640px;
	height:140px;
	background-image: url(images/banner.gif);		
	width:640px;
	height:140px;
}

.td_topright /*dinh dang td cho banner right */
{
	width:210px;
	height:140px;
	/*background-image: url(images/bright.gif);	*/
}

.td_bot2 /*dinh dang td cho banner top */
{	
	font-size:10pt;
	text-align:center;
	font-weight:bolder;
	height:55px;
	background-image: url(images/bgbot.gif);	
}

.td_mleft_1
{	
	background-image: url(images/mleft.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	width:19px;
	height:30px;		
}
.td_mleft_2
{
	width:150px;
	color:#6666FF;
	text-align:center;
	text-transform:uppercase;
	font-weight:bolder;
	background-image: url(images/mcent.gif);	
}
.td_mleft_3
{
	width:19px;
	background-image: url(images/mright.gif);	
}
.td_mleft_4
{
	width:1px;
	background-color:#ff7200;	
	background-position:right;
}

.td_mleft_top
{
	height:1px;
	background-color:#ff7200;
}

.td_mleft_content
{
	height:22px;	
	color:#0000cc;	
	background-image:url(images/m19.gif);
	background-position:bottom left;	
	background-repeat:no-repeat;	
}
.td_mleft_arr
{
	background-image:url(images/arrow2.gif);
	background-position:center center;	
	background-repeat:no-repeat;	
}
.title_pro
{
	font-family:Times New Roman;
	font-size:18pt;
	text-align:center;
	text-transform:uppercase;
	font-weight:bolder;
	color:#1979cc;
}

.thongbao
{
	font-family:Times New Roman;
	font-size:12pt;
	text-align:center;
	color:#1979cc;
}

.title_table
{
	font-family:Tahoma;
	font-size:10pt;
	text-align:center;
	text-transform:uppercase;
	font-weight:bolder;
	background-color:#0080c0;
	color:Yellow;
}
.linkpro:visited
{
    color:gray;	
	text-decoration:none;
}
.linkpro:link
{
	color:Green;	
	text-decoration:none;
}

.linkpro:hover
{
	color:Orange;
	font-weight:bolder;	
	text-decoration:none;
}


.lket:link
{
	color:#0000cc;
	text-decoration:none;
}
.lket:hover
{
	color:red;	
	font-weight:bolder;		
	text-decoration:none;

}
.lket:visited
{
	color:#0000cc;
	text-decoration:none;
}


/* Menu Left_Right */
.markermenu
{
    width: 192px; /*width of menu*/
    height:23px;
    font: bold 13px "Tahoma", Verdana, Helvetica, sans-serif;
    color: #0000cc;
    display: table-cell;
    text-decoration: none;
    border-bottom-style:none;    
    padding-top:5px;    
    text-align:center;
    cursor:pointer;
    padding-right:18px;
    padding-bottom:3px;
    background:url('images/mcent.gif') repeat 0px 0px; /*onMouseover image change. Remove if none*/
}

.markermenu:hover
{
    text-align:center;
    color: Red;    
    background:url('images/mcent.gif') repeat 0px 0px; /*onMouseover image change. Remove if none*/
}