/*-----  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;
}
.inputFieldUpper
{
    MARGIN-TOP: 2px;
    MARGIN-BOTTOM: 2px;
    MARGIN-RIGHT: 5px;
}
.inputField2
{
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    color: #505050;
    background: #ffffff;
    height: 18px;
    margin-left: 2px;
    padding-left: 3px;
    padding-top: 1px;
    border: 1px solid #999999;
}
.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;
}

.displayDateandTimeFormat
{
    font-size:8px;
    vertical-align:middle;
}

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

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

.lt
{
    text-align:left;
}

.rt
{
    text-align:right;
}

.ct
{
    text-align:center;
    width:5px;
}

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

.tmPullDownSelectMultiple
{
    margin:0;
    border:0;
    padding:1px;
    overflow-x:hidden;
    white-space:nowrap;
    vertical-align:top;
}

.tmPullDownButton
{
    border:0;
    margin:0;
    padding:0;
    vertical-align:top;
}

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

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

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

/*----- Gantt Chart -----*/

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;
}

.gantttable
{
    border-spacing: 0;
    border: 0;
}

.gantttable td
{
    padding: 0;
}
.flt 
{
    float:left;
}
.frt 
{
    float:right;
}
.clr
{
    clear:both;
}

.divlfttop
{
    margin-right:18px;
}

.gridlfttop td
{
    background-color:#D1D6F0;
    border: 1px solid #999999;
    border-width: 0px 1px;
    padding: 4px 0px 4px 2px;
    white-space: nowrap;
}

.gridlftbot td
{
    border: 1px solid #999999;
    padding: 1px 0px 1px 2px;
    white-space: nowrap;
}

.divrhttop
{
    margin-right: 18px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.gridrhttop td
{
    background-color:#D1D6F0;
    border: 1px solid #999999;
    border-width: 0px 1px 1px 1px;
    padding: 4px 2px;
    text-align: center;
    white-space: nowrap;
}

.gridrhtbot td
{
    border: 1px solid #E5E5E5;
    white-space: nowrap;
}

div.lftblock
{
     border: 0px solid #999999;
     background-color: #D1D6F0;
}

div.lfttitle
{
    background-color: #D1D6F0;
    border-bottom: 1px solid #999999;
    padding-top: 1px;
    width: 100%;
    height: 22px;
}

div.divrhtbot
{
    overflow: scroll;
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
}

div.ganttgrids
{
    padding: 4px 0px;
}

.gcell
{
    cursor: default;
}

.ltstyle
{
    padding-top: 2px;
    padding-left: 5px;
}

.ltimgstyle
{
    padding-top: 5px;
    padding-left: 5px;
}
div.gridrhtbos
{
    left: 0;
    top: 0;
    position: absolute;
}

div.rhtblock
{
    border: 0px solid #999999;
    background-color: #D1D6F0;
}
div.divlfttop
{
    overflow: hidden;
    position: relative;
    width: 100%;
}

div.divlftbot
{
    overflow: scroll;
    position: relative;
    width: 100%;
}
div.gnstyle1
{
    background-color:transparent;
    border-top:1px solid #FF0000;
    font-size:1px;
    margin-top:3px;
    position:absolute;
    z-index:15;
}

div.gnstyle2
{
    border:1px solid #999999;
    background-color:#FFF7BA;
    color:#505050;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-index:20;
}

div.gnstyle3
{
    border:1px solid #999999;
    background-color:#D6F1C8;
    color:#505050;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:15;
}

div.gnstyle4
{
    border:1px solid #999999;
    background-color:#FFCBCB;
    color:#505050;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:25;
}

div.gnstyle5
{
    background-color:#D0D0D0;
    border-top:1px solid #D0D0D0;
    font-size:0px;
    margin-top:4px;
    position:absolute;
    z-Index:10;
}

div.gnstyle6
{
    border:1px solid #999999;
    background-color:#CCFFFF;
    color:#505050;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:15;
}

div.gnstyle7
{
    border:1px solid #999999;
    background-color:#64FF64;
    color:#505050;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:15;
}

div.gnstyle8
{
    background-color:transparent;
    border-top:1px solid #FFB700;
    font-size:1px;
    margin-top:7px;
    position:absolute;
    z-Index:15;
}

div.gnstyle21
{
    border:2px solid #0B610B;
    background-color:#FFF7BA;
    color:#000000;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle31
{
    border:2px solid #3AB232;
    background-color:#D6F1C8;
    color:#000000;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle41
{
    border:2px solid #0B610B;
    background-color:#FFCBCB;
    color:#000000;
    font-size:8px;
    font-weight: bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle201
{
    background-color:#FFF7BA;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:20;
}

div.gnstyle301
{
    background-color:#D6F1C8;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:15;
}

div.gnstyle401
{
    background-color:#FFCBCB;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:25;
}

div.gnstyle601
{
    background-color:#CCFFFF;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:15;
}

div.gnstyle211
{
    background-color:#FFF7BA;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle311
{
    background-color:#D6F1C8;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle411
{
    background-color:#FFCBCB;
    background-image:url('../../images/right_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle310
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    background-color:#D6F1C8;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:15;
}

div.gnstyle210
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    background-color:#FFF7BA;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:20;
}

div.gnstyle410
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:1px solid #999999;
    background-color:#FFCBCB;
    color:#505050;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:25;
}

div.gnstyle4101
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    background-color:#FFCBCB;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle4111
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    background-color:#FFCBCB;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle2101
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    background-color:#FFF7BA;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle2111
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    background-color:#FFF7BA;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle3101
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    background-color:#D6F1C8;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

div.gnstyle3111
{
    background-image:url('../../images/right_green_triangle.gif');
    background-repeat:no-repeat;
    background-position:right top;
    border:2px solid #0B610B;
    background-color:#D6F1C8;
    color:#000000;
    font-size:8px;
    font-weight:bold;
    margin-top:8px;
    position:absolute;
    z-Index:30;
}

.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;
}

.lineDivider
{
    position: absolute;
    border-top-style: none;
    border-right-style: none; 
    border-bottom-style: solid; 
    border-left-style: none;
    border-width: 1px;
    border-color: #e5e5e5;
    height: 22px;
}

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

.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;
}
.gcNoTopBorder
{
    border-top: 0px;
}

.gcNoLftBorder
{
    border-left: 0px;
}
.gcRhtTopObj
{
    border-right: 1px solid #999999;
}
.gcLftblock
{
    border-left: 1px solid #D1D6F0;
}
.gtBorder
{
    border-collapse: collapse;
}
.gcRhtBlk
{
    visibility: visible;
}
.gcOvflHide
{
	overflow: hidden;
}

/*----- 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;
}

.ganttTooltipShow
{
    display: block;
    visibility: visible;
    position: absolute;
    font-weight: normal;
    color: #000044;
    padding: 2px;
    /*background-color: #fff7ce;*/
    z-index: 9999;
    /*min-width: 600px;*/
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    border-width:1px;
    border:1px solid;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    white-space: pre-line;
}

.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;
    width:100%;
}

#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;
}
.containerNoHeader
{
    font-size:0px;
    line-height:0px;    
}

.statusMessageDiv
{
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:11px;
    visibility:hidden;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    color:Black;
}

/*  Image style */
.imgStyleSmall
{
    vertical-align:middle;
    height:9px;
    width:9px;
    border:0;
}

.imgStyle
{
    vertical-align:middle;
    height:16px;
    width:16px;
    border:0;
}

#dialogoverlay{
	display: none;
	opacity: .8;
	position: fixed;
	top: 0px;
	left: 0px;
	background: #FFF;
	width: 100%;
	z-index: 10;
}
#dialogbox{
	display: none;
	position: fixed;
	background: #99C2EB;
    border:7px;
    z-index: 10;
}
#dialogbox > div{background-color: forestgreen; margin:3px; }
#dialogbox > div > #dialogboxhead{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;font-weight:Bold;color:#505050;line-height:18px;}
#dialogbox > div > #dialogboxbody{font-family:verdana,arial,helvetica,sans-serif;font-size:11px;background: #f7f8fd; padding:10px; color:#FFF; height:100px;}
#dialogbox > div > #dialogboxfoot{background: #f7f8fd; padding:10px; text-align:right;}