﻿html,body 
{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}
body
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pt;
}

#container
{
	width:740px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#header
{
	background-color:white;
	background-image:url('/images/logo.jpg');
	background-repeat:no-repeat;
	background-position:20px center;
	height:100px;
	width:100%;
}

#welcome
{
	float:right;
	clear:both;
}

#siteactions
{
	float:right;
	clear:both;
}

#payoff
{
	float:right;
	clear:both;
	margin-top:20px;
	margin-right:20px;
}

#menubar
{
	height:30px;
	width:100%;
	background-image:url('/images/menu_bg.jpg');
	background-repeat:repeat-x;
}

#menu
{
	float:left;
	margin:0;
	padding:0;
	height:30px;
	list-style-type:none;
}


#menu li:hover
{
  background-image:url('/images/menu-bghover.png');
}

.menuItem
{
	zoom:1;
	float:left;
	padding-left:20px;
	padding-right:20px;
	padding-top:5px;
	border-right:1px white solid;
	height:24px;
	text-decoration:none;
	color:white;
	font-style:normal;
	cursor:hand;
}

#menu li.active
{
  background-image:url('/images/menu-bghover.png');
}


#content
{
	margin-top:15px;
}

ul.enquete
{
	margin:0px;
	padding:0px;
	clear:both;
	display:block;
}
ul.enquete li
{
	list-style:none;
	visibility:hidden;
}

ul.enquete li td
{
	vertical-align:top;
}

/* Question Description Container */
.questionDescriptionContainer
{
    padding: 5px 5px 5px 5px;
    color:#0000a0;

}

.questionDescriptionContainer div
{
	clear:both;
}




.questionDescriptionContent span
{
	font-size:10pt;
	display:block;
	margin:5px 5px 5px 5px;
	clear:both;
}

.questionDescriptionHeader span,.questionDescriptionFooter span
{
	float:left;
}

/* Question Container */
.questionContainer
{
	background-color:#3774DF;
	clear:both;
	width:520px;
	margin-left:10px;
	height:100%;
		
}

.questionContainer div
{
	clear:both;
}

.questionHeader
{
    margin:10px;
	height:66px;
}

.questionHeader span
{
	font-weight:bold;
	font-size:12pt;
	color:#FFF;
	margin-top:15px;
	margin-left: 10px;
	float:left;
}

.questionTitle-StellingNr
{
  color:#fff;
  font-weight:bold;
  font-size:10pt;
  margin-bottom:10px;
  margin-top:20px;
  margin:10px;
}

.questionTitle-Content
{
    color:#fff;
    font-size:11pt;
    font-weight:bold;
    margin:10px;
    height:75px;
}

.questionTitle-Expl
{
    color:#fff;
    font-size:11pt;
    margin:10px;
}



.questionContent span
{
	display:block;
	margin-left:20px;
	clear:both;
}

.questionHeader span,.questionFooter span
{
	float:left;
}


.questionnaireSubmit
{
    float:right;
    margin-right:10px;
    font-weight:bold;
}

.previousButton
{
    margin-left:10px;
    float:left;
}

.nextButton
{
  margin-right:10px;
  float:right;
}

/* Content Container */

.contentHeader
{
}

.contentHeader span
{
	font-size:22pt;
	color:#295093;
	text-transform:uppercase;
	margin-top:15px;
	margin-left:15px;
	float:left;
	height:45px;
}

.contentContent
{
	background-color:#3774DF;
}

.contentContent span
{
	display:block;
	clear:both;
}

.contentHeader span,.contentFooter span
{
	float:left;
}


/* The Right Content Panel (green) will be provisioned with Advice when Result page is called */
.SGI-AdvicePanel
{
    color:#000;
    
}

.SGI-ResultTable
{
    width:100%;
}

a.SGI-LinkButton
{
    display:block;
    background-image:url('/images/linkbutton_bg.png');
    border-style: solid;
    border-width:1px;
    border-color:#46AAC5;
}

a.SGI-LinkButton:hover
{
    background-image:url('/images/linkbutton_bg_hover.png');
}

/* vary with subclasses */
.SGI-RatingDescription
{
}

.contentDesc
{
    color:#fff;
    padding-top:10px;
   	margin-left:20px;
    padding-right:10px;
}


.SGI-AnswerPanel
{
    vertical-align:bottom;
}

.SGI-StartAnalyse-Table
{
	margin-left:20px;
}

.SGI-StartAnalyse-Table td
{
	padding-top:3px;
}

.SGI-StartAnalyse-StartButton
{
	margin-top:10px;
    float:right;
}

div.body-rounded-topleft {
  width: 15px;
  height:15px;
  background: #fff url('/images/body-top-left.gif') no-repeat top left;
  float:left;
}

div.body-rounded-topright {
  width: 15px;
  height:15px;
  background: #fff url('/images/body-top-right.gif') no-repeat top right;
  float:right;
}

div.body-rounded-bottomleft {
  width: 15px;
  height:15px;
  background: #fff url('/images/body-bottom-left.gif') no-repeat bottom left;
  float:left;
}

div.body-rounded-bottomright {
  width: 15px;
  height:15px;
  background: #fff url('/images/body-bottom-right.gif') no-repeat bottom right;
  float:right;
}

div.desc-rounded-topleft {
  width: 15px;
  height:15px;
  background: #fff url('/images/desc-top-left.gif') no-repeat top left;
  float:left;
}

div.desc-rounded-bottomleft {
  width: 15px;
  height: 15px;
  background: #fff url('/images/desc-bottom-left.gif') no-repeat bottom left;
  float:left;
}

div.desc-rounded-topright {
  width: 15px;
  height:15px;
  background: #fff url('/images/desc-top-right.gif') no-repeat top right;
  float:right;
}

div.desc-rounded-bottomright {
  width: 15px;
  height:15px;
  background: #fff url('/images/desc-bottom-right.gif') no-repeat bottom right;
  float:right;
}

div.q-top-left
{
  width: 15px;
  height: 15px;
  background: #fff url('/images/q-top-left.gif') no-repeat bottom left;
  float:left;
}

div.q-top-right
{
  width: 15px;
  height:15px;
  background: #fff url('/images/q-top-right.gif') no-repeat bottom right;
  float:right;
}

td.orange-spacer
{

	background-color: #FE951D;
}

.imagepos
{
	margin-top:-3px;
	background-color:#fff;
}

.blue-spacer
{
	background-color: #3774DF;
}

.green-spacer
{
	background-color: #A0F564;
}

.leftheader
{
	padding-left:15px;
	background-color: #FE951D;
	height:70px;
}


.leftcontent
{
	margin-left:15px;
	background-color: #3774DF;
}

.rightcontent
{
	background-color:#A0F564;
}

.questionDescription-AchtergrondHeader
{
    font-weight:bold;
    margin:7px;
}

.questionDescription-AchtergrondBody
{
	width:165px;
    margin:7px;
    font-weight:normal;
}

.SendAFriendForm
{
	margin-left:20px;
	color:#fff;
}

.highlight
{
	background-color:LemonChiffon;
}