/***********************************************************************************************
* General
***********************************************************************************************/

body, html
{
    font-family: Trebuchet, "Trebuchet MS", Verdana, sans-serif;
    margin:0;
    padding:0;
    background-color: #ffffff;
    color:#333;
}

body a
{
	text-decoration: none;
}

/***********************************************************************************************
* Containers
***********************************************************************************************/

#headerLong
{
	background-color: #ffffff;
	min-height:120px;
	height:auto !important;
	height:120px;
	width:100%;
}

#header
{
	padding-top: 20px;
	margin: 0px auto;
	width: 842px;
}

#header a:hover
{
	background-color: transparent;
}

#logo
{
	margin: 0px auto;
	float:left;
}

#logo a
{
	text-decoration: none;
	background-color: transparent;
	outline: none;
}

#headerSlogan
{
	margin-top: 58px;
	font-size: 1.5em;
}

.headerSeparator
{
	background-color: #e1e1e1;
	height: 2px;
	clear:both;
}

#wrap
{
	width: 842px;
	margin: 0px auto;
	margin-top:40px;
}

#main
{
	position: relative;
    margin: 0px auto;
    width: 800px;
   	padding: 20px;
	background-color: #fff;
}

#footer
{
    margin: 0px auto;
    width: 800px;
	color: #97acbe;
	font-size: 0.8em;
	margin-top: 20px;
	padding-bottom: 50px;
	text-align:center;
}

#footer a
{
	color: #97acbe;
	text-decoration: none;
}

#footer a:hover
{
	color: #778c9e;
}

.explaination
{
	font-size: 2em;
}


/***********************************************************************************************
* Input Classes
***********************************************************************************************/

.inputContainer
{
	position: relative;
	margin-top: 50px;
	width: 100%;
}

.inputBox
{
	height: 40px;
	color: #666666;
	background: #f3f3f3;
	border-bottom: 	1px solid #999999;
	border-right: 1px solid #999999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin-bottom: 15px;
	font-size: 30px;
	float: left;
}


/***********************************************************************************************
* Buttons
***********************************************************************************************/

.classifyButton
{
	position:relative;
	height:50px;
	font-size: 30px; /*"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;*/
	margin-top: 10px;
	margin-bottom: 10px;
	width: 250px;
}

.urlTextBox
{
	position:relative;
	height:40px;
	font-size: 30px; /*"Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif;*/
	margin-top: 10px;
	margin-bottom: 10px;
	width: 550px;
}


/***********************************************************************************************
* Styling
***********************************************************************************************/

/* Round corners */
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#000; margin:0 5px;}
.b2 {height:1px; background:#f3f3f3; border-right:2px solid #33414f; border-left:2px solid #33414f; margin:0 3px;}
.b3 {height:1px; background:#f3f3f3; border-right:1px solid #33414f; border-left:1px solid #33414f; margin:0 2px;}
.b4 {height:2px; background:#f3f3f3; border-right:1px solid #33414f; border-left:1px solid #33414f; margin:0 1px;}
.contentRoundCorner, .frameRoundCorner {background: #f3f3ff; border-right:1px solid #33414f; border-left:1px solid #33414f;}
.content {margin-left:7px;}


/* ################ */

.cleaner		{clear:both; }
.ClassifierContainer, .ApiKeyContainer {margin-top:20px;}
.Author			{ margin-top:15px; font-style:italic;}
.RepeatContainer{ margin-top:20px;}
.ActionPanel	{ margin-top:20px;}

.warnings, .warnginsAbs, .required {color:#FF0000;}
.warnings		{position:absolute;}
.warningsAbs	{position:absolute;}
.cleanup		{margin-top:15px;}
.errors			{color:#ff0000; margin-top: 20px;}

.imageLeft		{ clear:left; float:left; margin-bottom: 20px; margin-right: 20px;}
.textRight h3	{ margin-top: 0px; }

#result			{ margin-top: 25px; }
#resultImage	{ float: left; margin-right: 15px;}
#resultImageLink { border-style: none; }

#firstLetter	{ font-family: Georgia; font-size: 3em; border: 1px solid #000; margin-right: 3px; padding-left: 3px; padding-right: 3px;}
#analysis		{ margin-top:15px; color: #e5e5e5;}
.poem			{ font-style: italic; text-align:center; margin-top: 20px; }
#errorTitle		{ color: #ff0000; }
#error			{ color: #ff0000; }

#ratingBg		{ background:url(/Graphics/ratebg.gif) 0 0 repeat-x; width:200px; height:28px; float:left; margin-right: 15px; }


#progressImg
{
    margin-left:25px;
    margin-top:40px;
}

#feedbackSent
{
    margin-top:40px;
    font-style:italic;
}

hr
{
	color: #faa902;
	background-color: #f00;
	height: 5px;
	margin-top: 20px;
}

h2
{
	margin-bottom: 0.2em;
}

h3
{
	margin-bottom: 0.1em;
}

.contentRoundCorner h2
{
	margin-top: 0px;
}

.appRow
{
	clear: both;
}