/*
*
* css for relationssajten.se by Ragnar Seton of dm9.se
*
*/

body
{
/*	font-family:Georgia, "Times New Roman", Times, serif; */
	font-family:Verdana, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#444;
	margin:20px 0px 0px;
	background-image:url('../img/bg.jpg');
	text-align: center;
}
a
{
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}
a.start
{
	color:#666;
}
#header
{
	width:700px;
	color:#A9AEB4;
	font-size:30px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	margin-bottom:10px;
}

img
{
	border:0px;
}

form
{
	margin:0;
	padding:0;
}
acronym
{
	cursor:default;
	border-bottom:1px dashed rgb(0,0,0);
}
legend
{
	font-weight:bolder;
	font-size:14px;
	color:#666;
}
.rubrik
{
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin-bottom:4px;
}
.hiddenElement
{
	visibility:hidden;
	display:none;
	position:absolute;
	bottom:0px;
	right:0px;
	width:0px;
	height:0px;
	border-width:0px;
}

.btn
{
	background-color:rgb(225,225,225);
	border:1px outset rgb(200,200,200);
	font-size:12px;
	font-weight:bold;
	margin:0 0 4px 5px;
}
.btnClick
{
	background-color:rgb(220,220,220);
	border:1px inset rgb(200,200,200);
	font-size:12px;
	font-weight:bold;
	margin:0 0 4px 5px;
}

/* relationstest section */
span.rTest
{
	border:1px solid rgb(200,200,200);
	background-color:rgb(240,240,240);
	padding:3px 10px 3px 0;
	font-family:Verdana, sans-serif;
	font-size:16px;
}
.q10
{
	position:absolute;
	top:0px; 
	text-align:center;
	width:96px;
	border-right:1px solid rgb(200,200,200);
	border-left:1px solid rgb(200,200,200);
	height:26px;
}
.q10Label
{
	position:absolute;
	height:20px;
	border:1px solid rgb(200,200,200);
	background-color:rgb(240,240,240);
	z-index:11;
	padding:3px 0px 3px 3px;
}

/* help section */

div#helpRes span
{
	font-size:16px;
	font-weight:bold;
	padding:1px 2px;
	background-color:#ddd;
}
div#helpRes span.err
{
	color:rgb(255,0,0);
}
div#helpRes span.suc
{
	color:rgb(0,0,255);
}

form#helpForm fieldset
{
	position:relative;
	left:88px;
	width:500px;
	font-size:12px;
	margin-bottom:3px;
	text-align:left;
}
form#helpForm label
{
	display:block;
	float:left; 
	width:110px;
	padding:0px;
	margin:5px 0 0;
	text-align:right;
	font-size:12px;
}
form#helpForm input, form#helpForm textarea
{
	border:1px solid rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin:5px 0 0 10px;
	font-family:Verdana, sans-serif;
	font-size:12px;
}
form#helpForm textarea
{
	width:200px;
	height:100px;
}
form#helpForm input.btn
{
	background-color:rgb(225,225,225);
	border:1px outset rgb(200,200,200);
	font-size:12px;
	font-weight:bold;
	margin:0 0 1px 5px;
}
form#helpForm input.btnClick
{
	background-color:rgb(220,220,220);
	border:1px inset rgb(200,200,200);
	font-size:12px;
	font-weight:bold;
	margin:0 0 1px 5px;
}

form#helpForm_j fieldset
{
	position:relative;
	left:20px;
	width:500px;
	font-size:12px;
	margin-bottom:3px;
	text-align:left;
}
form#helpForm_j label
{
	display:block;
	float:left; 
	width:110px;
	padding:0px;
	margin:5px 0 0;
	text-align:right;
	font-size:12px;
}
form#helpForm_j input, form#helpForm_j textarea
{
	border:1px solid rgb(200,200,200);
	background-color:rgb(240,240,240);
	margin:10px 10px 10px 10px;
	font-family:Verdana, sans-serif;
	font-size:12px;
}
form#helpForm_j textarea
{
	width:300px;
	height:300px;
}
form#helpForm_j input.btn
{
	background-color:rgb(225,225,225);
	border:1px outset rgb(200,200,200);
	font-size:12px;
	font-weight:bold;
	margin:0 0 1px 5px;
}
form#helpForm_j input.btnClick
{
	background-color:rgb(220,220,220);
	border:1px inset rgb(200,200,200);
	font-size:12px;
	font-weight:bold;
	margin:0 0 1px 5px;
}

.frageCell1{
	vertical-align:middle;
	text-align:right;
	font-size:10px;	
}

.frageCell2{
	vertical-align:middle;
	font-size:10px;	
}

.frageCell3{
	vertical-align:top;
	font-size:10px;	
	text-align:right;
	padding-top:20px;
}


.customPostit{
	margin-left:25px;
	background-image:url('../img/postit.jpg');
	background-repeat:no-repeat;
	width:200px;
	padding-top:60px;
	height:135px;
	text-align:center;
}