/* Chatcreator.com Chatbox Registration Page Style Sheet */

/* Generic */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	color: #fff;
	background: #383838;
	font-size: 62.5%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: relative;
	height: 100%;
	margin-bottom: 1px;
}

#badge {
	position: absolute;
	top: 29px;
	left: 15px
}

a {
	color: #8dc63f;
	text-decoration: underline;
}

a:hover {
	color: #c2ff00;
}

p {
	font-size: 1.6em;
	line-height: 1.3;
	margin: 0.8em 0;
}

code {
	display: block;
	width: 698px;
	border: 1px solid #bbb;
	padding: 10px;
	background: #5b5b5b;
	font-size: 1.5em;
	font-family: "Courier New", Courier, monospace;
	overflow: auto;
}

code:hover {
	border: 1px solid #8dc63f;
}


/* Header */

#header {
	width: 100%;
	height: 239px;
	background: url(images/header.gif) left top repeat-x;
}

#header h1 a {
	margin: 0 auto;
	display: block;
	height: 217px;
	width: 339px;
	background: url(images/logo.gif) left top;
	z-index: 1;
}

#header h1 span {
	display: none;
}

#info {
    background: #ffffce;
	border: 2px solid #dbdb99;
	border-left: none;
	border-right: none;
	color: #000;
	padding: 1em;
	margin: 0;
}


/* Heading */

h2 {
	font-family: Arial, Helvetica, sans-serif;
	margin: 30px 0 13px 0;
	font-size: 3.3em;
}

.step {
	margin-bottom: 1.4em;	
}

/* Content */

#wrap {
	width: 700px;
	margin: 0 auto;
}


/* Options */

#options {
	width: 48%;
	float: right;
}

	#options ul {
		list-style: none;
		padding: 1em 0 0 0;
	}
	
	#options li {
		padding: 0 0 1.5em 0;
	}

h3 {
	font-size: 2em;
	line-height: 1.2;
	color: #8dc63f;
	font-weight: normal;
	margin-top: 0;
}

.done h3 {
	margin: 1em 0;
	text-align: center;
}

#cb_title, #cb_size_x, #cb_size_y, #cb_color {
	background: #fff url(images/input_bg.gif) left top repeat-x;
	border: 1px solid #c9c9c9;
	font-size: 2.6em;
	font-weight: bold;
	padding: 0.1em;
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

label {
	display: block;
	margin: 0 0 0.1em 0;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2;
}

#generate_button {
	display: block;
	width: 99px;
	height: 55px;
	margin-top: 1.6em;
}

/* Size input */

#cb_size_x, #cb_size_y {
	width: 2em;
}


/* Fonts */

.fonts label {
	display: inline;
	font-size: 1.4em;
}

select {
	width: 10em;
	border: 1px solid #c9c9c9;
	font-family: Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
}

.font_Tahoma {
	font-family: Tahoma;
}

.font_Georgia {
	font-family: Georgia;
}

.font_LucidaGrande {
	font-family: "Lucida Grande";
}

.font_Verdana {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.font_Arial {
	font-family: Arial, Helvetica, sans-serif;
}


/* Color scheme */

#color_scheme {
	position: relative;
}

	#color_scheme a {
		font-size: 1.2em;
	}


#cb_color {
	display: none;
}

#color_scheme p {
	font-size: 0.9em;
	margin: 0.3em 0 0 0;
}


/* Footer */

#footer {
	clear: both;
	padding: 3em 0 1em 0;
	font-size: 1em;
	text-align: center;
	color: #dadada;
}

/* Preview */

#preview {
	float: left;
	width: 48%;
}


/* Done page */

iframe {
	margin: 1em 0;
}