/* cps defaults */
body { margin: 0px; font-size: 9pt; font-family: arial, verdana;  }
a img { border: 0px; }
a { text-decoration: none; cursor: hand; }
a:hover { text-decoration: underline; }
a:visited { color:blue;}
form { padding: 0px; margin: 0px; }
table, select, input { font-size: 9pt; }
h1,h2,h3,h4 { padding: 0; margin: 0; font-weight: bold; position: relative; clear: both; }
h2 { font-size: 20px;  }
h3 { font-size: 16px; }
h2 span, h3 span { position: absolute; top: 2px; right: 20px; } 
.main { text-align: left; margin: 0px auto; position: relative; min-width: 970px; }
.highlight, .highlight td { background-color: #4878A9; color: #fff; }
.highlight a { color: #fff; text-decoration: underline; }
.highlight td { color: #fff; }
.footer { font-size: 10px; margin-top: 10px; padding-top: 15px; border-top: 1px solid #1250a3; text-align: center; }
.footer a { text-decoration: none; color: #1250a3; }
.links { list-style: none; margin: 0; padding: 0; }
.links li { float: left; margin-right: 10px; }
.links .sep { margin-right: 10px; }

.xsmall, .xsmall a { font-size: 10px; }
.small, .small a { font-size: 12px; }
.normal { font-size: 14px; }

.highlight3 td { background-color: #eee; color: #000;  }

.highlight2 { background-color: #dbfeff; color: #000; }
/* main frame */
.header_menu { position: absolute; left: 350px; top: 0; }
ol.cps_menu_list { display: block; clear: both; width: 175px; margin: 0px; padding: 0px; }
ol.cps_menu_list li { list-style: none; display: block; margin: 0px; padding: 0px; width: 175px; }
ol.cps_menu_list li.highlight a { background: #fff; color: #000; margin: 0; width: 175px; }
ol.cps_menu_list a { margin: 0 2px 0 2px; width: 171px; color: #fff; font-size: 16pt; font-weight: bold; text-decoration: none; padding: 2px; border-bottom: 1px solid #fff;  }
ol.cps_menu_list a:hover { background: #99ccff; color: #000; }

.cps_header { text-align: left; width: 800px;  position: relative; height: 80px; border-bottom: 1px solid #1250a3;  }
.cps_header_mid { position: absolute; bottom: 0px; right: 0px; font-weight: bold; font-size: 16pt; }
.cps_header_login { position: absolute; bottom: 10px; left: 250px; font-weight: bold; font-size: 9pt; }
.cps_footer { clear: both; width: 800px; text-align: center; font-size: 8pt; border-top: 1px solid #1250a3; margin-top: 15px; padding-top: 5px;  }
.cps_footer a { color: blue; text-decoration: none; }
.cps_footer a:hover { color: blue; text-decoration: underline; }
/*
div.cps_header { position: relative; margin: 0 0 30px 0; height:95px; padding-bottom: 5px; }
*/
div.cps_header_tag { position: absolute; right: 0; top: 10px; font-weight: bold; font-size: 16pt; }
div.cps_header_login { position: absolute; right: 0; bottom: 25px;  }
div.cps_header_mid { position: absolute; left: 200px; bottom: 5px;  font-size: 10pt; }
div.cps_header_time { text-align: right; }

.directions {  font-size: 10pt; padding: 2px; background-color: #fff; margin: -20px 0 20px 0; }
.title { color: #fff; background-color: #1250a3; padding: 5px; font-size: 14px; font-weight: bold; margin-bottom: 20px;  }

.logout { font-weight: normal; margin-left: 20px; }
.logout a { color: blue; text-decoration: none; }
.logout a:hover { text-decoration: underline; }
.logo { position: absolute; top: 0px; left: 0px; }
.table_client { font-size: 9pt; font-family: arial; background-color: #fff; text-align: left; padding: 2px; }
.table_client tr:first-child  { font-weight: bold; font-size: 20pt; }
.clear { clear: both; }
.left { float: left; display: block; }
.right { float: right; display: block; }
.test25 tr.green td { background-color: #ccffcc; padding: 2px 30px 2px 5px;  }
.test25 tr.green td.label { background-color: #66ff66; color: black; font-weight: bold; }
.test25 tr.green_header td { background-color: #009900; color: white; font-weight: bold; }
.test25 tr.green_header a { color: white; text-decoration: none; }
.test25 tr.green_header a:hover { text-decoration: underline; }
.test25 td {  font-size: 8pt; }
.test25 td { background-color: #ffb7b7; padding: 2px 30px 2px 5px;  }
.test25 td span.note { margin: 0 0 0 10px; font-size: 8pt; font-style: italic;font-weight: bold; color: blue;  }
.test25 td.label { background-color: #990000; color: white; font-weight: bold; }
.test25 td input { font-size: 8pt; }
.test25 tr.spacer td {background-color: white; height: 10px; }
.client_menu_box { margin: 1px 2px 2x 2px; color: #000; font-size: 9pt; padding: 2px; font-weight: bold; background-color: #fff; } 
.client_menu_box2 { margin: 1px 2px 2x 2px; color: #000; font-size: 8pt; padding: 2px; font-weight: bold; background-color: yellow; } 
.client_menu_box2 a { color: blue; text-decoration: none; }
.client_menu_table { font-size: 9pt; color: #fff; margin: 2px; }
.client_menu_table tr td:first-child { font-weight: bold; font-size: 20pt; }
.client_menu_table tr a { color: #fff; }
.client_menu_table tr.highlight td { background-color: yellow; text-align: right; }
.client_menu_table tr.highlight a { color: black; }
.cps_header_tag { position: absolute; top: 0; right: 0; font-size: 16pt; font-weight: bold; }
.menu_header { font-weight: bold; text-align: left; color: #4878a9; background-color: #eff6fe; border: 1px solid #a0bbd8; padding: 20px; }
.menu_header div { color: #819eca; margin-left: 20px; }
.menu_header div a { color: #819eca; text-decoration: none; }
.menu_header div a:hover { text-decoration: underline; }
div.pgtitle { border-right: #1250a3 1px solid; padding-right: 4px; border-top: #1250a3 1px solid; padding-left: 4px; font-weight: bold; font-size: 12pt; background-image: url('../images/grad3.jpg'); padding-bottom: 4px; border-left: #1250a3 1px solid; color: #1250a3; line-height: 12pt; padding-top: 4px; border-bottom: #1250a3 1px solid; text-align: center; margin-top: 10px; }
.client_2cols { clear: both; font-size: 9pt; font-family: arial, verdana; text-align: left; position: relative; width: 620px; }
.client_2cols div.col1 { position: relative; width: 275px; }
.client_2cols div.col2 { position: absolute; top: 0; right: 0; display: block; float: right; width: 310px; }
div.autocomplete { width: 150px; border: 1px solid black; height: auto; background-color: #ffffcc; max-height: 50px; overflow: auto; position: absolute; visibility: hidden; }
div.autocomplete ol { list-style: none; margin: 0; padding: 0; }
div.autocomplete li { margin: 0; padding: 0;  } 
div.autocomplete a { display: block; width: 130px; margin: 0; padding: 2px 10px 2px 10px; text-decoration: none; color: #000; }
div.autocomplete a.active { background-color: #d5f1ff; color: #000; }
div.autocomplete a:hover { background-color: #d5f1ff; color: #000; }
nopadding tr td {  padding: 0px; }
table.table_blue { font-size: 8pt; }
table.table_blue tr { vertical-align: top; }
table.table_blue tr.white td { color: black; background-color: #fff; }
table.table_blue tr.yellow td { color: black; background-color: #ffffcc; }
table.table_blue tr.lightyellow td { color: black; background-color: #ffffd7; }
table.table_blue tr.green td { color: black; background-color: #ccffcc; }
table.table_blue tr.lightgreen td { color: black; background-color: #eaffea; }
table.table_blue tr.lightred td { color: black; background-color: #ffe1e1; }
table.table_blue tr.red td { color: black; background-color: #ffb7b7; }
table.table_blue tr.rheader td { text-align: center; color: white; background-color: #0066ff; font-weight: bold; }
table.table_blue td.label { color: white; background-color: #3399ff; font-weight: bold; }
table.table_blue td { background-color: #d7ebff; padding: 2px 10px 2px 10px; }
table.table_blue td:first { padding: 2px 10px 2px 0px; }
table.table_blue tr.darkred td { color: white; background-color: #800000; }
table.table_blue tr.purple td { color: white; background-color: Purple; }
table.table_blue tr.yellow td { color: #000; background-color: yellow; }
table.table_blue tr.darkred a, table.table_blue tr.purple a { color: white; }
table.table_darkblue { font-size: 8pt; }
table.table_darkblue tr { vertical-align: top; }
table.table_darkblue tr.white td { color: black; background-color: #fff; }
table.table_darkblue tr.yellow td { color: black; background-color: #ffffcc; }
table.table_darkblue tr.green td { color: black; background-color: #ccffcc; }
table.table_darkblue tr.red td { color: black; background-color: #ffb7b7; }
table.table_darkblue tr.rheader td { text-align: center; color: white; background-color: #426a8e; font-weight: bold; }
table.table_darkblue td.label { color: white; background-color: #3399ff; font-weight: bold; }
table.table_darkblue td { background-color: #99ccff; padding: 2px 10px 2px 10px; }
table.table_darkblue td:first { padding: 2px 10px 2px 0px; }
table.table_darkblue tr.darkred td { color: white; background-color: #800000; }
table.table_darkblue tr.darkred a { color: white; }
/*
.header { padding-left: 10px; padding-right: 10px; font-size: 18pt; font-family: "arial rounded mt bold"; color: #518fca; }
*/
.strip1 { height: 4px; background-color: #426a8e; margin-bottom: 2px; }
.strip2 { height: 3px; background-color: #bcc0c1; }
.login { padding: 10px; color: #568dc6; font-weight: bold; }
.signout { color: #c56369; font-weight: bold; margin-left: 10px; }
.signout a { color: #c56369; text-decoration: none; font-weight: bold; }
.signout a:hover { color: #c56369; font-weight: bold; text-decoration: underline; }
.frame { border: 1px solid #a0bbd8; background-color: #1d507d; font-family: georgia; font-size: 12pt; }
.subtitle { padding: 5px; color: white; background-color: #4878a9; font-size: 10pt; font-weight: bold; }

.style1 { font-size: 12px; font-family: verdana, arial, helvetica, sans-serif }
.style3 { font-weight: bold; font-family: verdana, arial, helvetica, sans-serif }
.cart_header {font-weight: bold; font-size: 10pt; color: white; background-color: #1051a5;}
.cart_table {font-family: arial;font-size: 8pt;border-collapse: collapse;width: 100%;}
.cart_table_totals{font-family: arial;font-size: 8pt;width: 100%;}
.cart_table_totals td{padding: 2px;}

.cart_table input {font-size: 8pt;font-family: arial;}
.warranty_item { font-weight: bold; background-color: #ccc; padding: 2px; }
.legend2 { visibility: hidden; padding: 5px; position: absolute; background-color: #ffffe8; border: 1px solid black; }
.legend { display: none; padding: 5px; position: absolute; background-color: #ffffe8; border: 1px solid black; }
.legend span span { display: block; height: 10px; width: 10px;  margin: 0 10px 0 0; border: 1px solid black; }
.legend span { width: 200px;  margin: 0 0 10px 0;  clear: both; float: left; line-height: 1.2em; }
.legendnew { padding: 5px; display: none; position: absolute; z-index: 999; background-color: #ffffe8; border: 1px solid black; }
.legendnew span span { display: block; height: 10px; width: 10px;  margin: 0 10px 0 0; border: 1px solid black; }
.legendnew span { width: 200px;  margin: 0 0 10px 0;  clear: both; float: left; line-height: 1.2em; }
.tablenew { width: 100%; text-align: left; border: 1px solid #e3e3e3; padding: 0; }
.tablenew tr.header { background-image: url('../images/blue-grad.png'); height: 31px; }
.tablenew th, .tablenew td { text-align: left; font-family: verdana; font-size: 9pt; padding: 2px; }
.tablenew tr td { border-bottom: 1px solid #e3e3e3;  }

.tablenotes { width: 100%; text-align: left; border: 1px solid #e3e3e3; padding: 0; }
.tablenotes td { padding: 2px; }
.tablenotes a { color: #fff; }
.tablenotes

.font8 tr td { font-size: 8pt; }
table.tablenew tr.yellow { background-color: #ffffcc; }
table.tablenew tr.green { background-color: #ccffcc; }
table.tablenew tr.red { background-color: #ffb7b7; }

.tablenew td { vertical-align: top; }
.tablenew td a { font-weight: bold; color: #21759b; }
.tablenew td a:hover { text-decoration: none; }
ul.views { list-style-type: none;   margin: 0; padding: 0; float: left; margin: 8px 0px 5px; }
ul.views li { display: inline;  }
div.menuoptions {  visibility: hidden; margin: 5px 0px 5px 20px; font-size: 8pt; }
div.menuoptions a { font-weight: normal; margin-right: 5px;  }
div.menuoptions a:hover { color: #800000; }
.bg_gray_light { background-color: #f9f9f9; }
.bg_red_dark { background-color: red; color: #fff; }
dl.display { position: relative; width: 570px; }
dl.display dt { clear: both; float:left; padding: 4px 0 2px 0;  width: 200px;  text-align: right; font-weight:bold; }
dl.display dd { float: left; margin: 0 0 0 0; padding: 4px 0 2px 6px; width: 350px; }
.newbutton {box-sizing: content-box; border-bottom: 1px solid; border-left: 1px solid; padding-bottom: 2px; line-height: 16px; padding-left: 8px; padding-right: 8px; font-size: 11px !important; border-top: 1px solid; cursor: pointer; border-right: 1px solid; text-decoration: none; padding-top: 2px; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box;background: url(../images/white-grad.png) #f2f2f2 repeat-x left top;border-bottom-color: #bbb; border-top-color: #bbb; color: #464646; border-right-color: #bbb; border-left-color: #bbb;text-shadow: rgba(255, 255, 255, 1) 0 1px 0;}
.newbutton:hover {border-bottom-color: #666; border-top-color: #666; color: #000; border-right-color: #666; border-left-color: #666;}
.alignleft { float: left; }
.alignright { float: right; }
.newselect{text-transform:uppercase;border-bottom: 1px solid; border-left: 1px solid; border-top: 1px solid; border-right: 1px solid; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;line-height: 1em;padding-bottom: 2px; padding-left: 2px; padding-right: 2px; height: 2em; font-size: 11px; padding-top: 2px;border-bottom-color: #dfdfdf; border-top-color: #dfdfdf; border-right-color: #dfdfdf; border-left-color: #dfdfdf;}
.newinput{font-family: "lucida grande", verdana, arial, "bitstream vera sans", sans-serif; font-size: 13px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box;line-height: 1em;padding: 3px;margin: 1px;-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;font-size: 12px;border: 1px solid #dfdfdf;}
.newselect  option {padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px}
ul.paging { display: block; list-style: none; margin: 0px; clear: both;  }
ul.paging li { list-style: none; float: left; }
ul.paging li.stat { line-height: 25px; margin-right: 10px; }
ul.paging a {  display: block; padding: 5px 10px 5px 10px; margin-left: 5px;border: 1px solid #bbb;padding-bottom: 2px; line-height: 16px; padding-left: 8px; padding-right: 8px; font-size: 11px !important;  cursor: pointer; text-decoration: none; padding-top: 2px; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box;background: url(../images/white-grad.png) #f2f2f2 repeat-x left top; color: #464646; text-shadow: rgba(255, 255, 255, 1) 0 1px 0; }
ul.paging a.active { border: 1px solid red; }
ul.paging a:hover { background-color: #000;  text-decoration: none; border-color: #666; }
.paging2 {padding:15px 0 15px 25px; margin: 10px 0 20px 0; }
.paging2 a { padding: 5px 10px 5px 10px; margin-left: 5px; border: 1px solid #bbb; padding: 2px 8px 2px 8px; box-sizing: content-box; line-height: 16px; font-size: 11px !important;  cursor: pointer; text-decoration: none; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; background: url(../images/white-grad.png) #f2f2f2 repeat-x left top; color: #464646; text-shadow: rgba(255, 255, 255, 1) 0 1px 0; }
.paging2 a.current { border: 1px solid red; }
.paging2 span.inactive { color: #fff; background: #ccc; border: 1px solid #ccc; padding: 2px 8px 2px 8px; margin-left: 5px; line-height: 16px; font-size: 11px;}
.paging2 a:hover { border: 1px solid #a30101;}
.paging3 a { padding: 5px 10px 5px 10px; margin-left: 5px; border: 1px solid #bbb; padding: 2px 8px 2px 8px; box-sizing: content-box; line-height: 16px; font-size: 11px !important;  cursor: pointer; text-decoration: none; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -khtml-box-sizing: content-box; background: url(../images/white-grad.png) #f2f2f2 repeat-x left top; color: #464646; text-shadow: rgba(255, 255, 255, 1) 0 1px 0; }
.paging3 a.current { border: 1px solid red; }
.paging3 span.inactive { color: #fff; background: #ccc; border: 1px solid #ccc; padding: 2px 8px 2px 8px; margin-left: 5px; line-height: 16px; font-size: 11px;}
.paging3 a:hover { border: 1px solid #a30101;}
div.menu2_header { background-color: #eaeaea;  }
div.menu2_left ul { margin: 0; padding: 0; list-style: none; width: 200px; }
ul.menu2 li { display: block;  }
ul.menu2 a { line-height: 18px; padding: 1px 5px 3px 0; display: block; margin: 0; width: 178px;  }
div.selected_menu { font-family: georgia; font-weight: bold; font-size: 12pt; background: url(../images/menu-bits-vs.gif) #3c6b95 repeat-x left top;  padding-left: 10px; height: 27px;  border-top: 1px solid #1d507d;border-left: 1px solid #1d507d;border-right: 1px solid #1d507d; border-bottom: 0px  }
div.selected_menu a { color: #fff; line-height: 24px;  }
div.selected_menu a:hover { text-decoration: none; }
div.selected_menu div.menu_toggle { display: block; float: right; background: url(../images/menu-bits-vs.gif) no-repeat left -207px; height: 27px; width: 22px; }
div.menu_top { font-family: georgia; font-weight: bold; font-size: 12pt; padding-left: 10px; height: 27px;  border-top: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;border-right: 1px solid #dfdfdf; border-bottom: 0px; background-color: #eaf3fa;  color: #1c6280; line-height: 24px; }

div.menu_top a:hover { text-decoration: none; }
div.menu_top div.menu_toggle { display: block; float: right; background: url(../images/menu-bits-vs.gif) no-repeat left -109px;  height: 27px; width: 22px;}

div.submenu { background-color: #fff; }
div.submenu2 { height: 20px; }
div.submenu ul { display: none; }
div.submenu li.separator { background: url(../images/menu-arrows.gif) no-repeat left 5px; }

div.submenu a { padding-left: 10px; padding-right: 10px; color: #1c6280; background-color: #fff; }
div.submenu a:active { font-weight: bold; color: #000; }
div.submenu a:hover { background-color: #eaf3fa; color: #000; text-decoration: none;  }

div.selected_submenu {  border: 1px solid #aaa; border-top: 0px;  }
div.selected_submenu li.selected_submenu a { color: #000; font-weight: bold; background-color: #f5f5f5; }

div.not_selected { border: 1px solid #dfdfdf; }

.center { text-align: center; }
.numeric2 { text-align: right; }
.separator2 div { background-color: #000; height: 2px; margin: 10px 0 10px 0; }
.bold2 { font-weight: bold; }
div.main_menu_toggle { font-family: georgia; font-size: 12pt; font-weight: bold; color: #fff; line-height: 24px; background: url(../images/menu-bits-vs.gif) #3c6b95 repeat-x left top;  padding-left: 10px; height: 27px;  border: 1px solid #1d507d; }

div.menu_search ul { margin: 0; padding: 0; list-style: none; width: 155px; display: block; padding: 10px;  }
div.menu_search ul li label { width: 140px; display: block; margin-top: 3px; }
div.menu_search ul li input { width: 90%; display: block; border: 1px solid #e5e5e5; background-color: #f9f9f9; padding: 2px; font-size: 9pt; }
div.menu_search ul li input[type=submit] { width: 75px; margin-top: 10px; background: url(../images/button-grad-vs.png) #21759b repeat-x left top; color: #fff; border: 1px solid #298cba; font-weight: bold; }

div.framenew { border: 1px solid #dfdfdf; background-color: #fff; margin-bottom: 10px; text-align: left; }
div.framenew div.header { background: url(../images/blue-grad.png) #d5e6f2 repeat-x left top;  color: #093e56; padding: 5px; font-weight: bold; font-size: 10pt; position: relative; }
div.framenew div.content { margin: 10px; }

div.framenew2 { border: 1px solid #dfdfdf; background-color: #fff; margin-bottom: 10px; text-align: left; }
div.framenew2 div.header { background: url(../images/blue-grad.png) #d5e6f2 repeat-x left top;  color: #093e56; padding: 5px; font-weight: bold; font-size: 10pt; position: relative; }
div.framenew2 div.content { margin: 10px; }

div.framenew div.rightmenu { position: absolute; right: 5px; top: 5px; margin: 0; }
div.framenew div.cell_header div.rightmenu a { color: #fff; text-decoration: none; }
div.framenew div.cell_header div.rightmenu a:hover { text-decoration: underline; }

div.framenew ul { margin: -10px; padding: 0; list-style: none; }
div.framenew ul li a { display: block; text-decoration: none;  padding: 3px;  }
div.framenew ul li.spacer { margin-top: 40px; }
div.framenew ul li a { padding-left: 10px; padding-right: 10px; color: #1c6280; background-color: #fff; }
div.framenew ul li a:active { font-weight: bold; color: #000; }
div.framenew ul li a:hover { background-color: #eaf3fa; color: #000; text-decoration: none; }
.font24 { font-size: 24pt; }

div.popup2 { display: none; }
div.popup2 input.numeric { width: 75px; text-align: right; }
div.popup2 div {  width: 100%; padding-top: 20px; width: 100%; }

.message { width: 400px; margin: 20px auto 20px auto; padding: 5px; border: 1px solid #000; }

.message2 { border: 1px solid #DD3C10; background-color: #FFEBE8; padding: 10px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 11px; margin: 20px auto 20px auto; width: 600px; }
.message2 h2 { padding: 0; margin: 0;  font-size: 13px; color: #333; font-weight: bold; }
.message2 a { color: #DD3C10; text-decoration: none; }
.message2 a:hover { text-decoration: underline; }

table.table5 { margin-top: 20px; }
table.table5 tr th { text-transform: capitalize; text-align: left; padding: 5px 15px 5px 5px; border-bottom: 1px solid #000;border-top: 1px solid #000; }
table.table5 tr td { padding: 2px 5px 5px 5px;  }
table.table5 tr td:first { text-transform: capitalize; }

.button54 { padding: 5px 10px 5px 10px; font-weight: bold; cursor: pointer; border-top: 1px solid #99ccff; border-left:  1px solid #99ccff; border-right:  1px solid #6666cc;border-bottom:  1px solid #6666cc; background-color: #6699ff; color: #fff; }

div.form2cols div { display: block; width: 500px; clear: both; padding: 5px; text-align: left;  }
.form2cols label { display: block; width: 200px; float: left; text-align: left; }
.form2cols div.submit1 {clear: both;   margin: 20px auto; width: 200px; }
.form2cols div.spacer1 { clear: both; height: 35px; }
div.timeframe { width: 200px; position: relative; height: 20px; border: 1px solid #000; background-color: red; }
div.manuf { position: absolute; top: 0; background-color: green; height: 20px; }
div.arrow { position: absolute; top: 0px; z-index: 999; }
div.date1 { position: absolute; top: -15px; font-size: 7pt; left: -25px; }
div.date2 { position: absolute; bottom: -15px; font-size: 7pt; right: -25px; }
div.date3 { position: absolute; bottom: -40px; font-size: 7; left: -5px; }
div.timeframe_container { padding: 25px 0 25px 50px; }
div.cps_form_error { font-size: smaller; margin-bottom: 10px; display: block; font-weight: bold; color: red; }
.table4 tr { vertical-align: top; }

.table6 { border: 1px solid #000; margin: 15px 0 0 0;} 
.table6 td { padding: 1px 0 1px 5px; background-color: #fff; }
.table6 tr { vertical-align: top; }
.table6 tr td:first-child { background-color: #66ff66; border-right: 3px solid #fff; }
.table6 tr td { background-color: #ccffcc;  }
.table6 th { font-weight: bold; text-align: left; padding: 3px 10px 3px 1px;  border-bottom: 1px solid #000; background-color: #009900; color: #fff; }


.table7 td { padding: 1px 0 1px 5px; background-color: #fff; }
.table7 tr { vertical-align: middle; }
.table7 tr td:first-child { padding: 0 10px 0 0; font-weight: bold;}

.table8 { padding: 10px; background-color: #fff; }
.table8 tr td { padding: 2px 0 2px 5px; }
.table8 tr { vertical-align: top; }
.table8 tr td:first-child { padding: 2px 10px 2px 0; font-weight: bold;}

.table9 { padding: 10px; background-color: #fff; }
.table9 th { text-align: left; }
.table9 tr td { padding: 4px 20px 4px 5px; }
.table9 tr { vertical-align: middle; }

.table24 { background-color: #000; color: #fff; border: 0px; }
.table24 th { font-weight: bold; text-align: left; padding: 3px 10px 3px 1px;  border: 0px; background-color: #000; color: #fff; }
.table24 td { border: 0xp; padding: 4px 20px 4px 5px; background-color: #fff; color: #000; }
.table24 tr { vertical-align: middle; }
.table24 tr td:first-child { background-color: #fff; border: 0px; }

.table25 { border: 1px solid #000; margin: 15px 0 0 0; }
.table25 th { font-weight: bold; text-align: left; padding: 3px 10px 3px 1px;  border-bottom: 1px solid #000; background-color: #009900; color: #fff; }
.table25 td { padding: 1px 0 1px 5px; background-color: #ccffcc;  }
.table25 tr { vertical-align: top; }
.table25 tr td:first-child { background-color: #66ff66; border-right: 1px solid #fff; }
.table25 .yellow td { background-color: Yellow; }

.numeric1 input { width: 25px; text-align: right; padding: 2px; }
.tp10 td { padding: 0 10px 0 10px; }
.displaymsg { border: 1px solid #e2c822; background-color: #fff9d7; color: #000; font-family: tahoma; padding: 15px; margin: 15px 50px 25px 50px;  }
.displaymsg h1 { font-size: 14px;  font-size: 14px; font-weight: bold;   }
.displaymsg span { font-size: 9pt;  }

.tableI th, .tableI td { padding: 2px 15px 2px 5px; }
.tableI th { font-weight: bold; }
.tableI td { border-bottom: 1px solid #ddd; }

.w100 { width: 100%; }
.tbl1, .tbl1 td, .tbl1 th {  border-collapse: collapse; border: 1px solid #bbb; padding: 3px; }
.tbl1 th { padding-right: 20px; }
.tbl1 .nb td { border: none !important; }
.tbl1 th { background-color: #4878A9; color: #fff; text-align: left; font-size: 12px; }

.tbl, .tbl td, .tbl th {  border-collapse: collapse; border: 1px solid #ddd; padding: 3px; }
.tbl .nb, .tbl .nb td { border: none !important; }
.tbl.blue thead td { font-weight: bold; color: white; background-color: #4878A9; }
.tbl thead td { position: relative; }
.tbl .sort { position: absolute; right: 5px; top: 3px; }
.tbl .center { text-align: center; }
.tbl.subtotals { width: 214px; font-weight: bold; float: right; }
.tbl.subtotals tr td { width: 100px; }
.tbl.subtotals tr td:last-child { color: Red; text-align: right; }
.tbl.big { font-size: 16px; }
.mr20 { margin-right: 20px; }
.pr20 td { padding-right: 20px; }


.left { float: left; }
.right { float: right; }
input .small { width: 75px; }
input .medium { width: 150px; }
input .large { width: 250px; }
.numeric { text-align: right; }
.table tr { vertical-align: top; }

.newmsg { padding: 10px 15px 10px 40px; font-size: 12px; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; line-height: 20px; margin: 10px 0 10px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.newmsg.error { border: 1px solid #E9C59B; color: #e3302c; background: #ffecce url(../images/msg-error.gif) 12px 12px no-repeat; }
.newmsg.success { border: 1px solid #bfde84; color: #508600; background: #edfbd8 url(../images/msg-sucess.gif) 12px 12px no-repeat; }
.newmsg.info { border: 1px solid #bbdbe0; color: #0888c3; background: #ecf9ff url(../images/msg-info.gif) 12px 12px no-repeat; }
.newmsg.warning { border: 1px solid #e5e181; color: #666; background: #fefde2 url(../images/msg-warning.gif) 12px 12px no-repeat; }

.newbtn { width: 85px; display: block;height: 30px;line-height: 30px;background: url(../images/new-btn.gif) top center no-repeat;border: 0;font-family: "Titillium800", "Trebuchet MS", Arial, sans-serif;font-size: 14px;font-weight: normal;text-transform: uppercase;	text-shadow: 1px 1px 0 #0a5482;text-decoration: none;cursor: pointer;color: #fff !important;text-align: center;margin-right: 10px;vertical-align: middle;}
.newbtn:hover { background: url(../images/new-btn_.gif) top center no-repeat; text-shadow: 1px 1px 0 #b55f10; text-decoration: none !important; }
.newbtn.tiny { width: 105px; height: 20px; line-height: 20px;padding-bottom: 2px;vertical-align: middle;font-family: "Lucida Grande", Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;text-transform: uppercase;background: url(../images/new-btnt.gif) top center no-repeat;}
.newbtn.tiny:hover { background: url(../images/new-btnt_.gif) top center no-repeat; }	
.newbtn.mid { width: 115px; background: url(../images/new-btnm.gif) top center no-repeat; }
.newbtn.mid:hover { background: url(../images/new-btnm_.gif) top center no-repeat; } 
.newbtn.long { width: 165px; background: url(../images/new-btnb.gif) top center no-repeat; }
.newbtn.long:hover { background: url(../images/new-btnb_.gif) top center no-repeat; }
.hidden { display: none; }

.form3 h2 { margin: 10px 0 10px; color: #666; padding: 0 0 3px; border-bottom: 2px solid #666; }
.form3 .submit { margin: 25px; border-top: 1px solid #666; padding: 10px 0; text-align: center; } 
.form3 .block { margin: 20px 0 0 20px; }
.form3 tr td:first-child { font-weight: bold; width: 150px; }

.confirmation h2, .confirmation h3 , .confirmation h4 { text-align: center; }
.confirmation h3, .confirmation h4 { margin-bottom: 20px; }


.b { font-weight: bold; }
.confirmation { width: 600px; margin: 0 auto; }

.confirmation table tr { vertical-align: top; }
.confirmation p { padding: 0; margin: 0; }
.confirmation table { width: auto !important; margin: 0 auto; }
.confirmation .details { margin-top: 20px; }
.confirmation .details thead { background: #eee;   }
.confirmation .details td { padding: 3px 5px 3px 5px; }
.confirmation .details thead, .confirmation .details tfoot { font-weight: bold; }
.confirmation tr td:first-child { width: 300px; }
.confirmation .details tfoot tr td:first-child { text-align: right; }
.confirmation .msg { width: 500px; margin: 15px auto; }
.confirmation ul { padding: 0; list-style: none; margin: 0; }
.confirmation .msg .big { font-size: 14px; }
.red {  color: Red; }

.co2 table { width: 500px; margin-left: 25px; }
.co2 tr td:first-child { width: 200px; }
.co2 h3 { margin: 20px 0 10px; }





.tb {border-collapse: collapse;}
.tb td {border: 1px solid;padding: 2px;}
.tb .black { border-color: #000; }
.aright { text-align: right; }
.acenter { text-align: center; }
.aleft { text-align: left; }
.wysiwyg { width: 650px; height: 100%; }

.form1 .block { padding: 10px; }
.form1 .submit { text-align: center; border-top: 2px solid #000; padding-top: 15px; }
.form1 .submit input { padding: 5px 15px 5px 15px; font-size: 20px; }
.form1 .submit2 { text-align: center; margin-bottom: 20px; }
.form1 .submit2 input { padding: 3px 8px 3px 8px; font-size: 14px; }

form h2, .form1 h2, .sec { color: #666; padding-bottom: 3px; border-bottom: 3px solid #666; margin-bottom: 10px; }
form h2 span { padding-left: 50px; font-size: 12px; }

dl.type3{margin:30px 0px 30px 0px;padding:0px;width:auto;clear:both;min-width: 500px;}	
dl.type3 dt{clear: left;float:left;width:250px;margin:0px 0px 5px 0px;color:#000000;font-size:110%;text-align: right;line-height: 24px; padding-right: 10px;}
dl.type3 dd{margin:0px 0px 10px 250px;color:#666666;_text-indent:-3px !important;min-height: 24px; line-height: 24px;}

dl.type4{margin:30px 0px 30px 0px;padding:0px;width:auto;clear:both;min-width: 500px;}    	
dl.type4 dt{clear: left;float:left;width:250px;margin:0px 0px 5px 0px;color:#000000;font-size:110%;text-align: right;line-height: 24px; padding-right: 10px; text-align: left;}
dl.type4 dd{margin:0px 0px 10px 250px;color:#000; font-weight: bold;_text-indent:-3px !important;min-height: 24px; line-height: 24px;}

div.type1 { margin: 0 210px 0 210px; }
dl.type1{margin:30px 0px 30px 0px;padding:0px;width:auto;clear:both;min-width: 500px;}	
dl.type1 dt{clear: left;float:left;width:200px;margin:0px 0px 5px 0px;color:#000000;font-size:110%;text-align: right;line-height: 24px; padding-right: 10px;}
dl.type1 dd{margin:0px 0px 10px 210px;color:#666666;_text-indent:-3px !important;min-height: 24px; line-height: 24px;}
dl.type2 {margin:30px 0px 30px 0px;padding:0px;width:auto;clear:both; }	
dl.type2 dt{clear: left;float:left;width:200px;margin:0px 0px 5px 0px;color:#000000;font-size:110%;text-align: left;line-height: 24px; padding-right: 10px;}
dl.type2 dd{margin:0px 0px 10px 200px;color:#666666;_text-indent:-3px !important;min-height: 24px; line-height: 24px; text-align: right; margin-right: 20px;}
dl label { width: 200px; display: block; }
dl dd input[type=checkbox] { margin-top: 6px; }
dl ul { list-style: none; padding: 0; margin: 0; }
dl .submit2 { margin-top: 25px; }
dl .submit2 input { font-size: 16px; padding: 5px 20px 5px 20px; }
dl table { border-collapse: collapse; border: 1px solid #000;  }
dl td { border: 1px solid #000; padding: 3px; }
dl table input { width: 95%; }

dl.display2 { position: relative; width: 290px; }
dl.display2 dt { clear: both; float:left; padding: 4px 0 2px 0;  width: 120px;  text-align: left; font-weight:bold; }
dl.display2 dd { float: left; margin: 0 0 0 0; padding: 4px 0 2px 6px; width: 150px; }

.ml400 { margin-left: 400px; }
.ml200 { margin-left: 200px; }

table.red thead { background-color: #990000; color: #fff; }
.w25 { width: 24%; }
.w25:first-child, .w75:first-child, .w50:first-child { margin-right: 10px; }
.w75 { width: 74%; }
.w50 { width: 49%; }

.access { list-style: none; }
.access li { float: left; height: 400px; width: 300px; display: block; margin-right: 10px; } 
.access li dl { max-height: 300px; overflow: auto; }
.menu3 { margin-bottom: 15px; }
.menu3 ul { list-style: none; padding: 0; margin: 0; }
.menu3 li { float: left; margin-left: 10px; display: block; }
.menu3 a { display: block; padding: 5px 25px 5px 25px; background-color: #4878A9; color: #fff; border: 1px solid #aaa; font-size: 14px; }
.menu3 a:hover { background-color: #fff; color: #4878A9; text-decoration: none;  }

.pictures .picture {float: left; margin: 0 20px 20px; }

.notes { list-style: none; padding: 0; margin: 0; }
.notes .ts { background: url('../images/button-grad-vs.png'); color: #fff; height: 20px; font-weight: bold; line-height: 20px; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 3px; }
.notes .note { clear: both; padding: 5px; }
h3.section { margin: 10px 0 3px; }

.letters {list-style-type: none;margin: 0;padding: 0;}
.letters li{margin: 0;padding: 0;float: left;display: block;list-style-type: none;}
.letters a{float: left;margin: 0 5px 0 0;padding: 5px 8px 5px 8px;border: 1px solid black;background-color: #4878A9;color: #fff;text-decoration: none; text-transform: capitalize;}
.letters a:hover{background-color: #EFF6FE;color: Black;}
.letters .active{background-color: #EFF6FE;color: Black;}

.pagination {  clear: both; color: #555; font-size: 15px; font-family: Arial, Helvetica, sans-serif; height: 35px;  margin: 0 0 5px; background-color: #F0F0F0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;  }
.pagination .left { color: #555; height: 22px; padding: 6px; font-weight: bold; }
.pagination .right { margin: 4px 2px 4px 2px; }
.pagination .right a { float: left; display: block; height: 22px; line-height: 22px; padding: 1px 5px 1px 5px; font-size: 15px; margin: 0 3px 0 3px; display: block; border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } 
.pagination a:hover { text-decoration: none; }
.pagination .num { background-color: #fff; color: #4769A4; border: 1px solid #4769A4;  }
.pagination .num:hover { background-color: #4769A4; color: #fff; }
.pagination .num-active { background-color: #4769A4; color: #fff; font-weight: bold; border: 1px solid #4769A4;  }
.pagination .num-inactive { color: #ccc; border: 1px solid #ccc; background-color: #fff; }
.nd { display: none; }

.cols { }
.cols2 .col1 { width: 48%; float: left; }
.cols2 .col2 { width: 48%; float: right; }
.star { color: Red; }

.clearl { clear: left; }
.clearr { clear: right; }
.othervaluetext { display: none; }

dd.submit { margin: 20px 0 0 0; }
div.submit { text-align: center; margin: 20px 0 0 0; clear: both; }
.submit input[type=submit], .submit input[type=button] { padding: 8px 20px 8px 20px; margin: 0; font-size: 16px; }
.submit input[type=button] { margin: 0 30px 0 0; }
.submit a { margin-left: 100px; font-size: 16px; }


table.specs td { padding: 0 5px 0 5px; }
table.specs thead td { font-weight: bold; padding-right: 20px; background-color: #4878A9; color: #fff; text-align: left; font-size: 12px; }
table.specs .required {background-color: Yellow;}
table.specs { table-layout: fixed; margin: 15px 0 15px; }
table.specs tr { vertical-align: top; }
table.specs td { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
table.specs, table.specs td {  border-collapse: collapse; border: 1px solid #bbb; padding: 3px; }
.ml50 { margin-left: 50px !important; }

td.tools a { margin-right: 25px; }


.menu3 .title3 { float: left; }
.menu3 .menus { float: right; }
.cont600 { max-height: 600px; display: block; overflow: auto; }
.cont500 { max-height: 500px; display: block; overflow: auto; }
.cont400 { max-height: 400px; display: block; overflow: auto; }
.cont300 { max-height: 300px; display: block; overflow: auto; }

.button3 { border: 1px solid #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; color: #1C94C4; font-size: 11px; font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, sans-serif; background-color: #F6F6F6; font-weight: bold; padding: 5px 11px 5px 11px; }
.button3:hover { color: #c77405; border-color: #fbcb09; background-color: #fdf5ce; }

.dialog { display: none; }
.dialog div { padding: 20px 50px 20px 50px !important;  }
.tabs .tab { display: none; }


.tabs {  
  color:#111;
  padding:15px 20px;      
  width: 500px;
}
.tabs .tabsindex { border-bottom: 1px solid #000; }
.tabs .tabsindex li { list-style:none; float:left; }
.tabs .tabsindex a {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;  
  margin-left:0;
  font:10px;
  color:#FFF;
  background:#444;
}
.tabs .tabsindex a:hover {
  color:#FFF;
  background:#111;
  }
.tabs .tabsindex a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  }
.tabs .tab 
{
    display: none;
  padding:10px 10px 8px 10px;
  *padding-top:3px;
  *margin-top:-15px;
  clear:left;
  background:snow;
  font:10px;
}


.labelinside { color: #999; }

.ulform { list-style: none; padding: 0; margin: 0; }
.ulform li { padding: 1px 0 1px; }
.ulform input, .ulform select { margin: 0; }
.ulform .f1 input, .ulform .f1 select { width: 250px; }
.ulform .f2 input { width: 121px; }
.ulform .f2 input:first-child { margin-right: 5px; }
.ulform .f3 input { width: 80px; margin-right: 1px; }
.divform h3 { margin-bottom: 15px; border-bottom: 1px solid #666; }
.divform { margin-bottom: 25px; }
.blockform_inner { padding-left: 15px; }