@charset "utf-8";
/* CSS Document */


html, body, div, input, form
{
margin: 0;
padding: 0;
border-width: 0;
font-size: 0;
}

body
{
	background:url("images/background.png") #333333 repeat-x;
}


textarea#content
{
	font-family: Courier New;
	font-size: 14px;
	color: #333333;
	border: 5px solid #333333;
	width: 99%;
	height: 260px;
	background: #fff;
}

div#editDiv
{
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	top: 40px;
	
}

div#logoHolder
{
	position: relative;
	width: 100%;
	height: 140px;

}

div#logo
{
	background:url(images/logo.png) no-repeat;
	_background:url(images/_logo.png) no-repeat;
	width: 200px;
	height: 140px;
	float: left;
}

div#description
{
	height: 80px;
	width: 400px;
	margin-top: 44px;
	margin-left: 10px;
	float: left;
	font-family: Trebuchet MS, Tahoma;
	font-size: 16px;
	color: #CCCCCC;
}

div#langDiv
{
	display: inline;
	margin: 10px 10px 10px 0;
	background: #333333;
	width: 310px;
	float: left;
}

div#langDiv select
{
font-size: 20px;
font-family: Trebuchet MS;
color: #111;
width: 300px;
margin: 5px;
}

div#buttonColorize
{
	width: 680px;
	height: 60px;
	float: left;
	position: relative;
	margin: 10px 0 0 0;
}

button#colorize
{
	padding: 0;
	border-width: 0;
	background:url(images/button.png);
	width: 205px;
	height: 60px;
	position: absolute;
	right: 0;
}

div#imgColorize
{
	margin: 0;
	padding: 0;
	border-width: 0;
	background:url(images/button.png);
	width: 205px;
	height: 60px;
}

div#results
{
	
	height: 340px;
	width: 992px;
	font-size: 14px;
	font-family: Courier New;
	position: absolute;
	border: 5px solid #333333;
	left: 50%;
	margin-left: -500px;
	top: 181px;
	background: #eee;
	overflow: scroll;
	display: none;
}

div#results div, div#results pre
{
	margin: 10px;
	font-family: Courier New; font-size: 14px; 

}

div#results pre span
{
	font-family: Courier New;
}

div#closeX
{
	width: 30px;
	height: 30px;
	position: absolute;
	background: #333333;
	left: 50%;
	margin-left: 472px;
	top: 155px;
	display: none;

}

div#closeX span
{
	font-family: Century Gothic, Tahoma; 
	font-size: 22px; 
	margin: 5px 5px 5px 8px; 
	color: white; font-weight: 
	bold;
}

div#closeX span:hover
{
	color: red;
	cursor: default;
}

div#copyButton
{
	width: 68px;
	height: 68px;
	background: #333333;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 540px;
	display: none;
}

div#copyButton:hover
{
	background: #999;
}

div#copyButton div
{
	width: 58px;
	height: 58px;
	background:url(images/copybutton.png);
	margin: 5px;

}

div#optimized
{
	background:url(images/optimized.png);
	_background:url(images/_optimized.png);
	width: 205px;
	height: 58px;
	position: absolute;
	left: 50%;
	margin-left: 300px;
	top: 110px;
}

div#copyrights
{
	width: 380px;
	position: absolute;
	left: 50%;
	margin-left: 260px;
	top: 670px;
	font-family: Trebuchet MS, Tahoma;
	color: #666;
	font-size: 10px;
}

div#watchDemo
{
	width: 290px;
	height: 155px;
	background:url(images/watchdemo.png) no-repeat;
	cursor: pointer;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 570px;
}