﻿.LinkButtonCommandSkin
{
	border-top : solid 1px #ffffff;
	border-left : solid 1px #ffffff;
	border-bottom : solid 2px #ffffff;
	border-right : solid 2px #ffffff;
	background-color : #B0C4DE;
	font-weight : 700;
	display:inline-block;
	width : 60px;
	margin : 1px; 
	padding-bottom : 3px;
	padding-left : 2px;
	padding-right : 2px;
	padding-top : 3px;
	Font-Size : 10pt; 
	text-decoration : none;
	color : Black;
	text-align : center;
	cursor : hand;
}

@media screen, projection {

.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}

html, body, #wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;       /* should be auto */
  min-height: 100%;
}

#header {
  width: 100%;
  height: 96px;      /* height of #header bg img */
  color: #000;
  background-image:url(../../images/greyBg.jpg);
}
#header a
{
    color:White;  
    text-decoration:none;  
}
#footer {
  clear: both;        /* below longest column */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;       /* height of #footer bg img */
  color: #000000;
  text-align: center;
  padding:0 0 0 0;  
  background-color:Black;
}

#main {
  margin: 0;
  padding: 0; /* to be adjusted to #footer height, at minimum */
}

* html #footer {
  position: absolute;
}
* html #main {
  padding-bottom: 100px;
}
head:first-child+body div#footer {
  position: absolute;
}
head:first-child+body div#main {
  padding-bottom: 100px;
} /* */

#headimg1
{
    background: url(../../images/logoOnlineOfficialTheme06.png) +15px center no-repeat;
    height:70px;
}  
#headimg2
{
    background: url(../../images/PaxarBannerOnline.jpg) right center no-repeat;
    height:70px;
} 
#black1
{
    height:5px;
    background-color:Black;    
}
.black
{
    background-color:Black;    
    color:White;
    padding: 6px 0 5px 10px;
}

#sidebar h2
{
    background:url("images/arrow.gif") left center no-repeat;
    padding-left:17px;
}

#sidebar li
{
    text-decoration:none;
    padding:0 0 2px 1px;
    list-style-type:none;
    list-style-position:inside;
    border-left:solid 1px black;
    font-size:small;
}
#sidebar a
{
    text-decoration:none;
    padding:0 0 2px 1px;
    list-style-type:none;
    list-style-position:inside;
    border-left:solid 0px black;
    font-size:8pt;
}
#footer #footer1
{
    padding-left:15px;
    margin-right:170px;
    text-align:left;
    clear:none;
}
#footer #footer2
{
    padding-left:25px;
    background: url("../assets/backToTop.gif") +15px center no-repeat;
    text-align:center;
    margin-right:170px;
}
#footer #footer3
{
    padding-right:15px;
    text-align:center;
}
#footer a
{
    color:White;  
    text-decoration:none;  
}

.red
{
    color:Red;        
}
.disabled
{
    background-color:Silver;
}
.enabled
{
    background-color:White;
}

} /* end screen media rules */

.navigation
{
    FONT-FAMILY: Helvetica, Arial, Tahoma,  Verdana, Sans-Serif
}

.tableBackground
{
    BACKGROUND-COLOR: gray
}
.tableHeaderRow{
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #003366
}
.whiteRow
{
    BACKGROUND-COLOR: #FFFFFF;
    FONT-SIZE: x-small;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.tableLightRow
{
    BACKGROUND-COLOR: #EFE8DB;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.tableLight
{
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.invertedCell
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: #003366
}
.invertedCellDetail
{
    FONT-SIZE: 10pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    BACKGROUND-COLOR: gray
}
.tableLightRowDetail
{
    BACKGROUND-COLOR: #EDE9E3;
    FONT-SIZE: 10pt;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
A.TabHeaderLink
{
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}
A.TabHeaderLink:link
{
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}
A.TabHeaderLink:visited
{
    FONT-SIZE: 10pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}
A.TabHeaderLink:hover
{
 
    FONT-SIZE: 10pt;
    COLOR: #6699cc;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-DECORATION: none
}
.errorMessagePanel
{
	background-color: #FFF8DC;
	border-color : Gray;
	border-style :solid;
	border-width :1px;
	font-size:small;
}

.errorValidationPanel
{
	background-color: #dcdcdc;
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
	font-size:small;
}

.successValidationPanel
{
	background-color: white;
	border-color: Gray;
	border-style: solid;
	border-width: 1px;
	font-size:small;
}

.errorMessage
{
	font-family : Arial Unicode MS, Verdana,Helvetica;
	color : #C00000;
	font-size : 12px;
	margin-left : 10px;
	}

.redTitle
{
	font-family : Arial Unicode MS, Verdana,Helvetica;
	color : #FF0000;
	font-size : 14px;
	font-weight:bolder;
}
.normal
{
    FONT-WEIGHT: normal;
    FONT-SIZE: x-small;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
    TEXT-ALIGN: left;
    FONT-VARIANT: normal
}
.normal H1
{
    FONT-WEIGHT: normal;
    FONT-SIZE: large;
    MARGIN-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    COLOR: #000000
}
.normal H2
{
    FONT-WEIGHT: normal;
    FONT-SIZE: small;
    MARGIN-BOTTOM: 0px;
    VERTICAL-ALIGN: middle;
    COLOR: #000000
}
.normal H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    MARGIN-BOTTOM: 0px;
    VERTICAL-ALIGN: middle! important;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.normal .groupheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    MARGIN-BOTTOM: 0px;
    VERTICAL-ALIGN: middle! important;
    FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}
.normal H3 .A
{
    PADDING-BOTTOM: 7px! important;
    COLOR: #ffffff
}
.normal .normalhighlight
{
    FONT-WEIGHT: bold;
    TEXT-TRANSFORM: uppercase
}
.normal .caption
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small
}
.normal .alert
{
    FONT-WEIGHT: bold;
    COLOR: #ff3333
}
.normal .note
{
    FONT-SIZE: xx-small;
    COLOR: #666666
}
.normal A.note
{
    FONT-SIZE: xx-small;
    COLOR: #666666
}
.normal A.note:hover
{
    FONT-SIZE: xx-small;
    COLOR: #ff3333
}
.normal .activenote
{
    FONT-SIZE: xx-small
}
.normal .price
{
    FONT-SIZE: small
}
.normal .footer TD
{
    BORDER-RIGHT: #000000 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #000000 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small! important;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #000000 0px;
    COLOR: #ffffff! important;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #000000 0px;
    BACKGROUND-COLOR: #000000
}
.normal .footer A:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.normal .footer A:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.normal .footer A:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    COLOR: #ffffff;
    TEXT-DECORATION: none
}
.normal .footer A:hover
{
    COLOR: #cccccc;
    TEXT-DECORATION: underline
}
.normal .toolbarbutton
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    HEIGHT: 20px;
    TEXT-DECORATION: none
}
.normal .toolbarbutton A:link
{
    BORDER-RIGHT: #ffffff 2px outset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ffffff 2px outset;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #ffffff 2px outset;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ffffff 2px outset;
    BACKGROUND-COLOR: #000080;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none! important
}
.normal .toolbarbutton A:visited
{
    BORDER-RIGHT: #ffffff 2px outset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ffffff 2px outset;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #ffffff 2px outset;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ffffff 2px outset;
    BACKGROUND-COLOR: #000080;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none! important
}
.normal .toolbarbutton A:hover
{
    BORDER-RIGHT: #ffffff 2px outset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #ffffff 2px outset;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 2px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: #ffffff 2px outset;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #ffffff 2px outset;
    BACKGROUND-COLOR: #000080;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none! important
}
.normal .toolbarbutton A:active
{
    BORDER-RIGHT: #ffffff 2px inset;
    BORDER-TOP: #ffffff 2px inset;
    BORDER-LEFT: #ffffff 2px inset;
    BORDER-BOTTOM: #ffffff 2px inset;
    BACKGROUND-COLOR: #000080
}
.normal .toolbarbutton A:hover
{
    BACKGROUND-COLOR: #336699
}
.normal .navigation
{
    FONT-SIZE: 0.8em;
    COLOR: #000080;
    TEXT-DECORATION: none
}
.normal A.navigation:visited
{
    FONT-SIZE: 0.9em;
    COLOR: #000080
}
.normal A.navigation:hover
{
    FONT-SIZE: 0.9em;
    COLOR: #336699
}
.normal .activenavigation
{
    FONT-SIZE: 0.9em;
    COLOR: #ff3333;
    TEXT-DECORATION: none
}
.normal A.activenavigation
{
    FONT-SIZE: 0.9em;
    COLOR: #ff3333;
    TEXT-DECORATION: none
}
.normal .button
{
    FONT-WEIGHT: bold;
    FONT-SIZE: small;
    COLOR: #000080;
    TEXT-DECORATION: none
}
.normal A.button:visited
{
    COLOR: #000080
}
.normal A.button:hover
{
    COLOR: #336699
}
.normal .menuBar .barHighlight
{
    COLOR: #ded1b5! important
}

.normal .menu
{
    Z-INDEX: 1000;
    FILTER: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    LEFT: 0px;
    VISIBILITY: hidden;
    BORDER-LEFT: #000000 1px solid;
    POSITION: absolute;
    TOP: 0px;
    moz-opacity: 90%
}
.normal .menu A
{
    COLOR: #000000! important
}
.normal .menu .itemHighlight TD
{
    BACKGROUND-COLOR: #cc9966! important
}
.normal .menu .itemNormal
{
    BACKGROUND-COLOR: #ded1b5! important
}

.normal .menu .seperator123 TD
{
    BACKGROUND-COLOR: #000000! important
}
.normal .boxout
{
    BORDER-RIGHT: #cc9966 1px solid;
    BORDER-TOP: #cc9966 1px solid;
    FONT-SIZE: x-small;
    BORDER-LEFT: #cc9966 1px solid;
    WIDTH: 148px;
    BORDER-BOTTOM: #cc9966 1px solid;
    BORDER-COLLAPSE: collapse;
    BACKGROUND-COLOR: #ded1b5! important
}
.normal .boxout TD
{
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-SIZE: xx-small;
    PADDING-BOTTOM: 6px;
    PADDING-TOP: 6px
}
.normal .boxout THEAD TD
{
    PADDING-RIGHT: 6px;
    PADDING-LEFT: 6px;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    PADDING-BOTTOM: 4px;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: #cc9966! important
}
.normal .controlgroup THEAD TD
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: small;
    PADDING-BOTTOM: 4px;
    COLOR: #ffffff;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: #cc9966;
    FONT-VARIANT: small-caps
}
.normal .controlgroup
{
    BORDER-RIGHT: #cc9966 1px solid;
    BORDER-TOP: #cc9966 1px solid;
    BORDER-LEFT: #cc9966 1px solid;
    BORDER-BOTTOM: #cc9966 1px solid;
    BORDER-COLLAPSE: collapse
}
.normal .controlgroup TD
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-SIZE: x-small;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
.normal .datatable
{
    BORDER-COLLAPSE: collapse
}
.normal .matrix
{
    BORDER-COLLAPSE: collapse
}

.normal .layouttable
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 3px
}
.normal .layouttable
{
    FONT-SIZE: x-small;
    BORDER-LEFT-COLOR: #ffffff;
    BORDER-BOTTOM-COLOR: #ffffff;
    BORDER-TOP-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #ffffff
}

.successMessage
{
	font-family: Arial Unicode MS, Verdana,Helvetica;
	color: #33cc66;
	font-size: 12px;
	margin-left: 10px;
}

table.sortable {
	border-collapse: collapse;
	text-align:center;
}

table.sortable th, table.sortable td {
	text-align:center;
	padding: 4px;
}
table.sortable th , table.sortable th a
{
	font-size:10pt! important;
	font-weight:bold;
	color:white! important;
	text-decoration:none;
}
table.sortable .sortarrow {
	border:0px;
}
table.sortable td {
	
}
table.sortable tr.odd td {
	background-color:white;
}
table.sortable tr.even td {
	background-color:#EFE8DB;
}

table.sortable tr.sortbottom td {
}

.displaynone {display:none;}

.scrollDiv
{
	width:100%;
	height:190px;
	overflow:auto;
}

.scrollDivLong
{
	width:100%;
	height:380px;
	overflow:auto;
}

@media print {
.hideforprint {
display:none;
}
}

.dropdownFixPMX
{
behavior:expression(this.style.visibility = (this.offsetParent.offsetParent.offsetParent.scrollTop+35) > (this.offsetParent.offsetTop - this.parentElement.parentElement.parentElement.firstChild.offsetHeight) ? 'hidden' : 'visible');
} 