html, body {
	height:100%;
}

body, td, th, textarea, select, button {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Times New Roman;
	font-size: 12px;
	color:#000000;
	cursor: default;
}

.PageTitle, select { 
	color: #F8B663; 
	font-weight: bold;
}

textarea { 
	cursor: text;
}

a:link, a:visited, a:active, .LinkColor { 
	text-decoration: none; 
	color: #349EF9;
}

a:hover, a.LinkHover {
	color: #91CFFF; 
}

.PageTitle {
	font-size: 25px;  
	padding-bottom: 30px; 
	text-shadow: #E1E1E1 1px 1px 1px;
}

.MenuCell, .MenuCellInvert, .MenuCellHot {  
	color:#000000;
	width: 100px;
	height: 22px;
	background-color: #DBDCE6;
	background-image: url(pics/home_menu_cell.png); 
	background-repeat: repeat-x;
	text-indent: 10px;
	border-style:solid;
	border-color:#808080;
	border-width:1px;
	border-bottom-style:none;
}

.MenuCellInvert {  
	color: #4A4AA0;
	cursor: pointer;
	background-image: url(pics/home_menu_cell_invert.png); 
}

.MenuCellHot {  
	color: #000000;
	cursor: default;
	background-color: #F8B663;
	background-image: url(pics/home_menu_cell_hot.png); 
}

.MenuLink:link, .MenuLink:visited, .MenuLink:active {
	text-decoration: none; 
	color: #000000;
} 

.MenuLink:hover, .HotMenuLink:link, .HotMenuLink:visited, .HotMenuLink:active, .HotMenuLink:hover { 
	text-decoration: none; 
	color: #4A4AA0;  /* same as 'MenuCellInvert.color'  */
}

.LogMXDownload, .LogMXDownloadHot, .LogMXBuy, .LogMXBuyHot {
	font-size: 13px;
	cursor: pointer;
	padding-top: 18px;   /* with classic: 6px,  with "new": 18px */ 
	padding-left: 0px;  /* with classic: 6px,  with "new": 0px */ 
	background: url("pics/btn_bg_dl_new.png") 0% 100% no-repeat;
}

.LogMXBuy, .LogMXBuyHot {
	background-image: url("pics/btn_bg_buy_new.png");
}

.LiveDemoPic, .LiveDemoPicHot {
	cursor: pointer;
	background: url("pics/live_demo.png") 0% 100% no-repeat;
}

.LogMXDownloadHot, .LogMXBuyHot, .LiveDemoPicHot {
	background-position: 100% 100%;
}

.ListItem {
	padding-left: 10px;
}

.ChapterTitle {
	font-size: 20px;  
	font-weight: bold;
	padding-top: 15px;
}

.Code {
	font-family: Courier New, Courier;
	font-size: 12px;
	color:#202020;
}

.Tooltip {
	position: absolute;
	visibility: hidden; 
}

.Tab, .Version, .Feature, .FeatureGroup, .FeatureGroupRight, .LeftBottomCell, .FeatureOK, .FeatureKO, .FeatureSoon, .Price, .RightCell {
	border-color: #b6b6b6;
	border-style: solid; 
}
.Tab {
	border-left-width: 0px; 
	border-top-width: 0px;
	border-right-width: 1px; 
	border-bottom-width: 0px; 
}
.Version, .Feature, .LeftBottomCell, .FeatureOK, .FeatureKO, .FeatureSoon, .FeatureGroupRight, .Price, .RightCell  {
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding: 3px 3px 3px 3px;
}
.Price {
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 1px;
}
.LeftBottomCell, .FeatureGroup {
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
}
.Version, .FeatureOK, .FeatureKO, .FeatureSoon, .RightCell, .FeatureGroupRight, .CellInfo  {
	background-color: #E4F2FE;  /* = $COLOR_LIGHT_BLUE */
}
.Feature {
	background-color: #FFF8EF;  /* = $COLOR_LIGHT_ORANGE */
}
.Price {
	background-color: #D5E9FF;
}