#page-top-phone {
    border-left: 1px dashed #CACACA;
    padding-left: 15px;
    color: #999999;
    height: 64px;
}

#page-top-home {
    border-bottom: 1px dashed #CACACA;
    width: 180px;
    text-align: right;
    padding-right: 15px;
}

    #page-top-home .home-icon {
        font-size: 20px;
        margin-left: 2px;
        margin-right: 4px;
        position: relative;
        top: 2px;
    }

    #page-top-home .off-icon {
        font-size: 16px;
        margin-left: 2px;
        margin-right: 4px;
        position: relative;
        top: 2px;
    }

.navbar-container {
    padding-left: 0px;
    padding-right: 15px;
}

.container.navbar {
    margin-left: auto;
    margin-right: auto;
}

.modalBackground {
    background-color: #808080;
    opacity: 0.7;
}

/*.popuptooltip {
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: Black;
}*/

.popupdrop {
    border: solid 1px #6297BC;
    background: white;
    color: Black;
}

/*********************************************************************************************
	POPUP BOX
**********************************************************************************************/
.popupbox {
    background: white;
    border-width: 2px;
    border-color: Black;
    border-style: solid;
}

.popupbox-title {
    color: #3333CC;
    background: #BFDAFF url(images/gridhdr_bg.png) 0 0 repeat-x;
    border-bottom: solid 1px gray;
    margin-bottom: 5px;
    height: 30px;
}

.popupbox-title-left {
    float: left;
    font-weight: bold;
    padding-top: .4em;
    padding-left: .5em;
    padding-bottom: .4em;
}

.popupbox-title-right {
    float: right;
    text-align: right;
    margin: 4px 4px 0 0;
}

    .popupbox-title-right a {
        text-decoration: underline;
        font-size: smaller;
    }

.popupbox-content {
    margin: 0px 10px 0px 10px;
    max-height: 600px;
    overflow: auto;
}

.popupbox-footer {
    text-align: center;
    border-top: solid 1px gray;
    margin-top: 5px;
    padding: 10px;
}
/*********************************************************************************************
	POPUP CALENDAR
**********************************************************************************************/
.popupcalendar .ajax__calendar_container {
    z-index: 1000;
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: red;
    width: 210px;
}

.popupcalendar .ajax__calendar_other .ajax__calendar_day,
.popupcalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.popupcalendar .ajax__calendar_hover .ajax__calendar_day,
.popupcalendar .ajax__calendar_hover .ajax__calendar_month,
.popupcalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.popupcalendar .ajax__calendar_active .ajax__calendar_day,
.popupcalendar .ajax__calendar_active .ajax__calendar_month,
.popupcalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}

.popupcalendar .ajax__calendar_body {
    width: 210px;
}
/*********************************************************************************************
	MISC CLASSES
**********************************************************************************************/
.error {
    color: #ff0000;
}

.confirm {
    color: #009900;
}

.clear {
    clear: both;
}

.none {
    display: none;
}

.alert-message {
    color: #FF0000 !important;
    font-weight: bold;
    font-style: italic;
    text-decoration: blink;
    text-transform: uppercase;
    margin-left: 10px;
    line-height: .8em;
}

.alert-message-small {
    color: #FF0000 !important;
    font-weight: bold;
    font-style: italic;
    font-size: 0.7em;
    text-decoration: blink;
    text-transform: uppercase;
}

div.line1 {
    background: #CCCCCC;
    overflow: hidden; /* IE 4 - 6 HACK: IE does not allow element to have height less than its line-height */
}

div.placeholder {
    background: url(images/trans.gif) 0 0 repeat;
    overflow: hidden; /* IE 4 - 6 HACK: IE does not allow element to have height less than its line-height */
}

div.container-hdr {
    color: #3333CC;
    background: #BFDAFF url(images/gridhdr_bg.png) 0 0 repeat-x;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    text-align: center;
}

div.container2 {
}

div.container2-hdr {
    color: #000099;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    text-align: left;
    border-bottom: inset 1px;
    margin-bottom: 5px;
}

.watermark {
    font: Verdana;
    color: GrayText;
}

@media screen {
    .button-search {
        background: #ce9200 url(images/grd-1px_1.4.gif) 0 -450px repeat-x;
        padding: 1px 10px 2px;
        font: bold 100% arial;
        color: #000;
        white-space: nowrap;
        border: 1px solid #999b9a;
    }

    .button-submit {
        background: url(images/button_submit_bg.jpg) 0 0 repeat-x;
        padding: 1px 10px 2px;
        font: bold 100% arial;
        color: #FFF;
        white-space: nowrap;
        border: 1px solid #C0C0C0;
    }

    .button-cancel {
        background: url(images/button_cancel_bg.jpg) 0 0px repeat-x;
        padding: 1px 10px 2px;
        font: bold 100% arial;
        color: #FFF;
        white-space: nowrap;
        border: 1px solid #C0C0C0;
    }

    .button-inactive {
        background: #ce9200 url(images/grd-1px_1.4.gif) 0 -30px repeat-x;
        padding: 1px 10px 2px;
        font: bold 100% arial;
        color: #000;
        white-space: nowrap;
        border: 1px solid #C0C0C0;
    }
}

@media print {
    .button-search {
        display: none;
    }

    .button-submit {
        display: none;
    }

    .button-cancel {
        display: none;
    }

    .button-inactive {
        display: none;
    }
}

.editbox {
    border: 1px solid #C0D0E0;
}

    .editbox td {
        padding-top: 1px;
        padding-left: 15px;
        padding-bottom: 1px;
        padding-right: 2px;
        background-color: #f8f8f8;
        width: inherit;
    }

    .editbox th {
        padding: 5px;
        color: #FFF;
        background-color: #00529C;
        border: 1px solid #FFFFFF;
        text-align: left;
        width: inherit;
    }

    .editbox .field-label {
        font-weight: bold;
    }

.popupdrop {
    border: solid 1px #6297BC;
    background: white;
    color: Black;
    z-index: 1000;
}

.popuptooltip {
    border: 1px solid #646464;
    background-color: lemonchiffon;
    color: Black;
    z-index: 1000;
}

input.dropdowntext {
    border: solid 1px #6297BC;
    background: white;
}

#merstatus td {
    font-size: smaller;
    padding-left: 5px;
}

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

.graybackground-div {
    z-index: 10;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #808080;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

#app-container .panel-heading {
    padding: 1px 15px;
}

#app-container .panel-footer {
    padding: 1px 15px;
}

.form-control[disabled].readonly {
    cursor: default;
    background-color: inherit;
}

select.form-control[disabled].readonly {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/*********************************************************************************************
	Bootstrap Overrides
**********************************************************************************************/
.panel-primary {
    border-color: #003057;
}

    .panel-primary > .panel-heading {
        color: #ffffff;
        background-color: #003057;
        border-color: #003057;
    }

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

.form-control-memo {
    height: auto;
    min-height:34px;
}

/*********************************************************************************************
	Fancy Things
**********************************************************************************************/
.fadingElement {    
    
}
    .fadingElement.hiding {
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    .fadingElement.showing {
        opacity: 1;        
    }