/*--------------------------------------------------------------------------
Default CSS

Author:			    Che de Bruin
Date:	        	10-14-2008
Description:		Layout for the entire web-site
--------------------------------------------------------------------------*/
*                           { -moz-box-sizing: border-box; } 
html, body                  { cursor: auto; height: 100%; width: 100%; margin: 0px; padding: 0px; text-align: center; font-size: 10px; background-color: #F2F2F2; background-image: url('../../images/backgrounds/background.jpg'); background-position: top center; background-attachment: fixed; background-repeat: no-repeat; }

body /*FF*/                 { text-align: -moz-center; }

a                           { font-family: Arial; font-size: 12px; color: #336699; text-decoration: none; }
a:hover                     { text-decoration: underline; }

.UserPanel                  { display: none; visibility: hidden }

#MainMarquee                { width: 530px; height: 200px; padding: 0px 0px 0px 0px; }

.HeaderNavigation           { font-family: Arial; font-size: 12px; color: White; }
.HeaderNavigation a         { font-family: Arial; font-size: 12px; color: White; text-decoration: none; }
.HeaderNavigation a:hover   { text-decoration: underline; }

.MainPanel                  { font-family: Arial; font-size: 12px; color: #454545; text-align: left; vertical-align: top; background-color: White; padding-bottom: 10px; display: inline-block;}
.MainPanel h1               { font-family: Arial; font-size: 16px; font-weight: bold; margin: 0px; padding: 0px; }
.MainPanel h2               { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }

.HeaderPanel                { width: 770px; font-family: Arial; font-size: 12px; color: #7F7F7F; text-align: right; background-color: White; background-image: url('../../images/backgrounds/header.jpg'); background-position: top center; background-repeat: no-repeat; }
.HeaderPanel a              { font-family: Arial; font-size: 12px; color: #7F7F7F; text-decoration: none; }

.FontSize                   { }
.FontSize div               { padding-left: 3px; padding-right: 3px; margin-left: 3px; text-align: center; vertical-align: text-bottom; border: 1px solid white; font-family: Times New Roman; color: White; cursor: pointer; }

.ProfileMenu                { width: 150px; position: absolute; margin: 5px 0px 0px -175px; }
.ProfileMenu div            { padding: 5px; border-bottom: 1px solid #999999; text-align: left; background-image: url('../../images/menus/header/background.png'); }
.ProfileMenu a              { font-family: Arial; font-size: 12px; color: White; text-decoration: none; }

.LogoPanel                  { font-family: Arial; font-size: 12px; color: #454545; text-decoration: none; }

.FooterMenu                 { }

.FooterNavigation a         { font-family: Arial; font-size: 12px; color: #7F7F7F; text-decoration: none; }
.FooterNavigation a:hover   { text-decoration: underline; }

/*--------------------------------------------------------------------------
Login Box

Author:			    Che de Bruin
Date:	        	10-14-2008
Description:		Layout for Login Box
--------------------------------------------------------------------------*/

.LoginBox                   { font-family: Arial; color: White; font-size: 12px; }
.LoginBox div               { padding-top: 5px; }
.LoginBox a                 { font-family: Arial; font-size: 12px; color: White; text-decoration: underline; }
.LoginBox h1                { font-family: Arial; font-size: 12px; font-weight: bold; margin: 0px; padding: 0px; }
.LoginBox h2                { font-family: Arial; font-size: 12px; font-weight: bold; color: Red; margin: 0px; padding: 0px; }

.LiveDate                   { width: 35px; height: 35px; padding-top: 2px; background-image: url('../../images/backgrounds/date.jpg'); background-repeat: no-repeat; text-align: center; font-family: Arial; font-size: 11px; color: White; }

/*--------------------------------------------------------------------------
Home Page

Author:			    Che de Bruin
Date:	        	10-14-2008
Description:		Layout for Home Page
--------------------------------------------------------------------------*/

#Marquee                    { width: 600px; height: 205px; padding: 0px 5px 0px 5px; }
.Marquee                    { }
.Marquee a                  { color: White; text-decoration: underline; }

.SmallCalendar              { border: solid 1px White; border-top: solid 1px White; text-decoration: none; }
.SmallCalendarDate          { padding: 2px 0px 2px 0px; font-family: Arial; font-size: 11px; vertical-align: top; cursor: pointer; }
.SmallCalendarHeader        { font-family: Arial; font-size: 11px; }

/*--------------------------------------------------------------------------
Menu & Cookie Crumbs

Author:			    Che de Bruin
Date:	        	10-14-2008
Description:		Menu & Cookie Crumbs
--------------------------------------------------------------------------*/

.Menu                       { }
.Menu td                    { height: 32px; padding-right: 30px; vertical-align: middle; text-align: left; }

.CookieCrumbs               { padding: 8px 0px 8px 0px; vertical-align: middle; background-image: url('../../images/backgrounds/crumbs.jpg'); background-repeat: repeat-x; background-position: bottom; }
.CookieCrumbs a             { font-family: Arial; font-size: 12px; color: #336699; font-weight: bold; text-decoration: none; }
.CookieCrumbs a:hover       { text-decoration: underline }

/*--------------------------------------------------------------------------
Main Panel

Author:			    Che de Bruin
Date:	        	10-14-2008
Description:		Layout for Main Panel
--------------------------------------------------------------------------*/

.ContentPanel               { padding: 10px; font-family: Arial; font-size: 12px; color: #454545; text-align: left; vertical-align: top; }
.ContentPanel h1            { font-size: 15px; }
.ContentPanel h2            { font-size: 12px; font-weight: bold; margin: 0px; }
.ContentPanel a             { text-decoration: none; }
.ContentPanel a:hover       { text-decoration: underline; }

.MonthlyCalendar            { border: solid 1px #CCCCCC;  border-top: solid 1px White; text-decoration: none; }
.MonthlyCalendarDayHeader   { text-decoration: none; }
.MonthlyCalendarDay         { padding: 1px; text-decoration: none; }
.MonthlyCalendarDay a       { text-decoration: none; }

.ClassIcons                 { vertical-align: middle; }

.PopupWindow                { top: 200px; position: absolute; vertical-align: middle; }

/*--------------------------------------------------------------------------
Lines

Author:			    Che de Brion
Date:	        	10-14-2008
Description:		Layout for the lines
--------------------------------------------------------------------------*/

.HorizontalLine             { border-top: 1px solid #999999; margin-top: 5px; margin-bottom: 5px; }
.HorizontalMenuLine         { border-top: 1px solid #999999; }
.HorizontalDataLine         { border-top: 1px solid #999999; }

/*--------------------------------------------------------------------------
Admin CSS

Author:			    Che de Bruin
Date:	        	08-15-2008
Description:		Clears Layouts used in default.css for administration
                    areas and pages
--------------------------------------------------------------------------*/

.DataGrid			        { font-family: Arial; font-size: 12px;}
.DataGridRow                { background-color: Transparent; }
.DataGridCell               { padding: 5px; border-bottom: solid 1px #CCCCCC; border-right-style: hidden; font-family: Arial; font-size: 12px; vertical-align: top; }
.DataGridHeader th          { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; border-left: solid 1px #B6CDE1; height: 28px; background-color: #153B73; }
.DataGridHeader             { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; border-left: solid 1px #B6CDE1; height: 28px; background-color: #153B73; }
.DataGridSubHeader th   	{ border-right: solid 1px #CCCCCC; }
.DataGridSubHeader th   	{ padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: #454545; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; background-image: url('../../images/backgrounds/subheader.jpg'); background-position: bottom; background-repeat: repeat-x; }
.DataGridSubHeader a   	    { font-family: Arial; font-size: 12px; color: #454545; }
.DataGridHeader a	        { font-size: 12px; color: #FFFFFF; text-decoration: none; }
.DataGridHeader a:hover     { text-decoration: underline }
.DataGridPager td	        { padding: 5px 2px 5px 0px; font-family: Arial; font-size: 12px; text-align: left; text-decoration: none; }


.DataListHeader 	        { padding: 5px; height: 30px; font-family: Arial; font-weight:bold; font-size: 12px; color: #454545; border-left: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; background-image: url('../../images/backgrounds/subheader.jpg');  background-position: bottom; background-repeat: repeat-x; }


.ErrorMessage               { font-family: Arial; font-size: 12px; font-weight: normal; color: Red; padding: 5px 0px 5px 0px; }
.ErrorIcon                  { position: absolute; margin-left: -15px; margin-top: -10px; }

.TableHeader                { height: 28px; vertical-align: middle; font-family: Arial; font-size: 12px; color: White; background-color: #153B73; }
.PanelHeader                { vertical-align: middle; font-family: Arial; font-size: 12px; color: White; background-color: #153B73; }
.PanelHeader div            { padding: 7px; }

.CalendarHeader             { height: 30px; border-top: solid 1px White; font-family: Arial; font-size: 14px; font-weight: bold; vertical-align: middle; background-color: Transparent; }
.CalendarDate               { padding: 3px; font-family: Arial; font-size: 12px; }
.CalendarDateData           { padding-left: 3px; font-family: Arial; font-size: 11px; }
.CalendarDateDesc           { width: 200px; margin-left: -35px; margin-top: -20px; position: absolute; }
#CalendarDateText           { width: 200px; font-family: Arial; font-size: 11px; color: White; background-image: url('../../images/backgrounds/newstext.png'); }

.WeeklyDataCancel           { padding-top: 5px; padding-bottom: 5px; font-weight: bold; }
.WeeklyDataHeader           { color: #606060; padding-bottom: 0px; font-family: Arial; font-size: 12px; font-weight: bold; }
.WeeklyData                 { color: #606060; padding-top: 0px; font-family: Arial; font-size: 12px; }

.DailyCancel                { padding-top: 5px; padding-bottom: 5px; }
.DailyCalendar              { border: solid 1px #CCCCCC; border-top: solid 1px White; }
.DailyCalendarHeader        { padding-top: 9px; padding-bottom: 7px; border-bottom: solid 1px #CCCCCC; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; font-family: Arial; font-size: 12px; color: #606060; font-weight: bold; text-align: center; vertical-align: middle; }


.HourCell                   { width: 70px; padding: 5px; text-align: right; vertical-align: top; font-family: Arial; font-size: 12px; color: #606060; font-weight: bold; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; vertical-align: top; }
.DayCell                    { width: 110px; text-align: right; vertical-align: top; font-family: Arial; font-size: 11px; color: #606060; border-left: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; vertical-align: top; }
.TitleCell                  { font-family: Arial; font-size: 12px; color: #606060; border-right: solid 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; vertical-align: top; }

.SelectButton               { font-family: Arial; font-size: 12px; color: #454545; padding: 3px; border: 1px solid #CCCCCC; border-bottom: 1px solid White; text-align: center; }
.SelectButton a             { color: #454545; text-decoration: none; }
.SelectButton a:hover       { color: #454545; text-decoration: none; }
.NonSelectButton            { font-family: Arial; font-size: 12px; color: White; padding: 3px; border-bottom: 1px solid #CCCCCC; background-color: #6C9FCE; text-align: center; }
.NonSelectButton a          { color: White; text-decoration: none; }
.NonSelectButton a:hover    { color: White; text-decoration: none; }

.SelectTitle                { font-family: Arial; font-size: 12px; color: #153B73; padding: 3px; font-weight: bold; border: 1px solid #CCCCCC; border-bottom: 1px solid White; text-align: center; }
.NonSelectTitle             { font-family: Arial; font-size: 12px; color: #FFFFFF; padding: 3px; font-weight: bold; border-bottom: 1px solid #CCCCCC; background-color: #153B73; text-align: center; cursor: pointer; }
.EdgeTitle                  { width: 5px; padding: 3px; border-bottom: 1px solid #CCCCCC; }
.SpacerTitle                { width: 1px; padding: 0px; border-bottom: 1px solid #CCCCCC; }

.PageFormPanel              { width: 970px; background-color: #F2F2F2; border: solid 1px #CDCDCD; margin: 5px 0px 10px 0px; }

/*--------------------------------------------------------------------------
Tab Menus

Author:			    Che de Bruin
Date:	        	08-15-2008
Description:		Clears Layouts used in default.css for administration
                    areas and pages
--------------------------------------------------------------------------*/

.TabMenuTitle               { width: 100%; font-family: Arial; font-size: 12px; color: #336699; border-right: none; position: relative; top: 1; z-index: 1; }
.TabMenuTitle td            { text-align: center; }

.NonSelectTab               { font-size: 12px; color: #9D9D9D; padding: 3px; background-color: #153B73; background-repeat: repeat-x; background-position: bottom; cursor: pointer; }
.SelectTab                  { font-size: 12px; color: #9D9D9D; padding: 3px; background-color: White; background-image: none; border: 1px solid #CCCCCC; border-bottom: 1px solid White; cursor: pointer; }
.EdgeTab                    { width: 5px; padding: 3px; border-bottom: 1px solid #CCCCCC; }

/*--------------------------------------------------------------------------
Print CSS

Author:			    Che de Bruin
Date:	        	07-23-2008
Description:		Print Layout for Site
--------------------------------------------------------------------------*/

@media print {
    
    html, body                  { cursor: auto; height: 100%; width: 100%; margin: 0px; padding: 0px; font-size: 10px; background-color: white; }

    .UserPanel                  { display: block; visibility: visible; color: Black; }
    .MainPanel                  { color: Black; }
    .HeaderNavigation           { display: none; visibility: hidden }
    .MenuPanel                  { display: none; visibility: hidden }
    .CookieCrumbs               { display: none; visibility: hidden }
    .FooterMenu                 { display: none; visibility: hidden }
    .FooterNavigation           { display: none; visibility: hidden }
    
    .PanelHeader                { vertical-align: middle; font-family: Arial; font-size: 14px; color: Black; border-bottom: solid 1px Black; }
    .PanelHeader div            { padding: 0px 0px 7px 0px; }
    
    .DataGrid			        { font-family: Arial; font-size: 12px;}
    .DataGridRow                { background-color: Transparent; }
    .DataGridCell               { padding: 5px; border-bottom: solid 1px #CCCCCC; border-right-style: hidden; font-family: Arial; font-size: 12px; vertical-align: top; }
    .DataGridHeader th          { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; border-left: solid 1px #B6CDE1; height: 28px; background-color: #153B73; }
    .DataGridHeader             { padding: 5px; height: 30px; font-family: Arial; font-size: 12px; border-left: solid 1px #B6CDE1; height: 28px; background-color: #153B73; }
    .DataGridSubHeader th   	{ padding: 5px; height: 30px; font-family: Arial; font-size: 12px; color: black; border: none; border-bottom: solid 1px #CCCCCC; }
    .DataGridSubHeader a   	    { font-family: Arial; font-size: 12px; color: #454545; }
    .DataGridHeader a	        { font-size: 12px; color: #FFFFFF; text-decoration: none; }
    .DataGridHeader a:hover     { text-decoration: underline }
    .DataGridPager td	        { padding: 5px 2px 5px 0px; font-family: Arial; font-size: 12px; text-align: left; text-decoration: none; }
    
}