/**********************************************************************************************************************
 * SplendidCRM is a Customer Relationship Management program created by SplendidCRM Software, Inc. 
 * Copyright (C) 2005-2011 SplendidCRM Software, Inc. All rights reserved.
 * 
 * This program is free software: you can redistribute it and/or modify it under the terms of the 
 * GNU Affero General Public License as published by the Free Software Foundation, either version 3 
 * of the License, or (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; 
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. 
 * See the GNU Affero General Public License for more details.
 * 
 * You should have received a copy of the GNU Affero General Public License along with this program. 
 * If not, see <http://www.gnu.org/licenses/>. 
 * 
 * You can contact SplendidCRM Software, Inc. at email address support@splendidcrm.com. 
 * 
 * In accordance with Section 7(b) of the GNU Affero General Public License version 3, 
 * the Appropriate Legal Notices must display the following words on all interactive user interfaces: 
 * "Copyright (C) 2005-2011 SplendidCRM Software, Inc. All rights reserved."
 *********************************************************************************************************************/
body {
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    font-weight: normal;
    font-family: Simplified Arabic Tahoma;
    /*margin-left: 200px;
    margin-right: 200px;*/
    /*background-color: rgb(246, 246, 246);
        
        color: #343434;
    font-family: Simplified Arabic Tahoma;
    font-size: 14px;
    line-height: 16px;
    background: #878184;
    text-align: right;
    font-weight: bold;
    line-height: 150%;
    padding-right: 5px;
        */
}

table {
    border-spacing: 0;
    border-collapse: inherit;
}


.badge1 {
    position: relative;
}

    .badge1[data-badge]:after {
        content: attr(data-badge);
        position: absolute;
        top: 8px;
        right: -5px;
        font-size: small;
        background: #d7514d;
        color: white;
        width: 21px;
        font-weight: bold;
        height: 21px;
        text-align: center;
        line-height: 18px;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-shadow: 0 0 1px #333;
        -ms-box-shadow: 0 0 1px #333;
        box-shadow: 0 0 1px #333;
    }

.grid-header-element {
    background-color: rgb(43, 88, 128) !important;
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
}

.grd-header-lable {
    font-size: 110% !important;
    color: #F9FF02 !important;
}

.home-info-img:hover {
    image: url('images/info_red.png');
    height: 70px;
    width: 70px;
}

.list-photo {
    width: 100px;
    text-align: center;
}

#divListView, #divEditView, #divDetailView {
    width: 80%;
    margin: auto;
    /*border-left-style: solid;
    border-right-style: solid;
    border-width: thin;*/
}

.table-thin {
    width: 100%;
}

    .table-thin > thead > tr > th,
    .table-thin > tbody > tr > th,
    .table-thin > tfoot > tr > th,
    .table-thin > thead > tr > td,
    .table-thin > tbody > tr > td,
    .table-thin > tfoot > tr > td {
        padding-left: 8px;
        padding-right: 8px;
        line-height: 1.42857143;
        vertical-align: middle;
        border-top: 1px solid #ddd;
        white-space: normal !important;
    }



a.attachments-list:link, a.attachments-list:visited {
    color: #0423FF;
    text-decoration: none;
}

.attachments-list {
    font-size: 140%;
}

a.attachments-list:hover {
    color: #000000;
    text-decoration: underline;
}



p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.required-Msg {
    font-size: small;
    color: #000DFF;
    font-weight: bold;
}

.header-line {
    height: 2px;
    background-image: linear-gradient(to bottom, #D8514D 0%, #D7514D 100%);
}

.header-line-black {
    height: 3px;
    background-image: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #93070B 100%);
}

.HeaderLine {
    background-color: #272727;
    height: 25px;
    width: 100%;
    color: #ffffff;
}


.numeric-pager {
    float: right;
    font-weight: bold;
    direction: rtl;
}

.numeric-page-size {
    float: left;
    font-weight: bold;
}

/*h1, h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}*/
/* 10/24/2010 Paul.  Set margin top to 0 to reduce wasted space. */
/*h3 {
    margin-top: 0px;
    margin-bottom: 3px;
    padding-top: 3px;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}*/
/* 10/28/2010 Paul.  Set margin top to 0 to reduce wasted space. */
/*h4, h5 {
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin-bottom: 0px;
    margin-top: 3px;
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
}*/

table, td {
    /*font-size: 11px;
    color: #444444;*/
}

hr {
    height: 1px;
}

a:link, a:visited {
    color: #444444;
}

a:hover {
    text-decoration: underline;
}

h2 a:link, h2 a:visited, h2 a:hover {
    color: #666666;
    text-decoration: none;
}
/* 08/03/2010 Paul.  TextArea was not inheriting the document font. */
select {
    border: 1px solid #999999;
    /*background-color: #ffffff;*/
    font-size: 14px;
    font-family: inherit;
}

input[type="text"], input[type="password"], textarea {
    -ms-border-radius: 5px;
    -ms-box-shadow: 0 0 5px #DDD inset;
    -webkit-box-shadow: 0 0 4px #DDD inset;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: inherit;
    /*background-color: #ffffff;*/
    font-size: 14px;
    height: 30px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.moduleTitle {
    margin-bottom: 5px;
    padding-top: 1px;
    padding-bottom: 3px;
}

.checkbox, .checkbox input, .radio, .radio input {
    margin: 0px 0px 0px 0px;
    border: none;
    background-color: transparent;
    vertical-align: bottom;
}

.required {
    font-size: medium;
    font-weight: bold;
}

.required, .warning, .error {
    color: #ff0000;
}

.tooltip {
    /*display: none;
    background-color: #ffffcc;
    border: 1px solid #999999;*/
}

table.h3Row {
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #999999;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    color: #444444;
    vertical-align: middle;
    height: 40px;
    color: #ffffff;
}

.h3Row h3 {
    color: #000;
}

.button-panel {
    margin-bottom: 2px;
}

.button-search-panel {
    margin-bottom: 2px;
    text-align: center;
}

/* Menu styles */
.subMenu {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    border-top: 0px;
    border-bottom: 1px solid #cccccc;
    font-size: 11px;
    background-color: #ffffff;
    color: #444444;
    width: 100%;
}

ul.subMenu li {
    margin: 0px 0px 0px 0px;
    border: none;
    border-top: 1px solid #cccccc;
    list-style: none;
}

    ul.subMenu li a {
        padding: 3px 3px 3px 6px;
        border: none;
        text-decoration: none;
        text-align: left;
        display: block;
    }

        ul.subMenu li a:hover {
            background-color: #f8f8f8;
            color: #990033;
        }

    ul.subMenu li span {
        padding: 3px 3px 3px 6px;
        border: none;
        text-decoration: none;
        text-align: left;
        display: block;
    }

        ul.subMenu li span:hover {
            background-color: #f8f8f8;
            color: #990033;
        }

/* ListView styles */
table.listView {
    border-top: 1px solid #cccccc;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #999999;
    font-size: 11px;
}

tr.listViewPaginationTdS1 {
    direction: ltr;
}



table.listView th, tr.listViewThS1 {
    padding: 3px 5px 3px 5px;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #999999;
    background-image: linear-gradient(to bottom, #ededed 0%, #f0f0f0 100%);
    font-weight: bold;
    color: #353535;
    /* text-align: left; */
}

    table.listView th, tr.listViewThS1 a {
        color: #2e2e2e;
    }

.listViewThS1 td {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.listViewThS1 a {
    text-decoration: none;
}

    .listViewThS1 a:hover {
        text-decoration: underline;
    }

table.listView td {
    border-left: none;
    border-right: none;
}

    table.listView td a:link, table.listView td a:visited, a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
        color: #444444;
    }

.pageNumbers {
    color: #444444;
    vertical-align: 0.3em;
}

table.listview th a:hover, a.listViewThLinkS1:hover {
    color: #990033;
}

tr.oddListRowS1, tr.evenListRowS1 {
    padding: 2px 8px 4px 5px;
    border-bottom: 1px solid #cccccc;
    vertical-align: middle;
}

    tr.oddListRowS1:hover, tr.evenListRowS1:hover {
        background: #ecf7ff;
    }

tr.oddListRowS1 {
    background-color: #f6f6f6;
}

a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
    color: #0423FF;
    text-decoration: none;
}

.listViewTdLinkS1 {
    font-size: 107%;
}

a.listViewTdLinkS1:hover {
    color: #000000;
    text-decoration: underline;
}

/*a.listViewTdToolsS1:link {
    text-decoration: none;
}*/

a.listViewTdToolsS1:visited, a.listViewTdToolsS1:hover {
    text-decoration: underline;
}

.listViewCheckButton {
    background-color: #444;
    height: 37px;
    padding-top: 10px;
    padding-right: 3px;
    padding-left: 3px;
}

a.listViewCheckLink:link, a.listViewCheckLink:visited {
    font-weight: bold;
    color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 1px #111;
    -ms-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    text-decoration: none;
}

a.listViewUnCheckLink:link, a.listViewUnCheckLink:visited {
    font-weight: bold;
    color: #FFFFFF;
    -webkit-box-shadow: 1px 1px 1px #111;
    -ms-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
    text-decoration: none;
}

a.listViewUnCheckLink:hover {
    color: #c7dff5;
    text-decoration: none;
}


a.listViewCheckLink:hover {
    color: #c7dff5;
    text-decoration: none;
}

/* EditView styles */
/* 12/02/2010 Paul.  We use the tabForm in a panel. */
.tabForm {
    /*background-color: #f6f6f6;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    color: #000000;
    font-size: 12px;
    margin: 0 0 0 0;
    padding: 10px 5px 12px 10px;
    padding: 0 0 0 0;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

table.tabForm td ul li {
    margin-bottom: 10px;
    list-style-type: none;
}
table.tabSearchForm {
    /* border-top: 1px solid #999999; */
    border-bottom: 1px solid #999999;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    background-color: #f5f5f5ad;
    /* background-image: url(images/bgGrayForm.gif); */
    /* background-repeat: repeat-x; */
    background-position: top;
    font-size: 12px;
    color: #000000;
}

    table.tabSearchForm td ul li {
        margin-bottom: 10px;
        list-style-type: none;
    }


table.tabEditView {
    /*border: none;
	border-collapse: collapse;*/
    width: 100%;
}

    table.tabEditView td { /*border: inherit;*/
    }

    table.tabEditView th {
        background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
        background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
        background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-repeat: repeat-x;
        height: 26px;
        margin-top: 0px;
        padding-left: 0px;
        padding-top: 0px;
        text-align: left;
        width: 100%;
    }


.tabHeader {
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
    height: 26px;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
    text-align: left;
    width: 100%;
}

.tabEditView h4 {
    padding-left: 5px;
    padding-right: 5px;
    color: black;
}

.tabHeader h4 {
    padding-left: 5px;
    padding-right: 5px;
    color: black;
}

td.dataLabel {
    padding: 5px 5px 5px 5px;
}

.dataLabel {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}

.dataField {
    font-size: 12px;
    font-weight: normal;
}

/* DetailView styles */
/* DetailView styles */

table.tabDetailView {
    border-bottom: 1px solid #d8d8d8;
    border-collapse: collapse;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
    border-top: 1px solid #d8d8d8;
    font-size: 12px;
    padding: 2px 5px 3px 5px;
    vertical-align: top;
    width: 100%;
}

table.tabEditView th {
    /*background-image: url(images/blackHeader2.PNG );*/
    height: 26px;
    margin-top: 0px;
    padding-left: 0px;
    padding-top: 0px;
    text-align: left;
    width: 100%;
}

table.tabEditView h4, h5 {
    color: #000;
}

.tabDetailViewDL {
    background-color: #f6f6f6;
    border-bottom: 1px solid #E2E2E2;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 12px 9px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: medium;
}

.tabDetailViewDF {
    background-color: #FFFFFF;
    border-bottom: 1px solid #E2E2E2;
    color: #444444;
    font-size: 12px;
    padding: 12px 6px 5px 0px;
    vertical-align: top;
    font-size: medium;
}

a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
    color: #000000;
    text-decoration: underline;
}

a.tabDetailViewDFLink:hover {
    color: #000000;
}

table.tabDetailView2 {
    background-color: #d8d6d6;
    border-bottom: 1px solid #999999;
    border-collapse: collapse;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    width: 100%;
}

.tabDetailViewDL2 {
    background-color: #eeeeee;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    padding: 3px 6px 4px 6px;
    vertical-align: middle;
}

.tabDetailViewDF2 {
    background-color: #fafafa;
    color: #444444;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 10px 4px 6px;
    vertical-align: middle;
}

a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
    color: #444444;
    text-decoration: underline;
}

table.tabSearchView {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

/* LeftColumn (NewRecord) styles */
table.leftColumnModuleHead th {
    padding-top: 4px;
    padding-left: 6px;
    padding-bottom: 4px;
    border-top: 1px solid #999999;
    background-color: #ffffff;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: #444444;
    text-align: left;
}

.leftColumnModuleName {
    padding-top: 4px;
    padding-left: 3px;
    padding-bottom: 4px;
    text-transform: uppercase;
}

.leftColumnModuleS3 {
    padding: 8px 8px 5px 8px;
    border-bottom: 1px solid #cccccc;
    background-color: #fff;
    background-repeat: repeat-x;
    background-position: bottom;
    font-size: 11px;
    color: #444444;
}

    .leftColumnModuleS3 input, .leftColumnModuleS3 select {
        margin-top: 2px;
        margin-bottom: 4px;
    }

td.leftColumnModuleS3 .button {
    padding-top: 0px;
    font-size: 11px;
    vertical-align: bottom;
}

.leftColumnModuleS3 td {
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    font-size: 11px;
    vertical-align: bottom;
}

/* SearchTab styles */
ul.tablist {
    margin: 0px 0px 0px 0px;
    padding-top: 3px;
    padding-left: 0px;
    padding-bottom: 3px;
    padding-right: 0px;
    border-bottom: 1px solid #999999;
    font-size: 12px;
}

    ul.tablist li {
        margin: 0px 0px 0px 0px;
        list-style: none;
        display: inline;
    }

        ul.tablist li a {
            margin: 0px 0px 0px 0px;
            padding: 3px 8px 3px 8px;
            border-top: 1px solid #cccccc;
            border-right: 1px solid #cccccc;
            border-bottom: none;
            background-color: #ffffff;
            background-image: none;
            background-repeat: repeat-x;
            background-position: top;
            text-decoration: none;
        }

            ul.tablist li a:link, ul.tablist li a:visited {
                color: #444444;
                text-decoration: none;
            }

            ul.tablist li a:hover {
                border-top: 1px solid #999999;
                background-color: #fafafa;
                background-image: none;
                background-repeat: repeat-x;
                background-position: bottom;
                color: #990033;
            }

            ul.tablist li a.current, ul.tablist li a.current:hover {
                border-bottom: 1px solid #dddddd;
                background-repeat: repeat-x;
                background-position: bottom;
                font-weight: bold;
            }

            ul.tablist li a.current {
                    border-right-color: #999999;
    /* background-image: url(images/bgGray.gif); */
    background-color: #f8f8f8;
            }

                ul.tablist li a.current:hover {
                    background-image: none;
                    color: #990033;
                }

/* Footer styles */
.footer {
    margin-top: 6px;
    margin-bottom: 20px;
    padding: 6px 6px 6px 6px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #cccccc;
    background-color: #f6f6f6;
    color: #999999;
    line-height: 22px;
    width: 98%;
}

a.footerLink:link, a.footerLink:visited {
    text-decoration: none;
}

a.footerLink:hover {
    color: #990033;
    text-decoration: underline;
}

.footerHR {
    color: #666666;
}

/* LastViewed styles */
.lastView {
    padding-top: 3px;
    padding-left: 10px;
    padding-bottom: 3px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #999999;
    background-color: #eeeeee;
    color: #444444;
    vertical-align: middle;
    font-size: 11px;
}

.lastViewLink, a.lastViewLink:link, a.lastViewLink:visited {
    padding: 2px 5px 2px 5px;
    border-left: 1px solid #cccccc;
    color: #444444;
    text-decoration: none;
}

a.lastViewLink:hover {
    background-color: #ffffff;
    color: #990033;
}

/* Tab Menu */
table.tabFrame {
    border: none;
    width: 100%;
    background-color: #ffffff;
}

.tabRow {
    border-bottom: 1px solid #999999;
    /*background-image: url(images/otherTab.gif);*/
    background-repeat: repeat-x;
    background-position: bottom right;
}

.tabPopdown {
    width: 100%;
    /*background-image: url(images/tabPopdown.gif);*/
    background-repeat: no-repeat;
    background-position: center center;
    height: 8px;
}

.currentTab {
    padding: 2px 15px 0px 15px;
    background-image: -webkit-linear-gradient(top, #2f2f2f 0%, #363636 100%);
    background-image: -o-linear-gradient(top, #2f2f2f 0%, #363636 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#004c5b), to(#363636));
    background-image: linear-gradient(to bottom, #2f2f2f 0%, #363636 100%);
    background-repeat: no-repeat;
    background-position: bottom center;
    font-size: 15px;
    font-weight: bold;
    -ms-border-radius: 4px;
    border-radius: 4px;
    height: 37px;
}

.currentTabLeft {
    border-color: #ffffff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
    background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
    background-repeat: no-repeat;
    background-position: bottom left;
    height: 37px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: none;
}

.currentTabRight {
    border-color: #ffffff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 37px;
    display: none;
}

a.currentTabLink:link, a.currentTabLink:visited, a.currentTabLink:hover {
    text-decoration: none;
}

a.currentTabLink:link, a.currentTabLink:visited {
    color: white;
}

a.currentTabLink:hover {
    color: white;
}

.otherTab {
    padding: 6px 15px 0px 15px;
    border-bottom: solid 1px;
    background-position: bottom center;
    border-color: #999999;
    /*background-image: url(images/otherTab.gif);*/
    background-repeat: no-repeat;
    color: #636363;
    font-size: 15px;
    font-weight: bold;
    height: 37px;
}



.otherTabLeft {
    border-bottom: 1px solid #999999;
    /*background-image: url(images/otherTab.gif);*/
    background-repeat: no-repeat;
    background-position: bottom left;
    color: #636363;
    height: 37px;
}

.otherTabRight {
    border-bottom: 1px solid #999999;
    /*background-image: url(images/otherTab.gif);*/
    background-repeat: no-repeat;
    background-position: bottom right;
    color: #636363;
    height: 37px;
}




a.otherTabLink:link, a.otherTabLink:visited {
    text-decoration: none;
    /*padding-top: 0px;*/
}

a.otherTabLink:hover {
    text-decoration: none;
}

a.otherTabLink:link, a.otherTabLink:visited {
    color: #636363;
}

a.otherTabLink:hover {
    color: #337ab7;
    font-weight: bold;
}

.otherTabMoreLink, .otherTabMoreLink:link, .otherTabMoreLink:active, .otherTabMoreLink:visited, .otherTabMoreLink:hover {
    padding: 1px 5px 3px 7px;
    color: #636363;
    text-decoration: none;
    display: block;
    font-size: 15px;
    font-weight: bold;
}

    .otherTabMoreLink:hover, .otherTabMoreLink:active {
        color: white;
        background-color: #636363;
    }

#subtabs {
    border-bottom: 1px solid #999999;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 21px;
}

.menu {
    border: 1px solid #999999;
    background-color: #f6f6f6;
    position: absolute;
    display: none;
    visibility: hidden;
    opacity: 0.9;
}

.menuItem, .menuItem:link, .menuItem:active, .menuItem:visited, .menuItem:hover {
    padding: 1px 5px 1px 7px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #c0c0c0;
    background-color: #f6f6f6;
    color: #000000;
    text-decoration: none;
    line-height: 18px;
    width: 120px;
    display: block;
}

    .menuItem:hover, .menuItem:active {
        color: #000000;
    }

/* Header styles */
.myArea, .welcome {
    font-size: 13px;
}

.headerArea {
    font-size: 13px;
    padding-top: 4px;
}

.a.headerLink:link, a.headerLink:visited, a.headerLink:hover {
    text-decoration: underline;
    font-size: 13px;
    color: #ffffff;
}


.a.myAreaLink:link, a.myAreaLink:visited, a.myAreaLink:hover {
    text-decoration: none;
    font-size: 13px;
}

.subTabBar {
}

.searchField {
    border: 1px solid #999999;
    background-color: #eeeeee;
    font-size: 14px;
}

.searchButton, searchButton:focus {
    background-color: #fafafa;
    cursor: hand;
}

a.utilsLink:link, a.utilsLink:visited {
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    color: #999999;
}

a.utilsLink:hover {
    text-decoration: underline;
}

.SignUp {
    padding: 20px;
    font-size: small;
}

.create-account-description {
    font-weight: bold;
}

a.createAccount {
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 1px #111;
    -ms-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
    padding: 10px 20px 10px 20px;
    font-weight: bold;
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
    text-decoration: none;
    -ms-border-radius: 4px;
    border-radius: 4px;
    font-size: medium;
    text-decoration: none;
    color: #FFFFFF;
}

    a.createAccount:hover {
        text-decoration: none;
        background-image: linear-gradient(to bottom, #2DB02D 0%, #55C055 100%);
    }

a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
    padding: 2px 0px 3px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
    text-decoration: none;
}

.listViewPaginationTdS1 {
    background-color: #fff;
    padding: 2px;
    margin: 2% auto;
}

    .listViewPaginationTdS1 a {
        background-image: linear-gradient(to bottom, #646464 0%, #272727 100%);
        padding: 5px 10px 5px 10px;
        color: #fff;
        text-decoration: none;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        -ms-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
    }
    .listViewPaginationTdS1 td {
        padding-top: 7px;
    padding-bottom: 7px;
    }
    .listViewPaginationTdS1 span {
        background-image: linear-gradient(to bottom, #F4F4F4 0%, #AEAEAE 100%);
        /*background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);*/
        color: #000;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        -ms-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
        padding: 5px 10px 5px 10px;
        font-weight: bold;
    }

    .listViewPaginationTdS1 a:hover {
        background-image: linear-gradient(to bottom, #F4F4F4 0%, #AEAEAE 100%);
        color: #000;
        font-weight: bold;
    }

/* Popup Calendar */
table.Calendar {
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #000000;
    border-right: 2px solid #000000;
    background-color: #c8d0d4;
    font-size: 11px;
    color: #000000;
}

table.CalendarTitle td {
    padding: 1px 1px 1px 1px;
    border: 1px solid #000000;
    background: #788084;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}

th.CalendarDayHeader {
    padding: 2px 2px 2px 2px;
    border-bottom: 1px solid #000000;
    background-color: #e8f0f4;
    text-align: center;
}

td.CalendarDay {
    padding: 2px 4px 2px 2px;
    font-weight: bold;
    color: #ffffff;
    text-align: right;
    width: 2em;
}

td.CalendarWeekendDay {
    color: #ff0000;
}

td.CalendarOtherMonthDay {
    background-color: #e8f0f4;
}

td.CalendarToday {
    font-weight: bold;
    color: #0000ff;
}

/* Calendar View styles */
table.monthBox {
    font-size: 12px;
}

table.monthHeader {
    margin-top: 10px;
    border-top: 1px solid #999999;
    background-color: #ffffff;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    color: #444444;
    height: 25px;
}

td.monthHeaderPrevTd {
    padding-left: 5px;
}

td.monthHeaderNextTd {
    padding-right: 5px;
}

.monthHeaderH3 {
    margin-bottom: 3px;
    padding-top: 3px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

a.NextPrevLink:link, a.NextPrevLink:visited, a.NextPrevLink:hover {
    color: #990033;
    text-decoration: none;
}

td.monthCalBody {
    background-color: #dddddd;
}

td.dailyCalBodyTime {
    padding: 7px 7px 7px 7px;
    border-color: #dddddd;
    background-color: #f6f6f6;
    color: #000000;
    vertical-align: top;
    height: 20px;
}

td.dailyCalBodyItems {
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    font-size: 12px;
    color: #444444;
    text-align: left;
}

a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
    color: #000000;
}

table.monthFooter {
}

.monthFooterPrev, .monthFooterNext {
    padding: 3px 7px 3px 7px;
    background-color: transparent;
}

th.monthCalBodyTHDay {
    padding: 5px;
    border-top: 1px solid #cccccc;
    background-color: #eeeeee;
    color: #444444;
}

.monthCalBodyWeekDay {
    padding: 3px 3px 3px 3px;
    background-color: #ffffff;
    text-align: right;
}

.monthCalBodyWeekEnd {
    padding: 3px 3px 3px 3px;
    background-color: #f6f6f6;
    color: #444444;
    text-align: right;
}

.monthCalBodyTodayWeekDay, .monthCalBodyTodayWeekEnd {
    padding: 3px 3px 3px 3px;
    border: 1px solid #990033;
    background-color: #ffffff;
    color: #444444;
    text-align: right;
}

a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited {
    font-size: 12px;
    font-weight: bold;
}

a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited, a.monthCalBodyDayItemLink:hover {
    font-size: 10px;
}

.monthCalBodyDayItem {
    margin: 7px 0px 7px 0px;
    padding: 5px 0px 8px 0px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
}

.monthCalBodyDayItemTd {
    vertical-align: top;
}

.monthCalBodyDayIconTd {
    padding-right: 3px;
    vertical-align: top;
}

.dailyCalBodyItems {
    padding: 5px 5px 5px 5px;
    background-color: #ffffff;
    font-size: 12px;
    color: #444444;
    text-align: left;
}

.yearCalBodyMonth {
    padding-top: 5px;
}

a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
    margin-bottom: 5px;
    padding: 5px 5px 5px 5px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
}

a.yearCalBodyMonthLink:hover {
    text-decoration: underline;
}

.dateFormat {
    font-size: 11px;
    font-weight: normal;
    font-style: italic;
}

/* Chart styles */
table.chartForm {
    padding: 5px 5px 5px 5px;
    border: 1px solid #999999;
    background-color: #efefef;
}

    table.chartForm td {
        background-color: #efefef;
    }

a.chartToolsLink:link, a.chartToolsLink:visited {
    font-size: 11px;
    font-weight: normal;
    color: #444444;
    text-decoration: none;
}

a.chartToolsLink:hover {
    color: #990033;
    text-decoration: none;
}

.chartFootnote {
    font-size: 11px;
}

.tm {
    font-size: 8px;
    font-family: Simplified Arabic Tahoma;
}

h5.listViewSubHeadS1 {
    margin-bottom: 2px;
    padding-left: 4px;
    font-size: 12px;
    font-weight: bold;
    color: #444;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rssItemDate {
    font-size: 11px;
    color: #666666;
}

/* Scheduler styles */
.schedulerDiv {
    margin-top: 0px;
    border-bottom: 1px solid #999999;
    border-collapse: collapse;
    background-color: #fafafa;
    font-size: 12px;
    color: #000000;
    text-align: left;
    width: 100%;
}

.schedulerTable {
    border-collapse: collapse;
    width: 100%;
}

table.schedulerTable td {
    height: 18px;
}

.schedulerTopRow, .schedulerDeleteHeaderCell, .schedulerAttendeeHeaderCell, .schedulerAttendeeHeaderCell {
    border-bottom: 1px solid #dddddd;
    height: 22px;
}

.schedulerTimeCell, .schedulerAttendeeDeleteCell {
    padding-left: 4px;
    border-left: 1px solid #dddddd;
}

.schedulerAttendeeCell {
    padding-left: 4px;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    overflow: hidden;
    width: 125px;
}

.schedulerSlotCellStartTime {
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #dddddd;
    border-left: 4px solid #75af4f;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
    width: 15px;
}

.schedulerSlotCellEndTime {
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #dddddd;
    border-left: 4px solid #ff0000;
    border-bottom: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #eeeeee;
    width: 15px;
}

.schedulerSlotCellHour {
    padding: 0px 0px 0px 0px;
    border: 1px solid #dddddd;
    background-color: #eeeeee;
    width: 15px;
}

.schedulerTopDateCell {
    margin-top: 10px;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #999999;
    background-color: #ffffff;
    background-image: url(images/bgGray.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.contentBox {
    margin: 10px 0px 10px 0px;
    padding: 0px 10px 0px 0px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.ToolbarShadingTable {
    width: 80%;
    border: 1px solid #9c9c9c;
}

.ToolbarInnerTable {
    width: 100%;
    border: 1px solid #9c9c9c;
    background-color: White;
    padding: 8px 8px 8px 8px;
}

.ToolbarInnerTableCell {
    padding-top: 10px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 25px;
}

.ModuleActionsShadingTable {
    width: 490px;
    border: 1px solid #b6b6b6;
}

.MoreActionsShadingTable {
    width: 200px;
    border: 1px solid #b6b6b6;
}

.ModuleActionsShadingHorizontal {
    height: 16px;
    background-color: #b6b6b6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ModuleActionsShadingVertical {
    width: 16px;
    background-color: #b6b6b6;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.ModuleActionsInnerTable {
    width: 100%;
    border: 1px solid #b6b6b6;
    background-color: White;
}

.ModuleActionsInnerCell {
    width: 50%;
    vertical-align: top;
    padding: 8px 8px 8px 8px;
    border-left: solid 1px #cecece;
}

.ModuleActionsInnerHeader {
    font-size: 10pt;
    color: #9c9c9c;
    display: block;
}

.ModuleActionsMenuItems, .ModuleActionsMenuItems:link, .ModuleActionsMenuItems:active, .ModuleActionsMenuItems:visited, .ModuleActionsMenuItems:hover {
    padding: 1px 5px 1px 7px;
    color: #636363;
    text-decoration: none;
    line-height: 18px;
    display: block;
}

    .ModuleActionsMenuItems:hover, .ModuleActionsMenuItems:active {
        color: black;
        background-color: #eee;
    }
/* 11/26/2010 Paul.  Add styles for the Check All hover. */
.ActionMenu {
    border: 1px solid #999999;
    background-color: #f6f6f6;
}

.ActionMenuItem {
    padding: 1px 5px 1px 7px;
    color: #000000;
    line-height: 18px;
    width: 120px;
    text-align: left;
    border-bottom: 1px solid #999999;
}

    .ActionMenuItem:hover {
        background-color: #fdfdfd;
    }

a.ActionMenuLink:link, a.ActionMenuLink:active, a.ActionMenuLink:visited, a.ActionMenuLink:hover {
    color: #000000;
    font-weight: normal;
    text-decoration: none;
}

/* http://www.bennadel.com/blog/1734-Using-CSS-Fixed-Position-Elements-Across-Browsers.htm */
/* 05/04/2010 Paul.  Must change the DOCTYPE to <!DOCTYPE HTML> */
.SixToolbar {
    width: 100%;
    height: 45px;
    background-color: #295173;
    position: fixed;
    left: 0px;
    top: 0px;
    _position: absolute;
    _top: expression( ie6 = (document.documentElement.scrollTop + "px") );
}
/* 11/06/2013 Paul.  Add support for RTL languages. */
.SixToolbarRTL {
    width: 100%;
    height: 1px;
    background-color: #000;
    position: fixed;
    right: 0px;
    top: 0px;
    _position: absolute;
    _top: expression( ie6 = (document.documentElement.scrollTop + "px") );
}

/* 05/23/2010 Paul.  New styles for the EmailClient.  */
/* 05/23/2010 Paul.  The TreeView has a bug that forces 1em, so we need to use 1em to prevent the size from switching. */
a.nodeEmailFolderLink {
    text-decoration: none;
    font-size: 1em;
}

a.leafEmailFolderLink, a.leafEmailFolderLink:visited, a.leafEmailFolderLink:hover {
}

a.parentEmailFolderLink, a.parentEmailFolderLink:visited, a.parentEmailFolderLink:hover {
}

a.selectedEmailFolderLink, a.selectedEmailFolderLink:visited, a.selectedEmailFolderLink:hover {
    background-color: #CCCCCC;
}

a.nodeStudioFolderLink {
    text-decoration: none;
    font-size: 1em;
}

a.leafStudioFolderLink, a.leafStudioFolderLink:visited, a.leafStudioFolderLink:hover {
}

a.parentStudioFolderLink, a.parentStudioFolderLink:visited, a.parentStudioFolderLink:hover {
}

a.selectedStudioFolderLink, a.selectedStudioFolderLink:visited, a.selectedStudioFolderLink:hover {
    background-color: #CCCCCC;
}

.EmailDetailViewDL {
    padding: 2px 4px 2px 4px;
    background-color: #f6f6f6;
    font-size: 11px;
    vertical-align: top;
    text-align: right;
    font-weight: bold;
    color: #9C9A9C;
}

.EmailDetailViewDF {
    padding: 2px 4px 2px 4px;
    background-color: #f6f6f6;
    font-size: 11px;
    vertical-align: top;
    text-align: left;
    color: #000000;
}

.jQueryDragHandle {
    background-image: url(images/draghandle_list.gif);
    background-repeat: no-repeat;
    background-position: top;
}

tr.jQueryDragBorder td {
    background-color: #d6d6d6;
}



.pointer {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 16px;
    font-size: 18px;
    font-weight: bold;
    color: #2B6699;
}
/* 01/07/2013 Paul.  Need to prevent a nowrap style from getting inherited. */
.ListViewInfoHover {
    width: 300px;
    border: 1px solid #9c9c9c;
    background-color: White;
    white-space: normal;
}

.PanelHoverHidden {
    display: none;
    visibility: hidden;
}
/* 08/28/2010 Paul.  Moved from Jigsaw control. */
.buttonLogin {
    border: 1px solid #444444;
    font-size: 11px;
    color: #ffffff;
    background-color: #666666;
    font-weight: bold;
}

.btn {
}
/* 09/20/2010 Paul.  Restore ACL styles. */
.aclAll {
    color: Green;
    font-weight: bold;
}

.aclOwner {
    color: Black;
    font-weight: bold;
}

.aclNone {
    color: Red;
    font-weight: bold;
}

.aclEnabled {
    color: Green;
    font-weight: bold;
}

.aclDisabled {
    color: Red;
    font-weight: bold;
}

.aclNormal {
    color: Green;
    font-weight: bold;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: White;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 400px;
}

.PasswordHelp {
    background-image: url(images/help.gif);
    height: 16px;
    width: 16px;
}

.overdueTask {
    color: Red;
}

.futureTask {
    color: Green;
}



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



.panel-body {
    padding: 0px;
}


/*------panels-with-nav-tabs------------*/
.panel-heading {
    font-size: larger;
    font-weight: bold;

}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}

    .with-nav-tabs.panel-default .nav-tabs > .open > a,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-default .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li > a:focus {
        color: #777;
        background-color: #ddd;
        border-color: transparent;
    }

.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border-color: #ddd;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #777;
    }

        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ddd;
        }

    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #555;
    }
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}

    .with-nav-tabs.panel-primary .nav-tabs > .open > a,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
        color: #fff;
        background-color: #3071a9;
        border-color: transparent;
    }

.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
    color: #428bca;
    background-color: #fff;
    border-color: #428bca;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #fff;
    }

        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #3071a9;
        }

    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        background-color: #4a9fe9;
    }
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
    color: #3c763d;
}

    .with-nav-tabs.panel-success .nav-tabs > .open > a,
    .with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-success .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li > a:focus {
        color: #3c763d;
        background-color: #d6e9c6;
        border-color: transparent;
    }

.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #3c763d;
    }

        .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #d6e9c6;
        }

    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #3c763d;
    }
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
    color: #31708f;
}

    .with-nav-tabs.panel-info .nav-tabs > .open > a,
    .with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-info .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
        color: #31708f;
        background-color: #bce8f1;
        border-color: transparent;
    }

.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #31708f;
    }

        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #bce8f1;
        }

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #31708f;
    }
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
    color: #8a6d3b;
}

    .with-nav-tabs.panel-warning .nav-tabs > .open > a,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
        color: #8a6d3b;
        background-color: #faebcc;
        border-color: transparent;
    }

.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #8a6d3b;
    }

        .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #faebcc;
        }

    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #8a6d3b;
    }
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
    color: #a94442;
}

    .with-nav-tabs.panel-danger .nav-tabs > .open > a,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
        color: #a94442;
        background-color: #ebccd1;
        border-color: transparent;
    }

.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1;
    border-bottom-color: transparent;
}

.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
        color: #a94442; /* normal text color */
    }

        .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
        .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
            background-color: #ebccd1; /* hover bg color */
        }

    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
    .with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
        color: #fff; /* active text color */
        background-color: #a94442; /* active bg color */
    }

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







#footer {
    background: #333333;
    color: #ffffff;
    text-align: center;
    padding: 30px;
    margin-top: 30px;
}