﻿
body{
	
	color: #DFDFDF;
	background-color: #ccc;
	font-family: "Arial Black", Gadget, sans-serif;
}
h2 {
	font-size:  1em;
	color: #DFDFDF;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
h1 h3 h4 p b a{
	
	color: #DFDFDF;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
}


img{  border-style: none;
}
}

a:hover{
	color: #B9B9B9 ;
	text-decoration:none;
	
	
	
}
form {
	
	margin-bottom: 0;
}
a{
	
	white-space: nowrap;
	color: #DFDFDF ;
	text-decoration:none;
}
a:visited{
	color: #B9B9B9 ;
	text-decoration:none;
	
}

#fail {
	padding-left: 5px;
	background: #632424;
	margin-top:15px;
	
	list-style-image: url(./images/warningSmall.png);
	width: 400px;
	
	font-size: 1.2em;
	color: #DBDADA;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	
	
}
#fail p{
	
	padding-left:12px;
	
	display:inline;
}
#fail ul {
	vertical-align: middle;
	margin:0px;
	list-style-position: inside;
	
	
	
}

#fail_small {
	background: #CE4444; /* Old browsers */
	
	background-position: left top;
	margin-top:15px;
	
	min-width: 300px;
	max-width: 500px;
	
}
#fail_field {
	background-color:#C77218!important; 
	
	background-position: left top;
	
	padding-left: 3px;
	padding-right: 3px;
	
	
}
#fail_small ul {
	
	margin:0px;
	padding-left:8px;
	padding-top:2px;
	padding-right: 5px;
	list-style-position: inside;
	
	font-size: 13px;
	color: #B9B9B9;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
}	

#success {
	
	background-color:#478844;
	
	
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: grey;
	border-right-color: grey;
	border-bottom-color: grey;
	border-left-color: grey;
	background-position: left top;
	margin-top:15px;
	
	width: 480px;
	
}
#success ul {
	
	margin:0px;
	list-style-position: inside;
	list-style-image: url(images/check.png);
	
}
#success_small {
	background-color:#478844;
	
	
	
	
	
	
	
	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: grey;
	border-right-color: grey;
	border-bottom-color: grey;
	border-left-color: grey;
	background-position: left top;
	margin-top:15px;
	
	width: 300px;
	
}
#success_small ul {
	
	margin:0px;
	padding-left:10px;
	padding-top:2px;
	padding-right: 5px;
	list-style-position: inside;
	list-style-image: url(images/check.png);
	font-size: 13px;
	color: #CCC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
	
}
#logoff {
	background-color: #f0fff0;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00FF00;
	border-right-color: #00FF00;
	border-bottom-color: #00FF00;
	border-left-color: #00FF00;
	background-position: left top;
	margin-top:15px;
	
	width: 600px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
#logoff ul {
	
	margin:0px;
	list-style-position: inside;
	list-style-image: url(images/lock_large_locked.png);
	
}	




#Bakgrund {
	
	**width: 860px;
	
	width: 1100px;
	left: 0px;
	top: 0px;
	overflow: hidden;
	margin: auto;
	
	
}
#box {
	background-image: url(images/Loggan2.png);
	background-color: #818181;
	margin: 0px;
	
	height: 120px;
	padding: 0px;
	
	left: 0px;
	top: 0px;
}
#Logga {
	
	
	
	width: 850px; 
	height: 120px;
	background-repeat: no-repeat;
	
}
#infobox {
	background-color:#408181;
	width: 400px;
	padding-left: 5px;
	padding-right: 5px;
	margin-top:10px;
	height: 75px;
	float: right;
	border: thin solid #000;
}


#meny A:link{
	font-size: 18px;
	color: #ACACAC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

#meny A:visited{
	font-size: 18px;
	color: #ACACAC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

#meny A:active{
	font-size: 18px;
	color:  #ACACAC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
#meny A:hover{
	font-size: 18px;
	color:  #ACACAC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: underline;
	font-weight: bold;
	
}
#fotter {
	background-color: #297C68;
	
	height: 25px;
	width: 100%;
	
	
	
	text-align: center;
	font-size: 18px;
	color: #CCC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	
}
#main_box {
	padding:15px;
	background-color:#525252;
	margin-left:0px;
	margin-right:0px;
	min-height:300px;
}
#main_box h4{
	color: white;
}

#carPicture {
	
	height: 250px;
	width: 400px;
	
    border-radius: 10px;
	color: #2693FF;
	display:inline-block;
	
	float:left;
	margin: 0px;
	
	
	
	
}

#carPicture h1 {
	font-size:3em;
	margin: 0px;
	padding-left:10px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	
	
}

#carInfo {
	
	
	
	
	height: 250px;
	width: 200px;
    
	display:inline-block;
	float:right;
	margin: 0px;
	
}
#carInfo h1{
	font-size: 20px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: black;
	
	
	
}
#carInfo a{
	font-size: 18px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: white;
	
	
	
}
#carInfo ul {
	margin: 0px;	
	padding: 0;
	text-decoration: none;
	list-style: none;
	text-align: center;
	
	
}
#carInfo li {
	background: #2693FF;
	width: 100%;
	margin: 0px;	
	padding: 0;
	text-decoration: none;
	list-style: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border-style: solid;
    border-color: white;
	
}

#left{
	width:600px;
	float:left;
	height:400px;
	padding-right:20px;
	margin-top:0px;
	
	
}
#right{
	
	width: 210px;
	float: right;
	margin-top: 20px;
	margin-right: 30px;
	height:300px;
	margin-top:0px;
	
	
}
#map{
	
	width: 200px;
	float: left;
	display: inline;
	
	margin-right: 20px;
	height:500px;
	margin-top:0px;
	
	
	
}
#right_box{
	
	width: 340px;
	float: right;
	display: inline;
	
	
	height:300px;
	margin-top:0px;
	
	
	
}

#right_box #box{
	
	background-color: #408181;
	
	width: 300px;
	height:40px;
	padding-top:2px;
	padding-left:10px;
	margin-top:10px;
	font-size: 25px;
	color: white;
	
	
}
#right_box #buttom{
	
	background-color: #408181;
	margin-left:100px;
	width: 200px;
	padding-top:2px;
	padding-left:10px;
	margin-top:10px;
	
	
}


#right_box #buttom A{
	font-size: 18px;
	color: white;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
	
}
#right_box #buttom:hover{
	background-color:#BB6B36;
	outline: none;
    -webkit-box-shadow: 0 0 8px black;
    box-shadow: 0 0 8px black;
	
}
#right table { padding-left:8px;}
#smallbox {
	
	
	height: 30px;
	width: 100%;
	
	
	text-align: center;
	font-size: 18px;
	color: #CCC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	
}
#nere{
	margin-top:0px;
	padding-top:5px;
	color:#ccc;
	font-size: 50%;
	
	text-align: center;
	text-shadow: 2px 2px #333;
	font-family: "Arial Black", Gadget, sans-serif;
}
#stuff {
	
	
	background-color: #408181;
	
	width: 300px;
	padding-top:2px;
	padding-left:10px;
	
	
}

#stuff A{
	font-size: 18px;
	color: white;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
	
}
#stuff:hover{
	outline: none;
    -webkit-box-shadow: 0 0 8px black;
    box-shadow: 0 0 8px black;
	
}
#table-c #delete {
	
	
	background-color: #702020;
	
	width: 300px;
	padding-top:2px;
	padding-left:10px;
	
	
}

#table-c #delete A{
	font-size: 18px;
	color: white!important;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	font-weight: bold;
	
	
}
#table-c #delete:hover{
	outline: none;
    -webkit-box-shadow: 0 0 8px black;
    box-shadow: 0 0 8px black;
	
}


#table-a a{
	color:  #000000!important;
	
}

#table-a {
	width: 100%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
#table-a  input{
	background-color: #D1D1D1;
	outline: none;
	border: none;
	
}
#table-a  select{
	background-color: #D1D1D1;
	outline: none;
	border: none;
	
}
#table-a  textarea{
	background-color: #D1D1D1;
	outline: none;
	border: none;
	
}
#table-a td {
	vertical-align:top;
	padding: 3px 10px;
	
	
}

#table-a td:nth-child(odd){
	font-weight:bold;
	color: #FFFFFF;
	background-color: #3A6B65;
}

#table-a thead {
	text-align: left;
	
}
#table-a thead th {
	background: #00334B;
	
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px;
	
}
#table-a a {
	color:white;
	margin:0;
	text-decoration: none;
	padding:0;
}
#table-a tr:nth-child(even) {
	background: #7E7676;
} 
#table-a tr:nth-child(odd) {
	background: #4F8163;
	color: white;
} 
#table-c a{
	color:  #000000!important;
	
}

#table-c {
	width: 100%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-family: Arial, Helvetica, sans-serif;
	
}
#table-c  input{
	background-color: #D1D1D1;
	outline: none;
	border: none;
	
}
#table-c  select{
	background-color: #D1D1D1;
	outline: none;
	border: none;
	
}
#table-c  textarea{
	background-color: #D1D1D1;
	outline: none;
	border: none;
	
}
#table-c td {
	vertical-align:top;
	padding: 3px 10px;
	
	
}

#table-c td:nth-child(1){
	font-weight:bold;
	color: #FFFFFF;
	background-color: #3A6B65;
}

#table-c thead {
	text-align: left;
	
}
#table-c thead th {
	background: #00334B;
	
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px;
	
}
#table-c a {
	color:white;
	margin:0;
	text-decoration: none;
	padding:0;
}
#table-c tr:nth-child(even) {
	background: #7E7676;
} 
#table-c tr:nth-child(odd) {
	background: #4F8163;
	color: white;
} 

#table-d tr:nth-child(odd) {
	background: #4F8163;
	color: white;
} 
#table-c a{
	color:  #000000!important;
	
}
#table-6 {
	width: 100%;
	border: 1px solid #B0B0B0;
}
#table-b {
	width: 100%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#table-b #spare {
	background-color:#C77218!important; 
	
	background-position: left top;
	
	padding-left: 3px;
	padding-right: 3px;
}
#table-b #marked {

	background-color:#710808!important; 
	
	background-position: left top;
	
	padding-left: 3px;
	padding-right: 3px;
}

#table-b #greenTd{
	background-color: #297C68;
}
#table-b #redTd{
	background-color: #C77218;
}
#table-b td {
	
	padding: 3px 10px;
}

#table-b thead {
	text-align: left;
}
#table-b thead th {
	background: #00334B;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px;
}

#table-b tr:nth-child(1) {
	background: #008C69!important;
	font-weight:bold;
	color:#FFF;
}
#table-b tr:nth-last-child(even) {
	background: #747474;
} 
#table-b tr:nth-last-child(odd) {
	background: #008C69;
} 
#table-b a{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
} 
#table-b strong{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
} 

#table-6 thead {
	text-align: left;
}
#table-6 thead th {
	background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
	
	color: #444;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px;
}
#table-6 td {
	padding: 3px 10px;
}
#table-6 tr:nth-child(even) {
	background: #F2F2F2;
}
.add_buttom {
	background-color:#0C0;
	border:0px;
	
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-right:2px;
	font-size: 12px;
	color:#FFF;
	text-decoration:none;
	
	
	}.add_buttom:hover {
	background-color:#77a809;
	}.add_buttom:active {
	position:relative;
	top:0px;
}
.orangetext  { 
	
	border: solid 1px #0C0A0A!important;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	
	background: #C77218!important; /* Old browsers */
	
	
}
.greentext  { 
	padding-left: 8px;
	padding-top: 4px;
	border: none!important;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	
	background: #CCC!important; /* Old browsers */
	
	
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	
	
	
	
}
#meny {
	background-color: #297C68;
	
	
	width: 100%;
	height:30px;
	
	
	text-align: center;
	font-size: 18px;
	color: #ACACAC;
	font-family: "Arial Black", Gadget, sans-serif;
	text-decoration: none;
	
	
	margin:0px;
	
}
#meny li{
	text-align: left;
	display: inline;
	list-style: none;
	margin: 0;
	position: relative;
	z-index: 9999;
	
	
	
}
#meny ul{
	
	margin:0px;
	list-style:none;
	padding:0px;
}
#meny li{
	margin:0px;
	list-style:none;
	padding:0px;
}
#meny a{
	text-decoration: none;
	
	padding: 0px 0px;
	margin: 0;
	display: inline-block;
	
	
}
#meny ul ul{
	margin-top:0px;
	display: none;
	position: absolute;
	left: 0;
	background: #007559;
	padding-left:5px;
	padding-right:5px;
	
	
	
	
}
#meny li:hover > ul{
	display: block;
	
}
#meny li ul li{
	display: block;
	z-index: 9999;
	
}
#meny li.current_page_ancestor > a,
#meny li.current_page_parent > a,
#meny li.current_page_item > a{
	color: white;
}
#meny ul ul ul{
	position: absolute;
	
	top: 0;
}
#meny ul ul ul{
	position: absolute;
	
	
}
#meny li a:hover{
	color: #ACACAC;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
}
#meny li ul li:hover > a{
	/*background: #999;*/
}
#meny li:hover > a{
	color: #ACACAC;
	text-decoration: underline;
}

#red{
	background-color:#FF6633;
}
#loginForm{
	background: url(images/ambulanceBig.png) repeat-x;
	padding-left:10px; 
	padding-bottom:10px; 
	background-color:#C46140;
	width:350px;
}
#loginForm h2{
	color:#B9B9B9;
	font-family: "Arial Black", Gadget, sans-serif;
}
#loginForm label{
	
	color:#B9B9B9;
	font-family: "Arial Black", Gadget, sans-serif;
}

#loginForm input{
	border: 0px;
	color:#B9B9B9;
	background-color:#929292;
	font-family: "Arial Black", Gadget, sans-serif;
}

#loginForm input:hover{
	background: #8F7F7F;
	
}
#loginForm select{
	background: #ffb7b7;
	color:#B9B9B9;
	font-family: "Arial Black", Gadget, sans-serif;
	border: 0px;
	background-color:#929292;
}
#loginForm select:hover{
	background: #8F7F7F;
	
}
#loginForm input[type=submit]{
	margin-left:250px;
	height:25px;
	
}
#loginForm input[type=submit]:active{
	background: 444444;
	
}
#loginForm input[type=password]:active{
	background: 444444;
	
}
#loginForm .buttom{
	
	padding:2px;
	font-family: "Arial Black", Gadget, sans-serif;
	background-color: #6A834A;
	margin-left:700px;
	padding-left:5px;
	padding-right:5px;
	font-size:1em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	
}
#loginForm  .buttom:hover{
	outline: none;
    -webkit-box-shadow: 0 0 8px green;
    box-shadow: 0 0 8px green;
	background-color: #738B55;
	
}
#gridFram{
	
	width:100%;
}
#gridBox{
	padding-top:50px;
	background-image: url(images/admin.png);
	background-repeat:no-repeat;
	background-size:50;
	display: inline-block;
	background-color:#616D66;
	height: 50px;
	width: 200px;
	margin:5px;
	
	overflow:hidden;
}
#gridBox:hover{
	background-color:#708F7D;
	height: 50px;
	width: 200px;
	margin:5px;
	
}
#gridBox p{
	overflow: hidden;
	
	padding:5px;
	
	margin:0px;
}
#split{
	float: left;
	width: 33%;"
}
#home{
	
}
#home li{
	
	list-style-type: none;
	background-color:#C77218;
	margin-top:2px;
	width:200px;
	padding:2px;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#home ul{
		
		padding:5px;
		background-color:#6A6D6B;
		max-width:320px;
		max-height:100px;
		overflow:auto;
		overflow-x: hidden;
	}	
#home h2{

	background-color:#008C69;
	max-width:320px;
	padding:2px;
	padding-left:5px;
	font-weight:normal;
}
#home table{
		border:0px;
		
}
#home td{
	text-align: center;
	padding-left: 10px;
	height:30px;
	width:220px;
	font-size: 0.9em;
	font-weight:normal;
	
	background-color:#008C69;
	
 
	
}
