/************************************
 *  DEFAULT STYLES (document wide)  *
 ************************************/
body{
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: small;
	color: #4d4d4d;
	background-color: #fff;
}

.acceptatie body{
  background: url(../images/backgrounds/acceptatie.png) 0 0 repeat;
}

a{
	color: #0069ad;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a.arrow,
a.back{
	font-weight: bold;
	background: url(../images/backgrounds/arrow.gif) 100% 50% no-repeat;
	display:block;
	text-align: right;
	vertical-align: middle;
	padding-right: 12px;
	font-size: 95%;
}

a.back{
  float:right;
}

h1{
	font-size: 150%;
	font-style: italic;
	font-weight: bold;
	color: #000;
}

h1.sub{
	font-size: 135%;
	color: #f80;
}

h1.sub span{
  display:block;
  color: #000;
  font-size: 80%;
}

h2{
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	background: url(../images/backgrounds/h2-right.gif) #646566 top right no-repeat;
	color: #fff;
}

h2.bare{
	color: #000;
	background: none;
}

h2 span{
	background: url(../images/backgrounds/h2-left.gif) top left no-repeat;
	padding: 4px 12px;
	display:block;
}

h2.bare span{
  background: none;
  padding: 0;
  font-size: 80%;
/*  font-weight: normal;*/
  font-style: normal;
}

h2.subtitled span{
	padding-bottom: 2px;
}

p.text{
	margin-top: 1em;
}

p.subtitle{
	color: #fff;
	background-color: #646566;
	padding: 0 12px 6px;
	font-size: 90%;
}

p.subtitle a{
	color: #f80;
	font-weight: bold;
}

p.subtitle.highlight{
	background-color: #f80;
}

h2.highlight{
	background: url(../images/backgrounds/h2-highlight-right.gif) #f80 top right no-repeat;
}

h2.highlight.nonfree{
	background: url(../images/backgrounds/h2-highlight-right-nonfree.gif) #f80 top right no-repeat;
}

h2.highlight span{
	background: url(../images/backgrounds/h2-highlight-left.gif) top left no-repeat;
}

input.text,
textarea{
	font-size: 80%;
	font-family: verdana, helvetica, arial, sans-serif;
	border: 1px solid #646566;
	background-color: #fff;
	color: #4d4d4d;
	padding: 2px;
}

textarea{
	font-size: 100%;
}

select{
	font-size: 90%;
	font-family: verdana, arial;
}

select.medium{
  width: 150px;
}

label.checkbox{
	margin-left: 2em;
	margin-bottom: 3px;
	position: relative;
}

.checkbox{
  margin-left: 2em;
}

label.checkbox input{
	width: auto;
	position: absolute;
	left: -2em;
	top: -2px;
}

div.pagination{
	font-weight: bold;
	text-align: right;
	color:#646566;	
	float: right;	
	margin: 0 15px;
}
div.pagination .disabled{
	color: #ddd;
}
div.pagination a{
	color:#FF8800;
}

div.pagination.dark {
	color: #ddd;
}
div.pagination.dark .disabled{
	color: #999;
}


/******************
 *  AUTOCLEARING  *
 ******************/


#menubar li ul:after,
.row:after,
a.wide_chart div:after,
#toolbar:after,
#wrapper:after,
#menubar:after,
#header:after,
.home div.row:after,
.two_columns:after,
div.columnwrap:after,
div.uplink:after,
div.legend:after,
div.result:after,
div.ratingwrap:after,
div.inputwrap:after,
dl.inputwrap:after,
dl.inputwrap dd:after,
div.wrap:after,
#questions div.wrap:after,
#question-nav:after,
#charts:after,
ul.surveys li:after,
div.summary:after,
#questions label.answer:after,
.steps:after{
	content: ".";
	visibility:  hidden;
	clear: both;
	display: block;
	height: 0px;
}

/* Alternative clearing */
#loginfield{
  overflow: auto;
}


/*************
 *  TOOLBAR  *
 *************/
#toolbar				{	background: url(../images/backgrounds/toolbar.gif) #9bd515 top left repeat-x; }
#toolbar.admin	{ background: url(../images/backgrounds/admin-toolbar.gif) #bf0801 top left repeat-x; }

#toolbar img{
	padding: 0px 23px 0px 10px;
}

#toolbar img,
#toolbar form,
#toolbar li{
	float:left;
	vertical-align: top;
}

#toolbar input.text{
	margin: 6px 3px 0 0;
	vertical-align: top;
	border: 1px solid 
}

#toolbar input.button{
	padding: 5px 0;
}

#toolbar ul{
	float:right;
	color: #fff;
	padding-right: 20px;
}

#toolbar li{
	padding-top: 5px;
	padding-right: 3px;
	font-size: 85%;
	line-height: 22px;
}

#toolbar li a{
	font-weight: bold;
}

#toolbar.admin li a{
	color: white;
}

#toolbar p{
	float:right;
	font-size: 85%;
	padding: 8px 16px 0 0;
}

#toolbar li.active a{
	color: #fff;
}

/***************
 *  MAIN SITE  *
 ***************/
 
#wrapper,
#footer{
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	position: relative;
}

.home #wrapper{
	padding-top: 210px;
	color: #666;
}


/****************
  HEADER (TITLE)
 ****************/
.account h1{
	padding: 20px 20px 0px 20px;
	background: url(../images/backgrounds/menubar-title.gif) #f8f8f9 bottom left repeat-x;
}

#menubar h1{
  padding: 20px 0 0 0;
  background: none;
}

#menubar h1:only-child{
  padding-bottom: 20px;
}

.dashboard h1.sub,
.my-account h1.sub,
.account h1.sub{
	padding: 0 0 10px 0;
	background: none;
}

.dashboard #menubar h1,
.my-account h1{
  padding-top: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

.site #header,
.webpage #header{
	background: url(../images/backgrounds/site-header.gif) #fff top left repeat-x;
	margin-bottom: 5px;
	position: relative;
}

.site #header h1{
	margin-left: 8px;
	width: 380px;
}

.site #header img.left{
	float: left;
	margin-left: 15px;
}

.home #header{
	height: 150px;
	width: 900px;
	position: relative;
  background: url(../images/backgrounds/top.jpg) #fff top left no-repeat;
  text-indent: -10000px;
	overflow: hidden;
}

#banner{
	position: absolute;  
  top: 21px;
  right: 19px;
}

#sidebar .banner{
  margin-bottom: 10px;
}

.home h1{
  color: #00b7ff;
	text-align: left;
	font-size: 140%;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.6em;
	letter-spacing: -0.03em;
}

.body #intro p{
	font-size: 85%;
}

.admin h1{
	background: url(../images/backgrounds/menubar-title.gif) #f8f8f9 top left repeat-x;
}

.admin h1 img{
	display:block;
}

.admin h1.sub{
	background: none;
	height: 30px;
}


/*------------*
   breadcrumb
 *------------*/
#breadcrumb{
	background: url(../images/backgrounds/breadcrumb.gif) #646566 bottom left no-repeat;
	padding: 5px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	margin-bottom: 15px;
}

#breadcrumb ul,
#breadcrumb li{
	display:inline;
}

#breadcrumb li{
	margin-right: 5px;
}

#breadcrumb a{
	color: #b9de64;
}

/*------*
	 menu
 *------*/
 
#menubar{
	background: url(../images/backgrounds/menubar.gif) #efeff0 bottom left no-repeat;
	font-style: italic;
	position:relative;
	padding: 0px 20px 0px 20px;
	margin-bottom: 15px;
	font-size: 85%;
}

#menubar ul{
	padding: 18px 0 0 0;
}

#menubar li{
	display:block;
	float:left;
	font-weight: bold;
	background: url(../images/backgrounds/tabs/left.gif) #646566 top left no-repeat;
	padding: 0 0 0 6px;
	margin-right: 5px;
}

#menubar li a{
	background: url(../images/backgrounds/tabs/right.gif) #646566 top right no-repeat;
	padding: 0 16px 0 10px;
	color: #fff;
	line-height: 22px;
	display:block;
	float:left;
}

#menubar li a:hover{
	text-decoration: none;
}

/* Submenu */

#menubar.with-submenu{
  padding-bottom: 29px;
  background-image: url(../images/backgrounds/menubar-with-submenu.png);
}

#survey_users #mSurveyUsers,
#survey_users #mSurveyUsers a,
#dashboard #mSurveys,
#dashboard #mSurveys a,
#menubar li.active,
#menubar li.active a{
  background: url(../images/backgrounds/tabs/submenu-left.png) #ccc top left no-repeat;  
  color: #000;
  -webkit-border-radius: 7px 7px 0px 0px;  
  -moz-border-radius: 7px 7px 0px 0px;
  -o-border-radius: 7px 7px 0px 0px;  
  border-radius: 7px 7px 0px 0px;  
}

#survey_users #mSurveyUsers a,
#dashboard #mSurveys a,
#menubar li.active a{
  background: url(../images/backgrounds/tabs/submenu-right.png) #ccc top right no-repeat;    
}

#survey_users #mSurveyUsers li a,
#dashboard #mSurveys li a,
#menubar li.active li a{
  background: none;
}


#menubar li ul{
  -webkit-border-radius: 0 0 10px 10px;  
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;  
  border-radius: 0 0 10px 10px;
  
  padding-top: 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  line-height: 25px;
  padding: 2px 0;
  vertical-align: middle;
}

#menubar li:hover li a{
  background: none;
  color: inherit;
}

#menubar li li:hover{
  color: #f80;
  background: none;
}

#menubar li li,
#menubar li li a{
  background: none;
  color: #000; 
  height: 25px;
  line-height: 25px;
  vertical-align: middle;  
  font-weight: normal;
  font-style: normal;
}

#menubar li li.active,
#menubar li li.active a{
  font-weight: bold;
  background: none;
}

/* Active items */

#list #mList,
#score #mScore,
#stats #mStats,
#react #mReact,
#categories #mCategories,
#statistics #mStatistics,
#dashboard #mDashboard,
#users #mUsers,
#pages #mPages,
#banners #mBanners,
#users #mUsers,
#account #mAccount,
#profile #mProfile,
#menubar > li:hover{
	background: url(../images/backgrounds/tabs/selected-left.gif) #fff top left no-repeat;
}

#list #mList a,
#score #mScore a,
#stats #mStats a,
#react #mReact a,
#categories #mCategories a,
#dashboard #mDashboard a,
#users #mUsers a,
#pages #mPages a,
#banners #mBanners a,
#users #mUsers a,
#account #mAccount a,
#profile #mProfile a,
#statistics #mStatistics a,
#menubar > li a:hover,
#menubar > li:hover a{
	background: url(../images/backgrounds/tabs/selected-right.gif) #fff top right no-repeat;	
	color: #f80;
}

#menubar a.arrow{
	font-style: normal;
	float:right;
} 

.home #menubar{
  background: url(../images/backgrounds/menubar-home.gif);
  font-style: normal;
  font-size: 100%;
}

.home #menubar ul{
  padding-top: 8px;
}

.home #menubar li{
	background: url(../images/backgrounds/tabs/home-left.gif) #587c00 top left no-repeat;
	font-weight: normal;
}

.home #menubar li a{
	background: url(../images/backgrounds/tabs/home-right.gif) #587c00 top right no-repeat;
	line-height: 28px;
}

.home #menubar li:hover{
	background: url(../images/backgrounds/tabs/home-selected-left.gif) #fff top left no-repeat;
}

.home #menubar li a:hover{
	background: url(../images/backgrounds/tabs/home-selected-right.gif) #fff top right no-repeat;	
	color: #000;
}

.home #top{
  position: absolute;
  top: 0;
}

/* Subnavigation (lefthand) */
.subnav{
  margin-left: -206px;
  float: left;
  width: 190px;
}

.subnav ul{
  background: #eee;
}

.subnav ul li a{
  display: block;
  padding: 5px;
  border-bottom: 1px solid #ddd;
}

.subnav ul li.active a{
  background: #ddd;
  font-weight: bold;
}



/****************************
  MAIN CONTENT (left column) 
 ****************************/
#content{
	width: 694px;
	float:left;
	padding-right: 10px;
	font-size: 85%;
}

#content.with-subnav{
  float: none;
  padding-right: 0;
  width: auto;
  margin-left: 206px;
}

.popup #content{
	width: auto;
	float: none;
	padding: 0;
	margin: 15px 15px 0 15px;
}

/*-------------------*
	 Homepage elements
 *-------------------*/
.row{
   display: block;
   border-bottom: solid 2px #e0e0e0;
   margin-bottom: 20px;
   font-size: 87%;
   padding-bottom: 20px;
}

.row .row{
  margin: 0;
  border-bottom: 0;
  padding-bottom: 20px;
  font-size: 100%;
}

.bottom{
  border: none;
}

.row.bottom{
  background: url(../images/backgrounds/row-bottom.png) 100% 0 repeat-y;
  padding-bottom: 0;
}
 
a.wide_chart{
  width: 290px;
  float: left;
  height: 91px;
  color: #fff;
  padding: 10px 140px 23px 15px;  
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background: url(../images/backgrounds/charts.png) 0 0 no-repeat;
}

a.wide_chart:hover{
  text-decoration: none;
}

a.wide_chart img{
  position: absolute;
  right: 0;
  top: 0;
}

a.wide_chart div.content{
  overflow: hidden;
  height: 80px;
  margin-bottom: 10px;
}

a.wide_chart div.more{
  line-height: 24px;
  display: block;
  text-decoration: underline;
  margin-left: -15px;
  margin-right: -140px;
  padding-left: 15px;
}

a.wide_chart div.more span{
  padding-right: 12px;
  float: left;
  text-decoration: underline;
  font-weight: bold;
}

a.wide_chart h2{
  color: #fff;
  text-decoration: italic;
  margin-bottom: 5px;
  background: none;
}

a.blue{
  margin-right: 10px;
  background-color: #00b5fe;
}

a.blue div.more span{
  color: #006ab0;
  background: url(../images/backgrounds/arrow_blue.gif) 100% 50% no-repeat;
}

a.orange{
  background-position: -455px 0;
  background-color: #ffb460;
}

a.orange div span{
  color: #ff8700;
  background: url(../images/backgrounds/arrow.gif) 100% 50% no-repeat;
}

a.orange div.more{
  background-color: #ffe0c1;
}

a.blue div.more{
  background-color: #bdecfe;
}

div.full_chart{
  clear: both;
  width: 100%;
  position: relative;
}

div.full_chart h2{
  background: url(../images/backgrounds/charts.png) #b7e14f 0 -120px no-repeat;
  line-height: 32px;
  padding-left: 10px;
}

div.full_chart p{
  background: url(../images/backgrounds/charts.png) #9ad413 -900px 100% no-repeat;
  padding-left: 10px;
  color: #5e8204;
  padding-right: 150px;
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.full_chart a{
  position: absolute;
  right: 0;
  padding-right: 5px;
  top: -13px;
}

.two_columns{
  background: url(../images/backgrounds/two-columns.gif);
  color: #666;
}

.two_columns .column_one{
  width: 605px;
  float: left;
}

.two_columns .column_two{
  width: 279px;
  padding-left: 16px;
  float: left;  
}

div.teaser,
a.teaser{
  min-height: 71px;
  position: relative;
  float: left;
  width: 220px;
  padding-left: 80px;
  margin-bottom: 20px;
  margin-left: 4px;
  color: #666;
}

a.teaser:hover{
  text-decoration: none;
}

div.teaser:first-child,
a.teaser:first-child{
  margin-left: 0;
}

div.teaser h2,
a.teaser h2,
.column_two h2{
  background: none;
  color: #666;
  margin-bottom: 2px;
}

a.teaser img,
div.teaser img{
  position: absolute;
  top: 0;
  left: 0;
}

dl.testimonials dd {
  margin-bottom: 20px;
}

dl.testimonials dt{
  font-weight: bold;
}

.home a.more{
  padding-right: 8px;
  float: right;
  color: #006ab0;
  background: url(../images/backgrounds/arrow_blue.gif) right 5px no-repeat;
  font-weight: bold;
  text-decoration: underline;
}

#tweets .twtr-hd,
#tweets .twtr-ft{
  display: none;
}

#tweets .twtr-tweet-wrap{
  padding-left: 0;
  padding-right: 0;  
}

div.video{
  float: left;
  width: 295px;
}

div.video span{
  display: block;
  margin-top: 3px;
  margin-bottom: 10px;
}

div.narrow_chart{
  float: left;
  margin-left: 7px;
  width: 265px;
  background-color: #e4f6ff;
  padding: 0 15px 10px 15px;
}

div.narrow_chart h2{
  line-height: 28px;
  background: url(../images/backgrounds/charts.png) #838385 -950px 0 no-repeat;
  padding: 0 15px;
  margin: 0 -15px;
  position: relative;
}

div.narrow_chart h2 a.twitter{
  display: block;
  color: #fff;
  padding-left: 35px;
  margin-left: -8px;
  background: url(../images/icons/twitter.png) 0 50% no-repeat;
}

div.narrow_chart p,
div.narrow_chart dl{
  margin-top: 10px;
  margin-bottom: 15px;
}

div.narrow_chart dl dt{
  font-weight: bold;
  display: inline;
}

div.narrow_chart dl dd{
  display: inline;
}

/*-----------------*
	 Common elements
 *-----------------*/
/* Submit section */
div.submit,
td.submit{
	text-align: right;
	vertical-align: middle;
	padding: 5px 0;
	font-size: 85%;
}

.submit a.abort,
a.abort{
	display: inline;
	color: #bf001f;
}

div.submit input{
	margin-left: 10px;
	vertical-align: middle;
}


/* Question list (survey) */
#questions{
	padding-bottom: 30px;
}

#questions li div.wrap{
	background: url(../images/backgrounds/question.gif) left top repeat-y;
	margin-bottom: 5px;
	padding: 0;
}

#questions li.goed div.wrap{
	background: url(../images/backgrounds/result-goed.gif) left top repeat-y;
}

#questions li.fout div.wrap{
	background: url(../images/backgrounds/result-fout.gif) left top repeat-y;
}

#questions div span span.question-number{
	float: none;
	display: inline;
	font-size: 100%;
	padding: 0;
}

div.wrap span,
#questions div span,
#questions div ul span{
	float:left;
	display:block;
	font-size: 85%;
	padding: 5px 0px 5px 10px;
}

#questions div h3,
#questions div ul,
#questions p.explanation,
#questions div.submit{
	margin-left: 75px;
}

#questions div h3,
#questions div ul,
#questions div p.explanation,
#questions div.submit{
	background-color: #e4f6ff;
}

#questions div h3,
#questions p.explanation{
	padding: 5px;
}

#questions h3,
#questions ul li.correct,
#questions p.explanation strong{
	color: #000;
}

#questions div ul{
	padding: 5px;
}

#questions div li{
  position: relative;
	padding-bottom: 5px;
}

#questions div ul img.correctness{
  float:left;
	padding-top: 2px;
}

#questions li.goed div ul img,
#questions li.fout div ul img{
	float:left;
	display:inline;
	padding-top: 1px;
}

#questions div ul input.radio{
  position: absolute;
  top: 0;
  left: 0;
}

#questions ul input.text{
	width: 396px;
	color: #646566;
	margin-right: 5px;
}

#questions ul .correct{
	color: #6aa800;
	font-weight: bold;
}

#questions ul .incorrect{
	color: #d90000;
}

#questions h3 input.text,
#questions h3 textarea{
	width: 600px;
	font-weight: bold;
	color: #000;
}

#questions p.explanation label{
	font-weight: bold;
	color: #000;
	display:block;
	padding: 0;
}

#questions p.explanation textarea,
#questions p.explanation input.text{
	width: 600px;
	color: #646566;
}

#questions div.submit{
	margin-bottom: 0;
	padding: 5px;
	background: none;
}

#questions li div.uplink{
	float:none;
	padding: 4px 0;
	margin: 0;
	background: url(../images/backgrounds/questions-uplink-line.gif) 0% 50% repeat-x;
}

#questions div.uplink a{
	font-size: 95%;
	color: #0069ad;
	font-weight: bold;
	background: url(../images/backgrounds/questions-uplink-arrow.gif) #fff 100% 60% no-repeat;
	display:block;
	float: right;
	vertical-align: middle;
	padding: 0 10px 0 5px;
}

#questions div.qinfo{
	float:left;
	width: 70px;
	margin-bottom: 0px;
	background: none;
	position:relative;
}

#questions li.goed div.qinfo{
	background: url(../images/backgrounds/qinfo-goed.gif) left bottom repeat-x;
}

#questions li.fout div.qinfo{
	background: url(../images/backgrounds/qinfo-fout.gif) left bottom repeat-x;
}

#questions div.qinfo span{
	float:none;
}

#questions li.goed div.qinfo span,
#questions li.fout div.qinfo span{
	color: #fff;
}

#questions div.qinfo img{
	padding-left: 15px;
}

#questions div.qinfo p{
	margin: 20px 5px 5px 10px;
	font-size: 85%;
	letter-spacing: -0.4px;
}

#questions li.goed div.qinfo p{
	color: #000;
}

#questions li.fout div.qinfo p{
	color: #fff;
}

#questions div.qinfo p em{
	font-style: normal;
	font-size: 140%;
	font-weight: bold;
}

#questions li.score div.qinfo p{
	margin-top: 0;
	color: #646566;
}

#questions li.score div.qinfo p em{
	display:block;
	color: #f80;
}

#questions .answer{
	background-image: none;
	margin-left: 20px;
	margin-bottom: 5px;
	display:block;
}

#questions .answer p{
	margin-left: 18px;
}

#questions .answer span.numeral{
	display:block;
	font-size: 100%;
	font-weight: bold;
	padding: 0;
	width: 18px;
	vertical-align: middle;
}

#questions .edit .answer span.numeral{
    line-height: 16px;
}

#questions .answer .buttons{
  display: block;
  position: absolute;
  left: 447px;
  top: 0;
	height: 16px;
}

#questions div.scorebar{
	background-image: none;
	background-color: #aaa;
	border: 1px solid #646566;
	margin: 1px 0 0 0;
	width: 420px;
}

#questions div.scorebar div.correct,
#questions div.scorebar div.false{
	font-size: 9px;
	padding: 0px 1px;
	margin: 0;
}

#questions div.scorebar div.correct{
	background: url(../images/backgrounds/score-correct.gif) #88c300 left top repeat-x;
	color: #4d4d4d;
	font-weight: normal;
}

#questions div.scorebar div.false{
	background: url(../images/backgrounds/score-false.gif) #c50d06 left top repeat-x;
	color: #fff;
}

.add-question,
.add-question img,
.add-question strong{
  vertical-align: middle;
}

.add-question strong{
  margin-left: 1em;
}


/* Legenda */
div.legend{
	background-color: #e6e7e8;
	padding: 6px 10px 6px 20px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}

div.legend h2{
	background: none;
	float:left;
	width: 80px;
	color: #000;
	font-size: 100%;
	font-style: normal;
}

div.legend dl,
div.legend dt,
div.legend dd{
	display:block;
	float:left;
}

div.legend dl{
	margin:0;
	padding:0;
}

div.legend dt{
	padding-right: 3px;
}

div.legend dd{
	font-style: italic;
	padding-right: 30px;
}

/* Table form list */

td.amount,
th.amount,
table.list thead th.amount{
	text-align: right;
}

h3 + table.list{
  margin-top: 5px;
}

table.list{
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 30px;
}

table.list table.list{
	font-size: 90%;
	margin-left: 15px;
}

#orders table.list{
	margin-bottom: 0;
}
#orders{
	margin-bottom: 30px;
}

table.list.tight,
table.list table.list{
	margin-bottom: 5px;
}

table.list tr{
	vertical-align: top;
}

table.list td,
table.list tbody th,
table.list thead .sum th,
table.list tbody .sum th{
	text-align: left;
	padding: 5px 5px 5px 12px;
	border-bottom: 1px solid white;
}

table.list table.list td,
table.list table.list tbody th,
table.list table.list thead .sum th,
table.list table.list tbody .sum th{
	padding: 2px;
}

table.list tr.join td,
table.list tbody tr.join th{
	border-bottom: none;
}


table.list tr.done td{
	padding: 2px 2px 2px 12px;
	font-size: 90%;
}

table.list thead th.left,
table.list thead td.left{
	width: 15px;
	background: url(../images/backgrounds/h2-left.gif) #646566 top left no-repeat;
}

table.list thead th.right,
table.list thead td.right{
	background: url(../images/backgrounds/h2-right.gif) #646566 top right no-repeat;
}

table.list thead th{
	background-color: #646566;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding: 3px 5px 5px 12px;
}

table.list table.list thead th{
	background-color: transparent;
	color: #000;
	border-bottom: 1px solid #646566;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding: 2px;
}


table.list thead .sum th,
table.list thead .sum td,
table.list tbody .sum th,
table.list tbody .sum td,
table.list tfoot .sum th,
table.list tfoot .sum td{
	background: #eee;
	color: #000;
}

table.list th.indent{
  padding-left: 3em;
}

table.list th.head{
  font-weight: bold;
}

table.list tr.odd,
ul.results li.odd,
ul.reacties li.odd{	background-color: #e4f6ff;	}

table.list tr.even,
ul.results li.even,
ul.reacties li.even{	background-color: #bdebff;	}

table.list tbody tr.odd.inactive,
table.list tbody tr.done {	background-color: #f8f8f8; }

table.list tbody tr.even.inactive,
table.list tbody tr.done	{	background-color: #e6e7e8; }

table.list tbody tr.pending td.amount{ color: #aaa; }

table.list a{
	font-weight: bold;
	display:block;
}

table.list span.small{
	font-size: 85%;
	display: block;
}

/* Blankslate styles */
table.list tr.blankslate a{
	display: inline;
}
table.list tr.blankslate td,
#qlists tr.blankslate td{
	padding: 10px;
}


table.list tr.inactive a{
	color: #646566;
}

table.list tbody th{
	font-weight: normal;
}

table.list tbody th p{
	font-size: 90%;
}

.col50{
  width: 50% !important;
}

.col40{
  width: 40% !important;
}


.col30{
  width: 30% !important;
}

.col10{
  width: 10%;
}

table.list td.icon,
table.list th.icon{
  width: 15px;
  padding-left: 5px;
  padding-right: 0;
}

/* Credit buy form */
.credit-options dl.radio{
	margin-bottom: 5px;
}

dl.radio dt{
	background-color: #e4f6ff;
	font-weight: bold;
	color: black;
	padding-left: 20px;
	padding-top: 8px;
}

dl.radio dd{
	background-color: #e4f6ff;
	border-bottom: 1px solid white;
	padding-bottom: 8px;
}

dl.radio input{
	float:left;
	margin-right: 15px;
}

dl.radio dd label{
	padding: 4px 20px 0px 20px;
}

dl.radio ul.errors{
	padding: 0px 20px 0px 50px;
	list-style: disc outside;
}

dl.radio ul.errors li{
	border: none;
	margin-left: 15px;
	color: #BF001F;
	padding: 0;
}


/* Category tree */
ul.categorytree li{
	border-left: 2px solid #646566;
	display:block;
	background: url(../images/backgrounds/treenode.gif) 1px 33px repeat-x;
	padding: 15px 0 0 27px;
	margin-left: 7px;
	position:relative;
}

ul.categorytree li.last{
	background: url(../images/backgrounds/last-treenode.gif) left top no-repeat;
	border: none;
	padding-left: 29px;
}

ul.categorytree .expand{
	position:absolute;
	left: -5px;
	top: 30px;
}

.expand a{
	width: 10px;
	height: 10px;
	background: url(../images/icons/expand.gif) #f80 left top no-repeat;
	overflow: hidden;
	text-indent: -10000px;
	color: white;
	font-size: 2px;
	display:block;
}


ul.categorytree a.expand:hover{
	text-decoration: none;
}

ul.categorytree li div{
	background-color: #bdebff;
	padding: 8px 10px;
}

ul.categorytree li div h3,
ul.categorytree li div h3 a{
	color: black;
	font-size: 100%;
	font-weight: bold;
}

ul.categorytree ul li{
	margin-left: 18px;
	border-left: 2px solid #8a8b8c;
	display:block;
	background: url(../images/backgrounds/treenode.gif) 1px 25px repeat-x;
	padding: 10px 0 0 18px;
	font-size: 90%;
}

ul.categorytree ul li.last{
	background: url(../images/backgrounds/last-subtreenode.gif) left top no-repeat;
	border: none;
	padding-left: 20px;
}

ul.categorytree ul li div{
	background-color: #e6e7e8;
	padding: 6px 8px;
}

ul.categorytree a.button{
	float:right;
}

/*  */



/*********************
  End Common Elements
 *********************/




/*----------------*
   category/index
 *----------------*/
div.column{
	width: 342px;
	margin-right: 10px;
	float:left;
}

div.column.two{
	margin: 0;
}

div.vragenlijst{
	padding-bottom: 20px;
}

div.vragenlijst h2{
	padding: 10px 10px 0 10px;
	background: url(../images/bits/overig.gif) #646566 top left no-repeat;
	color: white;
	font-size: 115%;
	font-style: italic;
	font-weight: bold;
	min-height: 23px;
}

/* All categories */
#content div.nieuws h2{ background-image: url(/images/bits/nieuws.gif); }
#content div.sport h2{ background-image: url(/images/bits/sport.gif); }
#content div.gezondheid h2{ background-image: url(/images/bits/gezondheid.gif); }
#content div.recreatie h2{ background-image: url(/images/bits/recreatie.gif); }
#content div.wonen h2{ background-image: url(/images/bits/wonen.gif); }
#content div.techniek h2{ background-image: url(/images/bits/techniek.gif); }
#content div.regio h2{ background-image: url(/images/bits/regio.gif); }
#content div.geschiedenis h2{ background-image: url(/images/bits/geschiedenis.gif); }
#content div.natuur h2{ background-image: url(/images/bits/natuur.gif); }
#content div.politiek h2{ background-image: url(/images/bits/politiek.gif); }
#content div.financieel h2{ background-image: url(/images/bits/financieel.gif); }
#content div.computer h2{ background-image: url(/images/bits/computer.gif); }
#content div.mode h2{ background-image: url(/images/bits/mode.gif); }
#content div.overige h2{ background-image: url(/images/bits/overige.gif); }
#content div.onderwijs h2{ background-image: url(/images/bits/onderwijs.gif); }
#content div.dieren h2{ background-image: url(/images/bits/dieren.gif); }
#content div.mobiliteit h2{ background-image: url(/images/bits/mobiliteit.gif); }
#content div.muziek h2{ background-image: url(/images/bits/muziek.gif); }
#content div.werken h2{ background-image: url(/images/bits/werken.gif); }
#content div.wetenschap h2{ background-image: url(/images/bits/wetenschap.gif); }
#content div.maatschappij h2{ background-image: url(/images/bits/maatschappij.gif); }
#content div.kunst h2{ background-image: url(/images/bits/kunst.gif); }
#content div.eten h2{ background-image: url(/images/bits/eten.gif); }
#content div.rechtszekerheid h2{ background-image: url(/images/bits/rechtszekerheid.gif); }
#content div.zaken h2{ background-image: url(/images/bits/zaken.gif); }
#content div.games h2{ background-image: url(/images/bits/games.gif); }
#content div.hobby h2{ background-image: url(/images/bits/hobby.gif); }

div.vragenlijst h2 a{
	color: white;
	display:block;
}

div.vragenlijst h2 a:hover{
	text-decoration:none;
}

div.vragenlijst li{
	display:block;
	border-bottom: 1px solid white;
	background-color: #e4f6ff;
	padding: 4px 20px;
}

div.vragenlijst li.highlight{
	position:relative;
	background-color: #ff8800;
	font-weight: bold;
	padding-right: 40px;
	color: white;
}

div.vragenlijst li.highlight em{
	position:absolute;
	right: 0px;
	top: 0px;
	padding: 3px 5px;
}

div.vragenlijst li.last{
	border:none;
}

div.vragenlijst ul.categories{
	display:block;
	background-color: #bdebff;
	text-align: right;
	padding: 3px 10px;
}

div.vragenlijst ul.categories li{
	display:inline;
	color: black;
	background: none;
	padding: 0;
	border: none;
}


/*---------------*
   category/show
 *---------------*/
div.chart{
	width: 342px;
	margin-bottom: 25px;
}

div.chart ul{
	padding: 5px 0;
	background-color: #e4f6ff;
}

div.chart li{
	padding: 5px 20px;
	border-bottom: 1px solid white;
}

div.chart li.last{
	border: none;
}

div.tips{
	float:left;
}

div.mostviewed{
	float:right;
}

/* Survey list */
ul.surveys{
	margin-bottom: 1em;
}

ul.surveys li{
	padding: 5px 20px;
	border-bottom: 1px solid white;
	background-image: none;
	text-align: right;
	position: relative;
}

ul.surveys li.blankslate{
	text-align: left;
	font-weight: bold;
	background-color: #e4f6ff;

}

ul.surveys li.detailed{
	background: url(../images/backgrounds/surveys-detailed.gif) #cbf0ff left top repeat-x;
	border-bottom: 2px solid white;
}

ul.surveys li.odd{
	background: url(../images/backgrounds/surveys-detailed-odd.gif) #eafafd left top repeat-x;
}

ul.done.surveys li,
ul.surveys li.done,
ul.done.surveys li.detailed{
  background: url(../images/icons/tick.gif) #eee 10px 50% no-repeat;
  padding-left: 35px;
}

ul.done.surveys li.odd{
  background-color: #ddd;
}

ul.categorized li{
  padding-left: 50px;
}

ul.categorized li.detailed{
  min-height: 30px;
}

ul.categorized li h3 small,
ul.categorized li h3 small a{
  font-weight: normal;
}
ul.categorized li h3 small a{
  color: #FF8800;
}

ul.categorized li h3,
ul.categorized li p{
  width: 385px;
  clear: none;
}

ul.categorized li img.category{
  position: absolute;
  left: 10px;
  top: 3px;
}


ul.surveys li.fade0{	background-color: #e4f6ff;	}
ul.surveys li.fade1{	background-color: #f1f9fd;	}
ul.surveys li.fade2{	background-color: #f9fcfe;	}

ul.surveys li h3,
ul.surveys li h3 a{
	font-size: 105%;
	color: #0069ad;
	font-style: italic;
	font-weight: bold;
}

ul.surveys li p{
	color: #000;
	font-size: 90%;
}

ul.surveys li p.ratinginfo{
	color: #0069ad;
}

ul.surveys li p.ratinginfo,
ul.surveys li div.rating{
	margin-left: 430px;
	float:none;
	width: auto;
	text-align: right;
	clear:none;
}

ul.surveys li p a{
	color: #f80;
}

ul.surveys li h3,
ul.surveys li p{
	float:left;
	width: 425px;
	text-align: left;
	clear:left;
}

a.moresurveys{
	margin: 5px 5px 25px 0;
}

/*-------------*
	 survey/show
 *-------------*/

#survey_info select,
#survey_info input,
#survey_info textarea{
	width: 180px;
}

#summary{
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
}

#summary tr{
	vertical-align: top;
}

#summary td{
	padding: 10px 15px;
}

#summary td.info{
	background: url(../images/backgrounds/survey-summary-info.gif) #a9d544 top left repeat-x;	
}

#summary td.info p{
	margin-bottom: 1em;
}

#summary td.info dl{
	margin: 0;
}

#summary td.info dt{
	float:left;
	font-weight: bold;
	padding-right: 5px;
}

#summary td.info dd{
	display:block;
}

#summary td.stats{
	width: 195px;
	background: url(../images/backgrounds/survey-summary-stats.gif) #70b212 top left repeat-x;
}

#summary td.stats dl{
	font-weight: bold;
	font-size: 90%;
	margin: 0;
}

#summary td.stats dt{
	color: #000;
	float:left;
	padding-bottom: 5px;
}

#summary td.stats dd{
	color: #646566;
	padding-bottom: 5px;
	text-align: right;
	display:block;
}

#questions{
	padding-bottom: 0;
}

.site div.submit{
	padding: 5px 0;
	border-top: 1px solid #646566;
	border-bottom: 1px solid #646566;
}

.site div.submit p{
	float:left;
	color: #4d4d4d;
}

.site div.submit input.text{
	font-size: 100%;
}

.site p.footnote{
	font-size: 85%;
	margin-top: 5px;
	margin-bottom: 40px;
}

/* =============== */
/* = Survey tips = */
/* =============== */

.survey-tips,
.survey-related{
	background: #BDEBFF;
	padding: 10px;
}

.survey-related{
	border-top: 1px solid #fff;
	margin-bottom: 10px;
}

.survey-tips ul,
.survey-tips p{
	margin: 5px 0;
}

.survey-tips li{
	margin-bottom: 2px;
}

.survey-related a.arrow{
	text-align: left;
	background-position: 100% 3px;
	margin-bottom: 4px;
}

/*-----------------*
   Question error
 *-----------------*/

#questions .error div h3,
#questions .error div ul,
#questions .error div p.explanation,
#questions .error div.submit{
	background-color: #ffe3e3;
}

#questions .error ul{
  margin-left: 0;
	background-color: transparent;
}

#questions .edit .error ul{
  margin-left: 0;
}

/*-------------*
	 survey/edit
 *-------------*/
.splitpane{
	border-collapse: collapse;
	margin-bottom: 30px;
}

.splitpane tr{
	vertical-align: top;
}

.splitpane td{
	padding: 0;
	background-color: #e4f6ff;
	text-align: left;
	width: 342px;
}

.splitpane div.edit,
#banner_header div.edit,
div.edit{
	text-align: right;
	background-color: #bdebff;
	padding: 5px 8px 5px 8px;
	margin-bottom: 0;
}

.spaced{
	margin-bottom: 20px;
}

div.edit.inactive{
	background-color: #a3a4a6;
}

div.inactive a.arrow{
	color: #fff;
}

.splitpane dl,
.splitpane .box,
.splitpane .box dl.box{
	padding: 12px 8px 12px 18px;
	margin: 0;
}

.inputwrap dl.inputwrap{
  padding-left: 0;
  margin-bottom: 5px;
}

.splitpane .box dl{
	padding: 0;
}

.banner.whitebg{
	background: #fff;
}

.splitpane dt,
.inputwrap dl.inputwrap dt{
	font-weight: bold;
	color: #000;
	float: left;
	width: 95px;
	padding-bottom: 0.5em;
}

.inputwrap dl.inputwrap dd,
.splitpane dd{
	margin-left: 100px;
	color: #4d4d4d;
	padding-bottom: 0.5em;
}

.splitpane dd.textoverflow{
  overflow: hidden;
  text-overflow: ellipsis;
}

.splitpane div.edit.right{
	border-bottom: 10px solid #fff;
}

.splitpane td.left{
	border-right: 10px solid #fff;
}

.splitpane td.edit{
	vertical-align: bottom;
}

label{
	display: block;
}

div.spinner{
	background-image:url(/images/dots-white.gif);
	background-position:center;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:5px;
	line-height:16px;
	margin-right:5px;
	width:21px;		
}
div.spinner-round{
	background-image:url(/images/spinner-blue.gif);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:16px;
	line-height:16px;
	padding-left:22px;		
}

div.publish-button p{
	padding: 0px 0px 0px 10px;
	margin-bottom: 1em;
}

/*---------------*
   survey/result
 *---------------*/
div.result em,
div.ratingwrap em,
div.contactwrap em{
	font-size: 110%;
	font-weight: bold;
	display:block;
	font-style: normal;
} 
 
div.result{
	padding: 5px 15px;
	margin-bottom: 2px;
	background-color: #f80;
	color: #fff;
}

div.ratingwrap{
	padding: 5px 15px;
	background-color: #ffe1c1;
	margin-bottom: 25px;
}

div.ratingwrap em{
	color: #000;
}

div.result strong{
	display:block;
}

div.result em strong{
	display: inline;
	color: #000;
	font-size: 120%;
}

div.result em,
div.result p{
	width: 400px;
	float:left;
	clear:left;
}

div.result div{
	font-size: 90%;
	margin-left: 405px;
	text-align: right;
}

#rating{
	float:right;
	width: 100px;
	padding-top: 2px;
}

#rating a{
	background: url(../images/icons/star-rate-off.gif) 0 0 no-repeat;
	width: 20px;
	height: 20px;
	float: left;
	display: block;
}

#rating a.rating_on{
	background: url(../images/icons/star-rate-on.gif) 0 0 no-repeat;
}

div.contactwrap {
  background-color: #BDEBFF;
  padding: 5px 15px;
  margin-bottom: 10px;
}
div.contactwrap p{
  margin-bottom: 5px;
}
div.contactwrap input.text{
  width: 325px;
  font-size: 100%;
}

#question-nav{
	margin-top: 5px;
	margin-bottom: 30px;
}

#question-nav li{
	float:left;
	margin-right: 2px;
}

#question-nav li a{
	padding: 2px 5px;
	color: #fff;
	display:block;
}

#question-nav li.goed{ background-color: #aad642; }
#question-nav li.fout{ background-color: #646566; }

h4{
	padding: 2px 0;
	border-bottom: 1px solid #c6c7c6;
	font-weight: normal;
	font-size: 100%;
	margin-bottom: 5px;
	
	margin-top: 1em;
}

/*----------------*
	 survey/prolong
 *----------------*/
div.prolong-details{
	padding: 8px 20px;
	background-color: #e4f6ff;
}

div.prolong-details dl{
	margin-top: 1em;
	margin-bottom: 0;
}

div.prolong-details dt{
	float:left;
	width: 70px;
	color: black;
	font-weight: bold;
}

/*------------*
   survey/new
 *------------*/

div.terms-of-service{
	border: 1px solid #000;
	margin-bottom: 1em;
	overflow: auto;
	height: 100px;
	background: #fff;
	padding: 5px;
}

div.inputwrap.tight,
dl.inputwrap.tight{
	margin-bottom: 5px;
}

div.inputwrap,
dl.inputwrap{
	padding: 8px 20px;
	background-color: #e4f6ff;
	margin-bottom: 20px;
}

dl.inputwrap{
	padding-bottom: 0;
	margin-top: 0;
}

div.inputwrap input.text,
div.inputwrap textarea{
	width: 645px;
}

div.inputwrap input.text.bold{
	font-weight: bold;
	color: #000;
}

.inputwrap h3{
	margin-bottom: 1em;
}

.inputwrap p.note{
	margin-top: 1em;
}

p.note{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

div.inputwrap input.text.small{
	width: 150px;
}

div.inputwrap input.text.medium{
	width: 300px;
}

div.inputwrap input.checkbox{
	float:left;
}

div.inputwrap label.strong{
	color: black;
	font-weight: bold;
}

dl.inputwrap input.text,
dl.inputwrap textarea{
	width: 480px;
}

input.title{
	font-weight: bold;
	color: #000;
}

dl.inputwrap dt{
	font-weight: bold;
	color: black;
	float:left;
}

dl.inputwrap dd{
	margin-left: 165px;
	padding-bottom: 8px;
}

/*--------*
   Scores
 *--------*/
div.summary{
	background: url(../images/backgrounds/score-summary.gif) left top repeat-y;
	margin-bottom: 20px;
}

div.summary div{
	width: 342px;
	background-color: #e4f6ff;
	float:left;
}

div.summary div.last{
	margin-left: 10px;
	float:right;
}

div.summary dl,
div.summary table{
	margin: 0;
	padding: 8px 20px;
}

div.summary table{
	width: 100%;
}

div.summary table th{
	vertical-align: top;
	text-align: left;
	width: 75px;
	padding-right: 10px;
}

div.summary dt{
	float: left;
	width: 110px;
	font-weight: bold;
	color: black;
}

div.summary dt,
div.summary dd{
	padding-bottom: 4px;
}

div.summary dd{
  overflow: auto;
}

div.display-option{
	padding: 3px 20px;
	background-color: #e6e7e8;
	margin-bottom: 10px;
	color: black;
}

div.display-option label,
form.search label,
form.bar label{
	display: inline;
	font-weight: bold;
}

div.display-option form{
	display:inline;
}

div.display-option select{
	margin-left: 10px;
	padding: 1px;
	width: 180px;
}

/* Statistieken */
/* stond overal #stats voor */
table.statistics{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

table.statistics tr{
	vertical-align: top;
}


table.statistics tr.odd th{	background-color: #bdebff; }
table.statistics tr.even th{	background-color: #a9e3ff; }
table.statistics tr.odd td{	background-color: #e4f6ff; }
table.statistics tr.even td{	background-color: #ccedff; }

table.statistics th{
	width: 70px;
	padding: 1px 3px 1px 17px;
	color: #000;
	font-size: 80%;
	text-align: left;
	font-weight: normal;
}

table.statistics td{
	width: 60px;
	padding: 3px 3px 3px 17px;
	color: #646566;
}

table.statistics td.header{
	font-style: italic;
	font-weight: bold;
	padding-top: 5px;
}

table.statistics div.bar{
	width: 350px;
}

table.statistics div.visitors{
	height: 8px;
	font-size: 1px;
	background: url(../images/backgrounds/stats-lastweek-visitors.gif) #88c300 left top repeat-x;
}

table.statistics div.respondents{
	height: 8px;
	font-size: 1px;
	background: url(../images/backgrounds/stats-lastweek-respondents.gif) #ff650d left top repeat-x;
}

div.graph{
	padding: 12px;
	background-color: #e4f6ff;
	margin-bottom: 20px;
}

table.referrers{
	width: 100%;
	border-collapse: collapse;
	color: #646566;
	background-color: #e4f6ff;
	padding-bottom: 15px;
}

table.referrers th{
	font-style: italic;
	font-weight: bold;
	padding: 10px 3px 10px 17px;
	width: 50%;
	text-align: left;
}

table.referrers td{
	padding: 2px 3px 2px 17px;
	width: 50%;
}

table.referrers tr.last td{
	padding-bottom: 17px;
}

/* Reacties */
ul.reacties li{
	padding: 13px;
	border-bottom: 1px solid white;
}

ul.reacties a.delete{
	float:right;
	display:block;
	color: #f80;
	font-weight: bold;
}

ul.reacties li h3{
	color: #000;
	font-weight: normal;
}




/*-------------------*
	 account/dashboard
 *-------------------*/
.active span.nonfree,
.inactive span.nonfree{
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -1000px;
	overflow: hidden;
	background: url(/images/icons/eurosign.gif) 0 0 no-repeat;
}

.inactive span.nonfree{
	background: url(/images/icons/eurosign-gray.gif) 0 0 no-repeat;
}

#qlists thead th{
	padding: 7px 5px 7px 3px;
}

#qlists th,
#qlists td{
	text-align: left;
	padding: 5px 5px 5px 3px;
	border:none;
}

/*-----------------*
	 account/show
	 account/credits
 *-----------------*/
dl.space, div.space{
	margin-bottom: 2px;
}

dl.accountdetails{
	background-color: #e4f6ff;
	padding: 8px 20px;
	margin: 0;
}

dl.accountdetails.inactive{
	background-color: #f8f8f8;
}

dl.accountdetails dt{
	color: black;
	font-weight: bold;
	float:left;
	padding-bottom: 5px;
	width: 135px;
}

dl.accountdetails dd{
	margin-left: 135px;
	padding-bottom: 5px;
}

dl.accountdetails .address{
	padding-top: 20px;
	padding-bottom: 10px;
}	

.admin div.edit,
.my-account div.edit{
	margin-bottom: 20px;
}

#banner_header .hidden{
  display: none;
}

#banner_header.banner-uploaded .hidden{
  display: block;
}


/*-----------------*
	 account/index
 *-----------------*/
form.search{
	font-weight: bold;
	color: black;
	background-color: #e6e7e8;
	padding: 5px 10px;
	margin-bottom: 15px;
	vertical-align: middle;
}

form.search input,
form.search select{
  vertical-align: middle;
}

form.bar{
  background-color:#BDEBFF;
  padding:5px 8px;
  margin-bottom: 20px;
}

form.bar input,
form.bar select,
form.search input{
	vertical-align: middle;
}

form.search input.text{
	width: 300px;
	font-weight: normal;
}

ul.results{
	margin-bottom: 5px;
}

ul.results li{
	padding: 7px 13px;
	border-bottom: 1px solid white;
}

ul.results li h3,
ul.results li h3 a{
	color: #000;
	font-weight: bold;
}

#questions li.error div,
.invalid,
form div.invalid,
form dl.invalid,
ul.results li.invalid{
	background: #ffbdbd;
}

.invalid h3 strong{
	color: #f00;
}

ul.results li p{
	font-size: 90%;
}

/*-----------------*
	 account/admin
 *-----------------*/
div.add-mutation{
	text-align: right;
	margin-bottom: 20px;
}

div.add-mutation a{
	background: url(../images/icons/plus.gif) left 50% no-repeat;
	padding-left: 30px;
	font-weight: bold;
	font-size: 95%;
}
 

/*-------*
   login
 *-------*/
form.login{
	padding: 8px 20px;
	background-color: #e4f6ff;
}

form.login label{
	color: black;
	font-weight: bold;
	margin-top: 5px;
}

/*--------------*
   banner/index
 *--------------*/
ul.banners li{
	margin-bottom: 20px;
	display:block;
}

div.bannerstats{
	margin-left: 75px;
	padding: 10px;
}

div.bannerstats img{
	float:left;
}

dl.bannerstats dt,
dl.options dt{
	float:left;
	width: 60px;
	color: black;
	font-weight: bold;
}

dl.bannerstats dd,
dl.options dd{
	margin-left: 65px;
	padding-bottom: 2px;
}

dl.options dt{
	width: 10em;
	font-weight: normal;
}

dl.options dd{
	margin-left: 10em;
}

/*-------------*
   banner/show
 *-------------*/
div.inputwrap img.banner{
	float:left;
}

#upload{
	margin-left: 250px;
}

#upload input.text{
	width: 325px;
	margin-bottom: 5px;
}

#upload p input{
	vertical-align: middle;
	padding-top: 2px;
}

dl.bannerdetails{
	padding: 8px 20px;
	background-color: #e4f6ff;	
}

dl.bannerdetails dt{
	color: black;
	float:left;
	width: 100px;
	font-weight: bold;
	padding-bottom: 5px;
}

dl.bannerdetails dd{
	margin-left: 100px;
	padding-bottom: 5px;
}




/**********
   FOOTER
 **********/
#footer{
  clear: both;
	border-top: 1px solid #eaeaea;
	font-size: 85%;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-top: 30px;
}

#wrapper #footer{
  width: auto;
}

#footer p{
	display:inline;
}	

#footer ul{
	float:right;
	display:block;
}

#footer ul li{
	display:inline;
}

#footer a{
	color: #4d4d4d;
}








/************************
  SIDEBAR (right column) 
 ************************/

#sidebar{
	width: 190px;
	padding: 0;
	margin-left: 710px;
	font-size: 85%;
}

/*-----------------*
	 Common elements
 *-----------------*/
#sidebar h3{
	font-style: normal;
	color: #000;
	background: none;
	font-size: 120%;
	margin-bottom: 0.2em;
}

div.flash,
#sidebar div.flash,
div.error,
div.success{
	color: #fff;
	margin-bottom: 5px;
}

#sidebar div.flash{
	padding: 3px	
}


strong.charged,
strong.blocked{
	display:block;
	margin: 1em 0;
	padding: 10px;
	background: #bdebff;
}

strong.blocked{
	background: #ffbdbd;
}

/* Error message */
div.error,
div.success,
div.notice,
div.help{
	background: url(../images/backgrounds/error.gif) #fc352e left top repeat-x;
	padding: 8px 20px;
	color: white;
	font-weight: bold;
}

div.success{
	background: #3cb100;
}

div.notice,div.help{
	background: #feffbd;
	color: #000;
	font-weight: normal;
}

div.help{
	padding: 10px;
}

/* Stats section */
dl.stats{
	background-color: #bdebff;
	padding: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
}

dl.stats.useradmin{
	font-size: 95%;
	margin-top: 45px;
}

dl.stats.useradmin dd,
dl.stats.useradmin dt{
	line-height: 1.4;
}

dl.stats dt{
	font-weight: bold;
	color: #000;
	width: 95px;
	float:left;
}

dl.stats dd{
	margin-left: 100px;
}

.lowered,
dl.stats.lowered{
	margin-top: 30px;
}

dl.stats.summed dt{
	width: 130px;
	padding: 3px 5px 2px 0;
}

dl.stats.summed dd{
	margin-left: 135px;
	padding: 3px 0 2px 0;
}

dl.stats .border{
	border-bottom: 1px solid black;
	padding-bottom: 5px;
}

/* Non-free options */
div.charged,
strong.charged{
	background: url(../images/backgrounds/eurosign.gif) #fafafa 10px 10px no-repeat;
	padding: 10px 10px 10px 32px;
	font-style: normal;
	color: #000;
	display:block;
	margin-bottom: 0.5em;	
	font-weight: bold;
}


/* Tasks */
ul.tasks{
	margin-bottom: 10px;
}

ul.tasks li{
	display:block;
	border-bottom: 2px solid #fff;
}

ul.tasks li a,
ul.tasks li.task{
	padding: 5px;
	color: #000;
	background-color: #e6e7e8;
	display:block;
}

ul.tasks li label,
label.inline{
	display: inline;
}

ul.tasks select{
	width: 120px;
	margin-top: 2px;
}

ul.tasks option{
	padding: 1px;
}

ul.tasks.webpage{
	margin-top: 45px;
}

/* Main menu */
ul.menu{
	background: url(../images/backgrounds/menu.gif) #f8ffe8 bottom left repeat-x;
	display:block;
	margin-bottom: 10px;
}

ul.menu li{
	display:block;
	border-bottom: 1px solid white;
}

ul.menu li a,
ul.menu li span{
	display:block;
	width: 175px;
	padding: 5px 5px 5px 10px;
	background: none;
	color: #646566;
}

ul.menu li a:hover,
ul.menu li span{
	background: url(../images/backgrounds/menu-hover.gif) #eefccb bottom left repeat-x;
	text-decoration: none;
	color: #000;
}

ul.menu li span{
	font-weight: bold;
}


div.subcats{
	background-color: #fcfcfc;
	padding: 10px;
}

div.subcats h2{
  background: none;
  color: #000;
  margin: 0 0 8px 0;
}

div.subcats li{
	display:block;
	padding: 4px 0;
}

div.subcats li a{
	color: #646566;
}

/*----------------*
   category/index
 *----------------*/
#searchfield{
	background: url(../images/backgrounds/searchfield.gif) top left no-repeat;
	padding: 8px;
	position:relative;
	margin-bottom: 1px;
}

#searchfield input.text{
	width: 120px;
}

#searchfield input.button{
	position:absolute;
	top: 6px;
	right: 8px;
}

#loginfield{
	background-color: #bdebff;
	padding: 10px;
	margin-bottom: 10px;
}

#loginfield h3{
	font-weight: bold;
	font-size: 120%;
}

#loginfield p,
#loginfield h3{
	color: black;
}

#loginfield label{
	font-weight: bold;
	padding-bottom: 2px;
}

#loginfield input.text{ 
	width: 164px;
	margin-bottom: 5px;
}

#loginfield input.button{ 
	float:right;
}

#loginfield p.aanmelden{
	color: #4d4d4d;
	font-size: 85%;
	margin-top: 0.4em;
}

#loginfield p.aanmelden a{
	font-weight: bold;
}



/*---------------*
	 survey/result
 *---------------*/
#latestrespondents,
#sidebar .info{
	padding: 10px 10px 15px;
	margin-bottom: 10px;
	background-color: #bdebff;	
}

#sidebar .sharing{
  margin-left: 4px;
  height: 32px;
  margin-bottom: 10px;
}

#sidebar .sharing div.atclear {
  clear:none;
}

/* Laatst ingevuld door... */
#latestrespondents{
	background-color: #e6e7e8;
}

#latestrespondents dl.stats{
	background: none;
	margin: 0;
	padding: 0;
}

#latestrespondents dl.stats dt{
	width: 85px;
	overflow: hidden;
	white-space: nowrap;
}

#latestrespondents dl.stats dd{
	margin-left: 90px;
}

/* Plaats reactie */
#newcomment,
#commentwrap{
	background-color: #fafafa;
}

#newcomment{
	padding: 10px 10px 5px;
}

#newcomment label{
	float:left;
	width: 40px;
	padding: 2px 0;
}

#newcomment form{
	display:block;
	padding: 5px 0;
}

#newcomment input.text{
	width: 124px;
	background-color: #fff;
	margin-bottom: 5px;
}

#newcomment textarea{
	width: 164px;
	height: 50px;
}

#newcomment input.button{
	margin: 5px 0 0 85px;
}

#commentwrap{
	padding-bottom: 5px;
}

#commentwrap h3{
	padding: 0 10px;
}

#commentwrap a{
	margin-right: 5px;
}

#comments li{
	padding: 10px 10px 15px;
	margin-bottom: 5px;
	background-color: #f3f3f3;
}

#comments li.owner,
ul.reacties li.owner{
	background-color: #FFE1C1;
}

#comments h4{
	border: none;
	font-weight: bold;
	color: #000;
	padding: 0 0 1px 0;
	margin: 0;
}

/* ======== */
/* = Help = */
/* ======== */

table.help{
	width: 100%;
	margin: 1em 0 ;
}

table.help td{
	padding: 5px 2px;
	border-bottom: 1px solid #ddd;
}

table.help .example{
	width: 50%;
}

.text ul,
.text ul li{
	list-style: disc outside;
}

.text ol,
.text ol li{
	list-style: decimal outside;
}

.text ol,
.text ul{
	margin-left: 2.5em;
}

.text p,
.text ul,
.text ol,
.text h2,
.text h3{
	margin-top: 1em;
}

.text h2, .text h3{
	font-size: 100%;
	background: none;
	color: #000;
}

.text h3{
	margin-bottom: 0;
	color: #4D4D4D;
}

.help h3{
	margin-top: 0;
}

table td.center{
	text-align: center;
}

table td.right{
	text-align: right;
}

/* =========== */
/* = Invoice = */
/* =========== */

.invoice .return{
	display: none;
}

.invoice address,
.invoice p{
	margin: 1em 0;
	font-style: normal;
}

.invoice table{
	margin: 2em 0;
	width: 100%;
	border-collapse: collapse;
}

.invoice th, .invoice td{
	padding: 2px;	
}

.invoice thead th{
	text-align: left;
	border-bottom: 1px solid #000;
	background: #eee;
}

.invoice tfoot .first th,
.invoice tfoot .first td{
	border-top: 1px solid #000;	
}

.invoice tbody th{
	text-align: left;
}

.invoice tfoot th,
.invoice tfoot td,
.invoice tbody td{
	text-align: right;
}

.invoice table.info tbody td{
	text-align: left;
}


/* ========= */
/* = Steps = */
/* ========= */

.steps {
	width: 100%;
	margin-bottom: 1em;
}
.steps li{
	float: left;
	width: 33%;
	font-weight: bold;
}
.steps li span{
	color: #000;
}

.steps li.active{
	color: #FF8800;
}
.steps li.active span{
	color: #FF8800;	
}

/* ===================== */
/* = Subscription only = */
/* ===================== */

.no-option dt,
.no-option,
.no-subscription .subscription-only dt,
.no-subscription .subscription-only dl.inputwrap dt,
.no-subscription .subscription-only{
  color: #999 !important;
}

.subscription-notice{
  color: #000;
  font-weight: bold;
  display: block;
}

p.subtitle .subscription-notice{
  color: #fff;
}

.no-option,
.no-option .inputwrap,
.no-subscription .inputwrap.subscription-only,
.no-subscription .inputwrap.subscription-only .inputwrap{
  background: #f1f1f1;
}

/* ======== */
/* = Tags = */
/* ======== */

span.tag{
  background: #00b6ff;
  padding: 2px 8px;
  color: #fff;
  border-radius: 5px;
  font-size: 10px;
}

span.tag.poll_survey{
  background: #56cb01;
}


/* ======== */
/* = User = */
/* ======== */

#user{
  position: absolute;
  right: 0;
  z-index: 100;
}

#user .user{
  text-align: right;
  margin-right: 10px;
}

/* Login */

#login{
  display: inline-block;
  position: relative;
  color: #fff;
}

#login dt{
  position: relative;  
  z-index: 1;
  display: inline-block;
  margin: 0px 0px 0px -10px; 
}

#user .dashboard,
#login dt a{
	display:block;
	float:left;
	color: #fff;
	background: url(../images/backgrounds/tabs/login-left.gif) #00b6ff top left no-repeat;
	padding: 0 0 0 6px;
	margin-right: 5px;
	text-decoration: none;
	height: 27px;
}

#user .dashboard span,
#login dt a span{
	background: url(../images/backgrounds/tabs/login-right.gif) #00b6ff top right no-repeat;
	padding: 2px 16px 0 10px;
	color: #fff;
	line-height: 22px;
	display:block;
	float:left;
}

#login dd{
  display: none;
}

#login.open dd{
  background: url(../images/backgrounds/login.png) 0 bottom no-repeat;
  font-size: 90%;
  display: block;
  text-align: left;
  position: absolute;
  margin-top: -3px;
  right: 3px;
  padding: 8px;
  width: 176px;
}

#login input.submit{
  margin-top: 5px;
  width: auto;
}

#login div.errors{
  color: #ff8901;
  margin-bottom: 8px;
}

#login input{
  width: 168px;
  border: none;
}

#login label{
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 4px;
  display: block;
}

#login .submit p,
#login .submit a{
  float: left;
  color: #fff;
}

#login .submit a{
  font-weight: bold;
  text-decoration: underline;
}

#login p.aanmelden{
  font-size:85%;
}