/* ***************************************************************************** */
/*  Application Level Styles                                                     */
/* ***************************************************************************** */

body
{
    background-color: #FFFFFF;
    color:#000000;
    font: 10px Verdana, Arial, 'Times New Roman', serif;
}

.noHeight {
	line-height:0;
}

th { padding:3px; }

.cAlign { text-align: center; }
.rAlign { text-align: right; }
.lAlign { text-align: left; }
.vTop { vertical-align: top; }

.evenRow { background-color: #eeeeee; }
.oddRow { background-color: #ffffff; }

a:link { color:#5E0312; }
a:visited { color:#5E0312; }
a:active { color:#5E0312; }
form {margin-bottom : 0; }

.leftColumn {
	background-color: #5E0312;
}

.grayBkgd {
	background-color: #CCCCCC;
}

a.categoryFont {
    font-size: 10px;
    color: #FFFFFF;
	text-decoration: none;
}
a.categoryFont:link {color:#FFFFFF;}
a.categoryFont:visited {color:#FFFFFF;}
a.categoryFont:active {color:#FFFFFF;}
a.categoryFont:hover {color:GREEN;}

a:link.subMenuFont { color:#FFFFFF; font-size:7pt;}
a:active.subMenuFont { color:#FFFFFF; font-size:7pt;}
a:visited.subMenuFont { color:#FFFFFF; font-size:7pt; }
font.subMenuFont { color:#FFFFFF; font-size:7pt;}


font.moduleBannerFont { color:#5E0312; font-size:7pt;}
a:link.moduleBannerFont { color:#5E0312; font-size:7pt;}
a:active.moduleBannerFont{ color:#5E0312; font-size:7pt;}
a:visited.moduleBannerFont { color:#5E0312; font-size:7pt;}


font.moduleBannerHighlightFont { color:#5E0312; font-size:7pt; font-weight:bold;}
a:link.moduleBannerHighlightFont { color:#5E0312; font-size:7pt; font-weight:bold;}
a:active.moduleBannerHighlightFont { color:#5E0312; font-size:7pt; font-weight:bold;}
a:visited.moduleBannerHighlightFont { color:#5E0312; font-size:7pt; font-weight:bold;}

a:link.footerLink { color:#5E0312; }
a:active.footerLink { color:#5E0312; }
a:visited.footerLink { color:#5E0312; }
font.footerLink { font-size: xx-small; color:#5E0312; }
font.footerFont { font-size: xx-small; color:#5E0312;}

font.headerFont { color:;}

/* The Font to use for the title of each page */
.titleFont {
    font-size: 14px;
    font-weight: bold;
}

table.privateCatalogSelectorTable {
    font-size: 10pt;
}

/* The font used to display warnings (returned from in Message List from server calls, and other warnings) */
.warningFont {
    color: red;
    font-weight: bold;
    font-size: 10px;
}

/* Font to use on left hand side */
font.leftSideFont {
    color: #FFFFFF;
    font-size: 10px;
}

a:link.leftSideCatalogLink { color: #FFFFFF; }
a:active.leftSideCatalogLink { color: #FFFFFF; }
a:visited.leftSideCatalogLink { color: #FFFFFF; }

.leftSideDivider {
	border-color: #5E0312;
	border-top-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-style:solid;
}

/* Welcome message font */
font.welcomeFont {
    font-size: small;
    color: black;
    font-family: Verdana, Arial , 'Times New Roman', serif;
}

/* Dept list font */
font.deptListFont {
    font-size: x-small;
    font-family: Verdana, Arial , 'Times New Roman', serif;
}

/* Product list table */
table.productListTable {
    font-size: xx-small;
    font-family: Verdana, Arial , 'Times New Roman', serif;
}

/* completing your order font */
font.completingYourOrderFont {
    font-size: small;
    font-weight: bold;
    font-family: Verdana, Arial , 'Times New Roman', serif;
}

/* Cost center list font */
font.costCenterListFont {
    font-size: x-small;
    font-family: Verdana, Arial , 'Times New Roman', serif;
}

font.siteDescriptionFont {
    font-size: xx-small;
}

font.rightSideFont {
    font-size: 8pt;
    font-family: Verdana, Arial, 'Times New Roman', serif;
    color:#000066;
}

/* Generic small font to use */
.smallFont {
    font-size: xx-small;
}

/* Generic medium small font to use */
.mediumSmallFont {
    font-size: x-small;
}

/* Generic medium font to use */
.mediumFont {
    font-size: small;
}

/* Generic large font to use */
.largeFont {
    font-size: medium;
}

label {
	font-weight:bold;
}

legend{
	font-weight:bold;
}

fieldset {
	border: solid 1px black;
	width:90%;
margin-left:10px;
	}


P { font-family: verdana, arial, sans-serif; font-size: 11px; margin-left: 25px; margin-right: 15px;}
A {color: #000066;}
.p { font-family: verdana, arial, sans-serif; font-size: 11px; margin-left: 25px; margin-right: 15px;}
.member { font-family: verdana, arial, sans-serif; font-size: 9.5px; margin-left: 25px; margin-right: 15px;}
.search { font-family: verdana, arial, sans-serif; font-size: 9.5px; line-height: 14px; color: #000000; font-weight: bold; text-align: right;}

.small { font-family: verdana, arial, sans-serif; font-size: 10px; line-height: 10px; color: #ffffff;}
.smaller  { font-family: verdana, arial, sans-serif; font-size: 9.5px; line-height: 9px; color: #ffffff;}
.input {width: 130px; text-align: right;}
select.grayBorder
{
	border: solid #cccccc 1px;
}

input.grayBorder
{
	border: solid #cccccc 1px;
}

.grayBorder
{
	border: solid #cccccc 1px;
}


.submit {background-color: #000066;
        font-family: verdana;
        font-weight: bold;
        font-size: 9pt;
        color: #FFFFFF;}

.bottomBorder {
 border-bottom:solid black 1px;
}

.noWrap {
	white-space:nowrap
}

.external {
	padding-right: 9px;
	background: url(/images/icons/aoutside.gif) no-repeat right;
}

.popup {
	padding-right: 15px;
	background: url(/images/icons/icon_new_window.gif) no-repeat right;
}

option.inactive {
	background-color:#EFEFEF;
}

th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	color:white;
}

th.sortable a {
	background-image: url(/images/icons/sort_arrow_off.png);
	background-repeat: no-repeat;
	background-position: right;
}

th.order1 a {
	background-image: url(/images/icons/sort_arrow_down.png);
	background-repeat: no-repeat;
	background-position: right;
}

th.order2 a {
	background-image: url(/images/icons/sort_arrow_up.png);
	background-repeat: no-repeat;
	background-position: right;
}

th.sorted {
	background-color: #8F8F8F;
}

thead tr {
	background-color: #4F4F4F;
color:	white;

}

.error {
 color: #781351;
background: #fee3ad;
border: 1px solid #781351;
}

.bordered {
border: 1px solid #000000;
}

/* DHTML window popup */
.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #5E0312;
color: #FFFFFF;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}

.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

* html img,
* html .png{ /*CSS hack for fixing PNGs in IE6*/
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

div.exportlinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	margin: 2px 0 5px 0;
	width: 79%;
	font-size: 11px;
	text-align:left;
}

span.export {
	padding: 0 4px 1px 20px;
	display: inline;
	display: inline-block;
	cursor: pointer;
}

span.excel {
	background-image: url(/images/icons/page_white_excel.png);
	background-repeat: no-repeat;
}

span.csv {
	background-image: url(/images/icons/Icon_csv.gif);
	background-repeat: no-repeat;
}

span.xml {
	background-image: url(/images/icons/page_white_code.png);
	background-repeat: no-repeat;
}

span.pdf {
	background-image: url(/images/icons/page_white_acrobat.png);
	background-repeat: no-repeat;
}

span.rtf {
	background-image: url(/images/icons/page_word.png);
	background-repeat: no-repeat;
}

span.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
	font-size: 11px;
}

span.pagelinks {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	display: block;
	border-top: none;
	margin-bottom: -5px;
	font-size: 11px;
}