/* CSS Document */


* {
margin:0; padding:0;
}

a:hover{color:#000000; text-decoration:none;}

a img { border:0;}
img {vertical-align:top;}


.left { float:left;}
.clear  {clear:both;}

html, body {
   margin:0;
   padding:0;
   height:100%;
}

.trademark {
  font-weight: normal;
  font-size: 0.6em;
  vertical-align: super;
}



html, input, textarea
	{
		font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
		font-size:13px;
		line-height:17px;
		color:#333333;		
	}
	
p{
			font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
			font-size:13px;
			line-height:17px;
			color:#333333;		
	}
	
#titleimg {width:200px;}
#titlevideo {width:360px;}

input, select { vertical-align:middle; font-weight:normal;}
strong {font-size:13px; color:#444444;}

a {color:#FF3300; font-size:13px;}
b {color:#FFFFFF; font-size:13px;}

/*main layout */
#h_logo{height:110px;}

#header_tall {background:url(images/header_tall.gif) top repeat-x; min-height:100%; position:relative; width:100%;}

#main {margin:0 auto; padding-bottom:61px;}
#header {margin:0 auto;}
#header .left {padding:24px 0 10px 4px;}
#header .rightlogout  {float:right; padding:20px 11px 0 0;}
#header .rightlogout .login {color:#868686; font-family:arial; font-size:12px; background:url(images/logout.gif) no-repeat top right; padding:0 25px 2px 0;}
#header .rightlogout a {color:#868686; font-family:arial; font-size:12px;}

/* logout+options top right of screen on login */
#header .rightlogin  {float:right; padding:70px 11px 0 0;}
#header .rightlogin .login {color:#868686; font-family:arial; font-size:12px; background:url(images/login.gif) no-repeat top right; padding:0 25px 2px 0;}
#header .rightlogin a {color:#868686; font-family:arial; font-size:12px;}

#menu {background:url(images/menu_tall.gif) top repeat-x; height:65px; text-align:center;}
#menu .rightbg {background:url(images/menu_right.gif) top right no-repeat;}
#menu .leftbg {background:url(images/menu_left.gif) top left no-repeat; width:100%; height:65px;}
#menu .padding {padding:9px 0;}
#menu ul {text-align:center;}
#menu li {float:left; width:135px; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
/*width = 942px/number of menu items */
#menu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#menu li a:hover {color:#000000; text-decoration:underline;}
#menu .selected {display:block; color:#FF9900; text-decoration:underline;}
#menu .lastselected {display:block; color:#FF9900; text-decoration:underline; background:none;}
#menu .last {background:none;}





/* navigation menu, once logged in */
#usermenu {background:url(images/usermenu_tall.jpg) top repeat-x; height:75px; text-align:center;}
#usermenu .rightbg {background:url(images/usermenu_right.jpg) top right no-repeat;}
#usermenu .leftbg {background:url(images/usermenu_left.jpg) top left no-repeat; width:100%; height:75px;}
#usermenu .padding {padding:9px 0;}
#usermenu ul {text-align:center;}
#usermenu li {float:left; width:235.5px; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
/*width = 942px/number of menu items */
#usermenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#usermenu li a:hover {color:#000000; text-decoration:underline;}
#usermenu .selected {display:block; color:#FF9900;}
#usermenu .lastselected {display:block; color:#FF9900; background:none;}
#usermenu .last {background:none;}






/*#header .content {background:url(images/header_bg.jpg) top left no-repeat; margin:0 auto; color:#ffffff;}*/
#header .content .text {padding:2px 0 33px 2px;}
#header .content a img {float:right;}


#middle {width:100%;}

#footer {background:#FFFFFF url(images/footer_bg.gif) bottom repeat-x; position:absolute; bottom:0; width:100%; height:61px;}
#footer .indent {padding:23px 0 0 17px; color:#868686; font-size:12px;}
#footer a {color:#444444; font-weight:bold; font-size:12px;}
#footlinks {float:right; padding-top:5px; font-size:12px; padding-right:30px}
#footlinks li {float:left; display:block;}
#footlinks .selected {color:#FF9900; text-decoration:none; font-weight:bold;}


.border {background:url(images/border_tall.gif) top repeat-x;}
.border .btall {background:url(images/border_tall.gif) bottom repeat-x;}
.border .ltall {background:url(images/border_tall.gif) left repeat-y;}
.border .rtall {background:url(images/border_tall.gif) right repeat-y;}
.border .tleft {background:url(images/border_tl.gif) top left no-repeat;}
.border .tright {background:url(images/border_tr.gif) top right no-repeat;}
.border .bleft {background:url(images/border_bl.gif) bottom left no-repeat;}
.border .bright {background:url(images/border_br.gif) bottom right no-repeat; width:100%;}
.border .ind {padding:4px 4px 15px 4px;}
.border a img {float:right;}


.h_text {padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}

.more {text-align:right;}
.more a{background:url(images/more_bg.gif) top right no-repeat; padding-right:13px; color:#000000; font-weight:bold;}
.enlarge {text-align:right; margin: 0 20px 0 0; padding:2px 20px 2px 0; background:url(images/magnify.gif) no-repeat top right; float:right;}
.date {background:url(images/date_bg.gif) no-repeat 0 0; padding:2px 0 2px 22px; color:#444444;}
.head {font-weight:bold; font-size:15px;}
.title {padding:10px 10px 10px 10px;}

th {text-align:left;}

/*li { color:#3d6f92;}
li a {color:#3d6f92; font-size:14px;}*/

.bot_line {background:url(images/h_text_bg.gif) bottom repeat-x;}
.b_text {color:#FF9900}

/*submenus*/
#subbox {padding:10px 0 15px 0;}

#submenu {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#submenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#submenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#submenu li a:hover {color:#000000; text-decoration:underline;}
#submenu .selected {color:#FF9900; text-decoration:underline;}
#submenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#submenu .last {background:none;}


#helpsubmenu {height:50px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#helpsubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#helpsubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#helpsubmenu li a:hover {color:#000000; text-decoration:underline;}
#helpsubmenu .selected {color:#FF9900; text-decoration:underline;}
#helpsubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#helpsubmenu .last {background:none;}


#subcontent {padding: 8px 8px 8px 8px; margin:0 auto;}
#subcontent p {padding: 5px 0 5px 0;}
.subdescripleft {padding: 10px 10px 10px 10px; width:506px; float:left;}
.subdescripright {padding: 10px 10px 10px 10px; width:506px; float:right;}
.subdescripleft ul, .subdescripright ul {margin:0 0 0 15px;}
.subdescripleft li, .subdescripright li {list-style:disc; font-size:13px; color:#333333; padding: 2px 0 6px 2px;}
#subcontent strong {font-weight:bold;}
.subflashright {padding: 10px 0 0 0; width:400px; float:right;}
.subflashleft {padding: 10px 0 0 0; width:400px; float:left;}
.subfull {padding: 10px 10px 10px 10px; width: 920px;}
.center {margin:0 auto;}
#subcontent ul {
  list-style-type: disc;
  color:#333333;
  margin-left: 20px;
  padding-bottom: 10px;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
  }
#subcontent ol {
color:#333333;
  list-style-type: decimal;
  margin-left: 20px;
   font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
}
#subcontent li {list-style:disc; font-size:13px; color:#000000; padding: 2px 0 6px 2px;font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }




/* contents page submenu */
#contentsubmenu {height:60px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#contentsubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#contentsubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#contentsubmenu li a:hover {color:#000000; text-decoration:underline;}
#contentsubmenu .selected {color:#FF9900; text-decoration:underline;}
#contentsubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#contentsubmenu .last {background:none;}

/* reports page submenu */
#reportssubmenu {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#reportssubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#reportssubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#reportssubmenu li a:hover {color:#000000; text-decoration:underline;}
#reportssubmenu .selected {color:#FF9900; text-decoration:underline;}
#reportssubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#reportssubmenu .last {background:none;}

/* location,devices, users, titles page submenu */
#multisubmenu {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#multisubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#multisubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#multisubmenu li a:hover {color:#000000; text-decoration:underline;}
#multisubmenu .selected {color:#FF9900; text-decoration:underline;}
#multisubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#multisubmenu .last {background:none;}


/* location,devices, users, titles page submenu */
#settings {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#settings li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#settings li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#settings li a:hover {color:#000000; text-decoration:underline;}
#settings .selected {color:#FF9900; text-decoration:underline;}
#settings .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#settings .last {background:none;}

/* drivers page submenu */
#threesubmenu {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#threesubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#threesubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#threesubmenu li a:hover {color:#000000; text-decoration:underline;}
#threesubmenu .selected {color:#FF9900; text-decoration:underline;}
#threesubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#threesubmenu .last {background:none;}

/* occupational health submenu*/
#occsubmenu {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#occsubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#occsubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#occsubmenu li a:hover {color:#000000; text-decoration:underline;}
#occsubmenu .selected {color:#FF9900; text-decoration:underline;}
#occsubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#occsubmenu .last {background:none;}

/* System health submenu*/
#syssubmenu {height:35px; text-align:center; padding-bottom:2px; background:url(images/h_text_bg.gif) bottom repeat-x;}
#syssubmenu li {float:left; background:url(images/menu_libg.gif) top right repeat-y; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; padding:8px 0 5px 0;}
#syssubmenu li a {color:#919191; text-decoration:none; font-weight:normal; font-size:16px; display:block;}
#syssubmenu li a:hover {color:#000000; text-decoration:underline;}
#syssubmenu .selected {color:#FF9900; text-decoration:underline;}
#syssubmenu .lastselected {color:#FF9900; text-decoration:underline; background:none;}
#syssubmenu .last {background:none;}



/* WIDTHS */
#syssub li {width:188px} /*=942px / number of submenu items*/
#helpsub li {width:188px}
#helpsubmenu li {width:134.5px}
#contentsubmenu li {width: 134.5px;}
#reportssubmenu li {width: 314px;}
#multisubmenu li {width: 471px;}
#threesubmenu li {width: 314px;}
#settings li {width: 157px;}
#occsubmenu li {width:235.5px}
#syssubmenu li {width:157px}




#minimenu {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; text-align:center;}
#minimenu li {float:left; display:block; padding:3px 0 2px 0; font-size:13px;}
#minimenu li a {float:left; color:#FF0000; text-decoration:none; display:block; font-size:13px; font-weight:normal;}
#minimenu li a:hover {color:#000000; text-decoration:underline;}

.colour1 {background-color:#FFFFFF;}
.colour2 {background-color:#CCCCFF;}


/* Cost Calculator */
#costcalculator {margin:0 auto;}
#costcalculator table {width:900px; table-layout:fixed; padding:0; margin:0 auto;}
#costcalculator td {padding: 10px 10px 10px 10px; text-align:left; vertical-align:top;}
#costcalculator .colour2{background-color:#CCCCFF; height:100px;}
#costcalculator .colour1{background-color:#FFFFFF; height:100px;}
#costcalculator .tablehead {color:#000000; font-size:13px; font-weight:bold; text-align:center;}
#costcalculator .components {color:#000000; font-size:13px; text-align:left; width:400px;}
#costcalculator .vlinecolour1 {width:100px; background: #FFFFFF url(images/ver_line.gif) top right repeat-y;}
#costcalculator .vlinecolour2 {width:100px; background: #CCCCFF url(images/ver_line.gif) top right repeat-y;}
#costcalculator .novlinecolour1 {background-color:#FFFFFF; width:100px;}
#costcalculator .novlinecolour2 {background-color:#CCCCFF; width:100px;}

#costcalculator .purchoptions {width:520px; height:30; text-align:right; color:#000000; font-size:13px; background: #FFFFFF url(images/ver_line.gif) top right repeat-y;}
#costcalculator .total {width:100px; height:30; background:#FFFF66 url(images/ver_line.gif) top right repeat-y;}
#costcalculator .totalnovline {width:100px; height:30; background-color:#FFFF66;}
#costcalculator .reportoptions {width:520px; height:30; text-align:right; color:#000000; font-size:13px; background: #FFFFFF url(images/ver_line.gif) top right repeat-y;}

#costcalculator .editable {color:#333333; background-color:#FFFF99; border-style:none; padding: 0 0 3px 3px; text-align:left; vertical-align:middle;}
#costcalculator .editablefocus {color:#333333; background-color:#FFFF99; border:solid thin #FF6600; padding: 0 0 3px 3px; text-align:left; vertical-align:middle;}
#costcalculator .uneditable {background-color:#FFFFFF; color:#000000; border-style:none; padding: 0 0 3px 3px; text-align:left; vertical-align:middle;}
#costcalculator .invalid {color:#333333; background-color:#FF9999; border:solid thin #FF0000;}
#costcalculator .error {color:#FF0000; font-weight:bold;}
#costcalculator .gap {height:10px;}
#costcalculator .thin {height:30px;}
#costcalculator .costbtn {background: url(images/costbtn.jpg) no-repeat; text-align:center; font:Arial, Helvetica, sans-serif; font-size:13px; width:110px; height:28px; color:#000000; border-style:none; padding: 0 0 3px 3px; vertical-align:middle;}
#costcalculator #pdf {text-align:center; background-color:#CCCCFF; width:900px; padding:4px 0 4px 0; margin:0 auto; display:block;}

/* index */

#middle .indent {padding:17px 0 19px 0;}
#middle .boxes .box1 .padding{padding:9px 13px 3px 15px;}
#middle .boxes .box2 .padding{padding:9px 13px 3px 15px;}
#middle .boxes .box3 .padding{padding:9px 13px 3px 15px;}
#middle .boxes .p1 {padding:1px 0 7px 0;}
#middle .maintext {padding:21px 0 0 0;}
#middle .maintext .para .padding {padding:14px 21px 0 17px;}
#middle .maintext .news .padding {padding:14px 18px 0 21px;}
#middle .maintext .contactdetails .padding {padding:14px 18px 0 21px;}
#middle .maintext .para p {padding:5px 0 5px 0;}
#middle .maintext .para .p1 {padding:7px 0 15px 0;}
#middle .maintext .para .p2 {padding:5px 0 5px 0; line-height:30px;}
#middle .maintext .para ul{margin:0 0 0 15px;}
#middle .maintext .para li {list-style:disc; font-size:13px; color:#333333; padding: 2px 0 6px 2px;}
#middle .maintext .news .content {padding:10px 0 15px 0;}
#middle .maintext .news .p1 {padding:2px 0 1px 0;}
#middle .maintext .contactdetails .content {padding:10px 0 15px 0;}
#middle .maintext .contactdetails .p1 {padding:2px 0 1px 0;}

/*lightbox overlay css */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
	}


#contactform .column1 {width:230px; margin:2px 5px 10px 5px; float:left;}
#contactform .column2 {width:640px; margin:2px 5px 10px 5px; float:left;}

#contactform .row1 {height:30px; padding:5px 5px 5px 5px;}
#contactform .row2 {padding:5px 5px 5px 5px;}
#contactform .row2input {padding:5px 5px 5px 5px;}
#contactform .input {width:220px; height:20px; border:1px solid #a4a4a4; background:#FFFFFF; font-family:tahoma; line-height:13px; color:#000000;}
#contactform .msg {width:640px; height:236px; border:1px solid #a4a4a4; background:none; overflow:auto; font-family:tahoma; line-height:18px; color:#000000;}
#contactform .buttons {text-align:right; padding:5px 5px 5px 0;}
#confirmationmsg {text-align:center; color:#FF9900; font-weight:bold; padding:0;}
#contactform .invalidemail {width:220px; height:20px; color:#000000; background-color:#FF9999; border:solid thin #FF0000; font-family:tahoma; line-height:13px;}
#contactform .invalidname {width:220px; height:20px; color:#000000; background-color:#FF9999; border:solid thin #FF0000; font-family:tahoma; line-height:13px;}
#contactform .invalidmessage {color:#000000; background-color:#FF9999; border:solid thin #FF0000; width:640px; height:236px; overflow:auto; font-family:tahoma; line-height:18px;}
#contactform .error {width:230px; height:26px; color:#FF0000; font-weight:bold; padding:3px 5px 3px 5px;}

/* layout */

.testimonial-title
{
  background-color: #E0E0FF;
  border-top: solid 1px #000080;
  border-bottom: dotted 1px #8080FF;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 25px;
  padding-left: 10px;
}
image.testimonial-title
{
  margin: 0;
  height: 25px;
  padding: 0;
  border: none;
}


	
#main {width:950px;}

#footer {height:61px;}

.box1, .box2, .box3, .para, .news, .contactdetails, .indent_column, .col1, .col2, .col3, .ind_col {float:left;}

.boxes .box1 {width:312px;}
.boxes .box2 {width:312px;}
.boxes .box3 {width:312px;}
.boxes .indent_column {width:7px;}

.ver_line {background:url(images/ver_line.gif) repeat-y 634.5px 0; width:100%;}
.ver_lineright {background:url(images/ver_line.gif) repeat-y 315.5px 0; width:100%;}
.maintext .para {width:635px;}
.maintext .news {width:315px;}
.maintext .contactdetails {width:315px;}

table {
  font-style: normal;
  font-weight: normal;
  text-align: left;
  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
  font-size:13px;
  line-height:17px;
  color:#333333;	
			
}
th {
  font-weight: bold;
}
td {
  font-weight: normal;
}


table.form {
}
td.form {
  padding: 5px 5px 5px 5px;
}


table.infotable {
  color: #000000;
  padding: 5px 5px 5px 5px;
}
th.infotable {
  color: #FFFFFF;
  background: #000080;
  padding: 2px 5px 2px 5px;
}
td.infotable_light {
  color: #000080;
  background: #CCCCCC;
  padding: 2px 5px 2px 5px;
}
td.infotable_dark {
  color: #000080;
  background: #CCCCFF;
  padding: 2px 5px 2px 5px;
}



table.msrtable {
font-style: normal;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 1.1;
 	border-width: 1px;
  	border-spacing: 0px;
  	border-style: solid;
  	border-color: black;
  	
	
}
th.msrtable {
	text-align: center;
	color: #000000;
  	border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
  	background-color: #CCCCCC;
	
}
td.msrtable {
	text-align: center;
	background-color: #CCCCCC;
	color: #000000;
        border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
	
}

td.peakg {
	text-align: center;
        color: #FFFF00;
        background-color: black;
        border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: solid;
  	border-color: #00CCFF;
	
}

td.bump_1g {
	text-align: center;
        color: #000000;
        background-color: #9900CC;
        border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
	
}

th.bump_1g {
	text-align: center;
	color: #000000;
  	border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
  	background-color: #9900CC;
	
}



td.bump_halfg {
	text-align: center;
        color: #000000;
        background-color: #FF0000;
        border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
	
}

th.bump_halfg {
	text-align: center;
	color: #000000;
  	border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
  	background-color: #FF0000;
	
}



td.drivingstyle_01 {
	text-align: center;
        color: #000000;
        background-color: #FF6600;
        border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
	
}
th.drivingstyle_01 {
	text-align: center;
	color: #000000;
  	border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
  	background-color: #FF6600;
	
}



td.drivingstyle_02 {
	text-align: center;
        color: #000000;
        background-color: #FFCC00;
        border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
	
}
th.drivingstyle_02 {
	text-align: center;
	color: #000000;
  	border-width: thin;
  	padding: 5px 5px 5px 5px;
  	border-style: groove;
  	border-color: black;
  	background-color: #FFCC00;
	
}


th.vertical {
layout-flow : vertical-ideographic;
}

tr.costs {
  background: #CDCEF3;
  line-height: 25px;
}



.button
{
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  height: 25px;
  background-color: #CCCCCC;
  border: 1px dotted #000000;
  color: #000000;
}
.button:hover
{
  background-color: #666666;
  border: 1px solid #FF6600;
  color: #FFFFFF;
  height: 25px;
}