﻿body {
    font-family: Arial, Verdana;
    font-size: 8pt;
    background-color:#717171;
}

.PopupHeader
{
font-family: Arial;
font-size: medium;
font-weight: 900;
font-style: oblique;
color: white;
background-color: Gray;
}

.WaterMark
{
    color:Gray;
    font-size:small;
}

.Disclaimer
{
	font-family: Arial;
	font-size: X-Small;
	font-style: normal;
}

.PopupHeader-small
{
font-family: Arial;
font-size: small;
font-weight: 900;
font-style: oblique;
color: white;
background-color: Gray;
}

.Instruct
{
font-weight: bold;
color: Gray;
vertical-align: middle;
}

.Copyright
{
font-size: xx-small;
color: Navy;
}

h1 {
font-weight:bold; 
font-size:12pt; 
color:#E31937;
}
h2 {
font-weight:bold; 
font-size:12px; 
color:#E31937;
padding:0;
margin: 5px 0px 0px 0px;
}
h12ptbold {
font-weight:bold; 
font-size:12px; 
}
.h14ptbold {
font-weight:bold; 
font-size:14px; 
}
p {
    padding: 0px 0px 0px 0px;
    margin: 0px 0xp 0xp 0xp;
}
div {
    padding:0px 0px 0px 0px;
    margin: 0px 0xp 0px 0px;
}
#container {
    width: 1010px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #FFFFFF;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
}
a.menu {
    color:Black;
    text-decoration:none;
}
a.menu:hover {
    font-weight:bold;
    color: Black;
}
a.button1 {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: #E31937; 
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.button1 span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px; 
}
a.button1:hover {
    outline: none;
    background-position: right -22px;
}

span.button1 {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: #E31937; 
    display: block;
    /*float: left;*/
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
span.button1 span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px; 
}
span.button1:hover {
    outline: none;
    background-position: right -22px;
}

span.button1:hover span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}

a.button1:hover span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}
a.button1:active {
    outline: none;
    background-position: right -22px;
    color: #E31937;
}

a.button1:active span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}
a.button1[disabled] {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: Gray;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.button1[disabled] span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px;
}
a.button1[disabled]:hover {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: Gray;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.button1[disabled]:hover span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px;
}
a.link1 {
    font-weight:bold; 
    font-size:12pt;
    color: Black;
    text-decoration: none;
}

.redItalic {
    color:#E31937;
    font-style:italic;
}
.red {
    color:#E31937;
}
/**
input {
    border-color:#E31937;
    border-width:1px;
    border-style:solid;
}
**/

.GridColumnHeader
{
	font-weight:bold;
	background-color:Silver;
	border-bottom: solid 2px #D3D3D3;
}

.GridRowDetails
{
border-bottom-style: solid;
border-bottom-color: Silver;
border-bottom-width: 1px;
}

.ContentPrint
{
border: red 1px solid;
padding: 0px;
margin: 0px;
width: 700px;
height: 100%;
background-color: white;
}

td.tab
{
	border : solid 1px white;
}
td.tab:hover
{
	border : solid 1px black;
	color: red;
}
td.tab:active
{
	border : solid 4px black;
	color: red;
}


.Tabs
{
}


.TabBorder
{
	border-bottom:thin #E31937 solid
}

.variations 
{
	border-style:solid;
	border-width:1px;
	border-color:Black;				
}

.BrandMenu 
{
	cursor:pointer;	
}

.CatLineOver
{
	color:  #035FAC;
	background-image: url(../Images/CatBackgroundDark.gif);
	font-weight: bold;
	/**cursor: pointer;**/
	font-family: arial;

}
.CatLine
{
	color: gray;
	background-image: url(../Images/CatBackground.gif);
	font-weight: bold;
	/**cursor:pointer;**/
	font-family: arial;

}
 
/*               CSS MODAL                               */

#simplemodal-overlay {
  background-color:#000;
  cursor:wait;
}

#simplemodal-container {

  width:700px;
  background-color:#fff;
  border:3px solid #e31937;
}

#simplemodal-container a.modalCloseImg {
 background:url(../images/xred.png) no-repeat;
  width:25px;
  height:29px;
  display:inline;
  z-index:3200;
  position:absolute;
  top:-14px;
  right:-18px;
  cursor:pointer;
}


.ItemInfo {
    margin:10px;
}
.ItemInfo th {
    text-align:right;
    color: gray;
    vertical-align: top;
}
.ItemInfo td {
    text-align:left;
    font-weight:bold;
}


.altItem {
    margin:10px 10px 10px 10px;
    width: 97%;
}
.altItem th {
    
    color: #E31937;
    border-bottom: solid 1px #E31937;
}
.altItem td {
    vertical-align: middle;
    font-weight:bold;
    border-bottom: solid 1px #E31937;
}

.SSIList {
    width:100%;
}
.SSIList th {
    border-bottom: solid 2px #D3D3D3;
    font-weight:bold;
}
.SSIList td {
    padding: 4px;
}

.FieldSet
{
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
    -border-radius: 5px;
}

.Legend-Gray
{
	font-weight: bold;
	font-size:9pt;
	color:gray;
}

.Legend-Blue
{
	font-weight: bold;
	color:#035FAC;
	font-size:9pt;
}




/*  Green Button  */

a.buttonGreen {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: green; 
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.buttonGreen span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px; 
}
a.buttonGreen:hover {
    outline: none;
    background-position: right -22px;
}

a.buttonGreen:hover span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}
a.buttonGreen:active {
    outline: none;
    background-position: right -22px;
    color: green;
}

a.buttonGreen:active span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}
a.buttonGreen[disabled] {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: Gray;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.buttonGreen[disabled] span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px;
}
a.buttonGreen[disabled]:hover {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: Gray;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.buttonGreen[disabled]:hover span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px;
}

/*  Blue Button  */

a.buttonBlue {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: blue; 
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.buttonBlue span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px; 
}
a.buttonBlue:hover {
    outline: none;
    background-position: right -22px;
}

a.buttonBlue:hover span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}
a.buttonBlue:active {
    outline: none;
    background-position: right -22px;
    color: blue;
}

a.buttonBlue:active span {
    padding: 5px 0px 3px 7px;
    background-position: left -22px;
}
a.buttonBlue[disabled] {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: Gray;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.buttonBlue[disabled] span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px;
}
a.buttonBlue[disabled]:hover {
    background: transparent url('../images/SSIButton1_a.png') no-repeat scroll top right;
    color: Gray;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 22px;
    margin-right: 6px;
    padding-right: 7px;
    text-decoration: none;
}
a.buttonBlue[disabled]:hover span {
    background: transparent url('../images/SSIButton1_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding:  5px 0px 3px 7px;
}


.datapager
{
    margin:5px;
    width:100%;
}

.datapager .pagerlastpagelink,
.datapager .pagerfirstpagelink
{
    color:#f60;
}

.datapager .pagerlastpagelinkdisabled,
.datapager .pagerfirstpagelinkdisabled
{
    color:Gray;
}

.datapager .pagerpagesummary,
.datapager .rowsperpagelabel 
{
    font-size:100%;
}

.datapager .rowsperpageselect
{
    font-size: 90%;
    margin-right: 10px;
}

.datapager a 
{
    padding: 1px;
    color: Black;
    margin:2px;
    font-size: 100%;
}

.datapager .pagernextprevious 
{
    font-size: 90%;
}

.datapager a.pagerpageselected
{
    padding: 1px;
    margin:2px;
    font-size: 110%;
    text-decoration:none;
    color: #369;
    font-weight:bold;
}

.GridRowDetailsBorderTop
{
border-top-style: solid;
border-top-color: silver;
border-top-width: 1px;
vertical-align:middle;
}

#progressBackgroundFilter {
    position:fixed; 
    top:0px; 
    bottom:0px; 
    left:0px;
    right:0px;
    overflow:hidden; 
    padding:0; 
    margin:0; 
    background-color:#000; 
    filter:alpha(opacity=10); 
    opacity:0.1; 
    z-index:1000; 
}#processMessage { 
    position:fixed; 
    top:30%; 
    left:43%; 
    width:14%; 
    z-index:1001; 
    background-color:#fff;
}

