@charset "utf-8";
/* CSS Document */

/* ***********************  UNFI ER CSS RULES COPYRIGHT 2008 UNFI ************************/
/* ***********************               author Jason Anderson                 ************************/

/*  Color Palette       ***
						Blue				 #2A3488
						Green				 #005C1D
						Gray 				 #7B7B7B
                        Bright Orange        #FF1F00
						dark orange			 #CC7B16
						bright dark green	 #005616
						Slate green			 #A7B6A9
						Dark Green 			 #002A21
                        Mint                 #D0DEC4
                        Light Mint           #F5F5F5
                        */
		
		
/* MAIN RULES ***************************************************************************************/				
body {
    background-color:#005616;
	background-image:url(./images/green_bg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}
/*
td, h1, h2, h3, p, a, span, ul, ol, li, input, textarea, select, file {
	font-family: Arial, Helvetica, sans-serif;
}
*/
a{
	color:#005C1D;
	font-weight: bold;
    font-size:12px;
	text-decoration:none;
}
a:hover{
	color:#2A3488;
	font-weight: bold;
    font-size:12px;
    text-decoration:none;
}
a.active{
	color:#005C1D;
	font-weight: bold;
    font-size:12px;
    text-decoration:none;
}

hr {
	border: none 0;
	border-top: 1px solid #A7B6A9;/*the border*/
	width: 100%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

.listHeader{
    font-weight: bold;
    font-size: 11px;
    color: black;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #d0dec4;
}


.PagerStyle a
{
    padding-left: 2px;     
    padding-right: 2px; 
}
.PagerStyle{
    font-weight: bold;
    font-size:15px;
    font-family: Arial, Helvetica, sans-serif;
    color: #CC7B16;
    background-color: transparent;
}
.listhighlightbg{
    font-size:11px;
    background: #F5F5F5;
    font-family: Arial, Helvetica, sans-serif;
    height:20px;
}
.listnohighlightbg{
    font-size:11px;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    height:20px;
}
.bold
{
    font-weight: bold;
    font-size: 13px;
    color: #000000;
}

.confirmation, .generalTextSuccess{
	font-weight: bold;
	font-size: 13px;
	color: #003399;
}

.warning
{
    font-weight: bold;
    font-size: 13px;
    color: #CC0000;
    font-family: arial, helvetica, sans-serif;
    background-color: transparent;
}
.error{
	font-weight: bold;
	font-size: 13px;
	color: red;
    font-family: arial, helvetica, sans-serif;
    background-color: transparent;
}
.separator{
	font-size: 8px;
    font-family: arial, helvetica, sans-serif;
    background-color: transparent;
}

.TCHeader
{
	padding-right: 2px;
	font-size: 11px;
	/*font-weight: bolder;*/
	font-family: Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
	text-align: right;
}

.TCDetail
{
	padding-left: 2px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
}

.TCCusomBGColor
{
    background-color: #d0dec4;
}

.CustomTextBox, .CustomDropDownList, .ListItem
{
    border-right: solid 1px #CC7B16;
    border-top:  solid 1px #CC7B16;
    border-left:  solid 1px #CC7B16;
    border-bottom:  solid 1px #CC7B16;
    
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-weight: bold;
    height: 18px;
    background-color: #FFFFFF;
}

/* general text sizes ***************************************************************************************/
.generalText9
{
    font-size: 9px;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    background-color: transparent;
}
.generalTextBold9
{
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    background-color: transparent;
}
.generalText10
{
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    background-color: transparent;
}
.generalTextBold10
{
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    background-color: transparent;
}
.generalText11
{
    font-size: 11px;
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    background-color: transparent;
}
.generalText12
{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.general12Upper
{
	font-size: 12px;
	text-transform: uppercase;
}

/* Custom button ***************************************************************************************/
.CustomButton{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #005C1D;
}
/* hoverover ***************************************************************************************/
.CustomButton:hover{
    color:#CC7B16;
}

/* REPORT RULES ***************************************************************************************/
.pageContentReport
{
    font-size: 9PT;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    background-color: white;
    text-decoration: none;
}
.pageContentReportHeader, .pageContentReportHeader, .pageContentReportSubTotal
{
    font-size: 10PT;
    color: #000000;
    font-weight: Bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.pageContentReportTotal
{
    font-size: 10PT;
    color: #901456;
    font-weight: Bold;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

/* PAGE RULES ***************************************************************************************/


/* HEADER RULES *************************************************************************************/
#header_container {
	margin:0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#header_container h3
{
margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
float:right;
}
#header_container h4{
margin:10px 10px 0px 0px;
    padding:0px 5px 0px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7B7B7B;
display:inline;
float:right;
}
#header_container h4 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7B7B7B;
}
#header_container h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform: lowercase;
}
#header_container p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}
#header_container a{
	color:#2A3488;
	text-decoration:none;
}
#header_container a:hover{
	color:#005C1D;
	text-decoration:none;
}
#header_container a.active{
	color:#005C1D
}
/* SUB PAGE RULES ***********************************************************************************/
#straight 
{
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0xp;
	background-image: url(http://east.unfi.com/App_Themes/UNFI/images/straight_gradient.jpg);
	background-repeat: repeat-x;
	height: 22px;

}
/* SUB PAGE RULES ***********************************************************************************/
#content_container {
    margin: 15px 15px 10px 15px;
    padding: 0px 0px 0px 0px;
    background-color: #FFFFFF;
}


/* LEFT COLUMN RULES ********************************************************************************/

#left_column {
	margin:0px 0px 0px 10px;
	padding: 10px 0px 0px 0px;
	float:left;
	background-color: #FFFFFF;
	width:178px;
}

#left_column h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#CC7B16;
}

/* MAIN CONTENT RULES ***************************************************************************************/
#main_content_container_nomenu {
	padding:10px 15px 10px 15px;
	background-color: #FFFFFF;
}
#main_content {
	margin:0px 0px 0px 15px;
	padding:5px 0px 15px 0px;
	background-color: #ffffff;
}
#main_content p{
	/*padding:0px 5px 0px 5px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}
#main_content h1{
	/*padding:0px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-transform: uppercase;
	color:#002A21;
}

#main_content h2{
	/*padding:0px 0px 0px 0px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: bold;
	text-transform: none;
	color:#000000;
}
#main_content h3{
	/*padding:0px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	font-style: italic;
	text-transform: lowercase;
	color:#002A21;
}

/* lists */
#main_content ul{
	list-style-type:disc;
	margin:5px 5px 5px 20px;
	}
#main_content ul li{
	margin-left:10px;
	padding-left:5px;
}

#main_content ol{
	list-style-type:decimal;
	margin:5px 5px 5px 20px;
	}
#main_content ol li{
    margin-left:10px;
	padding-left:5px;
} 

#main_content ol ol, ul ul{
	margin-left:10px;
	}


/*
#main_content table 
{
    padding:0px 0px 0px 0px;
    font-size:14px;
    width:auto;
}
#main_content td 
{
    padding:1px 2px 1px 2px;
}

#main_content div.left
{
    float:left;
}
#main_content div.right{
	float:right;
}
*/
#main_content div.leftbox
{
    padding:5px 0px 5px 0px;
	float:left;
}
#main_content div.rightbox{
	padding:5px 0px 5px 0px;
	float:right;
}
#main_content div.summaryleftBox{
    width:65%;
    padding:5px 0px 5px 0px;
	float:left;
}

#main_content div.summaryrightbox{
	width:45%;
	padding:5px 0px 5px 0px;
	float:right;
}	

#main_content warning{
	font-weight: bold;
	font-size: 10pt;
	color: #333366;
	font-family:Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}
#main_content a{
	color:#2A3488;
	text-decoration:none;
}
#main_content a:hover{
	color:#005C1D;
	text-decoration: underline;
}
#main_content a.active{
	color:#005C1D
}
#MainContent_Login {
	width:175px;
	padding:25px 10px 10px 25px;
	text-align:left;
	background-color:transparent;
}
.main_content_img_right {
	padding:0px 0px 0px 15px;
	float:right;
}
.main_content_img_left {
	padding:0px 15px 0px 0px;
	float:left;
}
/* FOOTER RULES ***************************************************************************************/
#footer_container {
	width:100%;
	margin: 5px auto 0px auto;
	padding:0px;
	background-color:transparent;
}
#footer_container p{
	margin:0px;
	padding:0px 10px 0px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}
#footer_container a
{
    font-size:10px;
    font-weight:normal;
	margin:0px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	color:#999999;
}
#footer_container a:hover
{
    font-size:10px;
    font-weight:normal;
	text-decoration:none;
	color:#7B7B7B;
}

/* LOGIN RULES ********************************************************************************/
#login {
	width:175px;
	margin:15px 0px 15px 0px;
	padding:0px;
	float: none;
	text-align:left;
	background-color:transparent;
}
#login h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FF1F00;
}
#login a{
	text-decoration:none;
	color:#005C1D;
}
#login a:hover{
	text-decoration:none;
	color:#2A3488;
}
#login p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-transform: none;
	margin:5px 0px 5px 0px;
	padding: 0px;
	text-decoration:none;
	letter-spacing: 1px;
}

.Label 
{
    padding:0px 5px 0px 5px;
    color:Black;
    font-size:12px;
    font-weight: normal;
}

.LabelWarning
{
    font-weight: bold;
    font-size: 12px;
    color: #CC0000;
    font-family: arial, helvetica, sans-serif;
    background-color: transparent;
}
.LabelBold 
{
    padding:0px 5px 0px 5px;
    font-size:12px;
    font-weight: bold;
}
.LabelBold14 
{
    padding:0px 5px 0px 5px;
    font-size:14px;
    font-weight: bold;
}

/* UNFI Calendar *************************************************************************************/
.UNFI_Calendar .ajax__calendar_container {
    font-family:Arial, Helvetica, sans-serif;    
    font-size:11px;
    color: #000000;
    border:1px solid #d0dec4;
    background-color: #F5F5F5;
}
.UNFI_Calendar .ajax__calendar_header{
    background-color: #d0dec4; 
    margin-bottom: 4px;
}
.UNFI_Calendar .ajax__calendar_other .ajax__calendar_day,
    .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.UNFI_Calendar .ajax__calendar_active .ajax__calendar_day,
    .ajax__calendar_active .ajax__calendar_month,
    .ajax__calendar_active .ajax__calendar_year {
    color: #005C1D;
    font-weight: bold;
}
.UNFI_Calendar .ajax__calendar_hover .ajax__calendar_day,
    .ajax__calendar_hover .ajax__calendar_month,
    .ajax__calendar_hover .ajax__calendar_year{
    color: #004080; 
    font-weight:bold; 
    background-color: #d0dec4;
}
.UNFI_Calendar .ajax__calendar_title,
    .ajax__calendar_next,
    .ajax__calendar_prev{
  color: #000000; 
  padding-bottom: 3px;
}
.UNFI_Calendar .ajax__calendar_body{
    background-color:Transparent; 
    border: solid 0px #cccccc;
    width:100%;
} 
.UNFI_Calendar .ajax__calendar_dayname{
    color: #CC7B16; 
    font-weight:bold; 
    background-color:Transparent; 
}
.UNFI_Calendar .ajax__calendar_today{
    color: blue;
    font-weight: bold;
    text-align: center;
    padding: 0px 0px 5px 0px;
}
.UNFI_Calendar .ajax__calendar_other,
    .ajax__calendar_hover .ajax__calendar_today,
    .ajax__calendar_hover .ajax__calendar_title{
    color: #005C1D;
}

.accordionHeader
{
    border: 1px solid #ffffff;
    color: white;
    background-color: #ffffff;
    font-weight: bold;
    padding: 5px 0 0 10px;
    margin-top: 5px 0 0 10px;
}

.accordionContent
{
    font-size: 12px;
    background-color: #F5F5DC;
    border: 1px dashed #2F4F4F;
    padding: 5px 0 0 20px;
    margin: 5px 10px 5px 10px;
}

.collapsePanel
{
    font-size: 12px;
    color: #000099;
    font-weight: bold;
    background-color: #F5F5DC;
}

.collapseTargetPanel
{
    padding-left: 7px;
    font-size: 0.8em;
    background-color: #F5F5DC;
}