td {
	font-family:Tahoma, "MS Sans Serif",  "Microsoft Sans Serif";
	font-size: 14px;
	color: #333333;
	text-align:left;
	
}
.tableborder {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	border: 1px solid #CCCCCC;
	background-image: url(images/main_shadow.gif);
	background-color:#FFFFFF;
	background-repeat: repeat-x;
	background-position: left top;
}

th {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #555555;
}
.fontthai {
	font-family:Tahoma,"MS Sans Serif","Microsoft Sans Serif";
	font-size: 14px;
	color: #222222;
}
.fontthai:hover {
	font-family: Tahoma,"MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #000000;
}
.grayfont {
	font-family: Tahoma,"MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #cccccc;
}
.headerfont {
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.headerblackfont1{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
.headerblackfont{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
}
.headergrayfont2{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}
.headerredfont1{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}
.headerredfont1:hover{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #F90;
}
.headerwhitefont1{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.headerwhitefont{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.headerwhitefont2{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.headerredfont{
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 24px;
	font-weight: bold;
	color: #FF0000;
}
.normalfont {
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #666666;
	font-weight: normal;

}
.normalfont:hover {
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #000000;
	font-weight: normal;

}
.smallfont {
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 11px;
	color: #666666;
}
.smallfont:hover {
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 11px;
	color: #111111;
}
.prviewfont {
	font-family:  Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 10px;
	color: #222222;
	font-weight: normal;
}

.highlightfont {

	font-family: Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.topic1font {
	font-family: "Tahoma", "Microsoft Sans Serif", AngsanaUPC;
	font-size: 66px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;

}
.topic1fontblack {
	font-family: "Tahoma", "Microsoft Sans Serif", AngsanaUPC;
	font-size: 66px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;

}
.menutopfont {
	font-family: "Tahoma", "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #003399;
	text-decoration: none;
	font-weight: normal;

}

.topic1whitefont {
	font-family: "Microsoft Sans Serif", AngsanaUPC;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;

}
.menusmallfont {
	font-family:  "Tahoma","Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFFFF;
}
.menusmallfont:visited{
	font-family:  "Tahoma","Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFFFF;
}
.menusmallfont:hover {
	font-family:  "Tahoma","Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFF00; 
	background-color: #000033;
}
.menusmallfont:link {
	font-family:  "Tahoma","Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFFFF;
}
.underlinelist {
	font-family: "Tahoma","Microsoft Sans Serif",  AngsanaUPC;
	font-size: 12px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
}
.topiclistfont {

	font-family: "Tahoma", "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #0099CC;
}
body{
	SCROLLBAR-FACE-COLOR: #333333;
	SCROLLBAR-HIGHLIGHT-COLOR: #333333;
	SCROLLBAR-SHADOW-COLOR: #222222;
	SCROLLBAR-3DLIGHT-COLOR: #222222;
	SCROLLBAR-ARROW-COLOR: #222222;
	SCROLLBAR-TRACK-COLOR: #555555;
	SCROLLBAR-DARKSHADOW-COLOR: #222222;
}
.adminsystemfor {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #336699;
}
.adminsysfortop {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CCCCCC;
}
/*********** #navBar link styles ***********/

#navBar tr a:link, #navBar tr a:visited {display: block;}
#navBar tr {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar td {border-bottom: 1px solid #EEEEEE;}

/* fix for browsers that don't need the hack */
html>body #navBar td {border-bottom: none;}

/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
}

#sectionLinks a:link{
	padding: 5px 0px 5px 1px;
	border-top: 1px solid #cccccc;
	width: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: auto;
	color: #333333;
	text-decoration: none;
}

#sectionLinks a:visited{
	border-top: 1px solid #cccccc;
	padding: 5px 0px 5px 1px;
	color: #333333;
	text-decoration: none;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #dddddd;
	padding: 5px 0px 5px 1px;
	color: #0066CC;
}


/*********** .relatedLinks styles ***********/
.pagename {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #000000;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-image: url(images/rightcolumnbg.jpg);
}
.header {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.headerbg {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #006600;
	background-image: url(images/topicbg_green.gif);
	background-repeat: no-repeat;
}
.content {
	font-family: Tahoma, Thonburi, DBThaiText;
	font-size: 12px;
	color: #333333;
}
.footer {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

input.input, select, textbox{
	BORDER-RIGHT: #497FA0 1px solid;
	BORDER-TOP: #497FA0  1px solid;
	BACKGROUND: #FFFFFF;
	BORDER-LEFT: #497FA0 1px solid;
	COLOR: #497FA0;
	BORDER-BOTTOM: #497FA0 1px solid;
	font-family: Tahoma, "Microsoft Sans Serif";
}
.submit-bt{
	background-image:url(skin/images/bg-button-highlight.png);
	background-color:#FF0000;
	font-size: 24px;
	cursor:pointer;
	cursor:hand;
	width:auto;
	text-align:center;
}


.powerline {
	font-family: Tahoma,"Microsoft Sans Serif", AngsanaUPC;
	font-size: 10px;
	font-weight: normal;
	color: #990000;
}
.tablebgpline {

	font-family:  Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 10px;
	background-image: url(/images/moneybg.jpg);
	border: thin solid #CC0000;
	font-weight: normal;
	color: #000066;
	background-position: right bottom;
	background-repeat: no-repeat;
}
.notice {
	font-family:  Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 9px;
	color: #333333;
}

.topmenufont{
	font-family: Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #000000;
	font-weight: bold;

}
.topmenufont:hover {
	font-family:  Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}
.topmenufont:link {
	
}
.playcombg {
	background-repeat: no-repeat;
	background-position: right top;
	font-family:  Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #000066;
	background-image: url(images/images23.jpg);
}
.firststep {
	background-repeat: no-repeat;
	background-position: left top;
	font-family:  Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #000066;
	background-image: url(images/left-back.gif);
}


.inputbox{
	BORDER-RIGHT: #497FA0 1px solid;
	BORDER-TOP: #497FA0  1px solid;
	BACKGROUND: #FFFFFF;
	BORDER-LEFT: #497FA0 1px solid;
	COLOR: #497FA0;
	BORDER-BOTTOM: #497FA0 1px solid;
	
	cursor:hand;
	font-family: Tahoma, "Microsoft Sans Serif";
}
.mainrightbg {
	background-image: url(images/mainrightbg.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.rightpinkborder {
	background-image: url(images/inner_09_08.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.focusmark {
	font-family: Tahoma, "Tahoma", Thonburi, DBThaiText;
	font-size: 10px;
	color: #FF0000;
	background-image: url(images/focus.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;

}
.tableformat {
	font-family: "Tahoma", "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	border: 1px solid #999999;
	margin: auto;
	padding: 1px;

}

.highlightfont:link {


	font-family: Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.highlightfont:visited {
	font-family: Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}
.bgfont{
	font-family: Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #E6F3FB
}
.bannerbg {
	background-repeat: no-repeat;
	background-position: right top;
	font-family:  Tahoma, "Microsoft Sans Serif", AngsanaUPC;
	font-size: 12px;
	color: #000000;
	
}
.fontgreen{
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #66CC00;
	font-weight: bold;
}
.fontmenu {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #0066FF;
	font-weight: bold;
}
.fontmenu:link {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color:  #0066FF;
	font-weight: bold;
}
.fontmenu:visited {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color:  #0066FF;
	font-weight: bold;
}
.fontmenu:hover {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #ff6600;
	font-weight: bold;
}
.fontwhite {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.fontwhite: link {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
}

.smallfontwhite {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
.smallfontgray {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 10px;
	color: #dddddd;
	font-weight: normal;
}
.fontorangenormal {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 14px;
	color: #FF6600;
}
.fontgreennormal {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #66CC00;
	font-weight: bold;
}
.fontrednormal {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
}
.fontdarkbluenormal {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #003399;
	font-weight: bold;
}
.fontskybluenormal {

	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #0099ff;
	font-weight: bold;
}

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

.excelbutton{
	BORDER-RIGHT: #fdfed1 1px solid;
	BORDER-TOP: #fdfed1 1px solid;
	BORDER-LEFT: #fdfed1 1px solid;
	COLOR: #999999;
	BORDER-BOTTOM: #fdfed1 1px solid;
	HEIGHT: 20px;
	width:22px;
	cursor:hand;
	font-size: 11px;
	border-tyle : solid;
	border-width : 1px;
	background-image: url(/images/mime_excel.gif);

}
.title_h2 {
 width:300px;
 padding:12px 0 0 14px;
 font-family: Tahoma, "MS Sans Serif", Thonburi, DBThaiText;
 font-size: 12px;
}
.border_preview{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid #444;
}
.preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}
.preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}.mprofilebg {
	background-image: url(images/epayagel_inner_05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.testdrivebgpic {
	background-image: url(images/epayagel_inner_14.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.lockpositonbgpic {
	background-image: url(images/epayagel_inner_11.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.highlightbgpic {
	background-image: url(images/epayagel_inners_09.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.profilelistbgpic {
	background-image: url(images/epayagel_inners_17.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.profilelistbgpic1 {
	background-image: url(images/epayagel_inners_16bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.profilelistbgpic2 {
	background-image: url(images/epayagel_inners_16bg1.gif);
	background-repeat: repeat-x;
	
}
.bannerbgpic {
	background:#000
}
.mainshadowtowhite{
	background-image: url(images/main_shadow.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.mainshadowtogray{
	background-image: url(images/ftr_shadow_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.fontviolet {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #660099;
	font-weight: bold;
}
.fontpink {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #ff0099;
	font-weight: bold;
}
.fontorange {
	font-family: Tahoma, "MS Sans Serif", "Microsoft Sans Serif";
	font-size: 12px;
	color: #F90;
	font-weight: bold;
}
.shadow_bottom{
	background-image:url(images/shadow_bottom.png);
    background-position:bottom; 
	background-repeat:repeat-x;
}
.shadow_bottom_todark{
	background-image:url(images/lighttodark.jpg);
    background-position:bottom; 
	background-repeat:repeat-x;
}
.shadow_top{
	background-image:url(images/shadow_top.png);
    background-position:top; 
	background-repeat:repeat-x;
}
.shadow_top_right{
	background-image:url(images/shadow_right_top.png); 
	background-position:right;
	background-repeat:no-repeat;
}
.shadow_right{
	background-image: url(images/shadow_right_bg.png); 
	background-repeat:repeat-y; 
	background-position:right; 
	clear:both;
}
.darktopic_bg{
	background-image:url(images/rightcolumnbg.jpg);
    background-position:top; 
	background-repeat:repeat-x;
}
.drakhilight_bg{
	background-image:url(images/blacktransparent_bg.gif);
	background-repeat: repeat;
}
.widget_bg{
	background-repeat: no-repeat;
}
/* GLOBAL STYLES*/
*{border:none;outline:none; }
/* CONTENT FLOATERS */
.full{width:880px; float:left; clear:both; display:inline; padding:40px 0px 16px 50px; background:#000; background:url(skin/images/bg-chromeline-half.jpg) no-repeat top left; position:relative;}
.full img{border:1px solid #4a4a4a; padding:4px; background-color:#111;  margin:0px 0px 15px 0px;}
.two-third{width:590px; float:left; display:inline;  margin-right:20px; }
.three-fourth{width:640px; float:left; display:inline; margin-right:20px;}
.one-fourth{width:200px; float:left; display:inline;  margin-right:20px;}
.one-third{width:295px; float:left; display:inline;  margin-right:5px; margin-bottom:0px;}
.one-third-last{width:280px; float:left; display:inline; margin:0;}
.one-third-page{width:280px; float:left; display:inline;  margin-right:30px; margin-bottom:20px;}
.one-third-page-last{width:280px; float:left; display:inline; margin:0; margin-bottom:20px;}
#two-col{width:960px; float:left; clear:both; display:inline; background:url(skin/images/bg-sidebar.gif) repeat-y right 10px ; padding:0px; margin:1px 0px}
#two-col img{border:1px solid #4a4a4a; padding:4px; background-color:#111;  margin:0px 0px 0px 0px;}
#content-two-third{width:590px; float:left; display:inline; padding:40px 0px 16px 50px; margin:0px 50px 0px 0px; background:none;}
a{text-decoration:none; color:#bd2e13; cursor:pointer;}
a:hover{color:#efefef; text-decoration:underline;}
h1{color:#ededed; font-size:36px; font-weight:normal; margin-bottom:12px;}
h2{color:#efefef; font-size:18px; text-transform:uppercase; margin:20px 0px 10px; clear:both;}
h3{color:#efefef; font-size:18px;  margin:20px 0px 10px; font-weight:normal;}
h4{color:#efefef; font-size:14px;  margin:20px 0px 10px; font-weight:normal;}

blockquote{float:left; clear:both; color:#777; font-style:italic; margin:20px 0px 20px 0px; padding-left:64px; min-height:50px;background:url(skin/images/quote.gif) no-repeat top left;}
pre{ line-height:20px; margin-bottom:20px; max-width:100%;}
.clear{clear:both; float:left;}
ul{margin:2px 20px 20px; padding:0; list-style-type:square; width:auto; display:block; }
ol{margin:2px 20px 20px; padding:0; list-style-type:decimal; width:auto; display:block; }
ul li, ol li{ clear:both; padding:4px 0px; margin:0px; color:#777; width:auto;}
ul li a:hover, ol li a.hover{color:#fff;  text-decoration:none;}
.chromeline-full{background:url(skin/images/bg-chromeline-full.jpg) no-repeat top left; height:1px; width:960px; display:inline; float:left; clear:both; font-size:0px; padding:0px}
.chromeline-half{background:url(skin/images/bg-chromeline-half.jpg) no-repeat top left; height:1px; width:960px; display:inline; float:left; clear:both; font-size:0px;}
/* MAIN MENU */
#nav, #nav1,#nav2{width:960px; height:57px; float:left; clear:both; display:inline; background:#222; background: url(skin/images/bg-menu-highlight.gif) repeat-x 0px 1px; border-bottom:1px solid #4a4a4a; }
#menu, #menu1, #menu2{width:960px; padding-right:30px; float:left;display:inline; }
/* Level 1 */

#menu ul {margin:0; padding:0; list-style:none; width:auto; float:right; display:inline;position:relative; z-index:5000;  }
#menu ul li{clear:none;float:left; margin-left:5px; padding:0px; border:none; position:relative;}
#menu ul li a{float:left; padding:12px 5px 5px 5px; height:57px;  color:#999; font-weight:bold; font-size:20px; }
#menu ul li a:hover{padding:12px 5px 5px 5px;background:url(skin/images/bg-menu-hover.gif) no-repeat bottom center; color:#ff0000; text-decoration:none;}
#menu ul li.current-item a{color:#ff0000;}

/* Level 1 */
/*
#menu ul {margin:0; padding:0; list-style:none; width:auto; float:right; display:inline;position:relative; z-index:5000; }
#menu ul li{clear:none;float:left; margin-left:10px; padding:0px; border:none; position:relative; } 
#menu ul li a{float:left; padding:23px 20px 2px; height:33px;  text-transform:uppercase; color:#999; font-weight:bold; font-size:100%;}
#menu ul li a:hover{padding:25px 20px 0px;background:url(../images/bg-menu-hover.gif) no-repeat bottom center; color:#fff; text-decoration:none;}
#menu ul li.current-item a{color:#fff;}
*/
/* Level 2 */
#menu ul ul {margin:46px 0px 0px -95px; padding-top:10px; position:absolute; width:auto; z-index:2000;}
#menu ul ul li { float: left; display: inline; font-size:20px; clear:both; margin:-1px 0px 0px 0px; padding:1px; }
#menu ul ul li a, #menu ul li.current-item ul li a{width:130px; background:#000; color:#BBB; margin:0px; padding:4px 5px 3px; display:inline; height:30px; text-align:left}
#menu ul ul li a:hover, #menu ul li.current-item ul li a:hover{background:#111;padding:3px 5px 3px; height:30px;}
/* Level 3*/
#menu ul ul ul{margin: 0px 0px 0px -1px; padding:0px; position:absolute;  width:auto; z-index:1000; background:#4a4a4a; border-top:1px solid #4a4a4a;}
#menu ul ul ul li { float: left; display: inline; font-size:100%; clear:both; margin:-1px 0px 0px 0px; text-transform:none; padding:1px; }
#menu ul ul ul li a{ width:220px; background:#000; color:#777; margin:0px; padding:10px 10px 10px;  font-weight:normal; display:inline; height:auto;}
#menu ul ul ul li a:hover{background:#111;padding:10px 10px 10px; height:auto;}

/* BREADCRUMB */
#breadcrumb{width:960px; height:1px;clear:both; display:inline; background:url(skin/images/bg-chromeline-full.jpg) no-repeat bottom left; padding:0px 0px 0px 0px;}
#breadcrumb ul{margin:0; padding:0; list-style:none; float:left; width:880px;}
#breadcrumb ul li{margin:0px 5px 0px 0px; float:left; display:block; width:auto; clear:none;}
#breadcrumb ul li a {margin:0px 5px 0px 0px; float:left; display:block; width:auto;}
/* FEATURE SLIDESHOW */
#feature{
	width:960px;
	height:331px;
	float:left;
	clear:both;
	display:inline;
	margin-bottom:0px;
	background:url(skin/images/bg-feature.jpg) left top;
}
.slideWrap{width:960px; height:331px; margin:0 auto; background:url(skin/images/bg-chromeline-half.jpg) no-repeat left bottom; }
.slide{width:960px; height:330px; display:block; background:url(skin/images/bg-feature.jpg) left top;}
.slide .pdisbg{width:350px; height:200px; margin-left:50px; margin-top:0px; float:left; display:inline;background-image:url(images/epaypdisbox.png); background-repeat:no-repeat; background-position:right}
.slide .how2mlm{width:350px; height:200px; margin-left:50px; margin-top:0px; float:left; display:inline;background-image:url(images/how2mlmsocialcode.png); background-repeat:no-repeat; background-position:right}
.slide .text{width:300px; height:200px; margin-left:0px; margin-top:50px; float:left; display:inline;}
.slide h1{color:#fff; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:250px; }
.slide h3{color:#ccc;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.slide p {color:#efefef; border-bottom:1px solid #000; padding:15px 0px; margin:0px;}
.slide .image{width:480px; height:260px; margin-left:50px; margin-top:30px; float:left; display:inline; background:url(skin/images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.slide .image .inner{float:left; width:476px; height:255px; overflow:hidden; position:relative; z-index:100; }
.slide .image .inner .overlay{
	position:absolute;
	top:0px;
	right:0px;
	background:url(skin/images/bg-feature-image-gloss.png) no-repeat;
	height:260px;
	width:63px;
}
/* Button list feature field and blog*/
ul.post-bt{
	margin:0;
	padding:0px 0px;
	float:left;
	width:330px;
	list-style:none;
	border-top:1px solid #3a0e0f;
	border-bottom:1px solid #3a0e0f;
}
ul.post-bt li{clear:none;  height:30px; float:left; display:block; padding:0px; margin-left:4px; background:url(skin/images/bg-pager.jpg) repeat-x;}
ul.post-bt li a{background-color:#000; height:28px; padding:0px; margin:1px; float:left; display:inline-block; text-decoration:none; color:#999; }
ul.post-bt li a:hover{background:#bd2e13; color:#FFF}
ul.post-bt li a span{background:url(skin/images/bg-button-highlight.png) repeat-x top left; width:auto; float:left;  padding:8px 14px 0px 14px; text-align:center; text-transform:uppercase; display:block; font-size:16px}

/* Button list */
/*
ul.bt{margin:0; padding:0; list-style:none; }
ul.bt li{clear:none; height:30px; float:left; display:block; padding:0px; margin-right:1px; background-color:#000; }
ul.bt li a{background-color:#000;  height:28px; width:auto; padding:0px; margin:0px; float:left; display:inline-block; text-decoration:none; color:#999; }
ul.bt li a span{background:url(skin/images/bg-button-highlight.png) repeat-x top left; width:auto; margin-left:1px; float:left; padding-top:8px; text-align:center; text-transform:uppercase; display:block; font-size:18px;}
*/
/* Button list */
ul.bt{margin:0; padding:0; list-style:none; }
ul.bt li{clear:none;  height:30px; float:left; display:block; padding:1px; margin-right:4px; background:url(skin/images/bg-pager.jpg) repeat-x; }
ul.bt li a{background-color:#000;  height:28px; padding:0px; margin:1px; float:left; display:inline-block; text-decoration:none; color:#999;width:auto; }
ul.bt li a:hover{background:#d5b944;}
ul.bt li a span{background:url(skin/images/bg-button-highlight.png) repeat-x top left; width:auto; float:left;  padding:8px 8px 0px 8px; text-align:center; text-transform:uppercase; display:block; font-size:18px;}


ul.bt li ul li a{ background:#000;  font-size:18px; padding-left:3px;}
/* Topic */
.topic{clear:none; height:30px; float:left; display:block; padding-top:4px; margin-right:0px;background:url(skin/images/bg-button-highlight.png) repeat-x; text-transform:uppercase; font-size:18px; color:#FFF}


/* POSTS */
.post{width:960px; height:330px; float:left; clear:both; display:inline; margin-bottom:55px; background:url(skin/images/bg-feature.jpg); border-bottom:1px solid #4a4a4a; border-top:1px solid #4a4a4a; position:relative;}
.post .meta{position:absolute; left:50px; bottom:-30px;height:30px; display:block; }
.post .meta p{color:#777; border:none;}
.post .text{width:330px; height:200px; margin-left:50px; margin-top:40px; float:left; display:inline;}
.post h1{color:#efefef; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:330px;}
.post h3{color:#ccc;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.post p {color:#efefef; border-bottom:1px solid #000; border-top:1px solid #3a0e0f; padding:15px 0px; margin:0px;}
.post .image{width:480px; height:260px; margin-left:50px; margin-top:26px; float:left; display:inline; background:url(skin/images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.post .image .inner{float:left; width:478px; height:257px;  position:relative; padding:0; border:none;  }
.post .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(skin/images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}

/* FEATURED ITEM */
.featured-item{width:960px; height:330px; float:left; clear:both; display:inline; background:#000 url(skin/images/bg-feature.jpg) left top; border-bottom:1px solid #4a4a4a; border-top:1px solid #4a4a4a;}
.featured-item .text{width:330px; height:200px; margin-left:50px; margin-top:50px; float:left; display:inline;}
.featured-item h1{color:#fff; margin:0px; font-size:28px; border-bottom:1px solid #000; padding-bottom:10px; width:200px;}
.featured-item h3{color:#fff;font-weight:normal; line-height:13px; margin-bottom:2px; font-size:20px;}
.featured-item p {color:#a82c23; border-bottom:1px solid #000;  padding:15px 0px; margin:0px;}
.featured-item .image{width:480px; height:260px; margin-left:50px; margin-top:30px; float:left; display:inline; background:url(skin/images/bg-feature-image.jpg) no-repeat; padding:3px; overflow:hidden;}
.featured-item .image .inner{float:left; width:478ppx; height:257px;  position:relative; padding:0; border:none;  }
.featured-item .image .inner .overlay{position:absolute; top:0px; right:0px; background:url(skin/images/bg-feature-image-gloss.png) no-repeat; height:260px; width:210px;}
#trackupgrade{
	background-color:#333;
	clear: both;
	width: 960px;
}
#trackupgrade #newmember{width:960px; padding:0px 0px 0px 0px; display:inline; float:left;clear:both;background: url(skin/images/bg-menu-highlight-half.gif) repeat-x top left; }
#newmember ul{margin:0px 0px 20px; padding:0px; list-style:none;clear:both;float:left;}
#newmember ul li.icon{width:305px; height:60px; clear:both; float:left; background:url(skin/images/bulb.jpg) center 1px  no-repeat; text-align:center; padding-top:24px;}
#newmember ul li.icon h2 {margin:0px;}
#newmember ul li.title{
	color:#efefef;
	text-align:center;
	width:305px;
	line-height:24px;
	font-size:24px;
	text-transform:uppercase;
	font-weight:bold;
	float:left;
	clear:both;
	margin:2px 0px 25px;
}
#newmember ul li.piclist{color:#efefef;text-align:center; padding:0px 0px 0px 0px;width:300px;float:left; clear:both; margin:0px 0px 25px;}
#newmember ul li.exerpt{
	color:#999;
	float:left;
	padding:0px 5px 0px 5px;
	clear:both;
	text-align:left;
	width:290px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
}
/* Background-images*/

DynamicBG1{ background-image:url(images/bg.jpg); background-repeat:repeat-y;background-position:center; background-attachment:fixed}
/* MAIN STRUCTURE */
#wrapper{background:url(skin/images/bg-canvas.png) repeat-y top center; margin:0px 0px; padding:0px 0px 10px; width:100%; float:left; clear:both; }
#inner-wrap{width:960px; margin:0 auto; clear:both;}
#inner{width:960px; float:left;  clear:both; background-color:#000;}
.post, .featured-item, .slide{background:url(skin/images/bg-feature.jpg);}

/*Colors*/
.slide h3, .post h3, .featured-item h1{color:#FFF;}
.slide h1, .post h1, .post p, .featured-item h1, .featured-item h3, .featured-item p{color:#FFF;}

a{color:#bd2e13;}
a:hover{color: #0CF;}

#pager li a:hover{background-color:#bd2e13; color:#fff;}
ul.bt li a:hover, ul.post-bt li,.bt a:hover{background-color:#bd2e13; color:#FFF;} /* red style */

/*Border colors*/
.slide h1,.post h1,.featured-item h1{border-bottom:1px solid #220f0c;}
.slide p, .post p, .featured-item p {border-bottom:1px solid #220f0c;  solid #a82c23;}
ul.post-bt{border-top:1px solid #a82c23;  border-bottom:1px solid #a82c23;} /* red style */
.tableborder tr td table tr .headerfont table {
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}
#navigation li {
  display: inline;
  float: left;
  height: 30px;
  position: relative;
  list-style: none;
  margin:0 2px;
}

#navigation ul {
  display: block;
  position: absolute;
  left: -20px;
  top: 25px;
  padding-top:5px;
  width:auto;

}

#navigation ul li {
  float: left; /*For Gecko*/
  display: block !important;
  display: inline; /*For IE*/
  margin: 0px;
  padding: 0px;
  line-height: normal;
  height: 30px;
  width: 110;
  background-image:url(skin/images/bg-canvas.png);

}

#navigation ul li a {
  display: block;
  margin-top: 0px;
  padding-top: 5px;
  font-weight: normal;
  text-align: left;
  height:30px;
  line-height: normal;
  width: 110px;
}

#navigation ul li a:hover {
  display: block;
  color:#F00;
  margin: 0;
  padding-top: 5px;
  font-weight: normal;
  height:30px;
  text-align: left;
  line-height: normal;
  width: 110px;
  
}
#feature #intro #overlay{
	position:absolute;
	top:0px;
	right:0px;
	height:240px;
	width:400px;
	z-index:2000;
	background:url(skin/images/bg-feature-image-gloss.png) no-repeat;
	background-position:300px;
}
#feature #intro #overlay1{
	position:absolute;
	top:0px;
	right:0px;
	height:305px;
	width:500px;
	z-index:2000;
	background:url(skin/images/bg-feature-image-gloss.png) no-repeat;
	background-position:280px;
}
/* check form */
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.autocomplete-w1 { background:url(images/shadow.png) no-repeat bottom right; position:absolute; top:4px; left:3px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete-w2 { padding:0 6px 6px 0; }
.autocomplete { width:300px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE specific: */ _height:350px;  _margin:0px 6px 6px 0; overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }
#solutions p{
	line-height:normal;
}
 #sideContainer {
	width:286px;
	float: left;
	overflow: hidden;
	height:auto;
	margin-left:0px;
 }
 <!-- Original Code: http://www.howtocreate.co.uk/fixedPosition.html -->
<!-- Snippet With Example: http://code.dreamincode.net/snippet370.htm -->

<!-- CSS with support for IE -->

div#catfish {
  z-index: 100; 
  white-space: nowrap; 
  display:none;   /* Stops catfish appearing before the page is fully loaded */
	text-align: center;
	border-top: 0px solid black;
}

div#ufa_position {
top: expression( ( -0 - catfish.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
				padding: 0px;
				margin: 0px;
				overflow: hidden;
}
#catfish {
     /* IE 5.0/Win and other lesser browsers will use this */
     position: absolute; right: 0px; bottom: 0px; 

}
body > div#catfish {
     /* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
     position: fixed;
	  
}
<!--[if gte IE 5.5]>
<![if lt IE 6]>
<style type="text/css">
div#catfish {
     /* IE5.5+/Win - this is more specific than the IE 5.0 version */
     right: auto; bottom: auto;
     left: expression( ( -0 - catfish.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
     top: expression( ( +0 - catfish.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
</style>
<![endif]>
<![endif]-->
