@charset "utf-8";
/* CSS Document */

BODY {
	BACKGROUND: url(../images/pbk.gif) #cccccc repeat-x 0px 0px; MARGIN: 0px; FONT: 11px/14px Tahoma, Arial, Helvetica, Sans-Serif; COLOR: #333; PADDING-TOP: 0px; TEXT-ALIGN: center;
}
#container {
	MARGIN: 0px auto;
	WIDTH: 778px;
	height:100%;
	clear:both;
	background-color: #FFFFFF;
	TEXT-ALIGN: left;
}
/* ------Phan Header-------
- Logo
- Banner
- Mainmenu
--------------------------*/
#top
{
	clear:both;
	MARGIN: 0px auto;
	height:54px;
	width:778px;
	background-image: url(../images/vnptbanner.jpg);
	text-align:center;
}
#header{
height:101px;
width:100%;
float:left;
background-image: url(../images/header.gif); background-repeat:no-repeat; background-color:#fff;}
#logo{
width:350px;
height:70px;
float:left;}
#banner
{
	cursor:pointer;
background-image:url(../images/ads_tcdt.gif);
float:right;
height:37px;
width:274px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;}
#menu-text{
text-align:right;
width:400px;
height:25px;
font-size: 11px;
color: #464646;
float: left;
line-height:25px;
}
#menu-line {
float:right;
width:350px;
height:8px;
margin-right:5px;
background-image: url(../images/line.gif);
background-repeat: repeat-x;}
/* -------Phan intro quang cao va dang nhap----------
- Adv
- Navigation
- Login
----------------------------------------------------*/
#intro-row{
float:left;
width:100%;
background-color: #ffffff;}
#intro-adv
{
float:left;
height:258px;
width:529px;
padding: 5px;}
#adv-image {
border: 1px #666666 solid;
width:100%;
height:100%;
}
#intro-login{
float:right;
width:227px;
text-align: center;
padding: 5px;
}
#login-box {
float:left;
border: 1px #666666 solid;
background-color: #b3d77f;
background-image: url(../images/right-nav-bg.gif);
background-repeat: repeat-x;
}
#navigation {
width:100%;
margin-top:10px;
margin-bottom:7px;
}
.nv-space{
float:right;
width:225px;
height:20px;
background-image: url(../images/educare11.gif);}
.nv{
font-size: 11px;
font-weight: bold;
padding-left: 40px;
text-align: left;
color: #405a04;}
#login-title{
float:left;
width:225px;
height:24px;
background-image: url(../images/logintitle.gif);
background-color: #ffb861;
background-repeat: no-repeat;}
.nv-textlabel
{
float:left;
width:40%;
height: 30px;
text-align: left;
padding-left: 20px;
line-height: 30px;}
.nv-textfield {
float:left;
width:50%;
height: 25px;
text-align: left;
margin-top: 5px;}

#login-button {
float:left;
width: 225px;
height:30px;
padding-top: 5px;
padding-bottom: 5px;
text-align: center;}

#h-line1{
float:left;
width:100%;
height:26px;
background-color: #ffb861;
}
#h-line1-text{
padding-left:15px;
float:left;
line-height: 26px;
font-size: 11px;
font-weight: bolder;
color: #9a640b;}
#h-line1.h1{
padding-left:15px;
float:left;
line-height: 26px;
font-size: 11px;
font-weight: bolder;
color: #9a640b;
}

#content 
{
float:left;
width:100%;
background-color: #f5ecdf;
}
#col-left-border{
float:left;
height:26px;
background-color: #ffb861;
width: 10px;
}
#col-midle{
height:26px;
background-color: #ffb861;
float:left;
width:13px;
}
#col-left{
float:left;
width:520px;}
#col-right{
float:left;
width:230px;
}
#right-group{
float:left;
width:230px;
border-left: 1px #cacaca dotted;}

#row1{
width:100%;
}
#row1.p {float:left;
padding-top:25px;
width:69%;
text-align: justify;

}
#image {
padding-top:10px;
float:left;
width:30%;
}
#text {float:left;
padding-top:25px;
width:69%;
text-align: justify;}
#row2{
width:100%;
float:left;
height:15px;
border-bottom: 2px #464646 solid;}
.li-yellow{float:left;
width :4px;
height:10px;
background-color: #d27903;}
.li-green{float:left;
width :4px;
height:10px;
background-color: #8bb15a;}
#li1{
float:left;
width:50%;
}
#li2{
float:left;
width:50%;
}
#li3{
float:left;
width:50%;
}
#li4{
float:left;
width:50%;
}
#row3{
width:100%;
float:left;
height:15px;
margin-top:4px;
}
#row4 {
width:100%;
}
#row4-col1 {
padding-left:10px;
float:left;
width:48%;
}
#row4-col2 {
padding-left:10px;
float:right;
width:48%;
}
#reg{
width:98%;
text-align: right;
}
.text1 {
width:100%;
line-height:40px;
margin-left:5px;
float:left;
color: #d27903;
font-size: 11px;
font-weight: bolder;}
.text2
{
width:240px;
float:left;
font-size:11px;
text-align: justify;
padding-top:5px;
}
.text3
{
width:247px;
float:left;
font-size:11px;
text-align: justify;
padding-top:5px;
margin-left:5px;
}
.red-li{
margin-top:10px;
float:left;
text-align:center;
width:5%;
}
.col-space{
float:left;
width:15px;
height:30px;
}
#support{
}
#support-image{
width:235px;
height:92px;
background-image: url(../images/support.gif);
background-repeat: no-repeat;}

.support-text{
width:180px;
float:left;
font-size:11px;
color: #464646;
font-weight: bolder;
line-height: 35px;
border-bottom: 1px #c2c2c2 dotted;}
.support-icon{
float:left;
width:50px;
height:35px;
text-align:center;
}
#logo-link{
width:100%;
float:left;
text-align:center;
}
.link{
width:100%;
margin-top:10px;
margin-bottom:10px;
}
/* -------Phan footer----------
- Counter
- Copyright
----------------------------------------------------*/
#footer{
width:100%;	
background-image: url(../images/footer.gif);
float:left;
height:71px;
border-bottom: 2px #ffffff solid;
}
#sp1{
float:left;
width: 9px;
height:61px;
}
.counter-num{
line-height:20px;
width: 30px;
text-align:center;
float:left;
color: #405a04;
font-size: 12px;
margin-top:12px;
}
#counter {
float:left;
width:217px;
height:61px;

}
#counter-text {
color: #405a04;
line-height:25px;
float:left;
text-align: right;
width:175px;
font-size: 10px;}
#copyright{width:560px;
line-height:20px;
text-align:center;
float:left;
color: #405a04;
font-size: 11px;
font-weight: bolder;
margin-top:10px;}
#footer-line {
float:left;
width:100%;
border-bottom: 3px #ffffff solid;
border-top: 5px #ffb861 solid;}
/*********************************************************************************/
/*			MODULE: NEWS
/*********************************************************************************/
.NewsLink 
{
	color:#6a9116;
	font-weight:bold;
}
A.NewsLink:link
{
	text-decoration:none;
	color:#6a9116;
	font-weight:bold;
}
A.NewsLink:visited
{
	text-decoration:none;
	color:#935503;
	font-weight:bold;
}
A.NewsLink:active
{
	text-decoration:none;
	color:Orange;
	font-weight:bold;
}
A.NewsLink:hover
{
	text-decoration:underline;
	color:Orange;
	font-weight:bold;
}
/*********************************************************************************/
.PageSelected
{
	color:#333333;
	font-weight:bold;
}
.NewsPaging 
{
	color:#6a9116;
	font-weight:bold;
}
A.NewsPaging:link
{
	text-decoration:none;
	color:#6a9116;
	font-weight:bold;
	background-color:#cbec9c;
}
A.NewsPaging:visited
{
	color:#6a9116;
	font-weight:bold;
	background-color:#cbec9c;
	text-decoration:none;
}
A.NewsPaging:active
{
	text-decoration:none;
	color:#935503;
	font-weight:bold;
	background-color:#fccc93;
}
A.NewsPaging:hover
{
	text-decoration:none;
	color:#935503;
	font-weight:bold;
	background-color:#fccc93;
}
/*********************************************************************************/
.HotNews 
{
	color:#3f5b07;
}
A.HotNews:link
{
	text-decoration:none;
	color:#3f5b07;
}
A.HotNews:visited
{
	text-decoration:none;
	color:#935503;
}
A.HotNews:active
{
	text-decoration:none;
	color:Orange;
}
A.HotNews:hover
{
	text-decoration:underline;
	color:Orange;
}
/*********************************************************************************/
#newsContentPanel {
	background-color:#FFFFFF;
	float:left;
	width:100%;
}
.NewsDetailTitle 
{
	color:#935503;
	font-weight:bold;
}
/*********************************************************************************/
/*			MODULE: MENU HORIZONTAL - NEWS, NEWSDETAIL
/*********************************************************************************/
#menuH { clear: both; height: 32px; width: 778px; }
#menuHContainer { float: left; height: 32px; width: 778px; }
#menuHText { float: right; height: 32px; width: 450px; padding-top: 5px; }
.menuHLink { color:#405a04; font-weight:bold; }
A.menuHLink:link { text-decoration:none; color:#405a04; font-weight:bold; }
A.menuHLink:visited { text-decoration:none; color:#405a04; font-weight:bold; }
A.menuHLink:active { text-decoration:none; color:#dd5e00; font-weight:bold; }
A.menuHLink:hover { text-decoration:underline; color:#dd5e00; font-weight:bold; }
/*********************************************************************************/
/*			MODULE: FORM - GOPY
/*********************************************************************************/
.gopy-textbox {
	BACKGROUND-COLOR: #cfeda5;
	BORDER-WIDTH: 1px;
	BORDER-COLOR: #6a8e1c;
	BORDER-STYLE: solid;
	WIDTH: 80%;
}
.MustInput
{
	color:Red;
}
/*********************************************************************************/
/*********************************************************************************/
/*			MODULES SA
/*********************************************************************************/
#sa-module-container{ width:495px; min-height:450px; border: solid 1px #cccccc; background-color:#f9f9f9;}
#sa-module-title{ padding-top:0.5em; padding-left:1em; width:inherit; height:30px; font-weight:bolder; background-color:#dddddd; border-top: solid 1px #eeeeee;}
#sa-module-top-button{ padding-top:0.5em; padding-left:1em; width:inherit; height:30px; background-color:#eeeeee; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}
#sa-module-bot-button{ width:100%; height:50px; background-color:#dfe9cc; border-top: solid 1px #cccccc;}
#sa-module-area{ width:inherit; min-height:300px; padding-top:5px; padding-left:5px; padding-bottom:5px; padding-right:5px;}
#sa-module-area-msg{ width:inherit; height:18px; padding-left:1em; background-color:#eeeeee; }
#sa-module-area-data{ width:inherit; min-height:200px; padding-top:5px;}
/*********************************************************************************/
/*			DATAGRID - GRIDVIEW
/*********************************************************************************/
.grid{ width:100%; border:solid 1px #77787c;}
.grid td { border:solid 1px #77787c;}
.gridHeader { text-align:center; background-color:#97cb5f; height:22px; color:#373737; font-weight:bold; border-top:solid 1px #ffffff; }
.gridItem {	height:18px; background-image:url(images/gridItem.gif); background-color:#e1e8c7; border-top:solid 1px #ffffff; color:#383838; text-indent:2px;}
.gridAltItem { height:18px; background-image:url(images/gridAlt.gif); background-color:#feffef; border-top:solid 1px #ffffff; color:#383838; text-indent:2px;}
.gridEditItem {	height:18px; background-color:#AAAAAA;	background-image:url(Images/gridEdit.gif); color:#333333; text-indent:2px;}
.gridPager { font-size: 11px; font-family:Tahoma, Arial; background-color:#ab9b8b;	/*background-image:url(Images/gridEdit.gif);*/ height:25px;	color:#333333;}
/*********************************************************************************/
#grid-home-caption{ clear:both; width:100%; color:#d27903; font-weight:bold; height:30px; padding-top:0.3em; padding-left:1em; border-top:dotted 1px #999999;}
.grid-home{ width:100%; border:dotted 1px #77787c;}
.grid-home td { border:dotted 1px #77787c; padding-right:10px;}
.grid-home-header { text-align:center; background-color:#c3b5a1; height:22px; color:#373737; font-weight:bold;}
.grid-home-item {	height:18px; background-color:#e2d7c8; text-indent:2px; padding-right:10px;}
.grid-home-altitem {	height:18px; text-indent:2px; padding-right:10px;}
/*********************************************************************************/
/*			WEBSITE ADS
/*********************************************************************************/
#websiteAdsTitle { clear:both; height:20px; width:500px; margin-left:12px; color:#d27903; font-weight:bold;}
#websiteAdsContainer { clear:both; height:180px; width:490px; margin-left:12px; border:dotted 1px #b5b0aa; padding:5px;}
#websiteAdsThumbnail { float:left; height:160px; width:140px; text-align:center; padding-top:20px;}
#websiteAdsDesc { float:left; height:140px; width:340px; text-align:justify; padding-top:10px; }

/************************************************************************************/
/*                      YAHOO!
/************************************************************************************/
#yahooImg { vertical-align:middle;padding-top:15px;padding-left:5px;}