/* ----------------------------------------------------------------
 * Buy and Sell
 * ---------------------------------------------------------------- */
.clearFix {
	clear:both;
}
::-webkit-input-placeholder {
   color: #9F9F9F;
}
:-moz-placeholder { /* Firefox 18- */
   color: #9F9F9F;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #9F9F9F;
}
:-ms-input-placeholder {  
   color: #9F9F9F;
}


/* PLACEHOLDER */
.buyandsell.topopup, .buyandsell.nopop {
	display:block; 
	width:100%; 
	height:100%; 
	color:#CCC;	
	background: #EEE;
}

	.buyandsell.topopup table, .buyandsell.nopop table {
		line-height: 1;
		width:100%; 
		height:100%; 
	}
		.buyandsell.topopup table td, .buyandsell.nopop table td {
			text-align:center; 
			padding:0;
			vertical-align: middle;
		}


/* POPUP CONTENT */
.buyandsell.toPopupCont {
	line-height: 1.5;
}
	.buyandsell.toPopupCont .holder_container {
		background: #F3F3F3;
		border:solid 1px #EDEDED;
		height: 100%;
  		overflow-y: scroll;
	}
		.buyandsell.toPopupCont .holder_container .inner {
			padding:10px;
		}
	
	.buyandsell.toPopupCont p {
		margin: 0px 0px 10px !important;
	}
	.buyandsell.toPopupCont h3 {
		margin: 0 0 10px !important;
		font-weight: normal;
	}
	.buyandsell.toPopupCont .ad_info_container {
		background:#FFFFDD; 
		border:solid 1px #EDEDED;
		padding:20px 10px;
	}
		.buyandsell.toPopupCont table {
			line-height: 1;
			width:100%; 
			height:100%; 
			margin: 0;
			border: none;
		}
			.buyandsell.toPopupCont table td {
				vertical-align: middle;
				border: none;
				padding: 0;
			}
				.buyandsell.toPopupCont table td .info {
					color: #666666;
					padding: 2px 0;
				}
				.buyandsell.toPopupCont table td .value {
					color: #3D3D3D;
					font-size: 16px;
				}
				.buyandsell.toPopupCont table td .price {
					color: #78BF3E;
				}
				.buyandsell.toPopupCont .bs_buy_now_btn {
					color: #FFF !important; 
					border: 1px solid #53951D; 
					background-color: #78BF3E; /* #60AA24 */
					background-image:none;
					border-radius: 2px;
					-webkit-border-radius: 2px;
					-moz-border-radius: 2px;
					text-decoration:none;
					padding:3px 10px;
					cursor:pointer;
					text-decoration:none;
				}
				.buyandsell.toPopupCont .bs_buy_now_btn:hover {
					background-color: #60AA24;
				}
				.buyandsell.toPopupCont .bs_submit_btn.disabled {
					opacity: .4;
					cursor:default;
					display: inline;
				}
				.buyandsell.toPopupCont .bs_submit_btn.disabled:hover {
					background-color: #78BF3E;
				}
		

.buyandsell.toPopupCont .user_info {
	padding: 10px;
	background: #FFF;
	border:solid 1px #EDEDED;
	margin: 10px 0;
	position:relative;
}
	.buyandsell.toPopupCont .user_info .loading {
		display:none;
		font-size: 18px;
		margin: 0 0 0 15px;
	}
	.buyandsell.toPopupCont .user_info .login_box {
		float:left;
		width: 45%;
		padding: 0 4% 0 0;
	}
		.buyandsell.toPopupCont .user_info .login_box p.login_info {
			line-height: 12px;
			font-size: 11px;
			color: #666;
		}
		.buyandsell.toPopupCont .user_info .login_box input {
			width: 85%;
			border: solid 1px #E1E1E1;
		}
	
	
		

/* ----------------------------------------------------------------
 * POPUP
 * ---------------------------------------------------------------- */
#backgroundPopup {
    z-index:1;
    position: fixed;
    display:none;
    height:100%;
    width:100%;
    background:#FFF;
    top:0px;
    left:0px;
}
.toPopupCont {
    /*border: 10px solid #ccc;*/
    
    color: #333333;
    display: none;
    font-size: 14px;
    position: fixed;
    z-index: 9999;
	width: 100%;
	height:100%;
	left: 0;
	top: 10%; /* 50%*/
	/*margin-top: -135px;*/
	/*padding: 20px;*/
}

.toPopupCont div.close_popup {
    background: #C30021;
	color:#FFF;
	text-align:center;
    cursor: pointer;
    height: 20px;
	width:20px;
    position: absolute;
    right: 5px;
    top: 5px;
	font-size: 12px;
	font-weight:bold;
	z-index: 9999;
	/*border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;*/
}
	.toPopupCont div.close_popup span {
		padding: 0px;
		display: inline-block;
		line-height: 1;
	}

.toPopupCont div.popup_content {
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 3px 3px 3px 3px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	width:75%;
	height:80%;
	overflow-y:scroll;
	padding: 5px;
	margin: 0 auto;
	position:relative;
    /* remove this comment if you want scroll bar
    overflow-y:scroll;
    height:200px
    */
}	


#pro_ads_buyandsell_order_page.toPopupCont {
	display:inline;
	position:relative;
}
#pro_ads_buyandsell_order_page.toPopupCont div.popup_content {
	width:100%;
	margin:0;
}




/* ----------------------------
    TABS
------------------------------- */
.banner_option_btn {
	cursor:pointer;
	background:#2A2A2A;
	display: inline-block;
	padding:10px;
	color:#FFF;
}
.banner_option_btn.selected {
	background:#EFEFEF;
	color:#2A2A2A;
}
.banner_selector_option {
	padding:10px;
	background:#EFEFEF;
}







/*----------------------------
    Stripe Credidcard form
-----------------------------*/
.buyandsell.toPopupCont table.stripe_creditcard_form {
	border:none;
	width:100%;
}
	.buyandsell.toPopupCont table.stripe_creditcard_form td {
		padding:5px;
		position:relative;
	}
	.buyandsell.toPopupCont table.stripe_creditcard_form td.label {
		width:20%;
	}
	
		.cvc_ex{
			display:inline-block;
			width:35px;
			height:25px;
			background:url(../../images/cvc.png) no-repeat;
			background-size:cover;
			margin: 0 5px;
			position: absolute;
			bottom: 4px;
		}







/*----------------------------
    The file upload form
-----------------------------*/
#buyandsell-ul-list,
    #buyandsell-ul-list li {
        margin: 2px;
        padding: 2px;
		list-style:none;
    }

    #buyandsell-ul-list li {
        display: inline-block;
        background: #FFFFFF;
    }
		#buyandsell-ul-list li img {
			border-radius:0;
			box-shadow:none;
			max-width:100%;
			height:auto;
		}

    .action-delete {
        background: none repeat scroll 0 0 #F2F2F2;
        border: 1px solid #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 3px 8px;
        text-decoration: none;
    }

    .buyandsell_button {
        border: 1px solid #CCCCCC;
        border-radius: 5px 5px 5px 5px;
        color: #333333;
        font-weight: bold;
        margin: 5px 0 15px;
        padding: 3px 8px;
        text-decoration: none;
    }







/*
 * Loading Dots - CSS version
*/
@-webkit-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@-moz-keyframes opacity {
	0% { opacity: 1; }
	100% { opacity: 0; }
}

.loading_dots {
	text-align: center; 
	margin: 100px 0 0 0;
}

.loading_dots span {
	-webkit-animation-name: opacity;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	
	-moz-animation-name: opacity;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: infinite;
}

.loading_dots span:nth-child(2) {
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
}

.loading_dots span:nth-child(3) {
	-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
}