.hp-intro a, .hp-intro a:hover {
color: #f1a37e;
}
#embedInto {
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 16px;
color: whitesmoke;
}
#embedInto h3 {
color: whitesmoke;
}
#licenseCosts { color: #333;
}
#licenseCosts th {
background-color: #999;
background-color: rgba(0, 0, 0, 0.6);
color: whitesmoke;
font-size: 14px;
border-bottom: 0 none;
padding: 8px;
}
#licenseCosts tr:nth-child(even) td {
background-color: #e2e2e2;
background-color: rgba(255, 255, 255, 0.80);
border-top: 0 none;
}
#licenseCosts td {
background-color: #eeeeee;
background-color: rgba(255, 255, 255, 0.86);
border-top: 0 none;
}
#simulatetable {
width: 100%;
}
.columns table#simulatetable tr:hover, table#promo-table tr:hover {
background: transparent;
}
#embedInto table#simulatetable a {
color: #f26522;
}
table#simulatetable th, table#simulatetable td, table#promo-table th, table#promo-table td {
border-bottom: 0;
}
#simulatetable .h-row th, #promo-table th {
background-color: #777;
background-color: rgba(0, 0, 0, 0.4);
color: whitesmoke;
font-size: 14px;
}
#simulatetable .v-row td, #simulatetable .x-row td {
background-color: #eeeeee;
background-color: rgba(255, 255, 255, 0.8);
border-top: 0 none;
}
.quickpicks {
font-size: 12px;
}
.quickpicks a {
color: #808080;
text-decoration: none;
}
.quickpicks a:hover {
text-decoration: underline;
}
.quickpicks a.highlighted {
color: #444;
}
table#promo-table { float: left; width: 400px;
}
table#promo-table td, table#promo-table th {
vertical-align: middle;
}
table#simulatetable {
width: 100%;
}
table#licenseCosts {
width: 100%;
}
#simulatetable th {
background-color: rgba(255, 255, 255, 0.25);
padding: 8px;
}
#promo-table th {            padding: 8px;             border-right: 1px solid #333333;
border-right: 1px solid rgba(0, 0, 0, 0.25); }
#simulatetable th:first-child, #simulatetable td:first-child {
border-right: 1px solid #333333;
border-right: 1px solid rgba(0, 0, 0, 0.25);
width: 27%;
}
#simulatetable th:last-child, #simulatetable td:last-child {
border-left: 1px solid #333333;
border-left: 1px solid rgba(0, 0, 0, 0.25);
width: 27%;
vertical-align: middle;
}
#promo-table {
border-bottom: 0 none;
}
#promo-table .promo-2 {
border-right: 1px solid #333333;
border-right: 1px solid rgba(0, 0, 0, 0.25);
width: 120px;
}
#promo-table .promo-3, #promo-table .promo-1 {
width: 100px;
}
input[type=number]::-webkit-inner-spin-button {
opacity: 1
}
#simulatetable td, #promo-table td {
background-color: rgba(255, 255, 255, 0.9);
padding: 8px;
color: #444;
}
#simulatetable tr.v-row td {
padding-top: 16px;
}
#simulatetable input {
font-size: 18px;
font-family: 'Open Sans';
}
#middle-row {
font-size: 16px;
line-height: 36px;
margin: 0;
padding: 0;
margin-top: 18px;
margin-bottom: 18px;
}
#mount-purchase-button { }
.payment-button {
background-color: #d44d29;
color: white;
border: 0 none;
width: 200px;
font-size: 14px;
font-weight: bold;
font-family: 'Open Sans';
float: right;
}
.payment-button.disabled {
opacity: 0.6;
}
.payment-button em {
font-style: normal;
}
#show-explanation {
display: block;
text-align: center;
color: #686868;
}
#promo-table td, #promo-table th { text-align: center; width: 200px; }
#promotionCode {
width: 90px;
text-align: center;
}
#simulatetable .x-row td {
padding-top: 0;
}
#startDate {
font-size: 17px;
width: 110px;
text-align: center;
}
#computerCount {
font-size: 17px;
width: 90px;
text-align: center;
}
#endDate {
font-size: 17px;
width: 110px;
text-align: center;
}
#cost-wrapper {
font-size: 22px;
}
#struck {
text-decoration: line-through !important;
opacity: 0.8;
}
#explain-rates p {
line-height: 24px; font-size: 14px; margin-top: 6px;
}
#explain-rates {
padding-top: 8px;
}
.insuff-correction {
text-align: center;
}
.insuff-correction .mark {
display: block;
}
#simulatetable tr.insuff-row td {
border-top: 1px solid #333333;
border-top: 1px solid rgba(0, 0, 0, 0.25);
border-left: 0 none;
border-right: 0 none;
}