/*
	ncvp_cas_form.css
	grep obvious selectors with % grep xxxx -ri --include=*.{js,php,css} winxp/apache/htdocs/wp/test/wp-content/plugins/ncvp-cas-talks
	Eliminate unused. Prefix classes and ids with ncf-
*/

/* Fixes ellipsis in dialogue title */
.ui-dialog .ui-dialog-title {
	white-space: normal;
}

/* Person form */
div.ncf-pers h1 {
	color: #444;
	margin-top: 1.5em;
}

div#ncf-sec-tnc {
	background-color: #faa;
	border-radius: 15px;
	padding: 10px 20px;
	font-family: "Comic Sans MS", "Comic Neue", sans-serif;
	font-size: 150%;
	line-height: 150%;
	width: 60%;
	margin: auto;
	float: center;
}

/* HACK tidy */
#ncf-sec-dev button,
#ncf-sec-pchsr button,
#ncf-sec-member button,
#ncf-sec-result-mship button,
#ncf-sec-declr button,
#ncf-sec-decltn button,
#ncf-sec-paymnt button,
#ncf-sec-cpayer button {
	border-radius: 7px;
	padding: 0 5px;
	background-color: #ccc;
	color: #000;
	margin: 2px;
}

#ncf-sec-cpayer input,
#ncf-sec-cpayer select,
#ncf-sec-member select {
	height: 1.5em;
	display: inline-block;
	padding: 0 10px;
}

#ncf-sec-dev button {
	background-color: #f00;
	color: #fff;
}

div#ncf-sec-payer div input,
div#ncf-sec-cpayer div input,
div.ncf-pers td input,
div.ncf-pers td textarea {
	padding: 0 10px;
}

#ncf-sec-member label { 
	padding-left: 30px;
	display: inline-block;
}

/* 
	Paypal buttons, and particularly the credit card form were too narrow on mobile
	The width used to be specified in get_sec_payment() in cas_form_fns.php
	Move it here, so 30% is increased to 100% on screens less than 600px wide
*/

div#ncf-paypal-button-container {
	width: 30%;
}

@media (max-width: 700px) {
	div#ncf-paypal-button-container {
		width: 100%;
	}
}