.clearfloatConditionalForm{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}
.clearfloatConditionalHeader{
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0px;
}

.insetShadow { 
    box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
    -moz-box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
    -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
    -o-box-shadow: inset 2px 2px 5px rgba(0,0,25,0.3); 
} 

.TextBoxArea{
resize:none;
}

#TopHeaderWrapper {
	padding: 10px 10px 10px 10px;
	border: 0px solid #000000;
	margin: 0px 0px 10px 0px;/* Top,Right,Bottom,Left */
	text-align: left;
	background-color: #ffffff;
	display: block;
	float: none;
    width: auto;
	}


#TopHeaderWrapper2 {
	padding: 0px 0px 0px 0px;
	border: 0px solid #000000;
	margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
	text-align:left; /* this overrides the text-align: center on the body element. */
	background-color: #ffffff;
	display: block;
	float: none;
	width: auto;
    height:43px;
	}

#TopHeaderIconWrapper
{
    background-position: left top;
    background-repeat: repeat-x;
    background-image: url('../SCM3_ImagesLayout/SCM3_DemoIconBackR.png');
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    padding: 0px 0px 0px 0px;
    border: 0px solid #ff0000;
    display: inline;
    float: left;
    width: 100%;

}

#DemoHeaderIcon
{
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    padding: 0px 0px 0px 0px;
    border: 0px solid #ff0000;
	display: inline;
	float: left;
    width: 110px;

}

#MapHeaderIcon
{
    margin: 12px 0px 7px 0px; /* Top,Right,Bottom,Left */
    padding: 0px 0px 0px 0px;
    border: 0px solid #ff0000;
	display: inline;
	float: left;
    width: 92px;

}



 .TopHeaderText
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 24px;
    color: #ffffff;
    margin: 0px 0px 0px 0px;/* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 5px;

}





#TopInfoWrapper {
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;


	padding: 10px 10px 10px 10px;
	border: 0px solid #000000;
    margin: 0px 0px 10px 0px;/* Top,Right,Bottom,Left */
	text-align: left;
	background-color: #ffffff;
	display: block;
	float: none;
    width: auto;

	}
	
#TopInfoHeader
{
	padding: 10px 0px 20px 0px;  /* Top,Right,Bottom,Left */
	border: 0px none #000000;
	margin: 0px 0px 0px 0px;
	background-color: #e0d9c7;
	display: inline;
	float: left;
	width: 40%;
	text-align: left;
}


 .TopInfoLabel
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #b10014;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

 .TopInfoText1
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}





#TopInfoDiv1 {
	padding: 0px 0px 0px 0px;  /* Top,Right,Bottom,Left */
	border: 0px none #000000;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	display: inline;
	float: left;
	width: 100%;	

	text-align: left;
	}
	
#TopInfoDiv2 {
	padding: 0px 0px 0px 0px;  /* Top,Right,Bottom,Left */
	border: 0px none #000000;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	display: inline;
	float: left;
	width: auto;	

	text-align: left;

	}




#TopInfoDiv3 {
	padding: 10px 10px 0px 20px;  /* Top,Right,Bottom,Left */	
	border: 0px none #000000;
	margin: 10px 0px 0px 0px;
	background-color: #ffffff;
	display: inline;
	float: left;
	width: auto;
	text-align: left;

	}













 .TopInfoText2
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}



 .TopInfoText3
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;

}



	
#SellInfoHeader
{
	padding: 10px 10px 20px 10px;  /* Top,Right,Bottom,Left */
	border: 0px none #000000;
	margin: 0px 0px 0px 0px;
	background-color: #f4f4f4;
	display: inline;
	float: left;
	width: auto;
	text-align: center;
}


 .SellLabel
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #b10014;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}





#FormWrapper {
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #000000;


	padding: 10px 10px 10px 10px;
	border: 0px solid #000000;
    margin:0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	background-color: #ffffff;
	display: block;
	float: none;
    width: auto;

	}
	
#FormHeader
{
	padding: 10px 0px 20px 0px;  /* Top,Right,Bottom,Left */
	border: 0px none #000000;
	margin: 0px 0px 0px 0px;
	background-color: #f4f4f4;
	display: inline;
	float: left;
	width: 100%;
	text-align: center;
}


 .FormLabel
{
    font-family: 'Source Sans Pro' ,arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    color: #b10014;
    margin: 0px 0px 0px 0px; /* Top,Right,Bottom,Left */
    border: 0px solid #ff00f0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}






@media (min-width: 480px) {

        .TopHeaderText
        {
            padding-left: 15%;
        }







    }

@media (min-width: 600px) {


	    
         .TopHeaderText
        {
            padding-left: 30%;
        }
        

        .clearfloatConditionalForm
        {
            clear: none;
            display: none;
        }

    #TopInfoDiv1 {

    	width: 45.53%;
	    }
    	
    #TopInfoDiv2 {
	    margin: 0px 0px 0px 10px;
    	width: 52.4%;


	    }

    }


@media (min-width: 780px) {



     #TopInfoDiv3 {
	    padding: 4% 20px 0px 30px;  /* Top,Right,Bottom,Left */
	    margin: 10px 0px 0px 0px;


	    }      
                
}




@media (min-width: 980px) {



    #TopInfoDiv1 {

	    width: 426px;


	    }
 

                
}