﻿
	html {
		font-size: 100%;
	}

	body {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		color: #5A5A5A;
		font-size: 62.5%;
	}

	p { font-size: 1.1em; }
	
	a {  }

	a:link    {
	  /* Applies to all unvisited links */
		color: #5a5a5a; text-decoration: none;
	  } 
	a:visited    {
	  /* Applies to all unvisited links */
	  color: #5a5a5a; text-decoration:  none;
	  } 
	a:active   {
	  /* Applies to links under the pointer */
	  color: rgb(181,217,29); text-decoration:  underline;
	  } 
	a:hover   {
	  /* Applies to links under the pointer */
	  text-decoration:  underline;
	  } 

	fieldset { border: #EAE9E1 solid 1px; }
	
	legend { font-size: 1.1em; color: #000000; }
	
	label {	font-size: 1.1em; }
	
	input, select, textarea { font-size: 1.1em; }
	
	textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; }
	
		.LinkButton { font-size: 1.1em; color: Blue }
	
	.BigLabel { font-weight: bold; font-size: 1.7em; }

	.BigNormalLabel { font-size: 1.7em; }
	
	input.RequiredField, input.RequiredReadOnlyField, textarea.RequiredField { font-weight: bold }
	input.BigField {font-weight: bold; font-size: 1.7em }
		
	input.ReadOnlyField, input.RequiredReadOnlyField, textarea.ReadOnlyField, textarea.RequiredReadOnlyField { 
		font-size: 1.1em;
		border: solid 1px #7F9DB9;
		background-color: #E4E4E4; 
	}

	label.RequiredField { font-weight: bold; }
	label.BigLabel { font-weight: bold; font-size: 1.7em; }

	p.FormText {
		font-size: 1.1em;
		margin-bottom: 5px;
		margin-top: 0px;
	}
	
	table.form hr {
		width: 100%;
		border: 0;
		color: #C5D0DE;
		background-color: #C5D0DE;
		height: 1px;
	}
	
	div.PopupControlExtenderPanel 
	{
		height: 200px;
		/*width: 95%;*/
		overflow: auto;
		border: solid 1px #C7C5B2;
		background-color: whitesmoke; 
		padding-right: 2px;
		}




/* ===== CreatedUpdatedFormFooter Control ===== */

	.CreatedUpdatedFormFooterContainer span.Field { font-size: 1.1em; margin-left: 5px; }




/* ===== LogIn Page ===== */

	#LogInContainer {
		position: absolute;
		top: 30%;
		left: 50%;
		width: 600px;
		height: 220px;
		margin-left: -300px;
		margin-top: -100px;
		border: solid 1px #f78d1c;
		padding: 10px;
		background-image: url(Bg_login.gif);
		background-repeat: repeat-x;
	}
	
	#LogInClientLogoContainer {
		background-image: url(ClientLogo.gif);
		background-repeat: no-repeat;
		background-position: top left;
		padding-left: 200px;
		margin-left: 10px;
		/* Othewise IE6 moves the image down when LogInFormHeader has a top margin set!! 
		border: solid 1px white; */
	}
	
	#LogInFormHeader 
	{
		background-image: url(LogInFormHeader.gif);
		background-repeat: no-repeat;
		background-position: top left;
		margin-top: 30px;
		height: 30px;
		}
		
	div#LogInFormContainer p { font-size: 1.3em; }


/* ===== HomePage ===== */

	#HomePageMainContentAreaContainer { border: solid 1px #005544; padding: 10px; background-color: #f1f1f1; }
	
	#HomePageMainContentAreaHeader 
	{
		background-image: url(LogInFormHeader_GrayBg.gif);
		background-repeat: no-repeat;
		background-position: top left;
		height: 27px;
		 }
		 
	#HomePageMainContentArea {  }
	
	#SupportContentAreaWrapper
	{
		background-color: #f1f1f1;	
		border: #f1f1f1 solid 1px;
	}
	
	#CommonTasksContentAreaWrapper
	{
		background-color: #f1f1f1;
	}

	#SelectSiteContentAreaWrapper
	{
		background-color: #f1f1f1;
	}
	
	#LiveSiteContentAreaWrapper
	{
		background-color: #666666;
	}
	
	.silo_heading {
		background-color: #e48723;
		background-image: url(Background.gif);
		background-repeat: repeat-x;
		padding: 8px;
	}

	.silo_heading h2 {
		margin: 0; padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: white;
	}

	.silo_content {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		padding: 0px 8px 0px 8px;
	}

	.silo_content p { font-size: 12px; }
	.silo_content li { list-style-type: square; font-size: 12px;  }


/* ===== Page ===== */

	#PageTopDiv {
		height: 11px;
		background-image: url(PageTop.jpg);
		background-repeat: no-repeat;
		background-position: top right;
	}
	
	#ClientLogoContainer { padding-left: 22px; }
	
	#ModulesHeaderContainerDiv { background-image: url(Bg_LeftTopMenuHeader.gif); }
	#ModulesHeaderDiv { color: white; font-size: 1.3em; font-weight: bold; }
	
	#BreadcrumbContainerDiv { background-image: url(Bg_LeftTopMenuHeader.gif); }
	#BreadcrumbDiv { color: White; font-size: 12px; font-weight: bold; }
	#BreadcrumbDiv a:link, #BreadcrumbDiv a:visited {  color: White; text-decoration: underline; }
	#BreadcrumbDiv a:active, #BreadcrumbDiv a:hover { color: #fbe28c; }
	
	div#UserNameDiv { color: #666666; font-size: 1.2em; }

	span#LogoutButton a { font-weight: bold; text-decoration: none; }
	span#LogoutButton a:hover { text-decoration: underline; }
	
    #CMSHeader { background-image: url(CMS.gif); background-repeat:no-repeat; background-position:right; height:23px;}


/* ===== ListBar ===== */

	#ExplorerBarDiv {
		border-left: #005544 solid 1px;
		border-right: #005544 solid 1px;
		border-bottom: #005544 solid 1px;
	}

	#ListBarContainer {
		background-image: url(Bg_ListBar.gif); 
		background-repeat: repeat-x; 
	}
	
	.ListBarSuperGroup { background-image: url(Bg_LeftTopMenuHeader.gif); color: White; font-size: 1.3em; font-weight: bold; }

	.ListBarGroup, .ListBarGroupSelected { font-weight: bold; }
			
	.ListBarGroup a:link, .ListBarGroupSelected a:link { color: #5A5A5A; text-decoration: none; }
	.ListBarGroup a:visited, .ListBarGroupSelected a:visited { color: #5A5A5A; }
	.ListBarGroup a:active, .ListBarGroupSelected a:active { color: black; }
	.ListBarGroup a:hover, .ListBarGroupSelected a:hover {
		background-color: #FAE28E;
		background-image: url(ListBarGroupSelectedBg.gif);
		background-repeat: repeat-x;
	}
	
	.ListBarGroupSelected {
		background-color: #FAE28E;
		background-image: url(ListBarGroupSelectedBg.gif);
		background-repeat: repeat-x;
		border-top: #005544 1px solid;
		border-bottom: #005544 1px solid;
	}
	
	.ListBarGroupText { font-size: 1.3em; }
		
	
	
	
/* ===== Hierarchy Tree ===== */

	.HierarchyTree { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }

	a.HierarchyTreeSelectedNodeStyle { font-weight: bold; color: #005544; }
		
	
	
	
/* ===== Toolbar ===== */

	.ToolBarDiv a:link { color: #5A5A5A; text-decoration: none; }
	.ToolBarDiv a:active { color: Black; }
	.ToolBarDiv a:visited { color: #5A5A5A; }
	.ToolBarDiv a:hover { text-decoration: underline; }

	.ToolBarDiv {
		background-color: #C5D0DE;
		border: #363666 solid 1px;
		font-size: 1.1em;
		padding-top: 2px;
		padding-bottom: 2px;
	}
	
	.ToolBarDiv img { margin-right: 4px; }

/* ===== Calendar ===== */
	
	.CMSCalendar .ajax__calendar_container {
		border: #C5D0DE 1px solid;
		background-color: #ffffff;
	}

	.CMSCalendar .ajax__calendar_container td {
		padding: 1px;
	}

	.CMSCalendar .ajax__calendar_header {
		border-bottom: #C5D0DE 1px solid;
		background-color: #D9E1E9;
	}

	.CMSCalendar .ajax__calendar_footer {
		border-top: #C5D0DE 1px solid;
		background-color: whitesmoke;
	}

	.CMSCalendar .ajax__calendar_dayname {
		font-weight: bold;
	} 

	.CMSCalendar .ajax__calendar_other .ajax__calendar_day,
	.CMSCalendar .ajax__calendar_other .ajax__calendar_year {
		color: #999999;
	}
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_day,
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_month,
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_year {
		color: black; text-decoration: underline;
	}
	.CMSCalendar .ajax__calendar_active .ajax__calendar_day,
	.CMSCalendar .ajax__calendar_active .ajax__calendar_month,
	.CMSCalendar .ajax__calendar_active .ajax__calendar_year {
		color: black;
		border: #C5D0DE 1px solid; background-color: whitesmoke;
	}

	.CMSCalendar .ajax__calendar_hover .ajax__calendar_title {
		color: black; text-decoration: underline;
	} 
	.CMSCalendar .ajax__calendar_hover .ajax__calendar_today {
		color: black; text-decoration: underline;
	} 




/* ===== Grid ===== */

	/* Appearance */
	.FlatDefaultGrid {
		font-size: 1.1em;
		table-layout: auto;
	}
	
	table.FlatDefaultGrid { border-collapse: collapse; }
	
	table.FlatDefaultGrid th, table.FlatDefaultGrid td { padding: 3px; }

	/* Alignment Styles */
	td.AlignCentre {text-align: center;}
	th.AlignCentre {text-align: center;}
	.AlignLeft 	{text-align: left;}
			
	/* HeaderStyle */
	.FlatDefaultGridHeaderStyle {
		border-bottom: #C5D0DE 1px solid;
	}
	
	.FlatDefaultGridHeaderStyle th {
		border-bottom: #C5D0DE 1px solid;
		text-align: left;
		vertical-align: top;
	}

    .FlatDefaultGridHeaderStyle th.Numeric { text-align: right; }
	
	.FlatDefaultGridHeaderStyle a { text-decoration: none; }
	
	.FlatDefaultGridHeaderStyle a:hover {
		color: black;
		text-decoration: underline;
	}
	
	/* RowStyle */
	.FlatDefaultGridRowStyle {
		border-bottom: #EAE9E1 solid 1px;
		background-color: white;
	}

    .FlatDefaultGridRowStyle td.Numeric { text-align: right; } 
        
	.FlatDefaultGridRowStyle td { /* Needed for IE6 */
		border-bottom: #EAE9E1 solid 1px;
	}
	
	/* AlternatingRowStyle */
	.FlatDefaultAlternatingRowStyle {
		border-bottom: #C7C5B2 solid 1px;
		background-color: whitesmoke;
	}

    .FlatDefaultAlternatingRowStyle td.Numeric { text-align: right; }
	
	.FlatDefaultAlternatingRowStyle td { /* Needed for IE6 */
		border-bottom: #EAE9E1 solid 1px;
	}
	
	/* SelectedRowStyle */
	.FlatDefaultGridSelectedRowStyle {
		border-bottom: #C7C5B2 solid 1px;
		background-color: #FBE491;
	}
	
	.FlatDefaultGridSelectedRowStyle td { /* Needed for IE6 */
		border-bottom: #C7C5B2 solid 1px;
	}
	
	/* PagerStyle */
	.FlatDefaultPagerStyle { background-color: #D9E1E9;	}
	
	.FlatDefaultPagerStyle td { /* Needed for IE6 */
		border: #C5D0DE 1px solid;
	}
	
	div.FlatDefaultPagerNavigationDiv {
		float: right;
		padding-right: 10px;
	}
	
	div.FlatDefaultPagerCurrentItemDisplayDiv {
		float: left;
		margin-top: 5px;		
	}
	
	span.FlatDefaultPagerPageXofN {}
	
	.FlatDefaultPagerPageXofN select { font-size: 10px; }
	
	span.FlatDefaultPagerPreviousPage { margin-left: 10px; }
	
	span.FlatDefaultPagerNextPage { margin-left: 0px; }
	
	
	
	
/* ===== UltraWebTab ===== */

	.UltraWebTabHoverTabStyle { color: #221E1F; }




/* ===== Error Message ===== */

	div.CSLAExceptionUpdated, div.CSLAExceptionDeleted, div.CSLAException, div.Exception, div.NoRecordsToDisplay, div.DuplicateFilter, div.InformationMessage {
		background-color:#FFFF99
	}

	div.CSLAExceptionUpdated { border: #FF0000 2px solid; }

	div.CSLAExceptionDeleted { border: #FFCC00 2px solid; }

	div.CSLAException { border: #FFCC00 2px solid; }

	div.Exception { border: #FFCC00 2px solid; }

	div.NoRecordsToDisplay { border: #FFCC00 2px solid; }

	div.InformationMessage { border: #FFCC00 2px solid; }

	div.DuplicateFilter { border: #FFCC00 2px solid; }

	p.ErrorMessage {
		font-size: 1.2em;
		font-weight: bold;
		margin: 0px;
	}


