a img {border: none;}

#trail {padding-left: 10px; padding-top: 5px; width: 100%; float: left;}
#paper
	{
	text-align: center;
	color: gray;
	font-weight: bold;
	font-size: 16px;
	display: block;
	background-color: #F7F4E9;
	border-top: 1px solid #DFDFDF;
	margin-top: 2px;
	text-align: left;
	padding: 10px;
	}

#glitter label
	{
	float: left;
	width: 110px;
	}
#glitter br {clear: left;}
#loadedImage
	{
	width: 250px;
	height: 250px;
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(../images/preview.gif);
	}
#loadedImage_Text
	{
	width: 250px;
	margin-left: 454px;
	position: absolute;
	margin-top: 0px;
	text-align: center;
	font-size: 24px;
	}
#footer
	{
	background-repeat: repeat-x;
	height: 33px;
	text-align: left;
	}
#credit
	{
	width: 100%;
	text-align: center;
	background-color: #E5F2FF;
	color: gray;
	font-size: 10px;
	}

.result
	{
	background-color: #333;
	outline: 1px dashed #DEDCD5;
	border: 5px solid white;
	padding: 0px;
	margin: 0px auto;
	}
#glitter_type
	{
	width: 250px; 
	height: 250px; 
	position: absolute; 
	top: 0px; left: 0px;
	}
.glitterType
	{
	width: 100px;
	height: 100px;
	background-color: #333;
	outline: 1px dashed #DEDCD5;
	border: 5px solid white;
	padding: 0px;
	}
.glitterType:hover
	{
	border: 5px solid silver;
	}

.fleft {float: left;}
.fright {float: right;}
.aleft {text-align: left;}
.acenter {text-align: center;}
.clear {clear: both;}
.noMargin {margin: 0px;}
.hide {display: none;}
.rMargin {margin-right: 15px;}
.lMargin {margin-left: 15px;}
.indent {padding-left: 15px;}

/* ////////////////// */

.code {
	padding: 20px;
	}

.codetitle {
	background: #c7d6db;
	width: 7%;
	text-align: center;
	font-weight: bold;
	padding: 2px;
	}

.codebox {
	border: 1px solid #c7d6db;
	padding: 2px;
	}
.codebox textarea{
	width: 100%;
	}