body {
    font-family: verdana, arial, sans-serif;
    color: #333;
    padding-bottom: 2em;
    background: #fff /*url(/Layout/Images/bg.jpg) repeat-x*/;
    padding-top: 10px;
}

#by {
    padding-right: 10px;
    text-align: right;
    font-size: 11px;
    width: 1100px;
    margin: 0px auto 0px auto;
}

    #by a {
        color: #999999;
    }

.stop {
    clear: both;
}

.hidden {
    display: none;
}

p {
    font-size: 1.1em;
    line-height: 1.6em;
}

label {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.4em;
}

input, textarea, select {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    padding: 0.3em;
    font-size: 1.4em;
}

.empty textarea {
    color: Gray;
}

.checkbox input {
    margin-top: 0.3em;
}

a {
    color: #467491;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

h2 {
    color: #333333;
    font-size: 2.4em;
    margin-bottom: 0.7em;
    border-bottom: 1px solid #EEEEEE;
}

h3 {
    color: #284d63;
    font-size: 1.5em;
    padding-bottom: 0.7em;
}

/* header
------------------------------------------------------------------------------------------------ */
.header {
    background: url("../Images/highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE;
    padding: 0em 1em 0em 1em;
}

    .header h1 {
        color: #284D63;
        float: left;
        font-size: 2.4em;
        margin-bottom: 0.7em;
        padding-top: 53px;
    }

    .header img {
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .header #user {
        float: left;
        margin-left: 40em;
        margin-top: -2.5em;
        padding-bottom: 0.5em;
        padding-right: 0.5em;
        clear: both;
        color: #467491;
    }

    .header #logout {
        float: right;
        margin-top: -2.5em;
        padding-right: 0.5em;
        clear: both;
    }

        .header #logout a {
            display: block;
            float: right;
            line-height: 1.6em;
        }

        .header #logout input {
            padding: 0em;
        }

.menu {
    background-color: White;
    background-color: #7FA1B6;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    border: 1px solid #ddd;
    border-bottom: none;
}

/*TopMenu*/
.topMenu {
    height: 3em;
    padding: 0;
    margin: 0;
    clear: both;
    list-style-type: none;
    margin-left: 0px;
    line-height: 3em;
    border-bottom: none;
}

    .topMenu li {
        float: left;
        height: 3em;
        list-style: none;
        margin-top: 0;
        background: #7FA1B6;
        border-right: 1px none #fff;
        overflow: hidden;
    }

        .topMenu li a {
            font-size: 1.4em;
            line-height: 2em;
            padding: 1em 2em;
            color: #fff;
        }

        .topMenu li.selected {
            height: 3em;
            margin-top: -0.6em;
            margin-left: -1px;
            padding-top: 0.5em;
            background-color: #fff;
            border: 1px solid #ddd;
            border-bottom: none;
            color: #467491;
        }

            .topMenu li.selected a {
                color: #467491;
            }

        .topMenu li a:hover {
            background-color: #eee;
            color: #467491;
            text-decoration: none;
        }

    .topMenu .selected a:hover {
        background-color: #eee;
        /*border: 1px solid #467491;*/
        border-bottom: none;
        color: #467491;
    }

/*SubMenu*/
.subMenu {
    background-color: #7FA1B6;
    float: left;
    width: 100%;
    height: 25px;
    margin: 0 1px 0px 1px;
    font-size: 1.1em;
}

.subMenua a {
    font-size: 1.1em;
    height: 25px;
    text-decoration: none;
    padding: 7px;
}

.subMenuSel {
    font-size: 1.1em;
    height: 25px;
    border-left: solid 1px white;
    border-right: solid 1px white;
}

.row {
    margin-bottom: 0.5em;
}

/*All content*/

.pageWrapper {
    margin: 0 auto;
    background: #eeeeee;
    min-height: 600px;
    border: 1px solid #dddddd;
    width: 1100px;
    padding-bottom: 1em;
    margin-bottom: 10px;
}

#allContent {
    margin-top: 0px;
    padding: 0em 1em 0em 1em;
}

#page {
    background-color: White;
    padding: 2em 2em 2em 2em;
    border: 1px solid #dddddd;
    border-top: none;
    min-height: 600px;
}

/*Footer*/
.footer {
    float: left;
    margin-top: 20px;
    width: 110em;
}

.adminApplicationTable {
    height: 30px;
}

.userInfoTable td {
    height: 30px;
    padding-right: 20px;
}

.clearDateCss td {
    height: auto;
    padding: 0;
}

.productTable tr {
    height: 30px;
}

.HideButton {
    display: none;
}

.userTable tr {
    height: 25px;
}

.userTabletd {
    width: 100px;
}

.list {
    margin-left: 1em;
    margin-right: 1em;
}

    .list .www {
        width: 101.8em;
    }

    .list .filter {
        border-width: 1px;
        border-style: dotted;
        padding: 1em;
    }

.companies .www {
    float: left;
}

.companies .new {
    float: left;
    margin: 2.9em 0 0 10em;
    border: 1px dotted #333333;
    padding: 1.5em;
}

.www .hover td {
    background: url("/Layout/Images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
}

.www .center {
    text-align: center;
}

.www a {
    color: #333;
}

.www td, .www th {
    padding: 8px 10px;
}

.www th {
    font-weight: bold;
}

.www td {
    vertical-align: middle;
    border-bottom: 1px dotted #ccc;
}

.www tr {
    vertical-align: top;
}

.www th {
    border-bottom: 1px solid #ccc;
}

.www input {
    font-size: 1em;
    padding: 0em;
}

#documentListTable th {
    width: 50%;
}

#regressListTable{
    width: 100%;
}
#regressListTable th{
    width: 25%;
    font-weight: bolder;
}

.lightTable td, .lightTable th {
    padding: 8px 10px;
    vertical-align: top;
}

.lightTable th {
    padding-top: 0px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

.lightTable td {
    padding: 8px 10px;
    border-bottom: 1px dotted #ccc;
}

.lightTable .hover td {
    background: url("/Layout/Images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
}


.columnLeft, .columnRight {
    float: left;
}

.columnLeft {
    padding-right: 1em;
}



/* Buttons
------------------------------------------------------------------------------------------------ */
.buttons {
    float: right;
    margin-right: 2em;
}

button, .button {
    margin: 0;
    margin-left: 10px;
    margin-bottom: 1em;
    padding: 5px;
    font-family: trebuchet ms,verdana,arial,sans-serif;
    font-size: 1.4em;
    color: #333;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.moveBtn {
    background: none repeat scroll 0 0 #F1F8F2;
    color: #0F943A;
    float: left;
    margin-left: 0;
    border: 1px solid #CCCCCC;
    margin-right: 4px;
}

    .moveBtn:hover {
        background: #a3dcab;
    }
    .moveBtn:disabled {
        background: #E5E5E5 !important;
        color: #7B7B7B !important;
    }

.addBtn {
    background: transparent url('../Images/icon-add.png') no-repeat 1px 12px;
    margin: 0em 0em 0em 1em;
    padding-left: 12px;
    padding-bottom: 0px;
    font-size: 0.65em;
}

.removeBtn {
    background: transparent url('../Images/delete-icon.png') no-repeat 2px 9px;
    padding-left: 13px;
}

.tickBtn {
    background: transparent url('../Images/tick.png') no-repeat 0px 7px;
    padding-left: 15px;
}

.navBackBtn {
    background: url("../Images/nav_left_green.png") no-repeat scroll 11px 16px transparent;
    padding-left: 15px;
}

.addBtn:hover, .removeBtn:hover, .tickBtn:hover {
    text-decoration: underline;
}


.saveBtn {
    background: none repeat scroll 0 0 #F1F8F2;
    color: #0F943A;
    float: left;
    margin-left: 0;
    border: 1px solid #CCCCCC;
    margin-right: 4px;
}

    .saveBtn:hover {
        background: #a3dcab;
    }

.cancelBtn {
    background: none repeat scroll 0 0 #f5dada;
    color: #f46666;
    float: left;
    margin-left: 0;
    border: 1px solid #CCCCCC;
}

    .cancelBtn:hover {
        background: #f48c8c;
        color: #c32929;
    }

.normalBtn {
    background: /*url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% */ #F6F6F6;
    border: 1px solid #CCCCCC;
    color: #3B6E8F;
    font-weight: normal;
}

    .normalBtn:hover {
        background: #f1efef;
        color: #193548;
    }

.backBtn {
}

a.button {
    display: block;
    float: left;
    text-align: center;
    padding-left: 0.5em;
    padding-right: 0.5em;
}



.errorMessage {
    float: right;
    color: Red;
    padding: 0.5em;
    line-height: 2.2em;
}

    .errorMessage span {
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-size: 1.3em;
    }

.listButton {
    float: right;
}

.tblNewCase {
    line-height: 3em;
    margin-bottom: 3em;
}

.buttonInfo {
    display: block;
    float: left;
    text-align: right;
    vertical-align: bottom;
    padding: 5px;
}

button.light, .light {
    background-color: #9bb8ca; /*border: 1px solid #477491; */
    border: none;
}

button:hover, .button:hover, .addBtn:hover, .removeBtn:hover {
    text-decoration: underline;
}

button.light:hover, .light:hover {
    text-decoration: underline;
}




/*-------------------------------------------------------------------------------------------------------------- */

.phoneNumber {
    white-space: nowrap;
}

.txt {
    margin: 0;
    margin-left: 10px;
    margin-bottom: 1em;
    border: 1px solid #999;
    padding: 0.3em;
    width: 16em;
}

.dropDown {
    margin: 0;
    font-size: 1.1em;
    margin-bottom: 1em;
    padding: 0.3em;
}

.tblNewCase td {
    padding-left: 10px;
    padding-right: 10px;
}

.calendarPaddig span, .calendarPaddig img, .calendarPaddig select {
    margin-left: 7px;
    margin-right: 5px;
}

.notification_row {
    margin-top: 10px;
}

.notification_label {
    float: left;
    width: 70px;
}

#caseDecision label {
    display: block;
    float: left;
    width: 8em;
    padding-top: 0.4em;
}


.adminCheck input {
    width: auto;
    margin-right: 5px;
}

.adminCheck label {
    vertical-align: bottom;
}

a.dp-choose-date {
    float: left;
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 5px 3px 0;
    display: block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../Images/calendar.png) no-repeat;
}

    a.dp-choose-date.dp-disabled {
        background-position: 0 -20px;
        cursor: default;
    }
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
    width: 140px;
    float: left;
}

.popup {
    background-color: #ffffff;
    padding: 1.5em 1.5em 1.5em 2.2em;
    width: 46.8em;
    border: 1px solid #222222;
}

    .popup .closeBtn {
        position: absolute;
        top: 1em;
        right: 1em;
        display: block;
        width: 16px;
        height: 16px;
        background: transparent url(../Images/close-icon.png) no-repeat;
    }

    .popup li {
        list-style-position: inside;
        list-style-type: none;
    }

#attachmentsContent .popup .row {
    border: 0px none;
}

.popup .row label {
    clear: both;
    float: none !important;
}

.popup .row input {
    width: 29.4em;
    padding: 0.3em !important;
}

.popup .row select {
    width: 30.2em;
    padding: 0.3em !important;
}

.popup .row input.file {
    width: 30.4em;
}

.popup .buttons {
    float: right;
    margin: 2em 0.7em 2em 0em;
}

.popup .checkbox {
    padding-top: 0.4em;
}

    .popup .checkbox label, .popup .checkbox input {
        display: inline !important;
        width: auto;
        padding: 0em 1em 0em 0em;
        line-height: 2em;
    }

    .popup .checkbox input {
        margin-top: 0.6em;
    }


.modalBackground {
    background-color: #555555;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.time {
    width: 20px;
}

.noPadding {
    padding: 0;
    margin: 0;
}

#caseContentMember {
    /*border: 1px solid #cccccc;*/
    padding: 3em;
    min-height: 200px;
    padding-left: 22.5em !important;
    padding-right: 2em !important;
}
#caseWrapperMember {
    margin: -1em -1em;
}

.dataTables_wrapper {
	clear: none !important;
}

.dataTables_wrapper table {
    clear: none !important;
}

.caseDecisionRow {
    width: 100%;
    float: left;
}

.caseDecisionMember span
{
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.4em;
    float:left;
    display:block;
    padding-top:0.4em;
}

.tabsMenuMember, .tabsMenuMember ul, .tabsMenuMember li {margin: 0; padding: 0; list-style-type: none;width: 20em;float: left;background-color: #B5C7D3;}
.tabsMenuMember li a { background-color: #7FA1B6; padding-left: 1em; font-size: 1.2em; color: #fff; display: block; padding: 0.6em 1em }
.tabsMenuMember li a:hover {text-decoration: none; background-color: #6B94AB;}
.tabsMenuMember li.selected { background-color: #467491; color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.tabsMenuMember li.selected a{background-color: #467491;}

.tabsSubMenuMember {padding: 0;margin: 0;list-style-type: none;line-height: 3em;border-bottom: none;}
.tabsSubMenuMember li {float: left;height: 3em;list-style: none;margin-top: 0;background: #7FA1B6;border-right: 1px none #fff;overflow: hidden;}
.tabsSubMenuMember li a {font-size: 1.2em;line-height: 2em;padding: 1em;color: #fff;}
.tabsSubMenuMember li a:hover {background-color: #6B94AB;text-decoration: none;}
.tabsSubMenuMember li.selected {height: 3em;background-color: #467491;color: #fff;}
.tabsSubMenuMember li.selected a {background-color: #467491;color: #fff;}

#caseWrapper {
}

ul.tabsMenu {
    clear: both;
    margin: 0px;
    padding: 0em 0.3em 0em 0.3em;
    height: 3em;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

    ul.tabsMenu li {
        float: left;
        height: 2.9em;
        list-style: none outside;
        overflow: hidden;
        margin-top: 0px;
        margin-right: 0.35em;
        background: url("/Layout/Images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
        border: 1px solid #cccccc;
    }

        ul.tabsMenu li a {
            font-size: 1.4em;
            line-height: 2.3em;
            padding: 0.6em 2em 0.3em 2em;
        }

            ul.tabsMenu li a:hover {
                text-decoration: none;
                background-color: #7291a3;
                color: #ffffff;
            }

        ul.tabsMenu li.selected {
            background: #ffffff none;
            border-bottom-color: transparent;
        }

            ul.tabsMenu li.selected a {
            }

                ul.tabsMenu li.selected a:hover {
                    text-decoration: none;
                    background-color: #ffffff;
                    color: #467491;
                }

ul.tabsSubMenu {
    clear: both;
    margin: 0px;
    padding: 0em 0.3em 0em 0.3em;
    height: 2.8em;
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}

    ul.tabsSubMenu li {
        float: left;
        height: 2.7em;
        list-style: none outside;
        overflow: hidden;
        margin-top: 0px;
        margin-right: 0.35em;
        background: url("/Layout/Images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
        border: 1px solid #cccccc;
    }

        ul.tabsSubMenu li a {
            font-size: 1.2em;
            line-height: 2.3em;
            padding: 0.5em 2em 0.3em 2em;
        }

.tabWrapper {
    border: 1px solid #cccccc;
    padding: 20px;
}

.tab {
    display: none;
}

.open {
    display: block;
}

#caseContent {
    border: 1px solid #cccccc;
    padding: 3em;
    min-height: 200px;
}



#caseDetails {
}

    #caseDetails .columnLeft {
        float: left;
        width: 28.8em;
    }

    #caseDetails label {
        display: block;
        width: 7.5em;
        padding-top: 0.4em;
        float: left;
    }

    #caseDetails .columnLeft select {
        width: 12.2em;
    }

    #caseDetails .columnLeft input {
        width: 11.4em;
    }
    #caseDetails .columnLeft .moveBtn {
        width: 12.2em;
    }

    #caseDetails .counterpart {
        margin-top: 3em;
    }

        #caseDetails .counterpart span {
            font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
            font-size: 1.6em;
            font-weight: bolder;
        }

    #caseDetails .columnRight {
        float: left;
        width: 66em;
    }

    #caseDetails #caseAttachments {
        min-height: 400px;
    }

#attachmentsContent {
}

    #attachmentsContent .row {
        border-bottom: 1px dotted #CCCCCC;
        margin: 0em;
    }

        #attachmentsContent .row a {
            color: #333333;
        }

    #attachmentsContent .newAttachment {
        background: url("/Layout/images/icon-add.png") no-repeat scroll 0 1em transparent;
        padding: 1em 1em 0 1.2em;
        float: right;
    }

    #attachmentsContent .header {
        font-weight: bold;
        height: auto;
        border-bottom: 1px solid #CCCCCC;
    }

    #attachmentsContent .hover {
        background: url("/Layout/Images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6;
    }

        #attachmentsContent .hover a {
            text-decoration: underline;
        }

    #attachmentsContent .title, #attachmentsContent .type, #attachmentsContent .description, #attachmentsContent .edit, #attachmentsContent .public {
        float: left;
    }

    #attachmentsContent .edit {
        padding: 0.8em 1em 0.7em 0;
    }

    #attachmentsContent .title a, #attachmentsContent .header .title {
        display: block;
        padding: 1em 1em 1em 1em;
        width: 13em;
        overflow: hidden;
    }

    #attachmentsContent .type a, #attachmentsContent .header .type {
        display: block;
        padding: 1em 1em 1em 1em;
        width: 9em;
        overflow: hidden;
    }

    #attachmentsContent .description a, #attachmentsContent .header .description {
        display: block;
        padding: 1em 1em 1em 1em;
        width: 28.8em;
        overflow: hidden;
    }

    #attachmentsContent .public, #attachmentsContent .header .public {
        display: block;
        padding: 1em 1em 1em 1em;
        width: 9em;
        overflow: hidden;
    }

    #attachmentsContent input {
        padding: 0em;
    }

    #attachmentsContent .button {
        padding: 0.5em;
    }


#notesContent {
}

    #notesContent textarea {
        height: 27.57em;
        width: 43.1em;
        padding: 0.5em;
    }

#postsContent {
}

    #postsContent textarea {
        height: 27.57em;
        width: 43.1em;
        padding: 0.5em;
    }


#attachmentHolder {
    z-index: 1;
    display: none;
    position: absolute;
    left: 30em;
    top: 30em;
}

#caseDetails .buttons, #caseDetails .errorMessage {
    margin-top: 2em;
}

#caseOwnNotes {
}

    #caseOwnNotes .buttons {
        margin-top: 2em;
    }

#caseDecision {
}

#caseDecisionInfo {
    margin-top: 2em;
}

#caseDecision .buttons {
    margin-top: 2em;
}

#admin {
}

    #admin .row {
        padding-left: 2em;
    }

    #admin .block {
        margin-top: 6em;
    }

    #admin .last {
        margin-bottom: 0em;
    }

    #admin label {
        display: block;
        padding-top: 0.4em;
    }

    #admin .errorMessage {
        float: none;
    }

    #admin .row input {
        width: 61.35em;
    }

    #admin .buttons {
        padding-top: 2em;
    }

#caseMemberAdmin .columnRight {
    padding-left: 10em;
}

#caseMemberAdmin .row {
    margin-top: 1em;
}

#caseMemberAdmin label {
    display: block;
    float: left;
    width: 10em;
}


#caseMemberAdmin span {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.4em;
}

#changePassword {
    width: 400px;
    line-height: 30px;
}

    #changePassword .row label {
        display: block;
        float: left;
        width: 11.4em;
    }

    #changePassword .row input {
        width: 15.6em;
    }

#createUser {
    width: 46.4em;
    line-height: 30px;
}

    #createUser .buttons {
        padding-top: 2em;
    }

    #createUser label {
        display: block;
        float: left;
        width: 16em;
    }

    #createUser .row input {
        width: 15.6em;
    }

    #createUser .row .checkbox input {
        width: auto;
    }

    #createUser .row select {
        width: 16.3em;
    }


#userList .list {
    padding-top: 1em;
}

.txtCompany_IsOld {
    color: #999999;
}

.list .wwwMember {
    width: 100%;
}

.courtHeader {
    min-height: 2em;
}

.tb-ipfield {
    width: 10em !important;
}
.tb-ipfield2 {
    width: 4em !important;
}