#bigtext_arrow_left {
color : #c4edff; 
font-size : 20px; 
margin-top : 100px;
padding-top : 25px;
padding-left : 130px;
text-align: left;
background-image: url(/mytrainingexpert/images/interface/arrow_left.gif);
background-position: center left;
background-repeat: no-repeat;
height: 49px;
}
#bigtext_arrow_right {
color : #c4edff; 
font-size : 20px; 
margin-top : 100px;
padding-top : 0px;
padding-right : 70px;
padding-left : 10px;
text-align: left;
background-image: url(/mytrainingexpert/images/interface/arrow_right.gif);
background-position: center right;
background-repeat: no-repeat;
height: 49px;
}
.related_links_outer_container {
border : 1px dotted #ffffff;
padding : 3px;
margin : 5px;
background-color: #ffffff; 
}
.related_links_container {
color : #ffffff; 
padding : 5px;
margin : 0px;
background : #F7FBFD;
}
.related_links_heading {
color : #ffffff; 
font-size : small; 
text-decoration : none; 
padding : 5px;
font-weight : bold ;
}
ul.related_links_list {
padding : 10px 0px;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0px;
list-style-type: none;
color : #ffffff ;
font-size : small ;
text-decoration : none; 
}
.related_links_list a:link, .related_links_list a:visited {
color : #ffffff ;
font-size : small ;
text-decoration : none; 
}
ul.related_links_list li {
margin-top : 0px;
margin-bottom : 0px;
padding : 0 0 0 20px;
background: url(/mytrainingexpert/images/interface/bullet.gif) no-repeat 0px 6px;
line-height : 1.4em;
}

#width_restrict {
width : 100%;
}

div #data_grid_ignore_warning ul {
	/* display: inline; */
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
div #data_grid_ignore_warning li {
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}

div #data_grid_ignore_warning li.ignore_warnings_yes {
	background: url("/mytrainingexpert/images/interface/mos_yes_inactive.gif") no-repeat center left;
	padding-left: 2px;mm
	float: left;
	width: 20px;
	height: 20px
}
div #data_grid_ignore_warning li.ignore_warnings_yes_active {
	background: url("/mytrainingexpert/images/interface/mos_yes.gif") no-repeat center left;
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}

div.form_field_title_div {
	padding : 0px;
	/* height: 10px; */
}
/* for anything > IE6 (includes firefox, IE7, Safari, Konqueror, ICEWeb, OmniWeb, Opera8+) */
/* set the min_height, for IE6 set the height because this is really acting as min_height  */
div.form_field_data_div {
	min-height: 30px;
}
div.form_field_title_div {
	min-height: 10px;
}
/* IE < 7 need a height because this is really acting as min_height */
* html div.form_field_data_div {
	height: 30px;
}
* html div.form_field_title_div {
	height: 10px;
}

div.form_field_checkbox_div {
	/* height: 52px; /* account for border */ */
	height: 40px; /* account for border */
}

div #mos_attendance_buttons ul {
	/* display: inline; */
	display: inline-block;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
div #mos_attendance_buttons li {
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}

div #mos_attendance_buttons li.mos_attendance_yes {
	background: url("/mytrainingexpert/images/interface/mos_yes_inactive.gif") no-repeat center left;
	padding-left: 2px;mm
	float: left;
	width: 20px;
	height: 20px
}
div #mos_attendance_buttons li.mos_attendance_yes_active {
	background: url("/mytrainingexpert/images/interface/mos_yes.gif") no-repeat center left;
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}

div #mos_attendance_buttons li.mos_attendance_no {
	background: url("/mytrainingexpert/images/interface/mos_no_inactive.gif") no-repeat center left;
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}
div #mos_attendance_buttons li.mos_attendance_no_active {
	background: url("/mytrainingexpert/images/interface/mos_no.gif") no-repeat center left;
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}
div #mos_attendance_buttons li.mos_attendance_questionmark {
	background: url("/mytrainingexpert/images/interface/mos_questionmark_inactive.gif") no-repeat center left;
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}
div #mos_attendance_buttons li.mos_attendance_questionmark_active {
	background: url("/mytrainingexpert/images/interface/mos_questionmark.gif") no-repeat center left;
	padding-left: 2px;
	float: left;
	width: 20px;
	height: 20px;
}

div #in_page_popup {
	position: absolute;
	top: 30%;
	left: 30%;
}
div #disable_mos {
	position: absolute;
	top: 0px;
	left: 0px;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	background: url(/mytrainingexpert/images/interface/transparent.gif) repeat;
	width: 100%;
	height: 466px; /* 400 + 26 (navlist) + 5px (padding border) + 5px (padding border) */
}

ul.left {
float: left;
width: 40%;
color : #ffffff ;
font-size : small ;
padding : 10px 0px;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0px;
list-style-type: none;
border: 0px none;
}

ul.left li {
margin-top : 0px;
margin-bottom : 0px;
padding : 0 0 0 20px;
background: url(/mytrainingexpert/images/interface/bullet.gif) no-repeat 0px 6px;
line-height : 1.4em;
}

ul.right {
float: right;
width: 60%;
color : #ffffff ;
font-size : small ;
padding : 10px 0px;
margin-top : 0px;
margin-bottom : 0px;
margin-left : 0px;
list-style-type: none;
border: 0px none;
}

ul.right li {
margin-top : 0px;
margin-bottom : 0px;
padding : 0 0 0 20px;
background: url(/mytrainingexpert/images/interface/bullet.gif) no-repeat 0px 6px;
line-height : 1.4em;
}

tbody.tab {
	display: inline;
}
tbody.hidden_tab {
	display: none;
}
div.tab {
	display: inline;
}
div.hidden_tab {
	display: none;
}
div.autocomplete {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	height:20px;
	cursor:pointer;
}
div.list {
    /* need this to be relative to stop things that are relative
	within it, e.g. the relative table headings in a table within the list,
	staying where they are and not scrolling with page */
	/* cjo revised by commenting out because it breaks our header titles pos */
	/* position: relative; */
}

div.list_content_layout {
	/* 
	set overflow auto on y so we get scrollbar for content,
	set overflow-x to hidden - which trims any content of that div
	off to the size of the scrollbar (i.e. scrollbar eats into the content.
	Therefore, we add scrollbar width (17px) padding to right of the content
	so that only the padding of the div gets eaten by the div
	*/
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right:17px;
	width: 200px;
	background-color: #ffffff; 
}

div.list_content_layout_table {
	/* 
	set overflow auto on y so we get scrollbar for content,
	set overflow-x to hidden - which trims any content of that div
	off to the size of the scrollbar (i.e. scrollbar eats into the content.
	Therefore, we add scrollbar width (17px) padding to right of the content
	so that only the padding of the div gets eaten by the div
	*/
	/* overflow-y: scroll; */
	/* overflow-x: hidden; */
	/* padding-right:17px; */
	width: 217px; /* 17 extra to keep same size as content layout in courses */
	background-color: #ffffff; 
}

div.full_height_list_content {
	height: 380px;
	/* height: 400px; */
}
/* take into account header bar title in reduced height */
div.reduced_height_list_content {
	height: 352px; 
	/* height: 372px; (400 - (22 + (2 * 2) - (1 * 2))) minus the height of the close image plus padding and border of list_header_bar */
}

div#course_specification {
	/* margin: 5px; */
	border: 1px solid #E0E0E0;
	background-color: #F9F9F9;
	width: 400px;
	height: 280px;
	/* height: 300px; */
	overflow-y: auto;
	/* overflow-x: hidden;
	padding-right: 17px; */
}	

.data_grid_heading {
color : #ffffff; 
font-size : 1em; 
font-weight : normal;
}
.data_grid_txt {
color : #525252;
font-size : .9em; 
} 
div#data_grid_border {
	margin: 5px;
	padding-top: 2px;
}
div#data_grid {
	/* margin: 5px; */
	border: 1px solid #9ee2ff;
	width: 100%;
	height: 280px;
	/* height: 300px; */
	overflow-y: scroll;
	/* overflow-x: hidden;
	padding-right: 17px; */
}	

div#data_grid table th {
color : #ffffff; 
font-size : 1em; 
font-weight : normal;
}

div#data_grid table {
	table-layout: fixed;
	border-collapse: collapse;
	background-color: #ffffff; /* color of the grid */
}

div.truncate_data_grid {
	text-overflow: ellipsis;
	width: 100%; /* width minus the padding-left we have used on this element */
	overflow: hidden;
	white-space: nowrap;
}

div.truncate_content_header_text {
	text-overflow: ellipsis;
	width: 300px; 
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}

div.data_grid_search_box {
	/* border: 1px solid #ff0000; */
	float: left;
}

div.data_grid_search_href_button {
	/* border: 1px solid #00ff00; */
	float: right;
}

div#data_grid table tr.row_bg td{
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	/* cursor: hand; */
	font-size : .9em;
	color: #525252;
}

div#data_grid table tr.row_bg td table tr td{
	border: 0px; /* gridline color */
	text-overflow:;
	padding: 0px;
	font-size : .9em;
	color: #525252;
}

table.data_grid_alert {
	border: 1px solid #ff0000; /* gridline color */
	padding: 0px;
}
.mos_data_grid_alert {
	font-size : .9em;
	color : #000000}

div#data_grid table tr.row_type_0 td{
	background-color: #d1f1ff;
	color: #525252;
}

div#data_grid table tr.row_type_1 td{
	background-color: #F7FBFD;
	color: #525252;
}

div#data_grid table tr.row_type_0_dirty td{
	background-color: #eeeeee;
	color: #525252;
}

div#data_grid table tr.row_type_1_dirty td{
	background-color: #eeeeee;
	color: #525252;
}

div#data_grid table tr.row_type_0_selected td{
	background-color: #c4edff;
	color: #ffffff;
}

div#data_grid table tr.row_type_1_selected td{
	background-color: #c4edff;
	color: #ffffff;
}

div#data_grid table tr.row_type_0_selected_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div#data_grid table tr.row_type_1_selected_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div#data_grid table tr.row_type_0_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div#data_grid table tr.row_type_1_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div#data_grid table td.row_bg2 {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #F7FBFD;
	/* cursor: hand; */
	font-size : .9em; 
}

div#data_grid table td.row_bg3 {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #c4edff;
	/* cursor: hand; */
	font-size : .9em; 
}

div#data_grid table td.row_bg_highlight{
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #9ee2ff;
	color: #ffffff;
	/* cursor: hand; */
	font-size : .9em; 
}

div#data_grid table td.row_bg2_highlight {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #9ee2ff;
	color: #ffffff;
	/* cursor: hand; */
	font-size : .9em; 
}

div#data_grid table td.row_bg3_highlight {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #c4edff;
	color: #ffffff;
	/* cursor: hand; */
	font-size : .9em; 
}

div#data_grid thead th {
	position: relative;
	border: 1px solid #ffffff; /* gridline color */
	padding: 3px;
	/* reposition headers up a bit to hide content scrolling up above header */
	top: expression(document.getElementById("data_grid").scrollTop); 
}

div.list_content_table table th {
color : #ffffff; 
font-size : .9em; 
font-weight : bold;
}

div.list_content_table {
	/* height now defined in template because it varies */
	/* height: 400px; */
	overflow-y: scroll;
}

div.truncate_list_content {
	text-overflow: ellipsis;
	width: 100%; /* width minus the padding-left we have used on this element */
	overflow: hidden;
}

div.list_content_table table {
	table-layout: fixed;
	border-collapse: collapse;
	background-color: #ffffff; /* color of the grid */
}

div.list_content_table thead th {
	position: relative;
	border: 1px solid #ffffff; /* gridline color */
	padding: 3px;
	/* reposition headers up a bit to hide content scrolling up above header */
	top: expression(document.getElementById("list_content_table_div").scrollTop); 
}

div.list_content_table table tr.row_bg td{
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	cursor: hand;
	font-size : .9em;
	color: #525252;
}

div.list_content_table table tr.row_type_0 td{
	background-color: #d1f1ff;
	color: #525252;
}

div.list_content_table table tr.row_type_1 td{
	background-color: #F7FBFD;
	color: #525252;
}

div.list_content_table table tr.row_type_0_selected td{
	background-color: #c4edff;
	color: #ffffff;
}

div.list_content_table table tr.row_type_1_selected td{
	background-color: #c4edff;
	color: #ffffff;
}

div.list_content_table table tr.row_type_0_selected_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div.list_content_table table tr.row_type_1_selected_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div.list_content_table table tr.row_type_0_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div.list_content_table table tr.row_type_1_highlight td{
	background-color: #c4edff;
	color: #ffffff;
}

div.list_content_table table td.row_bg2 {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #F7FBFD;
	cursor: hand;
	font-size : .9em; 
}

div.list_content_table table td.row_bg3 {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #c4edff;
	cursor: hand;
	font-size : .9em; 
}

div.list_content_table table td.row_bg_highlight{
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #9ee2ff;
	color: #ffffff;
	cursor: hand;
	font-size : .9em; 
}

div.list_content_table table td.row_bg2_highlight {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #9ee2ff;
	color: #ffffff;
	cursor: hand;
	font-size : .9em; 
}

div.list_content_table table td.row_bg3_highlight {
	border: 1px solid #ffffff; /* gridline color */
	text-overflow: ellipsis;
	padding: 3px;
	background-color: #c4edff;
	color: #ffffff;
	cursor: hand;
	font-size : .9em; 
}

div.form_inner_content {
	/* 
	set overflow auto on y so we get scrollbar for content,
	set overflow-x to hidden - which trims any content of that div
	off to the size of the scrollbar (i.e. scrollbar eats into the content.
	Therefore, we add scrollbar width (17px) padding to right of the content
	so that only the padding of the div gets eaten by the div
	*/
	overflow-y: auto; 
	/* overflow-x: scroll;*/
	margin-left: 17px; /* make left hand margin same as right so forms look right when no scroll bar */
	/* padding-right: 17px; no longer needed as was putting in double 17px in as combined with above */
	height: 361px; 
	/* height: 381px; height is height of 'list' div + height of content_nav (400 - 19) */
	/* need this to be relative to stop things that are relative
	within it, e.g. the relative table headings in a data grid,
	staying where they are and not scrolling with page */
	position: relative; 
}
/* IE < 7 need a margin-right because of scrollbar positioning */
* html div.form_inner_content {
	margin-right: 17px; /* to move scroll bar into the right place */
}
html>body div.form_inner_content {
	padding-right: 17px;
	overflow-x: hidden;
}
div.form_inner_content_no_nav {
	/* 
	set overflow auto on y so we get scrollbar for content,
	set overflow-x to hidden - which trims any content of that div
	off to the size of the scrollbar (i.e. scrollbar eats into the content.
	Therefore, we add scrollbar width (17px) padding to right of the content
	so that only the padding of the div gets eaten by the div
	*/
	overflow-y: auto; 
	/*overflow-x: scroll;*/
	height: 380px; 
	/* height: 400px; height is height of 'list' div + height of content_nav (400 - 26) */
}
* html div.form_inner_content_no_nav {
	margin-right: 17px; /* to move scroll bar into the right place */
}
/* list_text gets the ... clipping on text and padding top and bottom pads around text
    but without causing any issues on the display: block which is designed so the hot
    'clickable' area is the whole box not just the text */
div.list_text {
	text-overflow: ellipsis;
	width: 195px; /* width minus the padding-left we have used on this element */
	overflow: hidden;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.list_container {
	width: 200px; 
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

.list_container ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.list_container a {
	display: block;
	/* padding-top: 5px;
	padding-bottom: 5px; */
	background-color : #d1f1ff;
	border-bottom: 1px solid #ffffff;
	white-space: nowrap;
	cursor: hand;
}

.list_container #active a:link, .list_container #active a:visited {
	background-color : #c4edff;
	border-bottom: 1px solid #ffffff;
	color : #ffffff; 
}

.list_container #active2 a:link, .list_container #active2 a:visited {
	background-color : #9ee2ff;
	border-bottom: 1px solid #ffffff;
	color : #ffffff; 
}

.list_container a.row_bg2 {
	background-color : #F7FBFD;
	border-bottom: 1px solid #ffffff;
}

.list_container a:link, .list_content a:visited {
	color : #525252; 
	text-decoration: none;
}

.list_container a:hover {
	background-color: #c4edff;
	color: #ffffff;
}

table.mos_content_table {
	height: 420px;
	/* height: 440px; */
}


table.mos_content_table_no_data {
	height: 382px;
	/* height: 402px; */
	border: 1px solid #007CCC;
}


table.form_inner_content_table {
	height: 354px;
	/* height: 374px; height is height of 'list' div + height of content_nav (400 - 26) */
	width: 100%;
	border-bottom: 1px solid #0391cc;
	border-left: 1px solid #0391cc;
	border-right: 1px solid #0391cc;
}

table.form_inner_content_table_no_nav {
	height: 380px; 
	/* height: 400px; */
	width: 100%;
	border-top: 1px solid #0391cc;
	border-bottom: 1px solid #0391cc;
	border-left: 1px solid #0391cc;
	border-right: 1px solid #0391cc;
}

div.list_header {
	background: #c4edff;
	padding: 2px;
	/* height: 15px; */
}
div.content_header {
	background: #c4edff;
	padding: 2px;
}
div.content {
	background: #ffffff;
	float: right;
	width: 100%;
	/* border: 2px solid red; */
}
div.page {
	background: #ffffff;
}
div.template_layout_border1{
	margin: 5px;
	background: #d1f1ff;
}
div.template_layout_border2{
	margin: 5px 5px 5px 5px;
	background: #d1f1ff;
}
div.header_pad{
	padding-top: 5px;
	background: #d1f1ff;
}
div.list_header_bar{
	/* padding-top: 5px; */
	background: #0391cc;
	border: 1px solid #ffffff;
	padding: 2px;
}
div.list_header_bar_title{
	color: #ffffff;
	font-size : small; 
	font-weight : bold;
	padding-left: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
	/* 200 - 22 - 1 - 1 -2 -2 -3 */
	width: 169px; /* width of list minus image width of close image and padding and border of bar and padding left of this element*/
}
div.list_header_bar_title a:link, div.list_header_bar_title a:visited {
	color: #ffffff;
	font-size : small; 
	font-weight : bold;
	padding-left: 3px;
	text-overflow: ellipsis;
	text-decoration: none;
	overflow: hidden;
	/* 200 - 22 - 1 - 1 -2 -2 -3 */
	width: 169px; /* width of list minus image width of close image and padding and border of bar and padding left of this element*/
}

.mos_list_row1 {
background : #d1f1ff; 
color : #525252; 
cursor: hand;
font-size : .9em; 
} 
.mos_list_row1_highlight {
background : #9ee2ff; 
color : #ffffff; 
cursor: hand;
font-size : .9em; 
} 
.mos_list_row2 {
background : #F7FBFD; 
color : #525252; 
cursor: hand;
font-size : .9em; 
} 
.mos_list_row2_highlight {
background : #9ee2ff; 
color : #ffffff; 
cursor: hand;
font-size : .9em; 
}
div.content_nav{
	background: #d1f1ff;
}
ul#content_navlist {
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0px;
	white-space: nowrap;
	line-height: 19px; 
	border-bottom: 1px solid #0391cc; 
}
#content_navlist li {
	display: inline;
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}
#content_navlist a {
	font-weight : normal;
	font-size : 0.9em; 
	padding: 0px;
	margin: 0px;
}
#content_navlist a:link, #content_navlist a:visited {
	color: #ffffff;
	background-color: #0391cc;
	text-decoration: none;
	padding: 2px 12px 2px 12px;  /* left and right controls padding around text, the top and bottom needs to be exact */
	margin-right: 2px; /* spacing between tabs */
	border-top: 1px solid #0391cc;
	border-left: 1px solid #0391cc;
	border-right: 1px solid #0391cc;
	border-bottom: 1px solid #0391cc; 
}
#content_navlist .active_tab a:link, #content_navlist .active_tab a:visited {
	color: #0391cc;
	background-color: #ffffff;
	text-decoration: none;
	border-top: 1px solid #0391cc;
	border-left: 1px solid #0391cc;
	border-right: 1px solid #0391cc;
	border-bottom: 2px solid #ffffff; /* set to white to hide bg line + set to 2px so don't get a 1px white gap */
	/* border-collapse: collapse; */
	/* border-bottom-style: hidden; */
}
#content_navlist .inactive_tab a:link, #content_navlist .inactive_tab a:visited, #content_navlist .inactive_tab a:hover {
	color: #84daff;
	background-color: #9ee2ff;
	text-decoration: none;
	border-top: 1px solid #9ee2ff;
	border-left: 0px solid #9ee2ff;
	border-right: 0px solid #9ee2ff;
	border-bottom: 1px solid #0391cc;
	cursor: default;
}
#content_navlist a:hover {
	color: #ffffff;
	background-color: #036c99;
	text-decoration: none;
	border-top: 1px solid #036c99;
	border-left: 1px solid #036c99;
	border-right: 1px solid #036c99;
	border-bottom: 1px solid #0391cc;
}
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: nowrap;
	height: 28px;
	line-height: 28px;
}
#navlist li {
	display: inline;
	list-style-type: none;
	/* border-right: 1px solid #ffffff; */
}
#navlist a {
	font-weight : bold;
	text-shadow: black 3px 3px 5px;
	font-size : 1.1em; 
	padding: 2px 10px;
}
#navlist div.left_nav_bg {
	width: 3px;
	height: 28px;
	display: inline-block;
	position: relative;
	list-style-type:none;
	float: left;
}
#navlist div.left_nav_bg_active {
	background: url("/mytrainingexpert/images/interface/application_header_hilite_l.gif") no-repeat center left;
}
#navlist div.middle_nav_bg {
	height: 28px;
	display: inline-block;
	position: relative;
	list-style-type:none;
	float: left;
}
#navlist div.middle_nav_bg_active {
	background: url("/mytrainingexpert/images/interface/application_header_hilite.gif") repeat-x center left;
}

#navlist div.right_nav_bg {
	width: 3px;
	height: 28px;
	display: inline-block;
	position: relative;
	list-style-type:none;
	float: left;
}

#navlist div.right_nav_bg_active {
	background: url("/mytrainingexpert/images/interface/application_header_hilite_r.gif") no-repeat center left;
}

#navlist div.nav_divider {
	padding-left: 10px;
	padding-right: 10px;
	width: 1px;
	height: 28px;
	background: url("/mytrainingexpert/images/interface/application_header_divider.gif") no-repeat center center;
	display: inline-block;
	position: relative;
	list-style-type:none;
	float: left;
}

#navlist a:link, #navlist a:visited {
	color: #ffffff;
	text-decoration: none;
}
#navlist #active a:link, #navlist #active a:visited {
	color: #ffffff;
	text-decoration: none;
	background: url("/mytrainingexpert/images/interface/application_header_hilite.gif") no-repeat top left;
}
#navlist a:hover {
	color: #ffffff;
	text-decoration: none;
}
.popup_table_title {
	font-weight : bold;
	text-shadow: black 3px 3px 5px;
	font-size : 1.1em; 
	padding: 2px 10px;
	color: #ffffff;
	text-decoration: none;
}