﻿/* main body styles */
body {
    font-size: 10px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #89898A;
    background-image: url(/OrderEze/Skins/SyscoSkin/images/bg.gif);
    background-repeat:repeat-x;    
    margin-left: 0px;
    margin-top: 0px;
}
/* all links */
A {
    color: #097EBB;
}
/* text on the top left of table-shadow boxes */
legend {
    font-weight: bold;
    color: #007AB6;
}
/* captions */
.caption {
    color: #89141D;
    font-size: 12px;
    font-weight: bold;
}
/* all buttons */
.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    background-color: #dcdcdc;
    border: 1px solid #999999;
    color: #007AB6;
}
/* all drop down boxes */
.select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    border: 1px solid #999999;
}
/* all textboxes */
.textbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
    border: 1px solid #999999;
}
/* primary title text */
.primary12Label {
    font-size: 12px;
    color: black;
    font-weight: bold;
}
/* primary text */
.primary10Label {
    font-size: 10px;
    color: black;
}
/* secondary title text */
.secondary12Label {
    font-size: 12px;
    color: black;
    font-weight: bold;
}
/* secondary text */
.secondary10Label {
    font-size: 10px;
    color: black;
}
/* header when PanelType is PLAIN */
.topheader {
    border-bottom: 1px solid #09093B;
    background-color: #09093B;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
}
/* header box on gift baskets page */
.gbhead {
    border: black 1px solid;
    padding: 1px 1px 1px 1px;
    font-weight: bold;
    font-size: 10px;
    color: #09093B;
    text-align: center;
}
/* links in the gift baskets header */
.gbhead a {
    color: #09093B;
}

/* styles for the table-shadow images */
td.shadow-top { height: 15px;  background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/top.png)}
td.shadow-topRight { width: 15px; height: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/topRight.png)}			 
td.shadow-right { width: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/right.png)}
td.shadow-bottomRight { width: 15px; height: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/bottomRight.png)}	
td.shadow-bottom { height: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/bottom.png)}
td.shadow-bottomLeft { width: 15px; height: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/bottomLeft.png)}	
td.shadow-left { width: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/left.png)}
td.shadow-topLeft { width: 15px; height: 15px; background-image: url(/OrderEze/Skins/SyscoSkin/images/spanel/topLeft.png)}			 
td.shadow-center { background-color: #f6f6f6;  }



/* Layout Pages */
.qePanel {
    border-bottom: solid 1px #CCCCCC;
    text-align: right;
    background-color: #EEEEEE;
}
table tr td.top { border-top: solid 1px #CCCCCC; }
table tr td.bottom { border-bottom: solid 1px #CCCCCC; }
table tr td.left { border-left: solid 1px #CCCCCC; }
table tr td.right { border-right: solid 1px #CCCCCC; }

.layoutArea {
    margin: 3px;
}
.titleArea {
    margin: 3px 0px 5px 5px;
    font-size: large;
    font-family: Tahoma, Arial, Verdana;
}
.titleIcon {
	background-image: url(/ordereze/images/title_arrow.gif);
	height: 20px;
	width: 20px;
}
.titleText1 {
	color:#007AB6;
	font-size:14px;
	font-weight:bold;
}
.titleText2 {
    color:#66A243;
	font-size:14px;
	font-weight:bold;
}
.menuOverflow {
    overflow: auto; 
    overflow-y: auto; 
    overflow-x: scroll;
    width: 500px;
}
.menuOverflowIe {
}
.StaticMenuItemStyle {
    font-size: 12px;
    padding: 3px;
    color: #097EBB;
    font-weight:bolder;
}
.StaticHoverStyle {
    font-size: 12px;
    padding: 3px;
    color: #6EB440;
}
.DynamicMenuStyle {
    border-bottom: solid 1px #2F67A5; 
    border-left: solid 1px #2F67A5; 
    border-right: solid 1px #2F67A5;
    color: Navy;
    z-index: 1;
}
.DynamicMenuItemStyle {
	background-color:white;
	border-top:1px solid #097EBB;
	color:#097EBB;
	font-size:10px;
	padding:5px;
}
.DynamicHoverStyle {
	background-color:white;
    font-weight:bolder;
	color:#097EBB;
	font-size:10px;
	padding:5px;
}
.layoutMenuNav {
    background-color: #EEEEEE;
}

.bread-crumbs-outer {
	border: 1px solid #CDCDCD;
	padding: 2px;
	background-color: White;
}

.bread-crumbs-inner {
	background-color: #EEEEEE;
}
.breadCrumbs { 
    background-color: #EEEEEE;
}
.footer {
	background-color: #EEEEEE; 
	text-align: center; 
	padding: 3px; 
	border-top: 1px solid #CDCDCD;
}
.flashPanel {
    background-color:white;
}