/* ================================
   green-new repository skin
   ================================
*/

.MatrixPanel {
    float: left;
    height: auto;
    width: 100%;
    text-align: left;
    vertical-align: top;
    margin: 0 auto;
}

.ButtonArea {
    float: left;
    display: block;
    width: 15%;
}

.MatrixPhone {
    float: left;
    min-height: 600px;
    width: 85%;
    text-align: left;
    padding: 4px 4px 4px 4px;
    border: 2px solid #4093d0;
    overflow-y: auto !important;
}

.Welcome {
    background-color: #fff;
    text-align: center;
}

.RepTitle {
    font-size: 18px;
    line-height: 22px;
}

.Welcome .RepTitle {
    display: block;
    margin-top: 150px;
}

.RepLargeTitle {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: #565462;
}

.RepExitButton {
    display: inline-block;
    padding: 10px 15px;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #77c159;
    border-radius: 3px;
    color: #fff;
    background-color: #77c159;
    font-weight: 500;
}

.RepExitButton:focus,
.RepExitButton:hover,
.RepExitButton:active {
    border-color: #7ad169;
    background-color: #7ad169;
    color: #fff;
}

/*  Document Type Selection buttons */
.docTypeSelectSection,
.buttonSection {
    float: left;
    display: block;
    width: 95%;
}

.DocTypeArea {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

/* Repository Menu Buttons */
a.button00,
a.button01,
a.button02,
a.button03,
a.button04,
a.button05,
a.button06,
a.button07,
a.button08 {
    float: left;
    display: block;
    width: 100%;
    margin-top: 5px;
    padding: 5px 0;
    border: 1px solid #77c159;
    border-radius: 3px;
    color: #fff;
    background-color: #77c159;
    text-align: center;
}

a.button00:hover,
a.button01:hover,
a.button02:hover,
a.button03:hover,
a.button04:hover,
a.button05:hover,
a.button06:hover,
a.button07:hover,
a.button08:hover {
    border-color: #7ad169;
    background-color: #7ad169;
    color: #fff;
}

.button00::after {
    content: "User Profile";
}

.button01::after {
    content: "Most Recent";
}

.button02::after {
    content: "Most Viewed";
}

.button03::after {
    content: "Highest Rated";
}

/* Commented out to allow module settings to set text */
/*.button04::after {
    content: "Contribute";
}*/

.button05::after {
    content: "Search";
}

.button06::after {
    content: "Favorites";
}

.button07::after {
    content: "Full List";
}

.button08::after {
    content: "My Ratings";
}

.MenuMarker {
}

a.SimpleSearchBtn,
a.SimpleSearchBtn:visited,
a.AdvancedSearchBtn,
a.AdvancedSearchBtn:visited {
    display: inline-block;
    border: 1px solid #77c159;
    border-radius: 3px;
    padding: 20px 0;
    width: 50%;
}

a.SimpleSearchBtn:hover,
a.SimpleSearchBtn:active,
a.AdvancedSearchBtn:hover,
a.AdvancedSearchBtn:active {
    border-color: #7ad169;
    background-color: #7ad169;
    color: #fff;
}

.SimpleSearchBtn::after {
    content: "Simple Search";
}

.AdvancedSearchBtn::after {
    content: "Advanced Search";
}

a.SearchBtn,
a.SearchBtn:link,
a.SearchBtn:visited,
a.SearchBtn:active,
a.SearchBtn:hover {
    background-image: url('../images/green-new/search_glass.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    float: left;
}

a.SearchBack,
a.SearchBack:link,
a.SearchBack:visited,
a.SearchBack:hover,
a.SearchBack:active {
    float: left;
    background-image: url('../images/green-new/search_back.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 75px;
    height: 15px;
}

a.SearchBackCriteria,
a.SearchBackCriteria:link,
a.SearchBackCriteria:visited,
a.SearchBackCriteria:hover,
a.SearchBackCriteria:active {
    float: left;
    background-image: url('../images/green-new/search_backtocriteria.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 150px;
    height: 15px;
}

/* Viewer Styles - override base viewer styles */

.viewerHead {
    /*color: #824d7e;*/
    font-weight: bold;
}

.rtvDocs .rtHover .rootNode,
.rtvDocs .rtSelected .rootNode,
.rtvDocs .rtHover .subLvlNode,
.rtvDocs .rtSelected .subLvlNode,
.rtvDocs .rtHover .docNode,
.rtvDocs .rtSelected .docNode,
.rtvDocs .rtHover .docNodeSubmitted,
.rtvDocs .rtSelected .docNodeSubmitted {
    background-image: none !important;
    background-color: transparent !important;
    border: 0 !important;
}

.rtvDocs .rootNode,
.rtvDocs .subLvlNode,
.rtvDocs .docNode {
    padding: 0 0 0 5px !important;
}

.rtvDocs .docNodeSubmitted {
    padding: 0 0 0 5px !important;
    color: #77c159 !important;
}

.rtvDocs .rootNode {
    font-weight: bold;
}

.rtvDocs .rtHover .docNode,
.rtvDocs .rtHover .docNodeSubmitted {
    text-decoration: underline;
    cursor: pointer;
}

.rtvDocs .rtSelected .docNode {
    color: #4093d0 !important;
}

/* Review Mode Styles */
.revNavButtons {
    clear: both;
    width: 100%;
    height: 85px;
    vertical-align: top;
    border-bottom: 2px solid #4093d0;
}

.revNavButton {
    float: left;
    width: 130px;
    height: 75px;
    text-align: center;
}

.revNavButtonAdmin {
    float: right;
    width: 130px;
    height: 75px;
    text-align: center;
}

.navSelectedMarker {
    clear: both;
    width: 122px;
    height: 3px;
    background-color: rgba(64, 147, 208, 0.25);
}

a.revViewAllBtn:link,
a.revAssignedBtn:link,
a.revReviewedBtn:link,
a.revAdminBtn:link,
a.revReportsBtn:link {
    background-image: url('../images/green-new/review-buttons.png');
    background-repeat: no-repeat;
    width: 125px;
    height: 75px;
    float: left;
}

a.revViewAllBtn:link,
a.revViewAllBtn:visited {
    background-position: 0 0;
}

a.revViewAllBtn:hover,
a.revViewAllBtn:active {
    background-position: 0 -75px;
}

a.revAssignedBtn:link,
a.revAssignedBtn:visited {
    background-position: 0 -150px;
}

a.revAssignedBtn:hover,
a.revAssignedBtn:active {
    background-position: 0 -225px;
}

a.revReviewedBtn:link,
a.revReviewedBtn:visited {
    background-position: 0 -300px;
}

a.revReviewedBtn:hover,
a.revReviewedBtn:active {
    background-position: 0 -375px;
}

a.revAdminBtn:link,
a.revAdminBtn:visited {
    background-position: 0 -450px;
}

a.revAdminBtn:hover,
a.revAdminBtn:active {
    background-position: 0 -525px;
}

a.revReportsBtn:link,
a.revReportsBtn:visited {
    background-position: 0 -600px;
}

a.revReportsBtn:hover,
a.revReportsBtn:active {
    background-position: 0 -675px;
}

a.revQPrevBtn:link,
a.revQNextBtn:link,
a.revQSaveBtn:link,
a.revQSubmitBtn:link,
a.revQUnSubmitBtn:link {
    background-image: url('../images/green-new/review-Qbuttons.png');
    background-repeat: no-repeat;
    width: 125px;
    float: left;
    padding-left: 5px;
}

a.revQPrevBtn:link,
a.revQPrevBtn:visited {
    background-position: 0 0;
    height: 25px;
    margin-top: 5px;
}

a.revQPrevBtn:hover,
a.revQPrevBtn:active {
    background-position: 0 -25px;
    height: 25px;
    margin-top: 5px;
}

a.revQNextBtn:link,
a.revQNextBtn:visited {
    background-position: 0 -50px;
    height: 25px;
    margin-top: 5px;
}

a.revQNextBtn:hover,
a.revQNextBtn:active {
    background-position: 0 -75px;
    height: 25px;
    margin-top: 5px;
}

a.revQSaveBtn:link,
a.revQSaveBtn:visited {
    background-position: 0 -100px;
    height: 35px;
}

a.revQSaveBtn:hover,
a.revQSaveBtn:active {
    background-position: 0 -135px;
    height: 35px;
}

a.revQSubmitBtn:link,
a.revQSubmitBtn:visited {
    background-position: 0 -170px;
    height: 35px;
}

a.revQSubmitBtn:hover,
a.revQSubmitBtn:active {
    background-position: 0 -205px;
    height: 35px;
}

a.revQUnSubmitBtn:link,
a.revQUnSubmitBtn:visited {
    background-position: 0 -240px;
    height: 35px;
}

a.revQUnSubmitBtn:hover,
a.revQUnSubmitBtn:active {
    background-position: 0 -275px;
    height: 35px;
}

.revQuestionsArea {
    border-bottom: 1px solid #4093d0;
}

.revOtherReviewsArea {
    border-top: 1px solid #4093d0;
}