/**
 * Stylesheet for UTA
 *
 * @media	screen
 * @copyright	Netlash <http://www.netlash.com>
 * @author	Bram Van Damme <bramus@netlash.com>
 */

/**
 * = Global reset
 * ----------------------------------------------------------
 */
 
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		/* outline: 0; */
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	
	ol, ul {
		list-style: none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	
	em {
		font-style: italic;
	}
	
	strong {
		font-weight: 700;
	}
	
/**
 * = Clearfix
 * ----------------------------------------------------------
 */

	/* Modern Browsers */
	.clearfix:after, dl:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	/* IE6 */
	.clearfix, dl { 
		_display: inline-block;
	}
	
	/* IE7 */
	*:first-child+html .clearfix, *:first-child+html dl { 
		height: 1%;
	}
	
/**
 * = The form
 * ----------------------------------------------------------
 */
 
 	.signupform {
		width: 508px;
		font: 400 13px/16px "Trebuchet MS", Trebuchet, Arial;
		margin: 0 auto 0; /*remove this to not center the form! */
	}
	
	.signupform legend {
		color: #007CDF;
		font: 700 18px/24px "Trebuchet MS", Trebuchet, Arial;
	}
	
	.signupform dl {
		border-bottom: 1px solid #e4e5e7;
	}
	.signupform dl.line {
		border: 0px;
	}
	
	.signupform dl dt {
		width: 188px;
		padding: 10px 5px;
		float: left;
	}
	
	.signupform dl#pre {
		margin-top: 15px;
	}
	
	.signupform dl#pre dt {
		width: 498px;
		float: none;
		padding: 5px;
	}
	
	.signupform dl.vkl dt {
		width: 498px;
		float: none;
		text-align: justify;
	}
	
	.signupform dl#pre dt#pre_other {
		text-align: center;
		background: #007CDF;
		text-align: center;
		color: #fff;
		font-size: 12px;
	}
	
	.signupform dl#pre dt#pre_required {
		text-align: right;
		font-size: 11px;
	}
	
	.signupform .req {
		color: #f00;
	}
	
	.signupform .add {
		color: grey;
	}
	
	.signupform dl dd {
		width: 300px;
		padding: 10px 5px;
		float: left;
	}
	
	.signupform small {
		display: block;
		font-size: 10px;
	}
	
	.signupform .text, .signupform textarea, .signupform select {
		width: 290px;
		height: 18px;
		padding: 0 0px;
		font: 400 12px/18px "Trebuchet MS", Trebuchet, Arial;
		border: 1px solid #007CDF;
		color: #000;
	}
	
	.signupform textarea {
		height: 54px;
		width: 292px;
		padding: 0;
	}
	
	.signupform select {
		padding: 0;
		height: 20px;
	}
	
	.signupform #birthday_day {
		width: 74px;
	}
	
	.signupform #birthday_month {
		width: 124px;
	}
	
	.signupform #birthday_year {
		width: 87px;
	}
	
	.signupform #buttons {
		text-align: center;
		padding: 14px 5px;
	}
	
	.signupform .button {
		color: #FFF; /*#333*/
		background: #007CDF; /*#e4e5e7*/
		height: 22px;
		font: 400 12px/20px "Trebuchet MS", Trebuchet, Arial;
		border: 2px outset #FFF; /*solid #333*/
	}
	
	.signupform .button:hover {
		background: #99CCFF; /*#007CDF*/
		color: #007CDF; /*#fff*/
	}
	
	
/**
 * = Firefox Fixes - The Classics!
 * ----------------------------------------------------------
 */

	@-moz-document url-prefix() {

		/* enforce scrollbar */
		body {
			overflow: -moz-scrollbars-vertical;
		}

		/* Link outlines */
		*:-moz-any-link {
			overflow: hidden;
		}

		/* CSS disappearing caret fix */
		input[type="text"], input[type="password"], textarea {
			overflow: auto;
		}
  
	}