/* CPC PAGES */
.listing_header_title {
	margin:0px 0px 10px 0px;
	font-size:22px;
	font-weight:bold;
}


.border {
	padding:10px 0px;
	border-top:1px solid #b2b2b2;
}


.listing {
	border:1px solid #fff;
	margin:0px 0px 10px 0px;
	border-radius: 4px;
	margin:10px 0px;
	padding:10px;
}
/* This is more of an active class in mobile then a hover */
.listing_hover { 
	border:1px solid #0055af;
	background-color:#f2f6fb;
	border-radius: 4px;
}

.listing * {
	margin:0px;
	padding:0px;
}
.listing td {
	vertical-align:top;
}


.listing .listing_title {
	font-size:18px;
	padding-left:10px;
	vertical-align:bottom;
	color:#0059b8;
}
.listing .listing_title a {
	text-decoration:underline;
	font-size:18px;
}
.listing .listing_title a:hover {
	text-decoration:none;
}

.listing .description {
	padding:10px 0px 0px 20px;
	color:#454545;
}
.listing .description a {
	color:#454545;
	font-size:12px;
}
.listing .description li {
	margin:3px 0px;
	list-style:outside square;
}


.collect_form span,
.listing span,
.listing_header_title span {
	color:#ff6a06;
}


/* Collect form data */
.collect_form {
	border:1px solid #dedede;
	background-color:#f2f2f2;
	border-radius: 4px;
	padding:15px;
	margin-bottom:20px;
}
.collect_form .zip_box {
	outline:none;
	border:none;
	background:transparent;
	text-align:center;
	font-size:14px;
	color:#666666;
	padding:10px 5px 10px 5px;
	border-radius: 4px;
	border:1px solid #dedede;
	float:left;
	background-image: url('/images/update_zipcode_bg.jpg');
	background-position:top;
	background-repeat:repeat-x;
}
.collect_form .description h2{
	margin:0px;
}
.collect_form .data_form {
	padding-top:20px;
}



/* View Port Changes */
@media all and (min-width: 320px){
	.collect_form .zip_box {
		width:65px;
		margin:0px 10px 0px 0px;
	}
}

@media all and (min-width: 480px){
	.collect_form .zip_box {
		width:150px;
		margin:0px 20px 0px 0px;
	}
}

@media all and (min-width: 768px){
	.top_security,
	.loading {
		padding-top:30px;
	}
	.collect_form .description {
		float:left;
		width:55%;
	}
	.collect_form .data_form {
		float:left;
		padding:0px 0px 0px 10px;
	}
	.collect_form .zip_box {
		float:left;
		margin:0px 10px 0px 0px;
		width:100px;
	}
	.collect_form .button {
		float:left;
	}
}

@media all and (min-width: 960px){
	.collect_form .description {
		float:left;
		width:55%;
	}
	.collect_form .data_form {
		float:left;
		padding:0px 0px 0px 20px;
	}
	.collect_form .zip_box {
		float:left;
		margin:0px 10px 0px 0px;
		width:130px;
	}
	.collect_form .button {
		float:left;
	}
}