body {
	font:11px Arial;
	width:100%;
	margin:0px;
	padding:0px;
	background:url('../i/bg_diag.gif');	
}


body#inputPage {
	background:#fff;	
}

h1{
	font-size:350%;
	margin:10px;
}

h2 {
	font-size:125%;
	font-weight:bold;
	margin:0px;
	font-family:'Georgia';
}

h3 {
	font-size:110%;
	padding:3px;
	background:#f7f7f7;
}

h4 {

	
	font-size:105%;
	margin-bottom:5px;
	font-family:'Georgia';
	font-weight:bold;

}

h5 {
	font-family:'Georgia';
	font-size:100%;
	margin-bottom:15px;
	margin-right:40px;
	color:#333;
	font-weight:normal;
}

object {
	margin:0px;
	margin-top:-50px;

}

div#header{
	height:50px;
	width:100%;
	padding-top:30px;
}

*+html div#header{
	padding-top:5px;
}

div#header h1{
	margin-top:-6px;
	float:left;
	width:40px;
}

div#header h2{
	padding-top:0px;
	color:#000;
	
}

div#header h2#step{
	font-weight:normal;
	color:#000;

}

div#content {
	margin-left:60px;
}

div#continue {
	margin-top:10px;
}


div#stepBox {
	margin:50px auto;
	background:#fff;
	width:780px;
	border:3px double #ccc;
	font-weight:normal;
	padding:15px;	
}

div#stepBox h2{
	margin:0px;
	padding:0px;
	font-size:120%;
	color:#999;
	margin-top:30px;
	
	
}

div#stepBox h3{
	margin:0px;
	padding:0px;
	font-size:300%;
	color:#999;
}

div#stepBox h4{
	width:340px;
	font-size:170%;
	font-weight:normal;
	float:left;
	margin-right:20px;
	margin-top:30px;
}

div#stepBox h5{
	font-weight:normal;
	font-size:100%;
	font-family:'Georgia';
	color:#555;
}

div#stepBox ul{
	font-weight:normal;
	font-size:100%;
	font-family:'Georgia';
	color:#555;
}

a, a:link, a:visited {
	font-size:110%;
	background:#FFECEC;
	color:#ff0000;
	text-decoration:none;
	border-bottom:1px dotted #ffecec;
	
}

a:hover {

	border-bottom:1px dotted #ff0000;

}

a#noIE  {

	border:1px solid red; padding:2px;

}

input, textarea, select{
	border:1px solid #999;
	padding:1px;
	text-indent:2px;
	
}

select.formFieldLarge {
	font:11px Arial;
	width:150px;
}

textarea {
	width:300px;
	height:200px;
	font:11px Arial;
}


input:focus, textarea:focus, select:focus {
	background:#FDF7F7;
	border:1px solid #000;	
}


p {
	font-size:125%;
}


p.check {
	text-indent:25px;
	background:url('../i/check.gif') no-repeat;
}

p.error {
	text-indent:25px;
	background:url('../i/error.gif') no-repeat;
}

p.red {
	font-weight:bold;
	color:#900;
}

#reqs {
	background:#f7f7f7;
	padding:5px 5px;
	margin:20px 0px 0 0; 
	
}

#reqs p {

	font-size:110%;
	color:#555;
	margin:5px 0;
	padding:5px 0;
}

#reqs li {
	margin-bottom:5px;
}

small {
	color:#999;
	padding-top:10px;
	float:left;
}

#welcomeBox {
	width:300px;
	margin:50px auto;
	background:#fff;
	border:1px solid #ccc;
	padding:30px;
	padding-top:10px;
	
}

#welcomeBox p{
	font-size:100%;	
}

#welcomeBox img.thumbs{
	float:left;
	margin:5px 10px 5px 0px;
}

#welcomeBox a{
	font-size:100%;
	font-family:Arial, sans-serif;
}

#welcomeBox h2 a{
	font-size:80%;	
}


#welcomeBox h1, #welcomeBox h2{
	margin:0px;
}

#welcomeBox h2{
	font-weight:normal;
}

#welcomeBox h4 {
	margin-top:0px;
}

hr{
	border:none 0;
	height:1px;
	background: url(../i/hash.gif) repeat-x;
	margin:5px 0;
	padding:-3px 0;	
	line-height:70%;
}

#metaBox hr {
	width:150px;
	}

sup {
	color:#c00;
	font-size:125%;
	margin:-5px 0;
	line-height:5px;
}

table#rego {
	float:left;
	width:800px;
	margin:0px;
}

table#rego p {
	font-size:100%;
}


table#define p {
	font-size:105%;
	margin-top:0px;
}

ul.defList li{
	text-indent:0px;
	margin-top:5px;
	margin-left:20px;
}

table#define h2 {
	margin-bottom:0px;
}

table#query {
	float:left;
	background:blue;
}

td.input {
	background:#f7f7f7;
	padding:3px;
}

td.label{
	background:#eee;
	padding:3px;
}

input.formField, select.formField, textarea.formField   {
	padding:0px;
	margin:0px;
	font:11px Arial;

}

input.formButton, button {
	background:#c03 url('../i/button_bg.gif') repeat-x;
	color:#fff;
	font:11px Arial bold;
	padding:2px 5px;
}


div#leftColumn {
	float:left;
	width:650px;
	padding-right:30px;
}

div#shortLeftColumn {
	float:left;
	width:550px;
	padding-right:30px;
}


div#leftColumn img{
	margin-top:5px;
	margin-left:60px;
	border:1px solid #999;
}

div#dropZone {
	margin:350px 10px 10px 10px;
	width:550px;
	height:50px;
 	border:1px solid #eee;
	background:#fff;
	
}

div#dropZone:hover {
	background:#f7f7f7 ;
	
}

div.rankRow{
	width:777px;
	height:35px;
	position:absolute;
	top:438px;
	left:60px;
	background:url('../i/aes_rank.gif') no-repeat;
	}

div.rankRow#results{
	top:120px;
	}

div#submitButton {
	width:637px;
	height:35px;
	position:absolute;
	top:510px;
	left:60px;
}

div#rightColumn {
	text-align:left;
}


div#stackColumn {
	display:block;
	text-align:left;
	float:left;
	height:400px;
}

div#stackColumn div{
	margin-top:20px;
	margin-right:20px;	
}


div#vizThumb {
	display:block;
	height:60px;
	width:60px;
	float:left;
	clear:left;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

#queryBox {
	position:absolute;
	margin:50px 200px;
	background:#f7f7f7;
	width:400px;
	border:3px double #ccc;
	font-size:250%;
	font-weight:normal;
	padding:15px;
}

.box {
    width: 175px;
    height: 50px;
    cursor: move;
    position: relative;
    padding: 0px;
    margin: 0px;
    border: 1px solid #333;
}

div#content .box {
    cursor: default;
    border: 1px solid #ccc;
}


div#content .dropzone  {
    background:#fff;
}

div.dropzone {
    background:#eee url('../i/bg_diag.gif');
    padding: 2px;
    border: 1px solid #ccc;
}

div.dropzone:hover {
    background-color: #FDF7F7;
    padding: 2px;
    border: 1px solid #999;
}

div.dropzone_active:hover {
    background-color: #FDF7F7;
    padding: 2px;
    border: 1px solid #999;
}

.dropzone {
    background:#eee url('../i/bg_diag.gif');
    padding: 2px;
    border: 0px solid #ccc;
}

.dropzone_active {
    background-color: #FDF7F7;
    padding: 2px;
    border: 1px solid #999;
}

div#dropzone_group {
	position:absolute;
	width:770px;
	height:66px;
	top:140px;
	left:60px;
	opacity: 1;
	border:0px;
	background:#eee url('../i/bg_diag.gif');
}

div#rankRow_group {
	width:779px;
	height:66px;
	x-index:0;
	position:absolute;
	top:220px;
	left:60px;
	background:url('../i/aes_rank.gif') no-repeat;
}

table.credit {
	margin:0px;
	border-top:1px solid #eee;
	margin-bottom:10px;
	float:left;
	margin-right:15px;
	width:435px;
}

table.credit tr td.label {
	width:90px;
}

table.credit tr td.thumb {
	width:75px;	
}

table.credit img{
	margin:0px;
	border:1px solid #ccc;
}

table.credit tr td.input {
	width:265px;
}



table.credit a{
	font-size:100%;

}

.color-picker {
	background:	#fff;
	width:		200px;
	height:		160px;
}

label {
	font-family:'Arial', sans-serif;
	color:#333;
	font-size:100%;
}

.color-picker td {
	padding:	0px;
}

.dynamic-slider-control {
	width:		auto;
	height:		20px;
	margin:		0;
}

#color-result {
	visibility:hidden;
}
/*
	back:	rgb(230,230,230)
	dark:	rgb(90,97,90)
	medium	rgb(189,190,189)
	*/

.dynamic-slider-control {
	position:			relative;
	background-color:	#fff;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
	border:1px solid #fff;
}

.dynamic-slider-control:hover  {
}

.horizontal {
	width:				180px;
	height:				27px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				31px;
	height:				14px;
	background-image:	url("../i/handle.horizontal.png");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {
}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(90,97,90);
	background:			#fff;
	border-top:			0px;
	behavior:			url("boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	border:				1px solid;
	border-color:		#fff;
}


h2#thanks {
	font-family:Georgia, serif;
	font-size:250%;
	}
	
div#creditsBib {
	margin-left:60px;
}

div#creditsBib p{
	width:600px;
	font-size:100%;
	margin-bottom:20px;
	font-family:Georgia, serif;
}


div#creditsBib p a{
	font-size:100%;
}


img#floatingLogo {
	position:absolute;
	top:17px;
	left:600px;
	}
	
*+html img#floatingLogo {
	top:-3px;
	}

table#imgCont {
	position:absolute;
	top:45px;
	left:400px;
	color:#999;
	font-size:95%;
}

*+html table#imgCont{
	top:20px;
}

table#imgCont img {
	border:1px solid #fff;
	margin:0px;
	
}

table#imgCont img:hover {
	border:1px solid #FFECEC;
	margin:0px;
}

table#imgCont a, table#imgCont a:hover{
	background:none;
	border:none;
}

#imgWindow {
	margin-left:60px;
	margin-top:0px;
}


span.popUp{
	padding-right:15px;
	background:url('../i/icon_pop_up.gif') no-repeat top right;
	}
	
*+html span.popUp{
	padding-right:0px;
	}