/* --- Confirm Page --- */


.confirm_wrapper, .rejected {
	margin:20px auto 30px;
	text-align:center;
	padding:20px;	
	/*background-color:#efefef;*/
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);
	
}

.gradient {
	/* fallback */

/*	background-color: #D1E2E0;
	background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D1E2E0), to(#ffffff));
	background: -webkit-linear-gradient(top, ##D1E2E0, #ffffff);
	background: -moz-linear-gradient(top, ##D1E2E0, #ffffff);
	background: -ms-linear-gradient(top, ##D1E2E0, #ffffff);
	background: -o-linear-gradient(top, ##D1E2E0, #ffffff);*/
	border:solid 1px #e5e5e5\9;
	
}

.confirm_wrapper h1 {
	font-size:27px;
	color:#0046a5;
	margin:0px 0px 10px 0px!important;
}

.confirm_wrapper h1 span {
	font-weight:bold;
}

.rejected h1 {
	font-size:25px;
	font-weight:normal;
	color:#bd0000;
	margin:0px 0px 5px 0px;
}


.confirm_wrapper p, .rejected p {
	font-size:15px;
	line-height:17px;
	color:#333333;
	margin:0px!important;
}



.call {
	display:inline-block;
	margin:20px 0px 0px 0px;
}

.call .call-info {
	float:left;
}

.call .call-info img.call-arrow {
	margin:20px 5px 0px;
}

.call .call-info .numbers {
	margin:0px;
}

.call .call-info .numbers .call-box {
	text-align:left;
	text-shadow: 0px 1px 0px  #ffffff;
	padding:15px 0px 0px 70px;
}

.call .call-info .numbers .call-box p.number_type {
	color:#757575;
	font-size:15px;
	margin-bottom:5px!important;
}

.call .call-info .numbers .call-box p.phone_number {
	color:#333333;
	font-size:24px;
	font-weight:bold;
}

.call .call-info .numbers .from {
	background:url('/shared/images/call-from-bg.png');
	width:272px;
	height:81px;
}

.call .call-info .numbers .to {
	background:url('/shared/images/call-to-bg.png');
	width:272px;
	height:81px;
}

#additional_rates {
	background-color:#ffeb87;
	padding:15px 30px;
	margin:0px auto 20px;
}

#additional_rates p {
	font-style: italic;
	font-size:15px;
	line-height: 17px;
}

#additional_rates p span {
	font-style: italic;
	font-weight:bold;
	font-size: 20px;
	line-height:20px;
	margin-bottom:5px;
}


/*-- FEED --*/


    #ppc_wrapper {
        width:auto!important;
        height: 100%;
        background-color: #ffffff;
        margin: 18px auto 0px auto;
        border: 1px #e3e3e3 solid;
		padding: 10px;
    }

    /*Horizontal Dotted Line Styles*/
    .listing_box.dotted_line {
        border-bottom: 1px #b0afaf dotted;
        cursor:pointer;
        padding: 27px 0px 10px 0px;
    }
    .listing_box.dotted_line:hover {
        cursor: pointer;
        background-color:#feffc4;
    }
    .listing_box.dotted_line .thumbnail {
        padding-left: 15px;
        float: left;
        width: 125px;
    }
    .listing_box.dotted_line .listing_info {
        width: 60%!important;
        margin-left:0px!important;
        float: left;
		padding:0px 20px 0px!important;
    }
    .listing_box.dotted_line .listing_info ul {
        padding: 0 0 0 15px;
        font-size: 14px;
        margin: 0;
        color: #353535;
    }
    .listing_box.dotted_line .listing_info label {
        color:#3666b5;
        font-size:24px;
        line-height:24px;
        margin:0 0 5px 0;
        font-family:Helvetica, Arial, sans-serif!important;
        display: inline-block;
    }
    .listing_box.dotted_line .listing_info label:hover {
        text-decoration:underline;
        cursor: pointer;
    }
    .listing_box.dotted_line .listing_info p {
        color:#353535;
        font-size:14px;
        font-weight:normal;
        line-height:17px;
        margin:0px;
        padding-bottom:5px;
    }
    .listing_box.dotted_line .listing_info span.more {
        color:#1e51a5;
        line-height:30px;
    }
    .listing_box.dotted_line .listing_info span.more:hover {
        text-decoration:underline;
    }
    .listing_box.dotted_line .button {
        width:140px;
        height: 68px;
        margin:0px;
        padding-right: 15px;
        float: right;
    }
    .clear {
        clear:both;
    }
    .disabled {
        cursor: default !important;
    }

	/*------- Personalized Feed Header -------*/

	#feedHeaderBox {
		padding-top:12px;
		padding-bottom:12px;
		margin-bottom:50px;
	}

	#feedHeaderBox .headline {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f2f2+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #f1f2f2 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f2f2)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#f1f2f2 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#f1f2f2 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f2f2',GradientType=0 ); /* IE6-9 */
		padding-top: 5px;
		padding-bottom: 15px;
		width:96%;
	}

	#feedHeaderBox .headline p {
		color:#0A86FF;
		font-size:30px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		margin-bottom:0px;
		line-height:34px;
	}

	#feedHeaderBox .end {
		margin-right:0px!important;
	}

	#feedHeaderBox .subHeadline {
		color:#000000;
		font-size:14px;
		line-height:17px;
		text-align:center;
		margin-top:20px;
	}

	#feedHeaderBox .infoSection {
		background-color:#ffffff;
		width:650px;
		margin:0px auto;
	}

	#feedHeaderBox .infoSection ul {
		list-style-type:none;
		padding:6px 30px;
		margin-bottom:0px;
		font-size:14px;
		text-transform:uppercase;
	}

	#feedHeaderBox .infoSection ul li {
		display:inline-table;
		margin-right:8%;
		margin-bottom:10px;
	}

	#feedHeaderBox .infoSection ul li span {
		display:block;
		font-weight:bold;
		text-transform:capitalize;
		font-size:16px;
	}

	#feedHeaderBox .infoSection ul .location {
		width:250px;
	}


/* ------- 500px wide and less -------*/
@media screen and (max-width: 768px) {
	.confirm_wrapper h1 span {
		display:block;
	}
	.call .call-info {
		float:none;
	}
	.listing_box.dotted_line .listing_info ul {
        padding: 0 0 0 15px;
        font-size: 12px;
        margin: 0;
        color: #353535;
    }
	
	
	
}




/* ------- Feed only 768px wide and less -------*/
@media screen and (max-width: 768px) {
	.confirm_wrapper, .rejected {
		margin:20px auto 30px;
		background-color:#efefef;
		text-align:center;
		/*box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.4);*/
	}
	.gradient {
		/* fallback */
		background:none!important;
	}
	.call .call-info img.call-arrow {
		display:none;
	}
	#ppc_wrapper {
        border:none!important;
		margin-top:0px!important;
    }
	.listing_box.dotted_line .thumbnail {
        padding-left:0px!important;
        float:none!important;
        width:auto!important;
    }
	.listing_box.dotted_line .listing_info {
        width:100%!important;
        margin-left:0px!important;
        float:none!important;
		padding:0px!important;
    }
	.listing_box.dotted_line .button {
        float:none!important;
    }
	.listing_box.dotted_line .listing_info label {
        font-size:20px!important;
        line-height:22px!important;
    }
	.listing_box.dotted_line .listing_info p {
        font-size:12px!important;
        line-height:15px!important;
    }
	#feedHeaderBox .headline {
		width:100%;
	}
	#feedHeaderBox .headline p {
		font-size:22px;
		line-height:27px;
	}
	#feedHeaderBox .infoSection {
		background-color:#ffffff;
	}
	#feedHeaderBox .infoSection ul .location {
	    width: 100%;
	}
	#feedHeaderBox .infoSection ul li {
	    margin-right: 6%;
	}
	#feedHeaderBox .infoSection ul {
	    font-size:12px;
	}
	#feedHeaderBox .subHeadline {
	    text-align: left;
	    padding-left: 15px;
	    padding-right: 15px;
	}
}