#pnlCalc { 
      width:260px; height:100%; position: relative;
      float: left; margin-left: 10px; margin-top: 10px; border:none; 
      /*background-color:White; border-right: gray 1px solid; border-top: gray 1px solid; 
      border-left: gray 1px solid; border-bottom: gray 1px solid;*/
     }
     #upCalc {        
      width: 200px; height:100%;      
      position: absolute; bottom: 0; left: 0;
     }
      #upCalc2 {        
      width: 200px; height:100%;      
      position: absolute; bottom: 0; left: 0;
     }
     
	/* TYPOGRAPHY */
	body {
		text-align: left;
		/*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
		font-family: Verdana;
		font-size: 76%;
		line-height: 1em;
	    
		color: #333333;
	}
	div {
		font-size: 1em;
	}
	img {
		border: 0;
	}

	/*CALC*/
	div#calc-top
	{
		float: left;
		width: 100%; 
	    
		display: inline;
		margin:0;
		padding:0;  
		   
	}
	div.calc-top-left{
		float: left;
		width: 6px; 
		background-image:url(../images/login/RightpanelBTL.jpg);
		height:41px; background-repeat:no-repeat;
		display: inline;   
	     
		 margin:0;
		padding:0;
	}

	 div.calc-top-mid{
		float: left;
		height:41px; width:92%;
		background-image:url(../images/login/RightpanelBTM.jpg);
		background-repeat:repeat-x;
		display: inline;
		color:White;
		font-weight:bold;
		padding-top:12px;
	       
		margin:0;
		padding:0;   
	     
	}
	
	div.calc-top-right{
		float: left;
		width: 9px;
		background-image:url(../images/login/RightpanelBTR.jpg);
		height:41px; 
		background-repeat:no-repeat;
		display: inline;	    
		margin:0;
		padding:0;	     
	}
	
	 div.calc-title
	 {
		padding:0px;
		margin:0;
		color:White;

		
	}    
	div.calc-title h3
	{
		padding:0px;
		margin:0;
		line-height:40px;
		color:White;
	}	 

	div.calc-mid
	{
		float: left;
		width:99%; 
		*width:93.5%;
	    		
		margin:0;
		padding:0;
		
	}
	div.calc-mid-left{
		float: left;
		width: 6px; 
		height:auto;
		background-image:url(../images/login/RightpanelMTL.jpg);
		background-repeat:no-repeat;
		display: inline; 
		background-color:#4F2580; 
	     
		margin:0;
		padding:0;
	}

	*div.calc-mid-left
	{
		display: none; 
		}

	 div.calc-mid-mid{
		float: left;
		height:auto; 
		width:94.5%;
		*width:100%;
		background-image:url(../images/login/RightpanelMTM.jpg);
		background-repeat:repeat-x;
		background-color:#4F2580;
		
		color:White;
		font-weight:normal;
		padding-top:12px;
		margin-top:10px;
		font-size:10px;
		line-height:20px;
		padding-left:5px;
		*padding-left:5px;
		padding-right:5px;
		/*border-right:#77589C 3px solid;
		*border-right:#B6B6B6 thin ridge;*/
		margin:0;
	    
	}
	    
	 div.calc-mid-mid div {
		
			color:White;
			font-size:10px;
	}
	    
	 div.calc-mid-right{
		float: left;
		width: 9px;
		background-image:url(../images/login/RightpanelMTR.jpg);
		height:auto; background-repeat:no-repeat;
		display: inline;
		background-color:#4F2580;
		margin:0;
		padding:0;
	     
	}

	*div.calc-mid-right{
		display: none;
	}



	div.calc-bottom
	{
		float: left;
		width:100%; 
	    
		display: inline;
		margin:0;
		padding:0;
	}
	div.calc-bottom-left{
		float: left;
		width: 9px; 
		background-image:url(../images/login/RightpanelBL.jpg);
		height:10px; background-repeat:no-repeat;
	      
		margin:0;
		padding:0;
	     
	}

	 div.calc-bottom-mid{
		float: left;
		height:10px; width:90%;
		background-image:url(../images/login/RightpanelBM.jpg);
		background-repeat:repeat-x;
		display: inline;
		color:White;
		font-weight:bold;
		padding-top:12px;
		margin:0;
		padding:0;
	}

	 div.calc-bottom-right{
		float: left;
		width: 9px;
		background-image:url(../images/login/RightpanelBR.jpg);
		height:10px; background-repeat:no-repeat;
		display: inline;
		margin:0;
		padding:0;
	   
	     
	}
	/*CALC*/

	/*---------- bubble tooltip -----------*/
	help
	{
	position:relative;
	top:8px;
	left:5px;
	z-index:1;
	}
	a.tt{
	position:relative;
	z-index:1;
	color:#3CA3FF;
	font-weight:bold;
	text-decoration:none;
	}
	
	a.tt span{ display: none; }
	.middle{vertical-align:middle;}

	/*background:; ie hack, something must be changed in a for ie to execute it*/
	a.tt:hover{ z-index:25; color: #aaaaff; background:;}
	a.tt:hover span.tooltip{
	display:block;
	position:absolute;
	/**position:absolute;
	*top:-70px;*/
	bottom:0px; 
	*bottom:10px;
	right:-70px;
	/**right:95px;*/
	/**bottom:500px;*/
	padding: 5px 0 0 0;
	width:165px;
	color: #333333;
	text-align: left;
	filter: alpha(opacity:100);
	KHTMLOpacity: 100;
	MozOpacity: 100;
	opacity: 100;
	font-weight:normal;
	z-index:10000;
	}
	a.tt:hover span.top
	{
	display: block;
	padding: 15px 8px 0;
	background: url(../images/login/bubble.gif) no-repeat top;
	z-index:10000;
	}
	a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	/*background-color:Fuchsia;*/
	background: url(../images/login/bubble_filler.gif) repeat bottom; 
	z-index:1; text-decoration:none;
	}
	a.tt:hover span.bottom{
	display: block;
	padding:18px 8px 0px;
	color: #548912;
	background: url(../images/login/bubble.gif) no-repeat bottom;
	position:relative;
	top:-15px;
	z-index:1;
	/*background-color:Red;*/
	}
	/*.red
	{ 
		color:Red;
		font-size:10px;
	}*/

	/*BUTTON*/

	/*LOGIN BOX*/
	/*button here*/
	a.ovalbutton{
	background: transparent url('../images/media/btnleftcorner.jpg') no-repeat top left;
	/*background: transparent url('../images/media/btnleftcorner.jpg') no-repeat top left;*/
	display: block;
	float: left;
	font: bold 10px Verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	margin: 10px 0 0 0px;
	text-decoration: none; color:#4F2580;
	}

	a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #4E2683; text-decoration:none; /*button text color*/
	}

	a.ovalbutton span{
	background: transparent url('../images/media/btnrightcorner.jpg') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color:#494949;text-decoration:none;
	}

	a.ovalbutton:hover{ /* Hover state CSS */
	background-position: bottom left; text-decoration:none;
	}

	a.ovalbutton:hover span { /* Hover state CSS */
	background-position: bottom right; 
	color: white;text-decoration:none;
	}
	
	
	a.ovalbuttondark{
	background: transparent url('../images/media/left.jpg') no-repeat top left;
	/*background: transparent url('../images/media/btnleftcorner.jpg') no-repeat top left;*/
	display: block;
	float: left;
	font: bold 10px Verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	margin: 10px 0 0 0px;
	text-decoration: none; color:#4F2580;
	}

	a:link.ovalbuttondark, a:visited.ovalbuttondark, a:active.ovalbuttondark, a:visited:hover.ovalbuttondark{
	color: #4E2683; text-decoration:none; /*button text color*/
	}

	a.ovalbuttondark span{
	background: transparent url('../images/media/right.jpg') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color:#494949;text-decoration:none;
	}

	a.ovalbuttondark:hover{ /* Hover state CSS */
	background-position: bottom left; text-decoration:none;
	}

	a.ovalbuttondark:hover span { /* Hover state CSS */
	background-position: bottom right; 
	color: white;text-decoration:none;
	}
	
	
	
	/*disabled button*/
	a.disabledbutton{
	background: transparent url('../images/media/leftdisabled.jpg') no-repeat top left;
	/*background: transparent url('../images/media/btnleftcorner.jpg') no-repeat top left;*/
	display: block;
	float: left;
	font: bold 10px Verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	margin: 10px 0 0 0px;
	text-decoration: none; color:gray;
	}

	a:link.disabledbutton, a:visited.disabledbutton, a:active.disabledbutton{
	color: gray; text-decoration:none; /*button text color*/
	}

	a.disabledbutton span{
	background: transparent url('../images/media/rightdisabled.jpg') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
	color:gray;text-decoration:none;
	}

	a.disabledbutton:hover{ /* Hover state CSS */
	background-position: bottom left; text-decoration:none;
	}

	a.disabledbutton:hover span { /* Hover state CSS */
	background-position: bottom right; 
	color: gray;text-decoration:none;
	}

	/*disabled button*/
	/*button-light*/

	a.ovalbutton-lightbg
	{
	background: transparent url('../images/media/oval-light-left.gif') no-repeat top left;

	display:-moz-inline-box;
	float: none;
	font: bold 10px Verdana; /* Change 13px as desired */
	line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 12px; /* Width of left menu image */
	text-decoration: none; color:#4F2580;
	padding-top:0px;
	}

	a.ovalbutton-lightbg span
	{
	background: transparent url('../images/media/oval-light-right.gif') no-repeat top right;
	display: inline-block;
	padding:  4px 11px 4px 0px ; /*Set 11px below to match value of 'padding-left' value above*/
	position:relative;
	left:-1px;
	}

	a:link.ovalbutton-lightbg, a:visited.ovalbutton-lightbg, a:active.ovalbutton-lightbg{
	color: #494949; text-decoration:none; /*button text color*/
	}


	a.ovalbutton-lightbg:hover{ /* Hover state CSS */
	background-position: bottom left;text-decoration:none;
	}

	a.ovalbutton-lightbg:hover span { /* Hover state CSS */
	background-position:  bottom right;
	color: white;text-decoration:none;
	}


	/*BUTTON*/
	/*TABULAR*/

	.border {
	border:1px solid #E1E1E1;
	}
	.border-table-column {
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	text-align:left;
	padding:2px 9px 2px 9px;
	}

	.alternate-color
	{ 
	border-bottom:1px dashed #BBB9BA;
	border-top:1px dashed #BBB9BA; 
	background-color:#F5F5F5;
	padding:9px 9px 9px 9px;
	}
	.default-bg
	{ 
	background-color:#FFFFFF;
	padding:9px 9px 9px 9px;
	}

	#tabular 
	{
	padding:0;
	margin:0;
		
	}

	#tabular td
	{
	border-left:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	text-align:left;
	padding:10px 9px 10px 9px;
	border-bottom:1px dashed #BBB9BA;
		
	}

	tr.alternate-color{
	border-bottom:1px dotted #BBB9BA;
	}

	.no-dotted-border {
	border-bottom:none;
	}
	/*TABULAR*/  

	/*TYPO*/
	h2 {
		margin: 0 0 0.5em 0;
		padding: 0;
		font-family: Verdana;
	    
		font-size: 14px;
		/*line-height: 1.5em;*/
		font-weight:bold;
	    
		color: #4E2683;
	}
	h3 {
		margin: 0 0 .5em 0;
		padding: 0;
		font-family: Verdana;
	    
		font-size: 12px;
		line-height: 1.5em;
		font-weight:bold;
	    
		color: #4E2683;
	    
	}
	/*.result-title
	{
		padding-left:70px;
	}*/
	
	.calc-label
	{
		color:White;
		font-size:10px;
		}
	#calc-label
	{
		color:White;
		font-size:10px;
		}
	/*TYPO*/ 

	#calc-container
	{
	width:200px;
	/*background-color:Black;*/
	}
	.label-msg 
	{
		 color:Red;
	}
	
	.calc-textbox
	{
		font-size:10px;
	}
	
	 

#progressbarz {
	position:relative;
	top:-200px;
	left:30px;
	*top:-100px;
	*left:30px;
	/*width:190px;*/
	color:#FFFF00;
	/*height:74px;*/
	z-index:1;
	border:0px;
}

#progressbar 
{
	
	text-align:center;
	color:#FFFFFF;
    /*float: left; margin-left: 20px; margin-top: 100px;*/
    position: relative;
    float: left;     
    margin-top: -70px;
	z-index:1;
	border:0px;  
	text-align:center;
	/*background-color:White; 
	filter:alpha (opacity=50);*/
}
#progressbar2
{
	
	text-align:center;
	color:#FFFFFF;
    /*float: left; margin-left: 20px; margin-top: 100px;*/
    position: relative;
    float: left;     
    margin-top: -168px;
	z-index:2;
	border:0px;  
	text-align:center;
	/*background-color:White; 
	filter:alpha (opacity=50);*/
	
	overflow:hidden;/*must have*/
	width:100%;/*must have for any value*/
}

#progressbar2 iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

#progressbar td { border:none;}

.opacity-off
{
	background-color:White; 
	filter:alpha (opacity=100);
	}
.
progressbar-txt
{
	color:#FFFFFF;
}
	
.border-none
{
	 border:none;
}

#vehicle_progressbar 
{
	position: relative;
    float: left;     
    top: 100px;
    left: 150px;
	z-index:1;
	
	color:#000000;
	/*background-color:#4F2580;*/
	z-index:1;
	width:120px;
	margin:0;
	padding:0;	
}

#vehicle_progressbar h6.loading 
{
	color:#000000;
	margin:0;
	padding:0;
	/*background-color:#4F2580;*/
	}
	
	.shadow
	{
		FILTER: Shadow(Color=#B6B6B6, Direction=45);
	}
	
	#calc
	{
		float:right;
		width:200px;
	}
	#progressbar h6.loading
	{
		color:#000000;
		margin:0;
		padding:0;
	}
	
	/*#pos
	{
		position:relative;
		top:-3px;
		margin:0;
		padding:0;
		
		}*/
	
.hideMe
    {
		display:none;
	}