﻿.topmenu12
{
	color : White;
}


.topmenu12Hover
{
	color : Black;
}

#navtop 
{
	background-color: #F2C74C;
}

#BannerBG
{
	/*background-color: #36679F;*/
	width: 800px;
}

#login a:link, #login a:visited {
	color: #FFFFFF;
}
#title h1 a:link, #title h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


/* define the main layout divs */
#header {
	/*margin-right: auto;*/
	
	height: 72px; /* used to be 75 */
	width: 100%;
	background-color:Black;
}
#title {
	padding-top: 5px; /* used to be 5 */
	padding-bottom: 5px;
	padding-left: 4px; /*28*/
	float: left;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#login {
	padding-top: 25px;
	padding-right: 28px;
	float: right;
	clear: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10px;
	height: 28px;
	top: 0px;
	text-align: right;
}
/* make crumbs after making new nav */
#breadcrumb {
	padding-top: 2px;
	padding-left: 6px;
	background: #919191;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 26px;
	
}
#body {
	padding: 0px 8px 10px 1px;
	background-color: #000000;
	/*background: url(../Images/outlook_orange.gif) repeat-x left top;*/
		/*background: #C0C0C0 url(../Images/background_body.gif) repeat-x left top;*/
}

#sideMenu {
	padding: 0px;
	border: 1px solid #000000;
	float: left;
	background:#FFFFCF url(../images/background_sidemenu_LightYe.gif) repeat-x left top;
	color: Black; /*#666666;*/
	font-weight:bold;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
	/*min-width: 100px;
	max-width: 150px;*/
	width:120px;
	/*height:516px;*/
	height: 516px;
	position: relative;
}

.content {
	padding: 2px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #666666;
	font-family: Tahoma,Verdana,Helvetica,Helvetica-Narrow,sans-serif;
}

/* define other elements inside the main layout divs */
#title h1 {
	display: inline;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* can be removed if no images in breadcrumb area */
#breadcrumb img {
	border: none;
	padding-right: 3px;
	/*vertical-align: middle;*/
}

/* define sizes of the username field */
.username {
	font-size: 0.9em;
	width: 150px;
}

/* create hover effect for calendar icons */
#sideMenu a:link img, #sideMenu a:visited img {
	padding: 2px;
	border: 1px solid #DFE4EA;
	background: #DFE4EA;
}
/* Put the admin edit calendar icon on a white background */
.content a:link img, .content a:visited img {
	padding: 2px;
	border: 1px solid #FFFFFF;
	background: #FFFFFF;
	
}
#sideMenu a:hover img, .content a:hover img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #E8ECF0;
}
#sideMenu a:active img, .content a:active img {
	padding: 2px;
	border: 1px solid #C1CFE0;
	background: #C9D4E2;
}

/* make the cal icon appear in line with the forms and text */
#sideMenu img, .content img {
	border: 0px;
	vertical-align: text-bottom;
}

.projectlist, .resourcelist {
	border: 1px solid #00FF00;
	margin-bottom: 4px;
	width: 200px;
}
/* condense in mark up to be '.button' */
.submit, .reset, .delete, .create, .add, .copy {
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 28px;
}
/* make submit button larger */
.submit {
	width: 108px;
}

/* create section heading container to separate long forms */
.formsection {
	padding: 10px;
	margin-top: 15px;
	background: #D6DDE9 url(images/background_formsection.gif) repeat-x center;
	font-weight: bold;
	text-align: center;
}
/* sometimes we hide elements from display in visual browsers (but leave them in the source for non visual browsers and for accessibility). I've also hidden the table in the admin_create_projects.html page */
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}



.input_numeric
{
	font-size: 8pt;
	color: black;
	text-align: right;
}

.yregfloathelp {
	BORDER-RIGHT: #ffc30e 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ffc30e 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ffc30e 1px solid; WIDTH: 18em; COLOR: #9c7600; PADDING-TOP: 5px; BORDER-BOTTOM: #ffc30e 1px solid; FONT-FAMILY: "Trebuchet MS", arial, sans-serif; BACKGROUND-COLOR: #fffbb8; TEXT-ALIGN: left
	}
	
	
/* Common Item Style */

.ItemHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #36679F; /*#493B76;*/ /*#d2691e; #000000;*/
	border-bottom: #493B76 1px solid; /*#000000 1px solid;*/
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}

.ItemSubHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #396EAA;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}


.ItemFooterHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #493B76; /*#000000;*/
	border: none;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}

.ItemValue
{
	font-size: 11px;
	color: #000000;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
	font-weight: bold;
}

.PageHeader
{
	height:24px;
	text-indent: 10px;
	background-color: #FBEB54;/*#F2C74C;*/
	font-weight: bolder;
	color: Black; /*#666666;*/ /*#d2691e; #000000;*/
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	text-align: center;
}

.DefaultTable
{
	border-bottom: #FBEB54 1px solid;
	border-right: #FBEB54 1px solid;
	border-left: #FBEB54 1px solid;
	border-top: #FBEB54 1px solid;
	background-color: #f5f5dc;/*#f5f5dc;*/
	   	
}

.ItemHeaderWithLines
{
	font-weight: bold;
	font-size: 11px;
	background-color:Gray;
	color: #493B76; /*#000000;*/
	border-bottom: #493B76 1px solid; /*#000000 1px solid;*/
	border-top: #493B76 1px solid;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: white;
    color: #F1E7F7;
    font-size: small;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight:bold;
}


/*PURCHASE ORDER CLASSES */

.PurchaseOrderTable
{
	border-bottom: #B5A87B 1px solid;
	border-right: #B5A87B 1px solid;
	border-left: #B5A87B 1px solid;
	border-top: #B5A87B 1px solid;
	background-color: #FFFFF0;
 	
}

.PurchaseOrderHeader
{
	height:24px;
	text-indent: 10px;
	background-color: #36679F;
	font-weight: bolder;
	color: #FFFFFF; /*#d2691e; #000000;*/
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
}

.POHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #36679F; /*#000000;*/
	border-bottom: #B5A87B 1px solid; /*#000000 1px solid;*/
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}

.POSubHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #36679F;
	border-bottom: #F2C74C 1px solid; /*#000000 1px solid;*/
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}


.POFooterHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #36679F; /*#000000;*/
	border: none;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}

.POItem
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
}

.POItemNormal
{
	font-weight:lighter;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
}

.POItemCancelled
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	color: Red;
	background-color: transparent;
}

.POItemChanged
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	color: Green;
	background-color: transparent;
}

.PODropDownPanel
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Tahoma, Verdana, Arial;
	background-color: #F2C74C;
	text-decoration: none;
}


/*END PURCHASE ORDER CLASSES */

/*START ASN CLASSES */
.ASNShipmentHeader
{
	text-indent: 3px;
	background-color: #BE1F1F;
	font-weight: bolder;
	color: #FFFFFF; /*#d2691e; #000000;*/
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	cursor:pointer;
}


.ASNOrderHeader
{
	height:24px;
	text-indent: 10px;
	background-color: #36679F;
	font-weight: bolder;
	color: #FFFFFF; /*#d2691e; #000000;*/
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
}

.ASNOrderTable
{
	border-right: #c50030 1px solid;
	border-top: #c50030 1px solid;
	font-weight: bold;
	font-size: 10pt;
	border-left: #c50030 1px solid;
	border-bottom: #c50030 1px solid;
	font-family: Arial, Verdana;
	background-color: #FFFFFF;
	border-width : 0px;

}

.ASNFooterHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #5D83B3; /*#000000;*/
	border: none;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}


.ASNItem
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
}

.ASNItemTable
{
/*	border-right: #00308A 1px solid;
	border-left: #00308A 1px solid;
	border-top: #00308A 1px solid;*/
	border-bottom: #00308A 1px solid;
	background-color: #EFF4FF;
}

.ASNPackTable
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	background-color: #F0F0F0;
}

.ASNPalletTable
{
	border-right: #00308A 1px solid;
	border-top: #00308A 1px solid;
	border-left: #00308A 1px solid;
	border-bottom: #00308A 1px solid;
	background-color: white;
}

.ASNHeaderText
{
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	color:	#c50030;
}

.ASNAddItemLink
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	color:	#c50030;
}

.ASNLinkCSS
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	color:	#c50030;
}

.buttonAdd {
	background: #FFFFFF; /* url(/web/images/tick.gif) no-repeat;*/
	background-position:1px 1%;
	color: #000000;
	font-weight: bold;
	height: 22px;
	margin: 0;
	padding: 0px 0px 0px 10px;
	line-height:18px;
	text-align:center;
	border-top: 1px solid #97C0E3;
	border-bottom:1px solid #4182BD;
	border-left:1px solid #97C0E3;
	border-right:1px solid #4182BD;
}

/*END ASN CLASSES */



/*START Invoice CLASSES */
.InvoiceOrderHeader
{
	height:24px;
	text-indent: 10px;
	background-color: #36679F;
	font-weight: bolder;
	color: #FFFFFF; /*#d2691e; #000000;*/
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
}

.InvoiceOrderTable
{
	border-right: #c50030 1px solid;
	border-top: #c50030 1px solid;
	font-weight: bold;
	font-size: 10pt;
	border-left: #c50030 1px solid;
	border-bottom: #c50030 1px solid;
	font-family: Arial, Verdana;
	background-color: #FFFFFF;
	border-width : 0px;

}

.InvoiceFooterHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #5D83B3; /*#000000;*/
	border: none;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	text-decoration: none;
}


.InvoiceItem
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
}

.InvoiceItemTable
{
	border-right: #00308A 1px solid;
	border-top: #00308A 1px solid;
	border-left: #00308A 1px solid;
	border-bottom: #00308A 1px solid;
	background-color: #EFF4FF;
}

.InvoicePackTable
{
	border-right: dimgray 1px solid;
	border-top: dimgray 1px solid;
	border-left: dimgray 1px solid;
	border-bottom: dimgray 1px solid;
	background-color: #F0F0F0;
}

.InvoiceSubPackTable
{
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
	background-color: white;
	border-width : 0px;
}

.InvoiceHeaderText
{
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	color:	#c50030;
}

.InvoiceAddItemLink
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
	background-color: transparent;
	color:	#c50030;
}

.InvoicebuttonAdd {
	color: #FF0000;
	font-style:italic;
	font-weight:bold;
}

/*END Invoice CLASSES */

.input_numeric
{
	font-size: 8pt;
	color: black;
	text-align: right;
}

.SummaryHeader
{
	
	font-weight: bolder;
	font-size: small;
	background-color: #36679F;
	color: #F6E223;
}

.SummaryItem
{
	font-weight: bold;
	color: #36679F;
}

.SummaryCountTable
{
	border-bottom-width:thin;
	border-top-width:thin;
	border-left-width:thin;
	border-right-width:thin;
	
	
}
/* END */

.ErrorLabel
{
	color: Red;
	font-weight: bold;
}

/*This compensates for the table spacing that was removed in the new CSS.  
  This will be removed when the docs are converted in the future*/
.PurchaseOrderTable td,
.ASNOrderTable td,
.InvoiceOrderTable td
{
	padding: 2px;
}