/* 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, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, 
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		color: white;
		font: inherit;
		vertical-align: baseline;
		}
	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, menu, nav, section {
		display: block;
		}
	body {
		line-height: 1;
		}
	ol, ul {
		list-style: none;
		}
	blockquote, q {
		quotes: none;
		}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
		}
	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
input[type=button], input[type=submit]
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
}

	/* Page Styles */
	
	body {
		font-family: "Trebuchet MS", Tahoma, Helvetica, Arial;
		font-size: 16px;
		background: rgb(62, 28, 78);
		-webkit-font-smoothing:antialiased;
		text-rendering:optimizeLegibility;
		margin:0 auto;
		}
	
	#content {
		margin: 2em auto;
		max-width: 440px;
		padding: 1em 0 2em;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
		
img {
    max-width: 100%
}

h1
	{
		font: normal 18px/1 Verdana, Helvetica;
		margin: 0 0 15px 0;
	}

	@media screen and (min-width: 600px) {
		#content {
			margin: 1em auto;
			padding: 1em 0;
			}
		}

	p {
		line-height: 1.4em;
		margin: 1em 0;
		}

#data {
    border: 1px solid #0D475E;
    border-radius: 5px 5px 5px 5px;
    color: #333333;
    margin: 10px 0 5px;
    padding: 10px;
    width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
}

#header img 
{
	margin:0px auto;
	display:block;
	padding: 0 0 2em;
}
fieldset {
	border: none;
	display: block;
}
label {
  display: block;
  margin: 0 15px 0.4em 5px;
}
input[type=text] {
		background-color: #ECECEC;
		border: 1px solid #ccc;
		border-radius: 4px;
		margin: 0 5px 5px;
		padding: 15px 5px;
		background-image: -webkit-linear-gradient( rgba( 0, 0, 0, 0.15 ), rgba( 255, 255, 255, 0 ) 3px );
		background-image: -moz-linear-gradient( rgba( 0, 0, 0, 0.15 ), rgba( 255, 255, 255, 0 ) 3px );
		background-image: linear-gradient( rgba( 0, 0, 0, 0.15 ), rgba( 255, 255, 255, 0 ) 3px );
		outline: none;
		font-size: 110%;
		width: 80%;
}
#inputs input:focus {
		/*background-color: #fff;*/
		border-color: rgb(76, 132, 177);
		outline: none;
}

.ui-btn {
   background-color: rgb(243, 241, 209);
   padding: 7px 12px;
   border-radius: 4px;
   border-style: solid;
   border-width: 1px;
   border-color: rgb(70, 125, 172);
   color: #080808;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   margin: 5px 0 0 5px;
   cursor: pointer;
}

.ui-btn-inline {
    display: inline-block;
    vertical-align: middle;
}

/* Media queries
------------------------------ */
		
@media screen and (max-width: 480px) {

	#data img {
		padding: 0 0 1em;
	}
	
	#content {
		margin: 0 8px;
		padding: 0;
	}
}