@charset "UTF-8";
/* CSS Document */

/*Change background position for selected navigation element*/
#top_menu #nav_support  {background-position:0% -35px }
#top_menu #nav_support a { background-position:100% -35px; }



#support_list {float: left; width: 220px; margin: 0; padding: 0; border-right: solid 1px #CCC; font-size: 11px; clear: none;}

#support_list ul {width: 220px; margin: 0; padding: 0; }

#support_list h4 { text-transform: uppercase;  line-height: 16px; margin: 0; padding: 10px 25px 6px 10px; background: url(/images/support_list_category_background.jpg) no-repeat;  background-position: bottom right; font-size: 16px; border-top: solid 4px #000;}

#support_list h5 {margin: 0; padding: 5px 10px; background: url(/images/support_list_orange.jpg) repeat-x; font-size: 16px; }

#support_list h5 a {text-decoration: none; color: #FFF; }

#support_list h6 {text-decoration: none; margin: 0; padding: 3px 5px 1px 22px; color: #555; font-weight: normal; text-transform: uppercase; background: url(/images/support_section_header.jpg); background-position: bottom left; font-size: 13px; }

#support_list ul h6 {text-decoration: none; margin: 0; padding: 3px 5px 1px 22px; color: #555; font-weight: normal; text-transform: uppercase; background: url(/images/support_section_header_down.jpg); background-position: bottom left; font-size: 13px; }

#support_list h6 a {display: block; padding: 0; margin: 0; text-decoration: none; color: #555; }

#support_list h6 a:hover {color: #222; }

#support_list li {background: url(/images/corner.jpg) no-repeat; background-position: right bottom; text-align: left; padding-left: 10px; clear: none;}

#support_list li a {display: block; padding: 0; margin: 0; }



#support_content {width: 709px; *width: 705px; padding: 0 0 0 20px; color: #333; margin: 0 0 0 220px; border-left: solid 1px #CCC; background: #FFF; }

#support_content h2 { font-size: 30px; color: #0066FF; padding-top: 0; margin-top: 0; }

#support_content h3 {padding-top: 0; margin-top: 0; }

#support_content #contents_menu {float: right; width: 200px; padding: 15px; margin: 0 0 20px 20px; background: #EEE; }

#support_content #contents_menu li {padding: 0; margin: 0; list-style-type: none;}

#support_content #contents_menu li a {text-decoration: underline; color: #0066FF; }

#support_content_spacer {width: 100%; clear: both; }


.navigation_hint {text-transform: uppercase; color: #006633; }


#support_content .button_list li {padding: 3px 0; }

#support_content .button {font-weight: bold; padding: 3px 6px 1px 6px; margin: 0; background: url(/images/gradient_button.jpg) repeat-x; border-bottom: solid 1px #AAA; border-right: solid 1px #AAA; line-height: 18px; }

#support_content .tab_span {padding: 1px 6px 1px 4px; margin: 0; color: #FFF; font-weight: bold; background: url(/images/background_blue_tab.png) no-repeat; background-position: bottom right; line-height: 18px; }

#support_content .top_menu_selection {padding: 1px 5px 1px 5px; margin: 0; background: #175395; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;  line-height: 18px; }

#support_content .top_menu_bar {padding: 1px 5px 1px 5px; margin: 0; background: #000; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;  line-height: 18px; }

#support_content .data_field {font-size: 16px; color: #990000; text-transform: uppercase; }

#support_content .pdf_link a {padding-left: 20px; height: 20px; background: url(/images/pdf_icon.jpg) no-repeat; }

#support_content .caption {text-align: center; padding: 2px 10px; margin: 0 0 15px ; background: #DDD; color: #000; }

#support_content .next_step {width: 686px; float: left; display: block;  padding: 6px 12px; background: #EEE; color: #555; text-align: right; margin-top: 20px; }

#support_content #expander {width: 709px; clear: both; padding: 0; margin: 0; }

#support_content img {border: solid 2px #DDD; padding: 0; }

#support_content .float_right {float: right; margin: 0 0 8px 20px; }

#support_content .float_right_vignette {float: right; margin: 0 0 8px 15px; border: none;}

#support_content .float_left {float: left; margin: 0 20px 8px 0;}

#support_content .support_segment {display: block; width: 694px; float: left; padding: 15px 0 0 15px; margin: 0 0 15px 0; border-bottom: dotted 1px #DDD; background: url(/images/gradient_support_segment.jpg) no-repeat;}

#support_content .support_sub_segment {display: block; width: 694px; float: left; padding: 15px 0 0 15px; margin: 0 0 15px 0; border-bottom: dotted 1px #DDD; background: url(/images/gradient_support_sub_segment.jpg) no-repeat;}

#support_content .support_feature {display: block; width: 669px; float: left; padding: 15px 0 0 15px; margin: 0 0 15px 0; background: url(/images/gradient_support_feature.jpg) repeat-x; color: #FFF; }

#support_content .support_feature a {color: #DDD;}

.spacer_710 {float: left; color: #FFF; text-align: center; text-transform: uppercase; letter-spacing: .2em; width: 689px; background: #BBB; padding: 4px 10px 1px 10px; margin: 25px 0 15px 0; }



#support_content  ol { }

#support_content  ol li { margin-bottom: 6px;}

#support_content  ul {list-style-type: disc; padding: 0; margin: 0; }

#support_content ul li {margin: 0 0 5px 30px; padding: 0; border: none; background: none;}

#support_content ul li a {text-decoration: underline; color: auto; }

#support_content ul li a:hover, #support_content li a:visited:hover {color: auto; }

#support_content ul li a:visited {color: auto; }



.with_images li {float: left; width: 100%; }

.with_images ul li {float: none; width: auto; }



pre {font-size: 11px; background: #E1F0F6; padding: 20px; }

hr {width: 100%; height: 10px; background: #444; margin: 20px 0; padding: 0; float: left; border: none;}


/*Toggle*/

#support_list h6.trigger { background: url(/images/support_section_header.jpg); background-position: bottom left;}

#support_list h6.trigger a { }

#support_list h6.trigger a:hover { }

#support_list h6.active { background: url(/images/support_section_header_open.jpg); background-position: bottom left; }

.toggle_container { }

.toggle_container .block { }

.support_video {float: right; padding: 8px; margin: 0 0 15px 15px; background: #DDD; text-align: center; text-transform: uppercase; letter-spacing: .1em;}
.support_video p {padding: 0 0 2px 0; margin: 0; color: #777; }

