﻿body 
{
       color: #4F4F4F;
    margin: 0px;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
    line-height: 15px;
    margin-bottom: 15px;
}


.caption 
{
       color: #4F4F4F;
    margin: 0px;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 10px;
}

.enhanced 
{
	    color: #000000;
	    font-weight:bold;
}

.bulletlist 
{
 padding-bottom: 5px;   
}
.text 
{
    margin: 0px;
    color: #4F4F4F;
    font-family :Trebuchet MS, Verdana,   Arial;
    font-size : 10px;
}

.advantage 
{
    font-weight:bold;
    color: #000000;
    font-family : Trebuchet MS,Verdana,   Arial;
    font-size : 11px;
    line-height: 14px;
    margin-top:0px;
    padding-bottom:10px;
    margin-bottom:0px;

    
}

.smallList
{
    margin: 0px;
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-style: italic;
    font-size : 8px;
}

.red 
{
    margin: 0px;
    color: #F43E4A;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
}

a
{
 color:  #F43E4A;  
}

.biglink
{
	font-family : Trebuchet MS, Verdana, Arial;
	font-size : 18px;
	font-weight: bold;
 color:  #F43E4A;  
 }


b
{
 color:  #000000;  
}

h1 
{
    color: #F43D4B;
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    font-size : 18px;
    margin-top: 15px;
    margin-bottom: 7px;
    
}

h2
{
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    font-size : 15px;
    margin-top: 20px;
    margin-bottom: 7px;
    
}

h3 
{
    color: #F43D4B;
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    font-size : 15px;
    margin: 0px;
    padding-bottom: 5px;
    
}

h4
{
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    font-size : 13px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

.footer 
{
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight : bold; 
    font-size : 12px;
    color : #ffffff;
}


footer:link 
{
    text-decoration : none;
    
}

footer:active 
{
    text-decoration : none;
}
footer:visited 
{
    text-decoration : none;
}
footer:hover 
{
    text-decoration : none;
}


.footercontact 
{
    padding-top: 4px;
    font-family : Trebuchet MS, Verdana, Arial;
 text-align: center;
 font-size : 11px;
}


.productdropdownlist 
{
    width : 300px;
    
    
}



.loggedinlinks 
{
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight : bold; 
    font-size : 12px;
    color : #000000;
}

loggedinlinks:link 
{
    text-decoration : none;
    
}

loggedinlinks:active 
{
    text-decoration : none;
}
loggedinlinks:visited 
{
    text-decoration : none;
}
loggedinlinks:hover 
{
    text-decoration : none;
}

.bigtext
{
       color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
    line-height: 15px;
    margin-bottom: 15px;

}


.inputStep 
{
 width : 573px;   
padding-top: 20px;
padding-bottom: 20px;
height: 50px;
    
}


.inputStepWide
{
 width : 800px;   
padding-top: 20px;
padding-bottom: 20px;
height: 50px;

    
}


.inputStepDivider {
 width : 573px;   
height: 3px;
background-color: White;
}


.inputStepDividerWide {
 width : 800px;   
height: 3px;
background-color: White;
}

.inputStepLabel
{
    float:left;
    width : 236px;
    padding-left:10px;
    font-family: Trebuchet MS, Verdana, Arial;


}


.inputStepLabelWide
{
    float:left;
    width : 226px;
    padding-right:10px;
    font-family: Trebuchet MS, Verdana, Arial;


}

.inputStepControl
{   float:left;
    width : 307px;
    padding-left: 0px;
    padding-right: 10px;

}


.inputStepControlWide
{   float:left;
    width : 543px;
    padding-left: 0px;
    padding-right: 10px;
    

}

.inputStepHelp
{   float:left;
    width : 225px;
    padding-left: 10px;

}

.helplongbox
{
        top: 150px;
position: absolute;
margin-left: 562px;
top: -30px;    
width:247px;
height:auto;

    
}


.helplong
{
    position:absolute;

    width:227px;
    padding-left:00px;
    padding-right:10px;
    height: auto;

}


.validationSummary 
{
	width: 185px;
	border: 1px solid red;
	background-color: White;
	padding: 10px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom: 10px;

}

.inputHelp 
{

}

.inputLabel 
{
 font-weight: bold;  
 color: Black;
}




.inputStepSimple 
{
 width : 297px;   
 height: 35px;
 margin:0;
    
}

.inputStepSimpleHigh
{
 width : 297px;   
 height: 65px;
 margin:0;
    
}

.inputStepLabelSimple
{
    float:left;
    width : 132px;
    font-family: Trebuchet MS, Verdana, Arial;

}

.inputStepControlSimple
{   float: right;
    width : 155px;

}


.stepmarker 
{
    height: 50px;
    padding-top:18px;
}

.steptext 
{
    height: 15px;
    float:left;   
}


.navigationButtonBack 
{
    width:90px; float:left;
    padding-bottom: 10px;
}


.navigationButtonForward
{
    width:90px; float:right;
    padding-bottom: 10px;
}

.input 
{
 border-left: 1px solid #4F4F4F;
 border-right: 1px solid #4F4F4F;
 border-top: 1px solid #4F4F4F;
 border-bottom: 1px solid #4F4F4F;
 font-family: Trebuchet MS, Verdana, Arial;
 font-size: 12px;
 color: #4F4F4F;
   
}


.wideboxtop 
{
	width: 550px;
	height: 17px;
	background-image: url(/Gfx/widebox-top.gif);

}

.wideboxbackground 
{
	width: 550px;
	background-image: url(/Gfx/widebox-background.gif);


}

.wideboxcontent 
{
	width:520px;
	margin-left:15px; margin-right: 15px;


}

.wideboxbottom
{
	width: 550px;
	height: 17px;
	background-image: url(/Gfx/widebox-bottom.gif);

}

.newsboxtop 
{
	width: 222px;
	height: 20px;
	background-image: url(/Gfx/newsbox-top.gif);

}

.newsboxbackground 
{
	width: 222px;
	background-image: url(/Gfx/newsbox-background.gif);


}

.newsboxcontent 
{
	width:186px;
	margin-left:18px; margin-right: 18px;


}

.newsboxbottom
{
	width: 222px;
	height: 20px;
	background-image: url(/Gfx/newsbox-bottom.gif);

}

.helpboxtop 
{
	width: 222px;
	height: 20px;
	background-image: url(/Gfx/helpbox-top.gif);

}

.helpboxbackground 
{
	width: 222px;
	background-image: url(/Gfx/helpbox-background.gif);


}

.helpboxcontent 
{
	width:186px;
	margin-left:18px; margin-right: 18px;


}

.helpboxbottom
{
	width: 222px;
	height: 20px;
	background-image: url(/Gfx/helpbox-bottom.gif);

}



.datatable 
{
    border: none;
        
}

.datatableheader 
{
    background-color: #C3C3C3;
    color: #ffffff;
    padding-top: 5px;
    padding-bottom: 5px;    
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid white;
    border-top: 4px solid white;
}

.datatablefield 
{
    background-color: #EAEAEA;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid white;
    border-top: 4px solid white;
}


.datatablebuttonfield 
{
    background-color: #ffffff;
    padding:0px;
    border-right: 1px solid white;
    border-top: 4px solid white;
    text-align:center;
}


.datatableiconfield 
{
    background-color: #F4F4F4;
    padding:0px;
    border-right: 1px solid white;
    border-top: 4px solid white;
    text-align:center;
}

.datatablefooter
{
    background-color: #EAEAEA;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid white;
    border-top: 8px solid white;
      color: #4F4F4F;
	    font-weight:bold;
}

.datatablefieldsmall
{
    font-size : 11px;
    background-color: #F4F4F4;
    height: 19px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 0px; 
    padding-bottom: 0px;
    border-left: 1px solid white;
    border-right: 0px;
    border-top: 4px solid white;
    border-bottom: 0px;
}

.datatablebuttonfieldsmall
{
    background-color: #ffffff;
    padding: 0px;
    border-left: 1px solid white;
    border-top: 4px solid white;
    border-right: 0px;
    border-bottom: 0px;
}


.datatableheaderrightcol
{
    background-color: #C3C3C3;
    color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;    
    font-weight:bold;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #EAEAEA;
    border-top: 2px solid #EAEAEA;
}

.datatablefieldrightcol
{
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #EAEAEA;
    border-top: 2px solid #EAEAEA;
}


.mandatory 
{
    color: Red;
}


.newusertext{
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 25px;
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
   
}

.logintext {
    padding-left: 17px;
    padding-top: 40px;
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
}

.logintext2 {
    padding-left: 17px;
    padding-top: 3px;
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
}

.forgotpwtext{
    padding-left: 17px;
    padding-top: 5px;
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
}


.newsbox {
    padding-left: 17px;
    padding-right: 17px;
    padding-top: 20px;
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 11px;
}


.loggedintext
{
position:absolute;
    padding-left: 22px;
    padding-top: 15px;
    color: #FFFFFF;
    font-weight: bold;
    font-family : Trebuchet MS, Verdana, Arial;
    font-size : 12px;
    line-height: 115%
}


.logoutbutton
{
    position:absolute;
    padding-left: 165px;
    padding-top: 11px;

}


.myrequestsbutton
{
    position:absolute;
    padding-left: 0px;
    padding-top: 56px;

}


.mybasedatabutton
{
    position:absolute;
    padding-left: 117px;
    padding-top: 56px;

}

.loginTextBox{
    color: #4F4F4F;
    font-family : Trebuchet MS, Verdana, Arial;
    width: 90px;
    font-size : 11px;
    border: solid 1px #0198B3;
}



.displayTable 
{
    border: solid 1px #4F4F4F; 
    background-color: #DAF2F7;
    
}

.progressBar 
{
    position:absolute;
     width : 820px;
     left: 23px;
     top: 8px;
     height : 30px;
     padding-left : 23px;
     padding-right : 23px;
     padding-bottom : 5px;
     padding-top : 8px;    
    text-align: center;
}

.progressBarButton
{
    font-family : Trebuchet MS, Verdana, Arial;
    font-weight: bold;
    font-size : 15px; 
    color: #ffffff;
    text-align: center;
    
}

    .navigationtab 
    {
        width: 112px;
        height: 31px;
        background-image: url(/Gfx/navigationtab-off.gif);
        text-align: center;
        position: relative;
        float:left;
        font-family: Trebuchet MS, Verdana, Arial;
        font-size: 12px;
        color: #00869A;
        font-weight:bold;
        text-decoration: none;
        cursor: hand;
    }
    
        .navigationtab-on 
    {
        width: 112px;
        height: 31px;
        background-image: url(/Gfx/navigationtab-on.gif);
        text-align: center;
        position: relative;
        float:left;
        font-family: Trebuchet MS, Verdana, Arial;
        font-size: 12px;
        color: #ABE2E9;
        font-weight:bold;
  
        text-decoration: none;
        
    }
    
    .navigationtabtext {
    	margin-top: 12px;
    }
    
    .box 
    {
		margin-top: 10px;
		margin-bottom: 10px;	
		
    }
    
    .infobox 
    {
        width: 215px;
        height: 122px;
        background-image: url(/Gfx/infobox.gif);
    }
        .infobox-inner 
    {
        width: 185px;
        height: 107px;
        margin-left: 15px;
        margin-right: 15px;
        padding-top: 15px;
    }
    

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


	#columnleft {
		float:left;
		width:246px;
		margin:0; padding:0;

		}
	#columnright {
		float:right;
		width:247px;
		margin:0; padding:0;


		}
	#columnmiddle 
	{
		margin:0 247px;
		padding:0;
				
		}
	.column-in {
		margin:0; 
		padding-left:10px;
		padding-right:10px;
		}
		
	.columncleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}
		
		
		.row3cols 
        {
         width: 820px; 
         clear:both;
        }
        
        
        .colwide 
        {
            width:800px;
			padding-left:10px;
			padding-right:10px;
        }
        
        .colleft 
        {
            width:226px;
            float:left;
			padding-left:10px;
			padding-right:10px;
             
  
        }
       
       	.columnmiddlefront
	    {
	     position:absolute;  
		margin-right:0;
		margin-left: 0px;
		margin-left:0px;
		padding-right:0;
				
		}
       
       .columnleftfront {
		float:left;
		width:246px;
		margin:0; 
		padding:0;

		}
	.columnrightfront {
		float:right;
		width:247px;
		margin:0; padding:0;


		}

        
        .colleftfront 
        {
            width:226px;
            float:left;
			padding-left:10px;
			padding-right:10px;
             
  
        }
        
       .colmiddlefront
        {
            width:307px;
            float:left;
			padding-left:10px;
			padding-right:10px;
            
        }
        
         .colleftmiddle
        {
            width:553px;
            float:left;
			padding-left:10px;
			padding-right:10px;            

        }
        
            .colleftmiddlenopadding
        {
            width:573px;
            float:left;
        

        }     
        
        .colmiddle
        {
            width:307px;
            float:left;
			padding-left:10px;
			padding-right:10px;
            
        }
        
         .colmiddleright
        {
            width:554px;
            float:right;
			padding-left:10px;
			padding-right:10px;             

        }        
        
        .colright 
        {
            float:right;
            width:227px;
			padding-left:10px;
			padding-right:10px;            
  
        }
        
        
        .bottomnavbuttons
        {
			width:800px; 
			padding-left:10px; 
			padding-right:10px; 
			height:40px;
        }
        
.hdivider 
{
  margin-top: 40px;
  margin-bottom: 10px;
 border-top: 1px solid #00899C;   
    
}


.tagbox_popup {
z-index: 9999; 
border-left: 1px solid silver;
border-top: 1px solid silver;
border-right: 2px solid silver;
border-bottom: 3px solid silver;
padding: 3px; 
position:absolute; top:0; left:0;  
background:#EFFAFC;
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;
color:black; 
display:none;
width: 500;
font-size: 8pt;  
font-family: verdana;
text-overflow: clip;
}


.action_popup 
{
position:absolute;
left:50%;top:50%;margin-top:-30px;
z-index: 9999; 
display:none;
font-size: 9pt;  
font-family: verdana;
font-weight:bold;
text-overflow: clip;
}

.inactivescreen
{
	z-index: 999;
	background:#000000;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
	position:absolute;
}

.BarIndicator_Password
{
    color:green;

    background-color: Blue;
    
}

.BarBorder_Password
{
    border-style:none;
 	height: 5px;
    width:150px;

}

.floatleft 
{
	float: left;
}

.floatright
{
	float: right;
}


