/* CSS Document */

/* COMMON STYLE 
---------------------------------------------------------------------- */
html { height:auto; margin:0px; position:relative; width:100%; }
body {
	height:auto;
	margin: 0px;
	padding: 0px;
	border:0px;	
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative; 
	background-image: url(../images/FML-background.jpg);
}


/* Heading */
h1 {
	margin: 10px auto;  padding-top:0;
	font-weight:normal;
	text-align:center;
	text-indent:0;
	font-family:"Arial Black";
	font-size: 33px;
	line-height: 37px;
	color: #f47b29; /*#cc6633; */
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 16px;
	line-height: 20px;
	margin:8px 0;
	padding:5px 0; text-indent:22px; 
}
h3 {  /* used for subhead  */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height:22px;
	margin:0px;
	margin-top:15px;
	margin-bottom:15px;
	color:#f47b29; /*  00713E;  000099 */
	text-align: center;
}
h4 {    /* location in sidebar */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	line-height:20px;
	text-indent:0px; margin-top:8px; margin-bottom:8px;
	text-align:center;
	color: #f47b29;
}	
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 19px;
	text-indent:25px;
	margin:5px 5px 5px 28px;
	padding: 5px 10px;
	text-align:left;
	color: #333333;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-indent:25px;
	margin:5px auto;
	padding: 5px 10px;
	text-align:left;
	color: #333333;
}

h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 23px;
	text-indent:0px;
	margin:5px auto;
	padding: 5px 10px;
	text-align:center;
	color: #1c4b23;
}



hr{color:#999999;}

/* link */
a:link, a:visited, a:active { 	color: #00b0db; text-decoration:underline; font-weight:bold;}
a:hover {	color: #f47b29;}

/* clear */
.clr {	clear: both; height:1px;}
.clr1 {	clear: both; height:15px;}  /* for side bar space 75px */
.clr2 {	clear: both; height:5px;}  /* for sidebar content */

/* color */
.color1 {	color:#00b0db !important;} 
.color2 { 	color:#f47b29 !important;}
.color3 { 	color:#000000 !important;}
.color4 { 	color:#56b145 !important;}  /* orange #ff9933 */

/* indent */
.noIndent {
	text-indent: 0px !important;
}
.Indent{ text-indent:17px;}

/* no bold */
.nobold { font-weight:normal !important;}

/* font size and type */
.Arial10 { font-size:10px !important; line-height:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif !important; }
.Arial11 {
	font-size:11px !important;
	font-family:Arial, Helvetica, sans-serif !important;
	line-height: 11px !important;}
.Arial12 { font-size:12px !important; line-height:15px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial13 {font-size:13px !important; line-height:17px; font-family:Arial, Helvetica, sans-serif !important;}
.Arial14 { font-size:14px !important; line-height:18px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial15 { font-size:15px !important; line-height:19px !important; font-family:Arial, Helvetica, sans-serif !important; }
.Arial16 { font-size:16px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important; line-height:19px !important; }
.Arial18 { font-size:18px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;line-height:21px !important;}
.Arial20 { font-size:20px !important; font-weight:bold; line-height:24px; font-family:Arial, Helvetica, sans-serif !important;}
.Arial24 { font-size:24px !important; line-height:27px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;}
.Arial28 { font-size:28px !important; line-height:32px !important; font-weight:bold; font-family:Arial, Helvetica, sans-serif !important;}
.Verdana15 { font-size:15px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:18px !important;}
.Verdana16 { font-size:16px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:20px;}
.Verdana17 {
	font-size:17px !important;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
	line-height:21px;
	text-align: center;
}
.Verdana18 { font-size:18px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:22px;}
.Verdana20 { font-size:20px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:24px;}
.Verdana25 { font-size:25px !important; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif !important; line-height:29px !important;}
.ArialBlack14 { font-size:14px !important; font-family:"Arial Black", Impact !important; line-height:17px !important;}
.ArialBlack18 { font-size:18px !important; font-family:"Arial Black", Impact !important;}
.ArialBlack20 { font-size:20px !important; line-height:22px; font-family:"Arial Black", Impact !important;}
.alignleft{ text-align:left !important;}


.highlight{ background-color:#FF0;}
.numhead{ text-indent:-17px !important; padding-left:20px; font-size:17px; line-height:21px; }
.numbox{ padding-left:20px; margin-bottom:10px; }
.firefoxFix {	margin-top: 0px;}

/* bullets */
ul.dotBullet { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;}
ul.dotBullet li {
    list-style-image: url(../images/hot-hilite.gif);
	list-style-position: outside; 
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #000000;
    text-indent: 0px;
    padding:0px 0px 0px 5px;
	margin:5px 0px;
}

ul.mainBullet{ list-style-image: url(../images/dot-orange.gif); list-style-position: outside; }
ul.mainCheck{ list-style-image: url(../images/check-22.jpg); list-style-position: outside; }


ul.mainBullet li, ul.mainCheck li, ol.numBullet li, ol.noBullet li , ol.boldBullet li {
	font: normal 14px/17px Arial, Helvetica, sans-serif;
	text-indent: 0;
	padding:0 0 8px 5px;
	margin:0 5px 0 0;
}
ol.noBullet li{ text-indent:-20px;  list-style:none;}

ol.boldBullet li { font-weight:bold;}
ul.mainCheck li {  padding:0 0 4px 8px;}
.last { margin-bottom:0 !important; padding-bottom:0 !important;}

.sideBullet {
	padding-left:5px !important;
	margin-left:35px !important;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:10px;
}

.sideBullet li {
    list-style-image: url(../images/dot-green.gif);
	margin:0px !important;
    font: normal 13px/17px Arial, Helvetica, sans-serif;
    /*color: #000000;*/
    text-indent: 0;
	text-align:left;
	padding-left:0;
	padding-bottom:7px;
}
.sideBullet li.color2 { list-style-image: url(../images/dot-orange.gif);}

ol.sideBullet li {
    list-style-image: none; 
	text-indent:-22px;
	list-style:none;
}
ol.numBullet li {
    font: normal 13px/17px Arial, Helvetica, sans-serif;
    text-indent: 0;
	text-align:left;
	padding-left:0;
	padding-bottom:7px;
	font-weight:bold;	
}

.cerBullet {
	padding:0px;
	padding-left:0 !important;
	margin-left:0 !important;
	margin-top:10px;
	margin-bottom:10px;
}

.cerBullet li {
    list-style-image: url(../../_Template/images/hot-hilite-grn.gif);
	margin:0px !important;
    font: normal 14px/16px Arial, Helvetica, sans-serif;
    color: #000000;
    text-indent: 0px;
	text-align:left;
	padding-bottom:7px;
}


/* certification */
.certificatebox { width:220px;
	border: 1px solid #009999;  /* #e3f0cf; */
	padding:0px;
	margin:0px; 
	background-image:url(../images/certborder.gif);
}
.box { 
	border: 1px solid #CCCCCC; 
	padding:15px 8px 15px 10px; 
	background-color:#f2fbfb; /* #e4efef; #e8f0da; */
}
.box p{ 
	margin-top:8px; 
	margin-bottom:8px; 
	padding:0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	line-height: 16px;	
	text-indent:17px;
	text-align:left;
}

.box ul.sideBullet { font-size:13px; line-height:15px;}

.box div.ArialBig4 { padding-bottom:10px;}



.imgbox {border:#996600 solid 1px;}


.formText{ font-size:14px; text-align:left;}
.formTextRight{ font-size:14px; text-align:right; }
.copyright{	font-size:11px;	text-align:center;	color: #EFEFEF; }

#billing { text-align:left;}
#billing p {
	margin: 0 !important; padding: 0 !important;
	text-indent: 0 !important;
	font-size: 12px !important;
	text-align:right !important;
}

/* MAIN LAYOUT DIV
---------------------------------------------------------------------- */
#bg {	margin: 0 auto;	padding:0px; background:  width: 100%;	height:auto;
background:url(../images/FML-background.jpg) repeat #d3d4d7;}

#page {
	width: 821px;
	margin: 0 auto;
	padding:0px;
	background:none;
	text-align:left;
	height:auto; 
}


#page-wrapper-L {
	width: 808px;
	margin: 0 auto;
	padding-left: 8px;
	background: url(../images/shadowleft-bg.gif) repeat-y top left #FFFFFF;
	text-align: center;
	height:auto;
	height:100%;
}

#page-wrapper-R {
	margin: 0 auto;
	padding-right: 8px;
	background:#FFFFFF;
	background: url(../images/shadownright-bg.gif) repeat-y top right #FFFFFF;
	text-align: left;
	height:100%;
}
#content { 
	position:relative;	
	width:800px;	
	margin:0; padding:0;
	padding-bottom:0px;
	text-align:left;
	height:auto; 
	height:100% !important; height:auto;
}


/* ---------- Others ----------- */



#submit, #submit2{font-size:17px;	font-weight:bold; padding:5px; margin:10px; cursor:pointer;}
#submit2{ cursor:pointer; background:#CECECE;}
#submit2:hover{ cursor:pointer; background: #CF9;}
.inputSubmit{font-size:20px;	font-weight:bold; padding:5px; margin:10px;}

/* ---------- content ----------- */
#top {	position:relative;	margin:0px;	width:800px; padding:0; text-align:left;height:auto; }

#leftbox {position:relative; float:left; height:auto; margin:0; padding:0; width:565px;}
#header { position:relative; margin:0; padding:0 10px 0 50px; z-index:100; height:auto; }
#main {
	position:relative;    
	width: 525px;  /* 510 */
	margin: 0;
	padding:0 0 10px 20px;
	text-align:left;
	float:left;
	height:auto;
}

#main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:17px;
	text-indent:17px;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}
	
#main p.center {text-align:center !important; }
#main table.chart1 p{ font-family: Arial, Helvetica, sans-serif; text-indent:0; font-size:13px; line-height:16px;}

/* ---------- Header ----------- */
#header p.bullet { 
font-size:16px; 
font-weight:bold; padding:0 0 0 50px; 
color:#333; text-indent:-28px;  margin:0; margin-left:50px; 
background:url(../images/hot-hilite.gif) no-repeat left top;color:#333333; text-align:left;}

#header ul.mainCheck{  padding:0 30px 0 80px;	margin:0 20px 0 0; text-align:left; }
#header ul.mainCheck li{ font-size:16px; line-height:19px; font-weight: bold; }

#header ul.mainBullet{  padding:0 30px 0 80px;	margin:0 20px 0 0; text-align:left; }
#header ul.mainBullet li{ font-size:16px; line-height:19px; font-weight: bold; }

div.trap{ font-weight:bold; background:#CC0033; color:#FFFFFF; font-size:17px; line-height:21px; padding:5px; text-align:center !important; width:250px; margin:0 auto;}

.volume{ font-weight:bold; background:#006699; color:#FFFFFF; font-size:16px; line-height:19px; padding:3px;  width:120px; text-align:center; margin-bottom:6px; margin-top:15px;  }


#main table.tablebullet{ padding-bottom:8px;}
#main table.tablebullet p {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-indent:0px;
	text-align:left;
	margin-top:0px;
	margin-bottom:8px;}

/* ---------- sidebar ----------- */

#side { position:relative; margin:0; width:220px; float:right; padding:0; padding-right:10px; background:none; }


/* ---------- sidebar ----------- */
.sidebar {
	position:relative;
	width: 218px;
	margin:0px;
	padding:0px; 
	/*background:#ffffff;*/
	/*background: url(../images/module_middle_blue.jpg) repeat-y top left #e7f5f6;*/
	border: 1px solid #999999; background-color:#efefef; /*e4e9e1;*/
	text-align:left; 
	padding-top:8px; padding-bottom:10px; }

.sidebar-top{ 
	/*position:relative;*/
	width:218px; 
	height:10px;
	background: url(../images/module_top_blue.jpg) no-repeat top left; 
	margin:0px;
	padding:0px; 
	top:0px;
}

.sidebar-bottom{
	/*position:relative;*/
	margin:0px;
	padding:0px;
	bottom:0px;
	width:218px;
	height:10px; 
	background: url(../images/module_bottom_blue.jpg) no-repeat 0 100%; 
}
.sidebar h4{ margin-top:5px;}
.sidebar p {
	padding: 0 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; line-height:16px;
	text-indent:0;
	margin-top:8px;
	margin-bottom:8px;
}

p.bullet { font-size:13px; font-weight:normal; padding:0 0 0 25px; color:#333; text-indent:-23px; margin:5px 10px; }



.button{text-align:center;	padding-right:10px; margin:25px auto;}

p.titleA{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:22px;
	font-weight:bold;
	margin: 10px 10px 8px 10px;
	padding:0px;  color:#f47b29;  /*#996600;*/
	text-align:center;
	text-indent:0;
}
p.titleB {  /* for align center */
	font-size: 15px;
	line-height:18px;
	font-weight:bold;
	margin: 15px 10px;
	padding:0px;   /* #996600; */
	text-indent:0;
}
p.testihead{ font-size:15px; font-weight:bold; text-indent:0; color:#006699; padding-bottom:5px; margin-bottom:0; text-align:left; }  /* #336633 */
p.testi {  /* for testimonials */
	margin-bottom:0; padding-bottom:10px; 
	margin-top:0; padding-right:20px;
	text-align:left;
}
p.testifoot {  /* for testimonials */
	margin-top:0; padding-top:5px;
	text-align:left; text-indent:-15px; padding-left:15px; margin-left:15px; font-size:13px;
}


.sidebar hr.testi { line-height:1px; color:#cccccc; width:150px; text-align:center; margin:5px auto; }

.report-title { font-weight:bold; font-style:italic; text-indent:0px !important; text-decoration:none !important; color:#333333; cursor:pointer; }

.sidebar h5{ font-size:14px; line-height:16px;}

.reportimg{ padding-bottom:8px; text-align:center; }
.reporttag{ background:#f47b29; color:#FFFFFF; padding:3px; line-height:20px; font-size:11px;}

/* ---------- footer ----------- */

#footer{
	clear:both; margin:0;
	position: relative;
	padding: 10px 0px;
	background:#abb0a2;
	font-size:12px;
	line-height:16px; /* 00557e; #77603e; */
	color: #FFFFFF; /* #EFEFEF; #D9E7EF; */
	width:800px; height:auto;

}
#footer a, #footer a:link, #footer a:hover, #footer a:active { color:#FFFFFF;}
#footer a:hover{ color:#FFFFFF; text-decoration:underline;}

/* ---------- form ----------- */
.message{ text-align:left;}

/* ----------  form ----------- */
input[type="text"], input.text, select{ font:11px/14px; padding:3px;border: 1px solid #a4aa80;	 }
input[type="text"]:focus, textarea:focus, select:focus{ border-color: #66BD64;}

input[type="text"]:hover, input.text:hover,
input[type="text"]:focus, input.text:focus,
textarea:hover, textarea:focus { border-color: #66BD64; background:#ccffcc !important;}

/*.ol_textfontclass  {text-align:left;}*/
.TEXTFONTCLASS  {text-align:left; text-indent:17px;}


input.submit { padding:2px 5px; }

#log, #log_side, #log_body{
	width: 90%;font-size:12px; line-height:15px;
	margin-top: 5px;
	color:#f47b29;
	text-align:left;
}

#log, #log_side, #log_body{ font-size:98%; padding: 0; }


#log_res, #log_res_side, #log_res_body {
	overflow: auto;
}
 
#log_res.ajax-loading, #log_res_side.ajax-loading, #log_res_body.ajax-loading {
	padding: 0;
	background: url(../images/loading.gif) no-repeat center;
}


/* extra */

.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../../_Template/images/bubble.png) top left; 
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../../_Template/images/bubble.png) bottom right;
}

.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}

.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}

.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}
.invisible, .invisible2, .invisible3 {display:none;}
.visible, .visible2, .visible3 { display:block;}


/* Firefox fix */
html>body #main { margin-bottom:1px; height:100% !important; height:auto;}
html>body #content { margin-bottom:1px; height:100% !important; height:auto;}
html>body #leftbox { margin-bottom:1px; height:100% !important; height:auto;}
html { margin-bottom:1px; height:100% !important; height:auto; }


.indented {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	text-indent: 0px;
	margin-left: 25px;
}
ul.mainBulletX {
	font: normal 14px/17px Arial, Helvetica, sans-serif;
	text-indent: 0;
	list-style-image: url(../images/X.gif);
	margin: 0 5px 0 0;
	padding: 0 0 8px 5px;
}
ul.mainBulletcheck {
	font: normal 14px/17px Arial, Helvetica, sans-serif;
	text-indent: 0;
	padding:0 0 8px 5px;
	margin:0 5px 0 27px;
	list-style-image: url(../Images/check.gif);
}
.cursor {
	cursor: pointer;
	;
}


/* dropin */
#dropin { margin:5px; padding:15px; position:absolute;left:25%;top:-1000px;width:490px;height:435px; text-align:center; background:url(../images/dropin_520x435.gif) no-repeat top left; z-index:500; font-family:Arial, Helvetica, sans-serif;}
#dropin h1 { color:#000000; font-size:20px; line-height:24px; text-align:center; font-family: Verdana, Geneva, sans-serif; font-weight:bold; text-indent:0; padding:0; margin: 20px auto 15px;}
#dropin h2 { color:#cc0000; font-size:18px; line-height:22px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:2px;  color: #003399;  padding:0; margin:5px 0;}
#dropin p { padding:0; margin:10px; color:#000000;font-size:13px; line-height:16px; text-align:left; text-indent:17px; }
#dropin input.submit{ cursor:pointer; background:#CECECE;}
#dropin input.submit:hover{ cursor:pointer; background: #CF9;}