/* banner */
body {
	margin:0; padding:0;
	background-color:#00FF00;
}
#containbanner {
	margin:0;
	padding:0;
	width:100%;
	background:#fff;
	height:26px;
	border-bottom:1px solid #ccc;
}
#containbanner div#bannerid {
	float:left;
}
#containbanner div#tourismid {
	float:right;
}

acronym{
	border-bottom:1px dashed #666666;
	text-decoration:none;
}
body{
	background-color:#ffffff;
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/watermark.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
p,th,td,li,dt,dd,blockquote,h4,h5,h6,legend,#print,#containutility,#tagline,#ssl p, #popup{
	font-size:x-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:small;
}
h1{
	font-size:18px;
	margin-top:40px !important;
	margin-left:10px;
}

h2{
	font-size:16px;
	voice-family:"\"}\"";
	voice-family:inherit;
}
.h3clone{
	font-size:14px;
	voice-family:"\"}\"";
	voice-family:inherit;
	margin:7px 0px 0px 0px;
	padding-left:10px;
}
h3{
	font-size:14px;
	voice-family:"\"}\"";
	voice-family:inherit;
}

#skipnav,#copyright,#ada{
	font-size:xx-small;
	voice-family:"\"}\"";
	voice-family:inherit;
	font-size:x-small;
}
#ssl img{
	float:left;
}
#ssl p{
	margin:0;
	padding:0 0 0 5px;
}
#popup{
	margin:0;
	padding:0 0 0 5px;
}

h2{
	margin-top:15px;
	padding-left:10px;
}
h4{
	font-variant:small-caps
}
h5{
	font-style:italic
}
h6{
	font-style:italic;
	font-weight:normal;
}
h3, h4, h5, h6{
	margin:7px 0px 0px 0px;
	padding-left:10px;
}
hr{
	height:1px;
	border-bottom:1px solid #bbbbbb;
	border-right:0px;
	border-top:0px;
	border-left:0px
}
table{
	font-size:1.0em;
	margin:0;
	border-collapse: collapse;
	empty-cells:show;
	background:#FFFFFF;
}
tr{
	vertical-align:top
}
th{
	padding:0
}
td{
	padding:0
}
strong{
	/* color:#000; */
	font-weight:bold
}
em{
	font-style:italic
}
form{
	margin:0;
	padding:0;
	clear:both;
}
blockquote{
	margin:10px 10px 10px 10px;
}
ol{
	margin:7px 0px 0px 48px;
}
p, dl, table, fieldset{
	margin:7px 0px 0px 10px;
}
p, li, dt, dd, blockquote{
	line-height:140%
}
label{
	vertical-align:top;
}
table{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse: collapse;
	empty-cells:show;
	background:#FFFFFF;
}
th{
	background-color:#e0effc;
}
td, th{
	padding:2px 5px 7px 5px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
ul{
	margin:7px 0px 0px 20px;
}
/*----Header----*/
#banner{
	background:#cccc99;
	border-bottom:1px solid #000000
}
#banner img{
	display:block
}
#containhead{
	margin:0px 0px 0px 0px;
	padding:2px 0px 0px 5px;
	height:75px;
}
#containhead div#siteid{
	background-image:url("/dpi/cnfd/ndfoods/includes/images/NDDPI_4 color_Horz_small.png");
	background-repeat:no-repeat;
	color:#053466;
	font-family:Arno Pro, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:34px;
	height:75px;
	padding-left:175px;
	margin:0px;
	vertical-align:middle;
	overflow: hidden;
}
#containhead div#tagline{
	float:right;
	height:75px;
}
#containhead div#skipnav{
	clear:both;
}
/*------Utility Bar----*/
#containutility{
	width:100%;
	float:left;
	background-color:#e0effc;
	border-top:2px solid #2955a0;
	border-bottom:2px solid #2955a0;
}
#containutility dt{
	border-left:1px solid #2955a0;
	display:inline;
	padding:0 2px 0 6px;
}
#containutility dt.first{
	border:0
}
#utility1{
	float:left;
	margin:0 0 0 0;
	padding:4px 5px 5px 0;
}
#utilityr{
	float:right;
	text-align:right;
	vertical-align:top;
	margin:0 0 0 0;
	padding:4px 8px 0 8px
}
#utilityr label{
	font-weight:normal;
	vertical-align:middle;
}
#utilityr input.searchbutton{
	background:#ffffff;
	border:1px solid #cdcdcd;
	font-weight:normal;
	color:#2962A0;
	vertical-align:top;
	text-decoration:none
}
/*----Content----*/
.internal-contentbkgd{
	background-color:#ffffff;
}
.content{
	border-left:1px solid #666666;
	margin:0px 0px 0px 200px;
	padding:16px 25px 15px 20px;
}
#print{
	float:right;
	text-align:right;
}

/*----Footer----*/
#containfooter{
	width:100%;
	background-color:#e0effc;
	border-top:2px solid #2955a0;
	border-bottom:2px solid #2955a0;
	float:left;
}
#containfooter dt{
	border-left:1px solid #0155a5;
	display:inline;
	padding:0 6px 0 6px;
}
#containfooter dt.first{
	border:0
}
#footerl{
	float:left;
	margin:0 0 0 0;
	padding:4px 5px 5px 0
}
#footerr{
	float:right;
	margin:0 0 0 0;
	padding:4px 5px 0 8px
}
#copyright{
	clear:both;
	padding:0 0 2px 20px;
}
#ada{
	clear:both;
	margin-top:5px;
	color:#999999;
	padding:0 0 2px 5px;
}
/*----Application----*/
.app-content{
	margin:0;
	padding:0px 25px 15px 10px;
}

.app-content2{
	margin:20px 0px 0px 0px;
	padding:15px 25px 15px 10px;
}
#ssl{
	clear:both;
	padding:3px 0 0 0;
}
select{
	height:20px
}
fieldset{
	border:1px solid #cccccc;
	padding:0 0 10px 0
}
.layouttable{
}

.layouttable th.tableheader{
	background-color:#e0effc;
}

.layouttable table {
	border:0px;
	margin:0px 0px 0px 0px;
	background:#FFFFFF;
}
.layouttable th {
	padding:0px 0px 5px 5px;
	font-weight:bold;
	border:0px;
	text-align:right;
	background-color:#FFFFFF;
	vertical-align: middle;
}
.layouttable td {
	padding:0px 0px 5px 5px;
	border:0px;
	vertical-align: top;
}
.layouttable td.label{
	text-align:right;
	font-weight:bold;
	vertical-align: top;
}

.layouttable td.vertMid{
    vertical-align:middle !important;
}

.layouttable td.labelleft{
	text-align:left;
	font-weight:bold;
	vertical-align: top;
}
.layouttable td.bordered{
	border:1px solid #ccc;
}
.layouttable td.inputBottom{
	vertical-align: bottom;
}
.layouttable strong{
	vertical-align:top;
	padding:0px;
}
.layouttable textarea{
	width:520px;
}
.layouttable input{
	padding-bottom:0px;
}
form fieldset dl{
	width:100%;
}
form fieldset dt{
	clear:both;
	width:200px;
	float:left;
	text-align:right;
}
legend{
	font-weight:bold;
	color:#000000;
	margin:15px;
}
legend.condensed {
	margin:0px;
}
.menu ol{
	list-style-type:none;
}
.menu{
	/*border:0px 0px 0px 0px;*/
	/*border-right:1px solid #cccccc;*/
	padding:0px 5px 24px 5px;
	margin:10px 0 5px 5px;
}
.menu ul{
	list-style-type:none;
}
.menu li{
	list-style-type:none;
}
.menu2{
	/*border:0px 0px 0px 0px;*/
	padding:5px 5px 5px 5px;
	margin:10px 0 15px 0;
}
.menu-admin{
	float:left;
	margin:0 15px 30px 0;
	min-width:30%;
}
.menu-admin h2{
	color:#ffffff;
	font-size:small;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:0px 5px 3px 5px;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
}
.menu-admin h3{
	font-size:small;
	border-bottom:1px solid #999;
	padding:0px 5px 3px 5px;
}
.menu-admin .contentblock{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	background:#fff;
	padding:5px 20px 10px 0px;
}
.menu-admin .workQueueBlock{
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	background:#fff;
	padding:2px 2px 2px 0px;
	font-size:12px;
}
.menulinks ul{
	list-style-type:none;
	margin:0px;
}
.menulinks li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
h2.admin{
	display:block;
	color:#FFFFFF;
	font-size:small;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:0px 5px 3px 5px;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
}
h2.adminWorkQueue{
	display:block;
	color:#FFFFFF;
	font-size:small;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	padding:0px 5px 3px 5px;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bggold.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
.warning{
	clear:both;
	font-size:small;
	border-top:1px solid #CCCCCC;
	border-right:10px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:10px solid #CCCCCC;
	background:#FFFFFF;
	padding:4px 10px;
	margin-top:10px;
}
/* begin action buttons - wrap all form action buttons with a div tag with the class button. if using two rows of buttons, each row would be wrapped with the button class div tag */

.button{
	margin:20px 0 10px 10px;
	padding:0;
}
.button.buttonNear {
    margin-top: 5px;
}
.button input, .buttonCondense input, .inputButton {
	background-color:#053466;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #bbbbbb;
	color:#ffffff;
	margin:0;
	padding:1px 4px 1px 4px;
	text-decoration:none;
}
.button input.dangerButton, .buttonCondense input.dangerButton, .dangerButton {
    background-color: #cc0000 !important;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2red.gif) !important;
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #bbbbbb;
	color:#ffffff;
	margin:0;
	padding:1px 4px 1px 4px;
	text-decoration:none;
}
input[type="button" i]:disabled{
	opacity:0.75;
}
.button input.disabled {
    opacity:0.5;
}
#delCButton {
	margin:-5px 0 10px 10px;
	padding:0;
	display: inline-block;
} 

#delCaButton, #editCaButton {
	vertical-align: top;
}
	/*.button input{
	background:#DAE6DC;
	border:1px solid #bbbbbb;
	color:#000000;
	margin:0;
	padding:1px 0 0 0;
	text-decoration:none;
}*/

.buttonCondense{
	margin:0px 0 0px 0px;
	padding:0;
}
/* td's have a 2px top and 7px bottom padding, so this version of "buttonCondense"
   compensates by using a 5px top padding to center the button within the cell */
td > div.buttonCondense{
	margin:5px 0 0px 0px;
	padding:0;
}
.condense{
   margin:0px 0 0px 0px;
   padding:0;
}
.big{
height: 27px;
}

/* clear and search buttons - wrap clear and search buttons with this unique class since they are typically located inside a fieldset. */
.buttonsearch{
	margin:10px 0 10px 10px;
	padding:1px 4px 1px 4px;
}
.buttonsearch input{
	background-color:#433d37;
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #bbbbbb;
	color:#ffffff;
	margin:0;
	padding:1px 4px 1px 4px;
	text-decoration:none;
}

/* buttons used to act on a selected group of search results.*/
.buttonresults{
	margin:3px 0 0px 0px;
	padding:0;
}
.buttonresults input{
	background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #bbbbbb;
	color:#ffffff;
	margin:0;
	padding:1px;
	text-decoration:none;
}
.buttonMaxResultsWarning{
	margin:-10px 0 10px 40px;
}


/* begin error message - wrap error message block with error id div - use p tag for first sentance and ol-li tags for each individual error message */

.errorNote, .errorNoteModal {
  color:#FF0000;
}
.warningNote, .warningNoteModal {
  color:#DD7500;
}
.messageNote, .messageNoteModal {
  color:#0000FF;
}
.errorNote, .warningNote, .messageNote {
	background:#ffffff;
	margin:7px 0 0 0;
	padding:0;
}
.errorNoteModal, .warningNoteModal, .messageNoteModal {
	margin:7px 0 0 0;
	padding:0;
}
.errorNote p, .warningNote p, .messageNote p,
.errorNoteModal p, .warningNoteModal p, .messageNoteModal p {
	font-weight:bold;
	line-height:150%;
	margin:0 0 0 20px;
	padding:0;
}
.errorNote ol, .errorNote ul, .warningNote ol, .warningNote ul, .messageNote ol, .messageNote ul,
.errorNoteModal ol, .errorNoteModal ul, .warningNoteModal ol, .warningNoteModal ul, .messageNoteModal ol, .messageNoteModal ul {
	list-style-type:disc;
	line-height:150%;
	margin:0 0 0 50px;
	padding:0;
}
.errorNote li, .warningNote li, .messageNote li,
.errorNoteModal li, .warningNoteModal li, .messageNoteModal li {
	margin:0;
	padding:0;
}






.content table tr td {
	border:1px solid #BCD6C3;
}
.content table tr td {
	background-color:#DDE8FD;
	border-bottom:1px solid #BCD6C3;
	font-size:1.1em;
	margin-top:0px;
	padding:1px 5px 2px 5px;
}
.content table tr td {
	margin:0px 5px 5px 5px;
}
.date span{
	padding:0 0 10px 0;
}
.radio span{
	font-weight:normal;
}/* mostly header styles */
/* unique to the bar that flows accross application pages and usually houses the main menu, user id, and logout */

#footnote{
	background:#efefef none;
	border:#ccc 1px solid;
	font-size:x-small;
	margin:0px 0px 10px 0px;
	padding:1px 5px 2px 5px
}
.secondMealsNote{
	font-size:x-small;
	font-style:italic
}
a.popup {
	padding-top:4px;
	padding-right:19px;
	margin-right:0px;
	position:relative;
	white-space:nowrap;
	background-image:url(/images/popup.gif);
	background-position:right;
	background-repeat:no-repeat;
}
a.popupsmall{
	padding-top:4px;
	padding-right:12px;
	margin-right:0px;
	position:relative;
	white-space:nowrap;
	background-image:url(/images/popup.gif);
	background-position:right;
	background-repeat:no-repeat;
}

/* The main calendar widget.  DIV containing a table. */

.calendar {
	position: relative;
	display: none;
	border-top: 2px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;
	font-size: 5px;
	color: #000;
	cursor: default;
	background: #d4d0c8;
	font-family: tahoma,verdana,sans-serif;
}

.calendar table {
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	font-size: 5px;
	color: #000;
	cursor: default;
	background: #d4d0c8;
	font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;
	padding: 1px;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
}

.calendar .nav {
	background: transparent url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;
	padding: 1px;
	border: 1px solid #000;
	background: #848078;
	color: #fff;
	text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #000;
	padding: 2px;
	text-align: center;
	background: #f4f0e8;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
	border-top: 2px solid #fff;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	border-left: 2px solid #fff;
	padding: 0px;
	background-color: #e4e0d8;
}

.calendar thead .active { /* Active (pressed) buttons in header */
	padding: 2px 0px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	background-color: #c4c0b8;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	padding: 1px 3px 1px 1px;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	padding: 2px 2px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
}

.calendar tbody td.selected { /* Cell showing selected date */
	font-weight: bold;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	padding: 2px 2px 0px 2px;
	background: #e4e0d8;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
	font-weight: bold;
	color: #00f;
}

.calendar tbody .disabled {
	color: #999;
}

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #f4f0e8;
	padding: 1px;
	border: 1px solid #000;
	background: #848078;
	color: #fff;
	text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	padding: 1px;
	background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	padding: 2px 0px 0px 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	position: absolute;
	display: none;
	width: 4em;
	top: 0px;
	left: 0px;
	cursor: default;
	border-top: 1px solid #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #fff;
	background: #e4e0d8;
	font-size: 90%;
	padding: 1px;
	z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}

.calendar .combo .label-IEfix {
 	width: 4em;
}

.calendar .combo .active {
	background: #c4c0b8;
	padding: 0px;
	border-top: 1px solid #000;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
}

.calendar .combo .hilite {
	background: #048;
	color: #fea;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
#tabber{
margin-top:1em;
margin-bottom:1em;
}
.tabberlive .tabbertab{
background-color:#fffbfb;
padding-right:3px;
  /*
 height:500px;
 overflow:auto;
  */
}
.tabbernav a, .tabbernav a:link, .tabbernav a:visited{
text-decoration:none;
}
.tabberlive .tabbertab h3 {
display:block;
}
 /*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up
 --------------------------------------------------*/

div.tabber {
background-color:#fff;
}

.tabberlive {
 margin-top:1em;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/

ul.tabbernav{
margin:0;
padding:0 0 1px 0;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
ul.tabbernav li{
list-style: none;
margin: 0;
display: inline;
}
ul.tabbernav li a{
 padding: 1px 0.5em;
 margin-left: 3px;
 border-top: 1px solid #aaa;
 border-right: 1px solid #aaa;
 border-left: 1px solid #aaa;
 background: #B3C8DB;
 font-weight:bold;
 color:#000000;
 text-decoration: none;
}
ul.tabbernav li a:link { color: #000;}
ul.tabbernav li a:visited { color: #000;}
ul.tabbernav li a:hover{
color: #000;
background: #fff;
border-color: #aaa;
}
ul.tabbernav li.tabberactive a{
background-color:#fff;
color:#000000;
border-bottom:none;
font-weight:bold;
border-bottom:#ffffff solid 2px;
}
ul.tabbernav li.tabberactive a:hover{
color: #000;
border-bottom:none;
background:#B3C8DB;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:10px 0 5px 5px;
 background-color:#fff;
 border-top:1px solid #aaa;
 border-right:1px solid #aaa;
 border-left:1px solid #aaa;
 border-bottom:1px solid #aaa;
 /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

table.wrap{
border:0px;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin:0px;
}
td.noborder{
border:0px;
}
#contain2column{clear:both;;overflow:auto}
#containleft{float:left;padding-right:50px;}
#containright{float:left;}
.contain2column{clear:both;;overflow:auto}
.containleft{float:left;padding-right:50px;}
.containright{float:left;}
.nowrap{
white-space:nowrap;}
.red{
color:#FF0000;}
.clear{
clear:both;}

/*-----------------------------------------------
 BEGIN MENU
----------------------------------------------- */
.menu ol{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 5px;
}
.menu li{
	padding-left:5px;
	margin-left:0px;
	list-style-type: none;
}
.menu td{
vertical-align:top;
}
.menu table, .menu td, .menu th, .menu tr {
border:none;
}
.menu h2 {
	margin:5px 0px 0px 0px;
	background-color:#F1CF74;
	padding: 0 0 2px 4px;
}
/*-----------------------------------------------
 END MENU
----------------------------------------------- */

.frame{
	margin:0px 4px 10px 30px;
	width:80%;
}
.viewer{
	width:100%;
	height:120px;
	border-style:solid;
	border-width: thin;
}
.viewerFull{
	width:100%;
	height:620px;
	border-style:solid;
	border-width: thin;
}
iframe{
	background:#F6F6EE none;
}
.dtable img{
   border:none;
}
.dtable table {
   border: 1px solid #ccc;
   margin: 5px 5px 20px 10px;
   white-space: nowrap;
   background:#FFFFFF;
}
.dtable td.comment {
   white-space: normal;
   min-width:350px;
}
.dtable td.itemDesc {
   white-space: normal;
   min-width:205px;
}
.dtable td.messageMax {
   white-space: normal;
   min-width:500px;
}
.dtable td.label{
	text-align:right;
	font-weight:bold;
	vertical-align:top;
}
.dtable td {
   font-size: .8em;
   padding: 2px 4px 2px 4px;
   text-align: left;
   vertical-align: top;
   /*      white-space: nowrap; */
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
}
.dtable table td.wrap {
	white-space:normal;
}
.dtable th {
   font-size: .8em;
   padding: 2px 4px 2px 4px;
   text-align: center;
   vertical-align: middle;
   /*     white-space: nowrap;   */
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
   background-color:#e0effc;
}
.dtable thead tr {
   background-color: #ddd;
}
.dtable th.sorted {
  /*  background-color: #cecece;  */
    border-right:1px solid #ccc;
}
.dtable th a, .dtable th a:visited {
   color: black;
   text-decoration: none
}
.dtable th a:hover {
   text-decoration: underline;
   color: black;
   background-color: transparent;
}
.dtable th.sorted a, .dtable th.sortableleft a, .dtable th.sortable a, .dtable th.order1 a, .dtable th.order2 a,{
   background-position:right center;
   /* width: 100%;   */
   margin: 0px /*12*/0px 0px 0px;
   padding-right:12px;
}

.dtable th.sortableleft {
   text-align:left;
}
.dtable th.sortable, .dtable th.centeraligned, td.centeraligned {
   text-align:center;
   vertical-align:middle;
}
.dtable th.sortable a {
        background-image: url(/dpi/cnfd/ndfoods/includes/images/arrow_off.png);
        background-repeat:no-repeat;
		background-position:right center;
		display:block;
		padding:0px 10px 0px 5px;
}
/* commented out order1 and order2 because this app uses 2 different types of sort tables
  and the non dtable version did not show the up and down arrow so to be consistent these
  were also turned off */
/* .dtable th.order1 a {
        background-image: url(/dpi/cnfd/ndfoods/includes/images/arrow_down.png);
        background-repeat:no-repeat;

}
.dtable th.order2 a {
        background-image: url(/dpi/cnfd/ndfoods/includes/images/arrow_up.png);
        background-repeat:no-repeat;

} */
.dtable tr.odd {
  background-color: #fff
}
.dtable tr.tableRowEven, .dtable tr.even {
  background-color: #eee;
}
th.leftaligned, td.leftaligned {
	text-align:left;
}
td.normal-wrap {
   white-space:normal;
}
.dtable td.centeraligned, th.centeraligned {
	text-align:center;
}
.dtable td.rightaligned, input.rightaligned, td.rightaligned, .dtable tr.rightaligned,
tr.rightaligned {
	text-align:right;
}
.dtable td.leftaligned, input.leftaligned, td.leftaligned, .dtable tr.leftaligned,
tr.leftaligned {
	text-align:left;
}
div.exportlinks {
	font-size: .9em;
	margin: 5px 5px 5px 5px;
	padding: 2px 4px 2px 4px;
}
span.export {
	padding: 0 4px 1px 20px;
	display:inline; display:inline-block;
	cursor: pointer;
}
span.excel {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_excel.png);
	background-repeat:no-repeat;
}
span.csv {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_csv.png);
	background-repeat:no-repeat;
}
span.xml {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_xml.png);
	background-repeat:no-repeat;
}
span.pdf {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_pdf.png);
	background-repeat:no-repeat;
}

/*
.searchbox{
}
.searchbox table{
	border:0px;
}
.searchbox th{
	text-align:right;
}
.searchbox td, .searchbox th{
	border:0;
	padding:2px 2px 1px 4px;
	background-color:#FFFFFF;
}
.searchbox strong{
	vertical-align:top;
	padding:0 2px 0 15px;
}
*/

.unhighlight {
}
.highlight {
	background-color:#FFFF66;
}
.highlightNegative {
   font-weight:bold;
	background-color:#FFBBBB;
}
.highlightNegativeRow td,
.highlightNegativeRow th {
  background-color: #FFBBBB !important;
}

.highlightPositive {
   font-weight:bold;
	background-color:#BBFFBB;
}
.highlightNeutral {
   font-weight:bold;
	background-color:#bbc5dd;
}
.highlightAlert {
   font-weight:bold;
   background-color:#FFFF99;
}
.mutedText {
   color: #999999;
}

.dailyRoute {
	background-color:#ccccff;
	font-weight:bold;
}
.curentDate {
	background-color: #CCFFCC;
	font-weight:bold;
}

.xLargeText {
	font-size:x-large;
}
.largeText {
	font-size:large;
}
.mediumText {
	font-size:medium;
}
.smallText {
	font-size:small;
}
.xSmallText {
	font-size:x-small;
}
.updateMsg {
	font-size:small;
	background-color:#66FF33;
}

.vertSpacer {
	height:10px;
}
.horizSpacer {
	width:10px;
}
.horizSpacerMore {
	width:20px;
}

.workQueue {
	float:right;
	text-align:left;
	vertical-align:top;
	margin:1px 1px 1px 1px;
	padding:4px 8px 8px 8px;
}
.workQueue fieldset {
	margin:1px 1px 1px 1px;
	padding:3px 20px 3px 15px;
	border:1px solid #cccccc;
}
.workQueue legend {
	font-weight:bold;
	color:#2955a0;
	text-align:right;
	margin:1px 1px 1px 1px;
	padding:3px 1px 3px 1px;
}
.workQueue ul {
	list-style-type:disc;
	margin:1px 1px 1px 1px;
	padding:0px 2px 1px 15px;
}

ul.adminWorkQueue {
	list-style-type:disc;
	margin-left: .5em;
	padding-left: .5em;
}
ul.adminSubWorkQueue {
	margin-left: 0em;
	padding-left: 0em;
}
.workQueue li {
	list-style-type:disc;
	font-weight:bold;
	margin:1px 1px 5px 1px;
}
li.adminWorkQueue {
	list-style-type:disc;
	font-weight:bold;
	margin-left: .5em;
	padding-left: .5em;
}
li.adminSubWorkQueue {
	margin-left: 0em;
	padding-left: 0em;
}
.subWorkQueue ul {
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 2px 1px 15px;
}
.subWorkQueue li {
	list-style-type:none;
	font-weight:normal;
	margin:1px 1px 1px 1px;
}

a.quietLink:link, a.quietLink:visited {
	color: #000000;
	text-decoration: underline;
}
a.quietLink:hover, a.quietLink:active {
	color: #5031E9;
	text-decoration: underline;
}
a.silentLink:link, a.silentLink:visited {
	color: #000000;
	text-decoration: none;
}
a.silentLink:hover, a.silentLink:active {
	color: #5031E9;
	text-decoration: underline;
}

.smallTextArea textarea {
	width:200px;
	height:35px;
}

.deliveryBorder {
	text-align:center;
	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#000000;
}
.deliveryBorderNoPadding {
	text-align:center;
	border-right-width:2px;
	border-right-style:solid;
	border-right-color:#000000;
	padding-left:0px;
}
.deliveryBorderTop {
	text-align:center;
	border-top-style:solid;
	border-top-width:2px;
}
.deliveryNoBorder {
	border-top-style:hidden;
	border-left-style:hidden;
}
.noRightBorderLeft {
	text-align:center;
	border-right-style:hidden;
	padding-right:0px;
}
.noRightBorderMiddle {
	text-align:center;
	border-right-style:hidden;
	padding-right:0px;
	padding-left:0px;
}
.tableDelivery{
	border-top-style:hidden;
	background:#FFFFFF;
}
.noBorder{
	border:none;
}
.borderTop {
	text-align:center;
	border-top-style:solid;
	border-top-width:2px;
}
td.outline, tr.outline {
	border:solid;
	border-width:medium;
}
td.topBorder, th.topBorder{
	border-top:solid;
	border-top-width:medium;
}
td.middleAlign, th.middleAlign {
	vertical-align:middle;
}
td.topAlign {
	vertical-align:top;
}
td.middleAlignCenterAlign {
	vertical-align:middle;
	text-align:center;
}
td.commentMax {
   white-space: normal;
   max-width:355px;
}
.indent {
	margin: 0px 0px 0px 5px;
}
.indent10 {
	margin: 0px 0px 0px 10px;
}
.indent15 {
	margin: 0px 0px 0px 15px;
}
.indentMore {
	margin: 0px 0px 0px 25px;
}
.exporttable table, .exporttable td {
background-color:#ffffff;
font-size:10px;
}
table.exporttable { border-collapse: collapse; empty-cells:show;}
.exporttable th {
font-size:10px;
}
span.export {
padding: 0 4px 1px 20px;
display:inline; display:inline-block;
cursor: pointer;
}
span.excel {
background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_excel.png);
background-repeat:no-repeat;
}
span.csv {
background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_csv.png);
background-repeat:no-repeat;
}
span.xml {
background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_xml.png);
background-repeat:no-repeat;
}
span.pdf {
background-image: url(/dpi/cnfd/ndfoods/includes/images/ico_file_pdf.png);
background-repeat:no-repeat;
}
.dtable td.norightborder {
border-right:none;
}
.paging {padding:10px 0; padding-left:10px;}
.paging ul {
	margin:0;
	padding:0;}
.paging li {
	display:inline;
	padding:0;
	list-style-image:none;
	margin:0 10px 7px 0;
	line-height:100%;
}
.paging li + li {
	border-left:1px solid #000000;
	padding:0 0 0 15px;}

.paging li span { margin-left:10px;}

.dtable tr.totalamount, tr.totalamount td, td.totalamount, td.totalamount {
   border-top:solid;
   border-top-width:2px;
   border-top-color:#000000;
   text-align:right;
   font-weight:bold;
}
img
{
vertical-align:text-bottom;
}
.strong {
font-weight:bold;
}
.title3{
	font-size:14px;
	font-weight:bold;
	margin-top:40px;
	margin-left:10px;
}
/* doug's example - delete at your convenience */
tr.tabletotal td {
	font-weight:bold;
	border-top:2px #000000 solid;}
td.blank { background-color:#EBEBEB; }
td.blankDark { background-color:#CCCCCC; }
table.dataright caption {
	text-align:left;
	font-weight:bold;
	font-size:1.1em;
	padding:10px 0;
}
table.dataright tbody { border-top:2px solid #666666;}
table.dataright td { text-align:right;}
table.dataright td.indent {
	text-align:left;
	margin:0;
	padding-left:20px;}
table.dataright td.leftaligned { text-align:left;}
/* end doug's example */

td.alignRight, th.alignRight { text-align:right;}
td.alignLeft, th.alignLeft { text-align:left;}
td.alignCenter, th.alignCenter { text-align:center;}

.diffNew {
   background-color:#FFFF66;
}
.diffOld {
   background-color:#CCCCCC;
   text-decoration: line-through;
}

.errorStyleClass {
   background-color: yellow;
}
.normalText {
   font-weight:normal;
}
.deadLink a {
   text-decoration: line-through;
}

.hidden {
   display:none;
}
.viewer{
   width:100%;
   height:400px;
   border-style:solid;
   border-width: thin;
}
iframe{
	background:#F6F6EE none;
}

th.topBorder, td.topBorder {
	border-top:solid black 2px;
}
th.rightBorder, td.rightBorder {
	border-right:solid black 2px;
}
th.leftBorder, td.leftBorder {
	border-left:solid black 2px;
}
tr:last-child>td.underlineIfLastRow {
    border-bottom:solid black 2px;
}

td.dtablethformat{
   font-size: .8em;
   padding: 2px 4px 2px 4px;
   text-align: center;
   vertical-align: middle;
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
   font-weight:bold;
   background-color:#e0effc;
}
.dtablethformat td.sorted {
  /*  background-color: #cecece;  */
    border-right:1px solid #ccc;
}
.dtablethformat td a, .dtablethformat td a:visited {
   color: black;
   text-decoration: none
}
.dtablethformat td a:hover {
   text-decoration: underline;
   color: black;
   background-color: transparent;
}
.dtablethformat td.sorted a, .dtablethformat td.sortableleft a, .dtablethformat td.order1 a, .dtablethformat td.order2 a {
   background-position:top right;
   display: block;
   /* width: 100%;   */
   margin: 0px /*12*/0px 0px 0px;
   padding-right:12px;
}

.dtablethformat td.sortableleft {
   text-align:left;
}
.dtablethformat td.centeraligned, td.centeraligned {
   text-align:center;
   vertical-align:middle;
}
.hidetext{
	position:absolute;
	left:-1000px;
}
.sortabletd td {
   font-size: .8em;
   padding: 2px 4px 2px 4px;
   text-align: center;
   vertical-align: middle;
   /*     white-space: nowrap;   */
   border-bottom:1px solid #ccc;
   border-right:1px solid #ccc;
   background-color:#e0effc;
   font-weight:bold;
}
.sortabletd a {
background-image: url(/dpi/cnfd/ndfoods/includes/images/arrow_off.png);
background-position:right;
background-repeat:no-repeat;
padding:0px 10px 5px 3px;
color:#000000;
text-decoration:none;
display:block;
}

.dtable {
 overflow:hidden;
}
.dtable-scroll {   
    overflow:auto;   
}
.review {
	background-color:#f0f0f0;
	padding:6px 0 6px 3px;
	color:#083461;
	font-weight:bold;
	margin:10px 0 0 0;
}
.review p {
	margin-top:0;
	font-size:.9em;
}
.question {
	/*font-weight:bold;*/
	max-width:800px;
}
.reviewChunks {
	border-top:1px solid #E6E5E5;
	margin-top:10px;
}
.rightButton {
	float:right;
	margin:0 200px 0 0;
}
.leftMargin {
	margin-left:30px;
}
.appLeft { 
	float:left;
	margin:7px 25px 0 45px;
	width:180px;
}
.answer {
	margin:5px 0 0 25px;
	font-weight:bold;
	max-width:800px;
}
.dtableScroll {
    overflow-x: scroll;
/*     height: 320px */
    width: 100%;
}

.thColor {
	background-color:#e0effc;
	font-weight:bold;
}
.form-group
{
width:auto;
}

.form-group.inline
{
display: inline-block;
}

.form-group label
{
display:block;
}

.nonDevOnly td
{
  float:left;
}
.hide {
    display:none;
}

.highlightRowsOnHover tr:hover {
    background-color: #d8fdff !important;
}


.has-error {
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 5px;
}

.has-error .select-label, .has-error select {
    color: #a94442;
}

/* De-emphasizes or "quiets" an element by giving it half opacity */
.quiet {
    opacity: 0.5;
}
.smallText {
    font-size: 0.75em;
}

table.noBorders, table.noBorders td, table.noBorders th {
    border: 0px;
}


/**************************************************************/
/* Start of modified tablesorter .css (blue theme) */

table.tablesorter {
/* 	font-family:arial; */
/* 	background-color: #CDCDCD; */
/* 	margin:10px 0pt 15px; */
/* 	font-size: 8pt; */
/* 	width: 100%; */
/* 	text-align: left; */
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
/* 	background-color: #e6EEEE; */
/* 	border: 1px solid #FFF; */
/* 	font-size: 8pt; */
/* 	padding: 4px; */
    padding-right: 20px;
}


table.tablesorter thead tr .tablesorter-header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	vertical-align: middle;
}
table.tablesorter thead tr .tablesorter-header.sorter-false {
    background-image: none !important;
    cursor: auto !important;
    padding-right:5px !important;
}
table.tablesorter thead tr .tablesorter-header.tablesorter-headerUnSorted {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/tablesorter_bg.gif);
}
table.tablesorter thead tr .tablesorter-header.tablesorter-headerAsc {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/tablesorter_asc.gif);
}
table.tablesorter thead tr .tablesorter-header.tablesorter-headerDesc {
	background-image: url(/dpi/cnfd/ndfoods/includes/images/tablesorter_desc.gif);
}
table.tablesorter tbody td {
/* 	color: #3D3D3D; */
/* 	padding: 4px; */
/* 	background-color: #FFF; */
/* 	vertical-align: top; */
}
table.tablesorter tbody tr.odd td {
/* 	background-color:#F0F0F6; */
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
/* background-color: #8dbdd8; */
}

/*===================*/
/* Used to condense the table a bit. Usage: <table class="tablesorter tablesorterCondense ... */
table.tablesorter.tablesorterCondense td {
    padding: 2px 4px 2px 4px;
    font-size: .8em;
}

/*===================*/
/* Custom modifications to table elements to look better with tablesorter */
table.tablesorter thead tr th.tablesorter-right-align {
    text-align: right;
    padding-right: 20px;
}
table.tablesorter tbody tr td.tablesorter-right-align {
    text-align: right;
}
table.tablesorter tfoot tr td.tablesorter-right-align {
    text-align: right;
}

/* End of tablesorter .css */
/**************************************************************/

.clickable {
    cursor: pointer;
}

tr.clickableRow:hover {
    cursor: pointer;
    background-color: #d8fdff !important; /* This makes sure table-striped tables highlight all rows */
}
.table-striped > tbody > tr:nth-of-type(2n+1), .oddRow {
    background-color: white;
}
.table-striped > tbody > tr:nth-of-type(2n), .evenRow {
    background-color: #eee;
}


/* TODO (jrwahl): Look at combining these with the original highlight classes in a more obvious way */
.table tbody tr.highlight {
    background: #bbc5dd;
}
.table tbody tr.highlightYellow {
    background: #ffff66;
}

tr.outline {
    border: 2px solid #000;
}

/*******************************************************************************/
/* Controls how selected expenses look on the FCCH Edit Budget Expenses page */
.highlightExpense {
    background: #bbc5dd !important;
}
tr.highlightExpense {
    border: 2px solid #222 !important;
}
tr.highlightExpense td {
    border-right: 1px solid #222 !important;
}
/*******************************************************************************/

/*******************************************************************************/
/* Controls how selected employees look on the FCCH Edit Budget Employees page */
.highlightEmployee {
    background: #b9dbf8 !important;
    border: 2px solid #2955a0 !important;
}
.highlightEmployee div {
    background: #b9dbf8 !important;
}

/* These three make sure the benefit table's border is still visible. */
.highlightEmployee table {
    border: 1px solid #222;
}
.highlightEmployee table td {
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
}
.highlightEmployee table th {
    border-right: 1px solid #222;
}
/*******************************************************************************/

.strongHighlight {
    background: #053466;
    color: white;
}
.table tfoot tr.highlight {
    background: #ffe9a8;
}

.totalBox {
    background: #ffe9a8;
    margin: 10px;
    padding: 5px;
    border: 1px solid #ccc;
}

.padding-right-0 { padding-right:0; }
.padding-right-5 { padding-right:5px !important; }
.padding-right-10 { padding-right:10px; }
.padding-right-15 { padding-right:15px; }
.padding-right-20 { padding-right:20px; }
.padding-right-25 { padding-right:25px; }
.padding-right-30 { padding-right:30px; }

.padding-left-0 { padding-left:0; }
.padding-left-5 { padding-left:5px; }
.padding-left-10 { padding-left:10px; }
.padding-left-15 { padding-left:15px; }
.padding-left-20 { padding-left:20px; }
.padding-left-25 { padding-left:25px; }
.padding-left-30 { padding-left:30px; }

.padding-top-0 { padding-top:0; }
.padding-top-5 { padding-top:5px; }
.padding-top-10 { padding-top:10px; }
.padding-top-15 { padding-top:15px; }
.padding-top-20 { padding-top:20px; }
.padding-top-25 { padding-top:25px; }
.padding-top-30 { padding-top:30px; }
.padding-top-50 { padding-top:50px; }

.padding-bottom-0 { padding-bottom:0; }
.padding-bottom-5 { padding-bottom:5px; }
.padding-bottom-10 { padding-bottom:10px; }
.padding-bottom-15 { padding-bottom:15px; }
.padding-bottom-20 { padding-bottom:20px; }
.padding-bottom-25 { padding-bottom:25px; }
.padding-bottom-30 { padding-bottom:30px; }

.margin-right-0 { margin-right:0px !important; }
.margin-right-5 { margin-right:5px !important; }
.margin-right-10 { margin-right:10px !important; }
.margin-right-15 { margin-right:15px !important; }
.margin-right-20 { margin-right:20px !important; }
.margin-right-25 { margin-right:25px !important; }
.margin-right-30 { margin-right:30px !important; }

.margin-left-0 { margin-left:0px !important; }
.margin-left-5 { margin-left:5px !important; }
.margin-left-10 { margin-left:10px !important; }
.margin-left-15 { margin-left:15px !important; }
.margin-left-20 { margin-left:20px !important; }
.margin-left-25 { margin-left:25px !important; }
.margin-left-30 { margin-left:30px !important; }

.margin-top-0 { margin-top:0px !important; }
.margin-top-5 { margin-top:5px !important; }
.margin-top-10 { margin-top:10px !important; }
.margin-top-15 { margin-top:15px !important; }
.margin-top-20 { margin-top:20px !important; }
.margin-top-25 { margin-top:25px !important; }
.margin-top-30 { margin-top:30px !important; }

.margin-bottom-0 { margin-bottom:0px !important; }
.margin-bottom-5 { margin-bottom:5px !important; }
.margin-bottom-10 { margin-bottom:10px !important; }
.margin-bottom-15 { margin-bottom:15px !important; }
.margin-bottom-20 { margin-bottom:20px !important; }
.margin-bottom-25 { margin-bottom:25px !important; }
.margin-bottom-30 { margin-bottom:30px !important; }

/***********************************************/
/* Used for the FCCH "floating" info box. */
.infoBox-contain {
    padding-right: 25px;
    background-color: #fff;
    z-index: 1001; /* Modals have a z-index of 1002, so this is just below. */
    
    position: absolute;
    top: 170px;
    right: 0px;
}

.infoBox-contain.fixed {
    margin-top: 0 !important;
    position: fixed;
    top: 0;
    right: 0;
}

.infoBox-header {
    color: #ffffff;
    width:100%;
    min-height:25px;
    background-image: url(/dpi/cnfd/ndfoods/includes/images/head2bggold.jpg);
    background-repeat: repeat-x;
    border-radius:15px 15px 0px 0px;
}

.infoBox-header h2 {
    margin:0; 
    text-align: center;
    padding-top: 1px;
    padding-left: 0px;
}

.infoBox-content {
    margin-top: -25px;
    padding: 30px 10px 5px 10px;
    border-radius: 15px;
    border-left:3px solid #999;    
    border-right:3px solid #999;   
    border-bottom:3px solid #999;
    border-top:1px solid #999;    
}

.infoBox-content-header {
    border-bottom: 1px solid #000;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 5px;
}

tr.underline td, tr.underline th {
    border-bottom: 2px solid #999;
}
tr.overline td, td.overline {
    border-top: 2px solid #999 !important;
}
/***********************************************/


/***********************************************/
/* Pulled from prototype and somewhat modified.
   Mostly sideNav-related.
   Make sure these don't get duplicated */
.editBox-contents, .contentMain {
/*     display: inline-block; */
}
.editBox-container {
/*     float:left; */
    position: relative;
    margin-right: 15px;
    margin-top: 10px;
    background-color: #fff;
    z-index: 1001; /* Modals have a z-index of 1002, so this is just below. */
/*     margin-bottom: 40px; */
/*     min-width: 300px; */
/*     max-width: 300px; */
}
.editBox-header {
    position: absolute;
    color: #ffffff;
    width:100%;
    min-height:25px;
    background-image: url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
    background-repeat: repeat-x;
    border-radius:15px 15px 0px 0px;
}
.editBox-header h2 {
    margin: 0;
    text-align: center;
    padding-top: 3px;
    padding-left: 0px;
}
.editBox-contents {
    padding: 25px 10px 20px 10px;
    border-radius: 15px;
    border-left:3px solid #999;    
    border-right:3px solid #999;   
    border-bottom:3px solid #999;
    display: inherit;
}

.contentMain {
    width: 100%;
    margin-top: 30px;
}
.formInput {
    margin-top: 10px;
}
.formInput label, .formInput .label {
    font-weight: bold;
    font-size: .75em;   
}
.formInput .label {
    margin: 7px 0px -6px 0px;
}
.formInput h4 {
    padding-left: 0px;
}
.form-group {
    margin: 7px 0px;
    display: block;
    padding: 2px;
}
.form-group .inline {
    display: inline-block;
}
.form-group .inline-middle {
    display: inline-block;
    vertical-align: middle;
}
.form-group .inline-top {
    display: inline-block;
    vertical-align: top;
}
/***********************************************/

/***************************************
 This is mainly for displaying large amounts of user-entered text.
 Line breaks will be properly displayed and wrapping will occur between words for normal text.
 If text is abnormal - contains a large amount of characters with no spaces, such as a URL -
 it will be broken where necessary.
***************************************/
.textarea-display {
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;
}
.textarea-display.limitWidth {
    max-width: 700px;
}
td > p.textarea-display {
    margin-top: 0px; /* This better aligns a textarea-display in a table with the other cells */ 
}
p.textarea-display-tooltip {
    margin-top: 0px; /* This gives a proper margin for a textarea-display in a tooltip */
}

/* Similar to the textarea-display class above, but tweaked to look better under a label.
   This is mostly used for comments in a <p> tag under a label also in a <p> tag. */
.comments-below-label {
    word-wrap: break-word;
    word-break: normal;
    white-space: pre-wrap;
    padding-left: 20px;
    margin-top: 0px;
}


/* These two ui-dialog related entries change the header of the jquery ui modals to a blue that matches the rest of the site */
.ui-dialog .ui-widget-header {
    background: #e0effc;
    border: 1px solid #2955a0;
    color: #000000;
    font-weight: bold;
}
.ui-dialog .ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_222222_256x240.png");
}

/* This styles the modal buttons like the buttons on the rest of the site. 
   Just need to add the "modalButton" class to buttons within a modal. */
.modalButton.ui-state-default, .modalButton.ui-widget-content .modalButton.ui-state-default {
    background: #053466 url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif) !important;
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #bbbbbb !important;
	color:#ffffff !important;
	margin:0;
	padding:1px 4px 1px 4px;
	text-decoration:none;
	font-weight: normal !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}
.dangerModalButton.ui-state-default, .dangerModalButton.ui-widget-content .dangerModalButton.ui-state-default {
    background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2red.gif) !important;
	background-repeat:repeat-x;
	background-position:top;
	border:1px solid #bbbbbb !important;
	color:#ffffff !important;
	margin:0;
	padding:1px 4px 1px 4px;
	text-decoration:none;
	font-weight: normal !important;
	font-family:Verdana, Arial, Helvetica, sans-serif !important;
}

.leftModalButton {
    position: absolute;
    left:8px;
}

/* Ensures that tables in modals match the modal background */
.modalTable {
    background: #eeeeee !important;
}

.hide {
    display:none;
}

/*=======================================================*/
/*New ND Foods styles from prototype */

.titleContent {
    display: inline-block;
}

p.heading > span {
    font-weight: bold;
    font-size: 1em;
    vertical-align: middle;  
}

.heading {
    background-color: #e0effc;
    padding-bottom: 4px;
/*     padding-top: 4px; */
}


.fake-table-row {
    border-bottom: solid 1px #999;
}

.fake-table-row:nth-of-type(odd)
{
    background-color: #f9f9f9;
}

.fake-table-row > p > span {
    display: inline-block;
}

.tableCell {
    height: auto;
    padding: 5px 0px;
    vertical-align: top;
}
.tableCell.center {
    text-align: center;
}

/* NEEDED? */
.button {
    display: inline-block;
}
.dimButton {
	display: inline-block;
}

.subTable {
    padding-left: 5px;   
    padding: 5px 0px;
    margin: 0px 20px 5px 20px;
}

.subTable table {
    margin-top: 2px;
    background-color: transparent;
}

.title {
    font-size: .89em;
    font-weight: bold;
    margin-top:0px;
}

.subTable th {    
    background: none;
    border-bottom: 2px solid #2955a0;
    padding: 1px 3px 3px 4px;
    font-size: 0.78em;
}

.last {
/*     background-color: #eee; */
    background-color: #ffe9a8;
}

.total {
    width: auto;
    padding-left: 0px;
}


.bold {
    font-weight: bold;
}


.text-right {
    text-align: right !important;
}

div.fake-table-row > p {
    margin: 0px;
    padding-left: 10px;
}

.block-style {
/*     border-bottom: 1px solid #d8d3bf; */
    border-right: 1px solid #d8d3bf;
    border-left: 1px solid #d8d3bf;
    border-top: 1px solid #d8d3bf;
/*     padding-bottom: 5px; */
    margin-top: 5px;
    display: block;
    overflow: hidden;
}


.amount {
    position: relative;
    left: 35%;
}


label.above
{
    display: block;
}

.edit {
    font-size: 0.8em;
    padding-left: 10px;
}

.editContent {
    margin-top: 20px;
}

caption {
    display: none;
}


.empBud {
    background-color: #fff;
/*     float: right; */
/*     width: 84.2%; */
    margin-top: 25px;
}


/*End of ND food new styles from prototype*/
/*=======================================================*/

.employeeName {
    font-weight: bold;
    font-size: 110%;
    background-color: #ffe9a8;
    padding-left: 5px;
    padding-right: 5px;
}

.width-1 { width: 1%; }
.width-2 { width: 2%; }
.width-5 { width: 5%; }
.width-6 { width: 6%; }
.width-7 { width: 7%; }
.width-8 { width: 8%; }
.width-9 { width: 9%; }
.width-10 { width: 10%; }
.width-11 { width: 11%; }
.width-12 { width: 12%; }
.width-13 { width: 13%; }
.width-14 { width: 14%; }
.width-15 { width: 15%; }
.width-16 { width: 16%; }
.width-17 { width: 17%; }
.width-18 { width: 18%; }
.width-19 { width: 19%; }
.width-20 { width: 20%; }
.width-21 { width: 21%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-31 { width: 31%; }
.text-center {
    text-align: center;
}

.textarea-feedback {
    font-size: 0.75em;
    max-width: 600px;
}

.editBoxLabel {
    margin-top: 15px;
    margin-left: -10px;
    margin-right: -10px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #e0effc; /* 163a75 */ /* 3b5e99 */ /* eee */ /* e0effc */
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    color: #000;
}

/* This will widen a text area to fill whatever is containing it. */
.textAreaFillWidth {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* By default, all glyphicons will show the pointer on hover. */
.glyphicon {
    cursor: pointer;
}
.tooltipTemplate { display: none; }

.inputAddon {
   display: inline-block;
   max-width: 8px;
   min-width: 8px;
   font-size: small;
}

.pageBanner {
    color: white;
    background-image:url(/dpi/cnfd/ndfoods/includes/images/head2bg2.gif);
    padding-top: 4px;
    padding-bottom: 5px;
}

.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}

.doNotDisplay {
    display: none;
}

.borderLeft {
    border-left: 2px solid #999;
}
.currentRate {
    font-size: 10px;
    color: gray;
}

tr.spaceUnderRow2em>td {
  padding-bottom: 2em;
}
tr.spaceAboveRow2em>td {
  padding-top: 2em;
}
tr.spaceUnderRow1em>td {
  padding-bottom: 1em;
}
tr.spaceAboveRow1em>td {
  padding-top: 1em;
}

.space {
    background: none;
    width: 2em;
}

.tooltip.statusChange {
    cursor: pointer;
	color: #2955a0;
}
.tooltip.signatureUser {
    cursor: pointer;
	color: #737373;
}
/* Aligns the tooltip better with the label for a checkbox */
.tooltip.inCheckbox{
	top:-1px;
}
ul.tooltipListOnly {
    margin-left: -20px;
}
td.actionCol {
    text-align:center;
}
div#errorDiv {
  color:#FF0000;
}

img.downloadIconSmall {
    width: 15px;
    height: 15px;
}
img.downloadIconLarge {
    width: 60px;
    height: 60px;
}

/* Used for "voiding" cells in the FNS reports that do not apply */
.fnsReportCellVoid {
    background-color: #888888;
}

.fnsReportInnerHeader {
    text-align:center;
    font-weight:bold;
    vertical-align: bottom;
}

.fnsReportHeader {
    vertical-align: bottom !important;
}

fieldset.limitedFieldset {
    max-width: 1050px;
}
fieldset.limitedFixedFieldset {
    max-width: 1050px;
    min-width: 1050px;
}
fieldset.mediumFieldset {
    max-width: 1000px;
}
fieldset.mediumFixedFieldset {
    max-width: 1000px;
    min-width: 1000px;
}
fieldset.narrowFieldset {
    max-width: 850px;
}
fieldset.narrowFixedFieldset {
    max-width: 850px;
    min-width: 850px;
}
fieldset.narrowerFieldset {
    max-width: 750px;
}
.limitedWidth {
   width: fit-content;
   padding-right: 15px;
}

fieldset.multiFieldset {
    padding: 0px 5px 10px 15px;
    margin: 5px 0px 5px 10px;
}
fieldset table.mealDetails {
    /* Separate the meal details from the "participation" question a bit. */
    margin-top: 10px;
}
fieldset .dtable table.mealShift {
    /* Reduce space below the meal shift table. */
    margin-bottom: 5px;
}
.dtable table.buttonsBelow {
    /* Reduce space between the table and buttons. */
    margin-bottom: 5px;
}

/* Make sure any fieldset using this class is inside a div */
.fieldset-auto-width {
     display: inline-block;
}

.deletedData {
   text-decoration: line-through;
}

.fillAll {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

table.fixedFirstCol > tbody tr td:first-child {
  width: 45%;
}

fieldset.sourceDocFieldset {
   max-width:1000px;
}
fieldset.signatureFieldset {
   max-width:800px;
}
fieldset.processFileFieldset {
   max-width:800px;
}
fieldset.autoWidth {
   width: fit-content;
   padding-right: 10px;
}