/*-------------------------------------------------------------------------------------
       Name: ndf.css
Description: css styles for NDF
         NB: Please - only put styles in here that are actually used.
         By: MAJW - mayjay@blueyonder.co.uk
  Copyright: (c)2007 - Nomad Digital Ltd All Rights Reserved
             www.nomadrail.co.uk.com
-------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------
    newReleaseNotes */
.newReleaseNotes
    {
    color: #C44;
    }

/* ----------------------------------------------------------------------------
    dialogErrorArea */
.dialogErrorArea
    {
    float:left;
    clear:both;
    width:100%;
    color:#F22;
    font-weight:bold;
    font-size:x-small;
    white-space:nowrap;
    overflow:hidden;
    border:0px solid #FBB;
    }
    
/* ----------------------------------------------------------------------------
    page_error_area */
#page_error_area
    {
    float:left;
    position:absolute;
    display:none;
    top:0; left:0;
    padding-left:5px;
    line-height:29px;
    font-size:x-small;
    font-weight:bold;
    color:#F33;
    background:#BBB;
    border: 0px solid #F44;
    border-width: 0 2px 0 2px;
    white-space:nowrap;
    overflow:hidden;
    }

/* ----------------------------------------------------------------------------
    fontMainBody */
.fontMainBody {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    line-height:19px;
    font-weight:200;
    color:#514f4f;
    }
    
.fontMainBodySmall {
    font-family:Arial, Helvetica, sans-serif;
    font-size:x-small;
    line-height:16px;
    font-weight:200;
    color:#514f4f;
    }

.fontMainBodyXSmall {
    font-family:Arial, Helvetica, sans-serif;
    font-size:xx-small;
    line-height:12px;
    font-weight:200;
    color:#514f4f;
    }

/* ----------------------------------------------------------------------------
    fontUserSysRow */
.fontUserSysRow {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    color:#514f4f;
    }

/* ----------------------------------------------------------------------------
    generic link - will do for now */
.ndfNavLink
    {
    float:left;
    /* color:#44A; */
    color:#514f4f;
    line-height:19px;
    text-align:center;
    font-weight:bold;
    text-decoration:underline;
    font-weight:bold;
    cursor:pointer;
    }

/* ----------------------------------------------------------------------------
   navMain */

#nav_main_popup {
    z-index: 50;
}

.navMainTable {
    width:100%;
    height:auto;
    
/*     text-align:center; */
}
.navMain_leftend {
    background-image:url(navMain_leftend.gif);
    background-repeat:no-repeat;
    background-position:right center;
    width:7px;
    height:29px;
}
.navMain_rightend {
    background-image:url(navMain_rightend.gif);
    background-repeat:no-repeat;
    background-position:left center;
    width:7px;
    height:29px;
}
.navMain_middle {
    background-image:url(navMain_middle.gif);
    background-repeat:repeat-x;
    height:29px;
    background-position:center;
/*     width:95%; */
}

.navMain_sep {
	background-image:url(navMain_sep.gif);
    background-repeat:repeat-x;
    width:3px;
    height:29px;
/*    margin:0 7px;*/
}


.navMain_hilite_container {
    overflow:visible;
    height:0px;
    position:relative;
    text-align:left;
}

.navMain_hilite {
    background-color: transparent;
    }

.navMain_vert_middle {
    /*background-image:url(navMain_middle.gif);
    background-repeat:repeat-x;*/
    height:29px;
    background-position:center;
    background-color: #555;
/*     width:95%; */
}
    
/* "buttons" used in above */
    
.navMainBtn {
/*     font-family:Arial, Helvetica, sans-serif; */
    cursor:pointer;
    font-size:small;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    
}

.navMainBtn_ON {
/*     font-family:Arial, Helvetica, sans-serif; */
    cursor:pointer;
    font-size:small;
    color:#fb9e0a;
    text-decoration:none;
    text-align:center;
}

.navMainBtn:hover{
    color:#fb9e0a;
}


/* ----------------------------------------------------------------------------
   navLeft - left col selector stuff */
   
.navLeftTable {
    z-index: 50;
}

.navLeftLinkPopup {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:900;
    cursor:pointer;
    line-height:26px;
    color:#747272;
    display:block;
    text-decoration:none;
    text-align:left;
    padding:0 6px;
}

.navLeftLinkPopup:hover {
    color: #FB9E0A;
}

.navLeftLink {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:900;
    cursor:pointer;
    line-height:30px;
    color:#747272;
    display:block;
    text-decoration:none;
    text-align:right;
    padding:0 6px;
    }

.navLeftLink_SEL {
    background:#c3d2ff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:900;
    cursor:pointer;
    line-height:30px;
    color:#747272;
    font-weight:600;
    display:block;
    text-decoration:none;
    text-align:right;
    padding-right:6px;
    
    border-bottom: 1px solid #DDD;
/*    border-top: 1px solid #BBB;
    border-left: 1px solid #BBB;
    border-right: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
*/    
    }

/* ----------------------------------------------------------------------------
   breadcrumz area */
    
.navBreadCrumbs
    {
    float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	font-weight:600;
	color:#fff;
	overflow:hidden;
    }
    
/* ----------------------------------------------------------------------------
   misc ui components */

/* 081111 - I now think its best for us to use padding-right instead of
    margin-right. It works better if we're using borders. It would probly
    work to just change NDFLabel, but that would be a bit risky. Please
    feel free to experiment with this class instead of the original */
.ndfLabel2
    {
    float:left;
    color:#514f4f;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:200;
    text-align:right;
    padding-right:3px;   /* see notes above */
    overflow:hidden;
    white-space:nowrap;
    }



.ndfLabel,   /* generic label - for check boxes, combos etc */
.ipeLabel,              /* I think these suck somewhat and should be retired */
.ndfDateLabel,
.ndfComboLabel,
.ndfProgressLabel,
.ndfOnOffSwitchLabel
    {
/*    background:#9FC;*/
    float:left;
    color:#514f4f;
    font-family:Arial, Helvetica, sans-serif;
/*    font-size:small;*/    /* 080905 removed - now in fontMainBody */
/*    line-height:19px;*/
    font-weight:200;
    text-align:right;
    margin-right:3px;   /* makes sense here */
    overflow:hidden;
    white-space:nowrap;
    }
    
/* add as additional style to above */
.labelDisabled
    {
    color:#BBB;
    }
    
.ndfValue    /* generic value (mainly for simple PInfo dumps) */
    {
    float:left;
    color:#514f4f;
    font-family:Arial, Helvetica, sans-serif;
/*    font-size:small;*/
    font-weight:600;
    overflow:hidden;
    }

.ndfCheckboxLabel
    {
    float:left;
    color:#514f4f;
    font-family:Arial, Helvetica, sans-serif;
/*    font-size:small;*/
    font-weight:200;
    text-align:left;
    margin-left:3px;    /* makes sense here */
    overflow:hidden;
    white-space:nowrap;
    }

.ndfCombo
    {
    float:left;
/*    font-size:90%; *//* 081104 - this may not be a good idea - at least for FF3 */
    }
    
.ndfDate
    {
    float:left;
/*    font-size:90%; *//* 081104 - this may not be a good idea - at least for FF3 */
    }
    
/* do _NOT_ mess with this - settings for max x-browser saneness (and sameness) */
.ndfCheckbox
    {
    float:left;
    margin:0;
    width:13px;
    height:13px;
    overflow:hidden;
    }
        
.ndfProgressBody
    {
    float:left;
    border:1px solid #514f4f;
    }
    
.ndfProgressGrow
    {
    float:left;
    background: #fb9e0a;
    }
 
.ndfProgressShrink
    {
    float:left;
    background: #ddd;
    }
  
    
/* ----------------------------------------------------------------------------
   in-place-editable boxes */

.ipeActive
    {
    float:left;
/*    font-size:90%; *//* 081104 - this may not be a good idea - at least for FF3 */
    }
    
/* ----------------------------------------------------------------------------
    miniButton */
.miniButton {
    float:left;
    cursor:pointer;
    text-align:center;
    font-size:small;
/*    font-weight:bold;*/
    color:#fff;
}
.miniButtonLabel {
    line-height:19px;
}

/* ----------------------------------------------------------------------------
    editButton */
    
.editButton2 {
    float:left;
/*    padding:0 2px;*/
    cursor:pointer;
    height:28px;
    text-align:center;
    font-size:small;
    font-weight:bold;
    color:#fff;
}

.editButton2_mid {
    float:left;
    height:25px;
    /*background-image:url(editButton_norm_M.png);*/
    background-repeat:repeat-x;
    background-position:left top;
}
.editButton2_left {
    float:left;
    width:9px;
    height:25px;
    /*background-image:url(editButton_norm_L.png);*/
    background-repeat:no-repeat;
    background-position:left top;
}
.editButton2_right {
    float:left;
    width:16px;
    height:25px; 
    /*background-image:url(editButton_norm_R.png);*/
    background-repeat:no-repeat;
    background-position:left top;
}

/* ----------------------------------------------------------------------------
    an attempt at a simple on-off switch */

.onOffSwitch{
    font-size:x-small;
    font-weight:bold;
    line-height:16px;
    text-align:center;
    padding-top:1px;    /* better for all caps labels */
    margin-top:1px;     /* added 080814 */
    height: 20px;
    width: 42px;
    }


/* the off side of the switch when switch is off */
.OffSideOff {
    background-image: url('on off switch/off-off.png');
    background-repeat: no-repeat;
    background-position:right top;
    color:#000;
    }

/* the off side of the switch when switch is on */
.OffSideOn {
    background-image: url('on off switch/off-bg.png');
    background-repeat: no-repeat;
    background-position:left top;
    color:#000;
    }

/* the on side of the switch when switch is off */
.OnSideOff {
    background-image: url('on off switch/on-off.png');
    background-repeat: no-repeat;
    color:#000;
    width: 44px;
    }

/* the on side of the switch when switch is on */
.OnSideOn {
    background-image: url('on off switch/on-on.png');
    background-repeat: no-repeat;
    color:#000;
    width: 44px;
    }

/* ----------------------------------------------------------------------------
*/
.panelHeading
    {
    color:#514f4f;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:200;
    }

/* ----------------------------------------------------------------------------
generic calendar */
.ndfCalendar
    {
    font-size:x-small;
    }

.monthBox
    {
    float:left;
    width:190px;
    height:90px;   /* forces vertical pack of cells */
    margin-right:3px;
    cursor:pointer;
    }

.monthName
    {
    height:16px;
    width:190px;
    border:1px solid #BBB;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
    }

.weekNum
    {
    float:left;
    width:20px;
    height:12px;
    line-height:12px;
    border:1px solid #BBB;
    text-align:center;
    vertical-align:middle;
    background:#F8F8F8;
    color:#BBB;
    }
    
.dayNum, .dayMon, .dayTue, .dayWed, .dayThu, .dayFri, .daySat, .daySun
    {
    float:left;
    width:22px;
    height:12px;
    line-height:12px;
    border:1px solid #BBB;
    text-align:center;
    vertical-align:middle;
    }
    
.dayName
    {
    float:left;
    width:22px;
    height:12px;
    line-height:12px;
    border:1px solid #BBB;
    text-align:center;
    vertical-align:middle;
    background:#F8F8F8;
    padding:0
    }
    
.dayOut
    {
    float:left;
    width:22px;
    height:12px;
    border:1px solid #BBB;
    background:#EEE;
    }
    
.dayToday
    {
    font-weight:bold;
    color:#44C;
    border:1px solid #88C;
    }

.dayFuture
    {
/*    font-style:italic;
    color:#BBB;*/
    }
    
.dayPast
    {
/*    font-style:italic;
    color:#BBB;*/
    }

.dayActive
    {
    background:#CFC;
    }
    
/* ----------------------------------------------------------------------------
    list styles
    NB be very careful with padding in these elements since it can easily
        make column layout problematical */
    
/* encloses the list header elements */
.sortedListHeader {
    white-space:nowrap;
    height:26px;
    line-height:26px;
    }

.sortedListHeader_item {
    float:left;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:600;
    color:#FFFFFF;
    background-image:url(orangeheader_MIDDLE.gif);
    background-repeat:repeat-x;
    background-position:left top;
    cursor:pointer;
    white-space:nowrap;
}
.sortedListHeader_left {
    /* image at lhs of list head */
    float:left;
    width:6px;
    background-image:url(orangeheader_LEFT.gif);
    background-repeat:no-repeat;
    background-position:right top;
    cursor:default;
}
.sortedListHeader_right {
    /* image at rhs of list head */
    float:left;
    width:6px;
    text-align:left;
    background-image:url(orangeheader_RIGHT.gif);
    background-repeat:no-repeat;
    background-position:left top;
    cursor:default;
}

.sortedListBody {
    float:left;
    display:inline;     /* for ie retard */
    position:relative;  /* ditto */
    overflow-y:scroll;
    overflow-x:hidden;
    background:#F4F4F4;
    border: 1px solid #DDD;
    margin:0 6px;
    }
 
/* for lists without sort-headers */
.unSortedListBody {
    float:left;
    display:inline;     /* for ie retard */
    position:relative;  /* ditto */
    overflow-y:scroll;
    overflow-x:hidden;
    background:#F4F4F4;
    border: 1px solid #DDD;
    }
   
/* alternating list colors */
.sortedListRow {
    float:left;
    background-color:#ffffff;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    /*width:749px;*/     /* 090528 - MAJW added - hope this doesn't mess anything up */
    width: 150%;        /* the above is abonimable - this is what we generally want */
    }
    
/* original orange flavour */
.sortedListRow_e {
    float:left;
    background-color:#fff3e2;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    /*width:749px;*/     /* 090528 - see above */
    width: 150%;        /* see above */
    }
    
/* status blob */
.statusBlob {
    background-image: url(StatusMask.png);
}

.sortedListRow_e .statusBlob {
    background-image: url(StatusMask-altrow.png);
}
    
/* low-sugar version */
.sortedListRow_ee {
    float:left;
    background-color:#fffaf4;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    width:100%;     /* 090528 - see above */
    }
    
/* new and improved - these are now super-pale */
.sortedListRow_r {
    float:left;
    background-color:#fffcfc;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    width:100%;     /* 090528 - see above */
    }
    
.sortedListRow_g {
    float:left;
    background-color:#fcfffc;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    width:100%;     /* 090528 - see above */
    }
    
.sortedListRow_b {
    float:left;
    background-color:#fcfcff;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    width:100%;     /* 090528 - see above */
    }

    
/* mauve - blech :-) */
.sortedListRow_m {
    float:left;
    background-color:#f3e2ff;
    border-bottom: 1px solid #D8D8D8;
    cursor:pointer;
    width:100%;     /* 090528 - see above */
    }

    
.sortedListRow_selected 
    /* indicates that item in list is selected */
    {
    float:left;
    //background-color:#eff3ff;
    background-color:#c3d2ff;
    border-bottom: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    cursor:pointer;
    width:100%;     /* 090528 - see above */
    }
    
.sortedListRow_selected .statusBlob {
    background-image: url(StatusMask-selected2.png);
}
    
.sortedListRow_chkSelected
    /* indicates that item in list is selected via check box */
    {
/*    background: #FFA;*/
    background-color:#d2ffc3;
    width:100%;     /* 090528 - see above */
    }


.sortedListRowItem {
    float:left;
    line-height:25px;
    overflow:hidden;
    white-space:nowrap;
    }


.sortedListRowLeftPad {
    background-color:#fff;
    border-right: 1px solid #DDD;
    float:left;
    width:6px;
    height:23px;
    }

.sortedListRowRightPad {
    background-color:#fff;
    border-left: 1px solid #DDD;
    float:left;
    width:6px;
    height:23px;
    }
  
/* do NOT alter - tweaked for IE and FF perfection :-) */  
.listRowCheckBoxSel
    {
    /* check box in a list (usually at lhs) */
    float:left;
/*    margin:5px 5px 0 5px;*/
    margin-left:5px;
    width:13px;
    height:13px;
    margin-top:6px;
/*    margin-top:5px;*/ /* this would be better for IE */
    }
    
/* do NOT alter - tweaked for IE and FF perfection :-) */  
.zzz_listRowCheckBoxSel
    {
    /* check box in a list (usually at lhs) */
    float:left;
    margin:5px 5px 0 5px;
    width:13px;
    height:13px;
    }
    
 
 
/* ----------------------------------------------------------------------------
    mucking aboot */
    
.ndfAjaxJustInvalidated {
    border:1px solid #D00;
    }

.ndfAjaxJustUpdated {    
    border:1px solid #DD0;
    }
    

/* for user feed back while waiting for ajax */
.busy_waiting
    {
    cursor: wait;
    }



/*=====================================================================================

    PANEL STYLES - probably to go in another file one day

=====================================================================================*/


/* ----------------------------------------------------------------------------
   slight mods to original - safer to keep here - commented out in main.css*/


.innerWhiteTABLE {
/*    width:auto;
    height:auto;*/
/*     border-collapse:separate; */
}
.innerWhitePanel_TLcorner {
    background-image:url(innerWhitePanel_TLcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:7px;
    height:7px;
}
.innerWhitePanel_TRcorner {
    background-image:url(innerWhitePanel_TRcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    width:7px;
    height:7px;
}
.innerWhitePanel_BLcorner {
    background-image:url(innerWhitePanel_BLcorner.gif);
    background-repeat:no-repeat;
    background-position:top left;
    width:7px;
    height:7px;
}
.innerWhitePanel_BRcorner {
    background-image:url(innerWhitePanel_BRcorner.gif);
    background-repeat:no-repeat;
    background-position:top right;
    width:7px;
    height:7px;
}
.innerWhitePanel_LEFT {
    border-left:3px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel_RIGHT {
    border-right:3px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel_TOP {
    background-image:url(innerWhitePanel_TOP.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    width:100%;
}
.innerWhitePanel_BOTTOM {
    background-image:url(innerWhitePanel_BOTTOM.gif);
    background-repeat:repeat-x;
    background-position:top;
    width:100%;
}
.innerWhitePanel_MIDDLE {
    /*width:100%;
        height:auto;*/
    background-color:#FFFFFF;
}


/* variant of the above */
.innerWhitePanel2_TLcorner {
    background-image:url(innerWhitePanel2_TLcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:7px;
    height:7px;
}
.innerWhitePanel2_TRcorner {
    background-image:url(innerWhitePanel2_TRcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    width:7px;
    height:7px;
}
.innerWhitePanel2_BLcorner {
    background-image:url(innerWhitePanel2_BLcorner.gif);
    background-repeat:no-repeat;
    background-position:top left;
    width:7px;
    height:7px;
}
.innerWhitePanel2_BRcorner {
    background-image:url(innerWhitePanel2_BRcorner.gif);
    background-repeat:no-repeat;
    background-position:top right;
    width:7px;
    height:7px;
}
.innerWhitePanel2_LEFT {
    border-left:2px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel2_RIGHT {
    border-right:2px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel2_TOP {
    background-image:url(innerWhitePanel2_TOP.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    width:100%;
}
.innerWhitePanel2_BOTTOM {
    background-image:url(innerWhitePanel2_BOTTOM.gif);
    background-repeat:repeat-x;
    background-position:top;
    width:100%;
}
.innerWhitePanel2_MIDDLE {
    /*width:100%;
        height:auto;*/
    background-color:#FFFFFF;
}


/* ----------------------------------------------------------------------------
    new style for programmatic panels */
.innerWhitePanel_LT {
    background-image:url(innerWhitePanel_TLcorner.gif);
    background-repeat:no-repeat;
    background-position:top left;
    line-height:1px;
    width:7px;
    height:7px;
}
.innerWhitePanel_RT {
    background-image:url(innerWhitePanel_TRcorner.gif);
    background-repeat:no-repeat;
    background-position:top right;
    line-height:1px;
    width:7px;
    height:7px;
}
.innerWhitePanel_LB {
    background-image:url(innerWhitePanel_BLcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    line-height:1px;
    width:7px;
    height:7px;
}
.innerWhitePanel_RB {
    background-image:url(innerWhitePanel_BRcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    line-height:1px;
    width:7px;
    height:7px;
}
.innerWhitePanel_LC {
    border-left:1px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel_RC {
    border-right:1px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel_CT {
    background-image:url(innerWhitePanel_TOP.gif);
    background-repeat:repeat-x;
    background-position:top;
    line-height:1px;
    width:100%;
}
.innerWhitePanel_CB {
    background-image:url(innerWhitePanel_BOTTOM.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    line-height:1px;
    width:100%;
}
.innerWhitePanel_CC {
    width:100%;
    height:auto;
    background-color:#FFFFFF;
}

/* variant of the above */
.innerWhitePanel2_LT {
    background-image:url(innerWhitePanel2_TLcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:7px;
    height:7px;
}
.innerWhitePanel2_RT {
    background-image:url(innerWhitePanel2_TRcorner.gif);
    background-repeat:no-repeat;
    background-position:bottom right;
    width:7px;
    height:7px;
}
.innerWhitePanel2_LB {
    background-image:url(innerWhitePanel2_BLcorner.gif);
    background-repeat:no-repeat;
    background-position:top left;
    width:7px;
    height:7px;
}
.innerWhitePanel2_RB {
    background-image:url(innerWhitePanel2_BRcorner.gif);
    background-repeat:no-repeat;
    background-position:top right;
    width:7px;
    height:7px;
}
.innerWhitePanel2_LC {
    border-left:2px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel2_RC {
    border-right:2px solid #bab8b9;
    background-color:#FFFFFF;
}
.innerWhitePanel2_CT {
    background-image:url(innerWhitePanel2_TOP.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    width:100%;
}
.innerWhitePanel2_CB {
    background-image:url(innerWhitePanel2_BOTTOM.gif);
    background-repeat:repeat-x;
    background-position:top;
    width:100%;
}
.innerWhitePanel2_CC {
    width:100%;
    height:auto;
    background-color:#FFFFFF;
}

/* ----------------------------------------------------------------------------
    reporter stuff */
    
.reporterHeading
    {
    float:left;
    color:#514f4f;
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
    font-weight:bold;
    }

/* ----------------------------------------------------------------------------
    effect stuff */
    
.popup_effect1 {
      background:#11455A;
      opacity: 0.2;
    }
.popup_effect2 {
      background:#FF0041;
      border: 3px dashed #000;
    }
  
  
/* ----------------------------------------------------------------------------
Notes

    NDF orange is color:#fb9e0a;
    NDF gray is color:#514f4f;
    
*/


/* ----------------------------------------------------------------------------
    tool tiperary */
            
.tooltip {
    position: relative; /*this is the key*/
/*    z-index: 1024;*/
    text-decoration: none;
    }

/*.tooltip:hover {
    z-index: 1025;
    color: #000; 
    background-color: #fff;
    }
*/
.tooltip span {
    display: none;
    white-space:nowrap;
    z-index: 1024;
    }

.tooltip:hover span { /*the span will display just on :hover state*/
    padding: 3px;
    display: block;
    position: absolute;
    width:auto;
    left: 10px;
    top: 10px; 
    border: 1px solid #BBB;
    color:#514f4f;
    background-color: #ffc; 
    font-size: 100%;
    text-align: left;
    z-index: 1024;
    }

/* ----------------------------------------------------------------------------
   tal info - debug only */
   
div.dbg_tal_info {
    text-align:left;
    padding: 0.2em 0.2em 0.2em 1em;
    border-color: #FAA;
    border-style: solid;
    border-width: 1px;
    }

.dbg_tal_info_label {
    color: #006;
    font-family: arial;
    font-weight: 100;
    padding: 0.1em 0.1em 0.2em 0.5em;
    margin: 0 0 0.2em 0;
    }

.dbg_tal_info_body {
    color: #000;
    font-family: arial;
    font-weight: 600;
    padding: 0.1em 0 0.3em 0.2em;
    }

div.dbg_tal_info_list_item {
    /* padding: 0.5em 0.5em 0.7em 0.5em; */
    border-color: #0F0;
    border-style: solid;
    border-width: 0px;
    }

/* ========================== MIKES view_admin_telemetry stuff ======================= */


/*
091201 MAJW - only admin_telemetry_on_of was actually used

.admin_telemetry_on_of {
    float: left;
    display: block;
    margin:10px 0 0 38px;
}

.admin_telemetry_combobox {
    float:left;
    margin:8px 0 0 56px; 
    line-height: 20px;
}

.floatLeft {
    float: left;
    display: block;
}


.floatRight {
    float: left;
    display: block;
}

.admin_telemetry_test_button {
    margin: 8px 0 0 10px;
}
*/

/* =============== Menu stuff by Mike ============================== */

.left_menu_label {
    font-weight: normal;
    color: #333;
   
}

#nav_main_popup_items {
    float:left;
    width:115px;
    position:absolute;
    
    margin-left:6px;
    z-index:300;
}

#nav_left_popup_items {
    float:left;
    width:136px;
    position:absolute;
    top:76px;
    margin-left:6px;
    z-index:300;
    background-color: #ddd;
    border-bottom: 1px solid #beb5b9;
    border-left: 1px solid #beb5b9;
    border-right: 1px solid #beb5b9;
}

/* ========================= chrome and safari fixes ===========================*/
/*\*/
html*#nav_main_popup_items {
    top:70px;
}/*end*/

/*\*/
html*#nav_left_popup_items {
    top:70px;
}/*end*/


/* ======== clearFix for forcing wrapper divs to have a height ================== */
.clearFix {
    clear: both;
}

/* ============ twisty stuff ========================================= */
.ndf_twisty_bullet_up {
    list-style-image: url(twistyrightarrow.png);
    cursor: pointer;
    line-height: 21px;
    padding-left: 25px;
}

.ndf_twisty_bullet_down {
    list-style-image: url(twistydownarrow.png);
    cursor: pointer;
    line-height: 21px;
    padding-left: 25px;
}

/* ========================= tooltip =================================== */

#ndf_tooltip {
    position: absolute;
    width: 197px;
    z-index: 999;
}

#ndf_tooltip_header {
    background-image: url(tooltip/tooltip-top.png);
    background-repeat: no-repeat;
    width: 197px;
    height: 16px;
}

#ndf_tooltip_body {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    background-color: #fff;
    min-height: 40px;
    padding: 0 5px 0 5px;
}

#ndf_tooltip_footer {
    background-image: url(tooltip/tooltip-bottom.png);
    background-repeat: no-repeat;
    width: 197px;
    height: 5px;
}

.group_ref, #group_ref {
    width:180px
}

/* ========================= copyright =================================== */
.copyrightFONT {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#FFFFFF;
}
	
.tree_view {
    border:1px solid #ccc;
    padding-top: 5px;
}

.tree_folder {
    color:#FB9E0A;
    cursor: pointer;
}

/*.tree_file {*/
/**/
/*}*/

/* ======================== image browser =============================== */
.image_thumb {
    max-width:80px;
    max-height:70px;
    text-align:center;
    cursor: pointer;
    margin:15px auto 0 auto;
}

.image_container {
    float:left; 
    width:100px;
    height:100px;
    text-align:center;
    cursor: pointer;
    background-color: #FBEEAA;
    border: 1px solid #FB9E0A;
    margin: 5px;
}

.image_container:hover {
    background-color: #FBFFBB;
}

.image_name {
    color:#FB9E0A;
    cursor: pointer;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:x-small;
}