@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;
}