body {
  margin: 0;
  padding: 0;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 0.9em;
}

a
{
	color:#46aaa8;
	text-decoration:none;
}

a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.headerspace
{
	font-family: 'Arial Rounded MT Bold', Arial, Verdana, Helvetica, sans-serif;
	background-image: url('../images/tracker_title_bg.png');
	background-repeat: repeat-x;
	width: 100%;
	height:85px;
}

.headerlogo {
	float: left;
	margin: 0px 0px 0px 0px;
	background: url('../images/tracker_title.jpg') 0 0px;
	width: 454px;
	height: 85px;
}

.headerinfo 
{
	float:right;
	color:#FFFFFF;
	margin:5px 10px 5px 5px;
}

.headerinfo a
{
	color:#FFFFFF;
}


.bannerspace
{
	background-image: url('../images/nav_banner_bg.png');
	background-repeat: repeat-x;
	width: 100%;
	height:30px;
}

.bannernavleft 
{
	float:left;
	padding:7px 0px 0px 7px;
	color:#FFFFFF;
	width:58%;
}

.bannernavleft a
{
	color:#FFFFFF;
}

.bannernavright
{
	float:right;
	padding:7px 7px 0px 0px;
	color:#FFFFFF;
	text-align:right;
	width:40%;
}

.bannernavright a
{
	color:#FFFFFF;
}

.bannersearch 
{
	float:left;
	color:#336666;
	margin: 5px 0px 0px 0px;
	width:25%;
	text-align:right;
}

.search_butt 
{
	display: inline;
	margin-left:5px;
}

.bannerright
{
	float:right;
	color:#FFFFFF;
	margin: 8px 3px 0px 0px;
	text-align:right;
}

.mainmenu 
{
	float:left;
	width:20%;
	margin: 8px 8px 5px 5px;
}

.mainmenutitle 
{
	color:#117864;	
	font-size:1.1em;
}

.mainmenutext a
{
	color:#46aaa8;
	text-decoration:none;
}

.mainmenutext a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.mainmenuhl
{
	display:block;
	width:175px;
}	

.mainmenuhl a
{
	color:#46aaa8;
	text-decoration:none;
}

.mainmenuhl a:hover
{
	color:#CC3333;
	text-decoration:underline;
}


.clear {font-size: 1px; height: 1px} 

.blfill {width: 100%;min-height:75px; padding-top:5px;padding-left:5px;padding-bottom:5px;background-color:#F2F9F9}
.blfill img{padding:0px 0px 0px 0px;}

.nofill {width: 100%;min-height:75px; padding-top:5px;padding-left:5px;padding-bottom:5px;}
.nofill img{padding:0px 0px 0px 0px;}

.imgmainmenu 
{
	float:left;
	margin: 1px 8px 2px 0;
	display: inline;
}

.hlmenu
{
	display:block;
}

.maincontent 
{
	float:left;
	width:75%;
	margin:8px 2px 8px 5px;	
}

.homecontent 
{
	width:98%;
	margin:8px 2px 8px 5px;
	margin-left: auto; margin-right: auto;
}

.pagebox {
    width: 100%;
    padding: 7px;    
}


.contentbox
{
	margin: 0 auto;
    color: #000000;
    width: 99%;
    padding: 7px;
    text-align: left;
}

.contentboxtemp
{
	margin: 0 auto;
    color: #000000;
    width: 99%;
    padding: 8px;
    text-align: left;
    border: 1px solid #8dc7c7;
}

.printtitle
{
    display:none;
}

.contenttitle
{
	color:#336666;	
	font-size:1.1em;
	padding-top:3px;	
	padding-bottom:4px;	
}

.contenttitle a
{
	color:#336666;
	text-decoration:none;
}

.contenttitle a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.contenttitleunder
{
	color:#336666;	
	font-size:1.2em;
	padding-top:3px;	
	padding-bottom:3px;	
	border-bottom: 1px solid #8dc7c7;
}

.contenttitleunder a
{
	color:#46aaa8;
	text-decoration:none;
}

.contenttitleunder a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.contentdivider
{
	border-bottom:solid 1px #46aaa8;
}

.content_contrast
{
    border: 1px solid #ffd324;
    color:#666666;
	padding:5px;
	margin-bottom:2px;
}


.contentsubtitle
{
	color:#336666;	
	font-size:1.1em;
	padding-top:3px;	
	padding-bottom:1px;	
}


.contentselect
{
	margin-bottom:10px;
}

.contentlink
{
	color:#336666;	
	padding-top:1px;	
	padding-bottom:1px;
}

.contentlink a
{
	color:#46aaa8;
	text-decoration:none;
}

.contentlink a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.contenttext
{
	color:#666666;	
	padding-top:1px;	
	padding-bottom:1px;
}

.contenttext a
{
	color:#46aaa8;
	text-decoration:none;
}

.contenttext a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.contentsmall
{
	color:#666666;
	font-size:0.8em;
	padding-top:1px;	
	padding-bottom:1px;
}

.contentsmallbott
{
	color:#666666;
	font-size:0.8em;
	padding-top:1px;	
	padding-bottom:5px;
}

.contentfullwidth
{
	float:left;
	width:100%;
}

.contentcenter
{
	width:700px;
	margin-left: auto; margin-right: auto;
}

.contentcol
{
	float:left;
	width:49%;
}

.contentcolpadding
{
	float:left;
	width:2%;
}

.contentcolnarrow
{
	float:left;
	width:28%;
	margin: 16px 10px 8px 0px;
}

.contentcolwide
{
	float:left;
	width:68%;
	margin: 16px 10px 8px 0px;
}

.homeboxhalf
{
	margin: 0 auto;
    color: #000000;
    padding: 7px;
    text-align: left;
    background-color:#F5FAFA;
    min-height:125px;
}

.homebox
{
	margin: 0 auto;
    color: #000000;
    width: 99%;
    padding: 7px;
    text-align: left;
    background-color:#F5FAFA;
}

.header1
{
	font-family: 'Arial Rounded MT Bold', Arial, Verdana, Helvetica, sans-serif;
	font-size:1.2em;
	color:#336666;	
	padding-bottom:2px;
	padding-left:2px;
}

.contenthelp
{
	width:100%;
	min-width:100%;	
	padding-top:3px;	
	padding-bottom:6px;
	color:#666666;
}

.contenthelplarge
{
	width:100%;
	min-width:100%;	
	color:#666666;
	font-size:1.1em;
	padding-top:3px;
	padding-bottom:6px;
}

.minwidth
{
	min-width:99%;
	width:99%;
}

.contentmess_container
{

	background-color:#ffffff;
	margin-top:2px;
	margin-bottom:2px;
}

.contentfeedback
{
	color:#666666;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
    border:solid 2px #fff6bf;
	background-color:#ffffff;
	margin-top:3px;
	margin-bottom:3px;
	font-size:1.3em;
}

.contenterror
{
	color:#666666;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:10px;
    border:solid 2px #fff6bf;
    background-color:#fdf7d4;
	margin-top:3px;
	margin-bottom:5px;
	font-size:1.3em;
}

.textboxhelp
{
	color:#999999;
}

.textboxerror
{
	background-color:#fff6bf;
}

.helpdiv{
	font-size:0.9em;
}

.buttonerror
{
	background-color:#ff0000;
}

.labelerror
{
	font-weight:bold;
}

.labelerrorred
{
	color:#DC143C;
}

.lnkerrorred
{
	color:#DC143C;
}

.fielderror
{
	background-color:#F2F9F9;
}

.helpbox
{
	margin: 0 auto;
    color: #000000;
    width: 95%;
    padding: 10px;
    text-align: left;
    border: 1px solid #8dc7c7;
    min-height: 220px;
}


.errortext
{
	color:#666666;	
	font-style:italic;
	padding-top:7px;	
	padding-bottom:1px;
}

.fullgrid
{
	width:100%;
	min-width:100%;
	margin-top:5px;
	margin-bottom:2px;
	
	font-size:0.9em;
}

.fullgrid th
{
	padding:4px;
	background-color:#8DC7C7;
	color:#F5FAFA;
	text-align:left;
}

.fullgrid th a
{
	color:#ffffff;
}

.fullgrid td
{
	padding:4px;
	border-bottom:1px solid #FFFFFF;
	background-color:#F5FAFA;
}

.fullgridpager td
{
	border-bottom:0px;
}

.fullgridpager a
{
}

.minigrid
{
    border-collapse:collapse;
    padding:3px;
    width:100%;
    min-width:100%;
    margin-top:2px;    
}

.minigridtitle
{
   padding:3px;

}

.minigrid .tdwhite
{
    padding:3px;
    border:solid 2px #F5FAFA;
    background-color:#fff;
}

.editrow
{
	min-width:600px;
	margin-top:10px;
	margin-bottom:10px;
}

.datatable
{
	padding-bottom:25px;
}

.datalabel
{
	float:left;
	width:24%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	margin-top:2px;
	margin-right:2px;
	background-color:#F5FAFA;
	color:#336666;
	height:20px;
}

.datafield
{
	float:left;
	width:74%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	margin-top:2px;
	background-color:#F5FAFA;
	height:20px;
}

.databuttons
{
	width:100%;
	min-width:100%;	
	padding-top:15px;
	padding-bottom:0px;
}

.gridbuttons
{
	padding-top:10px;
	padding-bottom:8px;
}


.helptable
{
	width:100%;
	min-width:100%;
	border-collapse:collapse;
}

.helptable td
{
	padding-top:5px;
	padding-bottom:5px;
	text-align:left;
}


.fixedwidth
{
    max-width:100%;
    min-width:100%;
}
.edittable
{
   width:480px;
   border-collapse:collapse;
   text-align:left;
   margin:0px; 
}

.edittable th
{
    color:#336666;
    border-bottom:1px solid #8DC7C7;
    text-align:left;    
    padding:2px 2px;
}

.edittable td
{
    color:#336666;
    padding:10px 5px 5px 5px;
}

.panelstyle
{
	margin-top:5px;
	margin-bottom:5px;
}

.panelstyle2
{
	margin-top:2px;
	margin-bottom:2px;
    border:1px solid #8DC7C7;
    padding:5px;
}

.panelstyleseparate
{
	margin-top:0px;
	margin-bottom:5px;
}

.alert 
{
	background: #fff6bf url('images/alert.png') no-repeat 80px 50%;
	text-align: left;
	text-indent: 30px;	
	padding: 5px 0px 5px 0px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color:#111111;	
	font-size:0.75em;
}


.norecordslabel
{
	background-color:#FFFFFF;
	color:#8B0000;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
}

.datatitleplainleft
{
	float:left;
	width:24%;
	height:20px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
}

.datatitleplainright
{
	float:left;
	width:75%;
	height:20px;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
}

.datalabelplain
{
	float:left;
	width:24%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
	height:20px;
}

.datalabelplainmultiline
{
	float:left;
	width:24%;
	min-height:57px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	border-bottom:2px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
	height:20px;
}

.datafieldplain
{
	float:left;
	width:75%;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	border-bottom:2px solid #fff;
	background-color:#F5FAFA;
	height:20px;
	z-index:0;
}

.datafieldplainmultiline
{
	float:left;
	width:75%;
	min-height:57px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	border-bottom:2px solid #fff;
	background-color:#F5FAFA;
	height:20px;
	z-index:0;
}

.datafieldelement
{
	
	color:#336666;
	padding-left:3px;
}

.pagingright
{
	text-align:right;
	padding: 5px 10px 10px 5px;
}

.listboxcol
{
	background-color:#F5FAFA;
}

.loginbox {
	margin: 0 auto;
	color: #000000;
	width: 95%;
	padding: 10px;
	text-align: left;
	border: 1px solid #8dc7c7;
	min-height: 220px;
}

.logintitle
{
	color:#336666;	
	font-size:1.3em;
	padding-top:5px;	
	padding-bottom:5px;

}

.loginsubtitle
{
	font-size:1.2em;
	color:#666666;	
	padding-bottom:10px;
}

.loginsubtitle a
{
	text-decoration:none;
}

.loginsubtitle a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.loginwarning
{
	font-size:1.0em;
	color:#666666;	
	padding-bottom:10px;
	font-weight:bold;
}

.loginmessage
{
	color:#666666;	
	padding:2px;
}


.imglogin 
{
	margin: 1px 8px 2px 0;
	display: inline;
}

.loginleft 
{
	float:left;
	width:12%;
	min-height:180px;
}

.loginright
{
    float:right;
	width:87%;
	min-height:140px;
}

.logintable
{
    margin-top:5px;
	width:80%;
	min-width:80%;
	border-collapse:collapse;
}

.logintable .logintablecol1
{
	padding-top:3px;
	padding-bottom:3px;

	color:#336666;
	width:30%;
	vertical-align:top;
}

.logintable .logintablecol2
{
	padding-top:3px;
	padding-bottom:3px;
	color:#336666;
	width:68%;
	vertical-align:top;
}

.listsearchprompt
{
	color:#666666;
	font-style:italic;	
	padding-bottom:2px;
}

.filtertitle
{
	padding: 3px 0px 3px 0px;
	color:#336666;	
	font-size:1.1em;
	border-bottom:solid 1px #8DC7C7;
	background-color:#8DC7C7;
	color:#FFFFFF;
}

.filterhelp
{
	padding: 3px 0px 3px 0px;
	color:#336666;	
	font-size:smaller;
}

.filterrecords
{
	margin-bottom:0px;
	background-color:#F5FAFA;
}

.filterfields
{
	padding: 3px 0px 3px 5px;
	font-size:0.9em;
}

.filterbuttons
{
	padding: 3px 2px 5px 5px;
}

.inlinebutton
{
	margin-left:1px;
}

.leftbuttons
{
	padding-top:8px;	
}

.gridview 
{
	float:left;
	width:97%;
	padding-top:5px;
	padding-bottom:5px;
}

.datepicker
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	position:absolute;
	z-index:2;
}

.calendarcontrol .ajax__calendar_container
{
	background-color:white;
	border:solid 1px silver;
	z-index:2;
}

.calendarcontrol .ajax__calendar_body
{	
	background-color:white;
	height: 115px;
}

.calendarcontrol .ajax__calendar_title
{	
	height:18px;
}

.calendarcontrol .ajax__calendar_footer 
{	
	font-size: 0.8em;
}

.calendarcontrol .ajax__calendar_next
{	
	width:25px;
	height:18px;
}

.calendarcontrol .ajax__calendar_prev
{	
	width:25px;
	height:18px;
}

.calendarcontrol .ajax__calendar_other
{	
	color:Gray;
}

.calendarcontrol .ajax__calendar_days
{	
	padding:1px;
}

.maskedediterror
{
	color:#DC143C;
}

.maskededitfocus
{
}

/* default layout */
.tabcontainer .ajax__tab_header {white-space:nowrap;}
.tabcontainer .ajax__tab_outer {display:-moz-inline-box;display:inline-block}
.tabcontainer .ajax__tab_inner {display:-moz-inline-box;display:inline-block}
.tabcontainer .ajax__tab_tab {margin-right:4px;overflow:hidden;text-align:center;cursor:pointer;display:-moz-inline-box;display:inline-block}

/* xp theme */
.tabcontainer .ajax__tab_header {font-family:Arial, Verdana, Helvetica, sans-serif;font-size:1.0em;background:url("../images/tab-line.gif") repeat-x bottom;}
.tabcontainer .ajax__tab_outer {padding-right:0px;background:url("../images/tab-right.gif") no-repeat right;height:21px;}
.tabcontainer .ajax__tab_inner {padding-left:3px;padding-right:3px;background:url("../images/tab-left.gif") no-repeat;}
.tabcontainer .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url("../images/tab.gif") repeat-x;}

.tabcontainer .ajax__tab_hover .ajax__tab_outer {background:url("../images/tab-hover-right.gif") no-repeat right;}
.tabcontainer .ajax__tab_hover .ajax__tab_inner {background:url("../images/tab-hover-left.gif") no-repeat;}
.tabcontainer .ajax__tab_hover .ajax__tab_tab {background:url("../images/tab-hover.gif") repeat-x;}
.tabcontainer .ajax__tab_active .ajax__tab_outer {
	background: url("../images/tab-active-right.gif") no-repeat right;
}
.tabcontainer .ajax__tab_active .ajax__tab_inner {background:url("../images/tab-active-left.gif") no-repeat;}
.tabcontainer .ajax__tab_active .ajax__tab_tab {background:url("../images/tab-active.gif") repeat-x;}

.tabcontainer .ajax__tab_body {
	border: 1px solid #8DC7C7;
	border-top: 0;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 12px;
	padding-bottom: 6px;
	background-color: #ffffff;
}

/* scrolling */
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}
.ajax__scroll_both {overflow:scroll}
.ajax__scroll_auto {overflow:auto}

.minitable
{
	width:100%;
	border-collapse:collapse;
	padding:2px;
}

.minitabletitle
{
	padding:4px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#FFFFFF;
	width:22%;	
}

.minitabletitlenarrow
{
	padding:4px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#FFFFFF;
	width:12%;	
}

.minitablecellnarrow
{
	padding:4px;
	border-bottom:2px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
	width:12%;
}

.minitablecell
{
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:1px solid transparent;
	background-color:#F5FAFA;
	color:#336666;	
	width:22%;	
}

.minitablecellbold
{
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:1px solid transparent;
	background-color:#F5FAFA;
	color:#336666;	
    font-size:1.2em;
}


.minitablecellwide
{
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:1px solid transparent;
	background-color:#F5FAFA;
	color:#336666;	
}

.minitablecellclear
{
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:1px solid transparent;
	color:#336666;	
	width:22%;	
}

.minitablecellclearnarrow
{
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:1px solid transparent;
	color:#336666;	
	width:12%;	
}

.minitablecellblank
{
	background-color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
}

.leave_minitable
{
	width:100%;
	min-width:100%;
	border-collapse:collapse;
}

.leave_minitabletitle
{
	padding:3px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#FFFFFF;
}

.leave_minitabletitleth
{
	padding:3px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#FFFFFF;
	font-weight:bold;
}

.leave_minitablecelltitle {
	padding: 5px 3px 5px 5px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
	border-right: 1px solid #fff;
	background-color: #F5FAFA;
	color: #336666;
	width: 24%;
}

.leave_minitablecell
{
	padding:3px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	border-right:1px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
	width:16%;
}

.leave_minitablecellnarrow {
	padding: 3px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid transparent;
	border-right: 1px solid #fff;
	background-color: #F5FAFA;
	color: #336666;
	width: 8%;
}

.buttonsmall
{
	font-size:0.9em;
}

.printgrid
{
	display:none;
}

.printlabel
{
	display:none;
}

.infogrid
{
	width:100%;
	min-width:100%;
	margin-top:0px;
	margin-bottom:2px;
	font-size:90%;
}

.infogrid th
{
	padding:4px;
	background-color:#8DC7C7;
	color:#ffffff;
	text-align:left;
}

.infogrid th a
{
	color:#ffffff;
}

.infogrid td
{
	padding:4px;
	border-bottom:1px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
	margin-right:1px;
	height:10px;
}

.infotable
{
	width:100%;
	min-width:100%;
	margin-top:2px;
	margin-bottom:2px;
}

.infolabel
{
	width:35%;
	padding:4px;
	margin-top:2px;
	margin-right:2px;
	vertical-align:top;
	background-color:#F5FAFA;
	color:#336666;
}

.infofield
{
	width:64%;
	padding:4px;
	margin-top:2px;
	vertical-align:top;
	background-color:#F5FAFA;
	color:#336666;	
}

.infocontainer
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	border:solid 1px #CCCCCC;
	color:#000000;
	font-size:95%;
}

.infotext
{
	color:#000000;	
	padding-bottom:5px;
}

.infotextsmall
{
	float:none;
	font-size:90%;
	padding-bottom:5px;
	color:#666666;
}

.highlightlabel
{
	font-weight:bold;
}

.ddlistcontainer
{
	padding-bottom:5px;
}

.calendarcontrollarge
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration: none;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	color:#336666;
	border:solid 1px silver;	
}

.calendarcontrollarge a
{
	text-decoration: none;
	color:#336666;	
}

.calendarcontrollarge_todayday 
{

}

.calendarcontrollarge_selectedday 
{
	border:solid 1px #46aaa8;
	background-color: #46aaa8;
	color:#FFFFFF;
	padding:0px;
}

.calendarcontrollarge_dayheader
{
	background-color:#FFFFFF;
	border-bottom:solid 1px silver;
}

.calendarcontrollarge_titlestyle
{
	background-color:#FFFFFF;
	font-size: 1.2em;
	font-weight:bold;	
}

.calendarcontrollarge_weekenddaystyle
{
	background-color:#F5FAFA;
}

.calendarcontrollarge_nextprevstyle
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
}

.bulletedlisthoriz
{
	color:#336666;
	margin-left: 1px;
	margin-top:4px;
	margin-bottom:0px;
	margin-right:0px;
	padding:1px;
}

.bulletedlisthoriz ul
{
	margin: 0px;
	padding: 0px;
}

.bulletedlisthoriz li
{
	display: inline;
	padding-right:5px;
	
}

.bulletedlisthoriz a
{
	background-color:#8DC7C7;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
}

.bulletedlisthoriz a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

.bulletedlist 
{
	list-style-type:disc;
	list-style-image:url('../images/go.jpg');
	color:#46aaa8;		
	text-indent: -1em;
}

.bulletedlist li
{
	padding-left:5px;
	padding-bottom:5px;
}

.bulletedlist a
{
	color:#46aaa8;
	text-decoration:none;
}

.bulletedlist a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.DontShowListSearchPrompt 
{
    display:none;
} 

/* tooltips */

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url('../images/tt_left.gif') top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url('../images/tt_top.gif') top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#CCCCCC; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url('../images/tt_bottom.gif') top right no-repeat; overflow:hidden}


/* popup div */


.screenoverlay
{
	background-color: #314462; /* The color to display*/

	/* The transparency of the background */
	opacity: .45;
	filter: alpha(opacity=45);

	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height:120%;
	min-height: 100%;

	/* Set the overlay so it appears above the page content */
	z-index: 1000;
}

.paneltable
{
	width:100%;
	min-width:100%;
	margin-top:0px;
	margin-bottom:0px;
	border-collapse:collapse;
}

.paneltable th
{
	padding:4px;
	border-bottom:2px solid #fff;
	border-right:1px solid #fff;
	border-top:0px solid transparent;
	background-color:#F5FAFA;
	color:#336666;
	font-weight:bold;
	text-align:left;		
}


.paneltable .paneltablecol1
{
	background-color:#F5FAFA;    
	color:#336666;
	padding:4px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	border-right:1px solid #fff;
	width:24%;
	vertical-align:top;
}

.paneltable .paneltablecol2
{   
	background-color:#F5FAFA;
	color:#336666;
	padding:4px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	width:74%;
	vertical-align:top;
}

.popuplabel
{
	float:left;
	width:27%;
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:0px solid transparent;
	margin-right:2px;	
	background-color:#F5FAFA;
	color:#336666;
	height:18px;
}

.popupfield
{
	float:left;
	width:68%;
	padding:4px;
	border-bottom:2px solid #fff;
	border-top:0px solid transparent;
	background-color:#F5FAFA;
	height:18px;
}


/* element box*/

.elementtext 
{
    position:relative;
    width: 100px;

	left:310px;
	top:-10px;
    border: 1px solid #66ccff;
    padding: 10px;
    color:#000;
    font-size:0.8em;
    line-height:17px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #c4eeff url('../images/hint_pointer.gif') no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.elementtext .element-image{
    position: absolute;
    left: -10px;
    top: 8px;
    width: 10px;
    height: 19px;
    background: url('../images/hint_pointer.gif') left top no-repeat;
}

.expandedcell
{
	height:5.7em;
}

.infotext 
{
    position:absolute;
    width: 373px;
    font-size:0.9em;
	margin-left:2px;
	margin-top:3px; 
	margin-bottom:2px;
	margin-right:2px;
	background-color:#ffffff;  
	padding:2px; 
	color:#336666;
}

/* sub menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
	background:#ffffff;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	padding-right:4px;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	border:solid 1px #8DC7C7;
	width:97px;
}

.popupHover {
	color:#46aaa8;
	text-decoration:none;
}	


.checkboxselect
{
	text-align:right;
}

.labelpadding
{
    padding-top:10px;
}

/* ----------------- AUTOCOMPLETE PAGE  ----------------- */
.AutoCompleteExtender_CompletionList
{
    visibility : hidden;
    border:solid 1px #444444;
    margin:0px;
    padding:0px;
    height: 100px;
    overflow:auto;
    background:#FFF;
}

.AutoCompleteExtender_CompletionListItem
{
    font-size:0.9em;
    padding:2px;
}

.AutoCompleteExtender_HighlightedItem
{
    background-color: #8DC7C7;
    color:#FFFFFF;
    font-size:0.9em;
    padding:2px;
}

a.screen, a.screen:visited 
{
    color:#000; 
    position:relative; 
    z-index:1;
}
a.screen b {
    position:absolute;
    visibility:hidden; /* hide the image */
    width:200px; /* give it a width */
    height:0; /* no height to solve an Opera bug that 
                 makes it selectable when hidden */
    border:1px solid #000; /* add a border */
    left:0; /* position:the image */
    top:-95px;
    background-color:#FFF;
}
a.screen:hover {
    text-decoration:none; 
    border:0; /* needed for this to work in IE */ 
    z-index:1000;
}
a.screen:hover b {
    visibility:visible; /* make the image visible */
    height:90px; /* now give it a height */
    cursor:pointer; /* for IE */
    z-index:500; 
}
a.screen:hover b img {
    border:0; /* remove the link border */
}

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

.labelleavetable
{
	width:100%;
	min-width:100%;
	border:none; 
	border-collapse:collapse;	
}

.labelleavetd
{
	border:1px solid #C5E2E2;
	background-color:#F5FAFA;
	color:#336666;
	text-align:center;
	padding:3px;  
	width:15px; 
}

.labelleave
{
	border:1px solid #C5E2E2;
	background-color:#F5FAFA;
	color:#336666;
	text-align:center;
	padding:4px; 
	margin-right:1px; 
	width:14%;
	display: inline-block;
}

.labelleavetitle
{
	border:1px solid #C5E2E2;
	background-color:#FFFFFF;
	color:#336666;
	text-align:center;
	padding:4px; 
	margin-right:1px; 
	width:17%;
	display: inline-block;
	font-weight:bold;	
}

.labelleaveselected
{
	font-weight:bold;
	text-decoration:underline;
	border:1px solid #C5E2E2;
	background-color:#F5FAFA;
	color:#336666;
	text-align:center;
	padding:4px;  
	margin-right:1px; 
	width:14%;
	display: inline-block;
}

.statusbox 
{
	padding-top:5px;
    padding-bottom:5px;
}

.helpindexbox 
{
	padding-top:5px;
    padding-bottom:5px;
    min-height:140px;
}

.hiddenselect
{
    display:none;
}

.linkgrid
{
	width:100%;
	min-width:100%;
	margin-top:0px;
	margin-bottom:2px;
	border-collapse:collapse;
	font-size:0.9em;
}

.linkgrid th {
	padding: 3px;
	background-color: #8DC7C7;
	color: #ffffff;
	text-align: left;
}

.linkgrid th a
{
	color:#ffffff;
	text-decoration:none;
}

.linkgridheader
{
	padding:3px;
	background-color:#8DC7C7;
	color:#ffffff;
	text-align:left;
}

.linkgridheader a
{
	color:#ffffff;
	text-decoration:none;
}

.linkgrid td
{
    padding:3px;
}

.linkgrid tr.rownolink
{
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	background-color:#F5FAFA;
	overflow:hidden;
	height:20px;
}

.linkgrid tr.row
{
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	background-color:#F5FAFA;
	overflow:hidden;
	height:20px;
}

.linkgrid tr.row:hover
{
    /*background-image: url('images/highlight.png');
    background-repeat: repeat-x;*/
    background-color:#F0C1C1;
    color: #333333;
    cursor:pointer;
}

.linkgrid tr.rowhighlight
{
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	background-color:#F5FAFA;
	overflow:hidden;
	height:20px;
	font-weight:bold;
}

.linkgrid tr.rowhighlight:hover
{
    /*background-image: url('images/highlight.png');
    background-repeat: repeat-x;*/
    background-color:#F0C1C1;
    color: #333333;
    cursor:pointer;
}

.linkgrid .SelectedRowStyle
{
    background-color:#F0C1C1;
    color: #333333;
}

.linkgridpager
{
	text-align: right;
}

.linkgridpager a
{
}

.datatablereal
{
	width:100%;
	min-width:100%;
	border-collapse:collapse;
}

.datatablereal a:hover {text-decoration:none}

.datatablereal th
{
	padding-left:3px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:1px solid #fff;
	background-color:#8DC7C7;
	color:#ffffff;
	text-align:left;
}

.datatablereal th a
{
	color:#ffffff;
}

	.datatablereal .thright {
		padding-left: 3px;
		padding-right: 4px;
		padding-top: 4px;
		padding-bottom: 4px;
		border-bottom: 1px solid #fff;
		background-color: #8DC7C7;
		color: #ffffff;
		text-align: right;
	}

	.datatablereal .thright a {
		color: #ffffff;
	}

.datatablereal th a:hover {text-decoration:none}

.datatablereal .thsub
{
	background-color:#F5FAFA;    
	color:#336666;
	text-align:left;
	padding:5px 3px 3px 3px;
	border-bottom:1px solid #fff;
}

.datatablereal .th1
{
	padding-left:3px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#ffffff;
	width:24%;
	text-align:left;
	font-weight:bold;
}

.datatablereal .th2
{
	padding-left:3px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom:2px solid #fff;
	background-color:#8DC7C7;
	color:#ffffff;
	width:74%;
	text-align:left;
}

.datatablereal .datatablerealcol1
{
	background-color:#F5FAFA;    
	color:#336666;
	padding:5px 3px 5px 5px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	border-right:1px solid #fff;
	width:24%;
	vertical-align:top;
}

.datatablereal .datatablerealcol2
{   
	background-color:#F5FAFA;
	color:#336666;
	padding:5px 3px 5px 5px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	width:74%;
	vertical-align:top;
}

.datatablereal .datatablerealcol3
{
	background-color:#F5FAFA;
	color:#336666;
    padding:5px 3px 5px 3px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	width:14%;
	vertical-align:top;
}

.datatablereal .datatablerealcol4
{
	background-color:#F5FAFA;
	color:#336666;
    padding:5px 3px 5px 3px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	width:60%;
	vertical-align:top;
}

.datatablereal .datatablerealcoleven
{
	background-color:#F5FAFA;
	color:#336666;
    padding:5px 3px 3px 3px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	width:33%;
	vertical-align:bottom;
}

.datatablereal .datatablecolnarrow
{
	background-color:#F5FAFA;    
	color:#336666;
	padding:5px 3px 3px 3px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	border-right:1px solid #fff;
	width:14%;
	vertical-align:top;
}

.datatablereal .datatablecolwide
{   
	background-color:#F5FAFA;
	color:#336666;
	padding:5px 3px 3px 3px;
	border-bottom:1px solid #fff;
	border-top:1px solid transparent;
	width:84%;
	vertical-align:top;
}

.leftoptions {
	float: left;
	width: 60%;
	color:#666666;
}

.rightoptions 
{
	float:right;
	width: 38%;
	text-align:right;
	color:#666666;
}

.optionsbox
{
	min-width:100px;
}


/* Rating */

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin-top: 3px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledStar {
    background-image: url('../images/FilledStar.png');
}

.emptyStar {
    background-image: url('../images/EmptyStar.png');
}

.savedStar {
    background-image: url('../images/SavedStar.png');
}

.filledStarBlue {
    background-image: url('../images/FilledStarBlue.png');
}

.emptyStarBlue {
    background-image: url('../images/EmptyStarBlue.png');
}

.savedStarBlue {
    background-image: url('../images/SavedStarBlue.png');
}

/* HELP */

.helpmaincontent 
{
	width:99%;
	margin:8px 8px 8px 5px;
	
}

.helpheaderspace
{
	font-family: 'Arial Rounded MT Bold', Arial, Verdana, Helvetica, sans-serif;
	background-image: url('../images/tracker_title_bg.png');
	background-repeat: repeat-x;
	width: 100%;
	height:40px;
}

.helpheadertext
{
	float: left;	
	color:#ffffff;
	font-size:1.2em;
	padding:10px 0px 10px 10px;
}

.helpheaderclose 
{
	float:right;
	color:#FFFFFF;
	padding:10px 10px 10px 10px;
}

.helpheaderclose a
{
	color:#FFFFFF;
}
.helpmainmenu 
{
	float:left;
	width:21%;
	margin: 10px 2px 5px 5px;
	padding-left:5px;
}

.helpmenutitle 
{
	color:#336666;	
	font-size:1.2em;
	padding-bottom:5px;	
}

.helpmenutext
{
	font-size: 1.1em;
	padding-bottom:7px;
}

.helpmenutext a
{
	color:#46aaa8;
	text-decoration:none;
}

.helpmenutext a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.helptitle
{
	color:#336666;	
	font-size:1.1em;
	padding-top:2px;	
	padding-bottom:2px;	
	font-weight:bold;
}

.helptitle a
{
	color:#336666;
	text-decoration:none;
}

.helptitle a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.helpsubtitle
{
	font-size:1.1em;
	color:#336666;	
	padding-top:1px;	
	padding-bottom:3px;	
	font-style:italic;
}

.helpsubtitleunder
{
	color:#336666;	
	font-size:1.1em;
	padding-top:3px;	
	padding-bottom:3px;	
}

.helpsubtitleunder a
{
	color:#46aaa8;
	text-decoration:none;
}

.helptitleunder
{
	color:#336666;	
	font-size:1.3em;
	padding-top:3px;	
	padding-bottom:3px;	
	border-bottom: 1px solid #8dc7c7;
}

.helptitleunder a
{
	color:#46aaa8;
	text-decoration:none;
}

.helptitleunder a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.helptext
{
	font-size:1.1em;
	color:#336666;	
	padding-top:1px;	
	padding-bottom:2px;
}

.helptext a
{
	font-size:1.1em;
	color:#46aaa8;
	text-decoration:none;
}

.helptext a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.helplist ul
{
	list-style-type:none;
	text-indent: -1em;
}

.helplist li
{
	padding-left:5px;
	padding-bottom:5px;
}

.helplist a
{
	color:#46aaa8;
	text-decoration:none;
}

.helplist a:hover
{
	color:#CC3333;
	text-decoration:underline;
}

.reportspace
{
    min-height:70px;
    height:70px;
}

.reportbuttons
{
	padding-top:3px;
    float: left;
    width:6%;
}

.reportbuttonstext
{
    float: right;
    text-align:left;
    padding-left:5px;
    width:93%;
}

.repeatergrid
{
	width:100%;
	min-width:100%;
	margin-top:3px;
	margin-bottom:2px;
	border-collapse:collapse;
	font-size:0.9em;
}

.repeatergrid td
{
	padding:4px;
	padding:4px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
	margin-right:1px;
}

.repeatergridtd
{
	padding:4px;
	padding:4px;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#F5FAFA;
	color:#336666;
}

.repeaterheader
{
	padding-left: 5px;
    padding-bottom: 2px;
    height:25px;
	background-color:#8DC7C7;
	color:#ffffff;
	text-align:left;
}

.hyperbutton {
	color: black;
	padding: 2px 10px 3px 20px;
	text-decoration: none;
	border: solid 1px #707070;
	background-image: url('../images/listicon.png');
	background-repeat: no-repeat;
}

.hyperbutton:hover {
	border: solid 1px Black;
}

.hyperbuttonsolid {
	background-color: #c78d8d;
	border: none;
	color: white;
	padding: 6px 6px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 2px;
	cursor: pointer;
	font-weight: normal;
}

.hyperbuttonsolid:hover {
	color: white;
	background-color: #ddbaba;
}

.hyperbuttonclear {
	color: black;
	padding: 6px 6px 6px 22px;
	text-decoration: none;
	border: solid 0px #707070;
	background-color: #eeeeee;
	background-image: url('../images/uncheckedpad.png');
	background-repeat: no-repeat;
}

.hyperbuttonclear:hover {
	background-color: #d6d6d6;
	text-decoration: underline;
}

.hyperbuttonselected {
	padding: 6px 6px 6px 22px;
	text-decoration: none;
	background-image: url('../images/checkboxselected.png');
	background-repeat: no-repeat;
	color: #333;
	background-color: #fff;
	border:0px;
}

.hyperbuttonselected:hover {
	text-decoration: underline;
}


.literalboxview {
	max-width: 100%;
	height: 500px;
	border: 1px solid #DDDDDD;
	padding: 5px;
	overflow: scroll;
}

.literalboxprint {
	display: none;
}

.greylabel {
	color: #e0e0eb;
}

.detailspanelstyle {
	margin-top: 8px;
	margin-bottom: 5px;
	border: 1px solid #C5E2E2;
}

.detailstable {
	width: 100%;
	min-width: 100%;
	padding: 2px;
	border-collapse: collapse;
}

	.detailstable .detailscol1 {
		color: #336666;
		padding: 5px 3px 3px 3px;
		width: 15%;
		vertical-align: top;
	}

	.detailstable .detailscol2 {
		color: #336666;
		padding: 5px 3px 3px 3px;
		width: 33%;
		vertical-align: top;
		margin-right: 4px;
	}

	.detailstable .detailscol3 {
		color: #336666;
		padding: 5px 3px 3px 3px;
		width: 15%;
		vertical-align: top;
	}

	.detailstable .detailscol4 {
		color: #336666;
		padding: 5px 3px 3px 3px;
		width: 32%;
		vertical-align: top;
	}

	.detailstable .colhalf {
		width: 50%;
		vertical-align: top;
	}

.paneltitle {
	padding: 3px;
	border-bottom: 2px solid #fff;
	background-color: #8DC7C7;
	color: #FFFFFF;
}

.imgsize {
	max-height: 150px;
	max-width: 500px;
	height: auto;
	width: auto;
}

/* Create two unequal columns that floats next to each other */
.titlecolumn {
	float: left;
	padding: 0px;
	width: 50%;
}

.titleright {
	text-align: right;
	font-size: 1.0em;
	color: #FFFFFF;
	padding-bottom: 2px;
	padding-left: 2px;
}

.titleright a {
	color: #FFFFFF;
	text-decoration: underline;
}

.titleright a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Clear floats after the columns */
.titlerow:after {
	content: "";
	display: table;
	clear: both;
}

.nav {
	width: fit-content;
	border: 1px solid #666;
	border-radius: 0px;
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: no-wrap;
}

.nav input {
	display: none;
}

.nav label {
	font-family: sans-serif;
	padding: 8px 8px;
	border-right: 1px solid #ccc;
	cursor: pointer;
	transition: all 0.3s;
	margin:0px 0px 0px 0px;
}

.nav label:last-of-type {
	border-right: 0;
}

.nav label:hover {
	background: #eee;
}

.nav input:checked + label {
	background: #8DC7C7;
	color:#FFFFFF;
}