body
{
	margin:0px;
	padding:0px;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:auto;
	padding-right:auto;
}
#whole
{
	width:1000px;
	background-color: #e4e4f1;
	margin-left:auto;
	margin-right:auto;
}
#header
{
	padding: 0px; margin: 0px; width: 100%; height: 68px;
	background-color:Gray;
	background-image:url(../../images/LEARN_Banner_New.jpg);
}
#topmenu
{
	width:100%;
	height:auto;
	background-color:#e4e4f1;
}
#footer
{
	clear:both;
	width: 1000px;
	height: 95px;
	padding: 0px; margin: 0px;  
	background-image: url(../../images/All_Pages_Footer.jpg);
	background-color:Gray;
	text-align:center;
	padding-top:5px;
	
}
#footertext
{
   text-align: center;
   padding-top:0px;
   padding-bottom: 5px;
   color:White;
   font-size:12px;
}

#footer #copyright
{
   width:351px;
   height:20px;
   margin:auto;
   
   padding:0px auto 0px auto;
   padding-top:3px;
   background-image:url(../../images/copyright_new.gif);
   background-repeat:no-repeat;
   text-align :center;
   margin-top:22px;
}

#container
{ 
   width :1000px;
   background-color: #e4e4f1;
   padding:0px;
   margin:auto;
   margin-left:auto;
   margin-right:auto;
   
   min-height:500px;
   height:auto !important;
   height:500px;	
   clear:both;
}
#leftcol
{
   width: 295px;
   float:left;
   min-height:500px;
   height:auto !important;
   height:500px;	
   background-color:#e4e4f1;
   padding-left:3px;
   padding-top:5px;
   padding-right:0px;
   margin-right:-2px;
   padding-right:0px;
   margin:0px;
   border-right:solid 2px gray;
}
#GOOGLEMAP
{
   width :auto;
   float:left;
   height:100%;
   width:100%;
   background-color:#e4e4f1;
   padding-left:0px;
   padding-right:0px;
   margin-right:-2px;
   padding-right:0px;
   margin:0px;
   border-right:solid 2px gray;
}
#centercol
{
	float:left;
	background-color: #e4e4f1;
	min-height:500px;
	height:auto !important;
	height:500px;	
	width:695px;
	padding: 0px;
	padding-left:3px;
	padding-top:5px;
	margin-left:-2px;
	border-left:solid 2px gray;
}

.menuitem
{
	background-image:url(../../Images/bg_button1.jpg);
	height:28px;
	padding-left:23px;
	line-height:28px;
	vertical-align:middle;
	font-weight:bold;
	width:auto;
}
.menuitem2
{
	background-image:url(../../Images/bg_line.jpg);
	height:28px;
	padding-left:23px;
	line-height:28px;
	vertical-align:middle;
	font-weight:bold;
}
.menuspacer
{
	background-image:url(../../Images/line.gif);
	height:15px;
}
#heading
{
	background-image:url(../../Images/login_bg6.gif);
	background-repeat:repeat-y;
	text-align:center ;
	height:20px;
	color:White;
	font-size:14px;
	font-weight:bold;
	padding-top:3px;
	width:850px;
	
}
.menuitem .current
{
	color:Red;
}
.title
{
	font-family:Verdana;
	color:#003399;
}
.titleTrans
{
	/*font-family:Verdana;	COLOR: #514c86;	 */
	font-size:17px;
	COLOR: #2b2373;	
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.titlePermission
{
	font-family:Verdana;
	color:#003399;
	font-size: 16px;
	font-weight: bold;
}
/* Grid formatting */
.gridHeader
{
	background-color: rgb(199, 213, 255);
	color:#333399;
}
.gridHeader a
{
	border-color:White;
	background-color:#C7D5FF;
	text-align:center;
	color:DarkRed;
	background-color:#C7D5FF;
}
.gridItem
{
	border-color:White;
	background-color:AliceBlue;
	text-align:left;
	padding-left:10px
}
.datagridList tr,td
{
	border-color:White;
}
.datagridList
{
	border-color:White;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left: 10px;
}
.gridSelected
{
	color:white;
	background-color:silver;
}
.gridAlternate
{
	color:Teal;
	background-color:White;
}
/* End of Grid formatting */

.canvas
{
	BORDER-RIGHT: gray 1px solid; 
	BORDER-TOP: gray 1px solid; 
	BORDER-LEFT: gray 1px solid;
	BORDER-BOTTOM: gray 1px solid;
	
	PADDING-LEFT: 0px; 
	PADDING-TOP: 0px;
	BACKGROUND-IMAGE: url(../../images/canvas.gif); 
	OVERFLOW: hidden;    
	POSITION: relative; 
	HEIGHT: 240px; 
	WIDTH: 320px; 
	BACKGROUND-COLOR: black
}


#grid
{
	clear:both;
	width:100%;
}
.popupControl
{
	background-color: White;
	position:absolute;
	
	border-style:solid;
	border-color: Black;
	border-width: 1px;
	
	opacity:1;
    filter: alpha(opacity=100);
	
    z-index:1;
    /*width:auto !important;*/
}
.popupDynamic
{
	z-index:1;
}
.dragMe 
{
	cursor:pointer;
	font-weight:bold;
}

.msg
{
	width:200px;
	float:right;
	color:Red;
	text-align:right;
	background:none;
	padding-right:10px;
	white-space:nowrap;
}
.buttonlist
{
	float:left;
	width:auto;
	background:none;
}
.gridbuttonlist
{
	clear:both;
	padding-top:3px;
	height:22px;
	/*background-image:url(../../Images/login_bg5.gif);*/
	width:auto;
}

/* Collapse panel cho trang user admin */
#userright
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	border: solid 1px gray;
}
.expand #userright
{
	position:absolute;
	top:-1000px;
	left:-1000px;
	display:none;
}
/* Dinh dang step cho trang Dashboard */
.stepStyle
{
	color:red;
}
#divDashboard
{
CLEAR: both; 
margin-left:auto;
margin-right:auto;
WIDTH: 900px;
height:500px;
min-height:500px;
height:auto !important;
	
}
#divDashboard #wizard
{
	PADDING-RIGHT: 30px; 
	MARGIN-TOP: 5px; 
	PADDING-LEFT: 30px; 
	BACKGROUND-COLOR: white;
	min-height:480px;
	height:auto !important;
	height:480px;
	width:650px;
}


/* Dinh dang trang ManageClientApp */
#tabPanel
{
    WIDTH: 400px; PADDING-TOP: 20px; HEIGHT: 200px; TEXT-ALIGN: center;
    overflow:hidden;font-size:11px;
}
#line 
{ BORDER-TOP: #2763a5 1px solid; HEIGHT: 1px;
width:450px; margin-left:0px; margin-top:5px; }

.lowercase
{
	text-transform:lowercase;
}
.capitalize
{
	text-transform:capitalize;
}

/* Dinh dang cho the a trong luoi may trang searchplate */
.alink a
{
	text-decoration:underline;
	color:Blue;	
	cursor:pointer;
}
.alink a:hover
{
	cursor:pointer;
}

/*Modal Popup*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.modalPopup 
{
	background-color:#e4e4f1;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
#containerHome
{ 
   width :1000px;
   background-image:url(../../images/LoginHome.png);
   padding:0px;
   margin:0px;
   margin-left:auto;
   margin-right:auto;
   min-height:485px;
   height:auto !important;
   height:485px;	
   border : solid 0px red;
   position:relative;
}
#Admin
{
   float:none; 	
   width:182px;
   height:120px;
   text-align:center;
}
#containerIndex
{ 
   width :1000px;
   background-image:url(../../images/Learn_Index2.jpg);
   padding:0px;
   margin:auto;
   margin-left:auto;
   margin-right:auto;
   
   min-height:500px;
   height:auto !important;
   height:500px;	
}

#containerLogin
{ 
   width :1000px;
   background-image:url(../../images/LEARN_Watermark.jpg);
   padding:0px;
   margin:auto;
   margin-left:auto;
   margin-right:auto;
   
   min-height:500px;
   height:auto !important;
   height:500px;	
}

.headerstyle
{
FONT-SIZE: 14px; 
COLOR: #333399; 
FONT-FAMILY:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.normalstyle
{
FONT-SIZE: 11pt; 
COLOR: #333399; 
FONT-FAMILY:Arial, Helvetica, sans-serif;
font-weight:normal;
}

.headerstyle2
{
FONT-SIZE: 16pt; 
/*COLOR: #333399; */
COLOR: #1b0da1;
FONT-FAMILY:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.headerstyle3
{
	FONT-SIZE: 18px; 
	COLOR: #1b0da1; 
	FONT-FAMILY:Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.normalstyle2
{
FONT-SIZE: 16pt; 
COLOR: #333399; 
FONT-FAMILY:Arial, Helvetica, sans-serif;
font-weight:normal;
}
.nolink
{
	text-decoration:none;
	color:gray;
	cursor:text;
}
.background
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;   
	background-color:Gray;    
	-moz-opacity:0.50;
	opacity:0.50;
	filter:alpha(opacity=50);    
	 
}
.updateProgress
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
	background-color:White;
}

.gridTest
{
	
	border:0px;
	background-color:white;
}
.gridTest td
{
	border-color:White;
	border-bottom:solid 1px gray;
}

.gridHotlist
{
	
	border:0px;
	background-color:white;
}
.gridHotlist td
{
	border-color:White;
	/*border-bottom:solid 1px gray;*/
	white-space:nowrap;
	
}

/* for mas*/
#centercolMAS
{
	float:left;
	background-color: #e4e4f1;
	min-height:500px;
	height:auto !important;
	height:500px;	
	width:688px;
	padding: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:5px;
	margin-left:-2px;
	border-left:solid 2px gray;
}
#centercolMAS_640
{
	float:left;
	background-color: #e4e4f1;
	min-height:500px;
	height:auto !important;
	height:500px;	
	width:688px;
	padding: 0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:2px;
	margin-left:-2px;
	border-left:solid 2px gray;
}

.subtitle
{
	FONT-SIZE: 7pt;	
	font-weight:bold;
}

.datagridList .hitlocked
{
	/*background-color:#D4D4D4;*/
	color:#B6B6B6;
	background-color:#fff;
}
.datagridList .hitunlocked
{
	background-color:#fff;
	
}
.datagridList .hithidden
{
	color:white;
	background-color:darkgray;
}
.datagridList .hitlocked .alink a
{
	color:#B6B6B6;
}
.grid_header_row
{
	padding:5px 0px 5px 0px;
}
.close 
{ 
	background: transparent url('../../images/streetview_close.gif') no-repeat center center; 
	width: 21px; height: 21px; 
	cursor: pointer; 
	position: absolute; 
	z-index: 200000; 
}
.close-hover 
{ 
	background: transparent url('../../images/streetview_close_hover.gif') no-repeat center center; 
	width: 21px; 
	height: 21px; 
	float: right; 
	cursor: pointer; 
	position: absolute; 
	z-index: 200000; 
}

.cell
{
	width:290px;
	min-height:25px;
	height:auto !important;
	height:25px;
	border: solid 1px darkgray;
}

#clearfloat
{
	clear:both;
}
.title_Header
{
	FONT-SIZE: 16px; 
	font-family:Verdana;
	color:#190AA0;
	font-weight:bold;	
}
.title_Header_1
{
	FONT-SIZE: 14px; 
	font-family:Verdana;
	color:#190AA0;
	font-weight:bold;	
}
.title_Header_2
{
	FONT-SIZE: 12px; 
	font-family:Verdana;
	color:#190AA0;
	font-weight:bold;	
}
.left
{
	text-align:left;
}
.center
{
	text-align:center;
}
.right
{
	text-align:right;
}
.noborder
{
	border:0px;
}
.progress
{
	width:200px; 
	top:300px;
	left: 400px;
	position: absolute;
	background-color:#fff;
	filter:alpha(opacity=100);
	opacity:1;
	z-index:1000;
}
.datagridList .rowselected
{
	background-color:#3219D2;
	color:yellow;
}
.datagridList .rowhover
{
	background-color:#C8D2FF;
	cursor:pointer;
	color:Red;
}
.datagridList .rownormal
{
	background-color:red;
	color:Blue;
}
.nowrap
{
	white-space:nowrap;
}
.roundedPanel
{
	background-color:#5377A9;
	color:white;
	font-weight:bold;
	padding-left:0px;
}
.greeting, .greeting a
{
	color: rgb(25, 10, 160);
	font-size:14px;
}
.greeting a
{
	text-decoration:none;
}
.greeting a:hover
{
	text-decoration:underline;
}

/* Rounded Corner */
.roundcorner 
{
	width: 250px;
	background-color: #9b98c7;
	color: #fff;
}

.roundcorner p 
{
	margin: 0 10px;
}

.roundtop 
{ 
	background: url(../../Images/box/top-right.png) no-repeat top right; 
}
.roundbottom 
{
	background: url(../../Images/box/bottom-right.png) no-repeat top right; 
}

img.corner 
{
   width: 10px;
   height: 10px;
   border: none;
   display: block !important;
}


.corner
{
	width:40px; height:127px;background:url(../../Images/mapcontrol.png) no-repeat top left; margin-left:5px;
}
.topleftimage
{
	background:url(../../Images/native/top-left.png) no-repeat top left;
}
.toprightimage
{
	background:url(../../Images/native/top-right.png) no-repeat top left;
}
.bottomleftimage
{
	background:url(../../Images/native/bottom-left.png) no-repeat top left;
}
.bottomrightimage
{
	background:url(../../Images/native/bottom-right.png) no-repeat top left;
}
.background
{
	background:url(../../Images/native/1.png) repeat; 
}
.topleftrightimage
{
	background:url(../../Images/native/topleftright.png) no-repeat top left;
}
.bgcenterimage
{
	background:url(../../Images/native/bg_center.png) no-repeat top left;
}

.scrollTable { font-family:Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; border:1px solid white; width: 750px; font-size:12px;width:800px;white-space:nowrap}
.scrollTable td, .scrollTable th {border: 2px solid white; padding: 3px 5px; margin:0px;}
.scrollTable thead th { background-color:#c8d5ff; color:#382c79;  text-align:center;}
.scrollTable thead a {text-decoration:none; color:#444444; }
.scrollTable thead a:hover { text-decoration: underliness;}

.norecordfound { color:#382c79;font-size:14px; font-family:Arial;font-weight:bold; margin-left:300px;}
.gridParent {FLOAT: left; width:100%;}

/* Firefox has missing border bug! https://bugzilla.mozilla.org/show_bug.cgi?id=410621 */
/* Firefox 2 */
html</**/body .scrollTable, x:-moz-any-link {margin:1px;}
/* Firefox 3 */
html</**/body .scrollTable, x:-moz-any-link, x:default {margin:1px}

.scrollTable .CssItemStyle {background-color:#c7d5ff; color:#392d78;}
.scrollTable .CssAlternatinsStyle {background-color:#ffffff; color:#34812f;}
.scrollTable .CssHeaderStyle {font-size:12px; font-family:Arial;font-weight:bold;}

.scrollTable .hitlocked
{
	/*background-color:#D4D4D4;*/
	color:#B6B6B6;
	background-color:#fff;
}
.scrollTable .hitunlocked
{
	background-color:#fff;
	
}
.scrollTable .hithidden
{
	color:white;
	background-color:darkgray;
}
.scrollTable .hitlocked .alink a
{
	color:#B6B6B6;
}

.scrollTable .rowselected
{
	background-color:#3219D2;
	color:yellow;
}
.scrollTable .rowselected a
{
	background-color:#3219D2;
	color:white;
}

.scrollTable .rowhover
{
	/*background-color:#C8D2FF;*/
	background-color:#9bfcfb;
	cursor:pointer;
	color:black;
}
.scrollTable .rownormal
{
	background-color:red;
	color:Blue;
}
/*Dinh dang cho chuc nang cua nut User*/
.titleUser
{
	font-family:Verdana;
	color:black;
	
}
.rightConfig_td
{
	border-bottom:1px solid gray;	
}
.rightConfig_td_1
{
	border-bottom:1px solid gray;	
	border-left:1px solid gray;	
	background-color:#f0f7ff;
}
.rightConfig_td_2
{
	border-left:1px solid gray;	
	border-bottom:1px solid gray;	
	border-right:1px solid gray;	
	background-color:#f0f7ff;
}

.cssStyletxtlong
{
	width: 288px;
	background-color:#f0f7ff;
}
.cssStyletxtsmall
{
	width: 110px;
}
.cssStylecboSmall
{
	width: 116px;
}
.breakword
{
	table-layout:inherit;
	white-space:pre-wrap;
}
.popupAlertSetIcon
{
	background-color:White; border:2px solid #5454b2; position:absolute; z-index:160; width:400px; min-height:180px; height:auto !important; height:180px; text-align:center;
}
.popupAlertSetIcon1
{
	background-color:White; border:2px solid #5454b2; position:absolute; z-index:160; width:400px; min-height:100px; height:auto !important; height:100px; text-align:center;
}
/*=================*/

.GctOverLayClass
{
	position:absolute; z-index:155; left:0px; top:0px; float:left; filter:alpha(opacity=70); opacity:0.7; background-color:Gray;
}
.GctTitleRow { font-family: Verdana; font-size:12px;height:18px; padding-top:3px; padding-left:5px; text-align:left; 
	color:White ;font-weight :bold; cursor:move; background-color:#8080FF;}
.GctTitle { font-family: Verdana; font-size:12px;padding-left:3px; cursor:default;  font-weight: bold;}
.GctClose { font-family: Verdana; font-size:11px;right:0px;cursor:pointer; padding-right:15px; font-weight: bold;} 
/*Add new mas user*/
.newadduser
{
	font-size:18px;font-weight:bold; color:#3325ab;
}
.configusermas
{
	color:#3325ab;font-size:15px;font-weight:bold;
}
.gctPopupHeight
{
	position:absolute; min-height:100px;height:auto !important; height:100px; border:2px solid #5454b2; background-color:white; z-index:171;
}