html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }
/*END CSS RESET */
body {position: relative; color: #000;}
h1 {font-size: 30px; font-weight: normal; color: #00457C; margin-bottom: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h2 {font-size: 30px; font-weight: normal; color: #00457C; margin-bottom: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h3 {font-size: 24px; font-weight: bold; color: #00457C; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h4 {font-size: 14px; font-weight: bold; color: #000; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif;}
h5 {font-size: 12px; font-weight: bold; color: #000; margin-bottom: 3px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.bold_text {font-weight: bold;}
.normal_text {font-weight: normal;}
.underline {text-decoration:underline;}
P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #000000; margin-bottom: 6px;}
.red {color: red;}
li {margin-bottom: 8px;}
.italic {font-style: italic;}
.textmiddle {vertical-align:middle;}
a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:hover {color: #008FCB; text-decoration: none;}
a:active {color: #000000;}
/*############################# CONSTANTS ########################################*/
#container {position: relative; margin: 0 auto; width: 960px;}
/*############################# Header ########################################*/
#header {position: relative; top: 0px; left: 0px; width: 960px; height: 120px;}
#logo {position: absolute; top: 0px; left: 200px; width: 137px; height: 80px;}
#msi_header {position: absolute; top: 0px; left: 420px; width: 352px; height: 80px;}
#top_line {position: absolute; top: 85px; left: 17px; width: 927px;}
#nav_top {position: absolute; top: 95px; left: 0px; width: 960px; text-align: center;}
#nav_top ul li {list-style-type: none; display: inline;}
#nav_top li {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; padding-right: 10px;}
/*############################# wrapper ########################################*/
#wrapper {position: relative; top: 0px; left: 0px; width: 960px; height: 450px;}
#flash_area {position: relative; top: 10px; left: 17px; width: 925px; height: 415px; z-index: 990;}
/*############################# About Us ########################################*/
#about_us_nav {position: relative; top: 22px; left: 100px; width: 759px;}
#about_us_nav_new {position: relative; top: 22px; left: 100px; width: 759px;}
.about_us_nav_box {position: relative; width: 239px; height: 406px;}
.about_us_nav_box1 {position: relative; width: 239px; height: 406px;}
.about_us_nav_box2 {position: relative; width: 239px; height: 406px;}
.about_us_nav_box3 {position: relative; width: 239px; height: 406px;}
.about_us_nav_box4 {position: relative; width: 239px; height: 406px;}
.about_us_nav_box5 {position: relative; width: 239px; height: 406px;}
.about_us_nav_header {position: absolute; top: 15px; left: 13px;}
.about_us_nav_header P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; color: #000000; margin-bottom: 6px;}
.about_us_nav_image {position: absolute; top: 50px; left: 13px; width: 213px; height: 126px;}
.about_us_nav_text {position: absolute; top: 186px; left: 13px; width: 213px;}
.about_us_nav_text P {margin-bottom: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #000000;}
.about_us_nav_link {position: absolute; bottom: 5px; left: 106px;}
.about_us_nav_link1 {position: absolute; bottom: 5px; left: 118px;}
.about_us_nav_link2 {position: absolute; bottom: 5px; left: 110px;}
.about_us_nav_arrow {position: absolute; bottom: 10px; left: 186px; width: 36px;}
#about_us_inside_area {position: relative; top: 22px; left: 17px; width: 926px;}
#about_us_left_image {position: relative; top: 0px; left: 10px; width: 134px; height: 79px;}
#about_back {position: relative; top: 10px; left: 10px; width: 134px; height: 79px;}
#about_back a:link {color: #008FCB; text-decoration: none;}
#about_back a:visited {color: #008FCB; text-decoration: none;}
#about_back a:hover {color: #000000; text-decoration: none;}
#about_back a:active {color: #008FCB;}
#about_us_content {position: absolute; top: 0px; left: 189px; width: 525px; height: 406px; overflow: auto; }
#about_us_content p {padding-right: 10px;}
#about_us_content ul {display: block;}
#about_us_content li {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; padding-right: 15px; list-style: disc; list-style-position: inside; padding-left: 15px;}
#about_us_content a:link {color: #008FCB; text-decoration: none;}
#about_us_content a:visited {color: #008FCB; text-decoration: none;}
#about_us_content a:hover {color: #000000; text-decoration: none;}
#about_us_content a:active {color: #008FCB;}
#about_us_header {position: relative; top: 0px; left: 0px; width: 525px; height: 20px;}
#about_us_text {position: absolute; top: 50px; left: 0px; width: 525px; height: 356px; overflow: auto;}
#about_us_pdfs {position: absolute; top: 23px; left: 739px; width: 177px; height: 360px;}
#about_pdfs {position: relative; top: 0px; left: 0px; width: 177px; height: 60px;}
.pdf_pic {position: relative; top: 0px; left: 0px; width: 31px; height: 31px;}
.pdf_text {position: absolute; top: 0px; left: 47px; width: 130px;}
#about_us_contact_right {position: absolute; top: 23px; left: 739px; width: 185px; height: 383px;}
#google_map_image {position: absolute; top: 0px; left: 0px; width: 138px; height: 34px;}
#google_map_text {position: absolute; top: 38px; left: 2px; width: 145px;}
#contact_info {position: absolute; bottom: 0px; left: 0px; width: 185px;}
#awards {position: relative; top: 0px; left: 0px; width: 500px; height: 135px;}
.award_pic {position: absolute; top: 0px; left: 338px; width: 162px; height: 126px;}
.award_text {position: relative; top: 10px; left: 0px; width: 320px;}
p.award {clear: both; height: 145px;}
/*############################# Branding ########################################*/
#branding {position: relative; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_1 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_2 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_3 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_4 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_5 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_6 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_7 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_8 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_9 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_10 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_11 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_12 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_13 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_14 {position: absolute; top: 22px; left: 100px; width: 785px; z-index: 1000;}
#branding_text_box {position: relative; top: 0px; left: 0px; width: 239px; height: 406px; text-align: left;}
#branding_text {position: absolute; top: 10px; left: 10px; width: 219px; text-align: left;}
#brand_link {position: absolute; bottom: 2px; right: 40px; width: 200px;}
#brand_link P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; line-height: 14px; color: #000000; text-align: right;}
#brand_pdf_image {position: absolute; bottom: 12px; right: 10px;}
#branding_dna_image {position: absolute; top: 0px; left: 260px; width: 505px; height: 334px;}
#branding_nav {position: absolute; top: 362px; left: 385px; width: 540px; height: 60px; z-index: 1000;}
/*############################# Internal Communications ########################################*/
#internal_communications {position: relative; top: 22px; left: 87px; width: 786px;}
#internal_comm_onboarding {position: relative; top: 0px; left: 0px; width: 181px; height: 406px;}
#internal_comm_wellness {position: absolute; top: 0px; left: 189px; width: 181px; height: 406px;}
#internal_comm_benefits {position: absolute; top: 0px; left: 378px; width: 181px; height: 406px;}
#internal_comm_newsletters {position: absolute; top: 0px; left: 567px; width: 181px; height: 406px;}
.internal_comm_header {position: absolute; top: 15px; left: 10px;}
.internal_comm_header P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; color: #000000; margin-bottom: 6px;}
.internal_comm_header1 {position: absolute; top: 5px; left: 10px;}
.internal_comm_header1 P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; color: #000000; margin-bottom: 6px;}
.internal_comm_text {position: absolute; top: 150px; left: 8px; width: 165px; height: 215px;}
.internal_comm_text P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #000000; margin-bottom: 6px;}
.internal_comm_link {position: absolute; bottom: 5px; left: 8px; width: 165px; height:36px; text-align: center;}
.internal_comm_link P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #000000; margin-bottom: 6px;}
#ajax {position: relative; top: 0px; left: 0px; width: 654px; background-color: #ffffff; }
#ajax2 {position: relative; top: 0px; left: 0px; width: 960px;}
#ajax_header {position: absolute; top: 10px; left: 30px; width: 350px; background-color: #ffffff; text-align: left;}
#ajax_header h4 {font-size: 14px; font-weight: bold; color: #000000; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#ajax_content {position: absolute; top: 40px; left: 30px; width: 450px; height: 500px; background-color: #ffffff; }
#ajax_career_content {position: absolute; top: 40px; left: 30px; width: 750px; height: 500px; background-color: #ffffff; }
#ajax_content P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #000000; margin-bottom: 6px; text-align: left;}
#ajax_content h4 {font-size: 14px; font-weight: bold; color: #000000; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}
#ajax_content a:link {color: #008FCB; text-decoration: none;}
#ajax_content a:visited {color: #008FCB; text-decoration: none;}
#ajax_content a:hover {color: #000000; text-decoration: none;}
#ajax_content a:active {color: #008FCB;}
#ajax_content_wide {position: absolute; top: 40px; left: 30px; width: 774px; height: 700px; background-color: #ffffff; }
#ajax_content_wide P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #000000; margin-bottom: 6px; text-align: left;}
#ajax_content_wide h4 {font-size: 14px; font-weight: bold; color: #000000; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;}
#ajax_content_wide a:link {color: #008FCB; text-decoration: none;}
#ajax_content_wide a:visited {color: #008FCB; text-decoration: none;}
#ajax_content_wide a:hover {color: #000000; text-decoration: none;}
#ajax_content_wide a:active {color: #008FCB;}
#ajax_wrapper {position: relative; top: 0px; left: 0px; width: 654px; height: 550px;}
#ajax_wrapper2 {position: relative; top: 0px; left: 0px; width: 960px; height: 550px;}
#ajax_right_text {position: absolute; top: 60px; left: 680px; width: 200px; text-align:left;}
#ajax_right_text P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; color: #999999; margin-bottom: 6px; text-align: left;}
.examples {position: relative; top: 0px; left: 0px; width: 504px; height: 500px;}
.comm_image {position: relative; top: 0px; left: 0px; width: 504px; height: 334px;}
.comm_text {position: absolute; top: 344px; left: 0px; width: 504px; height: 140px;}
/*############################# Marketing ########################################*/
#marketing {position: relative; top: 22px; left: 27px; width: 906px; height: 406px;}
#marketing h3 {font-size: 18px; font-weight: bold; color: #00457C; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#marketing a:link {color: #008FCB; text-decoration: none;}
#marketing a:visited {color: #008FCB; text-decoration: none;}
#marketing a:hover {color: #000000; text-decoration: none;}
#marketing a:active {color: #008FCB;}
/*############################# Training ########################################*/
#training {position: relative; top: 22px; left: 27px; width: 906px; height: 406px;}
#training_inside {position: relative; top: 22px; left: 102px; width: 756px; height: 406px;}
#training_box {position: absolute; top: 0px; left: 0px; width: 197px; height: 406px;}
#training_image {position: absolute; bottom: 0px; right: 0px;}
#training_header {position: absolute; top: 15px; left: 15px; width: 167px; text-align: left;}
#training_header P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 16px; color: #000000; margin-bottom: 6px;}
#traing_box_text {position: absolute; top: 60px; left: 15px; width: 167px; text-align: left;}
#traing_box_text ul {display: block;}
#traing_box_text li {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; border-bottom: thin #9A9A9A solid; list-style-type: none; text-align: left;}
#training_samples {position: absolute; top: 0px; left: 240px; width: 440px; text-align: left;}
#training_samples1 {position: absolute; top: 0px; left: 240px; width: 440px; text-align: left;}
#training_samples2 {position: absolute; top: 0px; left: 240px; width: 440px; text-align: left;}
#training_samples3 {position: absolute; top: 0px; left: 240px; width: 440px; text-align: left;}
#training_samples_scrolling {position: absolute; top: 0px; left: 0px; width: 504px; height: 334px;}
#training_samples_content {position: absolute; top: 60px; left: 0px; width: 504px; height: 334px;}
#training_samples_text {position: absolute; top: 337px; left: 0px; width: 504px; height: 69px;}
#training_samples_text P {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; color: #000000; margin-bottom: 6px;}
/*############################# Video ########################################*/
#video {position: relative; top: 22px; left: 27px; width: 906px; height: 406px;}
#video_large {position: relative; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_1 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_2 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_3 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_4 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_5 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_6 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_large_7 {position: absolute; top: 0px; left: 0px; width: 630px; height: 406px;}
#video_samples_area {position: absolute; top: 0px; left: 645px; width: 280px; height: 406px; overflow: auto;}
#video_samples {position: relative; top: 0px; left: 0px; width: 254px; height: 100px;}
#video_title {position: relative; top: 0px; left: 6px;}
#video_title h4 {font-size: 12px; font-weight: bold; color: #000; margin-bottom: 4px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#video_small {position: absolute; top: 20px; left: 6px; width: 87px;}
#video_description {position: absolute; top: 20px; left: 100px; width: 150px;}
#video_sample_bar {position: absolute; top: 98px; left: 8px; width: 240px; height: 2px;}
/*############################# Tell A Friend ########################################*/
#tell_friend {position: relative; top: 22px; left: 100px; width: 450px; height: 406px;}
#tell_header {position: relative; top: 0px; left: 0px; width: 450px; height: 20px;}
#tell_form {position: absolute; top: 50px; left: 0px; width: 450px; height: 356px; overflow: auto;}
/*############################# Request Information ########################################*/
#request_info {position: relative; top: 22px; left: 100px; width: 450px; height: 406px;}
#request_header {position: relative; top: 0px; left: 0px; width: 450px; height: 20px;}
#request_form {position: absolute; top: 50px; left: 0px; width: 450px; height: 356px; overflow: auto;}
/*############################# Login ########################################*/
#login {position: relative; top: 22px; left: 100px; width: 550px; height: 406px;}
/*############################# Login ########################################*/
#client_welcome {position: relative; top: 22px; left: 100px; width: 550px; height: 406px; overflow: auto;}
#client_welcome a:link {color: #008FCB; text-decoration: none;}
#client_welcome a:visited {color: #008FCB; text-decoration: none;}
#client_welcome a:hover {color: #FFCC00; text-decoration: none;}
#client_welcome a:active {color: #008FCB;}
/*############################# Footer ########################################*/
#footer {position: relative; top: 0px; left: 0px; width: 960px; height: 105px;}
#top_line_footer {position: absolute; top: 0px; left: 17px; width: 927px;}
#bottom_line_footer {position: absolute; top: 86px; left: 17px; width: 927px;}
#nav_bottom {position: absolute; top: 88px; left: 17px;}
#nav_bottom ul li {list-style-type: none; display: inline;}
#nav_bottom li {color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 15px; padding-right: 5px;}
#twitter {position: absolute; top: 92px; right: 20px; width: 16px; height: 16px;}
#facebook {position: absolute; top: 92px; right: 42px; width: 16px; height: 16px;}
#linked_in {position: absolute; top: 92px; right: 64px; width: 16px; height: 16px;}
#share_this {position: absolute; top: 92px; right: 86px; width: 16px; height: 16px;}
#youtube {position: absolute; top: 92px; right: 108px; width: 16px; height: 16px;}
#client_login {position: absolute; top: 10px; left: 44px; width: 172px;}
#bottom_wish {position: absolute; top: 5px; left: 236px; width: 266px; height: 81px;}
#bottom_youtube {position: absolute; top: 5px; left: 522px; width: 210px; height: 81px;}
#msi_videos {position: absolute; top: 5px; left: 737px; width: 180px; height: 81px;}
#footer_home li {padding-right: 10px; display: inline;}
#footer_home ul {margin-bottom: 5px;}
.msi a {color: #777;}
.msi a:hover {color: #000;}
/* ################ styles for forms ############ */
fieldset {font: bold 12px Verdana, Arial, Helvetica, sans-serif;}
label {
float:left; clear: both; display: block;
width:85px;
margin-right:0.5em;
margin-bottom: 10px;
padding: .3em 0;
text-align:right;
font-weight:normal;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
.label_big {
float:left; clear: both; display: block;
width:120px;
margin-right:0.5em;
margin-bottom: 10px;
padding: .3em 0;
text-align:right;
font-weight:normal;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}
input { font: 11px Verdana, Arial, Helvetica, sans-serif;}
legend {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #008061; margin-bottom: 15px;}
input:focus, textarea:focus, option:focus {background-color: #ccc;}
option {font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
.form_style {font: 12px Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
.form_style_bold {font: 12px Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px;}
.form_line {margin: 0 0 5px 0; clear: both; padding: 0;}
.errorFieldDemo2 {background-color: #ffffcc; color: #990000;}
#rsvErrors {
display: none;
background-color: #ffffcc;
color: #FF0000;
border: 1px solid red;
padding: 8px;
position: absolute;
top: 50px;
left: 475px;
width: 280px;
}
#rsvErrors1 {
display: none;
background-color: #ffffcc;
color: #FF0000;
border: 1px solid red;
padding: 8px;
}
/* ################ end styles for forms ############ */