body.site	{background-color: #eee; margin: 0;}
    
    .wrapper.headers {
        max-width: 100%;
        width: 100%;
    
    }

    .shadow {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    }
    
    select.input, input.input		{
        padding: 4px 8px;
        font-size: 1em;
        line-height: 30px;
        border: 1px solid #e4e4e4;
        background: white;
        font-family: Helvetica, Arial, sans-serif, sans-serif;
        font-weight: bold;
        color: #333;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
   	}
    
    .rafield.input:focus, .rafieldpart.input:focus, select.rafield:focus, select.rafieldpart:focus, #pageOpenDialog input[type="text"]:focus, #pageOpenDialog select:focus {
    	border: 1px solid #bbb;
        border-left: 4px solid #84bffb;
    }

    button.input		{padding: 5px; border: 1px groove #656565 ; border-radius: 5px; background: url("../images/bg-form.gif") top left repeat-x #d0d0d0;}
    
    button.input:active	{ background: url("../images/bg-form-req.gif") top left repeat-x #c1d1e0; }
    button.input:hover	{ background: url("../images/bg-form-down.gif") top left repeat-x #FFF; cursor: pointer;}
        
    .fieldContainer {
        padding-right: 32px;
    }

    .descriptionBubble {
        background-color: #4D5456;
        margin: 0;
    }
    
    h2.header	{
    	margin: 0;padding: 0 0 0 32px;font-size: 1.2em;color: #FFF;float: left;height: 32px;line-height: 32px;}
    h2.step		{font-size: 1.15em; font-weight: bold;}
    
    #step_container	{ /*max-width: 920px;*/ width:100%; overflow-x: hidden; min-height: 300px; }
    #step_slider { xwidth: 9200px; width:100%; xheight: 400px; }
    div.step { /*max-width: 920px;*/ width:100%; float: left; }
    
    
    
    .counter	{float: right; width: 760px; text-align:right;}
    .counter-title	{
    	float: right;
    	font-size: 1.2em;
        color: white;
        font-weight: bold;
        line-height: 36px;
        height: 48px;
        font-weight: 400;
    }
    .counter ul	{list-style: none;
        margin: 0;
        margin-left: 0px;
        padding: 0;
        background-position: 0 9px;
        float: right;
        margin-left: 15px;
	}
    .counter ul li	{float: left;display: block;width: 36px;height: 36px;background-color: #DFE3E4;text-align: center;line-height: 32px;border-radius: 48px;margin-left: 16px;cursor: pointer;position: relative;}
    .counter ul li.completed {
        background-color: #48802d !important;
    }
    .counter ul li.active {
		background-color: #136FAD !important;
	}
    .counter ul li span	{
    	font-size: 0.9em;
    	color: #555;
        text-decoration: none;
        display: block;
        margin-top: 8px;
        font-weight: 600;
    }
    
    li.completed span {
        color: white !important;
    }
    .counter ul li.active span {
        color: white;
    }    
    .counter ul li.completed::after {
        content: "";
        height: 4px;
        width: 16px;
        background-color: #48802d;
        border:none;
        position: absolute;
        top: 50%;
        right: -16px;
    }
    
    .counter ul li::after {

        content: "";
        height: 0px;
        width: 16px;
        border-bottom: 4px dotted gray;
        /*background-color: #DFE3E4;*/
        position: absolute;
        top: 50%;
        right: -16px;
    
    }
    
    .counter ul li:last-child::after {

        height: 0px;
        width: 0px;
    
    }

    div.table1 div select	{
        line-height: 30px;
        font-size: 1.1em;
        color: #333;
        border: 1px solid #e4e4e4;
        padding: 8px 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
      
    div.radio	{
        font-size: 0.9em;
        font-family: Helvetica, Arial, sans-serif, sans-serif;
        font-weight: bold;
        color: #333;
    }
    

	div.table1{
        margin:0px 0 10px 0;
    }
    
    div.table1 div label	{
        font-size: 0.9em;
        color: #505050;
        text-align: left;
        font-family: Helvetica, Arial, sans-serif, sans-serif;
        padding: 0 5px 0 0;
        xfloat: left;
    }
    
    div.table1 div span.req-span	{
        font-style: italic;
        color: #C00;
        xfloat: right;
        text-transform: lowercase;
        font-variant: small-caps; letter-spacing: 1px;
    }
    
	.propertyinfo {
        float: left;
	    margin-left: 40px;
	    padding: 5px 10px 5px 10px;
    }
    
    #applicationreview table tr {
    	border-bottom: 1px solid #eee;
    }
    #applicationreview table td {
    	padding: 3px 4px;
    }
    
	@media screen and (max-width :970px) {
		.stepheader {
			display:none;
		}
	}
	
	@media screen and (max-width :790px) {
		.wrapper{
			width:96%;
		}
	}
	
	@media screen and (max-width :767px) {
		
		.stepnote_div {
			width:100% !important;
		}
		
		.stepinput_div{
			width:100% !important;
		}
		.propertyhours {
			display:none;
		}
		.descriptionBubble {
			display:none;
		}
		
		#step_title{
			display:none;
		}
		
		#step_selector {
			display:inline-block !important;
		}
	}
	
	@media screen and (max-width :520px) {
		.next-step{
			display:none !important;
		}
		
		.prev-step{
			display:none !important;
		}
		.next-step.mini{
			display:inline-block !important;
		}
		
		.prev-step.mini{
			display:inline-block !important;
		}
		
		.propertyinfo {
			font-size:0.85em;
			float:right;
			margin-left: 0px;
		}
		.colItem {
			width:100% !important;
		}
		
		.fieldItem {
			width:100% !important;
		}
		.horz.fixed {
			position: fixed; 
			top: 0;
			width:90%;
			background-color:#fff;
			xcolor:white;
            z-index: 1;
		}
	}
	
	@media screen and (max-width :460px) {
		.clocknow {
			display:none;
		}
		.reqText {
			display:none;
		}
		.reqSign{
			display:inline-block;
		}
		.containerpadding{
			padding:5px 10px;
		}
	}
	
	@media screen and (max-width :340px) {
		
	}