/*-----  MARKHAM LOCAL STYLES - definitions of HTML tag styles -----*/

/*----- FORMS -----*/
.elementTopSeparator {padding-top: 7px; padding-bottom: 3px;}
.elementMidSeparator {padding-top: 3px; padding-bottom: 3px;}
.elementBotSeparator {padding-top: 3px; padding-bottom: 7px;}
.elementOnlySeparator {padding-top: 7px; padding-bottom: 7px;}

.formLabel
{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 4px;
}

.displayField
{
    BACKGROUND: #ffffff;
    BORDER: 0px;
    PADDING-BOTTOM: 4px;
    PADDING-LEFT: 0px;
    PADDING-TOP: 6px
}
.displayReadOnly
{
    background: #f7f8fd;
    font-family: verdana, sans-serif;
    font-size:11px;
    color: #505050;
    padding-left: 0px;
    padding-top: 6px;
    padding-bottom: 4px;
    border: 0px;
}
.inputField
{
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 2px;    
    MARGIN-RIGHT: 5px;    
}
.pulldown
{
    MARGIN-TOP: 1px;
    MARGIN-BOTTOM: 1px;    
    MARGIN-RIGHT: 5px;    
}

.tableReadOnly
{
    BACKGROUND: #f7f8fd;
}

.tableReadOnlyWithBorder
{
    BACKGROUND: #f7f8fd;
    border-bottom:1px solid #999999;
    border-left:1px solid #999999;
    border-right:1px solid #999999;
}

.instructionsAreaBottom
{
    background-color:#f7f8fd;
    font-size:10px;
    padding-right:8px;
    padding-top:8px;
    padding-left:8px;
    padding-bottom:4px;
    margin:0;
    border-width:1px;
    border:1px solid none;
    border-top:1px solid #999999;
}

/*----- TABLES -----*/

.lt, 
.rt, 
.ct 
{
    vertical-align:middle;
    white-space:nowrap;
}

.lt
{ 
    text-align:left;
} 

.rt
{ 
    text-align:right;
} 

.ct
{ 
    text-align:center;
} 

/*----- TM MULTISELECT COMBOBOX -----*/
.tmPullDownHead
{
    margine:0px;
    padding:0px;
    position:relative;
    border:1px solid #999999;
    color:#505050;
    background:#ffffff;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:11px;
}

/*----- TABS - WITHIN DATA FRAME -----*/
#tabScrollButton
{
    background-color: solid #E0E0E0;
}

/*-----  WIZARD STEPS -----*/

/*-----  ACTION BUTTONS -----*/
.buttonSeparator {padding-left: 5px; padding-right: 5px;}

/*----- Gantt Chart -----*/
table.scrollchart{
    color:#505050;
    position:absolute;
    font-size:11px;
    font-family:verdana, arial, helvetica, sans-serif;
    cell-spacing:0px;
    cell-padding:0px;
    border-left:1px solid #999999;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
}

div.timeline{
    border-right:1px solid #999999;
}

div.chartdata{
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
}

div {
    scrollbar-3dlight-color:#999999;
    scrollbar-arrow-color:#656363;
    scrollbar-base-color:#d1d6f0;
    scrollbar-highlight-color:#d1d6f0;
    scrollbar-shadow-color:#d1d6f0;
    scrollbar-darkshadow-color:#999999;
    scrollbar-track-color:#f2f4fe;
}

td.emptyline {
    position:absolute;
    background-color:#FFFFFF;
    z-Index:0;
    border-left:0px solid #FFFFFF;
    border-right:1px solid #989898;
    border-top:0px solid #989898;
    border-bottom:1px solid #E5E5E5;
}

td.major-timeline {
    font-size:11px;
    text-align:center;
    background-color:#d1d6f0;
    position:absolute;
    overflow:hidden;
    z-Index:11;
    border-left:1px solid #d1d6f0;
    border-right:1px solid #989898;
    border-bottom:1px solid #d1d6f0;
    border-top:1px solid #989898;
    padding-top:3 px;
    overflow-y:hidden;
    overflow-x:hidden;
}

td.minor-timeline {
    font-size:11px;
    text-align:center;
    background-color:#d1d6f0;
    position:absolute;
    overflow:hidden;
    z-Index:11;
    border-left:1px solid #d1d6f0;
    border-right:1px solid #989898;
    border-bottom:1px solid #989898;
    border-top:1px solid #989898;
    padding-top:3 px;
}


td.minor-timeline-divider {
    font-size:1pt;
    text-align:center;
    color:#505050;
    z-Index:8;
    background-color:#white;
    position:absolute;
    overflow:hidden;
    border-top:0px solid #E5E5E5;
    border-bottom:white;
    border-right:white;
    border-left:1px solid #E5E5E5;
}

td.rowinfocell0 {
    background:#f7f8fd;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
}

td.rowinfocell1{
    background:#eceef8;
    border-bottom:1px solid #999999;
    border-right:1px solid #999999;
}

td.rwoinfoheader0 {
    background:#d1d6f0;
    border-top:1px solid #999999;
    border-right:1px solid #999999;
    border-bottom:0px solid #999999;
    height:20;
}

td.rwoinfoheader1 {
    background:#d1d6f0;
    border-top:1px solid #999999;
    border-bottom:1px solid #999999;
    height:21;
    border-right:1px solid #999999;
}

div.rowinfodiv {
    border:1px solid #999999;
}

div.rowinfodatadiv{
    overflow-y:hidden;
    overflow-x:hidden;
    position:absolute;
    border-top:0px solid #999999;
    border-right:0px solid #999999;
    border-bottom:1px solid #999999;
}

.scrollAttributeColumnDiv{
    overflow-y:hidden;
    overflow-x:hidden;
    position:absolute;
}

td.gnstyle1 {
    position:absolute;
    overflow:hidden;
    background-color:transparent;
    border:1px solid #FF0000;
    border-left:transparent;
    border-right:transparent;
    border-bottom:transparent;
    z-index:15;
    font-size:1pt;
}

td.gnstyle2 {
    position:absolute;
    overflow:hidden;
    color:#505050;
    background-color:#FFF7BA;
    z-Index:20;
    font-size:0px;
    border:1px solid #999999;
}

td.gnstyle21 {
    position:absolute;
    overflow:hidden;
    color:#000000;
    background-color:#FFF7BA;
    z-Index:30;
    font-size:7px;
    font-weight: bold;
    border:1px solid #999999;
}

td.gnstyle3 {
    position:absolute;
    overflow:hidden;
    color:#505050;
    background-color:#D6F1C8;
    z-Index:15;
    font-size:0px;
    border:1px solid #999999;
}

td.gnstyle31 {
    position:absolute;
    overflow:hidden;
    color:#000000;
    background-color:#D6F1C8;
    z-Index:30;
    font-size:7px;
    font-weight: bold;
    border:1px solid #999999;
}

td.gnstyle4 {
    position:absolute;
    overflow:hidden;
    color:#505050;
    background-color:#FFCBCB;
    z-Index:25;
    font-size:0px;
    border:1px solid #999999;
}

td.gnstyle41 {
    position:absolute;
    overflow:hidden;
    color:#000000;
    background-color:#FFCBCB;
    z-Index:30;
    font-size:7px;
    font-weight: bold;
    border:1px solid #999999;
}

td.gnstyle5 {
    position:absolute;
    overflow:hidden;
    background-color:#D0D0D0;
    z-Index:10;
    font-size:0pt;
    border:1px solid #999999;
}

td.gnstyle6 {
    position:absolute;
    overflow:hidden;
    color:#505050;
    background-color:#CCFFFF;
    z-Index:15;
    font-size:0px;
    border:1px solid #999999;
}

td.gnstyle7 {
    position:absolute;
    overflow:hidden;
    color:#505050;
    background-color:#64FF64;
    z-Index:15;
    font-size:0px;
    border:1px solid #999999;
}


.topleftDiv
{
    position: absolute;
    overflow-x: hidden;
    overflow-y: hidden;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-width: 1px;
    border-color: #999999;
}

.bottomleftDiv
{
    position: absolute;
    overflow-x: scroll;
    overflow-y: hidden;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #999999;
}

.toprightDiv
{
    position: absolute;
    height: 44px;
    overflow-x: hidden;
    overflow-y: hidden;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-width: 1px;
    border-color: #999999;
}

.bottomrightDiv
{
    position: absolute;
    overflow-x: scroll;
    overflow-y: scroll;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #999999;
    background-color:#FFFFFF;
}

.leftHeaderTable
{
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
}

.leftHeaderTable1
{
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
}

.leftHeaderTD
{
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
    background: #d1d6f0;
    height: 22px;
}

.leftHeaderStyle0
{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
    background: #d1d6f0;
    height: 22px;
    padding-left: 6px;
    padding-right: 6px;
}

.leftHeaderStyle1
{
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
    background: #d1d6f0;
    height: 22px;
}

.leftDataTable
{
}

.leftDataTD0
{
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
    height: 22px;
}

.leftDataTD1
{
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
    height: 22px;
}

.rightHeaderTable
{
    position: absolute;
    border: 1px solid #999999;
}

.rightHeaderRow
{
    height: 19px;
}

.rightHeaderStyle00
{
    position: absolute;
    text-align: center;
    border: 1px solid #999999;
    background: #d1d6f0;
    height: 22px; 
}

.rightHeaderStyle01
{
    position: absolute;
    text-align: center;
    border: 1px solid #999999;
    background: #d1d6f0;
    height: 23px;
}

.rightDataTable
{
    position: absolute;
    border: 1px solid #999999;
}

.verticalScrollbar
{
    position: absolute;
    background-color: #989898;
    height: 23px;
    width: 17px;
    border: 1px solid #999999;
}

.rightDataVerticalDivider
{
    position: absolute;
    border-color: #e5e5e5;
    border-left-style: solid;
    border-width: 1px;
    width: 1px;
}

.rightDataHorizontalDivider
{
    position: absolute;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    height: 1px;
}

.fullBar
{
    position: absolute;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    font-size:0px;
    overflow:hidden;
    height: 10px;
}

.leftOpenBar
{
    position: absolute;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-width: 1px;
    border-color: #999999;
    font-size:0px;
    overflow:hidden;
    height: 10px;
}

.rightOpenBar
{
    position: absolute;
    border-top-style: solid;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-width: 1px;
    border-color: #999999;
    font-size:0px;
    overflow:hidden;
    height: 10px;
}



/*----- OTHER STYLES -----*/
.error { font-size : 11px; font-weight : bold; text-align : left; color : #000000;}
.success { font-size : 11px; font-weight : bold; text-align : left; color : #0000ff;}
.warning { font-size : 11px; text-align : left; color : #FF0000;}
.tooltipHidden
{
    display: none;
    visibility: hidden;
    position: relative;
}
.tooltipShow
{
    display: block;
    visibility: visible;
    position: absolute;
    font-weight: normal;
    color: #000044;
    padding-left: 2px;
    background-color: #fff7ce;
    border-width:1px;
    border:1px solid;
}

.applicationPadContent2
{
    FONT-FAMILY: verdana, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    HEIGHT: 19px
}
.applicationPadContent2 A:link
{
    COLOR: #505050;
    TEXT-DECORATION: none
}
.applicationPadContent2 A:active
{
    COLOR: #505050;
    TEXT-DECORATION: none
}
.applicationPadContent2 A:visited
{
    COLOR: #505050;
    TEXT-DECORATION: none
}

/* COPIED FROM CAMBRIDGE (BOSTON) */
.disabled {color : Gray;}
.depressed {border-left : 2px outset #CCCCCC; border-top : 2px outset #CCCCCC; border-bottom : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF; background-color : #E0E0E0;}
#menuItem {font-family: verdana, arial, sans-serif; font-size: 11px; color: #505050;}
#menuItem:hover {color: #000000;}
.disabledMenuItem {font-family: verdana, arial, sans-serif; font-size: 11px; color: #A0A0A0;}

/* TM Suggestion Box */
.suggest_link
{
    background-color: #FFFFFF;
    padding: 2px 0px 2px 3px;
}

.suggest_link_over
{
    background-color: #fff6a6;
    padding: 2px 0px 2px 3px;
}