@import url('../Personal/Css/styles.css');
 
 .TableOutside
 {
     Background: #eeeeee;
     Color: #333333;
     Font-Weight: bold;
 	border: 1px solid #dddddd;
 }
 
 .TableInside
 {
     Background: #ffffff;
     Color: #333333;
     Width: 100%;
 	padding: 5px;
 }
 
 .TableInsideV2
 {
     Background: #ffffff;
     Color: #333333;
     Width: 100%;
     font-weight: normal;
 }
 
 .TableOutsideSignup
 {
     Background: #eeeeee;
     Color: #333333;
     Font-Weight: bold;
 	border: 1px solid #ddd;
 }
 
 .TableInsideSignup
 {
     Background: #ffffff;
     Color: #333333;
     Width: 100%;
 }
 
 .TableOutsideSignup_Validation
 {
     Background: crimson;
     Color: White;
     Font-Weight: bold;
 }
 
 .TableInsideSignup_Validation
 {
     Background: #ffffff;
     Color: #333333;
     Width: 100%;
 }
 
 .ProductNumber
 {
 	Color: Black;
 	Font-Weight: bold;
 	Font-Size: 8pt;
 }	
 
 
 .ProductExplanation
 {
 	Color: Navy;
 	Font-Weight: normal;
 	Font-Size: 7pt;
 }
 
 .ProductDescription
 {
 	Color: Black;
 	Font-Weight: bold;
 	Font-Size: 8pt;
 }	
 
 TD, A, TEXTAREA, DIV, SPAN, INPUT, SELECT, .Text, .tData
 {
 	Font-Size: 8pt;
 	Font-Family: Arial Unicode MS !important;
 }
 
 .TableRowHeader
 {
 	background: #eeeeee;
 }
 .TableRowHeaderSignup
 {
 	background: #eeeeee;
 }
 
 .DataLabel
 {
 	Color: Navy;
 	Font-Weight: bold;
 }
 
 .DataError
 {
 	Color: Crimson;
 	Font-Weight: bold;
 }
 
 .DataLinkOutside
 {
     FONT-SIZE: 8pt;
     CURSOR: hand;
     FONT-FAMILY: Verdana;
     COLOR: White;    
     FONT-WEIGHT: normal;
     TEXT-DECORATION: none;
     cursor: pointer;
 }
 .DataLinkOutside:hover
 {
     FONT-SIZE: 8pt;
     CURSOR: hand;
     FONT-FAMILY: Verdana;
     COLOR: White;    
     FONT-WEIGHT: normal;
     TEXT-DECORATION: underline;
     cursor: pointer;
 }
 
 BUTTON
 {
     FONT-WEIGHT: bold;
     FONT-SIZE: xx-small;
     CURSOR: hand;
     COLOR: black;
     FONT-FAMILY: Verdana;
     BACKGROUND-COLOR: gainsboro;
 }
 
 SPAN
 {
 	Font-Size: 8pt;
 	Font-Family: Verdana;
 }
 
 .FakeAnchor
 {
 	Font-Size: 8pt;
 	Font-Family: Arial;
 	Color: blue;
     cursor: pointer;
 }	
 
 .FakeAnchor:hover
 {
 	Font-Size: 8pt;
 	Font-Family: Verdana;
 	Color: blue;
 	Text-Decoration: underline;
     cursor: pointer;
 }
 
 .RowBGStandard
 {
 	background-color: whitesmoke;
 }
 
 .RowBGAlternate
 {
 	background-color: White;
 }
 
 .tLabel
 {
     FONT-SIZE: 8pt;
     FONT-FAMILY: Arial;
     font-weight:bold
 }
 
 .gv
 {
     FONT-SIZE: 8pt;
     FONT-FAMILY: Arial;
     background-color:White;
     padding: 2px 2px 2px 2px
 }
 .gvItem
 {
     FONT-SIZE: 8pt;
     FONT-FAMILY: Arial;
     background-color:White
 }
 .gvHead
 {
     FONT-SIZE: 8pt;
     FONT-FAMILY: Arial;
     font-weight:bold;
     text-align:left;
     background-color:#DCDCDC;
     color:Black
 }
 .gvFoot
 {
     FONT-SIZE: 8pt;
     FONT-FAMILY: Arial;
     font-weight:bold;
 }
 .gvAltItem
 {
     FONT-SIZE: 8pt;
     FONT-FAMILY: Arial;
     background-color: #F5F5F5;
     border-bottom: dotted 1 gainsboro
 }
 
 /*- Column Grouping Header Row for GENEALOGY REPORT -*/
 table .gvColumnGroupHeaderRow th {
 	vertical-align: middle;
 	padding: 5px;
 }
 .gvColumnGroupHeaderRow .gvColumnGroupHeaderBlank {
 	background: #666666;
 }
 .gvColumnGroupHeaderRow .gvColumnGroupHeader {
 	border-left: 1px solid #dddddd;
 	border-right: 1px solid #dddddd;
 }
 
 .Required
 {
 	color : red;
 	font-family: Verdana;
 	font-size: 12px;
 }
 
 .credit-yield
 {
     margin: -8px;
 }
 
 /*- Used on the ShoppingCart_DetailedInformation.asp page, activated by the SHOPCART_CHECKOUTPOPUP_DETAILED setting. -*/
 .ShoppingCartInfoOuterTable {
     border: 2pt solid black;
     border-color: #dddddd;
 }
 
 .ShoppingCartInfoHeader {
     background-color: #eeeeee;
 	color: #333333;
 	font-weight: bold;
 }
 
 .ShoppingCartInfoBorderTop {
     border-top:1pt solid black;
 }
 
 .ShoppingCartInfoRowBorderTop td {
     border-top:1pt solid black;
 }
 
 .ShoppingCartInfoPromoRow {
     background-color: #eeeeee;
 }
 
 .ShoppingCartInfoLarger {
     font-size: 14px;
 }
 
 .ShoppingCartInfoDarker {
     background-color: #eeeeee;
 }
 
 .ShoppingCartInfoTableOutside
 {
     Background: #eeeeee;
     Color: #dddddd;
     Font-Weight: bold;
 }
 
 .ShoppingCartInfoTableInside
 {
     Background: #ffffff;
     Color: #333333;
     Width: 100%;
 }
 
 .DataLabelFloatLeft
 {
 	Color: Black;
 	Font-Weight: bold;
     float:left;
     display:inline-block;
 }
 
 .DataLabelFloatRight
 {
 	Color: Black;
 	Font-Weight: bold;
     float:right;
     display:inline-block;
 }
 
 .DataLabelAlignRight
 {
 	Color: Black;
 	Font-Weight: bold;
     text-align:right;
 }
 
 @media (max-width: 500px) {
 	.replicatedDisplayTable .sub {
 		clear: both;
 		display :block;
 	}
 }
 
 .disablingDiv
 {
     /* Do not display it on entry */
     display: none;
 
     /*
         Make sure this is the highest z-index value other than any modals that need to appear on top of it.
     */
     z-index:1999;
 
     /* make it cover the whole screen */
     position: fixed;
     top: 0%;
     left: 0%;
     width: 100%;
     min-height: 100%;
 
     background-color: grey;
     opacity:.4;
 }
 
 .modalPopup {
     display: none;
     position: fixed;
     width: 200px;
     left: 50%;
     top: 50%;
     z-index: 2000;
 }
 
 
 .modalContainer {
      background-color: #fff;
      border: solid 2px black;
      position: relative;
      width: 400px;
      top: 100px;
      left: 50%;
      margin-left: -200px;
      z-index: 2000;
 }
 
 .modalBody {
     padding: 10px;
 }
 
 #modalBodyCheckout {
     padding-top: 10px;
     height: 150px;
 }