/*
This file contains all the base styles that ship with ediWebTracker.
You can override any of the elements in BaseStyle.css located in the same folder

PLEASE DO NOT MODIFY THIS FILE. All changes will be lost with the next upgrade of Enterprise.
Instead, modify BaseStyle.CSS 

*/

@import url(menu.css);

/* 
	basic settings 
*/
html, body, table, td, th, h1, h2, h3, h4, h5, h6, p, a, span, div, pre, input, select {
    font-family: Verdana, Arial, sans-serif;
}

body {
    background: white;
    color: #000000;
    padding: 0;
    margin: 0;
    font-size: 11px;
}

#OuterContentPane {
    padding: 10px 20px 20px 20px;
}

a,
a:visited {
    color: #000000;
    background: inherit;
}

    a:hover {
        color: red;
        background: inherit;
    }

select, input {
    font-size: 11px;
}

/* 
	Login status string 
	Used for displaying who logged in and Logout link
*/
#LoginStatusString a,
#LoginStatusString a:visited,
#LoginStatusString a:hover {
    color: inherit;
    background: inherit;
    font-weight: bold;
}

#LoginStatusString {
    position: absolute;
    top: 0px;
    right: 0%;
    padding-left: 10px;
    padding-right: 10px;
}


/*
	Notes
*/
pre {
    border-left: 2px solid #999999;
    margin-left: 1.5em;
    margin-top: 0px;
    padding-left: 5px;
    font-size: xx-small;
    line-height: 100%;
    text-align: justify;
}

/*
	Heading of the page
*/
#pagehead {
    top: 0px;
    left: 0px;
    height: 69px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #999999;
    color: inherit;
    background: top left no-repeat;
}

#topbar1 {
    background: url(images/topbg1.gif) repeat-x top;
    color: inherit;
    margin: 0px;
    padding: 0px;
    height: 69px;
    width: 100%;
}

#topbar2 {
    background: url(images/topbg3.jpg) no-repeat top right;
    color: inherit;
    height: 69px;
    width: 100%;
}

#pagefooter {
    margin: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background: #F5F5F5;
    color: inherit;
    width: 100%;
    text-align: center;
}

#LanguageSelection {
    position: absolute;
    right: 10px;
}

.ErrorMessage {
    color: red;
    background: inherit;
    font-weight: bold;
}

#DebugConsole {
    visibility: hidden;
}

.CompanyLogo {
    color: inherit;
    background: url(images/Logo.gif) no-repeat center center;
    width: 220px;
    height: 69px;
    cursor: hand;
}

.PageTitle {
    font-weight: bold;
    font-size: 20px;
}

.SectionTitle {
    font-weight: bold;
    font-size: 14px;
}

.SubSectionTitle {
    font-weight: bold;
    font-size: 12px;
}

.ResultsTable {
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

    .ResultsTable td {
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
    }

.DetailsItem {
    font-weight: bold;
}

.DetailsTable {
    padding: 5px;
    border-collapse: collapse;
    border: 1px solid #999999;
    font-size: 11px;
}

    .DetailsTable td {
        border: 1px solid #999999;
        padding: 3px;
    }

.DetailsHeader {
    font-weight: bold;
    background: #eee none;
    color: inherit;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.DetailsCell {
    padding-left: 3px;
    padding-right: 10px;
    border: 1px solid #999999;
}

.ContentSection {
    margin-top: 10px;
}

/* Rounded Box */

.boundingbox {
    padding: 10px 10px 10px 10px;
}

.bl {
    color: inherit;
    background: url(images/bl-white.gif) 0 100% no-repeat #A6CAF0;
}

.br {
    color: inherit;
    background: url(images/br-white.gif) 100% 100% no-repeat;
}

.tl {
    color: inherit;
    background: url(images/tl-white.gif) 0 0 no-repeat;
}

.tr {
    color: inherit;
    background: url(images/tr-white.gif) 100% 0 no-repeat;
}

.clear {
    font-size: 10px;
    height: 10px;
}

.TimeLineLegend {
    display: inline-block;
    font-weight: bold;
    background: none;
    color: inherit;
    text-align: center;
    padding: 5px 5px 5px 5px;
    border: solid 1px gray;
}

.TimeLineOverdue {
    background: #ffb6c1;
    color: inherit;
    white-space: nowrap;
    text-align: center;
}

.TimeLineOnTime {
    background: #e6e6fa;
    color: inherit;
    white-space: nowrap;
    text-align: center;
}

.TimeLineAheadOfSchedule {
    background: #98fb98;
    color: inherit;
    white-space: nowrap;
    text-align: center;
}

.TimeLineEstimate {
    font-style: italic;
    color: Gray;
    background: inherit;
    white-space: nowrap;
    text-align: center;
}

.PopupButton {
}

/* Alternating table cell */

.DetailsAlternatingCell {
    color: inherit;
    background: #f2f2f2;
}

/* Scrolling */

.Scrollable {
    overflow-x: auto;
    padding-bottom: 20px;
    width: 100%;
}

.ScrollableFull {
    overflow: auto;
}
/* ZFindBox */

.ZFindBox {
    z-index: 999;
    position: absolute;
    display: none;
    height: 355px;
    width: 400px;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95) progid:DXImageTransform.Microsoft.Slide(Duration=2.500,slidestyle='HIDE');
}

.PopupCalendar {
    height: 175px;
    width: 190px;
}

.FindButton {
}

.ClearButton {
}

.NewButton {
}

.ExportToExcelButton {
}

.Button {
    overflow: visible;
    padding: 0 10px 0 10px;
}

.ZFilterPage {
}

.DetailsCell {
    white-space: nowrap;
}

.DetailsHeader {
    white-space: nowrap;
}

.OrdersTimeLineDetailsHeader {
    white-space: normal;
}

.ZFilterPageDetailsAlternatingCell {
    color: inherit;
    background: #f2f2f2;
}

.DetailedDataGrid {
    background-color: whitesmoke;
    border: 1px solid #999999;
    padding: 5px;
}

.DetailsSelection {
    background-color: lightyellow;
}
