body
{
    background-color: #FFF;
    font-size: 12px;
    font-family: "Verdana";
    color: #000;
}
input.login
{
	width: 180px;
	background-color:#004C8A;
	color:White;
	font-family:Verdana;
	font-size:14pt;
	font-weight:normal;
	border:none none none none;
	margin: 15px 10px 0 10px;
	text-align:center;
}

/********************/
/* --- BRÖDTEXT OCH TEXTER--- */
/********************/
.bold
{
    font-size: 11px;
	font-family: "Verdana";
	color: #000;
	font-weight:bold;
 }
 
 .bold_20
{
    font-size: 20px;
	font-family: "Verdana";
	color: #000;
	font-weight:bold;
 }
 
 .red_bold_14
{
	font-size: 14px;
	font-family: "Verdana";
	color:#CE0101;
	font-weight:bold;
	
}

 .green_bold_14
{
	font-size: 14px;
	font-family: "Verdana";
	color:Green;
	font-weight:bold;
}
 
 .white_9
{
	font-size:9px;
	font-weight:bold;
	color:White;	
	text-decoration:none;
}
 .red_9
{
	font-size:9px;
	font-weight:bold;
	color:#CE0101;
	text-decoration:none;
}

 .blue_9
{
	font-size:9px;
	font-weight:normal;
	color:#004C8A;	
	text-decoration:none;
}
    
.black_9_bold
{
	font-size:9px;
	font-weight:bold;
	color:#000;	
	text-decoration:none;
}
.red
{
	color:#CE0101;
	
}

    
/********************************/
/* --- LÄNKAR, STRONG OCH P --- */
/********************************/
a 
{
  color:#000;
  text-decoration:none;
}

a:hover {
    text-decoration: none;
}
    
a img {
    border-style: none;
}


/**************************/
/* --- AVSKILJARLINJE --- */
/************************* */
hr
{
	margin:0;
	padding:0;
}

/******************/
/* --- FÄRGER --- */
/******************/
.red
{
	color:#CE0101;
	
}
    
/******************/
/* --- LISTOR --- */
/******************/
 ul
 {
	list-style-type:circle;
 }

/********************/
/* --- RUBRIKER --- */
/********************/
h1 
{
    font-family: "Verdana";
	font-size: 20px;
    /*color: #000;*/
    font-weight: bold;
    margin: 0;
}

h2 
{
	font-family: "Verdana";
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

h3 
{
	font-family: "Verdana";
    font-size: 12px;
    font-weight: bold;
	}

h5 
{
	font-family: "Verdana";
    font-size: 9px;
    font-weight: bold;
	}


/********************/
/* --- TABELLER --- */
/********************/
.table 
{
    border:0;
}

td
{
    vertical-align: top;
    height: 100%;
}    

td.login
{
	
	text-align:center;
	vertical-align:middle;
	padding-right:10px;
	padding-bottom:10px;
}

td.result
{
	width:110px;	
}

td.viewOrder
{
	width:15px;
	height:35px;
	text-align:right;
	vertical-align:middle;
	padding-right:0px;
	padding-bottom:0px;
	font-weight:bold;
	font-size:11px;
}

td.overviewImage
{
	width:40px;
}

/* Bildrubriker */

.imageOverview
{
    margin-top:7px;
    margin-left:3px;
    margin-bottom:7px;
    
    
}

.imageMargin
{
    margin: 4px 0 8px 0;
}
    
.imageLeft
{
	float:left;
}
.imageRight
{
	float:right;
}
/* Datum */
.date { 
    display: block;
    color: #585858;
    font-weight: bold;
    margin-bottom: 12px;
    }

/* KNAPPAR*/
.questionButton {
   
    font-size: 8px;
    font-family: "Verdana";
    font-weight: bold;
    height: 12px;
    color: #FFF;
    background-color:#004C8A;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-top: 1px;
    padding-right:  1px;
    padding-bottom: 1px;
    padding-left: 1px;
   	cursor:hand;
}

.button
{
	font-size: 11px; 
    font-family: "Verdana";
    font-weight: bold;
    /*height: 12px;*/
    color: #FFF;
    background-color:#004C8A;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-top: 1px;
    padding-right:  3px;
    padding-bottom: 1px;
    padding-left: 3px;
}
.OKbutton
{
	font-size: 13px; /*11*/
    font-family: "Verdana";
    font-weight: bold;
    /*height: 12px;*/
    color: #FFF;
    background-color:#004C8A;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-top: 1px;
    padding-right:  3px;
    padding-bottom: 1px;
    padding-left: 3px;
}

.loginButton
{
	font-weight: bold;
	font-size: large;
	width: 30px; 
	color: white; 
	height: 30px; 
	background-color: #004c8a;
	 border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    padding-top: 1px;
    padding-right:  3px;
    padding-bottom: 1px;
    padding-left: 3px;
}


/***********************/
/* --- ÖVRIG HJÄLP --- */
/***********************/



/* FLOATS */
.left { 
    float: left;
}

.right { 
    float: right;
    
}   

.clear { 
    clear: both;
} 


/**********************/
/* --- STRUKTUREN --- */
/**********************/
/* Omslutning */
#wrapper {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	overflow:hidden;
}

/* Innehåll */
#content 
{
	background-color: #FFF;
	width: 100%;
	float:left;
	
}
/***********************/
/*   MODALPOPUP        */
/***********************/
.modalBackground
{
    background-color:#7E96BF;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.Popup
{
	font-family:Verdana;
	font-size:12px;
    background-color:#EFF0EB;
    border-width:1px;
    border-style:solid;
    border-color:#999999;
    padding:3px;
    width:300px;
    /*float:inherit;*/
}

/*******************/
/* --- SIDORNA --- */
/*******************/

/*Master*/
#topNavigationMaster
{
	background-color:#FFF; /*#7E96BF*/
	width:100%; 
	height:46px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	float: left;
}
#Div1
{
	background-color:#005BBB;
	width:1024px;
	height:23px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	float: left;
}
#languageMaster
{
    /*padding:5px 5px 0px 25px;*/
    margin:2px 5px 0px 10px;
    float: left;
    width: 200px;
    cursor:hand;
}

#aspirantMaster
{
	/*padding:19px 5px 0 17px;*/
	margin:5px 5px 0 17px;
    float: right;
}

#computerIDMaster
{
	margin:4px 10px 0 20px;
    float: right;
}

/* ProvITDemo */
#loginContainer
{
	margin-left:225px; 
}
#StartDemoWelcome
{
	margin-top:30px; /* 10*/
	/*margin-left:15px*/
	margin-left:225px;
	
}
#litHeader
{
	margin-top:65px;	
	/*margin-left:15px*/
	margin-left:225px;
}

#loginText
{
	width:360px;
	background-color:#EFF0EB;
	margin-top:10px;
	/*margin-left:20px;*/
	margin-left:225px;
	padding-top:15px;
	padding-left:5px;
	padding-right:20px;
	padding-bottom:5px; /*35*/
	
	
}

#loginButtons
{
	margin-top:20px;
	margin-left:0px;
	float:left;
	

}

#loginPersonnummer
{
	/*width:200px;
	height:50px;
	background-color:#004C8A;
	margin-top:20px;
	float:right;
	text-align:center;*/
}
#loginButton
{
	margin-top:15px; /*85*/
	float:right;
}
#startUpButton
{
	margin-top:90px;
	margin-left:90px;
	float:right;
}
/* Intro */
#introContainer
{
	margin-left:225px;
}
#introWelcome
{
	margin-top:65px;
}
#introHeader
{
	margin-top:65px;
}
#introText
{
	width:350px;
	background-color:#EFF0EB;
	margin-top:20px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}
.introTextSound
{
	background-color:#004C8A;
	/*width:261px;
	font-size:12px;*/
	color:#FFF;
	/*float:left;
	padding: 0px 10px 7px 10px;
	margin:0 0 0 0;*/
}

#introFooter
{
	width:210px;
	margin-top:20px;
}


/* Info */
#infoContainer
{
	margin-left:225px;
}
#infoWelcome
{
	margin-top:20px;
}
#infoHeader
{
	margin-top:20px;
}
#infoText
{
	width:550px;
	background-color:#EFF0EB;
	margin-top:15px;
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
}

#infoFooter
{
	width:210px;
	margin-top:20px;
	margin-bottom:20px;
}

/* 3-val */
#treVal
{
	width:635px;
	background-color:#FFF;
	margin-left:225px;
	margin-top:65px;
	margin-right:126px;
}

.treValHeader
{
	margin-bottom:20;
	padding-top:35px;
	text-align:left;

}
.treValText
{
	font-family:Verdana;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	margin-bottom:20;
	padding-left:35px;
}
.treValImage
{
	margin-right:0px;
	margin-bottom:0;
	vertical-align:middle;
}

/* Question */
#topNavigation
{
	background-color:#7E96BF;
	width:100%;
	height:35px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	float: left;
	
}
#language
{
    margin:8px 5px 0px 10px;
    float: left;
    width: 200px;
}
    
#overview
{
    margin:12px 8px 0 17px;
    float: left;
}
#endExam
{
	margin:12px 8px 0 17px;
    float: left;
}

#aspirant
{
	margin:12px 5px 0 17px;
    float:right;
	/*direction:ltr;*/
}

#computerID
{
	margin:12px 10px 0 20px;
    float: right;
}
.image
{
    
    text-align:right;
    vertical-align:middle;
    
}
/*#questionWrapper
{
	position: relative; top: 20px;left: 15px;
}
.questionText
{
	background-color:#BFC8DF;
	width:261px;
	font-size:12px;
	color:#000;
	float:left;
	padding: 0px 10px 7px 10px;
	margin:0 0 0 0;
}
.questionSound
{
	width:39px;
	background-color:#FFF;
	float:left;
	text-align:center;
	margin:0 0 0 0;
}
.markQuestion
{
	width:271px;
	height:15px;
	background-color:#BFC8DF;
	float:left;
	text-align:right;
	padding : 5px 5px 5px 5px;
	
}

#questionImage
{
	margin-top:13px;	
}

#questionTimeProgress
{
	float:right;
	width:30;
	padding-right:5px;
	margin-top:5px;
}
#questionTimeButton
{
	float:right;
	width:30;
	padding-right:5px;

}
#questionTimeLabel
{
	float:right;
	
	padding-right:5px;
	margin-top:2px;
}

#questionFooter
{
	width:241px;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	
}

.ansAlt
{
	background-color:#E9EDF9;
	width:281px;
	font-size:12px;
	color:#000;
	padding: 10px 0px 7px 0px;
	margin:0;
}
.ansAltSoundPlaying
{
	background-color:#FFF;
	width:281px;
	font-size:12px;
	color:#004C8A;
	padding: 10px 0px 7px 0px;
	margin:0;
}
.questionRadioButton
{
	font-weight:bold;
	font-family:Verdana;
	font-size:20px;
	cursor:hand;
}*/
/* OverView*/

#overViewQuestion
{
	width:640px;
	height:400px;
	background-color:#EFF0EB;
	margin-top:20px;
	margin-left:10px;
	padding:10px 10px 30px 10px;
	float:left;
	
}

#overviewTimeProgress
{
	float:left;
	width:30;
}

#overviewTimeLabel
{
	float:left;
	margin-left:7px;

}
#overviewTimeButton
{
	float:left;
	width:30px;
	margin-top:2px;
	clear:left;
	
}
.overviewTable
{
	margin-top:5px;
	margin-right:14px;
	float:left;
}
#overViewInfo
{
	width:215px;
	height:65px;
	background-color:#EFF0EB;
	float:left;
	margin-top:20px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	clear:both;

}
#overviewImageInfo
{
	width:180px;
	float:right;
	margin-top:7px;
	
}
#overviewNavigationInfo
{
	clear:both;
	margin-top:25px;
}
#overviewEndExam
{
	width:235px;
	height:48px;
	font-size:16px;
	font-weight:bold;
	margin-top:235px;
	clear:both;
	border-style:solid;
	border-color:#004C8A;
	border-width:0px;
	padding:6px 6px 6px 6px;
}
/*PrintResult*/


#printresultContainer
{
	margin-left:0px;
}
/*ExamResult*/


#resultContainer
{
	margin-left:225px;
}
#resultHeader
{
	margin-top:20px;
}
#resultInfo
{
	margin-top:20px;
	width:650px;
	background-color:#EFF0EB;
	margin-top:15px;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	border-bottom:solid 1px #999999;
}
#resultInfo2
{
	width:650px;
	background-color:#EFF0EB;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
}
#resultRows
{
	width:650px;
	background-color:#E9EDF9;
	margin-top:20px;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
}

#resultTotal
{
	width:650px;
	background-color:#BFC8DF;
	padding-top:7px;
	padding-left:7px;
	padding-right:7px;
	padding-bottom:7px;
	border-top:solid 3px #999999;
}

#resultFooter
{
	width:650px;
	margin-top:20px;
	margin-bottom:20px;
}
#finishContainer
{
	margin-left:50px;
}
.finishHeader
{
	margin-bottom:20;
	padding-top:100px;
	text-align:center;

}
.finishText
{
	margin-top:50px;
	font-family:Verdana;
	font-size:14px;
	font-weight:normal;
	font-style:normal;
	margin-bottom:20;
	padding-left:35px;
	text-align:center;
	direction:ltr; 
}
.finishPicture
{
	margin-top:50px;
	margin-bottom:20;
	text-align:center;
}

/*Review*/
#topNavigationReview
{
	background-color:#7E96BF;
	width:100%;
	height:35px;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	float: left;
	
}
#questionNo
{
    margin:12px 5px 0px 10px;
    float: left;
    
}
    
#reviewText
{
    margin:12px 8px 0 25px;
    float: left;
}


#reviewAspirant
{
	margin:12px 10px 0 25px;
    float: left;
}

#endReview
{
	margin:12px 5px 0 17px;	
    float: right;
}