/* 
This document contains the base classes for all 
TE Welfare & Education Webbapplications

Do NOT leave spaces between the property value and the units! 
If you use "margin-left: 20 px" instead of "margin-left: 20px" 
it will only work properly in IE6 but it will not work in Mozilla or Netscape.
*/

/* -------------------------------------------------------------------------------------------------------*/
/* Base classes */
html
{
    height: 100%;
    background-repeat: no-repeat;
    background-position:bottom right;
}

html, body, form
{
    margin: 0;
    border: none;
    font-size: x-small;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;    
}

h1 span, h2 span
{
    font-size:100%;
}

span2, td2 /* Will be removed */
{
    font-size: x-small;	
}

img
{
    border: Solid 0px Transparent;
}

A:link, A:visited, A:active, A:hover
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: underline;
    color: Blue;
    font-size: small;
    line-height: 20px;
}

A:hover
{
    text-decoration: none;
    color: Blue;
}

input, select, textarea, select
{
    font-size: 100%;
    font-family: Verdana;
}

.link
{
    cursor: pointer;
}

div
{
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: x-small;
}

div.float
{
    float: left;
    margin: 1px;
    width: 48%;
    height: 46%;
    vertical-align: top;
    font-family: Verdana;
    font-size: x-small;
    border: 0px solid #EEEEEE;
    padding-top: 0px;
    padding-left: 10px;
}

div.float p
{
    text-align: Left;
}

div.container
{
    border: 0px dashed Silver;
    margin: 0px;
    height: 100%;
}

div.spacer
{
    clear: both;
}

div.body
{
    padding: 10px;
    font-size: x-small;
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
}

.WizardHeader, .WizardHeading
{
    color: Silver;
    background-color:Transparent;
}

.FieldHeader, .FieldHeading
{
    color: Black;
}

p.HeadingBold, span.HeadingBold
{
    color: Black;
    font-size: x-small;
    font-weight: bold;
    text-transform: uppercase;
}

p.Note
{
    background-color: #ECE4AE;
}

li.Heading
{
    color: Blue;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: x-small;
}

li.Compulsory
{
    background-color: #ECE4AE;
}

.HeaderRow
{
    height: 20px;
    vertical-align: middle;
    text-align: left;
    background-repeat: repeat-x;
    padding-left: 10px;
    padding-right: 10px;
    color: Black;
    font-size: x-small;
    border-top: Solid 1px White;
    border-bottom: Solid 1px White;
}

.FooterRow
{
    height: 30px;
    vertical-align: middle;
    text-align: left;
    background-repeat: repeat-x;
    padding-right: 10px;
    color: Black;
    font-size: x-small;
}

.HeaderRow, .FooterRow
{
    color: #618467;
    background-image: url(../images/menuItem_bg.gif);
    background-color:#f6f6f6;
}

/* FunctionalMenu container */
.TopGroup
{
    margin-left: auto;
    margin-right: auto;   
}

/* FunctionalMenu ContextMenu container */
.MenuGroup
{
    border: Solid 1px Silver;
    background-color: White;
    cursor: default;
}




/* Toolbar container */

.ToolbarGroup
{
    background-color: #F6F6F6;
    /*
    background-color: #000000;
    background-image:url(../images/toolbarBG.gif);
    background-repeat:repeat-x;
    border:Solid 1px Black;
    */    
    cursor: default;
}

.ToolbarItem, .ToolbarItemHover, .ToolbarItemDisabled, .ToolbarItemSelected 
{
  color:#000000; 
  font-family:verdana;
  font-size:x-small; 
  border:1px #F6F6F6 solid;
  cursor:default;
  padding:6px; 
}

.ToolbarItem
{
  color:#000000;
}

.ToolbarItemHover, .ToolbarItemSelected 
{
  background-color:#E4F1F7;
  border-color:White;
}

.ToolbarItemDisabled
{
  color:Silver;  
}

/* FunctionalMenu Item */

.TopMenuItem, .TopMenuItemHover, .TopMenuItemSelected, .TopMenuItemExpanded, .TopMenuItemDisabled, .SubMenuItem, .SubMenuItemHover, .SubMenuItemSelected, .SubMenuItemDisabled, .MenuItem, .MenuItemHover, .MenuItemSelected
{
    color: Black;
    font-family: verdana;
    font-size: small;
    cursor: pointer;
    background-repeat:repeat-x;
    text-align:left;
}

.SubGroup
{
    padding-bottom: 10px;
}

.SubMenuItemHover
{
    color: Blue;
    text-decoration: underline;
}

.TopMenuItemHover, .SubMenuItemHover
{
    color: Black;
}

.TopMenuItemSelected, .SubMenuItemHover
{
    color: Black;
}

.TopMenuItemDisabled, .SubMenuItemDisabled
{
    color: silver;
    cursor: default;
}



.MenuItemHover
{
    background-color: #E4F1F7;
    color: #00025C;
    border: 0px solid #AADAED;
}

.MenuBreak
{
    width: 100%;
    height: 2px;
}

.MainTable
{
    height: 100%;
    width: 100%;
}

.SideBar
{
    background-color: #F4F4F4;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

.MenuImageLayer
{
    z-index: 2;
    height: 150px;
    width: 220px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-color: White;
}




/* Grid */

.width5
{
    width: 5%;
}
.width10
{
    width: 10%;
}
.width12
{
    width: 12%;
}
.width20
{
    width: 20%;
}
.width25
{
    width: 25%;
}
.width30
{
    width: 30%;
}
.width33
{
    width: 33%;
}
.width40
{
    width: 40%;
}
.width50
{
    width: 50%;
}
.width60
{
    width: 60%;
}
.width70
{
    width: 70%;
}
.width75
{
    width: 75%;
}
.width80
{
    width: 80%;
}
.width90
{
    width: 90%;
}
.width100
{
    width: 100%;
}

.Grid
{
    background-color: #FFFFFF;
    border: 0px solid #C0C0C0;
    border-top-width: 0px;
    border-left-width: 0px;
}

.GridHeader
{
    background-image: url('../images/gridHeader_bg.gif');
    background-color: #8988A5;
    border: 0px solid #57566F;
    padding-top: 2px;
    padding-bottom: 2px;
    color: Black;
    min-height: 16px;
}

.GridHeaderText
{
    color: Black;
    font-family: verdana;
    font-size: x-small;
}

.GroupByText
{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding-right: 5px;
    background-color:Transparent;
}

.GridFooter
{
    border-left: 0px solid #C0C0C0;
    padding: 5px;
}

.GridFooterText
{
    color: #000000;
    font-family: verdana;
    font-size: x-small;
}

.Row
{
    border-right: 0px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
    padding: 0px;
    height: 20px;
}

.AlternatingRow
{
    background-color: #F6F6F8;
    border-right: 0px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
    padding: 0px;
    height: 20px;
}

.HoverRow
{
    background-color: #ffeaad;
    border-right: 0px;
    border-bottom: 1px solid #9495A2;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
    padding: 0px;
    height: 20px;
}

.SelectedRow
{
    background-color: #FFEEC2;
    border-right: 0px;
    border-bottom: 1px solid #4B4B6F;
    font-family: verdana;
    font-size: 10px;
    cursor: default;
    padding: 0px;
    height: 20px;
    color: #204D89;
    background-image: url('blue/images/menuItemHover_bg.gif');
}

.HeadingRow
{
    background-image: url('../images/grid/header_rowBg.gif');
    border-width: 0px;
    border-right: 1px solid #FFFFFF;
    color: Black;
}

.HeadingRowFirstCell
{
    background-image: url('../images/grid/header_rowBg.gif');
    padding: 4px;
    padding-top: 4px;
    color: Black;
}

.HeadingCell
{
    background-image: url('../images/grid/header_bg.gif');
    border-width: 0px;
    padding: 4px;
}

.HeadingCellHover
{
    background-image: url('../images/grid/header_hoverBg.gif');
}

.HeadingCellText
{
    font-family: verdana;
    font-size: x-small;
    text-align: left;
}

.DataCell
{
    padding-left: 4px;
}

.propertyDiv
{
    position: absolute;
    top: 50px;
    left: 50px;
    background-color: White;
    border: 1px solid black;
    z-index: 2;
    width: 500px;
    height: 100px;
}

.propertyExpandedDiv
{
    left: 5px;
    position: absolute;
    background-color: White;
    z-index: 3;
    width: 600px;
    height: 100px;
}




/* ComponentArt Slider */

.SliderPopup
{
    background-color: White;
    padding: 10px;
    border: 1px solid black;
}

.LoginLogoutText
{
    color: #D6D6D6;
    font-family: helvetica, arial, verdana, sans-serif;
    background-color: White;
    text-transform: uppercase;
}




/* ComponentArt Tree */

.TreeView
{
    padding-top: 4px;
    padding-left: 1px;
    cursor: default;
}

.TreeNode
{
    font-family: verdana;
    font-size: xx-small;
    border: 0px solid #575757; /*Tip: Same value as SideBar Background-Color*/
    cursor: pointer;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.GrayedTreeNode
{
    font-family: verdana;
    font-size: xx-small;
    border: 0px solid #575757; /*Tip: Same value as SideBar Background-Color*/
    padding-top: 2px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
    color: gray;
    cursor: default;
}

.HoverTreeNode
{
    background-color: #707070;
    background-image: url('blue/images/menuItemHover_bg.gif');
    font-family: verdana;
    font-size: xx-small;
    border: 0px solid gray;
    text-decoration: none;
    cursor: pointer;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.SelectedTreeNode
{
    background-color: #707070;
    background-image: url('blue/images/menuItemSelected_bg.gif');
    font-family: verdana;
    font-size: xx-small;
    cursor: default;
    border: 0px solid gray;
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.NodeEdit
{
    border: 1px gray solid;
    font-family: verdana;
    font-size: xx-small;
}

.DialogTable
{
    border: 1px solid Black;
    border-collapse: collapse;
    background-color: White;
    max-width: 400px;
}




/* ComponentArt Snap */

.Snap
{
    font-family: Verdana;
    font-size: x-small;
    cursor: default;
    margin-bottom: 0px;
    border: Solid 0px Silver;
}

.SnapHeader
{
    color: Black; 
    font-weight: normal;
    background-repeat: repeat-x;
    padding: 1px;
    text-decoration: none;
}

.SnapHeaderCollapsed
{
    font-weight: normal;
    color: Silver; 
    background-repeat: repeat-x;
    padding: 1px;
    text-decoration: underline;
}

.SnapContent
{
    padding-top: 0px;
    padding-bottom: 10px; 
    margin-bottom: 5px;
}

.SnapFooter
{
    color: Black;
    border: Solid 0px Black;
    font-family: verdana;
    font-weight: normal;
}

.SnapCollapseImage
{
    
}

.SnapCollapseImage:hover
{
    
}

.SnapExpandImage
{
    
}

.SnapExpandImage:hover
{
    
}

.Dock
{
    padding: 4px;
    border: #AFAFAF 0px solid;
}


/*  Assistent */

.Assistent
{
    visibility: hidden;
    position: absolute;
    width: 500px;
    height: 250px;
    top: 10px;
    right: 10px;
    z-index: 100;
    padding: 0px;
    font-size: x-small;
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    text-align: center;
}

.AssistentImage
{
    background-image: url('../images/domain.jpg');
    background-repeat: no-repeat;
}

.ShowAssistent
{
    width: 16px;
    height: 16px;
    background-image: url('../images/help16.gif');
    background-repeat: no-repeat;
    cursor: default;
    border-width: 0px;
}

.ShowAssistentBig
{
    width: 24px;
    height: 24px;
    background-image: url('../images/help24.gif');
    background-repeat: no-repeat;
    cursor: default;
    border-width: 0px;
}


/*  ComponentArt Calendar */

/* Decrease the width of the calendar control */
.pickerDiv
{
	width:100px;
	float: left;
}

.calendar_button
{
    border: none;
    cursor: pointer;
}

.picker
{
    background-color: White;
    width: 94%;
    border: 1px gray solid;
    font-weight: normal;
    font-family: Verdana,monospace;
    padding: 0px;
    cursor: pointer;
}

.calendar td
{
    font-size: 11px;
}

.title
{
    font-weight: bold;
    background-color: #4040FF;
    color: White;
}

.day
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayhover
{
    width: 25px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    border-width: 1px;
    border-color: #F6F6F6;
    border-style: solid;
}

.dayheader
{
    width: 25px;
    text-align: center;
    border-width: 1px;
    border-color: white;
    border-style: solid;
    font-weight: bold;
    background-color: #FFFFFF;
}

.othermonthday
{
    color: #999999;
}

.outofrangeday
{
    visibility: hidden;
}

.selectedday
{
    width: 25px;
    background-color: #FBE694;
    color: #000000;
    border-width: 1px;
    border-color: #BB5503 !important;
    border-style: solid;
    font-weight: bold;
}

.calendar
{
    border-style: solid;
    border-width: 1px;
    border-color: Black;
    border-collapse: collapse;
    background-color: #FFFFFF;
    cursor: default;
}

.month
{
    background-color: #F6F6F6;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 0px;
}

.nextprev
{
    cursor: pointer;
    height: 25px;
    vertical-align: middle;
    padding: 0px 5px 0px 5px;
}

.selector
{
    width: 14px;
    cursor: pointer;
    text-align: left;
    vertical-align: middle;
    background-color: #FFFFFF;
}

div.Container
{
    padding-right: 20px;
    background-color: Transparent;
    float: left;
    width: 200px;
}

div.Break
{
    clear: left;
}

.NoPadding
{
    padding: 0px;
    float: left;
    width:auto;
}

.Information
{
    background-color: #F8E7A1;
    padding: 30px;
    border: Solid 1px Black;
    width: 80%;
}

.ToolTipContainer
{
    z-index: 1000;
    position: absolute;
    background-color: White;
    color: Black;
    width: 300px;
    display: none;
    border: Solid 1px Black;
    padding: 10px;
}

.ToolTip
{
}

/* ToolTip  */

.ToolTipInstruction
{
}

.EditNoteTextBox
{
    width: 95%;
}

.Note
{
}

.NoteHeader
{
    font-size: x-small;
    color: Black;
}

.NoteFooter
{
    font-size: x-small;
    font-style: italic;
    color: #CCCCCC;
}

hr
{
    color: #CCCCCC;
    outline-style: dotted;
}




/* Print */

.PrintTitle
{
    font-weight: bold;
    font-size: 14px;
}

.PrintSubTitle
{
    font-weight: bold;
    font-size: 12px;
}

.PrintHeading
{
    font-weight: bold;
}

.PrintAdultCoursesTable
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 99%;
    background-color: #EEEEEE;
    font-size: 10px;
}

.Group
{
    border: Solid 0px Silver;
    padding-bottom: 20px;
    width: 90%;
}



.Header
{
    color: #204D89;
    font-size: small;
    font-weight: normal;
    margin-left: 0px;
    width: 80%;
}



/* Dialog Classes */

.DialogBody
{
    background-color: White;
}

.DialogPage
{
    padding: 4px;
    padding-right: 20px;
}

.DialogHeader
{
    color: White;
    background-color: Transparent;
    background-image: url('../Images/Snap/snap_headerBg.gif');
    font-family: Arial;
    font-size: x-small;
    font-weight: bold;
    padding-left: 5px;
    padding: 4px;
}

.DialogButtonHolder
{
    text-align: right;
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color: White;
    width: 100%;
}

.BreadCrumb
{
    position: absolute;
    top: 100px;
    right: 20px;
    width: auto;
    visibility: hidden;
}

.NewsHeader
{
    background-color: Transparent;
    color: White;
    border: Solid 1px #ffd86d;
    padding: 2px;
    width: auto;
    height: auto;
    text-align: center;
    background-image: url('../images/newstile.gif');
}

/* Calendar Control */
.calendar
{
    padding: 0px;
    margin: 0px;
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
    text-align: center;
    background-color: White;
}

.calendarTitle
{
    background-image: url('blue/images/menuItemHover_bg.gif');
    padding: 10px;
    border: 0px;
    color: #204D89;
    font-size: xx-large;
    text-align: right;
    height: 20px;
}

.calendarDayHeader
{
    border: 1px solid #cfcfcf;
    height: 20px;
    text-align: center;
    padding: 5px;
    color: Silver;
    background-color:Transparent;
}

.calendarDay
{
    color: #000000;
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: 5px;
}

.calendarTodayDay
{
    background-color: #0FC2E8;
    background-image: url('blue/images/menuItem_bg.gif');
    color: White;
    border: 0px solid black;
    text-align: center;
}

.calendarSelector
{
    border: 0px;
    text-align: center;
}

.calendarSelectedDay
{
    text-decoration: none;
    background-color: white;
    background-image: url('blue/images/menuItemHover_bg.gif');
    color: #ffffff;
    border: 0px solid Black;
    text-align: center;
}

.calendarWeekendDay
{
    color: #000000;
    border: 1px solid #cfcfcf;
    text-align: center;
    padding: 5px;
}


/* Common Selection Control */
.Combo
{
    background-color: white;
    border: solid 1px Silver;
}

.ComboTextBox
{
    border: 0px;
    padding-left: 2px;
    padding-right: 2px;
}

.ComboDropDown
{
    border: 1px solid Silver;
    background-color: white;
    padding: 1px;
    padding-right: 0px;
    cursor: default;
}

.ComboItem
{
    font-family: Verdana;
    font-size: 11px;
    padding: 0px;
    border: Solid 0px White;
}

.ComboItemHover
{
    background-image: url('blue/images/menuItemHover_bg.gif');
    font-family: Verdana;
    font-size: 11px;
    border: 0px solid #DBCE99;
    padding: 0px;
    background-color:Transparent;
    color: #c7a138;
}

.headingRow
{
    background-image: url('blue/images/menuItemHover_bg.gif');
    color: #204D89;
}

.headingCellStyle
{
    background-color: #E2E2E2;
    border: 1px solid #FFFFFF;
    border-right-color: #B5B5B5;
    border-bottom-color: #B5B5B5;
    padding: 3px;
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
}

.dataCellStyle
{
    cursor: default;
    border: 1px solid #ffffff;
    border-right-color: #EAE9E1;
    border-bottom-color: #EAE9E1;
    font-family: verdana;
    font-size: 10px;
    text-align: left;
}


.dataRow
{
    background-color: White;
}

th
{
    font-weight: normal;
    font-size: small;
    color: #204D89;
    padding: 5px;
}

#CASelectionHolder, #CASelectionHolder_updatePanelContainer2
{
    padding: 0px;
    padding-right: 30px;
    margin: 0px;
    border: Dotted 0px #F2F2F2;
}

/* Family Tab Control */

.PersonTab
{
    width: 120px;
    margin-left: 19px;
    padding-left: 10px;
    height: 65px;
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    overflow: hidden;
    border: solid 0px black;
    z-index: 10;    
    text-align: center;
    border: Solid 0px black;
    vertical-align:middle;
    text-align: center;
    background-color:Transparent;
    cursor: pointer;
}

.PersonTabSelected
{
    width: 160px;
    margin-left: 40px;
    padding-left: 10px;
    height: 65px;
    background-repeat: no-repeat;
    color: White;
    font-weight: bold;
    overflow: hidden;
    border: solid 0px black;
    z-index: 10;    
    text-align: center;
    background-color:Transparent;
}


/* Component Art Tab Strip control */

.DefaultTab
{
    color: black;
    background-image: url('../Images/tab/tab_bg.gif');
    font-family: 'MS Sans Serif', Verdana;
    font-size: 10px;
    cursor: default;
}
.DefaultTabHover
{
    color: black;
    background-image: url('../Images/tab/hover_tab_bg.gif');
    font-family: 'MS Sans Serif', Verdana;
    font-size: 10px;
    cursor: default;
}
.SelectedTab
{
    color: black;
    background-image: url('../Images/tab/selected_tab_bg.gif');
    font-family: 'MS Sans Serif', Verdana;
    font-size: 10px;
    cursor: default;
}
.MultiPage
{
    background-color: White;
    border: 1px solid #919B9C;
    position: relative;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 98;
}


/* */
.PageContent
{
    font-family: 'MS Sans Serif', Verdana;
    font-size: 10px;
}

h1.PageHeading, h2.ContentHeading, h2.ContentHeading span, p.Heading, span.Heading, .SnapHeader, .DialogHeader, #PageHeading
{
    color: Black;
    font-size: large;
    font-weight: bold;
    font-family: 'Trebuchet MS', Verdana;
    background-color:Transparent;
}

h2.ContentHeading, h2.ContentHeading span
{
    font-size: small;
}

.CustomerHeader A:link, .CustomerHeader A:visited, .CustomerHeader A:active, .CustomerHeader A:hover
{
    font-size:small;
}