@import url(../css/text.css);

body
{
	background-color: #FFFFFF;
	margin: 0 0 0 0;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 100%;
	padding-top: 0;
	color: #0068ab;
}

#main
{
	margin: 30px 0 0 170px;
	padding: 5px 0 0 0;
}

#left 
{
	position: absolute;
	top: 30px;
	width: 135px;
	padding-left: 20px;
}

#left ul
{
	list-style-type: none;
	font-size: 80%;
	margin: 0;
	padding: 20px 0 0 5px;
	float: left;
}

#left li
{
	text-align: right;
	padding-bottom: 3px;
}

#left a
{
	text-decoration: none;
}

#left a:hover
{
	color: #cc0000;
}

#left a.on
{
	color: #cc0000;
}
  
#header
{
	width: 100%;
	height: 50px;
	background-image: url(../images/background_main.gif);
}

#header .header
{
	float: left;
	height: 20px;
	width: 610px;
	padding: 10px 0 0 10px;
}

#navigation
{
	width: 100%;
	height: 20px;
	background-image: url(../images/background_navigation.gif);
	background-repeat: repeat-x;
}

#navigation .navigation
{
	float: left;
	width: 618px;
	border-right: solid 1px #FFFFFF;
	height: 20px;
	padding-left: 2px;
}

#navigation ul
{
	padding: 2px 0 0 0;
	margin: 0;
	list-style-type: none;
	font-size: 70%;
	font-weight: bold;
}

#navigation li
{
	float: left;
	border-right: solid 1px #FFFFFF;
	padding: 0 8px 0 8px;
}

#navigation li.end
{
	border-right: none;
}

#navigation a
{
	color: #FFFFFF;
	text-decoration: none;
}

#navigation a:hover
{
	float: left;
	color: #cce1ee;
	padding-bottom: 4px;
	border-bottom: solid 1px #cc0000;
}

#navigation a.on
{
	float: left;
	color: #cce1ee;
	padding-bottom: 4px;
	border-bottom: solid 1px #cc0000;
}

#main .dark-blue-content
{
	width: 100%;
	background-image: url(../images/background_dark_blue.gif);
	float: left;
}

#main .blue-content
{
	width: 100%;
	background-image: url(../images/background_blue.gif);
	float: left;
}

#main .light-blue-content
{
	width: 100%;
	background-image: url(../images/background_light_blue.gif);
	float: left;
}

#main .content-1
{
	float: left;
	width: 621px;
}

#main .content-1-1
{
	float: left;
	width: 610px;
	padding: 10px 0 10px 10px;
}

#main .content-1-1-right
{
	float: left;
	width: 600px;
	padding: 10px 10px 10px 10px;
	text-align: right;
}

#main .content-1-2
{
	float: left;
	width: 403px;
	padding: 10px 0 10px 10px;
}

#main .content-2-2
{
	float: left;
	width: 197px;
	padding: 10px 0 10px 10px;
}

#main .content-1-3
{
	float: left;
	width: 196px;
	border-right: solid 1px #FFFFFF;
	padding: 10px 0 10px 10px;
}

#main .content-2-3
{
	float: left;
	width: 196px;
	border-right: solid 1px #FFFFFF;
	padding: 10px 0 10px 10px;
}

#main .content-3-3
{
	float: left;
	width: 196px;
	padding: 10px 0 10px 10px;
}

#main .content-1-3-noline
{
	float: left;
	width: 196px;
	padding: 10px 0 10px 10px;
}

#main .content-2-3-noline
{
	float: left;
	width: 196px;
	padding: 10px 0 10px 10px;
}

#main .content-3-3-noline
{
	float: left;
	width: 196px;
	padding: 10px 0 10px 10px;
}

#main .planner
{
	float: left;
	width: 610px;
	padding: 0 0 10px 15px;
	background-image: url(../images/background_planner.gif);
	background-repeat: repeat-y;
	background-position: 10px 0;
}

#main .planner-footer
{
	float: left;
	width: 610px;
	padding: 0 0 10px 15px;
	background-image: url(../images/background_planner_footer.gif);
	background-position: 10px 0;
	background-repeat: no-repeat;
	height: 13px;
}

#main table.vehicle
{
	border-collapse: collapse;
	font-size: 70%;
	margin: 10px 0;
}

#main table.vehicle tr.Archived
{
	color: #b5c3cd;
}

#main table.vehicle tr.Archived a
{
	color: #b5c3cd;
}

#main table.vehicle td
{
	padding: 2px;
}

#main table.vehicle td.right
{
	border-right: solid 1px #dbe8f0;
}

#main table.vehicle td.top-right
{
	border-top: solid 1px #dbe8f0;
	border-right: solid 1px #dbe8f0;
}

#main table.vehicle td.top
{
	border-top: solid 1px #dbe8f0;
}

#footer
{
	width: 100%;
	background-image: url(../images/background_footer.gif);
	float: left;
	height: 24px;
	color: #FFFFFF;
	font-size: 70%;
}

#footer .footer
{
	float: left;
	padding: 3px 0 0 10px;
}

.line
{
	float: left;
	height: 1px;
	font-size: 0;
	border-top: solid 1px #ffffff;
	width: 616px;
	margin-left: 5px;
	display: inline;
}

table.table-planner
{
	padding-left: 5px;
}

table.table-planner td
{
	padding: 1px;
}

.planner-date
{
	width: 75px;
	height: 30px;
	background-color: #cc0000;
	color: #FFFFFF;
	margin-left: 10px;
	padding: 5px;
}

.planner-line
{
	float: left;
	height: 1px;
	font-size: 0;
	background-color: #cce1ee;
	width: 580px;
}