body{
	background:#FFF url('../ValueObjectGenerator/bg4.png') fixed repeat-x left top;
	padding:15px;
	margin:0;
	color:#333333;	
	font:12px Arial, Helvetica, sans-serif;
}

#advancedPanel {
	width:150px;
	padding: 15px;
	float:right;
}

#advancedPanel h1 { 
	margin-top:0; 
	font-size:14px;
}

#advancedPanel hr { 
	border-bottom:1px solid #c7c7b0;
}

#output, #output_meta {
	font:12px Arial, Helvetica, sans-serif;
	padding:10px;
	color:#333;
	white-space:pre;
	overflow:hidden;
	width:707px;
	margin-bottom:10px;
	margin-left:10px;
}

#editlist{
	padding:10px;	
}
#startButton,#addVariablesButton{
	margin:1em 0 0 0;	
}

#autoSuggestionList {
	background:#fff;
	border:1px solid #EFEFE0;
	padding:5px;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

#classData { 
	padding:10px;
}

hr{
	border:0;
	border-bottom: 1px solid #DDD;	
}



.inputtext{
	font:bold 14px Arial;
	color:#5F5F4D;
	width:218px;
	padding:4px;
}



a {
	text-decoration:none;
	color:#333;
}
a:hover{
	text-decoration:underline;
}

h1, h1 a {
	color:#333;
}

h1 span.c1 {
	color:#999;
	font-size:12px;
}

h1 span.c2{
	color:#C2753C;	
}
h1 small {
	font-size:9px;
	color:orange;	
}
h1{
	font:bold 15px  Arial;
	color:#5F5F4D;	
}


.inputsmall{
	font:12px Arial, Helvetica, sans-serif;
	width:200px;	
}

select.inputsmall{
	width:100px;
	background:#F0F0F0;
}
.inputtext:focus, .inputsmall:focus{
	box-shadow:0 0 4px rgba(0, 0, 0, .2);
}

.button{
	font:12px Arial, Helvetica, sans-serif;
	border:1px solid #C0C0C0;
	border-radius:4px;
	padding:2px 8px 2px 2px;
	background:#fcfcfc;	
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
	cursor:pointer;
}
.button:hover
{
	background-color:#fff;	
	border:1px solid #b0b0b0;
	box-shadow:0 0 4px rgba(0, 0, 0, .2);
}


.t1{
	display:block;
	width:200px;
	float:left;
	margin-right:22px;
	margin-bottom: 3px;
	margin-left:20px;
}

.t2{
	display:block;
	width:300px;
	float:left;
	margin-bottom: 3px;	
	margin-left:20px;
}

.container{
	width:933px;
	padding:0px;	
}

img {
	border: 0;	
}
.grayBox
{
	background: #f9f9f9 url('../ValueObjectGenerator/bg.png') repeat-x left top;
	border:1px solid #b3b3b3;
	border-radius:4px;
	box-shadow:0 0 14px rgba(100, 100, 100, .1);
}
.yellowBox
{
	background:#FFFFE5 url('../ValueObjectGenerator/bg3.png') repeat-x left top;
	border:1px solid #E0E1B7; 
	border-radius:4px;
	box-shadow:0 0 14px rgba(100, 100, 100, .1);
}

#donate {
	float:left;
	width: 170px;
	height:70px;
	padding-top:10px;
	border: 1px solid #B3B3B3;
	border-right: 1px solid #FFF;
	font: 12px/26px arial, verdana, sans-serif;
	background:#FFF;
	color:#666666;
	text-align:center;
	margin-bottom:20px;
}

#ads {
	float:left;
	width: 505px;
	height:70px;
	padding-top:10px;
	border: 1px solid #B3B3B3;
	border-right: 1px solid #FFF;
	background:#F4F2EC;
	text-align:center;
}

#addbutton {
	float:left;
	text-align:center;
	width: 220px;
	padding-top:15px;
	height:65px;
	background:#fff;	
	border: 1px solid #B3B3B3;
}

.line1, .line0{
	display:block;
	padding:1px;	
}

.ac_results {
	padding: 0px;
	border: 1px solid #b3b3b3;
	overflow: hidden;
	z-index: 99999;
	background: #F9F9F9 url('../ValueObjectGenerator/bg.png') repeat-x left top;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 4px 6px;
	cursor: default;
	display: block;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}
.ac_results li {color:#333}
.ac_results li i {color:#999}
.ac_loading {
	/*background: white url('indicator.gif') right center no-repeat;*/
}
.ac_odd {
	/*background-color: #FFF;*/
}
.ac_over {
	background:#c5e9fb url('../ValueObjectGenerator/bg2.png') repeat-x left top;
	border-top:1px solid #b7e7fc!important;
	border-bottom:1px solid #b7e7fc!important;
}

.downloadIcon {
	background-image:url(icon_download.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
}
.copyIcon {
	background-image:url(copy.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
}
.addIcon {
	background-image:url(add.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
}
.resetIcon {
	background-image:url(delete.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
}
.removeIcon {
	background-image:url(bullet_delete.png);
	background-repeat:no-repeat;
	background-position:5px center;
	padding-left:22px;
}


#menu, #menu  * {margin:0; padding:0;list-style:none}
#menu li ul{display:none}
#menu li:hover ul{display:block;}
#menu li:hover>a:first-child{background:#aaa;color:#fff;border-radius:0;}

#menu{
	width:200px;
	position:absolute;
	right:0;
	top:0;
	z-index:7777;
	box-shadow:0 0 4px rgba(0, 0, 0, .2);
}

#menu a {
	display:block;
	padding:10px 10px 10px 30px;
	color:#fff;
	background:#333 url(http://blog.stroep.nl/wp-content/themes/ferevens-a/favicon.png) no-repeat 5px 8px;
	border-top:0;
	text-align:center;
	font-weight:bold;
	border-radius: 0 0 0 10px;
}
#submenu {display:none;}
#submenu a {
	display:block;
	padding:10px 10px 10px 30px;
	color:#FFF;
	text-align:left;
	font-weight:normal;
	border:0px;
	border-radius:0;
	border-bottom:1px solid #bbb;
}
#submenu a:hover
{
	background-color:#111;
}

::-webkit-input-placeholder {
    color:    #ccc;
}
:-moz-placeholder {
    color:    #ccc;
}