/*----------------------------------------------------------------- CSS-------------------------------------------------------------------------
																																				*
											**|-----------------------------------------------|**												*
											**|-------------(c) 2010 Amjad Mahmood------------|**												*
											**|-----------------------------------------------|**												*
																																				*
------------------------------------------------------------------------------------------------------------------------------------------------*/
.btn{background-color:""; border:inset; background-image:url(mtl_pics/bck8.jpg);  font-stretch:narrower; height:25px; width:100px}
.btnlogin{background-color:""; border:inset; background-image:url(mtl_pics/bck8.jpg);  font-stretch:narrower; height:25px; width:70px}
hr.top{background-color:white; border:#00CCFF; border-bottom-style:double;}
hr.bottom{background-color:white; border:#00CCFF; border-bottom-style:ridge; margin-top:70px}

.bodyblue {
	background-color: #887BFD;
}
.style1 {color: #FFFFFF}
.style10 {color: #CA0000; font-size: 18px; }
.style12 {font-size: 24px}
.parafont {font-size: 12px;color: #000000; font-family:Arial, Helvetica, sans-serif}
.style14 {
	font-size: 18px;
	color: #D90000;
}
.body{
background-color: #FFFFF0;
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #00008B;
scrollbar-face-color: antiquewhite;
scrollbar-highlight-color: darkorange;
scrollbar-3dlight-color: yellow;
scrollbar-darkshadow-color: black;
scrollbar-shadow-color: antiquewhite;
scrollbar-arrow-color: blue;
scrollbar-track-color: lightyellow;
}
p.intro{font-size:14px; font-family:Arial, Helvetica, sans-serif; font-style:oblique border:thick;background-color:""; color:#000099;}
p.para{font-size:12px; text-align:justify; font-family:Arial, Helvetica, sans-serif; font-style:oblique border:thick;background-color:""; color:#000000}
p.headfoot{font-size:15px; font-family:"Times New Roman", Times, serif; color:#FFFFFF; background-color:"";}
p.heading{font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#000000; margin-left:50; }
p.small{font-sizze:12px; font-family:Geneva, Arial, Helvetica, sans-serif; color:#000000; font-variant:small-caps; margin-left:50;}
p.login{font-size: 16px; font-family:"Times New Roman", Times, serif; color:#0099FF; padding-left:45%}
p.pwd_info{font-size: 16px; font-family:"Times New Roman", Times, serif; color:#0099FF; }
h1 { font-family: Arial, Verdana, sans-serif; font-size: 30px; color:#666666;  }
h2 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A }
h3 { font-family: Arial, Verdana, sans-serif; font-size: 24px; color: #A52A2A }
.rpt { font-family: Arial, Verdana, sans-serif; font-size: 18px; color:#0099FF }
h4 { font-family: Arial, Verdana, sans-serif; font-size: 18px; color: #A52A2A }
h4.prd { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#FFFFFF}
h4.head { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#FFFFFF}
h5 { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #A52A2A }
h6 { font-family: Arial, Verdana, sans-serif; font-size: 8px; color: #A52A2A }
h2.ch{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 24px; color: #A52A2A }
h5.ch{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #A52A2A }
h3.ch{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #A52A2A; text-align:center }
 *{ font-family: Verdana; font-size: 11px; line-height: 15px; } 
	    .submit1 { margin-left: 274px; margin-top: 15px; width:70px} 
		.submit2 { margin-left: 0px; margin-top: 15px; width:70px} 
		.label { display: block; float: left; width: 250px; text-align: right; margin-right: 25px; } 
	    .form-row { padding: 5px 0; clear: both; width: 700px; } 
	    label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; } 
    input[type=text], textarea { width: 150px; float: left; }
	input[type =password], textarea { width: 150px; float: left; } 
	    textarea { height: 50px; }
		.style1 {font-size: smaller}
.style4 {display: block; float: left; width: 250px; text-align: right; margin-right: 5px; font-size: 9px; }
imghead{width:1000; height:100%}
img.pipe{width:1012px; height:70px;}
div.result{font-family:"Times New Roman", Times, serif; color:#CC0000; font-size:14px;}
div.footer{width:100%; height:22px; background-image:url(mtl_pics/2.jpg)}
div.loader{width:100%; height:22px; background-image:url(mtl_pics/2.jpg); color:#00FF33;}
div.banner{width:99.7%; height:40px; background-image:url(mtl_pics/image.jpg);   }
div.imageOrignal{width:1000; height:150px; background-image:url(mtl_pics/2.JPG); }
div.imageRotate{width:100%; height:70px;  background-image:url(mtl_pics/f.JPG); margin-top:20%}
div.logo{ width:100%;height:70px;}
div.memblogin{width:100%;}
.mystyle td, .mystyle th
        {margin:0;
		padding:4px;
		border-width: 0 0 0 0;
		border-style: ridge;
		font-family: Arial, Verdana, sans-serif; 
		font-size: 12px;
		color: #00008B; margin-top: 0px; 		
		margin-right: 0px; margin-bottom: 0px;
		margin-left: 0px; padding-top: 0px; 
		padding-right: 0px; padding-bottom: 0px; 
		padding-left: 0px

}

.rpts td, .rpts th
        {margin:0;
		padding:4px;
		border-width:0 0 0 0;
		border-style:solid;
		font-family:Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color:#0099FF;
		margin-top: 0px; 		
		margin-right: 0px; margin-bottom: 0px;
		margin-left: 0px; padding-top: 0px; 
		padding-right: 0px; padding-bottom: 0px; 
		padding-left: 0px

}
.err td, .err th
        {margin:0;
		padding:4px;
		border-width:0 0 0 0;
		border-style:solid;
		font-family:"Courier New", Courier, monospace
		font-size: 12px; 
		color:#FF0000;
		margin-top: 0px; 		
		margin-right: 0px; margin-bottom: 0px;
		margin-left: 0px; padding-top: 0px; 
		padding-right: 0px; padding-bottom: 0px; 
		padding-left: 0px

}

.inner td, .inner th
        {margin:0;
		padding:4px;
		border-width:0 0 0 0;
		border-style:none;
		font-family:"Times New Roman", Times, serif;
		font-size: 12px; 
		color:#33CC00;
		margin-top: 0px; 		
		margin-right: 0px; margin-bottom: 0px;
		margin-left: 0px; padding-top: 0px; 
		padding-right: 0px; padding-bottom: 0px; 
		padding-left: 0px

}
.vend td, .vend th
        {margin:0;
		padding:4px;
		border-width:0 0 0 0;
		border-style:solid;
		font-family:Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color:#FFFFFF;
		margin-top: 0px; 		
		margin-right: 0px; margin-bottom: 0px;
		margin-left: 0px; padding-top: 0px; 
		padding-right: 0px; padding-bottom: 0px; 
		padding-left: 0px
}
Icon_form.png
{
background-repeat:no-repeat;
border:thin;
border-color:#FF0000;
border-style:ridge;
height:70;
width:80}
/*---------------The code below is for the 'Header' portion of the website and has jquery 'Lava Lamp Plug-in for CSS'---------------------------*
																																				*
											**|-----------------------------------------------|**												*
											**|-------------(c) 2010 Amjad Mahmood------------|**												*
											**|-----------------------------------------------|**												*
																																				*
------------------------------------------------------------------------------------------------------------------------------------------------*/
        .lavaLampWithImage {
            position: relative;
            height: 29px;
            width: 700px;
         /*   background: url("mtl_pics/greenbar.jpg") no-repeat top;*/
            padding: 2px;
            margin-left: 0px;
            overflow: hidden;
			/*border:inset;*/
			
        }
                .lavaLampWithImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampWithImage li.back {
                      /*  background: url("mlt_pics/grnTranp.jpg") no-repeat right -30px;*/
                       width: 9px; height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                        .lavaLampWithImage li.back .left {
                          /*  background: url("mlt_pics/grnTranp.jpg") no-repeat top left;*/
                           height: 30px;
                           margin-right: 200px; /* 7px is the width of the rounded shape */
                        }
                    .lavaLampWithImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #0099FF;
                        outline: none;
                        text-align: center;
                        top: 7px;
                       /* text-transform: uppercase;*/
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px; 
						margin-left: 43px;   
                    }
                        .lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
                            border: none;
                        }

        .lavaLampNoImage {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
		
        }
                .lavaLampNoImage li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampNoImage li.back {
                        border: 1px solid #000;
                        background-color: #e6e8ea;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampNoImage li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }
                        .lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
                            border: none;
                        }                    

        .lavaLampBottomStyle {
            position: relative;
            height: 29px;
            width: 421px;
            background-color: white;
            padding: 15px;
            margin: 10px 0;
            overflow: hidden;
            border: 1px solid gray;
        }
                .lavaLampBottomStyle li {
                    float: left;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
                        border-bottom: 5px solid blue;
                        width: 9px;
                        height: 30px;
                        z-index: 8;
                        position: absolute;
                    }
                    .lavaLampBottomStyle li a {
                        font: bold 14px arial;
                        text-decoration: none;
                        color: #000;
                        outline: none;
                        text-align: center;
                        top: 7px;
                        text-transform: uppercase;
                        letter-spacing: 0;
                        z-index: 10;
                        display: block;
                        float: left;
                        height: 30px;
                        position: relative;
                        overflow: hidden;
                        margin: auto 10px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
                            border: none;
                        }                     
/*-------------------------------The code below is for the 'Progress Bar' the website and has specical CSS Code---------------------------------*
																																				*
											**|-----------------------------------------------|**												*
											**|-------------(c) 2010 Amjad Mahmood------------|**												*
											**|-----------------------------------------------|**												*
																																				*
------------------------------------------------------------------------------------------------------------------------------------------------*/


.all-rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
 
.spacer {
	display: block;
}
 
#progress-bar {
	width: 300px;
	margin: 0 auto;
	background: #cccccc;
	border: 3px solid #f2f2f2;
}
 
#progress-bar-percentage {
	background: #3063A5;
	padding: 5px 0px;
 	color: #FFF;
 	font-weight: bold;
 	text-align: center;
}
.analysisparam .vndpart {
	float:left;
	width:0px;
	height:20px;
	margin-right:10px;
	line-height:20px;
	color:#000000;
	
}
.analysisparam .formProgress {
	float:right;
	width:10px;
	height:20px;
	margin-right:10px;
	line-height:20px;
	color:#000000;
}



/*-----------------------------------------------------------------------------------------------------------------------------------------------*/