/* added styles */
#header_img
{
	width: 100%;
	height: 115px;
	background-image: url(/Upload/Trav16A/LeftHeader1bg.gif);
	background-repeat: repeat-x;
}

#header_img img.left
{
	float: left;
}
#header_img img.right
{
	float: right;
}

/* below css to 'push' everthing down to make room for the header */

table.body
{
	position: relative;
	top: 100px;
}
table.body table.body
{
	position: static;
}

/*
#OuterDiv {
position: relative; 
//offsetTop: 100px;
}
#T3SMALLIcon {
position: relative; 
//offsetTop: 100px;
}
*/


#RequiredLegend
{
	position: relative;
	top: 15px;
}
#RequiredLegend + table
{
	position: relative;
	top: 100px;
}

/* end 'push' */

/* firefox fix */
#Table1
{
	width: 75%;
}

/* end added styles */

.header
{
	font-weight: bold;
	font-size: 13px;
	color: #000000;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
}

.bodyInput
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: normal;
}

.pageBody
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
	position: absolute;
}





.dropdown
{
	/* height: 15px; */
	font-family: Verdana;
	font-size: 8pt;
	border: 1px solid #3F6FC1;
}
.dropdownExpanded
{
	font-family: Verdana;
	font-size: 8pt;
	border: 1px solid #3F6FC1;
	z-index: 100;
}

.ForceSelectWidth
{
	width: 250px;
}

.button
{
	color: #000080;
	font-family: Verdana;
	font-size: 11px;
	border: 1px solid #4682B4;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #E8E9EF;
}

.browseButton
{
	border-right: #7dc622 1px solid;
	padding-right: 2px;
	border-top: #7dc622 1px solid;
	padding-left: 2px;
	padding-bottom: 1px;
	font-size: 11px;
	border-left: #7dc622 1px solid;
	color: black;
	padding-top: 1px;
	border-bottom: #7dc622 1px solid;
	font-family: verdana;
	background-color: transparent;
}

.tableHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
}

.dataHeader
{
	font-weight: bold;
	color: #034c81;
}

.tableHeaderTitle
{
	background: #f0f0f0;
}

.tableHeaderInfo
{
}

.tableHeaderColumns
{
	border: 1px;
	border-right: 1px;
	border-style: solid;
	border-color: #000000;
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
}

.tableDataRow
{
	color: #000000;
	font-variant: normal;
	text-decoration: none;
}


.tableheaderBorder
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
	border: solid 1px #000000;
}

.tableheaderBorderDate
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #eef4e6;
	font-variant: normal;
	text-decoration: none;
}

.tableheaderBorderTopSpanner
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #d8e6fb;
	font-variant: normal;
	text-decoration: none;
	border-top: solid 1px #000000;
	border-right: solid 1px #000000;
	border-left: solid 1px #000000;
}
.tableheaderBorderLeftEdge
{
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
.tableheaderBorderRightEdge
{
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
	border-right: solid 1px #000000;
}
.tableheaderBorderMidLow
{
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
	border-bottom: solid 1px #000000;
}


.tableLabelRow
{
	font-weight: bold;
	font-size: 12px;
	color: #034c81;
	font-family: Verdana;
	height: 20px;
	background-color: #eeeeee;
	font-variant: normal;
	text-decoration: none;
}

.tableLabelRowLabel
{
	font-weight: bold;
	font-size: 12px;
	color: #034c81;
	font-family: Verdana;
	background-color: #eeeeee;
	font-variant: normal;
	text-decoration: none;
}


.evenRow
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
}

.oddRow
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #ecf4fe;
	text-decoration: none;
}

.AdminOnly
{
	background-color: #5583D3;
}
.ExpiredFull
{
	background-color: #FF0000;
}
.NotYetActive
{
	background-color: #C0C0C0;
}

.thinEvenRow
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: white;
	text-decoration: none;
}

.thinOddRow
{
	font-size: 11px;
	color: black;
	font-family: Verdana;
	background-color: #ecf4fe;
	text-decoration: none;
}
.columnborder
{
	background-color: #034c81;
	width: 1px;
}
.leftborder
{
	border-left: solid 1px #034c81;
}

.pageInstructions
{
	font-size: 9pt;
	color: black;
	font-family: Verdana;
}

.smallPageInstructions
{
	font-size: 8pt;
	color: black;
	font-family: Verdana;
}

.italicPageInstructions
{
	font-size: 9pt;
	color: black;
	font-style: italic;
	font-family: Verdana;
	text-decoration: none;
}

.pagetitle
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #034C81;
	text-decoration: none;
	height: 20px;
	background-image: url(../images/MenuBar/Default/Images/toolgrad.gif);
	border-collapse: collapse;
	border-color: #95B7F3;
	border: 1px;
}

.menuBarTitle1
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	color: #000000;
}

.menuBarTitle2
{
	font-weight: bold;
	font-size: 13pt;
	font-family: Verdana;
	color: #000000;
	vertical-align: top;
}

.FunCompany
{
	font-size: 14pt;
	font-family: 'Copperplate Gothic Bold';
}

/* Date Chooser */
.InfraDateChooser
{
	border-right: gray thin solid;
	border-top: gray thin solid;
	font-size: 11px;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
	font-family: comic;
	height: 10px;
	background-color: white;
}

.InfraDateChooserDropDown
{
	border-right: gray thin solid;
	border-top: gray thin solid;
	font-size: 11px;
	border-left: gray thin solid;
	border-bottom: gray thin solid;
	font-family: comic;
	height: 10px;
	background-color: white;
}

.InfraDateChooserCalendar
{
	font-size: 8px;
	color: gray; /*color: #034c81;*/
	font-family: Verdana;
	height: 10px;
	background-color: white;
}

/* form layout */
.formlayoutheading
{
	font-weight: normal;
	font-size: 10px;
	background-image: url(../images/MenuBar/Default/Images/partgrad.gif);
	color: #034c81;
	font-family: Verdana;
	height: 20px;
}
.layoutcolumn
{
	font-size: 12px;
	color: #034c81;
	font-style: italic;
}
a.formlayoutheading:link
{
	color: #034C81;
	text-decoration: underline;
}
a.formlayoutheading:visited
{
	color: #034C81;
	text-decoration: underline;
}
a.formlayoutheading:hover
{
	text-decoration: none;
	color: #034C81;
}

/* navigation */
a.nav:link
{
	font-family: Verdana;
	color: #3366CC;
	font-size: 11px;
	text-decoration: underline;
}

a.nav:visited
{
	font-family: Verdana;
	font-size: 11px;
	color: #3366cc;
	text-decoration: underline;
}

a.nav:active
{
	font-family: Verdana;
	color: #3366CC;
	font-size: 11px;
	text-decoration: underline;
}
a.nav:hover
{
	font-family: Verdana;
	color: #579609;
	font-size: 11px;
	text-decoration: none;
}


/* Rules Section */

.tableMessageHeader
{
	font-weight: bold;
	font-size: 13px;
	color: #034c81;
	font-family: Verdana;
	height: 25px;
	background-color: #ccff99;
	font-variant: normal;
	text-decoration: none;
}

.message
{
	font-weight: bold;
	font-style: italic;
	font-family: verdana;
	background-color: transparent;
}


.rule
{
	font-size: medium;
	color: #4682B4;
	font-style: italic;
	font-family: verdana;
}


.ruleDescription
{
	border-right: black 1px solid;
	padding-right: 5px;
	border-top: black 1px solid;
	display: none;
	padding-left: 5px;
	background: #ccff99;
	padding-bottom: 5px;
	border-left: black 1px solid;
	width: 100%;
	padding-top: 5px;
	border-bottom: black 1px solid;
}

.completedstage
{
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #32AB11;
}

.futurestage
{
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	color: #666666;
	line-height: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.currentStage
{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #32AB11;
}
.pendingStage
{
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #E70016;
}
.notapprovedstages
{
	background-color: #c0c0c0;
}
.approvedstages
{
	background-color: #32AB11;
	color: #ffffff;
}
.pendingstages
{
	background-color: #E70016;
}

.rejectedstagetitle
{
	background-color: #FFFFFF;
	color: #FF1111;
	font-size: 13pt;
	font-weight: bold;
}

.rejectedotherstages
{
	background-color: #dddddd;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Decide Page Stuff*/

.smmTitle
{
	font-family: Arial Narrow;
	font-size: 18px;
	color: #ffffff;
	line-height: normal;
}

.emsTitle
{
	font-family: Arial Narrow;
	font-size: 18px;
	color: #000000;
	line-height: normal;
}
.emsBody
{
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	line-height: normal;
}
.smmBody
{
	font-family: Verdana;
	font-size: 10px;
	color: #ffffff;
	line-height: normal;
}
.emsText
{
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
	line-height: normal;
}
.smmText
{
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
	line-height: normal;
}

/*  Menu Styles */

.mTD
{
	background-image: url( '../images/MenuBar/Default/Images/topgrad.gif' );
	border-bottom: #000000;
	border-bottom-width: thin;
}
img
{
	background: none;
}

#fixme
{
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	position: absolute;
	left: 0px;
	top: 0px;
}

div#fixme
{
	/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
	position: fixed;
}

table#fixme
{
	/* IE5.5+/Win - this is more specific than the IE 5.0 version */
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) +  'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) +  'px' );
}


TD.InteriorBox
{
	border-top: black 1px solid;
	background: #ecf4fe;
	border-bottom: black 1px solid;
}
TD.InteriorBoxOdd
{
	border-top: black 1px solid;
	background: #ffffff;
	border-bottom: black 1px solid;
}

TD.Box
{
	border: black 1px solid;
	background: #ecf4fe;
	border-bottom: black 1px solid;
}
.evenrowNoPad
{
	background: #ffffff;
}
.oddrowNoPad
{
	background: #ecf4fe;
}


#tabs1
{
	float: left;
	width: 650px;
	background: #ffffff;
	font-size: 93%;
	line-height: normal;
	border-bottom: 1px solid #BCD2E6;
}
#tabs1 ul
{
	margin: 0;
	padding: 10px 10px 0 50px;
	list-style: none;
}
#tabs1 li
{
	display: inline;
	margin: 0;
	padding: 0;
}
#tabs1 a
{
	float: left;
	background: url( "/Upload/Trav16A/tableft1.gif" ) no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
#tabs1 a span
{
	float: left;
	display: block;
	background: url( "/Upload/Trav16A/tabright1.gif" ) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span
{
	float: none;
}
/* End IE5-Mac hack */
#tabs a:hover span
{
	color: #627EB7;
}
#tabs1 a:hover
{
	background-position: 0% -42px;
}
#tabs1 a:hover span
{
	background-position: 100% -42px;
}

#tabs1 .current a
{
	background-position: 0% -42px;
}
#tabs1 .current a span
{
	background-position: 100% -42px;
}

/* the div that holds the date picker calendar */
.dpDiv
{
}

/* the table (within the div) that holds the date picker calendar */
.dpTable
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR
{
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR
{
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR
{
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR
{
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD
{
	border: 1px solid #ece9d8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover
{
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD
{
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD
{
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD
{
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD
{
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText
{
	font-size: 12px;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight
{
	color: #4060ff;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

/* Menus */

#titlebar_div
{
	top: 140px;
}

#header_img
{
	position: absolute;
	top: 22px;
	left: 0px;
}

#menubar
{
	height: 23px;
}

#menu_nav
{
	border-top: none;
	border-bottom: none;
	border-right: none;
	border-left: solid 1px #000000;
	margin: 0;
}

#menu_nav li
{
	background: #e6e6fa;
	border-right: solid 1px #000000;
	border-top:  solid 1px #000000;
	border-left: none;
	border-bottom:  solid 1px #000000;
	width: 95px;
}

#menu_nav li a
{
	color: #000080;
	background: transparent;
	text-align: center;
}

#menu_nav li:hover, #menu_nav li a:hover
{
	background-color: #d8bfd8;
}

#menu_nav li ul li.hassubmenu, #menu_nav li ul li.hassubmenu a:hover
{
	background-image: url(/Upload/Trav16A/RightArrow.gif);
	background-position: right;
	background-repeat: no-repeat;
}


#menu_nav li ul
{
	background: #ebeced;
	border-top: solid 1px #cccccc;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin: 1px 0px 0px -42px;
}

#menu_nav li ul li
{
	border-top: none;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}

#menu_nav li ul li a
{
	text-align: left;
}

#menu_nav li ul li a:hover
{
	background-color: #b0c4de;
}

#menu_nav li.logoutmenu, #menu_nav li.logoutmenu a
{
	float:right;
	padding-right:10px;
	border:none;
	background:transparent;
	color:#ffffff;
	text-align: right;
}

#menu_nav li.logoutmenu a:hover
{
	background-color: Transparent;
}