﻿
/* tooltip styling */

.tooltip {
    display: none;
    background: url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
    height: 163px;
    padding: 40px 30px 10px 30px;
    width: 310px;
    font-size: 11px;
    color: #fff;
}



    /* a .label element inside tooltip */

    .tooltip .label {
        color: yellow;
        padding: 10px;
    }



    .tooltip a {
        color: #ad4;
        font-size: 11px;
        font-weight: bold;
    }






/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #000000;
    background-color: rgb(251, 251, 251);
    overflow: scroll;
    cursor: auto !important;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page {
    text-align: center;
    margin: 0;
    padding: 0;
    color: #000000;
    /*background-color: ButtonFace;/*#FFFAF0;*/
    display: block;
}

div#content {
    width: 988px;
    text-align: center;
    margin: 0;
    padding: 0;
    display: inline-block;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    padding: 0;
    display: block;
    text-align: center;
}

    header h1, #header h1 {
        font-family: Tahoma;
        padding: 10px 0 0px 0;
        margin: 0;
        border: none;
        /*line-height: 2em;*/
        font-size: 30px !important;
        color: rgb(57, 57, 57);
        /*filter: Shadow(rgb(200, 200, 200), 45, 4);*/
        /*text-shadow: 2px 2px 1px rgb(57, 57, 57); */
    }

/* TAB MENU   
----------------------------------------------------------*/
div#logon {
    width: 988px;
    color: rgb(57, 57, 57);
    text-align: right;
    font-family: Tahoma;
    font-size: 14px;
    border: 0px solid red;
    display: inline-block;
    padding-bottom: 2px;
    font-weight: 500;
}

    div#logon.notVisible {
        visibility: hidden;
    }

div#menucontainer {
    width: 980px;
    margin-bottom: 1em;
    border-radius: 7px; /* CSS3 */
    -moz-border-radius: 7px; /* Firefox */
    -webkit-border-radius: 7px; /* Safari, Google Chrome */
    -khtml-border-radius: 7px; /* KHTML */
    -o-border-radius: 7px; /* Opera */
    -ms-border-radius: 7px; /* IE8 */
    -icab-border-radius: 7px; /* Icab */
    /*behavior: url("border-radius.htc");*/ /* IE */
    border-color: rgb(111, 111, 111);
    border-width: 4px;
    border-style: none solid;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    background-color: rgb(111, 111, 111);
    /*background: url("/Content/Images/button.png")  repeat-x;*/
}

table#menu {
}

    /*table#menu tr
{        
    height: 40px;
    border: 1px solid #363636;        
}*/

    table#menu tr td {
        /*background: url("/Content/Images/button.png")  no-repeat;*/
        font-family: Tahoma;
        background-color: rgb(111, 111, 111);
        overflow: hidden;
        border-right: 1px solid #363636;
        text-align: center;
        vertical-align: middle;
        height: 40px;
        /*border-left-width: 0;*/
    }

        table#menu tr td a {
            font-weight: bold;
            text-decoration: none;
            color: #E8E8E8;
            /*background-color: rgb(101, 101, 101);*/
            /*background-image: url("/Content/Images/button.png")  repeat-x;*/
        }

        table#menu tr td:hover {
            text-decoration: underline;
            background-position: top top;
            background-color: rgb(57, 57, 57);
            cursor: pointer;
            /*background: url("/Content/Images/headerhover.png")  repeat-x;*/
        }

    table#menu tr .staticTD:hover {
        background-color: rgb(111, 111, 111);
        cursor: auto;
    }

    table#menu tr td:hover a {
        text-decoration: underline;
    }

.tableCourt_1, .tableCourt_2, .tableCourt_3 {
    border: 0px solid red;
    border-collapse: collapse;
    margin: 0;
    width: 100%;
}

.tableCourt_1 {
    height: 170px;
}

.tableCourt_2 {
    height: 150px;
}

.tableCourt_3 {
    height: 270px;
}

    .tableCourt_1 td, .tableCourt_2 td, .tableCourt_3 td {
        border: 0px solid red;
        padding: 5px;
        text-align: left;
        vertical-align: middle;
    }

    .tableCourt_3 td {
        padding-bottom: 15px;
    }

.tdLeft {
    width: 1px;
}

.alright {
    text-align: left;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}*/

/* TABLE
----------------------------------------------------------*/

/*table 
{
    border-style: none;    
    border-collapse: collapse;
}

table td {
    padding: 5px;    
}

table th {
    padding: 6px 5px;
    text-align: left;    
}
*/

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label {
    margin: 1em 0 0 0;
}

.display-field,
.editor-field {
    margin: 0.5em 0 0 0;
}

.text-box.multi-line {
    height: 6.5em;
}

.tri-state {
    width: 6em;
}

.btn, .btnclear {
    border: 1px solid rgb(170, 170, 170);
    color: rgb(57, 57, 57);
    background-color: rgb(240, 240, 240);
    margin: 0;
    margin-left: 10px;
    font-size: 100%;
    font-weight: bold;
    width: 150px;
    height: 30px;
    border-radius: 12px;
    -moz-border-radius: 12px; /* Firefox */
    -webkit-border-radius: 12px; /* Safari, Google Chrome */
    -khtml-border-radius: 12px; /* KHTML */
    -o-border-radius: 12px; /* Opera */
    -ms-border-radius: 12px; /* IE8 */
    -icab-border-radius: 12px; /* Icab */
}

    .btn:hover, .btnclear:hover {
        border: 1px solid rgb(150, 150, 150); /*rgb(125, 204, 251); blue*/
        color: rgb(17, 17, 17);
        background-color: rgb(230, 230, 230); /*rgb(226, 242, 253); blue*/
        cursor: pointer;
    }

*.tbdates {
    /*font-size: 1em;    
    padding: 0.2em;*/
    width: 100px;
}

input#CourtCode,
input#UserCourtCode,
input#ChairmenName,
input#RegNumber,
input#CaseNumber {
    width: 100px;
    border: 1px solid ButtonShadow;
}

input#UserCourtCode {
    width: 344px;
}

div#init,
div#back,
div#block {
    padding: 0;
    margin: 0;
    display: none;
    border: 2px solid ButtonShadow;
    font-family: "Times New Roman";
    font-size: 15px;
    background-color: rgb(245, 245, 245); /*ButtonFace;*/
    position: absolute;
    z-index: 1;
    border-radius: 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}

div#block {
    padding: 20px;
    font-weight: bold;
    color: rgb(57, 57, 57);
    z-index: 1000;
    border-radius: 7px;
    -moz-border-radius: 7px; /* Firefox */
    -webkit-border-radius: 7px; /* Safari, Google Chrome */
    -khtml-border-radius: 7px; /* KHTML */
    -o-border-radius: 7px; /* Opera */
    -ms-border-radius: 7px; /* IE8 */
    -icab-border-radius: 7px; /* Icab */
}

.init-log, .init-pass, .init-submit,
.back-mes, .back-name, .back-mail, .back-message, .back-word, .back-submit {
    border: 0px solid red;
    margin: 0px;
    padding: 25px 10px 0 10px;
    text-align: left;
}

    .init-log a, .init-pass a,
    .back-name a, .back-mail a, .back-message a, .back-word a {
        color: rgb(57, 57, 57);
        font-weight: bold;
    }

        .init-log a.redColor, .init-pass a.redColor,
        .back-name a.redColor, .back-mail a.redColor, .back-message a.redColor, .back-word a.redColor {
            color: red;
        }

.notVisible {
    display: none;
}

.init-submit,
.back-submit {
    padding-bottom: 25px;
    text-align: center;
}

input#initLog, input#initPass, input#initOk, input#initCancel,
.backName, .backMail, .backMessage, .backWord, .backImage,
.backOk, .backCancel, .backConnection {
    width: 300px;
    padding: 3px 7px 3px 7px;
    border: 1px solid ButtonShadow;
    border-radius: 7px;
    -moz-border-radius: 7px; /* Firefox */
    -webkit-border-radius: 7px; /* Safari, Google Chrome */
    -khtml-border-radius: 7px; /* KHTML */
    -o-border-radius: 7px; /* Opera */
    -ms-border-radius: 7px; /* IE8 */
    -icab-border-radius: 7px; /* Icab */
}

.backImage {
    width: auto;
    padding: 0;
    margin-top: 5px;
}

    .backImage:hover {
        cursor: pointer;
    }

.backMessage {
    height: 100px;
    overflow: auto;
}

input#initOk, input#initCancel,
.backOk, .backCancel,
.backConnection {
    border: 1px solid rgb(170, 170, 170);
    color: rgb(57, 57, 57);
    background-color: rgb(240, 240, 240);
    width: 100px;
    margin: 0 10px 0 10px;
    padding: 3px 0 3px 0;
    font-weight: bold;
}

.backConnection {
    margin: 0;
    width: 150px;
}

    input#initOk:hover, input#initCancel:hover,
    .backOk:hover, .backCancel:hover,
    .backConnection:hover {
        border: 1px solid rgb(150, 150, 150); /*rgb(125, 204, 251); blue*/
        color: rgb(17, 17, 17);
        background-color: rgb(230, 230, 230); /*rgb(226, 242, 253); blue*/
        cursor: pointer;
    }

div#divsearch {
    width: 980px;
    padding: 0;
    margin-bottom: 0em;
    text-align: center;
    vertical-align: middle;
    /*overflow: hidden;*/
    display: inline-block;
    border: 4px solid ButtonShadow;
    font-family: "Times New Roman";
    font-size: 15px;
    background-color: rgb(251, 250, 249); /*ButtonFace;*/
    border-radius: 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}

table#tablesearch {
    /*border-width: 0;*/
    border: 0px solid red;
    border-collapse: collapse;
    width: 100%;
}

.divtr {
    display: table-row;
}

.tdHeaderSearch {
    border: 0px solid red;
    padding: 10px;
    text-align: left;
}

.divLeftSearch, .divRightSearch {
    display: block;
    width: 50%;
    float: left;
}

.divRightSearch {
    float: right;
}

.intoLeftSearch, .intoRightSearch {
    display: block;
    vertical-align: top;
    padding: 15px 5px 10px 10px;
}

.intoRightSearch {
    padding: 15px 10px 10px 5px;
}

#divFooterSearch {
    background-color: rgb(215, 215, 215);
    padding: 10px;
    display: block;
    border-radius: 0 0 12px 12px;
    -moz-border-radius: 0 0 12px 12px; /* Firefox */
    -webkit-border-radius: 0 0 12px 12px; /* Safari, Google Chrome */
    -khtml-border-radius: 0 0 12px 12px; /* KHTML */
    -o-border-radius: 0 0 12px 12px; /* Opera */
    -ms-border-radius: 0 0 12px 12px; /* IE8 */
    -icab-border-radius: 0 0 12px 12px; /* Icab */
}

    #divFooterSearch table {
        border: 0px solid red;
        border-collapse: collapse;
        width: 100%;
    }

    #divFooterSearch .td1 {
        text-align: left;
    }

    #divFooterSearch .td2 {
        text-align: right;
        padding: 0;
    }

.divCount {
    border: 1px solid lightGreen;
    display: inline;
}

.divSearch {
    border: 1px solid red;
    display: inline-block;
    width: 100%;
}

div#divRecordsOnPage, div#divLiga, div#divProviderLinks {
    width: 980px;
    display: inline-block;
}

table#tableRecordsOnPage, table#tabledivLiga, table#tableLiga, table#tabledivPL, table#tablePL {
    width: 100%;
    margin: 10px 0 10px 0;
    font-family: "Times New Roman";
    font-size: 15px;
    border-collapse: collapse;
}

table#tabledivLiga, table#tabledivPL {
    margin: 0 0 10px 0;
}

table#tableLiga, table#tablePL {
    width: 100%;
    margin: 0;
}

table#tableRemarks {
    width: 100%;
    margin: 0 0 10px 0;
}

table#tableRecordsOnPage td, table#tabledivLiga td, table#tableLiga td, table#tabledivPL td, table#tablePL td {
    vertical-align: middle;
    border: 0px solid ButtonShadow;
}

td#tdBetaVersion {
    width: 450px;
    text-align: left;
}

td#tdEmptyRecordsOnPage {
    width: 220px;
}

a#aLiga, a#aRemarks {
    color: Blue;
    text-decoration: underline;
}

    a#aLiga:hover, a#aLiga:visited, a#aRemarks:hover, a#aRemarks:visited {
        text-decoration: none;
        cursor: pointer;
    }

td#tdTextRecordsOnPage {
    text-align: left;
}

td#tdRecordsOnPage {
    padding: 0 10px 0 0;
    text-align: right;
    width: 1px;
}

td#tdRemarks1, td#tdPLRemarks1 {
    width: 450px;
}

td#tdRemarks2, td#tdPLRemarks2 {
    width: 220px;
}

td#tdRemarks3, td#tdPLRemarks3 {
    text-align: left;
}

select#PagingInfo_ItemsPerPage {
    border: 1px solid ButtonShadow;
    padding: 0;
    margin: 0;
}

td#tdSecondLiga, td#tdTitlePL {
    text-align: left;
    padding: 0 0 0 10px;
}

td#tdThirdLiga, td#tdPLList {
    text-align: right;
    padding: 0;
}

div#divresult {
    width: 980px;
    padding: 0px;
    margin: 10px 0 10px 0;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    border: 2px solid ButtonShadow;
    font-family: Tahoma; /*"Times New Roman";*/
    font-size: 11px;
    background-color: rgb(225, 225, 225);
    border-radius: 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}

table#tableresult {
    /*border-width: 0;*/
    border: 0px solid red;
    border-collapse: separate;
    width: 100%;
    border-radius: 12px 12px 12px 12px;
    -moz-border-radius: 0 0 12px 12px; /* Firefox */
    -webkit-border-radius: 0 0 12px 12px; /* Safari, Google Chrome */
    -khtml-border-radius: 0 0 12px 12px; /* KHTML */
    -o-border-radius: 0 0 12px 12px; /* Opera */
    -ms-border-radius: 0 0 12px 12px; /* IE8 */
    -icab-border-radius: 0 0 12px 12px; /* Icab */
}

.tr1 {
    background-color: #FFFFFF;
}

.tr2 {
    background-color: rgb(235, 235, 255); /*ButtonFace;*/
}

table#tableresult th {
    border: 0px solid red;
    font-weight: bold;
    height: 60px;
    text-align: center;
    vertical-align: middle;
}

table#tableresult td {
    border: 0px solid lightgreen;
    /*white-space: pre-line;*/ /*Malanich S. 19/07/2022*/
    vertical-align: middle;
    height: 40px;
}

.tdLeftBottomBorder {
    border-radius: 0 0 0 12px;
    -moz-border-radius: 0 0 0 12px; /* Firefox */
    -webkit-border-radius: 0 0 0 12px; /* Safari, Google Chrome */
    -khtml-border-radius: 0 0 0 12px; /* KHTML */
    -o-border-radius: 0 0 0 12px; /* Opera */
    -ms-border-radius: 0 0 0 12px; /* IE8 */
    -icab-border-radius: 0 0 0 12px; /* Icab */
}

.tdRightBottomBorder {
    border-radius: 0 0 12px 0;
    -moz-border-radius: 0 0 12px 0; /* Firefox */
    -webkit-border-radius: 0 0 12px 0; /* Safari, Google Chrome */
    -khtml-border-radius: 0 0 12px 0; /* KHTML */
    -o-border-radius: 0 0 12px 0; /* Opera */
    -ms-border-radius: 0 0 12px 0; /* IE8 */
    -icab-border-radius: 0 0 12px 0; /* Icab */
}

.thDecisionID, .thVRType, .thRegNumber, .thRegDate, .thLawDate, .thCSType, .thCaseNumber, .thCourtRegion, .thCourtName, .thCourtCode, .thChairmenName {
    width: 1px;
    padding: 0 10px 0 10px;
}

.thCourtName {
    width: auto;
}

.thChairmenName {
    width: 100px;
}

.DecisionID, .VRType, .RegNumber, .RegDate, .LawDate, .CSType, .CaseNumber, .CourtRegion, .CourtName, .CourtCode, .ChairmenName {
    padding: 2px 10px 2px 10px;
}

.DecisionID {
    text-align: right;
}

.VRType {
    text-align: left;
}

.RegNumber {
    text-align: left;
}

.RegDate {
    text-align: center;
}

.LawDate {
    text-align: center;
}

.CSType {
    text-align: left;
}

.CaseNumber {
    text-align: left;
}

.CourtRegion {
    text-align: left;
}

.CourtName {
    text-align: left;
}

.CourtCode {
    text-align: center;
}

.ChairmenName {
    text-align: left;
}

.doc_text2 {
    color: rgb(0, 0, 200);
    text-decoration: underline;
}

    .doc_text2:visited {
        color: rgb(170, 0, 170);
    }

    .doc_text2:hover {
        color: rgb(250, 0, 0);
        text-decoration: none;
    }

div#divTopNavigate, div#divBottomNavigate {
    width: 980px;
    border: 0px solid ButtonShadow;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

.enButton, .disButton, .dotButton {
    margin: 0 5px 0 5px;
    padding: 3px 5px 3px 5px;
    border: 1px solid rgb(177, 177, 177);
    display: inline-block;
    line-height: 100%;
    text-decoration: none;
    color: rgb(97, 97, 97);
    font-size: 12px;
    background-color: rgb(245, 245, 245);
}

    .enButton:hover {
        border-color: Black;
        color: Black;
        cursor: pointer;
    }

.disButton {
    /*border: 1px solid Black;*/
    color: Black;
    font-weight: bold;
}

.dotButton {
    border: none;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    background-color: inherit;
}

div#divSortBy {
    width: 980px;
    border: 0px solid ButtonShadow;
    margin-bottom: 10px;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
    font-family: "Times New Roman";
}

.aSortBy1 {
    margin: 0 0 0 5px;
    color: Blue;
    text-decoration: underline;
}

    .aSortBy1:hover {
        color: Red;
        text-decoration: none;
        cursor: pointer;
    }

.aSortBy2 {
    margin: 0 0 0 5px;
    padding: 3px;
    color: rgb(57, 57, 57);
    background-color: rgb(219, 218, 254);
}

.aSortByRight {
    margin-right: 10px;
}

table#tableSortBy {
    width: 450px;
    border-collapse: collapse;
}

    table#tableSortBy td {
        vertical-align: middle;
    }

td#tdFirstSortBy {
    width: 670px;
    padding: 0 0 0 10px;
}

td#tdSecondSortBy {
    text-align: left;
    padding: 0 0 0 10px;
}

td#tdThirdSortBy {
    text-align: right;
}

select#Sort {
    margin: 0;
    border: 1px solid ButtonShadow;
    padding: 0;
}

select#Liga {
    margin: 0;
    border: 1px solid ButtonShadow;
    padding: 0;
}

div#divAllDocuments {
    width: 980px;
    border: 0px solid ButtonShadow;
    margin-top: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}

    div#divAllDocuments a {
        margin: 0 1px 0 1px;
        padding: 2px;
        line-height: 100%;
        font-weight: bold;
        color: White;
        background-color: rgb(70, 70, 70);
    }

div#divdocument {
    width: 980px;
    margin: 0 0 10px 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    height: 450px;
    overflow: hidden;
    display: inline-block;
    border: 2px solid ButtonShadow;
    line-height: 150%;
    font-family: Tahoma; /*"Times New Roman";*/
    /*font-size: 11px;*/
    background-color: rgb(230, 230, 230);
    border-radius: 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}

div#divcasecat {
    border: 1px solid ButtonShadow;
    margin: 10px 10px 0 10px;
    padding: 5px 10px 5px 10px;
    display: block;
    background-color: rgb(245, 245, 245);
    font-family: "Times New Roman";
    font-size: 14px;
}

    div#divcasecat table {
        border: 0px solid red;
        border-collapse: collapse;
        width: 100%;
    }

    div#divcasecat .td1 {
        width: 1px;
        text-align: left;
        vertical-align: top;
        font-weight: bold;
        padding: 0 10px 0 0;
    }

    div#divcasecat .td2 {
        text-align: justify;
        vertical-align: top;
        padding: 0;
    }

div#divprint {
    border: 0px solid ButtonShadow;
    display: block;
    margin: 0 10px 0 10px;
    padding: 10px 0 10px 0;
    text-align: right;
}

input#btnPrint {
    border: 1px solid ButtonShadow;
    color: rgb(57, 57, 57);
    background-color: rgb(245, 245, 245);
    padding: 5px;
    font-size: 100%;
    font-weight: bold;
    width: 150px;
    height: 30px;
    border-radius: 12px;
    -moz-border-radius: 12px; /* Firefox */
    -webkit-border-radius: 12px; /* Safari, Google Chrome */
    -khtml-border-radius: 12px; /* KHTML */
    -o-border-radius: 12px; /* Opera */
    -ms-border-radius: 12px; /* IE8 */
    -icab-border-radius: 12px; /* Icab */
}

    input#btnPrint:hover {
        border: 1px solid rgb(150, 150, 150);
        color: rgb(27, 27, 27);
        background-color: rgb(240, 240, 240);
        cursor: pointer;
    }

div#divread {
    border: 1px solid ButtonShadow;
    margin: 0 10px 10px 10px;
    padding: 10px;
    display: block;
    overflow: scroll;
    background-color: rgb(245, 245, 245);
}

textarea#txtdepository {
    display: none;
}

iframe#divframe {
    border: 1px solid ButtonShadow;
    margin: 0 10px 10px 10px;
    background-color: rgb(245, 245, 245);
}

div#divLaw, div#divContacts, div#divRules, div#divHelp, div#divError {
    width: 980px;
    display: inline-block;
    border: 4px solid ButtonShadow;
    background-color: rgb(251, 250, 249); /*ButtonFace;*/
    border-radius: 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}

.divHeaderCaption, .divCaption {
    padding: 5px 0 5px 10px;
    text-align: left;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    color: rgb(77, 77, 77);
    background-color: rgb(225, 225, 225);
    display: block;
}

.divHeaderCaption {
    border-radius: 12px 12px 0 0;
    -moz-border-radius: 12px 12px 0 0; /* Firefox */
    -webkit-border-radius: 12px 12px 0 0; /* Safari, Google Chrome */
    -khtml-border-radius: 12px 12px 0 0; /* KHTML */
    -o-border-radius: 12px 12px 0 0; /* Opera */
    -ms-border-radius: 12px 12px 0 0; /* IE8 */
    -icab-border-radius: 12px 12px 0 0; /* Icab */
}

.divText {
    padding: 5px 10px 5px 10px;
    text-align: justify;
    font-family: "Times New Roman";
    font-size: 14px;
    color: rgb(77, 77, 77);
    display: block;
}

    .divText .aHref:hover {
        cursor: pointer;
        color: rgb(17, 17, 17);
    }

    .divText .div1 {
        display: block;
        width: 350px;
        float: left;
    }

    .divText .div2 {
        display: block;
    }

    .divText .div3 {
        display: block;
        border-top: 1px solid rgb(170, 170, 170);
        height: 0;
        margin: 5px 0 5px 0;
    }

.Interline {
    height: 7px;
    display: block;
}

.divText ul {
    margin: 0;
    padding: 0 0 0 20px;
}

    .divText ul li {
        margin: 5px 0 0 0;
        padding: 0;
        text-align: justify;
    }

.divText a {
    text-decoration: underline;
    color: inherit;
}

.divText img {
    display: inline-block;
    border: 1px solid rgb(190, 190, 190);
    padding: 5px;
}

.divText a img {
    display: inline;
    border: 0px solid rgb(190, 190, 190);
    padding: 0;
}

.searchtxt, .searchtxtOnFocus {
    padding: 3px;
    border: 1px solid ButtonShadow;
    color: rgb(120, 120, 120);
    font-size: 15px;
    font-family: "Times New Roman";
}

.searchtxtOnFocus {
    color: ButtonText;
}

.myFieldSet {
    border: 2px solid ButtonShadow;
    /*border-collapse: separate;
    width: 100%;*/
    position: relative;
    border-radius: 15px; /* CSS3 */
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
    display: block;
    padding: 14px 5px 5px 5px;
}

/*.mytdFieldSet
{
    border: 0px solid ButtonShadow;
    padding: 14px 10px 10px 10px;
}*/

.myLegend {
    border: 1px solid ButtonShadow;
    /*border-collapse: separate;*/
    position: absolute;
    /*height: 28px;*/
    left: 20px;
    top: -16px;
    background-color: rgb(251, 250, 249);
    border-radius: 15px; /* CSS3 */
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
    display: inline;
}

    .myLegend a {
        border: 0px solid red;
        height: 28px;
        font-weight: bold;
        vertical-align: middle;
        padding: 0 5px 0 5px;
        display: table-cell;
    }

.divBefore {
    display: block;
    float: left;
    position: relative;
}

    .divBefore div {
        border-left: 1px solid rgb(97, 97, 97);
        border-bottom: 1px solid rgb(97, 97, 97);
        display: inline-block;
        position: absolute;
        left: 0;
        top: 0;
    }

/*Login page style*/

div#mainLogin {
    width: 980px;
    border: 0px solid ButtonShadow;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgb(251, 250, 249); /*ButtonFace;*/
    border-radius: 15px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}
    div#mainLogin .left {
        padding-right: 5px;
    }
    div#mainLogin .left .text strong {
        text-align: center;
        vertical-align: middle;
        font-family: "Times New Roman";
        font-size: 15px;
    }

    div#mainLogin .right .enter-area {
        width: 400px;
        background-color: #fed700;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        div#mainLogin .right .enter-area .gerb {
            padding: 20px 20px 20px 0;
        }

        div#mainLogin .right .enter-area .court-title:hover {
            cursor: pointer;
        }

#content .warningblock {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 10px;
}

/*Table change court style*/
#divtableWraper {
    height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
}

#tableWraptable {
    width: 980px;
    padding: 0;
    margin: 10px 0 10px 0;
    text-align: center;
    vertical-align: middle;
    /*overflow: hidden;*/
    display: inline-block;
    border: 2px solid ButtonShadow;
    border-radius: 5px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari, Google Chrome */
    -khtml-border-radius: 15px; /* KHTML */
    -o-border-radius: 15px; /* Opera */
    -ms-border-radius: 15px; /* IE8 */
    -icab-border-radius: 15px; /* Icab */
}

    #tableWraptable caption {
        font-size: 16px;
        padding: 10px;
        width: 960px;
        font-family: "Times New Roman";
        background-color: rgb(208, 206, 206);
        font-weight: 600;
        margin-bottom: 8px;
    }

    #tableWraptable tbody td {
        border: 1px solid rgb(208, 206, 206);
        padding: 6px 8px;
        vertical-align: top;
        text-align: left;
        font-family: "Times New Roman";
    }