html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  margin: 0;
  padding: 0;
}

body, .toper {
	margin: 0px 0px 0px 0px;
	height: 100%;
	font-size: 76%;
}

:focus { -moz-outline-style: none; }

div, p, table, td, th {
	font-family: Tahoma,Helvetica,Arial,sans-serif;
	line-height: 12pt;
	font-size: 9pt;
	color: #333;
}

div#footer_r div {
	text-align: center;
	padding-top: 8px;
	padding-bottom:0px;
	font-size: .90em;
	color: #aaa;
}

div#footer_r a:link, div#footer_r a:visited  {
	color: #999;
}

#whitebox {
	margin: 0px 0px 0px 0px;
	padding: 0 0 0 0;
	background: #fff;
	width: auto !important;
	width: 100%;
}

#whitebox div {
	text-align: left;
}

#whitebox_t {
	background: url(../../../App_Themes/Default/Images/greyline.png) 0 0 repeat-x;
	height:8;
}

#whitebox_tl {
	background: url(../../../App_Themes/Default/Images/box_white_tl.png) 0 0 no-repeat
}

#whitebox_tr 
{
	height: 8px;
	overflow: hidden;
	background: url(../../../App_Themes/Default/Images/box_white_tr.png) 100% 0 no-repeat;
}



#whitebox_m {
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	width: auto !important;
	height:450px;
	width: 99%;
	padding: 0px 0px 0px 0px;
}

#whitebox_b {
	background: url(../../../App_Themes/Default/Images/greyline.png) 0 100% repeat-x;
}

#whitebox_bl {
	background: url(../../../App_Themes/Default/Images/box_white_bl.png) 0 0 no-repeat;
}

#whitebox_br {
	height: 8px;
	overflow: hidden;
	background: url(../../../App_Themes/Default/Images/box_white_br.png) 100% 0 no-repeat;
}

.clr {
	clear: both;
}

#area {
	padding-top: 5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
}

#banner 
{
	height:auto;
	border:0;
	margin-bottom:10px;
	margin-top:10px;
	vertical-align:middle;
}

.searchinput 
{
	margin-top: 14px; 
	margin-left: 102px;
	border: 0px; 
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none; 
	border-bottom-style: none; 
}

.searchbg 
{
	background-image: url(../../../App_Themes/Default/Images/searchicon.gif); 
	width: 335px; 
	height: 46px; 
	float: left; 
}

.searchside 
{ 
	width: 100%; 
	float: left; 
}

.searchside .leftlogo 
{ 
	float: left; 
	height: 50px; 
	width: 250px; 
	margin-top: 0px; 
}

.searchside .searchnav 
{ 
	margin: 0px auto; 
}

.bgline 
{ 
	border-top:1px solid #c9d7f1;
	font-size:0;height:0;
	margin-top: 70px;
}

.mainbody 
{ 
	width: 60%; 
	text-align: center; 
	margin: 110px auto; 
}

.mainer
{ 
	width: 100%; 
	margin: 0px auto; 
	text-align:center;
}

.mainmiddle 
{ 
	width: 420px; 
	margin: 0px auto; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:90px;
}

.mainmiddleAdvanceSearch 
{ 
	margin: 0px auto; 
	padding-top:5px;
	padding-bottom:5px;
	padding-left:90px;
}

.textexample
{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	color:#ccc;
}

a 
{ 
	color: #759900; 
}

a:hover 
{ 
	color: #336666; 
}

a, a:hover, a:focus 
{ 
	text-decoration: none; 
}

.legend_title 
{ 
	font-size:100%; 
	color:#18305c; 
	font-weight:bold; 
}

.aa td:hover{
color: orange; text-decoration: underline;
}

.allBorders {
    border-left: 1 solid #CCDDEF; 
    border-right: 1 solid #CCDDEF; 
    border-bottom: 1 solid #CCDDEF;
    border-top: 1 solid #CCDDEF;
}

.appHeader { 
    background-image:url(images/topGradRepeat.jpg); 
    background-repeat: repeat-x; 
    border-bottom: 1 solid #7daad4;
} 

.blueRepeat { 
    background-image:url(images/darkBlue_GRAD.jpg); 
    background-repeat: repeat-x; 
} 

.bodyText {
    font-family:verdana;
    font-size: .8em;
    color: black;
    letter-spacing:0;
    line-height:150%;
    padding-left:30;
    padding-right: 20;
    padding-top: 10;
}
     
.bodyTextLeftPadding {
    font-family:verdana;
    font-size: .8em;
    color: black;
    letter-spacing:0;
    line-height:150%;
    padding-left:10;
}

.bodyTextLowPadding {
    font-family:verdana;
    font-size: .9em;
    color: black;
    letter-spacing:0;
    line-height:150%;
    padding-left:10;
} 

.bodyTextLowPaddingSelected { 
    font-family:verdana; 
    font-size: .9em;
    color: black;
    letter-spacing:0;
    line-height:150%;
    padding-left:10;
    background-color:#EEEEEE;
} 

.bodyTextNoPadding {
    font-family:verdana; 
    font-size: .8em;
    color: black; 
    letter-spacing:0; 
    line-height:150%;
}

.bodyTextNoTopPadding { 
    font-family:verdana; 
    font-size: .8em;
    color: black; 
    letter-spacing:0; 
    line-height:150%;
    padding-left:30; 
    padding-right: 20; 
}

.bodyTextLowTopPadding { 
    font-family:verdana; 
    font-size: .8em;
    color: black; 
    letter-spacing:0; 
    line-height:150%;
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
}

.bodyTextLeftPadding5 { 
    font-family:verdana; 
    font-size: .8em;
    color: black; 
    letter-spacing:0; 
    line-height:150%;
    padding-left:5; 
}

.bottomRow { 
    background-color: #3266CC; 
    padding-left:30; 
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
    color:White;     
} 

.button0 { 
    font-family:Trebuchet MS; 
    font-size: .6em; 
    color: black; 
    cursor:hand; 
} 

.button1 { 
    font-family:Trebuchet MS; 
    font-size: .6em; 
    color: black; 
    text-decoration:underline;
    cursor:hand; 
} 

.buttonCell { 
    background-color: #FEE17B;
    padding-right:20; 
}

.buttonRow { 
    border-bottom: 5 solid #FEE17B;
    padding-left:30; 
} 

.callOutStyle {
    background-color: #6699CC; 
    font-family:tahoma; 
    font-size: 0.9em; 
    color: white; 
    font-weight:bold; 
    line-height:150%;
}

.callOutHeaderStyle {
    background-color: #6699CC; 
    padding-left:7; 
    font-family:tahoma; 
    font-size: 0.9em; 
    color: white; 
    font-weight:bold; 
    line-height:150%;
}


.callOutStyleLowLeftPadding {
    background-color: #6699CC; 
    font-family:tahoma; 
    font-size: 0.9em; 
    color: white; 
    font-weight:bold; 
    line-height:150%;
    padding-left:15; 
    padding-right: 20;     
    padding-top: 3;
    padding-bottom: 3;

}

.callOutStyleNoLeftPadding {
    background-color: #6699CC; 
    font-family:tahoma; 
    font-size: 0.9em; 
    color: white; 
    font-weight:bold; 
    line-height:150%;
    padding-right: 20;     
    padding-top: 3;
    padding-bottom: 3;

}

.callOutStyleNoBorder {
    background-color: #6699CC; 
    font-family:tahoma; 
    font-size: 0.9em; 
    color: white; 
    font-weight:bold; 
    line-height:150%;
    padding-left:30; 
    padding-right: 20;     
    padding-top: 3;
    padding-bottom: 3;

}

.darkBlueShadow {
    background-image:url(images/gradient_onblue.gif); 
    background-repeat: repeat-x; 
} 


/*
    Deselected tab.  The left most cell that contains the tab left corner .gif
*/
.deSTabLeft	{
	background-color:#DEEAF3;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	border-collapse: separate;
	
	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	cursor:hand;
}

/*
    Deselected tab.  The center cell that contains the tab text
*/
.deSTabCenter	{
	background-color:#DEEAF3;
	border-left: 0 solid #6699CC;
	border-top: 1 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	font-family: tahoma;
	font-size: .7em;
	color: #000000;
	font-weight: normal;
	padding-bottom:2;
	cursor:hand;
}

/*
    Deselected tab.  The right most cell that contains the tab right corner .gif
*/
.deSTabRight	{
	background-color:#DEEAF3;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	

	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	cursor:hand;
}

.gridRowStyle {
    background-color:#FFFFFF;
    font-family:tahoma; 
    font-size: .7em;
    color: black; 
    letter-spacing:0; 
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
    
}

.gridRowStyle8 {
    background-color:#FFFFFF;
    font-size:.8em;
    font-family:tahoma; 
    color: black; 
    letter-spacing:0; 
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
    
}


.gridPagerStyle {
    color:#000000; 
    background-color:#EEEEEE; 
    font-size: .7em;
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
}

.gridAlternatingRowStyle {
    font-family:tahoma; 
    font-size: .7em;
    color: black; 
    letter-spacing:0; 
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
    background-color: #CADBED; 
    border-left: 1 solid #CCDDEF;
    border-right: 1 solid #CCDDEF;
}

.gridAlternatingRowStyle8 {
    font-family:tahoma; 
    font-size:.8em;
    color: black; 
    letter-spacing:0; 
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
    background-color: #CADBED; 
    border-left: 1 solid #CCDDEF;
    border-right: 1 solid #CCDDEF;
}

.gridSelectedRowStyle {
    background-color:#3266cc;
    font-family:tahoma; 
    font-size: .7em;
    color: white;
    letter-spacing:0; 
    padding-left:30; 
    padding-right: 20; 
    padding-top: 3;
    padding-bottom: 3;
    border-left: 1 solid #CCDDEF;
    border-right: 1 solid #CCDDEF;
}

.helloUser { 
    font-weight:bold; 
}

.hide {
    visibility:hidden;
}

.homePageContent {
	padding:5;
}

/*
    Footer region.
*/

.homePageFooter{
	border-left: 0 solid #ffffff;
	border-top: 0 solid #ffffff;
	border-right: 0 solid #ffffff;
	border-bottom: 5 solid #FFE17C;
}

/*
    Repeating gif in the header region
*/
.homePageHeader
{
	background-image: url(../../../App_Themes/Default/Images/headerGRADIENT_Tall.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


/*
    Hover style.  The left most cell that contains the tab left corner .gif
*/
.hoverTabLeft	{
	background-color:#FFEBA6;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	border-collapse: separate;
	
	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	cursor:hand;
}

/*
    Hover style.  The center cell that contains the tab text
*/
.hoverTabCenter	{
	background-color:#FFEBA6;
	border-left: 0 solid #6699CC;
	border-top: 1 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	font-family: tahoma;
	font-size: .7em;
	color: #000000;
	font-weight: normal;
	padding-bottom:2;
	cursor:hand;
}

/*
    Hover style.  The right most cell that contains the tab right corner .gif
*/
.hoverTabRight	{
	background-color:#FFEBA6;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 1 solid #6699CC;
	

	background-image: url(images/DeSelectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	cursor:hand;
}

.itemDetailsContainer {
    background-color:#EEEEEE;    
}
 
.lbBorders {
    border-left: 1 solid #CCDDEF; border-bottom: 1 solid #CCDDEF;
}

.lightShadow {
    background-image:url(images/gradient_onwhite.gif); 
    background-repeat: repeat-x; 
} 

.lrbBorders {
    border-left: 1 solid #CCDDEF; border-right: 1 solid #CCDDEF; border-bottom: 1 solid #CCDDEF;
}

.leftWizard {
    background-color: #3266CC; 
    padding-left:3;
    padding-right:5;
    padding-top:10;
    font-family:tahoma; 
    font-size: 0.9em;
    color: white; 
}

.logOff { 
    font-family:tahoma;  
    font-size: .7em; 
    color: white; 
    font-weight:normal;  
    text-decoration:underline; 
    cursor:hand; 
    padding-right: 20;
    padding-left: 20; 
}

.logoText { 
    font-family:tahoma; 
    font-size: 1.3em; 
    color: white;
    font-weight:bold; 
} 

/*
     Selected tab.  The left most cell that contains the tab left corner .gif
*/
.selTabLeft	{
	background-color:#ffffff;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 0 solid #ffffff;
	
	background-image: url(images/selectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top left;
	
	cursor:default;
}

/*
    Selected tab.  The center cell that contains the tab text
*/
.selTabCenter	{
	background-color:#ffffff;
	border-left: 0 solid #6699CC;
	border-top: 1 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 0 solid #ffffff;
	font-family: tahoma;
	font-size: .7em;
	color: #000000;
	font-weight: bold;
	padding-bottom:2;
	cursor:default;
}

/*
    Selected tab.  The right most cell that contains the tab right corner .gif
*/
.selTabRight	{
	background-color:#ffffff;
	border-left: 0 solid #6699CC;
	border-top: 0 solid #6699CC;
	border-right: 0 solid #6699CC;
	border-bottom: 0 solid #ffffff;
	
	background-image: url(images/selectedTab_1x1.gif);
	background-repeat: repeat-y;
	background-position: top right;
	cursor:default;
}

/*
    Table cells in the tab table that are used as spacers between the tab buttons
*/
.spacerTab	{
	background-color:transparent;
	border-bottom: 1 solid #6699CC;
}

.userDetails {
    background-color: #EEEEEE;
    font-family:verdana; 
    color: black; 
    letter-spacing:0; 
    line-height:150%;
    padding-left:30; 
    padding-right: 20; 
    padding-top: 10;    
    border-left: 1 solid #CCDDEF; border-right: 1 solid #CCDDEF; border-bottom: 1 solid #CCDDEF;
}

.userDetailsLowLeftPadding {
    background-color: #EEEEEE;
    font-family:verdana; 
    font-size: .7em;
    color: black; 
    letter-spacing:0; 
    line-height:150%;
    padding-left:15; 
    padding-right: 20; 
    padding-top: 10;    
    border-left: 1 solid #CCDDEF; border-right: 1 solid #CCDDEF; border-bottom: 1 solid #CCDDEF;
}

.userDetailsWithFontSize {
    background-color: #EEEEEE;
    font-family:verdana; 
    font-size: .8em; 
    color: black; 
    letter-spacing:0; 
    line-height:150%;
    padding-left:30; 
    padding-right: 20; 
    padding-top: 10;    
    border-left: 1 solid #CCDDEF; border-right: 1 solid #CCDDEF; border-bottom: 1 solid #CCDDEF;
}

.tenBenhVien	{
	font-family:Arial;
	font-size:25px;
	font-weight:bold;
	color: #FFFFFF;
	position:relative; top: -2;left: -1;
}

.tenSoYT	{
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color: #FFFFFF;
	position:relative; top: -2;left: -1;
}

.diaChi	{
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
	color: #FFFFFF;
	position:relative; top: -2;left: -1;
}

.toDay	
{
	margin-top:5px;
	margin-left:40px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	color: #FFFFFF;
	position:relative; top: -2;left: -1;
}

.WelcomeText { 
    font-family:tahoma; font-size: .7em; color: white;font-weight:bold 
}
 
.wizardClass {
    padding-left:30;
    padding-top:30;
}

.wizardClassNoWatermark {
    padding-left:30;
    padding-top:30;
    font-family:verdana;
    font-size: .9em;
}

/*
*  For
*/

a.helpHyperLink:hover {
	color: #ffffff;
	font-family:Tahoma;
	font-size: .7em;
}

a.helpHyperLink:link {
	color: #ffffff;
	font-family:Tahoma;
	font-size: .7em;
}
a.helpHyperLink:visited {
	color: #ffffff;
	font-family:Tahoma;
	font-size: .7em;
}

/*
* Bản quyền DHG PHARMA
*/

a.copyrightHyperLink:hover {
	color: #ffffff;
	font-family:Tahoma;
	text-decoration: none;
	/*font-size: .7em;*/
}

a.copyrightHyperLink:link {
	color: #ffffff;
	font-family:Tahoma;
	text-decoration: none;
	/*font-size: .7em;*/
}
a.copyrightHyperLink:visited {
	color: #ffffff;
	font-family:Tahoma;
	text-decoration: none;
	/*font-size: .7em;*/
}

/*************************************
 *
 * Obsolete, need to be replaced in 
 * pages
 *
 *************************************/
 
a.gridSelectedRowStyle:visited {
    color:white;
}

a.gridSelectedRowStyle:link {
    color:white;
}

.helperText { 
    font-family:verdana; 
    font-size: 0.7em; 
    color: white; 
    font-weight:bold; 
    text-decoration:underline; 
    cursor:hand; 
    position:relative;
    top: -5; 
} 

.pager td
{
	padding-left: 5px;
	padding-right: 5px;
}

.footerGrid td
{
	color:White;
}

.sectiontableheader {
	padding: 3px 5px;
	/*border: 1px solid #484848;
	background: #484848;*/
	border: 1px solid #78b4fb;
	background-color:#78b4fb;
	color: #FFFFFF;
	font-weight: bold;
}


tr.sectiontableentry1 td {
	padding: 5px;
	background: url(Images/seperator.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
	padding: 5px;
	background: url(Images/seperator.gif) repeat-x bottom #F2F2F2;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
	background: url(Images/seperator.gif) repeat-x bottom #FEFAE1;
}



div.module {
	margin-bottom: 5px;
	margin-left:5px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
	float: left;
	clear: both;
	width: 100%;
	background: url(images/box-br.gif) no-repeat bottom right;
}

div.module div {
	padding: 0;
	background: url(images/box-bl.gif) no-repeat bottom left;
}

div.module div div {
	padding: 0;
	background: url(images/box-tr.gif) no-repeat top right;
}

div.module div div div {
	padding: 10px 15px 15px;
	background: url(images/box-tl.gif) no-repeat top left;
}

div.module div div div div {
	margin: 0;
	padding: 0;
	background: none;
}

div.module h3 {
	margin: 0 -3px 5px;
	padding: 2px;
	border-bottom: 3px solid #DDDDDD;
	font-size: 1em;
}

div.module li{
	background-image: url(images/bullet-list.gif) !important; 
}

ul li {
	padding-left: 8px;
	background: url(images/bullet-list.gif) no-repeat 20px 5px;
	background-image: url(images/bullet-list.gif);
	line-height: 170%;
}

h3 {
	font-size: 120%;
}

.test3
{
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
}