table
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

input
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}



.ButtonToLink
{
                BORDER: none;
                BACKGROUND: transparent; 
                CURSOR: pointer;
                COLOR: blue;
                TEXT-DECORATION: underline
}


.ReadOnly
{
    color: Gray;
}

textarea
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

/* Div tag (popup)*/
.DivAbsPosition
{
    z-index: 1;
    left: 0px;
    position: absolute;
    top: 0px;
    visibility:hidden;  
    background-color: White;
    border-color: #004000;
    border-style: groove;
    border-width: 4px;
    font-weight: bold;
    width:85%;
}

/* Div tag header. Eg: used in Orders component of Team Details*/
.DivHeader
{
    background-color: LightGoldenrodYellow;
    border-bottom-color: #004000;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: bold;
}

/* Business Summary */
.TableHeaderStyle
{
    background-color: #316531;
}

/* Custom TextBox 
*/
.CustomText
{
    width:95%;
}
/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
    font-family: Arial Bold, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    /* Note: This is the header title against the green background. 
    Please change to a darker color if HeadBg color is light*/
    /*color: #A33216; */
    color:#798f79;
    margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
    margin-top: 0px;
    
}

/* background color for the content part of the pages */
.HeaderLogo
{
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    cursor:pointer;
    /* Note: this is the height of the cell with the banner logo.
    Please comment the height or change it to resize the 
    height of the banner. */

   
    
}
img.ModuleSpacer
{
    width: 1px;
    height: 10px;
}

/* Module Base Class Styles */
/*ModuleTitle: Defines title font style of each module */
.ModuleTitle
{
    color: black; /*Note: Font color */
    font-weight: Bold;
    font-size: 10pt;
}

.ModuleTitleCell
{
    width:80%;
}

/* ModuleMain - Style of each module box*/
.ModuleMain
{
    background-color: White;
    /* Note: To remove module border */
 /* border-width: 1px;
    border-style: solid;
    border-color: #999999;*/
    padding: 0px;
    width: 100%;
}

.ModuleHeader
{     
    /*background-color: #DFE2DF;*/
    background-color: #DFE2DF;
    padding:0px;
    margin: 0 0 3 0;
    width: 100%;
    border-bottom: solid 2px #7880A0;
    /* Note: Defines the background image of the title cell.
    If removed it will take the  background-color*/
   /* background-image : url(../Images/moduleheader.gif);*/
}

/* Note: Defines the base style of module content cell 
If background-color is changed it will take the background-color
or image of ModuleMain style*/
.ModuleContents
{

  /*  background-color: #f0dbeb;*/
    color: Black;
  /*  padding-top:5px; */
}

/* Note: Defines the background color or image for the pwspage tabs.
To replace it by color replace it by the background-color property
Eg: background-color: blue;*/
.MenuImage
{


}

.MenuImageHover
{



}
.ChildMenuImage
{
    width:150px;

}
.ChildMenuImageHover
{

}


.NavigationTab
{
    color:#999999;
    font-size:11px;
    font-weight:bold;
    background-color: #e2e2e2;
    width:973px;
    padding-left:10px;
}

/* background/border colors for the selected tab */
td.SelectedTab
{
    background-color: Black;
    color: White;
    font-weight: bold;
    font-size: 10pt;
    border-left:Solid 1px;
    border-right:Solid 1px red;
}

a.SelectedTab:hover, a.SelectedTab:visited, a.SelectedTab:link
{
    color: Red;
    text-decoration: none;
}

/* background/border colors for the unselected tabs */
.UnSelectedTab
{
    font-weight: bold;
    font-size: 10pt;
    background-color: white;
    Border-Color:black; 
    border-right:Solid 1px black;
}

/* hyperlink style of the unselected tabs */
a.UnSelectedTab:hover, a.UnSelectedTab:visited, a.UnSelectedTab:link
{
    color: White;
    text-decoration: none;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink 
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    
}   

/* hyperlink style for the site links */
a.SiteLink:link, a.SiteLink:visited
{
    font-famiy: Arial !important;
    font-size:10pt;
    line-height:14pt;
    color:#636363;
    text-transform:uppercase;
    text-decoration:none;
}

a.SiteLink:hover
{
    text-decoration: underline;
}

/* style for separator between site links */
.Accent
{
    color: #A33216;
    font-weight: bold;
}

/* MODULE-SPECIFIC */
/* Company News Item Header */
.ItemTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight: bold;
    color: Green;
}

/* Company News */
.NewsStart
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  9px;
    color: Green;
    font-style: italic;
}


/* SfaTaskCategory Styles */
.OVERDUETask
{
    color: black;
}

.UPCOMINGTask
{
    color: #999999;
}


.CompletedTaskPanel
{
    border-color: #9C389C;  
    border-width:thin;
}

/*Task Panel Headers*/
.OVERDUETaskPanelHeader
{
    background-color: #800000;
    color:White;
    font-size:10pt;
    font-weight:bold;
    Height:25px;
}

.UPCOMINGTaskPanelHeader
{
    background-color: #999999;
    color:#ffffff;
    font-size:10pt;
    font-weight:bold;
    Height:25px;
}

.NEWTaskPanelHeader
{
    background-color: #99CC99;
    color:#ffffff;
    font-size:10pt;
    font-weight:bold;
    Height:25px;
}


.OPENTaskPanelHeader
{
    background-color:#6ca6cd;
    color:White;
    font-size:10pt;
    font-weight:bold;
    Height:25px;
}

.FUTURETaskPanelHeader
{
    background-color: #e2e2e2;
    color:#666666;
    font-size:10pt;
    font-weight:bold;
    Height:25px;
}

.CompletedTaskPanelHeader
{
    background-color:#9f9f9f;
    color:#666666;
    font-size:10pt;
    font-weight:bold;
    Height:25px;
}

.OverdueTaskCalendarDay
{
    background-color:#800000;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    color:#fff;
}
.OverdueTaskCalendarDay A:link
{
    color:#fff;
}

.NewTaskCalendarDay
{
    background-color: #EEC591;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
}

.UpcomingTaskCalendarDay
{
    background-color: #99CC99;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    color:#fff;
}

.FutureTaskCalendarDay
{
    background-color: #6db6fe;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;

}

.CompletedTaskCalendarDay
{
    background-color: #9f9f9f;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
}

.OverdueTaskDate
{
    color:9f9f9f;
    font-size:8pt;
    font-weight:bold;
}

.NewTaskDate
{
    color:#9f9f9f;
    font-size:8pt;
    font-weight:bold;
}

.UpcomingTaskDate
{
    color:#9f9f9f;
    font-size:8pt;
    font-weight:bold;
}

.FutureTaskDate
{
    color:#9f9f9f;
    font-size:8pt;
    font-weight:bold;
}

.CompletedTaskDate
{
    color:#9f9f9f;
    font-size:8pt;
    font-weight:bold;
}

.TaskDate
{
    font-size:9pt;
    font-weight:bold;
    color:#999999;
    text-decoration:none;
}

.TaskLink
{
    font-size:10pt;
    font-weight:bold;
}

.TaskCalendarCurrentMonth
{
    background-color:#999;
    color:White;
    width: 100%;
    height: 100%;
}

.TaskDayHeaderClass
{
    background-color: White;
    font-weight: bold;
    font-size: 7pt;
    border-bottom-width: 2px;
    border-bottom-color: Black;
    border-bottom-style: solid;
}

.TaskDayClass
{
    background-color: White;
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
    text-decoration: none;
    vertical-align: top;
}

.TaskDayClass A
{
    color:#e0e0e0;
    text-decoration:none;
}


.TaskWeekendDayClass
{
    background-color: White;
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
    text-decoration: none;
    vertical-align: top;
}

.TaskOtherMonthDayClass
{
    background-color: #efefef;
    border-width: 1px;
    border-color: #e0e0e0;
    border-style: solid;
    text-decoration: none;
    vertical-align: top;
}

.TaskTitleClass
{
    background-color: #999;
    border-color: #999;
    font-size: 10pt;
    font-weight: bold;
    width: 100%;
    height: 100%;
}

.TaskTodayDayClass
{
    font-weight: bold;
    color: Black;
    background-color: White;
    border-width: 2px;
    border-color: #87CEFA;
    border-style: solid;
    vertical-align: top;
}

.TaskNextPrevClass
{
    font-size: 10pt;
    border-color: #efefef;
    background-color: #efefef;
}

.TaskSelectedDayClass
{
    color: White;
    font-weight: bold;
    background-color: #ADADAD;
    border-width: 2px;
    border-color: #4282b5;
    border-style: solid;
    text-decoration: none;
    vertical-align: top;
}

.TaskSelectorClass
{
}

.TaskCalendarClass
{
    background-color: White;
    font-family: Arial;
    font-size: 8pt;
    border-color: #efefef;
    background-color: #efefef;
}

.TaskFooterClass
{
    font-weight: bold;
    color: Red;
    background-color: White;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    vertical-align: top;
}

.UWGButtonStyle
{
    border:0px;
    background-color:Transparent;
    cursor:hand;
}

a.OverdueTask:hover, a.OverdueTask:visited, a.OverdueTask:link
{
    color: #800000;
    font-weight:bold;
}

a.UpcomingTask:hover, a.UpcomingTask:visited, a.UpcomingTask:link
{
    color: #9b9b9b;
}

a.NewTask:hover, a.NewTask:visited, a.NewTask:link
{
    color:#99cc99;
    font-weight:bold;
}

a.FutureTask:hover, a.FutureTask:visited, a.FutureTask:link
{
    color:#8E6681;
    font-weight:bold;
}
a.OpenTask:hover, a.OpenTask:visited, a.OpenTask:link
{
    color: #9b9b9b;
    font-weight:bold;
}
a.CompletedTask:hover, a.CompletedTask:visited, a.CompletedTask:link
{
    color: #e0e0e0;
    font-weight:bold;
}
a.SubHead, a.SubHead:hover, a.SubHead:visited
{
   color:  #293C4A;
   text-decoration: underline;
}

/* End SfaTaskCategory Styles */


/* Business Summary */
.BusinessSummarySubHead
{
    font-family: Arial, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: White;
}

/* GENERAL */
/* style for module titles */
.Head
{
    border-top: 20px solid #FFFFFF;
    color: #4E84C4;
    font-family: georgia;
    font-size: 16pt;
    font-weight: bold;
    text-transform: lowercase;
}

/* style of item titles on edit and admin pages */
.SubHead
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Black;
}


/* style of item titles on edit and admin pages */
.SubHeadSmall
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
}

.SubTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #004000;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #DFE2DF;
}

.ControlTextSmall
{
    font-size: 10px;

}

.Error
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Red;
}

.Save
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: Green;
}


.NormalBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold
}

.SubHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    color: Black;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;

}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited
{
    text-decoration: underline;
    color: #666666;
}

a.CommandButton:hover
{
    text-decoration: underline;
    color: #666666;
}

/* Standard click button style */
.StandardButton
{
    /* Note: Change in the backgroung-color will change the color of the button
    The color property can be changed to change the button text color.
    Add background-image: url(your image path) to have an image as a background */
    /*background-image: url(..\Images\StandardButton.gif);*/
    color: #666666;    
    background-color:#e2e2e2;
    cursor: Hand;
    border: 1px outset #7880A0;
    font-weight: bold;
    font-family: Arial;
    font-size:10px;
    height: 22;
}

.StandardButton:hover
{
    /*background-image: url(..\Images\StandardButtonHover.gif);*/
    background-color:#999999;
    font-size:10px;
    color: #ffffff;    
    cursor: Hand;
    border: 1px inset #7880A0;
    font-weight: bold;
    font-family: Arial;
    padding-right:3px;
    padding-left:3px;
    height: 22;
}

.WebLink
{
    cursor: hand;
    text-align:left;
}

/* hyperlink style for website links */
a.WebLink:link, a.WebLink:visited
{
    font-size:10pt;
    font-family: Arial;
    color: #2F3C4D;
      width:100%;
      padding-top:5px;
      padding-bottom:5px;
    padding-right:15px;
    margin-top:10px;
    margin-bottom:10px;
}

.WebLinkModule
{
      width:200px;
}

a.WebLink:hover
{
    text-decoration: underline;
    color: #aa4c5f;
}

/* Title links - for business modules */
a.TitleLink:link, a.TitleLink:visited
{
    text-decoration: none;
    color:  #2149c6;
    font-weight:bold;
}

a.TitleLink:hover 
{
    text-decoration: underline;
    color:  #316531;
    font-weight:bold;
}

a:link, a:visited
{
    text-decoration: none;

}

a:hover 
{
    text-decoration: underline;
    color:  #316531;
}

HR
{
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Infragistics Toolbar Styles */
.ToolbarStyle
{

    background-color: #E0E0E0;
    height:25px;
    vertical-align:bottom;
}

.ToolbarDefaultStyle
{
    background-color: #E0E0E0;
    width: 135px; 

    color: black;
    font-size: 9pt;
    font-family: Arial; 
    text-align:center;
    vertical-align:bottom;
}

.ToolbarHoverStyle
{

    background-color: #E0E0E0;
    font-size: 12pt;
    Text-Decoration:underline;
    width: 135px;
    cursor: hand;
    color: #b04961;
    font-family: Arial;
    text-align: center;
    vertical-align:bottom;
}

.ToolbarSelectedStyle
{
    width: 135px;
    cursor: hand;
    color: #b04961;
    font-size: 9pt;
    font-family: Arial;
    background-color: #E0E0E0;
    text-align: center;
    vertical-align:bottom;
}
/* End Infragistics Toolbar Styles */

/* Infragistics Tab Styles */
.TabStyle
{
    background-color: #638e63;
    color: Black;
}

.TabStyleDefault
{
    background-color: #638e63;
    color: Black;
}

.TabStyleSelected
{
    background-color: #d6e3d6;
    color: Black;
}

.TabStyleHover
{
    background-color: #d6e3d6;
    /* color: Black; */
    color: #f7c308;
}
/* End Infragistics Tab Styles */

/* Infragistics UltraWebGrid Styles */
/* .UltraWebGrid1-ic */
.GridRowStyle
{
    font-family: Arial;
    font-size: 8pt;
    border-width: 0px 1px 1px 0px;
    border-style: Solid;
    border-color: Gray;
    background-color: White;
    padding: 0px 0px 0px 3px;
}

.GridAlternateRowStyle
{
    background-color: #FFFFCE;
    color: Black;
    font-family: Arial;
    font-size: 8pt;
    border-width: 0px 1px 1px 0px;
    border-style: Solid;
    border-color: Gray;
    padding: 0px 0px 0px 3px;
}

/* .UltraWebGrid1-hc */
.GridHeaderStyle
{
    font-family: Arial;
    font-size: 8pt;
    background-color: #DFE2DF;
    border-width: 1px;
    border-style: Solid;
    border-color: White Gray Gray White;
    color: White;
    padding: 0px 0px 0px 3px;
    vertical-align: middle;
    height:25px;
}

/* .UltraWebGrid1-rlc */
.GridRowSelector
{
    background-color: #006100;
    border-width: 1px;
    border-style: Solid;
    border-color: White Gray Gray White;
    color: White;
    vertical-align: middle;
}

.GridSelectedRow
{
    background-color: Black;
    color: White;
}
/* Infragistics UltraWebGrid Styles */

/* Infragistics UltraWebGrids */
.WebGridFrameStyle
{
    border-color: #404040;
    border-style: solid;
    border-width: 1px;
    background-color: White;
}

.WebGridHeaderStyle
{
    background-color: #e2e2e2;
    border-color: Gray; 
    border-style: solid;
    border-width: 1px;      
    border-top-style: outset;
    border-bottom-style: solid;
    border-bottom-color: DarkGray;
    border-top-color: DarkGray;
    font-weight: bold;
}

.SelectedItemsStyle
{
    background-color: #ffd5e5;
}

/* DataGrid styles */
.DataGridStyle
{


}

.DataGridItemStyle
{
    background-color: #ffffff;
    color:#666666;

}

.DataGridItemStyle a
{
    background:transparent;
    color:#666666;

}

th.DataGridHeaderStyleDefault
{
    background-color: #999;
    font-size:12px;
    font-weight: bold;
    color:#ffffff;
    height:30px;
}

.DataGridHeaderStyleDefaultECOACH
{
    background-color: #999;
    font-size:12px;
    font-weight: bold;
    color:#ffffff;
    height:30px;
}

.DataGridHeaderStyleDefault a 
{
    /*background-color: #999;*/
    color:#ffffff;
    font-weight: bold;
    text-decoration:underline;
}


.DataGridHeaderStyle
{
    background-color: #000;
    font-weight: bold;
    color:#ffffff;
    height:30px;
}

.DataGridFooterStyle
{

    font-weight: bold;
    background-color: #ffffff;
}

.DataGridFooterStyleDefault th
{
   background-color:#ffffff;
}



/* Infragistics WebPanels */
.PanelStyle
{
    border-color: #9f9f9f;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
}

.PanelHeaderStyle
{
    background-color: #999999;
    color: White;
    font-weight: bold;
}

.PanelDataStyle
{
    margin-left: 5px;
    margin-top: 5px;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 5px;
    background-color: #e2e2e2;
    
}

.ICEPageTable
{
    background-color:#ffffff;
}
.PageTable
{
    width: 100%;    
    padding: 1px;
    margin: 1px;    
    background-color:#ffffff;
    
}

.DetailsTable
{   
    width:100%;
    /*border-width: 1px;
    border-collapse:collapse;*/
}

/* Information tables */
.InfoTableCell
{
    
}
.InfoTable
{
    height:15px;    
}

.InfoTableData
{

}

.InfoTableDataHeader
{
    background-color: #ffffff;
    border-bottom: 1px solid #e2e2e2;
    font-weight: bold;
    font-size:  12px;
    text-align:left;
    color:#666666;
}

/*Business Details Summary*/

.BizSummaryDetailsTable
{   
    width:100%;
    /*border-width: 1px;
    border-collapse:collapse;*/
}


.BizSummaryInfoTableCell
{
    
}
.BizSummaryInfoTable
{
    height:15px;    
}

.BizSummaryInfoTableData
{

}

.BizSummaryInfoTableDataHeader
{
    background-color: #999;
    border-bottom: 1px solid #e2e2e2;
    font-weight: bold;
    font-size:  12px;

    color:#FFFFFF;
}

/* Filter panels */
.FilterHeaderStyle
{
    background-color: #999999;
    /*background-image: url(../Images/Filter.gif);*/
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;   
}

.FilterPanelStyle
{
    background-color: #cbcbcb;
    margin-left: 5px;
    font-weight: bold;
    padding-left: 20px;
    padding-bottom:10px;
    padding-top:10px;   
    color:#666666;
}

/* Calendar Style Classes */
.DayHeaderClass
{
    font-weight: bold;
    font-size: 7pt;
    border-bottom-width: 2px;
    border-bottom-color: Black;
    border-bottom-style: solid;
    /*background-image: url(../Images/ig_cal_green1.gif);*/
}

.DayClass
{
    background-color: White;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    text-decoration: none;
    /*background-image: url(../Images/white1.jpg);*/
    vertical-align: top;
}

.WeekendDayClass
{
    /*background-image: url(../Images/ig_cal_green3.gif);*/
    background-repeat: repeat;
    color: #738294;
    border-style: solid;
    border-width: 1px;
    border-color: #4282b5;
    vertical-align: top;
}

.OtherMonthDayClass
{
    /*background-image: url(../Images/white1.jpg);*/
    background-repeat: repeat;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-color: #4282b5;
}

.TitleClass
{
    font-size: 10pt;
    font-weight: bold;
    /*background-image: url(../Images/ig_cal_green1.gif);*/
    width: 100%;
    height: 100%;
}

.TodayDayClass
{
    font-weight: bold;
    color: Red;
    background-color: White;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    /*background-image: url(../Images/white1.jpg);*/
    vertical-align: top;
}

.NextPrevClass
{
    font-size: 10pt;
    /*background-image: url(../Images/ig_cal_green1.gif);*/
}

.SelectedDayClass
{
    font-weight: bold;
    color: Black;
    font-weight: bold;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    /*background-image: url(../Images/ig_cal_green2.gif);*/
    vertical-align: top;
}

/* Calendar Style Classes for Infragistics calendar control*/
.IGDayHeaderClass
{
    font-weight: bold;
    font-size: 7pt;
    border-bottom-width: 2px;
    border-bottom-color: Black;
    border-bottom-style: solid;
    background-color: #B9D3EE;
    /*background-image: url(../Images/ig_cal_green1.gif);*/
}

.IGDayClass
{
    background-color: White;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    text-decoration: none;
    background-image: url(../Images/white1.jpg);
    vertical-align: top;
}

.IGWeekendDayClass
{
    /*background-image: url(../Images/ig_cal_green3.gif);
    background-repeat: repeat;*/
    background-color: White;
    color: #738294;
    border-style: solid;
    border-width: 1px;
    border-color: #4282b5;
    vertical-align: top;
}

.IGOtherMonthDayClass
{
    background-image: url(../Images/white1.jpg);
    background-repeat: repeat;
    vertical-align: top;
    border-style: solid;
    border-width: 1px;
    border-color: #4282b5;
}

.IGTitleClass
{
    font-size: 10pt;
    font-weight: bold;
    /*background-image: url(../Images/ig_cal_green1.gif);*/
    background-color:#C1CDCD;
    width: 100%;
    height: 100%;
}

.IGTodayDayClass
{
    font-weight: bold;
    color: Red;
    background-color: White;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    background-image: url(../Images/white1.jpg);
    vertical-align: top;
}

.IGNextPrevClass
{
    font-size: 10pt;
    /*background-image: url(../Images/ig_cal_green1.gif);*/
    background-color:#C1CDCD;
}

.IGSelectedDayClass
{
    font-weight: bold;
    color: Black;
    font-weight: bold;
    border-width: 1px;
    border-color: #4282b5;
    border-style: solid;
    background-image: url(../Images/ig_cal_green2.gif);
    vertical-align: top;
}
/* END Calendar Style Classes for Infragistics calendar control*/

.SelectorClass
{
}

.CalendarClass
{
    font-family: Arial;
    font-size: 8pt;
}

.FooterClass
{
    background-image: url(../Images/white1.jpg);
    background-repeat: repeat;
    font-size: 10pt;
    font-weight: bold;
    color: Red;
}

/* Event Classes */
.OverdueEventPanelHeader
{
    background-color: #800000;
    color:White;
    font-size:10pt;
    font-weight:bold;
    height:25px;

}

.UpcomingEventPanelHeader
{
    background-color: #99CC99;
    color:#ff;
    height:25px;
    font-size:10pt;
    font-weight:bold;
}





.DefaultItemClass
{
    font-family: Arial;
    font-size: 8pt;
    background-color: #cecfff;
}

.AlternatingItemClass
{
    font-family: Arial;
    font-size: 8pt;
    background-color: #ffffce;
}

.IconStyle
{
    vertical-align:bottom;
}
.StandardImage
{
    cursor: hand;
}

/* For the Information Panel */
.InfoPanel
{
    padding-bottom:5px;
}

/* For the Information Panel Header*/
.InfoPanelHeader
{
    background-color:#FFF0B2;
    color:Black;
    font-size:10pt;
    font-weight:normal;
    text-align:center;
}

/* For the Information Panel Label*/
.InfoPanelLabel
{
    background-color:#FFF8DC;
    font-size:8pt;
    padding:3 3 5 5;
}

/* For the Information Panel Cell*/
.InfoPanelCell
{
    width:25%;
}



.WizLeft
{
    background-color: #d6e3d6;
    vertical-align:top;
    width:25%;
    font-family: Arial Bold, Helvetica, sans-serif;
    font-size: 9pt;
    color: #316531;
}

.WizFooter
{
    height:10%;
    background-color: #d6e3d6;
}

.WizHead
{
    height:10%;
    text-align:left;
    background-color: #d6e3d6;
    font-family: Arial Bold, Helvetica, sans-serif;
    font-size: 10pt;
}

.WizBody
{
    vertical-align:middle;
    text-align:center;
    width:75%;
}
.EventFrame
{
    width: 100%;
    height: 8000px;
}

.ChartHeaderBackground
{
    background-color: lightblue;
    width:100%;
    border:0;
}

.ChartStartRow
{
    border-bottom: gray 4px ridge;
}
.ParagraphHeader
{
    color:#7b79ac;
    font-weight:bold;
    font-size:12px;
    

}
.ProductsHeader
{
    color:#f9ab4d;
    font-size:14pt;
    font-weight:bold;
}
.ContactMeTable, .ContactMeTableDiv
{
    background-color:#ffffff;
}

/*DHTML WINDOW STYLES*/
.dhtmlwindow{
position: absolute;
border: 2px solid #f9ab4d;
visibility: hidden;
background-color: white;
z-index:999;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 5px;
text-indent: 3px;
font: bold 18px Arial;
background-color: #d3e27e;
color: #7979ac;
cursor: move;
overflow: hidden;
width: auto;

}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #d3e27e;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/*POPUP WINDOW PARENT BACKGROUND*/
.FreezePaneOff
{
  visibility: hidden;
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
  
}

.FreezePaneOn
{
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  visibility: visible;
  display: block;
  width: 2000px;
  height: 2000px;
  background-color: #9b9b9b;
  z-index: 99;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
  padding-top: 20%;
}

.InnerFreezePane
{
  text-align: center;
  width: 66%;
  background-color: #FF137F;
  color: White;
  font-size: large;
  border: dashed 2px #FF7BB7;
  padding: 9px;
}

.FilterRepeater
{
    padding-left:10px;
    background-color:#e8e8e8;
    width:100%;
    text-align:left;
}
.NewLeadsSection
{
    background-color:#ffffff;
}

.NewLeadsSectionEdit
{
    background-color:#e2e2e2;
}

.TeamSummaryHeader
{
    background-color:#e2e2e2;
}


.NewLeadsSection a, .NewLeadsSection a:hover, .NewLeadsSectionEdit a, .NewLeadsSectionEdit a:hover, .NewLeadsSection a:visited, .NewLeadsSectionEdit a:visited,
{
    color: #2F3C4D;
    text-decoration:underline;
}


.EventDetailsSection
{
    
}
.EventDetailsSectionHeader
{

    color:#ffffff;
}
.MenuFooterLinkdiv
{

}

.ChartHeaderBackground
{
    font-size:10px;

     background-color:#e2e2e2;
}
/* Filter panels */
.FilterHeaderStyle
{
    background-color: #999999;
    /*background-image: url(../Images/Filter.gif);*/
    color: #ffffff;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;   
}

.FilterPanelStyle
{
    background-color: #cbcbcb;
    margin-left: 5px;
    font-weight: bold;
    padding-left: 20px;
    padding-bottom:10px;
    padding-top:10px;   
    color:#666666;
}

.ContactControl
{
    width:320px;
    text-align:left;
    
}

.ContactControl input
{
    width:200px;
    text-align:left;
    
}
.ContactControl select
{
    width:200px;
    text-align:left;
    
}
.ContactControl .Country
{
    width:50px;
}
.ContactControl .PhoneNumber
{
    width:130px;
}
.ContactControl Table
{
    width:350px;
    
}

.ContactControl .SubHead
{
    font-size:10pt;
    color:#636363;
    font-family:arial !important;
    font-size:10pt !important;
    margin-right:50px !important;
}
.RightPane RightPane_host-a-party
{
    text-align:right;
    
}



.TwitterMessagesTable
{
    width:260px;


}

.TwitterMessageRow
{
    height:70px;
  background-color:cccccc;
}

.TwitterMessage
{
    height:70px;
    width:260px;
    padding-left:10px;
        padding-right:10px;
    
    padding-top:20px;   
    color:#fff;

}
.TwitterDate
{

    color:#9b9b9b;
padding-right:20px;

}
.TwitterDateRow
{
    text-align:right;
    
}

.RightPane .RightPane_about-me
{
    background-color:#666;
}
.RightPane_about-me
{
    border-left:1px solid black;
    border-bottom:1px solid black;
    background-color:#666;
}
.RightPane_about-me .ModuleMain
{
    background-color:#666;
}



#ctl10_ContentRow
{
  background-color:White;
}

.AboutMeName
{
    color:#c1d72f;
    font-size:18pt;
    font-weight:bold;
    font-family:georgia;
}
.INQUIRYMODULEHeaderStyle 
{
    background-color:#999;
    color:#fff;
}


.RecognitionTitle
{
    font-size: 11pt;
    font-weight:bold;
    
}

.RecognitionDate
{
    font-size: 6pt;
    font-weight:bold;
    
}

/*---------------------------------*/
/* Styles for Modal Popup Extender */
/*---------------------------------*/
.modalBackground 
{
      background-color:Gray;
      filter:alpha(opacity=70);
      opacity:0.7;
}

.PWSModalPopup
{
    background-color:#FFFFFF;
    border:solid 2px #808080;
    width: 500px;
}

.PWSModalPopup .TitleBar
{
    background-color:#7C7B61;
    color:#FFFFFF;
    font-size:14pt;
    height:30px;
}

.PWSModalPopup .TitleBar .lblTitle
{
    float: left;
      margin:3px 5px;
}

.PWSModalPopup .TitleBar .hypClose
{
      float: right;
      font-size: 20px;
      margin:3px 5px;
      color:#FFFFFF;
      font-weight:bold;
      cursor: pointer;
}

/*-------------------------------------*/
/* End Styles for Modal Popup Extender */
/*-------------------------------------*/


/*---------------------------------*/
/* Styles for Popup Extender */
/*---------------------------------*/
.PWSPopup
{
      background-color:#FFFFFF;
      border:solid 2px #808080;
      width: 500px;
      z-index: 10000;
}

.PWSPopup .TitleBar
{
      background-color:#7C7B61;
      color:#FFFFFF;
      font-size:14pt;
      height:30px;
      cursor: move;
}

.PWSPopup .TitleBar .lblTitle
{
      float: left;
      margin:3px 5px;
}

.PWSPopup .TitleBar .hypClose
{
      float: right;
      font-size: 12px;
      margin:3px 5px;
      color:#FFFFFF;
      font-weight:bold;
      cursor: pointer;
      position: relative;
}

/*-------------------------------------*/
/* End Styles for Popup Extender */
/*-------------------------------------*/
/*-----------------------------------------

Colors and text effects For Navigation
            EDIT THESE ONLY!

-------------------- ---------------------*/
/*Color of the menu bar*/
#navigation
{
    background-color:#c1d72f;
    background-image:url(//cs.discoverytoys.com/pwsdata/DT/HostPortalThemes/ThePerfectTheme/Images/navbar.png);
    background-repeat:repeat-x;
}
 /*Color of the character between Parent Menu Items*/
.menuSeparator
{

    color:#B9B79C;

}

/*Color of the Parent Menu Links*/
#navigation ul#nav li a
{
    background-color:#c1d72f;
    background-image:url(//cs.discoverytoys.com/pwsdata/DT/HostPortalThemes/ThePerfectTheme/Images/navbar.png);
    background-repeat:repeat-x;
    color:#FFF;
    font-weight:bold;
    font-family:georgia;
    font-size:14pt;
    text-transform:lowercase;
    background-color:#649fff;
    text-align:center;
z-index:1000;
}

#navigation ul#nav li a:hover
{
    background-color:#c1d72f;
    background-image:url(//cs.discoverytoys.com/pwsdata/DT/HostPortalThemes/ThePerfectTheme/Images/navbar-hover.png);
    background-repeat:repeat-x;
z-index:1000;
}

#navigation ul#nav li:hover ul li a {
    background-color: #c1d72f;
    border: 1px solid #c1d72f;
    color: #0344a5;
    font-size: 16px;
    text-transform: none;
    width: 200px;
    font-family: georgia;
    text-align: center;    
    text-transform: lowercase;
z-index:1000;
 }

#navigation ul#nav li:hover ul li {
    padding: 0;
z-index:1000;
}
#navigation ul#nav li:hover ul li:hover {
    padding: 0;
z-index:1000;
}
#navigation ul#nav li:hover ul {
    margin: 0;
    padding: 0;
z-index:1000;
}
#navigation ul#nav li ul li a:hover {
    background-color: #a2b718;
    border: 1px solid #a2b718;
    color: #FFFFFF;
z-index:1000;
}









/*Child menu Item Link */




#header {
    color: #514C4C;
    background: #ffffff  no-repeat 196px 35px;
    height: 122px;
    position: relative;
    z-index: 9;
}
#header #navigation {
    background: transparent  0 1px no-repeat;
    padding-left: 198px;
}
#header #navigation ul#nav table {
    width: auto;
}
#header #navigation ul#nav table td {
    text-align: left;
}
#header #navigation ul#nav table tr td li {
    background: none;
    height: 37px;
    width: 100%;
}
#header #navigation ul#nav table tr td li a {
    background: none;
    color: #514C4C;
    font-size: 13px;
    font-weight: normal;
    font-variant: normal;
    height: 23px;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 10px;
    padding-bottom: 4px;
    text-transform: none;
    width: auto;
}
#header #navigation ul#nav table tr td li a:hover {
    background: transparent url(//cs.waterfordlearning.com/pwsdata/wl/Images/GENERAL/bg.nav.hover.gif) 0 1px repeat-x;
}
#header #navigation ul#nav table tr td li ul {
    background: #FFFFFF url(//cs.waterfordlearning.com/pwsdata/wl/Images/GENERAL/bg.nav.submenu.gif) 0 bottom repeat-x;
    border: 1px solid #CCCCCC;
    font-size: 11px;
    padding: 16px 16px 12px 18px;
    list-style-type: none;
    margin: 0;
    width: 140px;
    z-index: 8;
}
#header #navigation ul#nav table tr td li ul li {
    border: none;
    height: 19px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#header #navigation ul#nav table tr td li ul li a {
    border: none;
    color: #5D5959;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: auto;
}
#header #navigation ul#nav table tr td li ul li a:hover {
    background: none;
    text-decoration: underline;
}


.icecontrolpanel
{
    text-align: left;




}


.ContactImporter
{
    width:600px;
    padding-left:20px;
}
.ContactImporter h2
{
    font-size:20px;
    text-align:left;
}
.ContactImporter .ContactStepTitle
{
    font-size:16px; 
    padding-top:5px;
    color:#6cb6ff;
    font-weight:bold;
}
.ContactImporter .ContactStepInstructions
{
    margin-bottom:10px;
}
.PopupContent
{
    text-align:left;
}

.ContactImporter .ContactImportMethodTitle
{
font-size:16px;
font-weight:bold;
color:#666666;
display:block;

margin-top:15px;
}

.ContactImporter .ContactImportMethodDesc
{
display:block;
text-align:left;
margin-bottom:15px;
}

.ContactImportMethodTable
{
width:100%;
display:block;
margin-bottom:1000px;
}

.ContactImportMethodTable .WebmailCell
{
border-right:1px solid #999;
padding:10px;
}

.ContactImportMethodTable .FacebookCell
{
border-left:1px solid #999;
padding:10px;
}
.ContactImportMethodTable .FileCell
{
padding:10px;
}

.ContactImportMethodTable .BtnCell
{
 
 padding-top:10px;
 
}



.ContactImportMethodTable .BtnCell a
{
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #666;
color:#666;
 background-Color:#f1f1f1;
}

.ContactImportMethodTable .BtnCell a:hover
{
font-size:10pt;
color:#000;
text-decoration:none;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #000;

 background-Color:#999;
}

.ContactImporter .ContactImportStepTextTable
{
display:block;
margin-top:10px;
padding:10px;
margin-bottom:10px;
background-color:#f1f1f1;
border:1px solid #e3e1e1;
}

.ContactImporter .FacebookBtn
{
position: absolute;
top:-999em;
}

.ContactImporter .FacebookBtnShow
{
position: absolute;
top:190px;
}
.ContactImporter .GetFriendsBtn
{
  float:right;
}
.ContactImporter .StyledButton
{
display:block;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #666;
color:#666;
width:100px;
 background-Color:#f1f1f1;

}

.ContactImporter .StyledButton:hover
{
font-size:10pt;
color:#000;
text-decoration:none;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #000;

 background-Color:#999;
}

.ContactImporter input
{
  width:250px;
}

.ContactImporter select
{
  width:250px;
  height:20px;
}

.ContactImporter .ContactsTable input
{
  width:15px;
}

.ContactImporter .ContactsListDiv
{
  width:600px;
  
  height:240px;
  overflow-y:scroll;
  padding:10px;
 background-color:#f1f1f1;
border:1px solid #e3e1e1;
margin-bottom:1000px;
  
}

.ContactImporter .ContactsTable
{
  background-color:#fff;
  width:100%;
  border: 1px solid #e3e1e1;
}

.ContactImporter .ImportButton
{
  float:right;
  width:200px;

 
}

.MyContactsEdit .PageTable
{
 background-color:#f6f9fe;

}

.MyContactsEdit .FacebookImage
{
  background-color:#ffffff;
  padding:5px;
  border:1px solid #999999;
}

.MyContactsEdit .ContactName
{
  font-size:16pt;
  font-weight:bold;
}
.MyContactsEdit .PhoneNumber
{
  font-size:9pt;
  
}
.MyContactsEdit .Primary
{
  font-weight:bold;
}
.MyContactsEdit .ContactCard
{
 

 
  margin-left:5px;
  
}

.MyContactsEdit .ContactCard .Details
{
  border-left:1px solid #666666;
  border-top:1px solid #666666;
  border-bottom:1px solid #666666;
   background-color:#f5f5f5;
}

.ProfileManagement, .ProfileManagement .MainTable
{
min-height:300px;
}

.ProfileManagement .MainTable .TitleRow
{
height:25px;
}

.ProfileManagement .StyledButton
{
float:right;
clear:both;
display:block;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #666;
color:#666;
width:100px;
 background-Color:#f1f1f1;

}

.ProfileManagement .StyledButton:hover
{
float:right;
clear:both;
font-size:10pt;
color:#000;
text-decoration:none;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #000;

 background-Color:#999;
}

.ProfileManagement .PasswordTable
{
  width:400px;
}

.ProfileManagement .LeftNavTable
{
  width:160px;
}

.ProfileManagement .MainTable .LeftNavCell
{
 width:160px;
 border-right:1px solid #999;
 display:block;
 padding-right:20px;
}

.ProfileManagement .MainTable .RightContentCell
{


 display:block;
 padding:10px;
}

.ProfileManagement .PageHeader
{
  border-left:1px solid #666;
  border-bottom:1px solid #666;
  margin-top:10px;
  margin-bottom:10px;
}
.ProfileManagement .ConsultantName
{
  font-size:15pt;
  padding-left:15px;
  font-weight:bold;
}

.ProfileManagement .CurrentPage
{
  font-size:13pt;
  padding-left:15px;
  color:#999;
}

.ProfileManagement .LeftNavBtn
{
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  border:1px solid #999;
  display:block;
  color:#3a7dda;
  padding-left:15px;
  background-color:#bed8f2;
  font-size:10pt;
}

.ProfileManagement .LeftNavBtn:hover
{
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  border:1px solid #999;
  display:block;
  color:#bed8f2;
  padding-left:15px;
  text-decoration:none;
  background-color:#3a7dda;
  font-size:10pt;
}

.ContactImporter .HideBtn
{
display:none;
}


.ContactImporter .ShowBtn
{

}
.FooterTable
{
    background-color:#ebebeb;
    width:1015px;
}
.PwsPageFooter
{
  vertical-align: middle;
  width:1025px;

}
#FooterRow
{
  margin-top: 5px;
  vertical-align: middle;
  height: 40px;
  width:1025px;
}

.ProfileManagement, .ProfileManagement .MainTable
{
min-height:300px;
}

.ProfileManagement .MainTable .TitleRow
{
height:25px;
}

.ProfileManagement .StyledButton
{
float:right;
clear:both;
display:block;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #666;
color:#666;
width:100px;
 background-Color:#f1f1f1;

}

.ProfileManagement .StyledButton:hover
{
float:right;
clear:both;
font-size:10pt;
color:#000;
text-decoration:none;
font-size:10pt;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;
 border:1px solid #000;

 background-Color:#999;
}

.ProfileManagement .PasswordTable
{
  width:400px;
}

.ProfileManagement .LeftNavTable
{
  width:160px;
}

.ProfileManagement .MainTable .LeftNavCell
{
 width:160px;
 border-right:1px solid #999;
 display:block;
 padding-right:20px;
}

.ProfileManagement .MainTable .RightContentCell
{


 display:block;
 padding:10px;
}

.ProfileManagement .PageHeader
{
  border-left:1px solid #666;
  border-bottom:1px solid #666;
  margin-top:10px;
  margin-bottom:10px;
}
.ProfileManagement .ConsultantName
{
  font-size:15pt;
  padding-left:15px;
  font-weight:bold;
}

.ProfileManagement .CurrentPage
{
  font-size:13pt;
  padding-left:15px;
  color:#999;
}

.ProfileManagement .LeftNavBtn
{
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  border:1px solid #999;
  display:block;
  color:#3a7dda;
  padding-left:15px;
  background-color:#bed8f2;
  font-size:10pt;
}

.ProfileManagement .LeftNavBtn:hover
{
  padding-top:5px;
  padding-bottom:5px;
  margin-top:5px;
  border:1px solid #999;
  display:block;
  color:#bed8f2;
  padding-left:15px;
  text-decoration:none;
  background-color:#3a7dda;
  font-size:10pt;
}

.ContactImporter .HideBtn
{
display:none;
}


.ContactImporter .ShowBtn
{

}

/*************************************/
/* Graphical Genealogy               */ 
/*************************************/

.GenealogyModule a:hover
{
  cursor:pointer;

}

 #TopPane
{
  margin-left:211px;
   

}

#LeftPane
{
  
  height:500px;
  
  width:175px;
  
}
.OpenOptionsDiv
{
 background-color:#999;
 padding:2px;
 height:28px;
}
 .Node
{
        background: url("images/white-highlight.png") repeat-x scroll left top #C3EAFB;
    border: 2px solid #B5D9EA;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    color: black;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    width: 46px;
    height: 40px;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
}
.Zoom
{
width:200px;
}

 .RedIndicator
{
    
   background-color:#ff5b5b;
   
}
 .YellowIndicator
{
      background-color:#e2ff5b;
}
 .GreenIndicator
{
   background-color:#5bff82;
}

 .Node .ChildrenCountCell
{
}
 .hasChildren 
{
    
    
}

 .Node .ViewContactCardCell
{
    text-align: left;
}

 .Name
{
    font-size: 9pt;
    font-weight: bold;
    float: left;
    font: Arial;
}

 .Node .ContactInfoCell
{
    padding-left: 10px;
    padding-top: 10px;
    vertical-align: top;
    text-align: left;
}

 .CompLevel, .GenStatusText
{
    float: left;
    clear: left;
    color: #000;
    font-size: 7pt;
    display:none;
}

 .ChartArea
{
    
    padding-top:50px;
    padding-left:50px;
   width:770px;
   height:450px;
   overflow:scroll;
    border-top:1px solid #666;
    border-left:1px solid #666;
  background-image: url('http://cs.discoverytoys.com/pwscontent/DT/images/graphicalgenealogy/chartbackground.gif');
    background-repeat: repeat-x;
   
}

 





 #TopPane ul, #TopPane li
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}

 #TopPane .crumbs
{
    border: 1px solid #dedede;
    height: 2.3em;
}

 #TopPane .crumbs li
{
    float: left;
    line-height: 2.3em;
    padding-left: .75em;
    color: #777;
}

 #TopPane .crumbs li a
{
    display: block;
    padding: 0 15px 0 0;
    
}

 #TopPane .crumbs li a:link, #TopPane .crumbs li a:visited
{
    text-decoration: none;
    color: #777;
}

 #TopPane .crumbs li a:hover, #TopPane .crumbs li a:focus
{
    color: #dd2c0d;
}


.btnopen, .btnopen:hover, .btnopen a:visited
{
  color:#fff;
}
 .Zoom .Title, .Search .Title, 
 .Views .Title, .bookmarks .Title
{
    font-size:10pt;
    color:#fff;
    padding-top:8px;
    padding-left:8px;
    padding-bottom:8px;
    font-weight:bold;
    display:block;
    background-color:#999;
    
}
 .Search
{
  
    width:190px;
  padding-bottom:25px;
  

  
}

.Zoom 
{
 width:190px;
}

 .Zoom table
{
    font-size:8pt;
    color:#999;
    margin-left:5px;
    margin-top:5px;
     width:160px;
}

.GenealogyModule input
{
  width:160px;
}

 .Views
{
    padding-bottom:25px;
    width:190px;
    
  
   
   
}
  .Views select
{
    font-size:9pt;
    width:165px;
    margin-bottom:10px;
}


 #divError
{
    position:absolute;
    top:300px;
    left:500px;
    padding:50px;
    background-color:#fff;
    border:5px solid #9f9f9f;
}
 .bookmarks
{
    padding-bottom:25px;
    padding-right:25px;
    width:190px;
}
 .Bookmark
{
    padding-bottom:10px;
  
}

 .autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
 .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
 .autocomplete .selected { background:#F0F0F0; }
 .autocomplete div { padding:2px 5px; white-space:nowrap; }
 .autocomplete strong { font-weight:normal; color:#3399FF; }


/*********************************/
/* End Graphical Genealogy       */
/*********************************/
   /*
/* Wizard CSS
*/
.Wizard{
      border: 2px solid #dadada;
      margin-top: 20px;
      position: relative;
      width: 750px;}
      .Wizard td {
            text-align: left;
          vertical-align:top;}
      .Wizard.wizstart #imgWizard {
            /*hide the icon on the first page only because there is no info*/
            display:none;}
.WizHead{
    height:10%;
    text-align:left;
    font-family: Arial Bold, Helvetica, sans-serif;
    font-size: 28px;
    color: #6CAB21;
    padding: 24px 0 0 50px;
 }
.WizLeft{
    width:200px;
    font-size: 15px;
   padding: 0 0px 0px 0px;}
      .WizLeft img {
            position: absolute;
            margin-top: 10px;
            margin-left: 10px;}
      .WizLeft br {display: none;}
      .WizLeft span {
            display: block;
          border-top: 2px solid #eee;
          padding: 10px 10px 10px 38px;}

.WizBody{
border: 2px solid #dadada;
      margin-top: 20px;
      position: relative;
      width: 350px;}
      .Wizard td {
            text-align: left;
          vertical-align:top;}
      .Wizard.wizstart #imgWizard {
            /*hide the icon on the first page only because there is no info*/
            display:none;
     }

      .WizBody  #lblNew, .WizBody #lblConfirm {
            display: block;
            text-align: right;
            white-space: nowrap;
            font-weight: bold;}
      .WizBody #CE_HTMLEditorControl1_Editor1_ID {
            width: 700px !important;}
      .WizBody table {
            width: auto;
            padding: 0;
            margin: 0;}
            .WizBody table td{
                  padding: 0;
                  margin: 0;}
                  .WizBody table td .SubHead {
                        width: 100px;
                        display: block;}
                        .WizBody table td #lblUrl.SubHead, .WizBody table td #lblPass.SubHead, .WizBody table td #lblNewUrl.SubHead {
                              display: inline;}
      .WizBody img {
            border:1px solid #999999 !important;
            padding:4px;}
            .WizBody .CuteEditorToolBarContainer img {
                  border: none;
                  padding: 0;}
      .WizBody #Comparevalidator1, .WizBody #Requiredfieldvalidator1 {
            color: red;
            font-weight: bold;}
      .WizBody #Passwordhelp {
            display: none;
            /*padding: 5px 10px;
            color: #5a5d5d;
          background-color: #fafafa;
          border: 2px solid #eee;
            margin: 0 0 0 10px;*/}
      .barIndicatorBorder {border:solid 1px #c0c0c0;width:100px;}
      .barIndicator_poor {background-color:#dd0000;}
      .barIndicator_weak {background-color:#ffff00;}
      .barIndicator_good {background-color:#cc5500;}
      .barIndicator_strong {background-color:#77aa00;}
      .barIndicator_excellent {background-color:#006600;}

.WizFooter{
    height:10%;
    background-color: #dadada;}
      .WizFooter table {
            width: auto;
            float: left;
            margin-left: 200px;}

.WizHide
{
                display:none;
}

.WizSelectedStep
{
                                font-family: Verdana Bold, Helvetica, sans-serif;
                    font-size: 20px;
                    font-weight: bold;
                                color:#708090;
}

.WizStep Step1 Step2 Step3 Step4 Step5 Step6
{
                    font-family: Verdana Bold, Helvetica, sans-serif;
                    font-size: 14px;
                    font-weight: bold;
                    color:#708090;

}
/*
* End of Wizard CSS
*/


a.igdt_NodeActive,
a.igdt_NodeSelected,
a:link.igdt_NodeSelected,
a:hover.igdt_NodeSelected,
a:visited.igdt_NodeSelected,
a:link.igdt_NodeActive,
a:hover.igdt_NodeActive,
a:visited.igdt_NodeActive
{
    background: #0A246A;
    padding: 5px;
    color: #FFFFFF;
}

a.igdt_NodeDisabled
{
    color:Gray;
    text-decoration: none;
    cursor: default;
    background:#FFFFFF;
    border:none;
    padding: 0px;
}




.LoginContent {
    background-color: #FFFFFF !important;
    border-bottom: 5px solid #EBEBEB !important;
    border-left: 5px solid #EBEBEB !important;
    border-right: 5px solid #EBEBEB !important;
}


.WizardStepContent .NewUserTerms
{
    width:900px;
    height:400px;
    border:1px solid #e3e1e1;
    overflow-y:scroll;

}

.NewUserContentPane .WizardStepContent
{

          background-color:#fff;
          border:3px solid #e3e1e1;
}
.NewUserContentPane .TextBox
{
    width:300px;
    border:2px solid #e3e1e1;
    height:20px
}

.NewUserWizard .WizardNavigation
{
     background-color:#e3e1e1;
}


.WizardStepContent .NewUserOptionRow
{
  border:3px solid #e3e1e1;
   padding: 10px;
}

.WizardStepContent .NewUserOptionRow .OptionName
{
   font-size: 12px;
   font-weight:bold;


 }
  .WizardStepContent .NewUserOptionRow .OptionDesc
  {
         font-size: 10px;
          padding-bottom:10px;
              }


.NewUserContentPane .NextButton
{
 background-color: #e3e1e1;
    border: 0px solid #fff;

    text-align:center;
    display:block;
    width:150px;
    height:42px;
    background-repeat: no-repeat;
    text-transform:uppercase;
    color:#FFF;
    font-weight: bold;
      font-size: 14px;
    background-image: url('http://cs.discoverytoys.com/pwscontent/bb/images/general/GreenButton.gif');
}
.NewUserContentPane .PreviousButton
{
    background-color: #e3e1e1;
    border: 0px solid #fff;

    text-align:center;
    display:block;
    width:150px;
    height:42px;
    background-repeat: no-repeat;
    text-transform:uppercase;
    color:#666;
    font-weight: bold;
    background-image: url('http://cs.discoverytoys.com/pwscontent/bb/images/general/GreyButton.gif');
}
  .WizardStepContent td
  {

  }

.NewUserContentPane .FinishButton
{
 background-color: #e3e1e1;
    border: 0px solid #fff;

    text-align:center;
    display:block;
    width:150px;
    height:42px;
    background-repeat: no-repeat;
    text-transform:uppercase;
    color:#FFF;
    font-weight: bold;
    font-size: 14px;
    background-image: url('http://cs.discoverytoys.com/pwscontent/bb/images/general/GreenButton.gif');
}
.NewUserContentPane .FinishButton:hover, .NewUserContentPane .NextButton:hover
{
    background-image: url('http://cs.discoverytoys.com/pwscontent/bb/images/general/GreenButtonHover.gif');
}
.NewUserContentPane .PreviousButton:hover
{
       background-image: url('http://cs.discoverytoys.com/pwscontent/bb/images/general/GreyButtonHover.gif');
}