.Top_10_group {
    display: grid;
    grid-template-columns: 1fr 130px;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-areas: "top_system ads""top_system2 ads""top_system3 ads""top_system4 ads";
    grid-column-gap: 2rem;
    padding-top: 4rem;
}
div:nth-child(2).Top_10 {
    grid-area: top_system;
}
.detailsForRigs {
    display: grid;
    grid-template-columns: .4fr 0.2fr 0.3fr 0.5fr;
    grid-gap: 0.2rem;
    min-height: 450px;
}
.poweredBy {
    fill: #fff;
    width: 250px;
    stroke: #fff;
    cursor: pointer;
    vertical-align: middle;
}
.sponsorship-text {
    align-self: center;
    color: #fff;
    font-weight: 700;
    margin-top: 4.5rem;
    margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
}
.rigSponsorM1 {text-align: center;}
.rigImagesM1 .detail-grid-image {
    max-width: 80px;
    max-height: 80px;
}
#cpMain_img_main {
    width: auto;
}
.rigImagesM1 {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-evenly;
}
.pager-list-view input {
    width: 25px;
}
.pager-list-view input.aspNetDisabled {
    background: transparent;
}
.pager-list-view input.aspNetDisabled:hover {
    background: transparent;
}
.error {
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    display: block;
    margin-bottom: 3rem;
    background: red;
}
.NumericButtonCSS,
.CurrentPageLabelCSS {
    font-size: 1.5rem
}
#toprating p {
    padding-top: 1rem;
}
#show_header p {
    padding: 2.4rem;
    width: 70%;
}
.welcome>p {
    padding: 1rem 0 4rem;
}
.aspNetDisabled {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5;
    cursor: not-allowed;
}
.aspNetDisabled:hover {
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: .5;
}
a.adEvga {
    float: left;
}
.descBox ul {
    margin-left: 70px;
    list-style: inherit;
}

.top_10__custom {position: relative;}
.spinner-block {background-color: rgba(255, 255, 255, 0.5); position: absolute; width: 100%; height: 100%; z-index: 1;}
.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    width: 105px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
@keyframes rotator {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
}
.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
.pagination.is-centered .pagination-previous {
    order: 0 !important;
}
@-webkit-keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}
@keyframes colors {
    0% {
        stroke: #4285F4;
    }
    25% {
        stroke: #DE3E35;
    }
    50% {
        stroke: #F7C223;
    }
    75% {
        stroke: #1B9A59;
    }
    100% {
        stroke: #4285F4;
    }
}
@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}
@keyframes dash {
    0% {
        stroke-dashoffset: 187;
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}
select {
    font-size: 1.1rem;
    height: 2em !important;
}
.topRatingField {
    margin-bottom: 2rem !important;
}
.itemPlaceholderContainer {
    display: grid;
    grid-row-gap: 3rem;
    grid-template-columns: .5fr .5fr;
    grid-column-gap: 3rem;
    margin-top: 1.7rem;
    padding-bottom: 3rem;
}
.itemPlaceholderContainer .SystemRow {
    display: grid;
    grid-template-areas: "systemTitle systemTitle systemTitle""rigInfo rigSponsor .""rigImages rigImages rigImages";
    grid-template-rows: .1fr .4fr 1fr;
    grid-template-columns: .9fr .17fr 0;
}
.search-block {position: relative;}
.search-block .spinner {margin: 0 auto;}

.SystemTitle {
    grid-area: systemTitle;
    grid-template-columns: 0.1fr 1fr auto auto;
    grid-column-gap: 10px;
    display: grid;
    background: #000;
    color: #fff;
    font-size: 1.25rem;
    margin-bottom: 0.6rem;
    padding: .6rem;
}
.viewSystem {
    font-size: 1.05rem;
}
a.viewSystem:hover {
    color: #fff;
}
.rigInfo {
    grid-area: rigInfo;
    display: grid;
    grid-template-columns: 0.9fr 1fr;
    grid-row-gap: 0.2rem;
    padding: 0 0.6rem;
}
.rigInfo2 {
    grid-area: rigInfo-second;
    display: grid;
    grid-template-columns: 0.9fr 1fr;
    grid-row-gap: 0.2rem;
    padding: 0 0.6rem;
}
.rigSponsor {
    grid-area: rigSponsor;
    padding-right: 0.6rem;
}
.rigImages {
    grid-area: rigImages;
}
.build-block {display: grid; grid-template-columns: 1fr 0.75fr 0.2fr 1fr; grid-template-areas: "rigInfo rigInfo-second rigSponsor rigImages";}
.build-block .rigInfo {display: block;}
.build-block .rigSponsor {text-align: center;}

h1.nts.is-size-4 {
    display: inline;
}
.counter {
    padding-left: 21px;
}
.TopRating {
    padding-bottom: 2rem;
}
div:nth-child(3).Top_10 {
    grid-area: top_system2;
}
div:nth-child(4).Top_10 {
    grid-area: top_system3;
}
div:nth-child(5).Top_10 {
    grid-area: top_system4;
}
.gridImg {
    /*width: 60px;*/
    max-height: 100% !important;
    max-width: none !important;
    width: auto !important;
    height: auto !important;
}
@media screen and (max-width: 600px) {
    #description {
        display: grid;
        grid-template-rows: auto auto;
    }
    #content {
        display: grid;
        grid-template-rows: auto auto;
        justify-content: center;
    }
    .descBox {
        width: 650px !important;
        padding: 1px 4px !important;
        text-align: inherit;
    }
    .Top_10 table {
        width: 100% !important;
    }
}
.blank {
    height: 78px;
    width: 380px;
    position: absolute;
    top: 18px;
}
.powered {
    height: 31px;
    display: none;
    width: 178;
}
.descBox div:first-child {
    border-bottom: 2px solid #000;
    padding-bottom: 12px;
}
#menu {
    align-items: center;
    display: flex;
    width: 100%;
}
.counter {
    color: red !important;
    font-weight: 600;
}
.TopRating {
    font-weight: 600;
}
.Top_10 table {
    border-collapse: collapse;
    width: 100%;
}
.Top_10 table td:first-child {
    font-weight: 600;
}
.Top_10 table tr:nth-child(odd) {
    background-color: #ccc;
}
.Top_10 table tr:first-child {
    background-color: #fff;
}
.gvHeaderUL {
    border-bottom: 2px solid #000
}
.Top_10 a {
    font-weight: 500;
}
.ads {
    grid-area: ads;
}
html {
    height: 100%;
    background-color: transparent;
}
#header {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
}
body {
    background: url("/App_Themes/2011/images/background-v2.jpg") no-repeat #000;
    background-size: cover;
    background-attachment: fixed;
    display: grid;
    grid-template-areas: ". header ."". content ."". footer .";
    grid-template-columns: .5fr 2fr .5fr;
    grid-template-rows: 0fr 1fr 0fr;
}
#header {
    grid-area: header;
}
#content {
    grid-area: content;
}
#footer {
    grid-area: footer;
}
#header {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
}
.header__logo-block {
    text-align: center;
}
.header__logo-block::before {background-color: #fff; content: ""; display: block; height: 5px;}

.evgaBanner {
    padding: 0.5em 1em;
    vertical-align: middle;
}
.rigInfo-details {
    display: grid;
    grid-template-columns: 0.45fr auto;
    grid-gap: 0.4rem;
}
.rigInfo-details .rigTitle {
    font-weight: 600;
}
.detailStats.level {
    background-image: linear-gradient(141deg, #1f191a 0, #363636 71%, #46403f 100%);
    color: #fff;
    padding: 0.3rem 0.6rem;
}
.detail.level {
    padding: 0.8rem 0.8rem;
    font-size: 1.4rem;
    border-radius: .2rem;
}
.detail.level a {
    padding: 0 0.5rem;
}
.panel-other span:nth-child(2n+1) {
    font-weight: 600;
}
.detail.level+div,
.detail.level+article {
    margin-left: 1rem;
    min-height: 200px;
}
.sonet {margin: 2rem 1rem;}

.panel-other {
    display: grid;
    grid-template-columns: repeat(4, auto);
}
.userNotes {
    min-height: 200px;
}
.othersAccessories {
    width: 100%;
    margin-bottom: 4rem;
}
.media .media:first-of-type {
    border-top: 1px solid transparent;
}
.table.is-hoverable.othersAccessories th:nth-child(1) {
    width: 220px;
}
.table {
    width: 100%;
}
.specsDetails table tr:nth-child(1) {
    background-image: linear-gradient(to right top, #0a1525, #061227, #030f29, #020b2b, #03052c);
    border-radius: .2rem;
}
.specsDetails table tr:nth-child(1) th {
    color: #fff;
}
.specsDetails h5 {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
    font-weight: 600;
}
.level-left input {
    width: 30px;
    margin-left: 2rem;
    background-color: #fff;
    opacity: 1;
    color: #fff;
}
.level-left .aspNetDisabled {
    opacity: .5;
}
.level-left .aspNetDisabled:hover {
    background-color: transparent;
    opacity: .5;
}
.level-left input:hover {
    opacity: .7;
}
.totalcomments.level {
    margin-top: 2rem;
}
.totalcomments__count {
    font-size: 1.2rem;
    font-weight: 600;
}
#header #login {
    background-color: #fff;
    margin-left: auto;
    padding-right: 0.5em;
    position: relative;
    text-align: right;
    width: 40%;
    height: 35px;
    z-index: 1;
}
#header #login::before {border-bottom: 40px solid transparent; border-right: 100px solid #fff; content: ""; position: absolute; bottom: 0; left: 0; transform: translateX(-100%);}

.header__main-row {align-items: center; display: flex; margin-bottom: -35px; transform: translateY(-35px);}
.header__main-row > * {flex: 1;}
.header__main-row .header__link {text-align: left;}

#header #loginName {
    color: #ccc; margin-left: auto; padding-right: 0.5em; text-align: right;
}

.navbar {background-color: #fff; height: 35px; min-height: 0; position: relative; width: 40%;}
.navbar::before {border-top: 40px solid transparent; border-left: 100px solid #fff; content: ""; position: absolute; top: 0; right: 0; transform: translateX(100%);}
.navbar-burger {margin-left: 0;}

#header #poweredby_link {
    float: left;
}
#header #menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#header #menu ul li {
    float: left;
    width: 70px;
    text-align: center;
    margin: 0;
}
#content {
    background: #ffffff;
    padding: 2.5rem 1.1rem;
    min-height: 100%;
    height: 100%;
}
.bld_header,
.show_header,
.look_header {
    width: 100%;
    height: 150px;
}
.bld_header>h1,
.show_header>h1,
.look_header>h1 {
    font-weight: 600;
    font-size: 1.5rem;
}
.bld_header p,
.show_header p,
.look_header>p {
    padding: 1rem;
    font-size: 1.1rem;
}

/*2020*/
.main {margin-left: 1.5rem}

#content #main #winHeader {
    position: relative;
    height: 370px;
    clear: both;
}
#content #main div.ads ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content #main div.ads ul li {
    margin-bottom: 20px;
}
#content #main div.ddpod {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}
#content #main div.ddpod ul {
    list-style: none;
}
#content #main div.ddpod ul li {
    display: inline;
    margin-right: 5px;
}

#footer {
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 0.5em;
    position: relative;
}
#footer a {color: #fff;}
#footer a:hover {text-decoration: underline;}

.footer-grid-item {display: grid; grid-template-columns: 0.5fr 0.5fr;}
.topLink {cursor: pointer; text-align: right;}
.footer-grid-item__right {text-align: right;}
.footer-forums {
    clear: both;
    text-align: center;
}
.rigInfo ul {
    margin-left: 5px;
    margin-top: 10px;
    list-style: none;
}
.rigInfo ul li {
    color: #666;
    font-size: 0.90em;
}
.rigInfo li {
    width: 250px;
    padding-top: 2px;
}
.rigTitle {
    font-weight: 500;
}
.rig2 ul {
    margin-left: 5px;
    margin-top: 10px;
    list-style: none;
}
.rig2 ul li {
    color: #666;
    font-size: 0.90em;
}
.rigSponsor div.eligible {
    font-size: 0.625em;
    color: #666;
    text-align: center;
}
.searchResults {
    display: grid;
    grid-row-gap: 3rem;
    grid-template-columns: .5fr .5fr;
    grid-column-gap: 3rem;
    margin-top: 1.7rem;
    padding-bottom: 3rem;
}
input.level-left,
input.level-right {
    width: 30px;
    margin-left: 2rem;
    background-color: #fff;
    opacity: 1;
    color: #fff;
}
.level-left.aspNetDisabled,
.level-right.aspNetDisabled {
    opacity: .5;
}
.level-left.aspNetDisabled:hover,
.level-right.aspNetDisabled:hover {
    background-color: transparent;
    opacity: .5;
}
input.level-left:hover,
input.level-right:hover {
    opacity: .7;
}
.rigImages {
    margin: 10px 0px;
}
.rigImages ul {
    width: 130px;
    list-style: none;
    float: left;
    margin: 0 40px 0 20px;
}
.rigImages ul li {
    float: left;
    margin: 0px;
}
.rigImages ul li div.thumbnails {
    margin: 0px 3px 2px 0px;
    float: left;
}

.winner-heading {font-size: 2rem; font-weight: 700; margin-bottom: 1em; text-align: center;}
.winner-block {display: grid; grid-template-columns: 1fr 0.5fr 1fr; padding: 1rem 0.5rem;}
.winner-block .text_200 {text-align: center;}

.detail {
    background-image: linear-gradient(141deg, #1f191a 0, #363636 71%, #46403f 100%);
    color: #FFF;
    padding: 8px 4px;
    font-weight: 600;
}
.detail a {
    color: #FFF;
    text-decoration: none;
}
.detail a:hover {
    text-decoration: underline;
}
.detailListing {
    border-bottom: 2px solid #000;
    font-weight: bold;
    font-size: 0.90em;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #000;
}
.button-photo-upload {margin-bottom: 1em;}
.photoTitle {
    text-align: left;
    font-size: 2.2rem;
    border-bottom: 2.1px solid #000;
    padding: 0.5rem 0;
}
.photoGrid {
    display: grid;
    grid-template-rows: repeat(7, auto);
    grid-gap: 1rem;
}
.build_thumbs {
    display: grid;
    grid-template-columns: repeat(6, 170px);
    height: 200px;
    justify-content: center;
    grid-gap: 0.5rem;
}
.build_thumbs li {
    display: grid;
    grid-template-rows: repeat(4, auto);
    text-align: center;
}
.build_thumbs li h6 {
    text-align: left;
    padding: 0.1rem 0 0 0.6rem;
    font-size: 1.2rem;
}
.detailComment {
    font-size: 0.75em;
    border-bottom: 1px solid #000;
    margin: 3px 0px;
}
.detailComment div.text {
    margin: 0px 5px;
    width: 525px;
    float: left;
}
.detailItemRow {
    color: #666;
    clear: both;
    font-size: 0.90em;
}
.overclocked {
    color: #C60;
    border-bottom: 2px solid #000;
    margin-bottom: 5px;
    font-size: 0.90em;
}
.hr {
    border-bottom: 2px solid #000;
}
.MR_Build_Row {
    clear: both;
    margin-bottom: 10px;
}
.MR_Build_Box {
    padding: 7px 7px 35px 7px;
    margin: 10px 0px;
    color: #000;
}
.MR_Build_Box h2 {
    font-size: 12px;
    background: #b0afaf;
    color: #FFF;
    margin: 5px 0px;
    padding: 3px;
    text-transform: uppercase;
}
.MR_Build_Box ul {
    margin: 10px 0px;
    list-style: none;
}
.MR_Build_Box ul li {
    font-size: 0.875em;
    margin-bottom: 5px;
}
.MR_Build_Box p {
    font-size: 0.75em;
    margin: 5px;
}
.MR_Build_Box ul.build_thumbs {
    list-style: none;
    margin-left: 23px;
}
.MR_Build_Box ul.build_thumbs li {
    float: left;
    margin: 3px;
    padding: 5px;
    height: 120px;
    width: 100px;
    border: 1px solid #000;
    color: #666;
    font-size: 1.5em;
    font-weight: bold;
}
.MR_Build_Box ul.build_thumbs li img {
    float: right;
}
.MR_Build_Box ul.build_thumbs li div.primary {
    font-size: 0.50em;
    font-weight: normal;
    text-align: center;
    padding: 3px 0px;
    clear: both;
}
.MR_Build_Box div.component {
    font-size: 0.75em;
    clear: both;
}
.MR_Build_Box div.component div.text_75 {
    padding-top: 2px;
}
.MR_Build_Box div.oc_component {
    font-size: 0.75em;
    width: 725px;
    margin-left: 50px;
    margin-bottom: 10px;
    float: left;
}
.MR_Build_Box div.oc_component ul {
    list-style: none;
    margin: 0px;
    float: left;
}
.MR_Build_Box div.oc_component ul li {
    float: left;
    margin-right: 5px;
    height: 25px;
    font-weight: bold;
}
.MR_Build_Box div.accessory {
    margin-bottom: 5px;
    font-size: 0.75em;
    border-bottom: 1px solid #999;
    float: left;
    width: 100%
}
.MR_Build_Box div.validator {
    position: relative;
    top: 0px;
    left: 0px;
}
.MR_Build_Box div.validator div.error {
    margin: 5px 0px;
}
.tabHeader {
    color: Blue;
    height: 15px;
    font-size: 12px;
}
.Searchbar{
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4,auto);
    grid-gap: 1.5rem;   
}

ul.bar {
    display: flex;
    margin-left: 0;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 800px;
}
.searchBar {
    display: inline;
    padding-left: 0.3em;
}
.first {
    border-left: none;
    padding-left: 10px;
}
.watermarked {
    background-color: #E1E1E1;
    border: solid 1px #808080;
    padding: 2px;
}
.nonwatermarked {
    border: solid 1px #808080;
    padding: 2px;
}
.ajax__tab_xp-theme .ajax__tab_header {
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    background: url(images/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
    padding-right: 4px;
    background: url(images/xp/tab-right.gif) no-repeat right;
    height: 21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
    padding-left: 3px;
    background: url(images/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(images/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
    background: url(images/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
    background: url(images/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
    background: url(images/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
    background: url(images/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
    background: url(images/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
    background: url(images/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}
.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-family: arial, helvetica, clean, sans-serif;
    font-size: small;
    border-bottom: solid 2px #999;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
    background: url(images/yui/sprite.png) #d8d8d8 repeat-x;
    margin: 0px 0.16em 0px 0px;
    padding: 1px 0px 1px 0px;
    vertical-align: bottom;
    border: solid 1px #a3a3a3;
    border-bottom-width: 0px;
    cursor: pointer;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
    color: #000;
    padding: 0.35em 0.75em;
    margin-right: 0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer {
    background: url(images/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer {
    background: url(images/yui/sprite.png) #999 repeat-x left -1400px;
}
.ajax__tab_yuitabview-theme .ajax__tab_body {
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #ececec;
    border: solid 1px #808080;
    border-top-width: 0px;
}
.ajax__tab_technorati-theme .ajax__tab_header {
    font-family: "Helvetica Neue", Arial, Sans-Serif;
    background: url(images/technorati/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer {
    background: url(images/technorati/tab.png) no-repeat left top;
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner {
    background: url(images/technorati/tab.png) no-repeat right top;
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner {
    color: #000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer {
    background: url(images/technorati/tab.png) no-repeat 0pt -40px;
    border-bottom-color: #ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner {
    background: url(images/technorati/tab.png) no-repeat right -40px;
    color: #000000;
    border-color: #333
}
.ajax__tab_technorati-theme .ajax__tab_body {
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
    border: solid 1px #d7d7d7;
    border-top-width: 0;
}
.ajax__tab_msngallery-theme .ajax__tab_header {
    background: url(images/msngallery/tab-line.png) repeat-x bottom;
    font-size: 12px;
    display: block;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_outer {
    border: solid 1px #D7DCE1;
    padding: 1px 1px 0px 1px;
    border-bottom: solid 2px #A8D4D9;
    background-color: #edf2fb;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab {
    padding: 6px 10px 6px 10px;
    color: #444444;
    width: 117px;
    display: block;
    text-align: center;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab img {
    height: 24px;
    width: 24px;
}
.ajax__tab_msngallery-theme .ajax__tab_header .ajax__tab_tab div {
    font-family: Verdana, Arial, Sans-Serif;
    font-weight: bold;
    white-space: nowrap;
    line-height: 145%;
    font-size: 92%;
}
.ajax__tab_msngallery-theme .ajax__tab_active .ajax__tab_outer {
    padding: 0px 0px 0px 0px;
    border: solid 2px #A8D4D9;
    border-bottom-color: #ffffff;
    background-color: #ffffff;
}
.ajax__tab_msngallery-theme .ajax__tab_body {
    font-family: verdana, tahoma, helvetica;
    font-size: 10pt;
    padding: 8px;
    background-color: #ffffff;
    border: solid 2px #A8D4D9;
    border-top-width: 0;
}
.ajax__tab_ie-theme .ajax__tab_header {
    padding-left: 5px;
}
.ajax__tab_ie-theme .ajax__tab_header .ajax__tab_tab {
    margin-right: 0px;
    background: url(images/ie/tab_unselected.gif);
    width: 116px;
    padding: 9px 0px 3px 0px;
    text-align: center;
    color: #006699;
    font-family: verdana;
    font-size: 13px;
    display: block;
}
.ajax__tab_ie-theme .ajax__tab_active .ajax__tab_tab {
    padding: 6px 0px 3px 0px;
    background: url(images/ie/tab_selected.gif);
}
.ajax__tab_ie-theme .ajax__tab_body {
    background: url(images/ie/ie_tabbacker_720x296.jpg) no-repeat;
    font-size: 13px;
    font-family: verdana;
    height: 296px;
    width: 716px;
}
.ajax__tab_ie-theme .ajax__tab_body div {
    padding: 8px;
}
#L9 {
    width: 70px;
}
.rigImages > div {
    width: 395px;
    height: 300px;
    overflow: hidden;
    border-radius: 3px;
    float: left;
    display: flex;
    justify-content: center;
}
.imgMain {
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    border-style: none;
}
.float_right {
    float: right;
}
.clear {
    clear: both;
    height: 3px;
}
.buffer {
    clear: both;
    margin-bottom: 5px;
    font-size: 0.75em;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
    margin-right: 10px;
}
.button {
    padding: 5px;
    font-weight: bold;
}
.overflow {
    overflow: hidden;
}
h1.SystemTitle {
    background-color: #333;
    color: #FFF;
    padding: 8px 4px;
    font-weight: bold;
    width: 100%;
}
.gray {
    color: #999;
}
.black {
    color: #000;
}
#curvycorner {
    margin: 0.5in auto;
    color: #fff;
    width: 800px;
    height: 550px;
    padding: 20px;
    text-align: left;
}
.benchInfoGrid {
    display: grid;
    padding-top: 1rem;
    grid-template-columns: repeat(4, auto);
    grid-gap: 0.8rem 2.4rem;
    text-align: right;
}
.SystemRow {
    display: grid;
    grid-template-areas: "systemTitle systemTitle systemTitle""rigInfo rigSponsor .""rigImages rigImages rigImages";
    grid-template-rows: .1fr .4fr 1fr;
    grid-template-columns: .9fr .17fr 0;
}

.revise-block .ajax__tab_body {border-top: 1px solid #dbdbdb; padding: 1.5rem;}
.revise-block .tab-title {border-bottom: 2px solid #000; font-size: 2.2rem; margin-bottom: 1em;}

.Prim-RigInfo {
    display: grid;
}
.forRig {
    width: 65%;
}
.setStatus {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
    grid-gap: 3rem;
}
.rigInfoGrid {
    display: grid;
    grid-template-columns: 0.4fr .6fr;
    grid-template-rows: repeat(2, 0.1fr);
    grid-gap: 1.3rem;
    text-align: right;
    margin-bottom: 2rem;
}
.setPrimaryLast {
    display: grid;
    grid-gap: 1rem;
    justify-content: start;
}
.deleteRig.button:hover {
    background: #ff3860;
    color: #fff;
    transition: .7s;
    border-style: outset;
    border-color: #000;
}
.deleteRig.button {
    transition: .7s;
}
.BuilderNotes {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: auto;
    justify-content: stretch;
    grid-gap: 1rem;
    padding-top: 3rem;
}
.ajax__tab_tab {
    align-items: center;
    border-bottom-color: #dbdbdb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #4a4a4a;
    display: flex;
    justify-content: center;
    margin-bottom: -1px;
    padding: 0.5em 1em;
    vertical-align: top;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.buildEnd {
    padding: 1.4rem 0;
}
.ajax__tab_tab:hover {
    cursor: pointer;
    border-bottom-color: #363636;
    color: #363636;
}
.ajax__tab_tab {
    display: block;
}
.ajax__tab_active .ajax__tab_tab {
    border-bottom-color: #3273dc;
    color: #3273dc;
}
.ajax__tab_tab:hover {
    background-color: whitesmoke;
    border-bottom-color: #dbdbdb;
}
.ajax__tab_active .ajax__tab_tab {
    background-color: white;
    border-color: #dbdbdb;
    border-bottom-color: transparent !important;
}
.content>span {
    display: block;
    position: relative;
    padding-top: 1rem;
    text-indent: 1rem;
}
.sponsorShip {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-gap: 1.5rem;
}
.sponsorShip h2,
.sponsorShip h1 {
    font-size: 1.6rem;
    font-weight: 600;
    padding-left: .7rem;
    border-left: 3px solid;
    background-image: linear-gradient(to right, #0a15251a, #1415271a);
}
.sponsorShip p,
.sponsorShip ul {
    margin-left: 1.2rem;
    padding: 0.5rem 0;
}

.win-banners {
    margin: auto;
    display: block;
  
}

.win-banners a:last-child {
    float: right;
    
}
.won-banner {
    display: inline-block;
    text-align: center;
}
.win-text-area {
    height: 400px;
}
.terms_print {
    font-size: .85rem;
    font-weight: 600;
    padding: 0.1rem 0;
}
.isValid {
    display: grid;
    text-align: center;
}
.notification.is-danger {
    background-color: #f5002e;
}

/* Primary Components */
.PrimContV2 {display: grid; grid-template-columns: 1fr;   grid-template-areas: "PrimaryTitle" "PrimComponents" "CompSettings"; grid-gap: 2rem;}

.PrimaryTitle {grid-area: PrimaryTitle;}
.CompSettings_title {grid-area: CompSettings_title; font-size: 2.2rem; border-bottom: 2.1px solid #000;}

.PrimComponents {display: grid; grid-template-areas: "h-titles" "mobo" "CPU" "RAM" "GPU" "PSU" "case" "cooling" "audio"; grid-gap: 0.5rem 0; grid-area: PrimComponents;grid-row-gap: 0.5rem;}

.h-titles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "type brand model partnumber qty ";
    grid-area: h-titles;
    text-align: center;
}

.is-5.type {text-align: right;}
.title.is-6 {text-align: end;
    /*2020update*/
    margin: 0;}
.type { grid-area: type; }
.brand { grid-area: brand; }
.model { grid-area: model; }
.partnumber {grid-area: partnumber;}
.qty {grid-area: qty; }

.primComponents__type{grid-area: primComponents__type;}
.primComponents__brand {grid-area: primComponents__brand;}
.primComponents__model {grid-area: primComponents__model;}
.primComponents__partnumber {grid-area: primComponents__partnumber;}
.primComponents__qty {grid-area: primComponents__qty;}
.row-qty {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "primComponents__type primComponents__brand primComponents__model primComponents__partnumber primComponents__qty ";
    /*2020update*/
    align-items: center;
}
.row-model {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr; grid-template-areas: "primComponents__type primComponents__brand primComponents__model . .";}

.mobo {grid-area: mobo;}
.CPU {grid-area: CPU;}
.RAM {grid-area: RAM;}

.GPU {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "primComponents__type primComponents__brand primComponents__model primComponents__partnumber primComponents__qty ";
    grid-area: GPU;
}

.PSU { grid-area: PSU;}
.case {grid-area: case;}
.cooling {grid-area: cooling;}
.audio {grid-area: audio;}

.PrimComponents > div {grid-column-gap: 2rem;}
.CompSettings {grid-area: CompSettings; display: grid; grid-template-areas: "s-cpu s2-ram s3-gpu" ". s4-ft .";}
.CompSettings > div > input {width: 17rem;}

.s-cpu {display: grid; grid-template-rows: repeat(15,auto); grid-area: s-cpu;}
.s2-ram {display: grid; grid-template-rows: repeat(15,auto); grid-area: s2-ram;}
.s3-gpu {display: grid; grid-template-rows: repeat(15,auto); grid-area: s3-gpu;}
.s4-ft { grid-area: s4-ft; }

/* Other Components */
.ComponentsParent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: "otherComponents" "oC-Headers" "Add-Components" "Add-Components2" "Add-Components3" "Add-Components4" "Add-Components5" "tbAdd";
    grid-gap: .4rem 0;
    grid-row-gap: 0.5rem;
}
.ComponentsParent > div {grid-gap: 1rem;}

.otherComponents {grid-area: otherComponents;}

.oC-Headers {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "h-title h-brand h-model h-partumber h-qty";
    grid-area: oC-Headers;
}

.h-title { grid-area: h-title; }
.h-brand { grid-area: h-brand; }
.h-model { grid-area: h-model; }
.h-partumber {grid-area: h-partumber;}
.h-qty {    grid-area: h-qty; }


.Add-Components5 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3fr;
    grid-template-areas: "add_icon";
    grid-area: Add-Components5;
    margin-top: 20px;
}
.Add-Components4 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 3fr;
    grid-template-areas: "add-type add-brand add-model add-partnumber add-qty";
    grid-area: Add-Components4;
    align-items: center;
}

.Add-Components3 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 3fr;
    grid-template-areas: "add-type add-brand add-model add-partnumber add-qty";
    grid-area: Add-Components3;
    align-items: center;
}
.Add-Components2 {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 3fr;
    grid-template-areas: "add-type add-brand add-model add-partnumber add-qty";
    grid-area: Add-Components2;
    align-items: center;
}
.Add-Components {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    grid-template-rows: 3fr;
    grid-template-areas: "add-type add-brand add-model add-partnumber add-qty";
    grid-area: Add-Components;
    align-items: center;
}
.add-type { grid-area: add-type; }
.add-brand { grid-area: add-brand; }
.add-model { grid-area: add-model; }
.add-partumber {grid-area: add-partumber;}
.add-qty { grid-area: add-qty; }
.add_icon {grid-area: add_icon; width: 30px; margin-left: 6px;}

.tbAdd {grid-area: tbAdd;}

.svgimg {width: 25px; fill: red;}
.svgimg:hover {fill: #000;}

#cpMain_tcRig_tpOtherComponent_gvOtherComponent .aspNetDisabled {background: transparent;}

/*.otherTable td:nth-child(1), .otherTable td:nth-child(2), .otherTable td:nth-child(3){width: 245px;}*/
.tbAdd {padding: 1.5rem 0;}
.red {color:red;}
.Remove-btn {padding: 0.5% 1%; margin-top: 0.5rem; cursor: pointer; border: 0;color: #fff; border-radius: 4px; background-color: #aaabb2;transition: 0.3s ease;}
.Remove-btn:hover {background-color: #71727c;}

.otherTable > tbody > tr{
    display: grid;
    grid-template-columns: repeat(4,1fr) repeat(3,0.2fr) repeat(1,0.35fr);
    grid-template-rows: 1fr;
    grid-template-areas: "add-1 add-2 add-3 add-4 add-5 add-6 add-7 add-8";
    grid-area: therTable;
}
.otherTable td:nth-child(1){ grid-area: add-1; padding-left: 0;}
.otherTable td:nth-child(2){ grid-area: add-2; }
.otherTable td:nth-child(3){ grid-area: add-3; }
.otherTable td:nth-child(4){ grid-area: add-4; }
.otherTable td:nth-child(5){ grid-area: add-5; }
.otherTable td:nth-child(6){ grid-area: add-8; }
.otherTable td:nth-child(6) a{ color: #2973c6; text-decoration: underline; font-weight: bold; transition: 0.3s ease; display: block;}
.otherTable td:nth-child(6) a:hover{ color: #89bbf4;text-decoration: none;}
.otherTable td:nth-child(7){ grid-area: add-6; }
.otherTable td:nth-child(8){ grid-area: add-7; }

.otherTable > tbody > tr> td{
    word-wrap: break-word;
    word-break: break-all;
}

.thumbnails {width: 60px;height: 60px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.thumbnails a{height: 100%;}
.imgBox {max-height: 100% !important;max-width: none !important;width: auto !important;height: auto !important;}

.input, .textarea {
    border-color: #ababab;
}
.input {
    height: 1.4em;
}
select {
    font-size: 1.1rem;
    height: 1.4em !important;
    border-radius: 4px;
}

.card > a {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}

.card > a > img{
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
}