@font-face {
    font-family: 'Circular 400';
    src: url("fonts/CircularStd-Book.ttf");
}

@font-face {
    font-family: 'Circular 700';
    src: url("fonts/CircularStd-Bold.ttf");
}

html {
    background-color: #FFFFFF;
    Font-size: 62.5%
}

body {
    font-family: "Circular 400", Arial, sans-serif;
    font-weight: 400;
    font-size: 1.60rem;
    line-height: 1.5;
    color: #212529;
}

a:link {
    color: #212529;
    text-decoration: underline;
}

a:visited {
    color: #212529;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
    color: #009bbd;
}

p, dl, hr, h1, h2, ol, ul, pre, table, address, fieldset {

}

h1 {
    font-family: font-family: "Circular 700", Arial, sans-serif;
    font-size: 2.40rem;
    font-weight: 700;
    color: #2B4B73;
}

h2 {
    font-family: font-family: "Circular 700", Arial, sans-serif;
    font-size: 2.00rem;
    font-weight: 700;
    color: #2B4B73;
}


img 
{ 
    border: none; 
}

 .panel_with_padding
{     
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px; 
	border-style:Solid;
	Border-Color:White;
	Border-Width:8px;

	margin-top:0pt;
	margin-bottom:0pt;
 }
 
 /* Wizard Specific Formatting --------------------------------- */
.nextStep {
    background-color: rgb(153,153,153);
    width: 1.4em;
    border: 1px solid rgb(153,153,153);
    margin-right: 5px;
    color: White;
    font-size: 1.4em;
    text-align: center; 
    margin-top:20px;   
}

.prevStep {
    background-color: #4d4d4d;
    width: 1.4em;
    border: 1px solid #4d4d4d;
    color: White;
    font-size: 1.4em;
    text-align: center;    
}

.currentStep {
    background-color: #A30D19;
    width: 1.4em;
    border: 1px solid #e01122;
    color: White;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;    
}

.stepBreak {
    width: 3px;
    background-color: transparent;
    float: left;
    overflow: hidden;
}

.step {
    margin: 2px;
    float: left;
    overflow: hidden;
}

.wizardProgress {   
    padding-top:15px;
    width: 95px;
    color: #333;
    font-size: 1.47em;
    font-weight: 200;
    float: left;
}

.wizardTitle {    
    float: left;
    margin: 0px;    
}

.wizardStepsDisplay {
    width: 325px;
    float: right;
    margin: 0px;  
    min-height:56px;      
}

.hidden {
    display: none;
}

.clear {
    clear: both;
}

.top{
    margin-top: 50px;
}