/* CSS Document */
@import "reset.css";

html { height: 100%; font-family:arial; font-size:12px; color: #191919; line-height: 150%; background:#BABABA}
body { border:0; background:url(../images/wrapper_background.jpg) repeat-x; }

/* surround */

#wrapper { margin:0px auto; padding:0; width:1000px; }
#home h1{font-style:italic;font-size:25px;}
#home p{font-size:22px;line-height:150%;color:grey;font-weight:bold;}
#home p span{color:#F03223;}

#box_header { width:978px; height:130px; background-repeat:no-repeat; background:url(../images/header.jpg); }
#box_header #logo_masstech { margin:60px 0 0 4px; float:left; }

#box_header #contact_info { float:right; padding:43px 36px 0 0; width:300px; }

#box_header #details { height:30px; float:right; width:auto; }
#box_header #telephone_number { float:left; position:relative; left:0px; font-size:18px; font-weight:bold; color:#757575; }
#box_header #envelope { float:left; margin:0 2px 0 0px; position:relative; left:0px; top:-3px; padding:0 }
#box_header #web { float:left; margin-right:11px; position:relative; top:-3px; padding-right:2px}

#box_header #search { clear:both; float:right; width:263px; }
#box_header #search #icon_red_arrow { position:relative; top:-4px; padding:0;}
#box_header #search #text_search { position:relative; top:-4px; padding-right:3px;}

/* safari specific stuff and ie.css are used to get this positioned properly */
#box_header #search #search_textbox { width:144px; border:2px solid #D1D1D1; border-right:0; position:relative; top:-7px; left:-3px; height:17px; padding:3px 2px 2px 2px; font-size:14px;  font:Arial, Helvetica, sans-serif; color:#999999;}

.safari #box_header #search #search_textbox { top:-5px; }
.safari #box_header #search #search_go_button { position:relative; top:2px; left:-7px }

/* adding firefox specific stuff */
#box_header #search #search_go_button { position:relative; top:1px; left:-7px }

#box_header #customers { float:right; width:135px; padding:41px 46px 0 2px; text-align:center}
#box_header #customers .logo { padding-top:21px; position:relative; left:0px }

#box_background { width:978px; background-repeat:repeat-y; background:url(../images/background_filler.png); behavior:url(/css/iepngfix.htc); }

#box_footer { width:978px; height:22px; background-repeat:no-repeat; background:url(../images/footer.png); behavior:url(/css/iepngfix.htc); }

/* content area */

#main_content { float:left; padding:10px 18px 0 19px; width:940px; display:block}

#breadcrumbs { float:left; width:750px; padding-left:1px }
#breadcrumbs { font-size: 11px; colour: #757575; }
#breadcrumbs a:link { color:#474747; text-decoration: underline; }
#breadcrumbs a:visited { color:#474747; text-decoration: underline; }
#breadcrumbs a:hover { color: #474747; text-decoration: none; }
#breadcrumbs a:active { text-decoration: underline; }

#copy { float:left; margin:20px 0; width:740px; padding:4px 0 0 2px}

#copy .left { float:left; width:530px; margin-right:10px; }
#copy .left p { margin:0; padding:0; margin-bottom:16px; }
#copy .left h2, #copy .left h3 { margin-top:0; }
#copy .right { float:left; width:160px; text-align:right}
#copy .right img { padding:0 0 30px 0; margin:0; }

#copy .box { float:left; width:250px; }
#copy h2, #copy h3 { margin-top:16px; }
#copy .rule { border-bottom: solid 1px; }
#copy p { margin-bottom:8px; }

#copy table { margin-top:16px; }
#copy table td { padding:0px 0px 0px 0; font-size:11px;}


#copy table.table_template { margin-top:0; padding:0; }
#copy table.table_template td { font-size:12px; vertical-align:top; }
#copy table.table_template td ul { margin-top:8px; }
#copy table.table_template td img { text-align:center; padding-bottom:0px; clear:both; }
#copy table.table_template td p { margin-bottom:8px;  }
#copy table.table_template td h2, #copy table.table_template td h3 { padding:0; margin:12px 0 12px 0}

#copy ul { margin:0 0 0px 20px;  }
#copy ul li { padding-left:20px; list-style:none; background:url(../images/bullet.jpg) no-repeat 0px 4px; }

#copy ul li { }

#copy form#contact ul { margin:0 0 10px 0; padding:0; list-style-position:inside;  list-style-type:none }
#copy form#contact ul li { list-style:none; margin:0 0 4px 0; padding-left:0px; background:none; }
#copy form#contact ul li input, #copy form#contact ul li textarea { color:#000000; font-family:arial; }

#copy table.list { margin:0 0 0 0;}
#copy table.list td { padding:3px 8px 3px 0; font-size:12px; border-bottom:1px solid #C0C0C0; color:#333333; width:140px;}
#copy table.list td img { margin:0; padding:0; }

#copy table.case_studies { margin:20px 0 0 0;}
#copy table.case_studies td { padding:0; font-size:12px; }
#copy table.case_studies td img { margin:0; padding:0; }

#copy #home img { float:left; margin:-4px 0 0 0; padding:0 0 25px 0; margin:0;  }
#copy #home #media1 { border:1px solid #D1D1D1; padding:0; margin:0; width:748px; height:308px; position:relative; top:17px}

#copy .floated { float:left; width:240px; margin-right:10px; padding:0; }
#copy .floated_last { float:left; width:240px; margin-right:0px }
#copy .floated h1, #copy .floated h2, #copy .floated h3 { margin-top:0; }
#copy .floated_last h1, #copy .floated_last h2, #copy .floated_last h3 { margin-top:0; }
#copy .floated img, #copy .floated_last img { margin:0 0 16px 0; padding:0 }

#flash_holder { float:left; padding:21px 0 0 0px}

#copy table.contact_details td p { font-size:12px; }

/* news / case studies */

table.list td.first { color:#757575; }
#news_image { float:right; width:318px}
#news_copy_with_image { float:left; width:380px; padding:0; }
#news_copy_with_image p { margin:0 0 16px 0; }
#news_copy_without_image { float:left; padding:0 20px 0 0; }
#news_copy_without_image p {margin:0 0 16px 0; }

/* forms */

form h1 { color:#757575; font-size:16px; font-face:normal; }
form fieldset ul { margin:0; padding:0; }
#copy form fieldset ul li { list-style:none; clear:left; margin:0; padding:0; background:none}
form fieldset ul li label { float:left; width:80px; height:20px; margin-bottom:10px; font-weight:bold; color:#757575; }
form#change_password fieldset ul li label { width:120px; }
form fieldset ul li input, form fieldset ul li select { float:left; width:200px; border:1px solid #757575; height:20px; }
form p.submit_button { margin-left:74px; }
form#change_password p.submit_button { margin-left:114px; }
form p.lost_pass { clear:both; padding-top:20px; }
form p.formFeedback { padding-top:20px; color:#FF0000; }
form .formFeedback2 { color:#FF0000; }
form .form_error_box { border:1px solid red; }
form .form_error_text { float:left; clear:both; color:red; position:relative; top:-2px; margin:0; padding:0; }

/* test results */
.test_results { color:#333333; width:98%; margin:0 0 6px 0; padding:0; position:relative; top:4px}
.test_results td { font-size:9px; padding:5px 2px; border-bottom:1px solid #D1D1D1; }
.test_results th.first { padding:2px; }
.test_results th { background:#757575; color:#ffffff; font-size:10px; font-weight:bold; }

.test_results tr { background:#ffffff; }
.test_results tr.alt { background:#FDEAE9; }

#month_select { float:right; position:relative; top:-22px; margin:0 16px 0 0; padding:0; }
#month_select select { border:1px solid #757575; font-size:10px; padding:2px; }

td#paging { color:#757575; font-size:12px; }

#licensee_content { margin:0; padding:0; }
#licensee_content table.legend td { vertical-align:top; padding:2px; margin:0; color:#333333; font-size:11px;}
#licensee_content table.legend { margin-top:0; padding:0; }
#licensee_content table.legend h1, #licensee_content table.legend p, #licensee_content table.legend h2 { margin:0; padding:0; }
#licensee_content table.legend h3 { margin-bottom:12px; padding:0; }

#customer_content { margin:0; padding:0; }
#customer_content table.legend td { vertical-align:top; padding:2px; margin:0; color:#333333; font-size:11px;}
#customer_content table.legend { margin-top:0; padding:0; }
#customer_content table.legend h1, #customer_content table.legend p, #customer_content table.legend h2 { margin:0; padding:0; }
#customer_content table.legend h3 { margin-bottom:12px; padding:0; }

/* nav */

#navigation { float:left; width:160px; margin:0 28px 20px 0; }

#navigation { float:left; width:160px; }
#navigation ul { margin:0; padding:0; }
#navigation li { list-style:none; margin-bottom:2px; background:#E8E8E8; height:auto }
#navigation li.green { list-style:none; margin-bottom:2px; background:#08A24E; }
#navigation li.blue { list-style:none; margin-bottom:2px; background:#0882A2; }

#navigation li a img { position:relative; top:3px; padding-right:3px; }

#navigation li a { display:block; color:#757575; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_normal.gif); }
#navigation li a:Hover { display:block; color:#757575; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_hover.gif); }

#navigation ul li a.hi { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected.gif); }
#navigation li a.hi:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; ppadding:16px 0 0 19px; background:url(../images/nav_selected.gif); }


#navigation li a#m12 { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_normal_green.gif); }
#navigation li a#m12:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_hover_green.gif); }

#navigation li a#m13 { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_normal_blue.gif); }
#navigation li a#m13:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_hover_blue.gif); }

#navigation li a#m12.hi { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_green.gif); }
#navigation li a#m12.hi:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_green.gif); }

#navigation li a#m13.hi { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_blue.gif); }
#navigation li a#m13.hi:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_blue.gif); }

/*
#navigation li a#m12 { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_normal_green.gif); }
#navigation li a#m12:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_hover.gif); }

#navigation li a#m13 { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_normal_blue.gif); }
#navigation li a#m13:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_hover.gif); }

#navigation li a#m12.hi { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_green.gif); }
#navigation li a#m12.hi:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_green.gif); }

#navigation li a#m13.hi { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_blue.gif); }
#navigation li a#m13.hi:Hover { display:block; color:#ffffff; font-weight:bold; font-size:14px; text-decoration:none; height:34px; padding:16px 0 0 19px; background:url(../images/nav_selected_blue.gif); }
*/

/* sub nav */

#navigation ul li ul { padding:0 0 12px 0; margin:0; background:#F03223; }
#navigation ul li.m12 ul { list-style:none; background:#08A24E; margin:0; }

#navigation ul li ul li { list-style:none; background:#F03223; margin:0; padding:0; }

#navigation ul li ul li a { display:block; color:#F7ACA5; font-weight:normal; line-height:125%; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:#F03223; height:auto; }
#navigation ul li ul li a:Hover { display:block; color:#ffffff; font-weight:normal; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:#F03223; height:auto; }

#navigation ul li ul li a.hi { display:block; color:#ffffff; font-weight:bold; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:none; height:auto; }
#navigation ul li ul li a.hi:Hover { display:block; color:#ffffff; font-weight:normal; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:none; height:auto; }

#navigation ul li.m12 ul li a { display:block; color:#92D6B1; font-weight:normal; line-height:125%; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:#08A24E; height:auto; }
#navigation ul li.m12 ul li a:Hover { display:block; color:#ffffff; font-weight:normal; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:#08A24E; height:auto; }

#navigation ul li.m12 ul li a.hi { display:block; color:#ffffff; font-weight:bold; line-height:125%; font-size:12px; padding:8px 8px 8px 19px; text-decoration:none; background:#08A24E; height:auto; }

#navigation ul li.m12 ul { background:#08A24E; }
#navigation ul li.m12 ul li { background:#08A24E; }

/* site map */
ul.standard_list { margin:0 0 20px 0; padding:0; list-style-position:inside;  list-style-type:none }
ul.standard_list li { list-style:none; margin:0 0 4px 18px; padding-left:12px; background:url(../images/bullet.jpg) no-repeat 0px 4px; }
ul.standard_list li ul li { list-style:none; margin:0 0 2px 18px; background:url(../images/bullet.jpg) no-repeat 0px 4px; }

/* footer */

#footer { clear:both; background:#757575; width:940px; height:94px; margin:20px 0 0 19px; color:#ffffff; font-size:10px; }

#footer p { margin-left:10px; font-family:Arial, Helvetica, sans-serif }
#footer strong { font-weight:bold }

#footer #box_1 { float:left; width:320px; height:94px; background-image:url(../images/footer_divider.jpg); background-repeat:no-repeat; background-position:top right }
#footer #box_1 div { padding:7px 9px; }
#footer #box_1 img { margin-top:15px; }

#footer #box_2 { float:left; width:200px; height:94px; background-image:url(../images/footer_divider.jpg); background-repeat:no-repeat; background-position:top right }
#footer #box_2 img { margin:9px 0 0 0; }

#footer #box_3 { float:left; width:200px; height:94px; background-image:url(../images/footer_divider.jpg); background-repeat:no-repeat; background-position:top right }
#footer #box_3 img {  margin:9px 0 0 0; }

#footer #box_4 { float:left; width:217px; height:94px; }
#footer #box_4 img {  margin:30px 0 0 7px; }

#footer a { color:#FFFFFF; text-decoration:underline; padding-right:5px; border-right:1px solid white; }
#footer a:hover { text-decoration:none; }
#footer a.last { color:#FFFFFF; text-decoration:underline; padding-right:0px; border:0 }
#footer a.last:hover { text-decoration:none; }

#footer #box_4 a {
	text-decoration:none;
	border:none;
	padding:0;
	}

.green_textbox { float:left; font-size:12px; font:Arial, Helvetica, sans-serif; color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background-color:#08A24E; vertical-align: middle; margin:0 0 5px 9px}
.green_textbox_ub { float:left; font-size:12px; font:Arial, Helvetica, sans-serif; color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background:#08A24E  url(../images/bg_u_green.jpg) no-repeat; vertical-align: middle; margin:0 0 5px 9px}
.green_textbox_pb { float:left; font-size:12px; font:Arial, Helvetica, sans-serif; color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background:#08A24E  url(../images/bg_p_green.jpg) no-repeat; vertical-align: middle; margin:0 0 5px 9px}

.blue_textbox { float:left; font-size:12px; font:Arial, Helvetica, sans-serif;  color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background-color:#0882A2; vertical-align: middle; margin:0 0 5px 9px}
.blue_textbox_ub { float:left; font-size:12px; font:Arial, Helvetica, sans-serif;  color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background:#0882A2 url(../images/bg_u_blue.jpg) no-repeat; vertical-align: middle; margin:0 0 5px 9px}
.blue_textbox_pb { float:left; font-size:12px; font:Arial, Helvetica, sans-serif;  color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background:#0882A2 url(../images/bg_p_blue.jpg) no-repeat; vertical-align: middle; margin:0 0 5px 9px}

.grey_textbox { float:left; font-size:12px; font:Arial, Helvetica, sans-serif;  color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background-color:#474747; vertical-align: middle; margin:6px 0 0 9px}
.grey_textbox_eb { float:left; font-size:12px; font:Arial, Helvetica, sans-serif;  color:#FFFFFF; border:1px solid #FFFFFF; padding:1px 0 2px 2px; height:15px; width:114px; background:#474747 url(../images/bg_e_grey.jpg) no-repeat;  vertical-align: middle; margin:6px 0 0 9px}

.safari .grey_textbox { margin:6px 0 0 9px}
.safari .green_textbox { font-weight:normal; }
.safari .blue_textbox { font-weight:normal; }

.red_button { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; border:1px solid #FFFFFF; height:20px; padding:1px 5px 2px 5px; background-color: #f03223; vertical-align: middle; margin:0 0 0 5px}
.red_button_email { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; border:1px solid #FFFFFF; height:20px; padding:1px 5px 2px 5px; background-color: #f03223; vertical-align: middle; margin:6px 0 0 5px}

.safari .red_button { height:20px; padding:2px 5px 2px 5px; font-weight:normal; }
.safari .red_button_email { margin:6px 0 0 5px; font-weight:normal; }

.formBox { font-size:12px; color:#333333; border:1px solid #757575; padding:1px 0 2px 2px; height:15px; width:170px; background-color:#ffffff; }
#copy input[type=submit] { font-size:12px; font-weight:bold; color:#FFFFFF; border:1px solid #FFFFFF; height:22px; padding:1px 2px 2px 2px; background-color: #f03223; vertical-align: middle; }

.safari #copy input[type=submit] { font-weight:normal; padding:1px 4px 2px 4px }

/* text */

.grey { color:#757575; }
.red { color:#F03223; }

h1 { font-size: 16px; color:#f03223; font-weight: bold; margin-bottom:16px; }
h2 { font-size: 16px; color:#757575; font-weight: bold; margin-bottom:8px; }
h3 { font-size: 13px; color:#f03223; font-weight: bold; margin-bottom:8px; }


a:link { color:#f03223; text-decoration: none;	 }
a:visited { color:#f03223; text-decoration: none; }
a:hover { color:#f03223; text-decoration: underline; }
a:active { text-decoration: none; }

/*accessibilty and xbrowser fixes styles*/

.accessible{position:absolute;left:0px;top:-900px;width:1px;height:1px;overflow:hidden;}
.clear{border-bottom:1px solid transparent;clear:both;font-size: 0px;visibility:hidden;width:100%;}
.eclear{clear:both}
.filler{border-bottom:1px solid transparent;fonft-size: 0px;visibility:hidden;}
.left{float:left;display:inline;}
.right{float:right;display:inline;}

/*misc*/

.cb { clear:both; }
.prop { float:right; height:400px; width:1px; border:0px solid red}
strong { font-weight:bold; }
.unsized_textbox { float:left; font-size:11px; font:Arial, Helvetica, sans-serif; color:#757575; border:1px solid #757575; padding:2px;margin:0;  height:auto; width:inherit; background-color:#ffffff; }
.sized_textbox { float:left; font-size:11px; font:Arial, Helvetica, sans-serif; color:#757575; border:1px solid #757575; padding:2px;margin:0;  height:auto; width:300px; background-color:#ffffff; }

/* nicely sorted sups */

sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

a.no_text_decoration { text-decoration:none; }
a.no_text_decoration:hover { text-decoration:none; }