body { margin:0; padding:0; font-size:10px; height:100%; font-family:arial, sans-serif;  }

.table-header { border:1px solid #ccc; clear:both; border-bottom:1px solid #B2C83B; height:32px; background:url(../images/table_header_bg.gif) repeat-x; position:relative; }
.table-header h2 { float:left; margin:0; width:600px; padding:8px 0 8px 32px; font-size:1.1em; color:#757575; background:url(../images/green_raquo.gif) no-repeat 14px 50%; }
.panel { border:1px solid #ccc; border-top:2px solid #AABF38; padding:13px 10px 8px 10px; margin-bottom:20px; background:url(../images/panel_bg.gif) repeat-x bottom left; }

#wrapper {width:100%;}

#map {float:left; margin:0; padding:0;}

.rightpanel {display:block; float:right; width:270px; margin-top:15px; background:url(../images/panel_bg.gif) repeat-x bottom left;}

.loggercontent
{
    padding: 10px;
    font-size:14px;
    background: #f6f6f6;
    height:100%;
}

h3 {
	font-size: 22px;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	float: left;
	clear:both;
	color: rgb(43,120,228); 
}

h4 
{ 
	font-size: 14px;
	font-weight: normal;
	margin: -20px 0px 20px 0px;
	float: left;
	clear:both;
}

.utskyringar {width:220px; overflow:hidden; margin:0 10px; border-top:1px solid #666; padding-top:10px;}
.utskyringar h2 {margin:0 0 5px; font-size:16px; font-weight:normal;}
.utskyringar ul {margin: 0; padding:0 15px 5px 0; list-style-type:none;}
.utskyringar ul li {height:24px; margin: 8px 0 0;  padding:6px 0 0 28px; border-top:1px solid #CCC;}
.utskyringar ul li img {margin-top:15px;}
.utskyringar ul li.BlueBox { background-image:url(../images/icons/newstop.gif);}
.utskyringar ul li.BlueStop { background-image:url(../images/icons/bluestop.gif);}
.utskyringar ul li.RedStop { background-image:url(../images/icons/redstop.gif);}
.utskyringar ul li.BluePoint { background-image:url(../images/icons/90.gif);}
.utskyringar ul li.RedX { background-image:url(../images/icons/nogps.gif);}
.utskyringar ul li.BlueBox, .utskyringar ul li.BlueStop,.utskyringar ul li.RedStop,.utskyringar ul li.BluePoint,.utskyringar ul li.RedX  {background-repeat:no-repeat; background-position:0 5px;}

#nojava {margin-left:5px;}

.stream { display:none; }

img { border-style: none;
	border-color: inherit;
	border-width: 0;
}

a { color:#292A63; font-weight:bold; outline:none; font-size:11px; }

a:hover { text-decoration:underline !important; }

.link a { color:#292A63; font-weight:normal; outline:none; font-size:14px; }
.link a:hover { text-decoration:underline !important; }

form { margin:0; padding:0; display:inline; }
legend { display:none; }
hr { display:none; }
.clear { clear:both; }
input, textarea, select { font-family:arial, sans-serif; font-size:11px; font-weight:normal; }
input.text, textarea.text { border:1px solid silver; }

.hidden {display: none;}


#smallwrapper { position:relative; width:500px; }
#header { border:1px solid #ccc; clear:both; border-bottom:1px solid #B2C83B; height:32px; background:url(../images/table_header_bg.gif) repeat-x; position:relative;}
#header h1 { float:left; margin:0; width:350px; padding:8px 0 8px 32px; font-size:1.1em; color:#757575; background:url(../images/green_raquo.gif) no-repeat 14px 50%; }
#header ul { display:block; list-style-type:none; float:right; font-size:15px; margin-right:10px; margin-top:5px; height:10px; padding:0; color:Navy; font-family:arial, sans-serif;}
#header ul input {margin-left:15px; margin-right:3px;}
#header ul li {display:inline;}
#colwrap { border-top:2px solid #AABF38; padding-top:1px; background:#FFFFFF; }
#Controls h2 { margin:0; padding:4px 12px 4px 12px; font-size:1.1em; color:#fff; font-weight:bold; background:#292A63; border:1px solid #fff; border-right:none; border-top:none; }
#Controls .padding { padding:10px; }





.btn, a.btn  {
	display: block;
	float: left;
	height:28px;
	width:110px;
	text-align: center;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #666;
	/*background: url(images/back_2.png) no-repeat left top;*/
	/*background: url(../images/white-grad.png) repeat-x left top;*/
    background-color: rgb(43,120,228);
	padding: 0 10px;}

.btn:hover, a.btn:hover
{
		background-color: rgb(207,226,252);
		color: rgb(102,102,102);
}

.vehiclelink
{
    color:Red;
    font-weight:bold;
    padding-left:2px;
}






/*	LOGIN SCREEN:
	----------------------------------------------------------------------------------------------- */
#LoginScreen {
	width: 300px;
	position: relative;
	left: 50%;
	margin: 150px 0 0 -200px;
	padding: 70px 0 0 15px;
	background: url(../Images/sagasystem_logo2.gif) no-repeat;
}
#LoginScreen #LoginMessage {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
}
#LoginScreen label {
	font-weight: bold;
	display: block;
	margin-bottom: 3px;
	font-size: 1.3em;
}
#LoginScreen #ErrorMessage {
	color: #C00;
	font-weight: bold;
	font-size: 0.8em;
	margin-bottom: 15px;
}
#LoginScreen input#LoginName,
#LoginScreen input#LoginPassword {
	width: 140px;
	font-size: 1.3em;
	border: solid 1px #999;
}
#LoginScreen input#LoginName {margin-bottom: 11px;}
#LoginScreen input#LoginPassword {margin-bottom: 15px;}
#LoginScreen input#btnLogin {
}
#LoginInfo {
	width: 300px;
	position: relative;
	left: 50%;
	margin: 20px 0 0 -200px;
	padding: 0 0 0 150px;
	color: #666;
}
#LoginInfo a {
	color: #333;
}
#LoginInfo a:hover {
	color: #999;
	text-decoration: underline;
}
/*change made by fullestop 30-7-2011 */
.LoginScreenInner
{
	background-color: #f6f6f6;
	border-color: Silver;
    border-style:solid;
    border-width: 1px;
    padding:20px;
    margin:55px;
    width:500px;
    -moz-border-radius: 5px;
	border-radius: 5px;
	
}
.loginbutton 
{
	display: block;
	height:28px;
	width:100px;
	text-align: center;Font-Size:14px;
	font-weight:bold;
	text-decoration:none;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #666;
    background-color: rgb(43,120,228);
	padding: 0 10px;
	}
	/*End of changes*/