﻿BODY { margin: 0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: black; }
INPUT, SELECT, TEXTAREA { font-family: Arial, sans-serif; font-size: 12px; color: black; }
A IMG { border: none; }
.min_width { width: 850px; max-width: 846px; }
.header { background: black; height: 80px; }
.intek_logo { float: left; margin: 20px 0 0 20px; border: none; }
.tagline { float: left; margin: 40px 40px 0 455px; }
.planit_box { float: left; width: 79px; height: 80px; border-left: solid 3px #333333; border-right: solid 3px #333333 }
.planit_box IMG { margin: 15px 0 0 12px; display: block; border: none; }
.colour_to_right_1 { background: black; }
.colour_to_right_2 { background: #333333; }
.outer_margin { padding-bottom: 10px; }

.nav_primary { background: #333333; height: 30px; margin-bottom: 10px; }
.nav_primary UL { display: block; margin: 0 0 0 5px; padding: 0;}
.nav_primary LI { float: left; display: block; margin: 0; padding: 0;}
.nav_primary A { float: left; width: 105px; height: 18px; margin-left: 10px; padding: 9px 0 0 5px; font-size: 14px; font-weight: bold; color: #cccccc; text-decoration: none; }
.nav_primary A:hover { border-bottom: solid 3px white; }
.nav_primary A.selected { color: #ff6600; border-bottom: solid 3px #ff6600; }

/* nav vertical directives apply to both seconday and tertiary navs */
.nav_vertical { width: 110px; float: left; }
.nav_vertical UL { list-style: none; margin: 0; padding: 0;}
.nav_vertical LI { display: inline; }
.nav_vertical UL A { display: block; padding: 6px 2px 3px 0; line-height: 20px; font-size: 12px; color: white; text-decoration: none; }
.nav_vertical UL A.last_item { padding-bottom: 4px; border-bottom: none; }

.nav_secondary { padding-left: 15px; }
.nav_secondary UL { background: #666666; border-left: solid 5px #666666; border-right: solid 5px #666666; }
.nav_secondary UL A { border-bottom: solid 1px #999999; }
.nav_secondary UL A:hover { padding-bottom: 1px; border-bottom: solid 3px #999999; }

.nav_tertiary { margin-left: 10px; }
.nav_tertiary UL { background: #999999; border-left: solid 5px #999999; border-right: solid 5px #999999; }
.nav_tertiary UL A { border-bottom: solid 1px #666666; }
.nav_tertiary UL A:hover { padding-bottom: 1px; border-bottom: solid 3px #666666; }

.nav_vertical UL A.selected { padding-bottom: 1px; border-bottom: solid 3px #ff6600;  }

.separator { background: url(../images/dot.gif) top left repeat-x; height: 1px; font-size: 1px; }
.bullet_gt { color: #ff6600; }
.login { color: Black; }

.main { border: solid 1px #999999; margin-left: 10px; margin-bottom: 10px; float: left; min-height: 324px; }
.with_one_nav { width: 708px; }
.with_one_nav_small { width: 370px; }
.with_two_navs { width: 588px; }
H1 { font-size: 15px; font-weight: normal; line-height: 20px; margin: -3px 0 5px 0; }
H1 .highlight { color: #ff6600; font-weight: normal; }
H2 { font-size: 12px; font-weight: bold; margin: 13px 0; }
H3 { font-size: 12px; font-weight: normal; color: #ff6600; margin: 13px 0; }
H4 { font-size: 12px; font-weight: bold; margin: 13px 0 0 0; }
.main P, .mceContentBody P { line-height: 20px; margin: 0 0 10px 0; }
.main UL, .mceContentBody UL { list-style: outside square; margin: 0 0 10px 17px; padding: 0; }
.main OL, .mceContentBody OL { list-style: inside; margin: 2px 0 0 17px; padding: 0; text-indent: -17px; }
.main LI, .mceContentBody LI { margin: 2px 0 8px 0; line-height: 20px;  }
.main A, .mceContentBody A { color: Black; }

.breadcrumb { background: #cccccc; border-bottom: solid 1px #999999; font-size: 11px; color: #999999; height: 10px; padding: 8px 10px 10px 10px; }
.breadcrumb A { color: black; text-decoration: none; border-bottom: 2px solid #999999; }

.content { padding: 10px 0 10px 9px; }
.content .would_you_like { color: #ff6600; font-size: 17px; font-weight: normal; font-family: Times New Roman; margin-top: 13px; }
.content .would_you_like A { color: #666666; text-decoration: none; border-bottom: solid 1px #666666; white-space: nowrap; }
.two_columns { margin-right: 243px; }
.one_column { padding-right: 10px; }


/* product page */
.details_table { margin: 2px 0 0 0; width: 333px; }
.details_table TD { background: url(../images/dot.gif) repeat-x bottom left; padding: 19px 0 6px 0; }
.details_table .set_col_width { width: 160px; }
.details_table .ral { text-align: right; }

.orange { color: #ff6600; }

.disabled, .disabled A { color: #cccccc; }

.standards_logos { float: right; margin: 19px 0 8px 0; height: 31px; }

.dotted_box { position: relative; background: url(../images/dot.gif) repeat-y top left; }
.dotted_box .enlarge { position: absolute; top: 181px; left: 1px; width: 224px; height: 20px; background: url(../images/dot.gif) repeat-x bottom left; }
.dotted_box .enlarge IMG { display: block; border: none; }

.center_box { width: 100%; height: 100%; }
.center_box TD { text-align: center; vertical-align: middle; padding: 0; }

.right_column { float: right; width: 225px; }
.right_content { padding: 7px 5px 0 1px; }
.right_content H2 { margin-bottom: 6px; clear: both; }
#skipto_downloads { margin-top: 9px; }

/* form elements */
.search_field { width: 100px; height: 17px; border: solid 1px #999999; color: #999999; padding: 1px 4px 0 4px; display: block; float: left; /* this removes 1px top margin in IE */ }
.search_button { width: 57px; height: 22px; border: none; margin: 10px 0 3px 53px; }
.image_button { width: 57px; height: 22px; border-left: 8px solid white!important; float: left; }
.dropdown { width: 215px; margin-bottom: 10px; float: left; margin-right: 2px; /* spaces following buttons out evenly, if there are any */ }

/*
.intek_dropbox { margin-bottom: 10px; position: relative; float: left; }
.intek_dropbox SELECT { background: #cccccc; font-size: 11px; font-family: Arial; color: #666666; width: 211px; border: none; position: relative; z-index: 2; }
.intek_dropbox .borders { width: 211px; border: solid 2px #cccccc; margin-right: 2px; }
.intek_dropbox .dropshadow { width: 214px; height: 23px; position: absolute; bottom: -2px; left: 2px; z-index: 1; border-bottom: solid 1px #cccccc; border-right: solid 1px #cccccc; }
/ * moz only below * /
.intek_dropbox OPTION { margin: 3px 0 3px 0; }
.intek_dropbox SELECT { padding: 2px 0; }
*/

.dummy_dropbox { float: left; width: 217px; height: 10px; }

.download_links { margin-top: 2px; }
.download_links P { margin-bottom: 10px; }

/* homepage */
.darkpage { background: black; }
.darkpage .login { color: White; }
.darkpage .search_field { background: black; }
.darkpage .search_field { border: solid 1px #cccccc; color: #cccccc; }

.homepage { margin-left: 20px; float: left; width: 700px; }
.homepage H1 { color: #ff6600; font-size: 23px; line-height: 110%; font-weight: bold; margin: 30px 0 0 0; }
.homepage H2 { color: #ff6600; font-size: 16px; margin: 10px 0 40px 0; }
.homepage P { color: White; font-size: 13px; font-weight: bold; }
.homepage P.larger { font-size: 15px; line-height: 120%; }

UL.select_with_preview { list-style: none; margin: -5px -5px 15px -5px; padding: 0; }
UL.select_with_preview LI { display: inline; z-index: 1; line-height: normal; }
UL.select_with_preview A { display: block; padding: 11px 5px 10px 5px; margin-top: 1px; text-decoration: none; background: url(../images/dot_wh_bg.gif) white repeat-x bottom left; position: relative; top: 0; left: 0; z-index: 2; }
UL.select_with_preview A:hover { background-color: #cccccc; z-index: 3; }
/*

UL.select_with_preview A TABLE { border: solid 1px #999999; padding: 5px; width: 190px; height: 190px; background: white; display: none; }
UL.select_with_preview A TABLE TD { text-align: center; }
UL.select_with_preview A:hover TABLE { display: block; position: absolute; top: 5px; left: 360px; }
UL.select_with_preview A TD IMG { border: none: }
*/

UL.select_with_preview A IMG { border: solid 1px #999999; padding: 5px; background: white; display: none; }
UL.select_with_preview A:hover IMG { display: block; position: absolute; top: 5px; left: 360px; }

UL.checkboxes_two_cols { margin: 0; padding: 0; list-style: none; }
.checkboxes_two_cols LI { width: 149px; float: left; padding-left: 26px; text-indent: -26px; }
.checkboxes_two_cols INPUT { margin-right: 8px; }

.search_results { margin: 2px 0 0 0; width: 689px; }
.search_results TD { background: url(../images/dot.gif) repeat-x top left; padding: 5px 0 2px 0; line-height: 20px; }
.search_results .col1 { width: 257px; padding-right: 5px; }
.search_results .col2 { width: 78px; }
.search_results .col3 { width: 86px; }

/* contact us form */
UL.contact_us_radio { list-style: none; margin: 0; padding: 0; }
.contact_us_form { margin-bottom: 4px; }
.contact_us_form INPUT { width: 213px; margin-bottom: 4px; display: inline; }
.contact_us_form TEXTAREA { width: 444px; margin-bottom: 4px; }
.contact_us_form .col1 { margin-right: 10px; }
.inline_select { float: left; margin-right: 1px; }
.input_when_label_value { color: #999999; }
.input_when_users_value { color: Black; }

/* subscribe form */
.subscribe_form .main_area { margin-bottom: 20px; }
.subscribe_form .main_area INPUT { width: 213px; margin-bottom: 4px; float: left; }
.subscribe_form .col1 { margin-right: 10px; clear: left; }
.subscribe_form UL { list-style: none; }
.subscribe_form H1.inpage { margin-top: 20px; clear: left; }
.subscribe_form .checkbox_area { float: left; width: 330px; }
.subscribe_form .border_left { background: url(../images/dot.gif) repeat-y top left; padding-left: 20px; }
.subscribe_form .submit_button { clear: left; height: 20px; }
.subscribe_form .submit_button .image_button { float: right; }
.subscribe_form .security_level { position: relative; }
.subscribe_form .security_level .cert_field { position: absolute; top: 29px; left: 160px; }

.right { text-align: right; }
.center { text-align: center; }
.error { color: Red; }

.contact_us_details { width: 213px; margin: 6px 0; padding: 4px 8px 4px 14px; }
.contact_us_details TABLE { width: 200px; }
.contact_us_details TD { padding: 3px 0; }
.contact_us_area .thank_you_image { margin: 100px 0 0 75px; border: none; }

.spacer { clear: both; height: 1px; font-size: 1px; } 

.site_search OL { margin: 9px 0 0 35px; }

.more_link { text-align: left; margin: -5px 0 16px 0; padding-left: 1px;}

/* training */
.training .main { width: 788px; }
UL.training_regions { list-style: none; margin: 0; padding: 0; }
.calendar { width: 770px; border: solid 1px #e0dfe3; }
.calendar .title { color: #ff6600; font-size: 24px; font-weight: normal; font-family: Times New Roman; background: white; }
.calendar .next_prev A { color: #ff6600!important; text-decoration: none; font-size: 15px; font-family: Helvetica, Arial, Sans-Serif; margin: 0 5px; }
.calendar .day_header { font-size: 14px; font-weight: normal; padding-top: 10px; }
.calendar .day { border: solid 1px #e0dfe3; vertical-align: top; text-align: left; }
.calendar .day .container { position: relative; height: 94px; padding: 3px; overflow: hidden; } /* used as a container so that absolute positioning works */
.calendar .day A { line-height: 20px; } 
.calendar .day_number { position: absolute; top: -17px; left: -2px; z-index: -1; font-family: Times New Roman, Times, Serif; font-size: 80px; font-weight: bold; color: #eeeeee; }
.calendar .other_month_day { color: #666666; }
.calendar .other_month_day .day_number { font-size: 40px; top: -7px; left: 0; }
.calendar .today .container { border: solid 1px #ff6600; }

/* course (event) */
.course { position: relative; }
.course .content { padding-left: 0; }
.course .content_wrapper { padding-left: 9px; }
.course .column { float: left; margin-left: 7px; }
.course .field { width: 258px; margin-top: 4px; }
.course .phone_area { width: 30px; text-align: center; }
.course .phone_number { width: 212px; }
.course TABLE { clear: both; margin-top: 10px; }
.course TABLE TH { font-size: 14px; font-weight: normal; text-align: left; }
.course TABLE .short_field { width: 171px; }
.course TABLE .long_field { width: 171px; }
.course .image_button { float: right; margin: 10px 13px 0 0; }
.course .thank_you_image { margin: 80px 0 80px 130px; }

/* login page */
TABLE.svyLogin  { margin: 20px 0 0 0; }
.svyLogin TD { padding: 5px !important; }

/* search */
.search_paging { margin-top: 20px; }
