html, body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.surveyBody {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	background-image:url(images/bmi-background.png);        
	background-repeat:no-repeat;   
    background-position-x: 340px;
    background-position-y: 200px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.stopwatch {
	display: none; /*== STANDAARD UIT (zet op block in css-variant voor het tonen van de stopwatch) ==*/
	color: #fff;
	position:absolute;
	top: 150px;
	left: 10px;
}


/*========== Layout Elements ==========*/

#Container {
	width:100%;
	height:100%;
}

#afname {
	position: absolute;
	width:720px;
}
 
#Header {
	width:100%;
	height:106px;
	xbackground-image:url(../images/hrm_banner_tile.jpg);
	xbackground-repeat:repeat-x;
}
#txtHeaderProject {
    display: none;
	position:absolute;
	left:490px;
	top:40px;
	width:450px;
}

#QMProduct {
	position:absolute;
	left:10px;
	top:10px;
	width:650px;
	font-size:9px;
	color: #777;
}

#HeaderImage {
	width:1000px;
	height:106px;
    margin-left: 250px;
	background-repeat:no-repeat;
    background-position-x: 20px;
}
#FeedbackStart {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackStartT.png);
	background-repeat:no-repeat;
}
#FeedbackStart360 {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackStart360.png);
	background-repeat:no-repeat;
}
#menuImgStart {
	position:absolute;
	left:180px;
	top:32px;
	width:50px;
	height:50px;
	background-repeat:no-repeat;
}
#FeedbackBeheer {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackBeheerT.png);
	background-repeat:no-repeat;
}
#FeedbackOverzichten {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackOverzichtenT.png);
	background-repeat:no-repeat;
}
#RespondendStart {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackStartT.png);
	background-repeat:no-repeat;
}
#QuestionairStart {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackBeheerT.png);
	background-repeat:no-repeat;
}
#FeedbackZoeken {
	cursor:hand;
	width:100px;
	height:100px;
	xbackground-image:url(../images/FeedbackZoekenT.png);
	background-repeat:no-repeat;
}
#tabs {
	position:absolute;
	top:76px;
	left:250px;
	width:700px;
}
#MainScreen {
	width:1000px;
	height:130%;
	xbackground-image:url(../images/hrm_bgcontent.jpg);
	background-repeat:no-repeat;
}
#Content {
	width:720px;
	margin:10px 0px 0px 15px;
	float:left;
}
.ReportArea {
	width:720px;
	margin:10px 0px 0px 15px;
	float:left;
}
#Content p {
	color:#000000;
	margin:0px 15px 5px 0px;
	line-height:130%;
}
#Footer {
	width:600px;
	margin:10px 0px 0px 15px;
	float:left;
}
#PageElements {
	display:none;
}

/*========== Menu Elements ==========*/

#Menu {
    width: 250px;
    height: 130%;
    float: left;
    color: #aaa;
    background-image: url(images/uvalogoAmsterdamBusinessSchool.jpg);
    background-repeat: no-repeat;
    background-size: 230px;
    background-position-y: 18px;
    background-position-x: 10px;
}
#Menu a, p {
	color:#FFFFFF;
}

#Menu .item {
	padding:2px 0px 5px 15px;
}
#Menu .item p {
	color:#FFFFFF;
	padding:0px;
	margin:10px 0px 5px 0px;
}
#Menu .item div {
	display:none;
}

#Menu .item_active {
	padding:2px 0px 5px 15px;
}
#Menu .item_active p {
	color:#FFFFFF;
	padding:0px;
	margin:10px 0px 5px 0px;
}
#Menu .item_active div {	
	padding-left:10px;
	display:block;
}

#loginPersonData {
	display:none;    
}

/*========== Form Elements ==========*/

form, input, textarea, select, button, submit {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.input {
	border:1px solid #c5c6c8;
	overflow:visible; /* IE7 */
}
.textarea {
	border:1px solid #c5c6c8;
	overflow:auto; /* IE7 */
}
.select {
	border:1px solid #c5c6c8;
}
.select option {
	padding:0px 10px 0px 0px;
}
.button {
	background-color:#FFFFFF;
	border:1px solid #009ee0;
	padding:2px 10px 3px 10px;
	overflow:visible; /* IE7 */
}
.button_small {
	background-color:#FFFFFF;
	border:1px solid #009ee0;
	overflow:visible; /* IE7 */
}
.submit {
	background-color:#009ee0;
	padding:2px 10px 3px 10px;
	border:1px solid #c5c6c8;
	color:#ffffff;
	overflow:visible; /* IE7 */
}



/*========== Style Elements ==========*/

h1 {
	font-size:14px;
	color:#ca403d;
	margin:0px;
}
h2 {
	font-size:24px;
	margin:0px;
	padding:0px;
}
.HeaderText {
	width:605px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #c5c6c8;
}
.tblForm td {
	padding:5px 0px 5px 0px;
}

/*.tblForm table td {
	padding:0px;
} */

.tblForm .cellActions input {
	margin:2px 0px 2px 0px;
	width:300px;
}
.tblSelectMultiple input {
	margin:2px 0px 2px 0px;
}

hr {
 	height: 1px;
	color: #c5c6c8;	
}

/*========= AW HRMLink ========*/

.aw-button-hrml { 
	border:1px solid #009ee0;
	overflow:visible; /* IE7 */
} 
.aw-button-hrml, .aw-button-hrml .aw-item-box { 
	background-image: url(); 
 	background-color:#ffffff!important;
	color:#000000;
	overflow:visible; /* IE7 */
} 

.aw-button-submit {
	border:1px solid #009ee0;
	overflow:visible; /* IE7 */
} 
.aw-button-submit, .aw-button-submit .aw-item-box {
	background-image: url(); 
 	background-color:#009ee0;
	color:#ffffff;
	overflow:visible; /* IE7 */
} 

.aw-mouseover-button {
	border:1px solid #22bff2;
} 
.aw-mousedown-button {
	border:1px solid #007cc0;
} 
.aw-mousedown-button .aw-item-text {
	margin-left:2px;
}


/*========= Afname ========*/

#ContentHolder {
	width:700px;
	font-size:12px;
	line-height:150%;
}
#ProgressBar {
	width:300px;
	padding:2px 10px 7px 10px;
	border:1px solid #000000;
	margin:0px 0px 10px 175px;
}
#popup_info {
	width:500px;
	position:absolute;
	z-index:100;
	background-color:#FFFFFF;
	font-size:12px;
	padding:20px;
	border:1px solid #FF0000;
	display:none;
}

.likert td {
	border-bottom:1px solid #c3c3c3;
	padding:5px 0px 5px 0px;
	xheight:45px;
}
#tbl_login td {
	padding-bottom:10px;
}
.box_250 {
	width:250px;
	border:1px solid #c5c6c8;
}

textarea {
	width:500px;
	height:75px;
	overflow:auto;
}
.submit, .button {
	padding:2px 10px 2px 10px;
}
textarea {
	background-color:#FFFFFF;
	border:1px solid #7F9DB9;
}
input, button, submit, textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.inputLine  {
	width:500px;
}

.inputSelect  {
	width:506px;
}

.inputSlider  {
	width:480px; margin-top:4px; margin-right:12px;
}

.inputLineSmall  {
	width:329px;
}

.inputSelectSmall   {
	width:335px;
}

.inputSliderSmall  {
	width:248px; margin-top:4px; margin-right:12px;
}

/*=== 15-03-2012 ('knopje' van de slider verkleuren als er een waarde is gezet) ===*/
.sliderValueSet {
	border: 1px solid #aed0ea; background:#0078a3; font-weight: normal; color: #2779aa;
}

.notLikertInLikert td {
	border-bottom:0px solid white;
}

.ranwkBox  {
	width:500px;
}

.inputLineSpecial  {
	border:1px solid #c5c6c8;
}

.inputLineSpecialTXTmix  {
	border:1px solid #c5c6c8;
}

#divBackPrevButtons td {
	padding-right:15px;
}

#FeedbackBeheerKlanten {
	cursor:hand;
	width:96px;
	height:96px;
	background-image:url(qm_sub_customers.png);
	background-repeat:no-repeat;
}

#FeedbackBeheerEmail {
	cursor:hand;
	width:96px;
	height:96px;
	background-image:url(qm_sub_email.png);
	background-repeat:no-repeat;
}

#FeedbackBeheerInstrumenten {
	cursor:hand;
	width:96px;
	height:96px;
	background-image:url(qm_sub_instrument.png);
	background-repeat:no-repeat;
}

#FeedbackBeheerQuestionairTeksten {
	cursor:hand;
	width:96px;
	height:96px;
	background-image:url(qm_sub_questionnaire.png);
	background-repeat:no-repeat;
}

/*=== 09-02-2011 (randje voor RankDnd-type) ===*/

.rankDnD {
	border:1px solid #009ee0;
}

/*=== 03-03-2011 (om de breedte der tab-boxen via de css te kunnen regelen) ===*/

.qmTabBox {
	width: 700px;
}

.inputLineANDERS {
    width: 208px!important;
}

#questContainer7 td {
  vAlign: middle;
}