/* 
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,body,form
{
  margin:0;
  border:none;
  font-size:x-small;
  font-family:verdana, arial, helvetica, sans-serif;
  color:black;
  height:100%;
}

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

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

input, select, span, 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:10px;
  padding-left:10px;
}

div.float:hover
{
	/*background-color:#F9F9F9;*/
}
  
div.float p 
{
   text-align:Left;
}

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

div.spacer
{
  clear:both;
}

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

p.Heading, span.Heading
{
  color: Black;
  padding-top: 5px;
  margin:5px;
  font-size: x-small;
}

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;
  list-style-image:url(images/spacer.gif);
}

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

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

/* FunctionalMenu container */
.TopGroup
{
  border:Solid 1px #000000;
  border-top:Solid 0px #000000;  
  cursor:default; 
}

/* FunctionalMenu ContextMenu container */
.MenuGroup
{
  border:Solid 1px #000000;
  border-top:Solid 0px #000000;  
  cursor:default;
  filter:alpha(opacity=90);  
  -moz-opacity:.90; 
  opacity:.90;  
}




/* Toolbar container */

.ToolbarGroup
{
  background-color:#EEEEEE;
  cursor:default; 
}

.ToolbarItem
{
  color:#000000; 
  font-family:verdana; 
  font-size:x-small; 
  border:1px #EEEEEE solid;
  cursor:default; 
}

.ToolbarItemHover 
{
  background-color:#E4F1F7; 
  border:1px solid #AADAED;
  color:Black; 
  font-family:verdana; 
  font-size:x-small; 
  cursor:default; 
}




/* FunctionalMenu Item */

.TopMenuItem, .SubMenuItem
{
  color:Black; 
  font-family:verdana; 
  font-size:x-small; 
  cursor:default; 
}

.SubGroup
{
	padding-bottom:10px;
}

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

.TopMenuItemHover, .SubMenuItemHover 
{
  color:Black; 
  font-family:verdana; 
  font-size:x-small; 
  cursor:default; 
}

.TopMenuItemSelected, .SubMenuItemHover
{
  color:Black; 
  font-family:verdana; 
  font-size:x-small; 
  cursor:default; 
}

/* Used with CustomControlStyler - should be removed */
.MenuItem
{
  background-color:White;
  border:1px solid #FFFFFF; 
  color:#00025C;
  font-family:verdana; 
  font-size:x-small; 
  cursor:default; 
  filter:alpha(opacity=100);
}

.MenuItemHover 
{
  background-color:#E4F1F7; 
  background-image:url(images/item_bg.gif);
  color:#00025C;
  border:1px solid #AADAED; 
  font-family:verdana; 
  font-size:x-small; 
  cursor:default; 
}

.MenuBreak
{
  background-image:url(images/break_bg.gif);
  width:100%;
  height:2px;
}

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

.SideBar
{
  background-color: #EEEEEE; 
  background-repeat:repeat-x;
}

.MenuImageLayer
{
  z-index:2; 
  height:150px; 
  width:220px; 
  overflow:hidden;
  background-image:url(images/locked.gif); 
  background-repeat:no-repeat; 
  background-color:White;
  filter:alpha(opacity=100);
}




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

.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:#E6E6EE; 
  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; 
} 

.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 
{ 
  color:white;
  font-family:verdana; 
  font-size:11px; 
  border:1px 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:11px; 
  border:1px 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; 
  color: white;
  font-family:verdana; 
  font-size:11px; 
  border:1px solid gray;
  text-decoration: none;
  cursor:pointer;
  padding: 2px;
  padding-left:5px;
  padding-right:5px;
}

.SelectedTreeNode 
{ 
  background-color:#707070; 
  background-image: url(../images/treeviewimages/item_bg.gif);
  color: white;
  font-family: verdana; 
  font-size:11px; 
  cursor:default;
  border:1px solid gray;
  padding: 2px;
  padding-left:5px;
  padding-right:5px;
}

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

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




/* ComponentArt Snap */

.Snap
{
  font-family:Verdana;
  font-size:x-small;
  border:Solid 0px Black;
  cursor: default;
  background-color:White;
  margin-bottom:0px;
  width:500px;
}

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

.SnapHeaderCollapsed
{
  color:White;
  background-color:White;
  background-image:url(Images/Snap/snap_headerCollapsedBg.gif); 
  font-family:Arial;
  font-size:x-small;
  font-weight:normal;
  padding-left:5px;
}

.SnapFooter
{
  color:Black;
  background-color:White;
  background-image:url(Images/Snap/snap_headerBg.gif);
  border:Solid 0px Black;
  font-family:verdana;
  font-weight:normal;
  
}

.SnapCollapseImage
{
	background-image:url(css/blue/images/snap_collapse.gif)
}

.SnapCollapseImage:hover
{
	background-image:url(css/blue/images/snap_collapse_hover.gif)
}

.SnapExpandImage
{
	background-image:url(css/blue/images/snap_expand.gif)
}

.SnapExpandImage:hover
{
	background-image:url(css/blue/images/snap_expand_hover.gif)
}

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


/*  Assistent */
.Assistent
{
  visibility:hidden; 
  position:absolute;
  width:500px;
  height:250px; 
  top:10px; 
  right:10px; 
  z-index:1; 
  padding:0px; 
  font-size:x-small;
  color:#000000;
  font-family:Verdana, Arial, sans-serif; 
  text-align:center;
  filter:alpha(opacity:0);
}
 
.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:32px;
  height:32px;
  background-image:url(../images/help32.gif);
  background-repeat:no-repeat;
  cursor:default;
  border-width:0px;
}  


/*  ComponentArt Calendar */
.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-left:10px; 
  background-color:Transparent; 
  float:left; 
  width:200px;
}
    
div.Break
{
  clear:left;
}
    
.NoPadding
{
  padding:0px;
  float:left;
}

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

.ButtonHolderSilver
{
  float:left; 
  background-color:Silver; 
  padding:3px;
}

.ButtonHolderOrange
{
  float:left; 
  background-color:#CE726F; 
  padding:3px;
}

.ButtonHolderGreen
{
  float:left; 
  background-color:#6DC36A; 
  padding:3px;
}

input.SilverButton,input.GreenButton,input.RedButton
{
  color:Orange;
  font-family: verdana,Verdana;
  padding:3px;
  border:0px;
  border-left: Solid 1px #EEEEEE;
  border-bottom: Solid 1px #EEEEEE;
  border-collapse:collapse;
  background-image:url(../images/TileSilver.jpg);
  margin:0px;
  width:150px;
}

input.SilverButton:hover
{
  color:White;
  background-image:url(../images/TileOrange.jpg);  
}

input.GreenButton:hover
{
  color:White;
  background-image:url(../images/TileGreen.jpg); 
}

input.RedButton:hover
{
  color:White;
  background-image:url(../images/TileRed.jpg);
}

.ToolTipContainer
{
	z-index:1000;
  position:absolute;
  background-color:White;
  background-image:url(../images/tooltip_bg.gif);
  color:Black; 
  width:300px;
  display:none;
  border:Solid 1px Black;
}

.ToolTip
{	
}

/* To display tool tip instruction  */

.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;
  margin:5px;
  padding:5px;
  float:left;
  width:90%;
}
.Header
{
  color:#204D89;
  font-size:x-small;
  font-weight:normal;
  width:100%;
  padding-bottom:5px;
}



/* Dialog Classes */

.DialogBody
{
	background-color:White;
}

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

.DialogHeader
{
	color:White;
  background-color:White;
  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%;
}

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

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