* { -moz-box-sizing: border-box; } html, body { cursor: auto; height: 100%; width: 100%; margin: 0px; padding: 0px; font-size: 12px; font-family: Arial; color: #565656; background-color: #FFFFFF; background-image:url("../../images/background/background.jpg"); background-attachment: fixed; background-repeat: repeat-x; background-position: center bottom; } form { padding: 0px; margin: 0px; } /*--------------------------------------------------------------------------------------------- Header Panel Description: Controls the header panel of the entire website. This will be broken up into 2 seperate headers. The main header as well as the sub-page headers ---------------------------------------------------------------------------------------------*/ .HeaderPanel { padding: 0px 0px 0px 0px; display: inline-block; background-image: url('../../images/background/header.png'); background-repeat: repeat-y; background-position: top; } .HeaderPanel /*FF*/ { text-align: -moz-center; } .HeaderContentPanel { width: 970px; color: #565656; text-align: left; margin: 0px 0px 10px 0px } .MenuPanel { width: 970px; margin: 0px 0px 0px 0px; background-image: url('../../images/background/page.png'); } .MenuContentPanel { text-align: left; margin: 0px 5px 0px 5px; } .MenuImageHolder { float: left; display: inline-table; padding: 0px; margin: 0px; } .MenuImageHolder img { padding: 0px; margin: 0px; } .NavPanelSelected { float: left; cursor: pointer; margin: 0px 0px 0px 0px; background-image: url('../../images/background/menu.png'); } .NavPanelSelected div { float: left; padding: 10px 10px 10px 10px; text-align: left; } .NavPanelSelected a { color: #565656; text-decoration: none; font-family: Calibri; font-size: 18px; } .NavPanel { float: left; cursor: pointer; margin: 0px 0px 0px 0px } .NavPanel div { float: left; padding: 10px 10px 10px 10px; text-align: left; } .NavPanel a { color: #565656; text-decoration: none; font-family: Calibri; font-size: 18px; } .SubMenuPanel { width: 960px; display: inline-block; margin: 0px 0px 0px 0px; background-image: url('../../images/background/menu.png'); } .SubNavPanel { float: left; cursor: pointer; margin: 10px 2px 0px 0px } .SubNavPanel div { float: left; padding: 0px 10px 10px 10px; text-align: left; } .SubNavPanel a { color: #565656; text-decoration: none; font-family: Calibri; font-size: 15px; } .CrumbPanel { width: 970px; padding: 0px 0px 0px 10px; position: relative; height: 28px; padding-top: 8px; text-align: left; z-index: 1; background-image: url('../../images/background/page.png'); } .CrumbPanel a { color: #565656; text-decoration: none; font-family: Calibri; font-size: 15px; } /*--------------------------------------------------------------------------------------------- Page Panel Description: Controls the page panel for various part of the site. ---------------------------------------------------------------------------------------------*/ .IntroPanel { background-image: url('../../images/background/intropanel.png'); z-index: 12; } .IntroPanel h1 { font-family: Calibri; font-size: 28px; font-weight: normal; } .IntroPanel h2 { font-family: Calibri; font-size: 20px; font-weight: normal; } .IntroPanel h3 { font-family: Calibri; font-size: 16px; font-weight: normal; } .IntroPanel h4 { font-family: Calibri; font-size: 14px; font-weight: normal; } .IntroPanel h5 { font-family: Calibri; font-size: 20px; font-weight: normal; margin: 15px 0px 0px 0px; } .ContentPanel { padding: 0px 0px 0px 0px; display: inline-block; font-family: Calibri; font-size: 15px; font-weight: normal; background-image: url('../../images/background/page.png'); } .ContentPanel h1 { font-family: Calibri; font-size: 28px; font-weight: normal; } .ContentPanel h2 { font-family: Calibri; font-size: 20px; font-weight: normal; } .ContentPanel h3 { font-family: Calibri; font-size: 16px; font-weight: normal; } .ContentPanel h4 { font-family: Calibri; font-size: 14px; font-weight: normal; } .ContentPanel h5 { font-family: Calibri; font-size: 20px; font-weight: normal; margin: 15px 0px 0px 0px; } .ContentPanel a { font-family: Calibri; font-weight: normal; color: #0033CC; } .RightPanel { margin: 20px 5px 0px 0px; float: right; position: relative; } .RightPanel h2 { margin: 20px 0px 10px 10px; font-family: Calibri; font-size: 20px; font-weight: normal; } .LeftPanel { margin: 20px 0px 0px 0px; float: left; position: relative; } .ViewTabPanel { background-image: url('../../images/background/tab.png'); } .SignupPanel { background-image:url("../../images/background/panel.png"); background-repeat: no-repeat; background-position: bottom; } .SignupPanel h2 { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; } .SignupPanel h3 { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .SignupPanel h4 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .SignupPanel h5 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 12px; font-weight: normal; } .SignupPanel a { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; } .AdminLoginPanel { background-color: #FFFFFF; background-image:url("../../images/background/panelmedium.jpg"); background-repeat: no-repeat; background-position: bottom; } .AdminLoginPanel h2 { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; } .AdminLoginPanel h3 { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .AdminLoginPanel h4 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .AdminLoginPanel h5 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 12px; font-weight: normal; } .AdminLoginPanel a { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; } .EmailPanel { } .EmailPanel h2 { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; } .EmailPanel h3 { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .EmailPanel h4 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .EmailPanel a { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; } .LMSPanel { background-color: #FFFFFF; background-image:url("../../images/background/lmspanel.jpg"); background-repeat: no-repeat; background-position: bottom; } .LMSPanel h2 { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; } .LMSPanel h3 { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .LMSPanel h4 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .LMSPanel a { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; } .PasswordPanel { background-color: #FFFFFF; background-image:url("../../images/background/panelmedium.jpg"); background-repeat: no-repeat; background-position: bottom; } .PasswordPanel h2 { padding: 0px 0px 10px 0px; margin: 0px; font-family: Calibri; font-size: 20px; } .PasswordPanel h3 { margin: 0px 0px 10px 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .PasswordPanel h4 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .PasswordPanel a { font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; } .LeadershipPanel { padding: 0px 0px 0px 10px; } .LeadershipPanel h2 { padding: 0px 0px 0px 0px; margin: 0px; font-family: Calibri; font-size: 20px; } .LeadershipPanel h3 { padding: 10px 0px 0px 0px; margin: 0px; font-family: Calibri; font-size: 14px; } .LeadershipPanel h4 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; } .LeadershipPanel h5 { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; font-style: italic; } .LeadershipPanel a { padding: 0px; margin: 0px; font-family: Calibri; font-size: 14px; font-weight: normal; color: #0033CC; } /*--------------------------------------------------------------------------------------------- News Panel Description: Controls the news panel for various part of the site. ---------------------------------------------------------------------------------------------*/ .NewsPanel { background-image: url('../../images/background/newspanel.png'); z-index: 12; position: relative; margin: -5px 0px 0px 0px; } .NewsPanelBackground { position: relative; margin: -55px 0px 0px 0px; font-size: 12px; font-family: Arial; color: White; background-image: url('../../images/background/news.png'); z-index: 10; } .NewsBannerPanel { overflow: hidden; background-image: url('../../images/background/clippanel.jpg'); z-index: 14; } .ImageHolder { padding: 10px 0px 5px 10px; float: left; cursor: pointer; } .ImageHolder h2 { margin: 0px; padding: 0px; font-size: 14px; color: White; font-weight: bold; } .ButtonLabel { position: relative; display: block; width: 102px; height: 24px; margin-top: 10px; padding-top: 4px; background-image: url('../../images/background/button.png'); background-repeat: no-repeat; text-align: center; } /*--------------------------------------------------------------------------------------------- Footer Panel Description: ---------------------------------------------------------------------------------------------*/ .FooterPanel { padding: 0px; background-image: url('../../images/background/page.png'); text-align: center; } .FooterInformation { padding: 20px 0px 20px 0px; color: #565656; text-align: left; background-image: url('../../images/background/page.png'); } .FooterInformation a { color: #565656; text-decoration: none; } .FooterInformation a:hover { text-decoration: underline; } .FooterDividerPanel { float: left; width: 240px; height: 200px; padding-left: 5px; margin-right: 10px; border-right: solid 1px #565656; } .FooterDividerPanel h1 { padding: 0px; margin: 0px; font-size: 18px; font-weight: normal; } .FooterDividerPanel h2 { padding: 0px; margin: 10px 0px 10px 0px; font-size: 14px; font-weight: normal; } .FooterDividerPanel h3 { padding: 0px; margin: 0px 0px 0px 0px; font-size: 12px; font-weight: normal; } .FooterDividerPanel h4 { padding: 0px; margin: 0px; font-size: 20px; font-weight: bold; } .FooterDividerPanel h5 { padding: 0px; margin: 0px; font-size: 10px; font-style: italic; font-weight: normal; } .FooterDividerPanel div { padding: 5px; } .CopyRightPanel { padding: 0px; background-image: url('../../images/background/page.png'); text-align: center; } .CopyRightInformation { padding: 20px 20px 20px 20px; background-image: url('../../images/background/page.png'); color: #565656; text-align: left; } /*--------------------------------------------------------------------------------------------- Tab Menus Author: Che de Bruin Date: 07-25-2008 Description: ---------------------------------------------------------------------------------------------*/ .TabMenuTitle { width: 100%; font-family: Calibri; font-size: 12px; color: #336699; border-right: none; position: relative; top: 1; z-index: 1; } .TabMenuTitle td { text-align: center; } .NonSelectTab { float: left; width: 150px; height: 25px; font-size: 14px; color: #565656; cursor: pointer; text-align: center; } .NonSelectTab a { color: #565656; background-image: none; } .SelectTab { float: left; width: 150px; height: 25px; font-size: 14px; color: #565656; background-image: url('../../images/background/tab.png'); cursor: pointer; text-align: center; } .SelectTab a { color: #565656; background-image: none; } .EdgeTab { width: 5px; padding: 3px; border-bottom: 1px solid #CCCCCC; } /*--------------------------------------------------------------------------------------------- Error Panel Description: ---------------------------------------------------------------------------------------------*/ .ErrorIcon { position: absolute; margin-left: -15px; margin-top: -10px; } .ErrorMessage { padding: 0px 0px 10px 0px; margin: 0px; color: Red; font-size: 14px; } .StartLMSPicks { clear: both; float: left; width: 200px; } .MiddleLMSPicks { float: left; width: 200px; } /*--------------------------------------------------------------------------------------------- Monthly Calendar Description: ---------------------------------------------------------------------------------------------*/ .MonthlyCalendar { border: solid 1px #565656; } .CalendarHeader { height: 30px; font-family: Calibri; font-size: 14px; font-weight: bold; vertical-align: middle; background-color: Transparent; } .CalendarDate { padding: 3px; font-family: Calibri; font-size: 14px; } .CalendarDateData { padding-left: 3px; font-family: Calibri; font-size: 14px; color: #565656 } .CalendarDateDesc { width: 200px; margin-left: -35px; margin-top: -20px; position: absolute; } #CalendarDateText { width: 200px; font-family: Calibri; font-size: 14px; color: White; background-image: url('../../images/background/calendar.png'); }