body{ font:12px Arial,sans-serif;background:#FFF url('http://projects.stroep.nl/ValueObjectGenerator/bg4.png') fixed repeat-x left top;padding:15px;margin:0;color:#333;}
a{text-decoration:none;color:#333;}
a:hover{ text-decoration:underline;}
.yellowBox input[type=text]{ font:bold 14px Arial;color:#5F5F4D;width:218px;padding:4px;}
input[type=text]{ font:normal 12px Arial;color:#5F5F4D;width:218px;padding:2px;}
input[type=text]:focus{ box-shadow:0 0 4px rgba(0, 0, 0, .2); }
.yellowBox{background:#FFFFE5 url('http://projects.stroep.nl/ValueObjectGenerator/bg3.png') repeat-x left top;padding:10px;border:1px solid #E0E1B7;border-radius:4px;margin:0 0 20px 0;box-shadow:0 0 14px rgba(100, 100, 100, .1);}
.box{background:#f9f9f9 url('http://projects.stroep.nl/ValueObjectGenerator/bg.png') repeat-x left top;padding:10px;border:1px solid #b3b3b3;border-radius:4px;box-shadow:0 0 14px rgba(100, 100, 100, .1);}
hr{ border:0;border-bottom:1px solid #DDD;margin-bottom:10px}
#output{ font:12px/15px Consolas,Arial,Helvetica,sans-serif;padding:10px;color:#333;white-space:pre;overflow:hidden;width:90%;margin:10px 0 0 30px;}

.button{display:inline-block; text-decoration:none;font:12px Arial,Helvetica,sans-serif;border:1px solid #C0C0C0;border-radius:4px;cursor:pointer;padding:2px 8px 2px 22px;background:#fcfcfc;background-repeat:no-repeat;background-position:5px center;margin:5px}
.button:hover
{
	background-color:#fff;	
	border:1px solid #b0b0b0;
	box-shadow:0 0 4px rgba(0, 0, 0, .2);
	text-decoration:none;
}
.downloadIcon{background-image:url(http://projects.stroep.nl/ValueObjectGenerator/icon_download.gif);}
.copyIcon{background-image:url(http://projects.stroep.nl/ValueObjectGenerator/copy.gif);}
.addIcon{background-image:url(http://projects.stroep.nl/ValueObjectGenerator/add.png);}
.resetIcon{background-image:url(http://projects.stroep.nl/ValueObjectGenerator/delete.png);}
.removeIcon{background-image:url(http://projects.stroep.nl/ValueObjectGenerator/bullet_delete.png);}

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

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;}
#lineNumbers{position:absolute;margin-left:-34px;padding-top:23px;color:#CCC;text-align:right;width:40px;font:12px/15px Consolas,Arial,sans-serif;}
.row {margin:0 0 10px 0}
.vars {margin:0 0 10px 0}
.variable {margin:0 0 0 0}
.row .box {margin:5px 0 0 0}


#tips span {color:#666}
#tips {
	position:absolute; 
	right:0px; 
	padding:8px 8px 8px 20px;
}
#tips a {text-decoration:underline}
#tips img {position:absolute;margin-left:-16px;  margin-top:0px;}

.ac_results {
	padding: 0px;
	border: 1px solid #b3b3b3;
	overflow: hidden;
	z-index: 99999;
	background: #F9F9F9 url('http://projects.stroep.nl/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('http://projects.stroep.nl/ValueObjectGenerator/bg2.png') repeat-x left top;
	border-top:1px solid #b7e7fc!important;
	border-bottom:1px solid #b7e7fc!important;
}

#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;
}


#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;
}


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