@font-face {
  font-family: 'SuisseIntl';
  src: url('/graphics/fonts/SuisseIntl-Light-WebM.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'SuisseIntl';
  src: url('/graphics/fonts/SuisseIntl-Regular-WebXL.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'SuisseIntl';
  src: url('/graphics/fonts/SuisseIntl-Regular-WebXL.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'SuisseIntl';
  src: url('/graphics/fonts/SuisseIntl-Medium-WebM.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}


/* General */

html {
	overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
	overflow: -webkit-scrollbars-vertical;
}

body {
	font-family: SuisseIntl, sans-serif;
	background-color: #f5f5f5;
	padding: 0;
	scrolling: yes;
}

img {
	border: none;
}

a img {
	border: none;
}

.logo {
margin-top: -5px;
width: 170px;
}

hr {
	height: 1px;
	color: #2d343f;
	background-color: #000;
}

fieldset {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	width: 100%;
}

pre {
	text-align: left;
	margin-left: -550px;
}

ul {
	padding-left: 20px;
}

.input {
	font-size: 12px;
}

.input:hover {
	background: #EEF2FF;
}

.line td {height:9px;border-bottom:solid 1px grey}
.line {border-top:solid 1px grey}
.button  {
	font-size: 12px;
	text-decoration: none !important;
	font-weight: normal;
	color: #FFFFFF;
	border: none;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: none !important;
	text-align: center;
	background-color: #2d343f;
	border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	text-align: center;
	padding: 6px 20px;
	margin-top: 8px;
}

.button:hover {
text-decoration: none;
-webkit-transition: all 300ms ease-in 0s;
-moz-transition: all 300ms ease-in 0s;
-o-transition: all 300ms ease-in 0s;
transition: all 300ms ease-in 0s;
background: #000000;
}
.cancel  {
        color: -webkit-link!important;
        background-color: #fff !important;
        cursor:pointer;
        text-decoration:underline!important;
}
.link {
color: #206096;
text-decoration: underline;
border:none;
background:none;	
}
.link:hover{
color:black;
cursor:pointer;	
}

.heavy {
	font-weight: bold;
}
.small{font-size:10px}

/* Spacers, cleaners, breaks etc. */

.horizontal_cleaner {
	clear: both;
}

.standard_horizontal_line {
	position: static;
	height: 24px;
}

.short_horizontal_line {
	position: static;
	height: 15px;
}

.very_short_horizontal_line {
	position: static;
	height: 10px;
}

.extremely_short_horizontal_line {
	position: static;
	height: 5px;
}

.small_horizontal_break {
	width: 10px;
}

.extremely_small_vertical_break {
	height: 3px;
}

/* Error messages */

.error {
        color: #FF0000;
}


/* Content text types */

.style2 {
        font-family: SuisseIntl, sans-serif;
        font-size: small;
}

/* Login information text */

.login_info {
        font-family: SuisseIntl, sans-serif;
        font-size: 12px;
        font-weight: normal;
        text-decoration: none;
        color: #c2eae0;
        text-transform:none;
}


/* Basic page structure */

.structure_table {
	border: none;
	padding: 0;
	text-align: center;
	vertical-align: top;
	width: 960;
}

/* Header structure and contents */

.header	{
	position: static;
	height: 38px;
	font-family: SuisseIntl, sans-serif;
	font-size: 14px;
	background: #2d343f;
	width: 950px;
	margin-left: 18px;
	margin-top: -10px;
}

.header_nsw_logo {
	float: left;
	position: absolute;	
	width: 182px;
	height: 42px;
	margin: 57px 0;
}

.header_links {
	float: right;
	font-size: 1.1em;
	font-family: SuisseIntl, sans-serif;
	position: static;
	margin: 15px 13px 0px 17px;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.header_links a:link {
	cursor:pointer;
	font-size:1.1em;
	border-top:3px solid transparent;
	padding-top: 9px;
	height:50px;
	-webkit-transition:all 300ms ease-in 0s;
	-moz-transition:all 300ms ease-in 0s;
	-o-transition:all 300ms ease-in 0s;
	transition:all 300ms ease-in 0s;
	text-decoration: none;
}

.header_links a:hover {
	-webkit-transition:all 300ms ease-in 0s;
	-moz-transition:all 300ms ease-in 0s;
	-o-transition:all 300ms ease-in 0s;
	transition:all 300ms ease-in 0s;
	border-top:3px solid #fff;
	
}

.header_links a:active {
	color: #fff !important;
	text-decoration: none;
}

.header_links a:visited {
	color: #fff !important;
	text-decoration: none;
}

.header_links #login_link {
	color: #fff;
	text-decoration: none;
}

/* Main content structure */

.left_middles_and_right {
	position: static;
	padding: 0px;
	margin-top: -3px;
}

/* Left margin */

.left {
	width: 10px;
}

/* Main media area */

.middle1 {
	width: 950px;
	font-family: SuisseIntl, sans-serif;
	vertical-align: top;
	-webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	background: #fff;
}

/* Main link list content */

.main_link_list_and_content {
	background:#fff;
	margin: 0px;
	border-spacing: 0px;
	/* border-collapse: collapse; */
	width: 950px;
	height: 30px;
	/*border-top: solid #3b3635;*/
}

.main_link_list_and_content td {
	padding: 0px;
	margin: 0px;
}

.main_link_list {
	height: 30px;
	font-size: 1em;
	letter-spacing: 0.7px;
	margin-top: 11px;
	border-spacing: 0px;
	border-collapse: collapse;
	text-transform: uppercase;
	width:100%
}

.main_link_list td {
	padding: 0px 0px 0px 35px;
}
.main_link_passive_center:first-child {min-width: 160px;}

.main_link_passive_left {
	width: 4px;
	height: 30px;
	background-color: #76B9E3;
	/* background-image: url('graphics/nsw_main_navigation_passive_left.png');
	background-repeat: no-repeat;
	background-position: top left; */
	border-top: solid black 1px;
	border-left: solid black 1px;
	border-bottom: solid black 1px;
}

.main_link_passive_center {
	/*width: 134px;*/
	height: 30px;
	color: white;
	background-color: white;
	font-weight: normal;
	text-align: center;
	border: solid white 1px;
}

.main_link_passive_right {
	width: 4px;
	height: 30px;
	background-color: #76B9E3;
	/* background-image: url('graphics/nsw_main_navigation_passive_right.png');
	background-repeat: no-repeat;
	background-position: top right; */
	border-top: solid black 1px;
	border-right: solid black 1px;
	border-bottom: solid black 1px;
}

.main_link_whitespace {
	width: 1px;
	background-color: #000000;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
}

.main_link_bluespace {
	width: 1px;
	background-color: #76B9E3;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
}

.main_link_active_left {
	width: 6px;
	height: 30px;
	background-color: #FFFFFF;
	background-image: url('graphics/nsw_main_navigation_active_left.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.main_link_active_center {
	height: 30px;
	background-color: #FFFFFF;
	background-image: url('graphics/nsw_main_navigation_active_top.png');
	background-repeat: vertical;
	background-position: top;
	font-weight: normal;
}

.main_link_active_right {
	width: 6px;
	height: 30px;
	background-color: #FFFFFF;
	background-image: url('graphics/nsw_main_navigation_active_right.png');
	background-repeat: no-repeat;
	background-position: top right;
}

.main_link_text {
	padding-top: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}

.main_link_text  a:link {
	color: #000;
	text-decoration: none;
}

.main_link_text  a:hover {
	color: #2d343f;
	text-decoration: none;
}

.main_link_text  a:active {
	color: #2d343f;
	text-decoration: none;
}

.main_link_text  a:visited {
	color: #000;
	text-decoration: none;
}

.main_link_text_active {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.main_link_text_active  a:link {
	color: #2d343f
        ;
	text-decoration: none;
}

.main_link_text_active  a:hover {
	color: #2d343f;
	text-decoration: none;
}

.main_link_text_active  a:active {
	color: #2d343f;
	text-decoration: none;
}

.main_link_text_active  a:visited {
	color: #2d343f;
	text-decoration: none;
}

.main_link_list_and_content_border {
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 727px;
}

.main_link_list_and_content_border td {
	padding: 0px;
	margin: 0px;
}

.main_link_list_and_content_border_active_tab_left {
	border-top: 1px solid #FFF;
	padding: 0px;
	}

.main_link_list_and_content_border_active_tab_middle {
	border-top: 1px solid #FFF;
	padding: 0px;
}

.main_link_list_and_content_border_active_tab_right {
	border-top: 1px solid #FFF;
	padding: 0px;
}

/* Media structure and content */

.white {
	background-color: #FFFFFF;
	height: 510px;
	vertical-align: top;
	width: 942px;	
}

.content {
	position: static;
	background-color: #FFFFFF;
	width: 942px;
}

.content_corner_top_left {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.content_top_border {
	height: 4px;
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

.content_corner_top_right {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.content_corner_bottom_left {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.content_bottom_border {
	height: 4px;
	background-color: #fff;
}

.content_corner_bottom_right {
	width: 4px;
	height: 4px;
	background-color: #fff;
}

.content_link_list {
	margin-left: 20px;
	height: 10px;
	position: static;
	font-size: 13px;
}

.content_link_list_index_page {
	margin-left: 20px;
	height: 20px;
	position: static;
	font-size: 13px;
}

.content_links {
	position: relative;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	font-weight: bold;
	letter-spacing: 0.2px;
}

.content_links a:link {
	color: #106999;
	text-decoration: underline;
}
.content_links a:hover {
	color: #106999;
	text-decoration: underline;
}
.content_links a:active {
	color: #106999;
	text-decoration: underline;
}
.content_links a:visited {
	color: #106999;
	text-decoration: underline;
}

.content_title {
	position: static;
	margin-left: 20px;
	margin-right: 30px;
	height: 30px;
}

.content_title_text {
	position: relative;
	float: left;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 30px;
	font-size: 1.5em;
	font-weight: bold;
	color: #000;
	background-color: #FFFFFF;
	font-variant: small-caps;
	letter-spacing: 0.08em;
}

.content_title_text_1_5 {
	font-size: 1.5em;
	font-weight: bold;
	color: #black;
	font-variant: small-caps;
	letter-spacing: 0.08em;
}

.content_title_text_1_4 {
	font-size: 1.4em;
	font-weight: bold;
	color: #black;
	font-variant: small-caps;
	letter-spacing: 0.06em;
}

.content_title_text_1_2 {
	font-size: 1.2em;
	font-weight: bold;
	color: #black;
	font-variant: small-caps;
	letter-spacing: 0.08em;
}

.content_title_text_1_2_black {
	font-size: 1.2em;
	font-weight: bold;
	color: #black;
	font-variant: small-caps;
	letter-spacing: 0.08em;
}

.content_title_border {
	height: 1px;
	background-color: black;
	margin-top: 10px;
}

.content_media {
	position: static;
	margin-left: 20px;
	margin-right: 30px;
	text-align: justify;
	font-size: 13px;
}

.content_media input.button {
    margin-top: 0px;
}
.content_media tr {
    line-height: 26px;
}

.content_media_title_text {
	color: black;
	font-weight: bold;
}

.content_media_main_image {
	float: right;
	padding: 0px 0px 20px 20px;
}

.content_media_table {
	border: none;
	padding: 3px;
}

.content_media_table a:link{
	color: #206096;
	text-decoration: underline;
}

.content_media_table a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.content_media_table a:active {
	color: #206096;
	text-decoration: underline;
}

.content_media_table a:visited {
	color: #206096;
	text-decoration: underline;
}

.content_media_table_title_cell {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.content_media_table_text_cell {
	text-align: justify;
	vertical-align: top;
}

.content_media_list_text_cell {
	text-align: left;
	vertical-align: top;
}

.content_media_table_text_cell_bold {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

.content_media_table_link_cell {
	text-align: left;
	vertical-align: top;
}

.content_media_table_link_cell a:link{
	color: #000000;
	text-decoration: underline;
}

.content_media_table_link_cell a:hover {
	color: #000000;
	text-decoration: underline;
}

.content_media_table_link_cell a:active {
	color: #000000;
	text-decoration: underline;
}

.content_media_table_link_cell a:visited {
	color: #000000;
	text-decoration: underline;
}

.content_media_table_centered_cell {
	text-align: center;
	vertical-align: top;
}

.content_media_table_centered {
	border: none;
	padding: 3px;
	width: 100%;
	text-align: center;
	vertical-align: top;
}

.content_media_table_centered td {
	padding: 9px;
}

.content_media_table_centered_at_left {
	border: none;
	width: 870px;
	text-align: center;
	vertical-align: top;
}

.content_media_table_border {
	border: 1px solid #000;
	text-align: left;
	vertical-align: top;
}

.content_media_table_full_width {
	border: none;
	width: 100%;
}

.content_media_table_full_width a:link{
	color: #106999;
	text-decoration: underline;
}

.content_media_table_full_width a:hover {
	color: #106999;
	text-decoration: underline;
}

.content_media_table_full_width a:active {
	color: #106999;
	text-decoration: underline;
}

.content_media_table_full_width a:visited {
	color: #106999;
	text-decoration: underline;
}

.table_spacer {
	width: 5px;
}

.table_spacer_vertical {
	height: 3px;
}

.table_separator_row {
	height: 1px;
	background-color: #2d343f;
}

.centered {
	text-align: center;
}

.on_left {
	text-align: left;
}

.on_right {
	text-align: right;
}

.smaller_font {
	font-size: 0.8em;
}

.content_image {
	border: 1px solid #8894BC;
}
.content_image_left {
	width: 380px;
}	
/* Middle margin */

.middle2 {
	width: 12px;
}

/* News and blog area */

.middle3 {
	width: 220px;
	font-family: SuisseIntl, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

/* News and blog structure and content */

.news_and_blog {
	width: 220px;
}

.news_and_blog  a:link {
	color: #000000;
	text-decoration: none;
}

.news_and_blog  a:hover {
	color: #000000;
	text-decoration: none;
}

.news_and_blog  a:active {
	color: #000000;
	text-decoration: none;
}

.news_and_blog  a:visited {
	color: #000000;
	text-decoration: none;
}

.news_and_blog_title {
	font-weight: bold;
	text-align: left;
	height: 30px;
}

.news_and_blog_line {
	font-weight: normal;
	text-align: left;
	font-size: 12px;
}

.news_and_blog_date {
	text-align: left;
	font-weight: normal;
}

.news_and_blog_headline {
	text-align: left;
	font-weight: normal;
}

.news_and_blog_and_content_image_separator {
	height: 1px;
}

/* Right margin */

.right {
	width: 10px;
}

/* Main media area footer */

.footer_left {
	position: relative;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #000;
	font-weight: normal;
	font-family: SuisseIntl, sans-serif;
	font-size: 12px;
}

.footer_right {
	position: relative;
	float: right;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

ol li {
	padding: -5px;
	margin: -5px;
}



/* ACCORDION FOR KNOWLEDGE BASE */

/* Knowledge Base accordion*/
.accordion {
	width: 892px;
	border-bottom: solid 1px #c4c4c4;
	position: relative;
}
.accordion h3 {
	background: #ffffff url(graphics/arrow-square.gif) no-repeat right -46px;
	padding: 7px 35px 7px 15px;
	margin: 0;
	border: solid 1px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
}
.accordion h3:hover {
	background-color: #2d343f;
	color:#c2eae0;
}
.accordion h3.active {
	background-position: right 10px;
	background-color: #2d343f;
	color: #c2eae0;
}
.accordion div {
	background: #ffffff;
	margin: 0;
	padding: 10px 10px 10px;
	border-left: solid 1px #c4c4c4;
	border-right: solid 1px #c4c4c4;
	position: relative;
}
.accordion ol li {
	padding: 0px;
	margin: 0px;
}
.content_accordion {
	text-align: justify;
}	

/* Banner */
#header { height:230px; position:relative; top:0px; left:0px; z-index:1000; width:890px; padding:0;}
.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:230px; position:absolute; top:0px; left:0px; z-index:2000;}

/* Banner Text */
#headertxt { width:890px; margin:0 auto; clear:both; position:relative; top:-30px; left:10px; z-index:3000; }

.pictured { background-color:#76B9E3; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; position: relative; top:150px; left:20px; z-index:3000;}
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* Banner controls */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("graphics/btn_back.png"); }
#next { background-image:url("graphics/btn_next.png"); }
#control { background-image:url("graphics/btn_pause.png"); }

/* Banner navigation */
#headernav-outer { position:absolute; top:180px; left:340px; margin:0 auto; z-index:3000;}
#headernav { padding-left:0px; }

#placeholderdiv a:link {
	color: #000000;
	text-decoration: none;
	}
	
#placeholderdiv a:hover {
	color: #106999;
	text-decoration: none;
	}
	
#placeholderdiv a:active {
	color: #000000;
	text-decoration: none;
	}
	
#placeholderdiv a:visited {
	color: #000000;
	text-decoration: none;
	}
	
	
/* ######### CSS for top level tabs ######### */

.tabsmenuclass a{
    color: #2d343f;
    position: relative;
    transition:all .3s ease-in
}

.tabsmenuclass a:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 0;
    background: #2d343f;
    height:2px
}

.tabsmenuclass a:hover:before{
    width:100%
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
width: 100%;

}

/*Main navigation menu*/
.ddsmoothmenu{
background: #76B9E3 /*background of menu bar (default state)*/ ;
/* width: 140px; */
/* height: 30px; */
width: 134px;
height: 30px;
font-size: 13px;
letter-spacing: 0.7px;
font-family: SuisseIntl, sans-serif;
font-weight: bold;
color: white;
float: center;
}

.ddsmoothmenu ul{
z-index: 1000000 !important;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
z-index: 1000000 !important;
float: left;
width: 134px;
/* width: 140px; */
/* height: 30px; */
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #76B9E3; /*background of menu items (default state)*/
color: white;
padding: none;
/* border-right: 1px solid #778;
border-left: 1px solid #778;
border-top: 1px solid #778;
border-bottom: 1px solid #778; */
text-decoration: none;
height: 30px;

}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: white; 
color: black;
}

.ddsmoothmenu ul li a:hover{
background: white; /*background of menu items during onmouseover (hover state)*/
color: black;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
padding-top: 1px;
}

.ddsmoothmenu ul li ul #rightmost {
float: left !important;
width: 134px !important;
margin-right: none !important;
padding-right: none !important;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: left;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font-size: 13px;
letter-spacing: 0.7px;
font-family: SuisseIntl, sans-serif;
width: 268px; /*width of sub menus*/
/* padding-left: 6px; */
margin: 0;
/*border-top-width: 0;*/
border-bottom: 1px solid gray;
/* border-top: 1px solid gray; */
border-right: 1px solid gray;
border-left: 1px solid gray;
background: white !important;
color: black !important;
text-align: left !important;
}

.ddsmoothmenu ul li ul li a:hover {
background: #76B9E3 !important;
}

.ddsmoothmenu ul li ul li a #rightmost {
width: 134px !important;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}


.ddsmoothmenu-v ul {
margin: 0;
padding: 0;
width: 170px;
/* Main Menu Item widths */
list-style-type: none;
font-size: 13px;
letter-spacing: 0.7px;
font-family: SuisseIntl, sans-serif;
}
 
.ddsmoothmenu-v ul li {
position: relative;
}

/* Top level menu links style */

.ddsmoothmenu-v ul li a {
display: block;
overflow: auto;
/*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 0px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active {
background: #414141;
/*background of menu items (default state)*/
color: white;
}

.ddsmoothmenu-v ul li a.selected {
/*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}

.ddsmoothmenu-v ul li a:hover {
background: black;
/*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */

.ddsmoothmenu-v ul li ul {
position: absolute;
width: 170px;
/*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
 
/* Holly Hack for IE \*/ * html .ddsmoothmenu-v ul li { float: left; height: 1%; } * html .ddsmoothmenu-v ul li a { height: 1%; }
/* End */


/*Knowledge base navigation menu*/
.kb_ddsmoothmenu{
background: white /*background of menu bar (default state)*/
width: 250px;
font-size: 14px;
font-family: SuisseIntl, sans-serif;
font-weight: bold;
color: black;
}

.kb_ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.kb_ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
width: 250px;
}

/*Top level menu link items style*/
.kb_ddsmoothmenu ul li a{
display: block;
background: white; /*background of menu items (default state)*/
color: black;
padding: 8px 10px;
border-right: 1px solid #778;
border-left: 1px solid #778;
border-top: 1px solid #778;
border-bottom: 1px solid #778;
color: black;
text-decoration: none;
}

* html .kb_ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.kb_ddsmoothmenu ul li a:link, .kb_ddsmoothmenu ul li a:visited{
color: black;
}

.kb_ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #2d343f; 
color: #c2eae0;
}

.kb_ddsmoothmenu ul li a:hover{
background: #2d343f; /*background of menu items during onmouseover (hover state)*/
color: #c2eae0;
}
	
/*1st sub level menu*/
.kb_ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.kb_ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.kb_ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.kb_ddsmoothmenu ul li ul li a{
font-size: 14px;
width: 239px; /*width of sub menus*/
padding: 5px;
margin: 0;
/*border-top-width: 0;*/
border-bottom: 1px solid gray;
border-top: 1px solid gray;
border-right: 1px solid gray;
border-left: px solid gray;
}

/* Holly Hack for IE \*/
* html .kb_ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.kb_ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.kb_toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.8;
}


.kb_ddsmoothmenu-v ul {
margin: 0;
padding: 0;
width: 170px;
/* Main Menu Item widths */
list-style-type: none;
font: bold 12px Verdana;
}
 
.kb_ddsmoothmenu-v ul li {
position: relative;
}

/* Top level menu links style */

.kb_ddsmoothmenu-v ul li a {
display: block;
overflow: auto;
/*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}

.kb_ddsmoothmenu-v ul li a:link, .kb_ddsmoothmenu-v ul li a:visited, .kb_ddsmoothmenu-v ul li a:active {
background: #414141;
/*background of menu items (default state)*/
color: white;
}

.kb_ddsmoothmenu-v ul li a.selected {
/*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black;
color: white;
}

.kb_ddsmoothmenu-v ul li a:hover {
background: black;
/*background of menu items during onmouseover (hover state)*/
color: white;
}

/*Sub level menu items */

.kb_ddsmoothmenu-v ul li ul {
position: absolute;
width: 170px;
/*Sub Menu Items width */
top: 0;
font-weight: normal;
visibility: hidden;
}
 
/* Holly Hack for IE \*/ * html .kb_ddsmoothmenu-v ul li { float: left; height: 1%; } * html .kb_ddsmoothmenu-v ul li a { height: 1%; }
/* End */