html*{}
/* DO NOT REFORMAT THIS DOCUMENT! (E.G. CTRL+K+D) */
html,body,form {height:100%;}
html,body{padding:0px;margin:0px;}
body{background-color:#e6e6e6;font-size:10pt; padding:0 1%;}
img{border:0px;}
form{padding:0px;margin:0px;}
a{color:#000099;text-decoration:none;}
a:hover{text-decoration:underline;}
a.aspNetDisabled, a.aspNetDisabled:hover, a[disabled=disabled], a[disabled=disabled]:hover{color: #999;text-decoration:none;}
input,textarea,select{font-family:Helvetica,Arial,Tahoma,Sans-serif;}

.textright{text-align:right;}
.textcenter{text-align:center;}
.textcenter h2 { border:none; margin: 15px 0px 20px 0px; font-size:18px; }
.textcenter p { margin: 15px 0px 20px 0px; }
.textcenter h3 { border:none; font-size: 25px; margin: 15px 0px 15px 0px; }
.textcenter a img { float:right; padding-right: 10px; margin: 12px 0px 20px 0px; }
.textcenter .centerBulletList {
    display: inline-block;
    text-align: left;
    font-size: 18px;
}
.textmiddle {
    vertical-align: middle;
}
.textbottom{vertical-align:bottom;}
.texttop{vertical-align:top;}
.border-full{border-width:1px;}
.border-top{border-top-width:1px;}
.border-right{border-right-width:1px;}
.border-bottom{border-bottom-width:1px;}
.border-left{border-left-width:1px;}
.noborder{border:none!important;}
.twentyFive{width:25%;}
.thirtyThree {width:33%}
.fifty{width:50%;}
.full{width:100%;}
.clear{display:block;clear:both;}
.Required {
    color: red;
}

.Red {
    color: #00A451;
    background-color: #00A451;
}
.extra-padding p {padding: 0;}
.contentBox p { font-size:14px; line-height:24px;}
.contentBox:first-child p { margin:10px!important;}
.contentBox a.learnMore { width:auto!important; font-size:13px!important; padding:10px; line-height:14px;}
.homeTri .left,.homeTri .right{float:left;margin:0px;width:50%;padding:0px;text-align:left;}

.site-message > div { padding:10px; font-weight:bold; font-size:16px;}
.site-message > h3.red { font-size: 20px; padding:10px }
.site-message > h3:before {font-family: FontAwesome; content:'\f071'; font-size:20px; padding-right:5px;}

/* Main Elements */
.wrapper {min-height:95%; position:relative;}
#header{height:60px;border-width:0px 1px 1px 1px;margin:0px 0px 10px 0px; background-color: #00A451 !important;}
#mainContent{border-width:1px;/*margin:0px 0px 50px 0px;*/}
#header,#mainContent,#footer{border-color:#b4b4b4;border-style:solid;background-color:#FFFFFF;padding:10px 10px 20px 10px;}
#footer{border-width:1px 1px 0px 1px;margin:10px 0px 0px 0px;}
.main #wrapper{margin-left:200px;margin-right:22px;margin-bottom:50px!important;}
.main #leftNavigation{width:195px;float:left;margin-left:-200px;}
.main #mainContent{float:left;margin-right:-25px;width:100%;}

/* Header Elements */
#logo {float:left;margin-right:10px;}
#title{float:left;}
#title h1{line-height:60px;width:auto!important;vertical-align:middle;color:#990000;font-size:16pt;margin:0px;padding:0px;font-weight:normal;}
#title h1 span {color:#000;}
#title h1 span span {color:#990000; padding:0 40px 0 0;}
#userMenu{float:right;font-size:8pt;}

/* Menu Elements */
.menu{clear:both!important;display:block;background-image:url('../images/menu-cap-left.png');padding-left:10px;background-repeat:no-repeat;background-position:top left;background-color:#1188c1;height:40px;}
.menu .menuCap{height:40px;padding-right:10px;background-image:url('../images/menu-cap-right.png');background-repeat:no-repeat;background-position:top right;}
.menu ol{margin:0px;padding:0px;width:100%;}
.menu li{margin:0px;list-style-type:none;display:block;float:left;width:9%;padding:0px;border-right:solid 1px #4da5da;height:40px;vertical-align:middle;text-align:center;}
.menu li a{color:#FFFFFF;font-size:8pt;display:block;width:100%;padding:0px;border:none;padding-top:5px;height:35px;text-align:center;vertical-align:middle;}
.menu li a:hover{background-color:#4da5da;color:#FFFFFF;text-decoration:none;}

h2.red,h3.red,h2.blue,h3.blue,h2.green,h3.green,h2.purple,h3.purple
	{border-bottom:solid 3px #000000;color:#FFFFFF;font-size:10pt;font-weight:bold;font-family:Helvetica,Tahoma,Arial,Sans-serif;line-height:26px;vertical-align:middle;background-position:top right;background-repeat:no-repeat;margin:0px 0px 0px 0px;padding-left:10px;}
h2.red,h3.red{background-color:#00A451;}
h2.blue,h3.blue{background-color:#2c6786;}
h2.green,h3.green{background-color:#4b8445;}
h2.purple,h3.purple{background-color:#434c7c;}
.sideBox{border-style:solid;border-width:0px 1px 1px 1px;padding:2px;border-color:#b4b4b4;width:189px;background-color:#FFFFFF;font-size:9pt;margin-bottom:10px;}
input.sideInput{width:174px;}
select.sideInput{width:178px;}
.sideButton{}

.sideBox ul{margin:0px;padding:0px;}
.sideBox li{margin:0px;padding:0px 0px 5px 15px;background-image:url('../../images/bullet.gif');background-position:left 5px;background-repeat:no-repeat;list-style-type:none;}
.sideBox li.noBullet{background-image:none;border-bottom:solid 1px #b4b4b4;height:0px;font-size:0pt;margin-bottom:5px;}
.sideBox .actionLinks{color:#b4b4b4;font-size:8pt;display:block;}
#ToggleRecent,#TogglePurchase{cursor:pointer;}

/* Footer Elements */
#footer{width:100%; text-align:center; position:absolute; /*bottom:-5.3%;*/ padding:10px 0; margin:0;}

/* Table Elements */
.vert th{text-align:left;}
.horz th{text-align:center;}
.vert th,.vert td,.horz th,.horz td{padding:2px;}
.vert table th,.vert table td,.horz table th,.horz table td{padding:0px;}

/* Main Content Elements */
h2{font-size:16pt;border-bottom:solid 3px #000000;padding:0px;margin:5px 0px 10px 0px;font-weight:normal;}
h3{font-size:12pt;border-bottom:solid 1px #000000;padding:0px;margin:5px 0px 10px 0px;font-weight:normal;}
h4,.sectionheader{font-size:10pt;border:none;padding:0px;margin:0px 0px 5px 0px;font-weight:bold;}
.sectionheader{border-bottom:solid 1px #000000;}
.nonList{padding:0px;margin:0px;margin-bottom:10px;}
.nonList li{list-style-type:none;padding-bottom:3px;}
.breadcrumbs{font-size:8pt;margin-top:-7px;margin-bottom:7px;display:block;color:#8c8c8c;}
.contentBox{border:solid 1px #b4b4b4;padding:0px;border-spacing:1px;}

.message{border:solid 1px;padding:0px;text-align:center;margin:10px 2px;}
.message p{padding:2px;margin:2px 0px;}
.message .red,.message.red{border-color:#FF0000;}
.message .red p,.message .red span,.message.red p,.message.red span{color:#FF0000;}
.message .blue,.message.blue{border-color:#2c6786;}
.message .blue p,.message .blue span,.message.blue p,.message.blue span{color:#2c6786;}
.message .green,.message.green{border-color:#4b8445;}
.message .green p,.message .green span,.message.green p,.message.green span{color:#4b8445;}
.message .purple,.message.purple{border-color:#434c7c;}
.message .purple p,.message .purple span,.message.purple p,.message.purple span{color:#434c7c;}
.message .help,.message.help{border-color:#d2b48c;padding:2px;background-color:#ffeec2;background-image:url('../images/icon_help_over.gif');background-repeat:no-repeat;background-position: 0px 0px; padding-left:25px;text-align:left;font-size:9pt;}
.message .help ul,.message.help ul{margin:0px;padding:0px 15px;}
.message .help li,.message.help li{margin:0px;padding-bottom:2px;list-style-type:square;}
.message .help li.nobullet,.message.help li.nobullet{list-style-type:none;}

.twocolumn th{width:200px;text-align:right;}
.twocolumn td{width:auto;}

.SearchTable{margin-top:-10px;}

.standardTitle{font-size:12pt;font-weight:bold;border-bottom:none;margin:0px;margin-bottom:2px;padding:0px;}
.subTitle{font-size:8pt;color:#b4b4b4;}

.standardTable .largerCol {width:20%;}
.standardTable .smallerCol {width:10%;}
.standardTable .exclamationImage {
    width: 15px;
    text-align: left;
    height: 30px;
}
    .standardTable .exclamationImage img {
        margin-bottom: 7px;
    }

.standardTable .exclamationHeader input {
    padding-bottom: 5px;
}

.standardTable .exclamationHeader {
    width: 1%;
}

.grid{padding:0px;cursor:default;background:#ffffff;border-collapse:separate!important;border-spacing:0px;}
.grid th{border-bottom:solid 1px #b4b4b4!important;vertical-align:bottom;background:#c0d5df;}
.grid th a{color:#000000;text-decoration:underline;}
.grid th a:hover{color:#5a5a5a;text-decoration:underline;}
.gridHeader th{border-left-width:0px;border-right-width:0px;border-bottom:solid 1px #b4b4b4;vertical-align:bottom;background:#c0d5df;}
.gridItem tr {border: none; border-bottom:dotted 1px #b4b4b4;float: left;clear: both;}
.gridItem td{border: none;border-top: solid 1px #b4b4b4!important;}
.gridItemHover td{border: none;border-bottom:dotted 1px #b4b4b4;background:#ffff99;}

.grid.centered td,
.grid.centered th {
    text-align: center;
}

.FieldTitle{text-align:right;font-weight:bold;}
.FieldValue{}

.learnMore {display:inline-block; color:#ffffff; background: #00A451; width:100px; text-align: center; font-weight: bold; padding:5px; margin:10px; text-decoration:none!important; border: none;}
.learnMore:hover{background:#8e0404;}

.redLineVid {background: #333333;}
    .redLineVid:before, .alertVid:before {
        content: "\f16a";
        font-family: FontAwesome;
        padding-right: 10px;
        font-size: 15px;
        text-shadow: none;
        font-weight: normal;
    }
        .redLineVid:hover, .alertVid:hover {
            background: #999999;
        }
.alertVid {
    background: #333333;
    width: 340px;
}

/* Page Specific */
	/* Login */
	.login{width:350px;border:solid 1px #b4b4b4;}
	.login,.login td,.login table,.login table td{padding:0px;margin:0px;border-collapse:collapse;border-spacing:0;}
	.login table{width:100%;}
	.login table td{width:50%;padding:3px;}
	
	.login table td.login-title{background-color:#e6e6e6;border-bottom:solid 1px #b4b4b4;font-weight:bold;}
        .login table td.login-label {
            text-align: right;
            vertical-align: top;
            padding-top: 5px;
        }
	.login table .login-button{}
	.login table .login-textbox{width:150px;}
        .login table .login-failure {
            font-size: 12px;
        }
	
	.loginMessage{width:316px;border:solid 1px #990000;padding:3px 3px 3px 30px;background-image:url('../images/icon_help_over.gif');background-repeat:no-repeat;background-position: 5px 5px;background-color:#ffeec2;text-align:left;margin-bottom:10px;}

    .loginLinks div{margin-top:20px;}
	
	/* Default */
	.homepageStats{border:none;width:100%;}
	.homepageStats th,.homepageStats td{padding:3px;border:none;}
	.homepageStats th{text-align:right;font-weight:bold;width:30%;}
	.homepageStats td{text-align:left;width:15%;}
	
	/* Missing Files */
	.search{border:solid 1px #b4b4b4;margin-bottom:10px;}
	
	/* Standard Search */
	.standardSearch {width:100%;border:solid 1px #b4b4b4;margin-bottom:10px;}
	.standardSearch th,.standardSearch td{padding:3px;}
	.standardSearch th{font-weight:bold;}
	.standardSearch th.standardNumber{width:125px;}
	.standardSearch td.standardNumber{width:200px;}
	.standardSearch th.keywords{width:75px;}
	.standardSearch td.keywords{width:200px;}
	.standardSearch th.searchFor{width:75px;}
	.standardSearch td.searchFor{width:100px;}
	.standardSearch td.btn{width:auto;}
	.standardSearch .searchTxt{width:190px;}
	
	/* IP Shield Training Search */
	.trainingSearch{margin:0px;padding:0px;height:45px;}
	.trainingSearch li{display:block;float:left;list-style-type:none;height:45px;width:18%;text-align:center;padding:0px 2px 0px 0px;}
	.trainingSearch li a{display:block;height:35px;border:solid 1px #b4b4b4;background-color:#e6e6e6;text-decoration:none;color:#000000;padding:3px;}
	.trainingSearch li a:hover{background-color:#d5d5d5;text-decoration:none;}
	table.trainingSearch{}
	table.trainingSearch th{width:75px;}
	table.trainingSearch td{width:auto;}
	
	/* Manage Revision Search */
	.revisionSearch {width:100%;border:solid 1px #b4b4b4;margin-bottom:10px;}
	.revisionSearch th,.standardSearch td{padding:3px;}
	.revisionSearch th{font-weight:bold;}
	.revisionSearch th.standardNumber{width:125px;}
	.revisionSearch td.standardNumber{width:200px;}
	.revisionSearch th.editionNumber{width:125px;}
	.revisionSearch td.editionNumber{width:200px;}
	.revisionSearch th.isStandard{width:110px;}
	.revisionSearch td.isStandard{width:50px;}
	.revisionSearch td.btn{width:auto;}
	.revisionSearch .searchTxt{width:190px;}
	
	/* User Details */
	.userDetails th{text-align:left;}
	.userDetails th,.userDetails td{width:25%;}
	.userDetails .grid th{text-align:center;}
	.userDetails .grid th,.userDetails .grid td{width:auto;}
	.txtbx{width:190px;}
	
	/* Purchase Agreement */
	.wiretransfer th{text-align:left;font-weight:bold;}
	
	/* Contact Us */
	.support th{text-align:left;font-weight:normal;}
	.support td{width:auto;}
	
	/* IBR Pages */
	.registerForm th {width:130px; text-align:left; vertical-align:top;}
	.registerForm .note {font-size:10px; display:block;}
	.registerForm .terms {font-size:12px; font-weight:bold; padding-top:10px;}
	.registerForm .terms label, .registerForm .terms input {display:inline-block; vertical-align:middle;}
	.tableDocuments th, .tableDocuments td {text-align:left;}
	.tableDocuments td {padding:3px;}
	.tableDocuments .gray {background:#eee;}

    /* Redline Purchase Page */
    .redlinePurchaseTable table td:first-child {width:75%;}
    .redlinePurchaseTable table td:last-child {width:25%; text-align:right;}
    .redlinePriceTable {width:100%; float:right; padding-top: 5px;}
    .redlinePriceTable td {width:25%; float:right;}

    /* RedLine Press Release Page */
    .redline-wrapper h2 {padding:15px 20px; background:#00A451; color:#fff; border:none;}
    .redline-wrapper p {padding:0 0 10px 0; margin:0; line-height: 1.3;}
    .redline-wrapper p .blue-underline {color:blue; text-decoration:underline;}
    .redline-wrapper p .red-strike {color:red; text-decoration:line-through;}
    .redline-wrapper .gray-callout {margin:40px; padding:15px 20px 10px; background:#f5f5f5; font-size:14px;}
    .redline-wrapper iframe {display:block; margin:0 auto;}
    .redline-wrapper .btn-container {width: 545px; margin: 0 auto; min-height: 90px;}
    .redline-wrapper .learnMore.red-btn {width: 200px; float: left; padding: 10px 15px; margin: 20px 20px 5px; height: 35px;}
    .redline-wrapper .learnMore.red-btn.middle-text {line-height:35px;}
    .redline-wrapper .extra-info {display:block; margin:20px 40px; font-size:14px;}


.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.45);
    z-index: 98;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 99;
    height: auto;
    margin-left: -40%;
    width: 80%;
    background-color: #fff;
    padding: 1.25em;
    border: solid 1px #666;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    top: 50px;
}

    .reveal-modal .column, .reveal-modal .columns {
        min-width: 0;
    }

    .reveal-modal > :first-child {
        margin-top: 0;
    }

    .reveal-modal > :last-child {
        margin-bottom: 0;
    }

    .reveal-modal .close-reveal-modal, .reveal-modal .subscriptionClose {
        font-size: 3.375em;
        line-height: 1;
        position: absolute;
        top: 0.0em;
        right: 0.0875em;
        color: #aaa;
        font-weight: bold;
        cursor: pointer;
    }

@media only screen and (min-width: 768px) {
    .reveal-modal {
        padding: 1.875em;
        top: 6.25em;
    }

        .reveal-modal.tiny {
            margin-left: -15%;
            width: 30%;
        }

        .reveal-modal.small {
            margin-left: -20%;
            width: 40%;
        }

        .reveal-modal.medium {
            margin-left: -30%;
            width: 60%;
        }

        .reveal-modal.large {
            margin-left: -35%;
            width: 70%;
        }

        .reveal-modal.xlarge {
            margin-left: -47.5%;
            width: 95%;
        }
}

@media print {
    .reveal-modal {
        background: #fff !important;
    }

    .hide-on-print {
        display: none !important;
    }
}


.textWhite {
    color: white !important;
}

.textSmall {
    font-size: smaller !important;
}

.logoImage {
    max-height: 60px !important;
}

.imageClose {
    max-height: 30px !important;
}

.directoryofstandards-visible {
    visibility: hidden;
    display: none;
}

.directoryofstandards-ulse-visible {
    visibility: hidden;
    display: none;
}

.directoryofstandards-ulsolutions-visible {
    visibility: hidden;
    display: none;
}

.no-padding {
    padding: 0px !important;
}

#consent_blackbar {
    position: fixed;
    bottom: 0px;
    width: 98%;
    z-index: 99999;
}

.no-documents-message {
    padding-bottom: 20px;
    display: block;
}

.registration-menu-link-on {
    color: gray;
    font-weight: bold;
}

.registration-menu-link-active {
    color: black;
    font-weight: bold;
}

.registration-menu-link-off {
    color: darkgray;
    font-weight: bold;
}

.crd-document-details:hover .crd-title {
    display: block;
    position: absolute !important;
    background-color: WhiteSmoke;
    border: 1px solid black;
    z-index: 9999;
}

.crd-title {
    display: none;
}

.user-machine-label {
    margin-left: 20px;
}

#autocomplete-list {
    position: absolute;
    z-index: 999;
    background: white;
    width: 40%;
    max-width: 250px;
}

.autocomplete-option {
    height: 23px;
    border: 1px solid #a1aeb7;
    padding: 4px 2px 2px 10px;
    color: #a1aeb7;
    font-size: 14px;
}

    .autocomplete-option:hover, .autocomplete-option.selected {
        background-color: #eeeeee;
    }

    .autocomplete-option i {
        float: right;
        color: grey;
    }

#catalog-autocomplete-list {
    position: absolute;
    z-index: 999;
    background: white;
    width: 40%;
    max-width: 250px;
    margin-left: 171px;
}

.gg-arrow-right {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,1));
    width: 22px;
    height: 22px
}

    .gg-arrow-right::after,
    .gg-arrow-right::before {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        right: 3px
    }

    .gg-arrow-right::after {
        width: 8px;
        height: 8px;
        border-top: 2px solid;
        border-right: 2px solid;
        transform: rotate(45deg);
        bottom: 7px
    }

    .gg-arrow-right::before {
        width: 12px;
        height: 2px;
        bottom: 10px;
        background: currentColor
    }