/* ------------------------------------------------------ */

A.white:link {text-decoration: none; font-weight: bold; color: #FFFFFF}
A.white:visited {text-decoration: none; font-weight: bold; color: #FFFFFF}
A.white:active {text-decoration: none; font-weight: bold; color: #FFFFFF}
A.white:hover {text-decoration: underline; font-weight: bold; color: #FFFFFF}

A.lblue:link {text-decoration: none; font-weight: bold; color: #00CCFF}
A.lblue:visited {text-decoration: none; font-weight: bold; color: #00CCFF}
A.lblue:active {text-decoration: none; font-weight: bold; color: #00CCFF}
A.lblue:hover {text-decoration: underline; font-weight: bold; color: #00CCFF}

.x {
	border:1px solid black;
	border-radius:3px;
	background: white;
	padding: 1 5 1 5px;
	color: red;
		width:18px;
		text-align:center;
	cursor:pointer;
	cursor:hand;
}

a {
	text-decoration: none;
	font-size: 20;
	}

body {
background: #282828;
	margin:0;
	padding:0;
	height:100%;
	overflow-y: scroll;
}
	
#wrapper {
	min-height:100%;
	padding:0px;
	position:relative;
}

#content {
	padding:10px;
	padding-bottom:100px;   /* Height of the footer element */
	color:white;
}
#footer {
	width:100%;
	height:30px;
	position:absolute;
	padding:0;
	bottom:0;
	left:0;
	border-top:1px solid white;
	color:white;
	background:#000000;
}	.sidfot {
		padding:5px;
		font-family: verdana,areal narrow;
		font-size:15px;
		}

td {
font-family: verdana,areal narrow;
font-size: 20px;
}

p {
margin-top:5px;
}

.helplink {
	font-weight: bold;
	font-size:26px;
	cursor:pointer;
	cursor:help;
	padding:2 7 3 7px;

	width:35;
	color:white;
	border-radius:10px;
	border:1px solid white;
	background:transparent;
	text-align: center;
	box-shadow:1px 1px 3px 0px #333333;
	background: rgba(255,255,255,0.2);
}	
	.help {
	border-top:2px solid black;
	padding:10 10 20 20px;
	color:white;
	font-family: verdana,areal narrow;
	font-size: 18px;
	}
		.help_rubrik {
			padding: 4 10 6 25px;
			background:#555555;
			display: inline-block;
			margin:3 0 5 0px;
			font: 18px verdana;
			border-width:1px 1px 0px 1px;
			border-style:dotted;
			border-color:white;
			border-top-left-radius:40px;
			border-top-right-radius:10px;
		}
		.help_knapp {
			display: inline-block;
			margin:3 0 5 0px;
			padding: 5 8 5 8px;
			border: 1px solid black;
			background: #ffffff;
			font: 18px verdana;
			color: #000000;
			overflow-x: hidden;
			border-radius: 7px;	
			box-shadow:-2px -2px 3px 1px #555555 inset;
		}
	
	
	

.lista {
	padding: 3px;
	border-top: 2px solid black;
	background: #aaaaaa;
	font-size: 20;
	height: 38px;
}
	.ruta {
		padding:20 0 0 0px;
		text-align:center;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		border-left:1px solid #333333;
		border-bottom:1px solid #333333;
		border-right:1px solid #333333;
		box-shadow: inset 0px -1px 7px 0px #555555;
		
		}
.lista2 {
	padding: 5px;
	border-bottom: 0px solid grey;
	background: #cccccc;
	font-size: 20;
}
.listawhite {
	padding: 3px;
	border-top: 1px dotted black;
	background: #eeeeee;
	font-size: 20;
	height: 35px;
}

.menytabell {
	border:2px solid white;
	border-top-left-radius: 50px;
    border-top-right-radius: 10px;
}
.meny {
	vertical-align:middle;
    background-color: #999999;
    padding:5 5 5 15px;
    font-weight: bold; 
    font-size: 24px;
    color: #ffffff;
	height:40px;

    border-top-left-radius: 50px;
    border-top-right-radius: 10px;
	box-shadow: inset 0px 20px 10px 0px rgba(255, 255, 255, 0.2);
}
 /* Klickrubriker --------------------------------------------------------------------------------------------------------------------------------------------*/
		.menytext {
			padding: 7 10 5 18px;
			position:relative;
			float:left;
		}

		.klickrubrik {
			padding: 4 10 6 25px;
			position:relative;
			bottom:-5;
			float:left;
			border-width:1px 1px 0px 1px;
			border-style:dotted;
			border-color:white;
			border-top-left-radius:40px;
			border-top-right-radius:10px;
			cursor:pointer;
			cursor:hand;
			background: rgba(255,255,255,0.2);
			box-shadow:1px -1px 3px 0px #333333;

		}
		.klickrubrik_nytt {
			background: rgba(255,255,255,0.3);
			text-shadow: 0 0 1px #000000;
		}
		.klickrubrik_rev {
			background: rgba(255,255,255,0.3);
			text-shadow: 0 0 1px #000000;
			border-top-right-radius:40px;
			border-top-left-radius:10px;
		}
		
		.klickrubrik2 {
			padding: 4 10 6 25px;
			position:relative;
			bottom:-5;
			float:left;
			border-width:1px 1px 0px 1px;
			border-style:dotted;
			border-color:rgba(255,255,255,0.4);
			border-top-left-radius:40px;
			border-top-right-radius:10px;

		}
		.rubrikinput {
			position:relative;
			padding:0;
			border:0;
			background:transparent;
			color:white;
			width:50;
			cursor:pointer;
			cursor:hand;
			text-align:center;
		}
		.rubrikinput2 {
			position:relative;
			padding:0;
			border:1px inset rgba(0,0,0,0.1);
			border-radius: 5px;
			background: rgba(50,50,50,0.1);
			color:white;
			width:50;
			cursor:pointer;
			cursor:hand;
			text-align:center;
		}		

.day {
	font-size: 25px;
	height:80px;
	padding:0px;
	border:1px solid #eeeeee;
	}
	.arhelg {
	 
	 color:#993333;
	 font-size:18px;"
	}


input[type=button], select, input[type=date], input[type=time], input[type=submit], input[type=number], .button, #date, #button
{
    padding: 5 10 5 10px;
	border: 1px solid black;
    background: #ffffff;
    font: 22px verdana;
    color: #000000;
    overflow-x: hidden;
    border-radius: 10px;	
    box-shadow:-2px -2px 4px 1px #555555 inset;
	cursor:pointer;
	cursor:hand;
}

input[type=date].nobutton, input[type=number].nobutton, .nobutton
{
	box-shadow:none;
	height:35px;
	border:1px solid black;
	border-radius:5px;
	padding: 3 5 5 5px;
	margin:0px;
}

.avisinput
{
    padding: 2px;
    border-bottom: 2px solid #dddddd;
	border-top: 2px solid #dddddd;
	letter-spacing: -1.5px;
	width:90%;

}

select
{
    padding: 4 10 6 10px;
	border: 1px solid black;
    background: #ffffff;
    font: 21px verdana;
    color: #000000;
    overflow-x: hidden;
    border-radius: 10px;	
    box-shadow:-2px -2px 4px 1px #555555 inset;
   
}

input, textarea, .password, #password
{
    padding: 5 7 5 7px;
    border: 0px solid gray;
    background: #ffffff;
    font: 20px verdana;
    color:#000000;
    text-decoration: none; 
    overflow-x: hidden;


        margin:0;
		

}


input[type=radio] {
    border: 0px;
 transform: scale(2);
 margin:8px;
background:none;
}
input[type=checkbox] {
    border: 0px;
 transform: scale(2);
 margin:8px;
background:none;

}

.reloadimg { /* rundpilen vid inloggad */
	border:0px solid white;
	padding: 0 0 0 10px;

	 margin-top:-10;
	 margin-bottom:-3;
	height:25;
    width:25;
}

#restart, .restart {
	    float:right;
}

.transp
{
    BORDER: 0px solid white;
    background: transparent;
    font-size: 20;
    padding:0;
    font-weight: bold;
    text-align:center;
}
.transp2
{
   border: 1px solid black;
    background: #eeeeee;
    font: 22px verdana;
    color: #000000;
    overflow-x: hidden;
    padding:2;
    font-weight: bold;
}


.tidval {

	font-size: 20;
	}
.tidvalstart {
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size: 10px;
	height:70;
	margin:0px;
	width:2%;
    padding:0px;
	vertical-align:middle;
	text-align:center;

	}
	.tidvalsmall {
		color:white;
		padding:0px;
		font-size:12px;
		margin:0 -10 0 -10px;

		transform: rotate(90deg);
	}
	.tidvalbig {
		color:white;
		padding:0px;
		margin:0 -10 0 -10px;
		font-size:16px;

		transform: rotate(90deg);
	}
	
	.transptid
{
    background: transparent;
    border: none;
    font-size: 11;
	color:white;
    padding:0px;
	margin:0 -19 0 -19px;
		position:relative;
		text-align:center;
	height:13px;
	width:60px;
	font-weight: bold;
	
	transform: rotate(90deg);
}


.post {
	border: 1px solid black;
	background: #eeeeee;
	}
	
.post1 {
	border: 5px solid black;
	background: #FFffff;
	}
	
.scrolldiv {
	overflow-x:hidden;
	overflow-y:hidden;
	white-space:nowrap;	
}
.scrolltable {
	width:100%;
	border-top:5px solid black;
	border-bottom:0px solid black;
	
		background:white;	
    padding-bottom: 5px;
}
	.skickatable {

		width:100%;

		border-bottom: 2px solid black;
		background:white;		 

	}

	.skickadiv2 {
		padding: 5 5 5 10px;

	}

/* -----------------------------------alertify att ändra berroende på mobil/dator---------------------- */
.alertify {
font-size: 20px;
line-height:40px;
color: #ffffff;
width:600px;
	background: #444444;
	border: 10px solid #fff; /* browsers that don't support rgba */
	border: 10px solid rgba(255,255,255,.7);
	border-radius: 8px;
	box-shadow: 0 3px 3px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
			

	position: fixed; z-index: 99999;
	top: 100px;
	
	left: 50%;
	margin-left: -300px; /* ser till att rutan centreras */
	opacity: 1;
		
}
.alertify-button {

		padding: 6px 15px;
}		

.aviserade {
	float:left;
	padding:10 5 5 10px;

	font-size:24px;"
}

/* FORUM -----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Nivå 1 */
.n1top {
	border:2px solid black;
	margin:-2 5 -7 5px;
	border-radius:10px;
	box-shadow:0px 2px 4px 2px rgba(50, 50, 50, 1);
	background:#dddddd;
}
.ninfo {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: inset 0px 35px 10px 0px rgba(255, 255, 255, 0.2);
	padding:10px;
	color:white;
	height:50px;
		border-bottom: 2px solid #444444;
}
/* Nivå 2 */
.n2top{
	border-bottom:2px solid black;
    border-top:2px solid black;
	border-right:2px solid black;
	border-left:4px solid black;

	background:#bbbbbb;
	border-top-right-radius: 60px;
	border-bottom-right-radius: 10px;
	box-shadow:0px 1px 4px 2px rgba(50, 50, 50, 1);
}
.n2info{

	border-top-right-radius: 58px;
	box-shadow: inset 0px 35px 10px 0px rgba(255, 255, 255, 0.2);
	padding:10px;
	color:white;
			border-bottom: 2px solid #444444;

}
.supportsvar {
	background:white;
	padding:10px;
	margin:0 5 -5 5px;
	border-radius:10px;
	border:2px solid black;
	box-shadow:0px 0px 4px 2px rgba(50, 50, 50, 1);
}

@-webkit-keyframes blinker {  
  from { opacity: 1.0; }
  to { opacity: 0.3; }
}
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0.0; }
}





input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 1.35px 0;
  background: transparent;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height:15px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: rgba(230, 230, 230, 0);
  border-radius: 0px;
  border-bottom: 0px dotted #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 2.7px solid #000000;
  height: 16px;
  width: 37px;
  border-radius: 50px;
  background: #00af00;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -0.65px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(235, 235, 235, 0);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 13.3px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: rgba(230, 230, 230, 0);
  border-radius: 10.3px;
  border: 0.3px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 2.7px solid #000000;
  height: 16px;
  width: 37px;
  border-radius: 50px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 17px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
	border-bottom: 2px dotted #010101;
}
input[type=range]::-ms-fill-lower {
  background: rgba(225, 225, 225, 0.2);
  border: 0px solid #010101;
  border-radius: 20.6px;
}
input[type=range]::-ms-fill-upper {
  background: rgba(230, 230, 230, 0.2);
  border: 0px solid #010101;
  border-radius: 20.6px;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 2.7px solid #000000;
  height: 16px;
  width: 37px;
  border-radius: 50px;
  background: #00af00;
  cursor: pointer;
  height: 13.3px;
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(230, 230, 230, 0.2);
}
input[type=range]:focus::-ms-fill-upper {
  background: rgba(235, 235, 235, 0.2);
}
input[type=range]::-ms-tooltip {
    display: none;
}

#slide_tid {
	position:absolute;
	right:200;
	top:150;
	border:2px solid red;
	border-radius:10px;
	padding:5px;
	box-shadow:2px 3px 4px 2px #555555;
	text-align:center;
	font: 26px verdana;
}

 /* Används i lönematrisen för att snedställa rubrikerna */
.rotate {
  height: 140px;
  white-space: nowrap;
  border:0px;
  background:#bbbbbb;
  }
    .rotate > div {
	 transform:translate(-15px, 52px) rotate(290deg); 
	 width: 30px;
  }
       .rotate > div > span {
	 border-bottom: 2px solid #555555;
	 padding: 2px 7px;
	 letter-spacing: -1.5px;
  } 
  
  .loadspin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin:-60px 0 0 -60px;
    -webkit-animation:spin 2s linear infinite;
    -moz-animation:spin 2s linear infinite;
    animation:spin 2s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#son,#soff {
	width:30px;
	height:30px;
	cursor:pointer;
	cursor:hand;
}




.visaflera {
	height: 0px;
	will-change: transform;
	transition:height 0.3s ease;
	overflow: hidden;
}
.storlist {

	clear:both;
	height: 0px;
	will-change: transform;
	transition:height 0.4s ease;
	overflow: hidden;
}
.showhelp {
	height: 0px;
	will-change: transform;
	transition: height 0.5s ease;
	overflow: hidden;
}