h1, h2, h3, ul, li, div, html, img {
	padding: 0px;
	margin: 0px;
	border: none;
}

body {
	font-family: "Trebuchet MS","Lucida Grande",verdana,helvetica;
	font-size: 9pt;
	color: #666;
}

a {
	color: #3AC83A;
	text-decoration: none;
	font-weight: bold;	
}


a:hover {
	color: #3AC83A;
	font-weight: bold;	
	border-bottom: 1px dotted #ccc;
}
/*a:link{
	color: #777;
	text-decoration: none;
}*/
a:visited{
	color: #7655B0;
}
a:active {
	color: #3AC83A;
}


/*a.infowin:link{
		color: #9900FF
		text-decoration: underline;
}
a.infowin:visited{
		color: #00CC00
		text-decoration: underline;
}
a.infowin:hover{
		color: #00CCFF
		text-decoration: underline;
}
*/

.infowin{
	font-weight: bold;
	color: #6074DA;
	text-decoration: underline;
}
#outline{
		background: #eee;
		color: #6074DA;
		padding: 5px 10px 5px 10px;
		text-decoration: none;
		border-top: 2px dotted #ccc;				
		border-bottom: 2px dotted #ccc;		
}
outline2{
	font-weight: bold;
	color: #6074DA;
	background: #eee;	
	text-decoration: underline;
}
notice{
	font-weight: bold;
	color: #FF3333;	
}
a.outline2{
	font-weight: bold;
	color: #6074DA;
	text-decoration: underline;
}


h1 {
	font-size: 13pt;
}

h2 {
	font-size: 11pt;
}

h3 {
	font-size: 9pt;
}

p.message {
	background: #eee;
	font-weight: bold;
	padding: 8px;
	border: 1px solid #ccc;
}

#logo {
	margin: 0.2em 0 1em 0;
}

#wrapper {
	width: 958px;
	margin: 0px auto 0px auto;
}

#top {
	height: 40px;
	background: url(http://connect2car.com/web/tracking/css/topbg.png) no-repeat;
	clear: both;
}

#inner_wrap {
	background: url(http://connect2car.com/web/tracking/css/background.png) repeat-y;
	width: 858px;
	padding: 5px 50px 5px 50px;	
	clear: both;
}

#bottom {
	height: 40px;
	background: url(http://connect2car.com/web/tracking/css/bottombg.png) no-repeat;
	clear: both;
}

#nav ul {
	list-style: none;
	text-align: center;
}

#nav ul li {
	display: inline;
	margin: 0 1em 0 1em;
}

#nav ul li a img {
	clear: both;
}
img {
	border: none;
}

hr {
	border: none;
	border-bottom: 1px dotted #eee;
}

#logo {
	padding: 5px;
}

#logo a {
	border: none;
}

.clear {
	clear: both;
}

/* Used to outline/show standout of text element that requires attention */
.alarm{
	color:#F00;	
}

a.squarebutton{
background: transparent url('images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}