/* Media: Screen */
@media screen {

	/* YUI Reset */
	html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
		margin:0;
		padding:0;
	}
	div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
		position:relative;
		z-index: 10;
	}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	address,caption,cite,code,dfn,em,strong,th,var {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul {
		list-style:none;
	}
	caption,th {
		text-align:left;
	}
	h1,h2,h3,h4,h5,h6 {
		font-size:100%;
		font-weight:normal;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { border:0;
	}
	
	/* Personal Reset */
	body {
		background-image: url('http://store.thespiritx.com/background/greysquares.png');
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	img {
		border: 0 none;
	}
	textarea {
		font-size: 10px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	em {
		font-style: italic;
	}
	strong {
		font-weight: bold;
	}
	
	a {
		color: #DE5B05;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	h1 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 10px;
	}
	h2 {
		font-size: 12px;
		font-weight: bold;
		margin: 10px 10px 0;
	}
	h3 {
		font-size: 12px;
		font-style:italic;
		margin: 2px 10px 10px;
	}
	h4 {
		color: #fff;
		font-size: 12px;
		background-color: #DE5B05;
		margin: 0 10px;
		padding: 5px;
	}

	hr {
		border-top: 0px none;
		border-left: 0px none;
		border-right: 0px none;
		border-bottom: 1px solid #411400;
		
		height: 1px;
		
		margin: 0 10px;
	}
	
	ul {
		margin: 10px 10px;
	}
	
	.hold {
		margin: 0px;
		padding: 0px;
		height: 1px;
	}
	.hidden {
		display: none;
	}
	
	#afterrun { display:none; }
	
	#work {
		position: relative;
		margin: 50px auto;
		background-color: #FFFFFF;
		width: 600px;
	}
	#work input.single {
		margin: 10px;
		font-size: 20px;
		line-height: 25px;
		width: 400px;
		height: 25px;
	}
	#work textarea {
		margin: 10px;
		width: 400px;
		height: 150px;
	}
	#work textarea#exit {
		width: 580px;
	}
	#work div#exit {
		width: 580px;
		margin: 10px auto;
	}
	#work input.submit {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 165px;
		height: 125px;
	}
	#work input.singlePlus {
		position: absolute;
		top: 10px;
		right: 155px;
		width: 20px;
		height: 25px;
	}
	#work input.singleSubmit {
		position: absolute;
		top: 10px;
		right: 10px;
		width: 165px;
		height: 25px;
	}
	#work input.wPlus {
		width: 135px;
	}
	#work input.reset {
		position: absolute;
		top: 135px;
		right: 10px;
		width: 165px;
		height: 30px;
	}
	#work input.doubleReset {
		top: 55px;
	}
	
	#decode_form, #straight_link_form {
		position: relative;
	}
	
	.code {
		margin: 10px;
		padding: 10px;
		border: 1px dashed #999999;
		background-color: #efefef;
		font-size: 12px;
	}
	
	.errorbox {
		border: 1px solid #FF0000;
		background-color: #FFF500;
		position: relative;
		text-align: left;
		margin: 10px;
	}
	.errorbox .header {
		font-size: 10px;
		font-weight: bold;
	}
	.errorbox .cleancount {
		position: absolute;
		top: 5px;
		right: 5px;
		margin: 0px;
		padding: 0px;
		line-height: 10px;
	}
	.errorbox .cleancount .content {
		text-align: right;
		font-weight: bold;
		margin: 1px 0 0;
		font-size: 12px;
		line-height: 12px;
	}
	.errorbox .functionlist {
		text-align:left;
		position: relative;
		margin: 5px;
		width: 500px;
	}
	
	.finalheader {
		margin: 0px 10px 0px 10px;
	}
	
	.example {
		margin: 5px 0;
		padding: 10px;
		background-color: #efefef;
		border: 1px solid #343434;
	}
}