/*  http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: verdana;
	vertical-align: baseline;
}

body {
	color: black;
	background-color: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* -------------------------------------------------- */

body {
 font:12px/1.5 verdana, sans-serif;
 background:#f6f6f6;/* url(/design/20/container_bg.gif) repeat-y center; */
}

#container {
 width:997px;
 margin:0 auto;
 background:#fff;
 border:1px solid #000;
 border-width:0 1px 1px 1px;
 position:relative;
float: center;
 padding-bottom:10px;
}

#header {
 height:160px;
 background:#f2f2f2/* url(/design/20/header.jpg) 50% 100% no-repeat*/;
 width:999px;
 margin:0 auto;
 border-bottom:1px solid black;
}

#centercolumn {
  float:left;
  width:485px;
  margin-left:250px;
  margin-top:10px;
padding-top:15px;
padding-left:5px;
}

#leftcolumn {
  float:left;
  width:240px;
  margin-left:-730px;
  padding-top:15px;
}

#rightcolumn {
  float:right;
  width:240px;
  margin-right:5px;
  padding-top:15px;
 }

#footer {
 padding:10px;
  margin:0 auto;
 text-align:center;
 border-top:0;
 color:#CCC;
 font-size:10px;
}

#extra, .extra {display:none;}


/*
** Default links
-----------------------------------------*/
a {text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}

#header a.h1 {color:#fff;font-size:50px; font-family:verdana; display:block; padding-top:45px; padding-left:45px;}
#header a:hover.h1 {color:white; text-decoration:none}
#header div.header_nav {margin-left:10px;}

#header span.menu {height:25px; padding-top:10px; display:block; float:left; color:black; margin-top:116px; margin-left:0px; margin-right:5px; color:#FFF;}
#header span.menu img {float:left;}
#header span.menu a {height:28px; float:left; background-image:url(https://www.chatbots.org/design/20/menu/button_not_active_bg.gif); padding-top:7px;}
#header span.menu a.subnav {background-image:url(https://www.chatbots.org/design/20/menu/button_active_bg.gif); padding-top:8px; font-weight:bold;}
#header span.menu a.active { height:27px; background-image:url(https://www.chatbots.org/design/20/menu/subnav_bg.png); padding-top:8px; font-weight:bold;}


#header a.menu:hover {text-decoration:underline; color:#fff;}


#nav {position:absolute;bottom:0;width:900px;background:#000;left:0;padding-top:0px;}
#nav li {float:left;margin-left:10px;}
#nav li a {float:left;background:#eee;padding:5px 10px;border-bottom:1px solid #000}
#nav li.active a {border-bottom:1px solid #fff;background:#fff}

#subnav { padding-left:10px; padding-top:0px; margin-bottom:5px; background-image:url(https://www.chatbots.org/design/20/menu/subnav_bg.gif); height:38px; border-bottom: 1px solid black;}
#subnav span.sub_menu {height:25px; padding-top:0px; display:block; float:left; color:black; margin-top:4px; margin-left:0px; margin-right:5px; color:#FFF;}
#subnav span.sub_menu img {float:left;}
#subnav span.sub_menu a {height:28px; float:left; background-image:url(https://www.chatbots.org/design/20/menu/button_not_active_bg.gif); padding-top:7px;}
#subnav span.sub_menu a.active { height:27px; background-image:url(https://www.chatbots.org/design/20/menu/subnav_bg.png); padding-top:8px; font-weight:bold;}


#header div.userbar { float:right; height:30px; margin-top:7px; margin-right:120px;}
#header div.userbar img {float:left; }
#header div.userbar span.userinfo {background-image:url(https://www.chatbots.org/design/20/menu/userbar_bg.png); display:block; float:left; padding-top:7px; height:25px;}

/*
** Main content
-----------------------------------------*/
#cathead {margin-bottom:1.5em;padding-bottom:1.5em;border-bottom:1px solid #eee;}
#cathead h1 {font:2em/1.5em verdana,sans-serif;}
#cathead p {font-size:0.916em;line-height:1.636em;}

#centercolumn h1 { font-size:24px; font:verdana.sans-serif; color:#062601; font-weight:bold;  text-transform: capitalize;}
#centercolumn h2 {font-size:20px; font:verdana,sans-serif; color:#000; font-weight:bold; margin-top:0;}
#centercolumn .postmeta {font-size:0.916em;line-height:1.636em;margin-bottom:1.636em;}
#centercolumn .postfooter {font-size:0.916em;line-height:1.636em;margin-top:1.636em;clear:left;}
#centercolumn p img {float:left;margin:0 10px 0 0;border:1px solid;}
#centercolumn .deadbot {color: #999999;}

#centercolumn blockquote {font-style:italic;margin:0 1em;}

.permalink h1, form  h1 {font:2em/1.5em verdana, serif;}
.permalink p {margin:1.5em 0;}

em {font-style:italic;}
strong, p.bold {font-weight:bold;}
h3,h4 {font-size:1em;font-weight:bold;}

div.post img {float:left;margin:0 10px 0 0;border:1px solid; paddding-right:5px; margin-right:10px}

#centercolumn p img.award_image { float:none; vertical-align:middle;}
span.position { font-weight:bold; font-size:20px;}

div.entry {background-color:#f4f4f4; padding:5px; }
div.posting {padding:5px; margin-bottom:20px; background-color:#f4f4f4; }

div.posting h2 {}

div.summary { font-size:10px; background-color:#FFF; padding:5px; padding-bottom:0; }

p.summary { font-size:10px; background-color:#FFF; }
p.read_more { clear:both; margin-top 10px;}

img.member_photo { margin-top:30px;}

div.clear {clear:both}

span.chatbot_subtitle { font-weight:bold; font-size:12px;}
/*
** Comments
-----------------------------------------*/

#centercolumn p#commenttotal {border-top:1px solid #090;padding-top:2em;margin-top:2em;}
#centercolumn .comment {overflow:hidden; margin-bottom:0; background-color:#efefef; margin-top:15px;}
#centercolumn .comment p {padding:10px; margin:0;}
#centercolumn .even {background-color:#f9f9f9;}
#centercolumn .comment h2 {font-size:1em;font-weight:normal; background-color:#E3E3E3; padding:5px;}
#centercolumn .comment h2 a {font-weight:bold;}
#centercolumn .comment h2 span {font-size:.9em;display:block;}
#centercolumn .comment img {float:none;}
#centercolumn #commentform h2 {font-size:1em;font-weight:bold;}

div.comment p { padding:5px; }

/*
** Side content
-----------------------------------------*/
.sidebar {
 border-bottom:5px solid #c2c2c2;
 background-color:#f4f4f4;
 padding: 0px 10px 10px 10px;
 width: 210px;
 margin-bottom: 15px;	
 vertical-align: top;

}
	
.sidebar h2 {
 padding:top:3px;
 font-size:13px;
 margin-left:-10px;
 background:transparent url(https://www.chatbots.org/design/20/box_header.png) no-repeat top right; 
 /*padding:5px 5px 10px 15px;*/
 width:229px;
 height:20px;
 color:#FFF; 
 text-indent:10px;
font-weight:bold;
margin-bottom:5px;
}

a { color:#248e14;}

a.action {border:1px solid #666; display:block; padding-top:4px; height:20px; background-image: url(https://www.chatbots.org/design/20/button_bg.gif); font-weight:bold;}

.sidebar a {
 font-size:12px;
}

.sidebar ul { margin-left:5px;}

.sidebar ul li ul {
  margin-left:3px;
  padding:0;
  padding-left:10px;
  list-stlye-position:inside;
  list-style-image:none;
  border-left:1px solid #666;
  
}

.sidebar blockquote {font-size:0.916em;line-height:1.636em;font-style:italic;overflow:hidden;}
.sidebar .commentmeta{font-size:0.916em;line-height:1.636em;margin-bottom:1.636em;}

#brandcloud li       {display:inline}
#brandcloud li.step1 {font-size:10px}
#brandcloud li.step2 {font-size:11px}
#brandcloud li.step3 {font-size:12px}
#brandcloud li.step4 {font-size:13px}
#brandcloud li.step5 {font-size:14px}

#actions li {margin:3px 0;}
#actions li img {vertical-align:middle}

/*
** v-events
-----------------------------------------*/
.vevent {font-size:0.916em;line-height:1.636em;margin-bottom:0.818em;}
.vevent span.meta {display:block;}
a.more {font-size:0.916em;line-height:1.636em;}


/*
** Forms
-----------------------------------------*/
form { margin: 0; }
form:after { content: ""; display: block; height: 0; clear: both; }
form p { position: relative; margin: 8px auto; clear: both; line-height: 22px; }
fieldset.form { position: relative; display:block; margin-top: 0px; margin-bottom: 10px; padding: 10px 10px 10px 10px; border: none; background-color: #efefef; }
legend { display: block; position: absolute; top: 0px; left: 0px; }
p.label { background-color: #e3e3e3; font-size: 12px; font-weight: bold; height: 19px; line-height: 19px; margin:0; padding: 5px 8px; margin-top:20px; }
label.row { float: left; width: 175px; display: block; line-height: 22px; }
label.break { float:none !important; }
select { color: #666; border: 1px solid #2D9C1C; padding: 1px; margin-right: 5px; width:220px }
input#postcode { width: 50px; }
input.text, textarea { border: 1px solid #D5D5D5; color: #4F4F4F; }
input.fullwidth, textarea.fullwidth { width: 392px; }
input.text { width: 270px; height: 17px; padding: 2px 2px 1px 2px; }
input.file { width: 270px; height: 17px; padding: 2px 2px 1px 2px; }
textarea {  width: 450px; height: 200px; overflow: auto; padding: 4px;}

select:hover, input:hover, textarea:hover { border-color: #2D9C1C; }
select:focus, input:focus, input.search:focus, textarea:focus { border: 1px solid #2D9C1C; background-color: #F4FBFF; color: #000; }

input:hover {  border-color: #2D9C1C; }
input.search:hover {  border-color: #2D9C1C; }
textarea:hover {  border-color: #2D9C1C; }

input.radiobox, input.checkbox { margin-right: 3px; margin-bottom: -1px; vertical-align: baseline; border: none !important; background: transparent !important; }
#verstuur { width: 130px; margin: 10px; }
.req { background: url("https://www.chatbots.org/images/design/20/bullet_red.png") no-repeat center right; }
.smalltext { color: #999; font-size: 10px; margin-top:-10px; }
.black { color:#000; }
div.buttonwrap { text-align: right; padding-right:10px;}
.button { padding: 0 10px;  margin-top:0; }
input[type=submit] {color:#248e14; border: 1px solid #248e14; background-color:#f4f4f4; height:26px; -moz-border-radius:13px; margin:5px;}
input[type=submit]:hover { border-width:2px; cursor:pointer; }


select.day {width:40px;}
select.month { width:100px;}
select.year { width:70px;}

div.boxes { margin-bottom:5px; }
span.labels { margin-top:5px;}
select.search { width:200px; }

input.search { width:200px;  border:1px solid #999;}

/*
** Toggle linkl
-----------------------------------------*/

#contact, #search {position:relative;padding-bottom:1.5em;}
#search a.toggle, #contact a.toggle {height:1em;position:absolute;bottom:.5em;width:230px;left:0;background:none 50% 100% no-repeat;text-decoration:none; text-align:center; margin-bottom:5px;}
#search a.toggle span, #contact a.toggle span {visibility:hidden;}

#contact ul li {margin-bottom:5px;}
#contact ul li.contact-tel, li.contact-mail a, li.contact-msn a, li.contact-linkedin a  {line-height:1.667;}
li.contact-mail a, li.contact-msn a, li.contact-linkedin a  {display:block;}

li.contact-linkedin a {background:url(https://www.chatbots.org/design/20/icons/icoon-linkedin.gif) 0 50% no-repeat;padding-left:25px;}

ul { list-style-image:url(https://www.chatbots.org/design/20/dot.gif); list-style-position:outside; padding:5px; margin:0; vertical-align:middle; }
#centercolumn ul li {padding-left:5px; margin:5px;}



#brandcloud ul li, #contact ul li, #meercontact ul li, #partners ul li,
#comingup ul li, #eerder ul li, #order ul li, #actions ul li {padding:0;background:none}

/*
** Misc
-----------------------------------------*/
.hidden, #total1 {display:none !important;}
object {display:block;}
img.found {vertical-align:middle}
span.swfir {float:left;margin:0 1em 0 0}



/*
** Featured User Profiles
-----------------------------------------*/
ul.users {list-style:none; padding:0; margin-top:15px;}
ul.users li {margin:15px; margin-left:5px; list-style:none;}
ul.users li img {width:50px; border: 1px solid black; vertical-align:middle; margin-right:10px;}
ul.users li p {font-size:10px;}