/*PADDING AND MARGIN STUFF*/
* {margin: 0px;padding: 0px;}
html{overflow-y: scroll;}
html, body {height:100%;}


/*FONT IMPORT*/
@font-face {font-family: Tempus;src: url("tempus.eot")} /* EOT file for IE */
@font-face {font-family: Tempus;src: url("tempus.ttf")} /* TTF file for CSS3 browsers */


/*OVERALL CONFIGS*/
hr {height: 0; border-collapse: collapse; display: none;}
a{text-decoration: none; color: #81A503}
a:hover{color: #999;}
p {margin: 10px 0px;}


/*BODY*/
body{background: #FFF;font-family: 'Trebuchet MS', arial;font-size: 12px;color: #666;margin: 0px;padding: 0px;}
	body:before, body:after{display: block;position:fixed;top:0;width: 255px; height: 100%;content:'.';text-indent:-9999px;background: url('../images/backgrounds/body.png') repeat-y 0px 0px;}
	body:before{left:0;background-position:-255px 0;}
	body:after{right:0;}


/*SHADOWS*/
#content {-moz-box-shadow: 4px 4px 6px #888;-webkit-box-shadow: 4px 4px 6px #888;box-shadow: 4px 4px 6px #888;}


/*LAYOUT*/
#container, #footer {position: relative;margin: 0px auto;width: 750px;z-index: 1;}
#footer {height:20px;}
#footer address {display:block;padding-top:3px;width:100%;font-style:normal;text-align:center; font-family: Tempus, 'Trebuchet MS';}


/*HEADER*/
#header {height:110px;}
	#header h1 {position:relative;top:20px;}
	#header h1 a {display: block;width: 580px; height: 60px;background: url('../images/other/logo.png') no-repeat;text-indent: -9999px;margin: auto;}
	#header h2 {position:relative;top:15px; text-align: center;color: #999999;font-style: italic;font-family: Tempus, 'Palatino Linotype', 'Trebuchet MS', Verdana, Arial;font-size: 16px;}


/*CONTENT*/
#content {position: relative; min-height: 400px;background: transparent url('../images/backgrounds/content.png');border: 1px solid #C5C5C5;padding: 10px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
	/*redo padding for top/bottom ads*/
	#content {padding-top: 25px; padding-bottom: 145px;}
	
	/*textual stuff*/
	p.intro {border-top: 2px solid #EEE; padding-top: 10px; margin-bottom: 0px; text-align: center;}

	/*form styling*/
	fieldset {border: 0;}
	
	/*data input*/
	#myinput {position: relative;padding: 10px;}
	#myinputlabel {display: none;}
	#myinputfield {padding: 20px 33px 20px 20px;width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	#myinputfield {color: #0064D4;font-family: Tahoma, arial; font-size: 20px; text-align: center;background: #F6F6F6 url('../images/backgrounds/xbackgrounds.png') repeat-x 0px 0px;border: 1px solid #C0C0C0;}

		/*CSS3 styling*/
		#myinputfield {-moz-box-shadow: 2px 2px 4px #888;-webkit-box-shadow: 2px 2px 4px #888;box-shadow: 2px 2px 4px #888;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

		/*inputfield txt change*/
		.myinputfield {cursor: text;}
		.txtboxgrayed {cursor: pointer;}

	/*data output*/
	.myoutput {padding: 10px;}
	.myoutputlabel {display: none;}
	.myoutputfield {padding: 5px 20px;width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
	.myoutputfield {font-family: Tahoma, arial;font-size: 14px;color: #666; text-align: center;background: #F6F6F6 url('../images/backgrounds/xbackgrounds.png') repeat-x 0px 0px;border: 1px solid #C0C0C0;}
		/*CSS3 styling*/
		.myoutputfield {-moz-box-shadow: 2px 2px 4px #888;-webkit-box-shadow: 2px 2px 4px #888;box-shadow: 2px 2px 4px #888;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	
	/*generate button*/
	#generate {padding: 10px;}
	#generate input {display: block;margin: auto;width: 170px; height: 46px;border: 1px solid #FFF;background: url('../images/backgrounds/xbackgrounds.png') repeat-x 0px -104px;}
	#generate input {font-family: Tempus; font-size: 28px; color: #FFF;font-weight: bold;cursor: pointer;}
	#generate input:hover, #generate input:focus {background-position: 0px -150px;}

		/*CSS3 styling*/
		#generate input {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;-moz-box-shadow: 2px 2px 2px #888;-webkit-box-shadow: 2px 2px 2px #888;box-shadow: 2px 2px 2px #888;}

	/*empty field icon*/
	#emptyme {display: block; position: absolute; right: 20px; top: 33px; width: 20px; height: 20px;background: url('../images/icons/empty.png') no-repeat;text-indent: -9999px; cursor: pointer;}
	#mirrorme {display: block; position: absolute; left: 20px; top: 33px; width: 20px; height: 20px;background: url('../images/icons/mirror.png') no-repeat;text-indent: -9999px; cursor: pointer;}


/*ADS*/
#ad728x90 {position: absolute; bottom: 10px;width: 728px; height: 90px; border-top: 2px solid #EEE; padding-top: 10px;}
#ad728x15top {position: absolute; top: 10px;width: 728px; height: 15px;background: #EEE;}
#ad728x15bottom{position:absolute;bottom:120px;width:728px;height:15px;padding-top:10px;}