/* Generic TAG definitions used everywhere */ /***********************************************/ /* HTML tag styles */ /***********************************************/ @font-face { font-family: 'Sailec W00'; src: url('/resources/font/Sailec_Family/Alternative_files/Sailec.ttf'); } html { height:100%; font-family: 'Sailec W00', sans-serif; background:#FFFFFF; /* url("/images/tile.gif"); */ } body{ font-family: 'Sailec W00', sans-serif; } /* special body for main page, whole screen */ #pagebody { height:75px;background-repeat: repeat-x; } #main { padding-top: 4px; } /* from left of navbar to right of calendar squib */ #container { //width:1000px; margin:0 auto; background:white; border-top:none; overflow:visible; } #container ul { margin-top:.6em; } /* for all the li on the home page */ #container li { margin-bottom: .5em; } #footer { clear: both; padding-top: 8px; } .footertext { border-top-width: 1px; border-top-style: solid; border-top-color: #666666; margin-left: 190px; font-size: 80%; padding-top: 5px; //width: 610px; } #masthead { //width:1000px; background-color: rgb(0,130,187);} #mastLeft { float:left; } #mastCenter { float:right; } #mastCenterLeft { float:left; } #mastCenterRight { //width:200px; //margin-top:8px; float:right; } .animationBan{ padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 50px; margin: 0; height: 90px; //width: 610px; } #flashnote{ /* for the Flash animation info */ padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 3px; color: #000000; } #flashnote table{ /* for the Flash animation info */ //width: 180px; font-size: 100%; } /* navbar floats left inside container, content wrapper floats right inside container, except on home page */ #navbar { /* for the left nav block */ float: left; //width: 170px; overflow: hidden; margin-top: 0px; margin-left: 0px; background-color:white; } /* background-color: rgb(0,131,187); } */ /* ie needed to make it fixed (big) height or otherwise the sidebar can't "grow" the content area */ /* float right so containers 1002 pixels allow 2 pixel column between navbar and contentWrapper */ #contentWrapper { width: 950px; //float: right; overflow: hidden; } /* between right edge of navbar and left edge of calendar squibs , check rightcolumn #content { float: left; //width: 630px; } */ /* content when no squib, from right edge of nav bar to right edge of screen */ #innercontent { //float: left; //width: 1000px; //overflow:hidden; } #content ul { margin-bottom:4em; } /* top, right, bottom, and left */ #contenttext { padding: 0em 0em 4em 20px; } #contenttext p { margin-top:0px; width: 100%; } #section td{ } #innercontenttext { padding: 0em 0em 1em 0px; /* top bottom right left */ } #innercontenttext p { margin-top:0px; width: 100%; } .contentHeader { padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; font-weight: bold; color: #003399; font-size: 80%; } .contentTitle { font-weight: bold; color: #0066CC; font-size: 110%; } A:link { COLOR: #4052FE; TEXT-DECORATION: none } A:visited { COLOR: #4052FE; TEXT-DECORATION: none } A:active { COLOR: #cc3333; TEXT-DECORATION: underline } A:hover { COLOR: #cc3333; TEXT-DECORATION: underline } A:link.calendarLink { COLOR: #FFFFFF; TEXT-DECORATION: none } H1 {color:#666; font-family:Verdana, Arial, sans-serif; font-size: 18px;} H2 {color:#516E99; font-family:Verdana, Arial, sans-serif; font-size: 14px;} H3 {color:#888; font-family:Verdana, Arial, sans-serif; font-size: 14px;} /* This is for printing support */ #base_report_body {position: absolute; left:0; top: 0; right: 0; background: white; font-size: 9pt; color: black; } /* For superscript using CSS because vertical-align:supper is not reliable in all browsers */ .superscript { font-size: 60%; position: relative; top: -0.5em; } /* directory.php definitions */ .dirIndexTab { font-size: 12pt; font-weight: bold; padding: 2px;} .dirClassGradeHeader { height: 24; font-size: 12pt; font-weight: bold; text-align: center; } .dirClassHeader { height: 24; font-size: 10pt; font-weight: bold; text-align: center;} .dirClassContainer { background: white;} /*#e0e0e0}*/ .dirClassEntry { height: 170; font-size: 10pt; font-weight: bold; text-align: center; line-height: 13px;} .dirLastName { font-size: 10pt; font-weight: bold;} .dirFirstName { font-size: 10pt; } .dirFamilyName { font-size: 10pt; } .dirAddress { font-size: 10pt; } .dirEmail { font-size: 10pt; } .dirPhone { font-size: 10pt; } .dirAttritionsLink { height: 24; font-size: 8pt; font-weight: bold; text-align: center; } /* person.php */ .personcardname { font-size: 90%; font-weight: bold; } .personcard { font-size: 80%; } /* blog files */ .blogDirectoryTitle { height: 24; font-size: 14pt; font-weight: bold;} .blogContainer { font-family: 'helvetica'; width: 100%; } .blogHeader { background:rgb(206,235,243); width: 100%; } .blogTitle { height: 24; font-size: 14pt; font-weight: bold; } .blogDescription { font-size: 10pt; font-weight: normal } .blogPost { background: rgb(206,235,243); margin-top: 20; width: 100%; padding: 4px } .blogPostDraft { background: #E0C040; margin-top: 20; width: 100%; padding: 1px } .blogPostTitle { font-size: 12pt; } .blogPostPoster { font-size: 10pt; font-weight: normal; } .blogPostTime { font-size: 9pt; font-weight: normal; font-style: italic; } .blogPostBody { background: #ffffff; font-size: 10pt; font-weight: normal; padding: 3px} .blogPostBodySpecial { background: #ffffff; font-size:10pt; font-weight:normal; padding 4px} .blogPostCommand { font-size: 10pt; font-weight: normal; } .blogComment { margin-top: 8; width: 80%; background-color: #e0e0e0;} .blogPhotoComment { margin-left: 2; margin-right: 10; margin-top: 2; width: 70% } .blogCommentPoster { font-size: 9pt; font-weight: normal; font-style: italic; } .blogCommentTime { font-size: 8pt; font-weight: normal; font-style: italic; } .blogCommentBody { font-size: 10pt; font-weight: normal; padding: 3px;} .blogDirHeader { height: 24; font-size: 12pt; font-weight: bold; width: 100%; background: #c0c0c0; margin-top: 12px; margin-bottom: 8px; } .blogDirTitle { height: 24; font-size: 10pt; font-weight: bold; } .blogDirDescription { font-size: 9pt; font-weight: normal } .expandedBlogDirectory {background: #e0e0e0;} .blogCloseup { margin-top: 20; margin-bottom: 20; width: 100% } .blogCloseupBody { } .blogSettingsLabel { width: 120; font-size: 10pt; font-weight: bold; font-style: italic; } .blogSettingsExplanation { font-size: 8pt; font-weight: normal; font-style: italic; } /* search.php */ .searchResultsHeader {font-size: 100%; font-weight: bold; width: 100%; margin-top: 8px; margin-bottom: 4px; padding: 1px;} .searchHeader {font-size: 100%; font-weight: bold; width: 100%; background: #c0c0c0; margin-top: 8px; margin-bottom: 4px; padding: 1px;} .searchHit {font-size: 100%; margin-left: 20px; margin-bottom: 0;} .searchHitTitle {font-weight: bold; margin-bottom: 0;} .searchHitSubTitle {margin-left: 30px; margin-top: 0px; margin-bottom: 10px;} .searchHitBody {margin-left: 60px;} .searchSubHit {font-size: 90%; margin-bottom: 8px; margin-left: 40px } .searchHitEtc {font-size: 90%; margin-top: 8px; margin-left: 20px; margin-bottom: 15px;} .searchHighlight {background: #FFFF80;} /* general reduction of tables -- this hits a LOT, of course td { font-size: 80%; } */ /* secondary navigation inside the window, subtitle and nav bar */ .subnavTopBar { background: #CCCCCC; /* rgb(206,235,243); rgb(206,235,243)rgb(195,213,227); */ width: 100%; padding-top: 1px; padding-bottom: 3px; color:#fff; } .subnavTitle { height: 24; font-size: 12pt; font-weight: bold; } .subnavSubtitle { font-size: 10pt; font-weight: normal } .subnavTopBarAlt { background: #E0C040; width: 100%; padding-top: 1px; padding-bottom: 3px; } .subnavSubtitle a{ color: #fff; } /* volunteer.php */ .emph2 { font-weight: bold; font-size: 80%; } /* embedded iframe stuff for hosting external sites like web mail -- see proxy.php */ #iframecontent { border:0; position: absolute; left: 0; top: 0; height: 1500px; right: 0px; overflow: hidden;} /* admin/editperson etc. */ .profileHeader { background: rgb(206,235,243); font-size: 10pt; font-weight: bold; width: 100%; height: 24px; padding-left: 8px; padding-top: 2px;} .profileNotes { font-size: 8pt; } .profileBlock {background: white; /*#e0e0e0;*/ padding: 8px;} /* home page blocks for different functions -- used in ALL home/homeXXX.php files */ /* homeBlock used on home page contains div_**.php files and is 414 pixels wide (400+14 padding) */ .homeColumnLeft { padding: 15px 15px; width:100%; float:left; } .homeColumnRight { padding: 15px 15px; width:100%; /* float:right; */ } .homeBlock { margin-bottom: 8px; width:100%; float:left; } /* background: #F0F4F6;*/ .homeBlockTitle {background:#e3e3e3;color:#0028BC; font-size: 18px; font-weight:600; padding:4px; } .homeBlockFull { width:100%; float:left; margin-bottom:8px } /* generic button defs used everywhere, bold is an ARE YOU SURE type, secondary is smaller than usual */ .button { } .buttonBold { font-weight: bold; background-color: #F0E080; color: red; } .buttonSecondary { font-size: 80%; } /* calendar.php, daily.php, etc. */ UL.cal { PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 8px; PADDING-TOP: 0px } LI.cal { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 2px 0px; PADDING-TOP: 1px } LI.hw_due { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 2px 0px; PADDING-TOP: 1px; list-style-type: square; color: red } /* list-style-image: url('/images/greenTick.gif'); */ LI.hw_remind { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 2px 0px; PADDING-TOP: 1px; list-style-type: square; color: gold } LI.hw_post { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; MARGIN: 2px 0px; PADDING-TOP: 1px; list-style-type: square; color: lime } /* generic stuff used everywhere */ .errorMessage { font-size: 10pt; font-weight: bold; color: red; padding: 2px;} .errorFYI { font-size: 10pt; font-weight: bold; padding: 2px;} .errorBackground { background: yellow; } .genericTitle { height: 24; font-size: 12pt; font-weight: bold; } .genericAlertTitle { height: 24; font-size: 12pt; font-weight: bold; color: red } .genericSubtitle { font-size: 10pt; font-weight: normal } .genericBlockTitle { font-size: 10pt; font-weight: bold; background: #F3F3AA; width: 100%; padding-top: 1px; padding-bottom: 3px; } .genericBlock {background: white; /* #e0e0e0;*/ padding: 8px;} .genericGrayBlock {background:#e0e0e0; padding: 8px; border: 2px solid gray;} .genericBlockPadded {background: #e0e0e0; padding: 4px;} .genericBlockAlt{background: #e0e0e0; padding:8px; border: 2px solid darkgray;} .genericAnnotation { font-size: 8pt; font-weight: normal } .genericComment { font-size: 9pt; font-weight: normal } .genericNotice {border: 2px solid red; background: #E0E0E0; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;} .genericFYI { background: #9edaed; margin-left: 30px; padding-left: 10px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;} .genericFYI2 { background: #9edaed; padding-left: 30px; padding-right: 10px; padding-top: 8px; padding-bottom: 8px;} .genericWhiteFYI {border: 2px solid black; background: white; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;} .genericNew { background-image: url(images/new.gif); padding-left: 30px; background-repeat: no-repeat } .genericNewUL { list-Style-Image: url(images/new.gif); } .genericRowEven{ background: #FFFFFF;} .genericRowOdd { background: #EEEEEE;} .genericFyiSubSub {border: 2px solid yellow; background: lightyellow; padding-left:12px; padding-right: 12px; padding-top: 8px; padding-bottom: 2px;} /*Attendance*/ .attendanceSummaryHeader { background: #4A7756; width: 100%; font-size: 12pt; font-weight: bold; text-align: center; color: white; padding-top: 18px; padding-bottom:1px; } .attendanceSummarySubNav { background: #4A7756; width: 100%; font-size: 12pt; font-weight: bold; text-align: center; color: white; padding-top: 0px; padding-bottom:18px; } .attendanceHeader { background:rgb(14,74,103); /* #4A7756; */ width: 100%; font-size: 12pt; font-weight: bold; text-align: center; color: white; padding-top:8px; padding-bottom:8px; } .attendanceSubNav { background:lightgray; /*#D8E6BF;*/ width: 100%; font-size:11pt; text-align:center; padding-top:12px; padding-bottom:4px; } .attendanceStudentHistorySubNav { background:lightgray; /*#D8E6BF;*/ width:100%; font-size:11pt; text-align:center; padding-top:12px; padding-bottom:1px; } .attendanceFutureSubNav { background:lightgray; /*#D8E6BF;*/ width: 100%; font-size:11pt; text-align:left; padding-top:12px; padding-bottom:16px; padding-left:16px;} .attendanceStudentSummaryHeader { background: rgb(14,74,103); /*#4A7756;*/ width: 100%; font-size: 12pt; font-weight: bold; text-align: left; color: white; padding-top: 18px; padding-bottom:8px; padding-left:8px} /* Book Fair */ .bookFairHeader { width:680px; background:lightgray; font-size: 12pt; text-align: center; color: black; padding: 6px; } .bookFairDayTotal { width:680px; background: #4A7756; color:white; padding:6px; text-align:center; font-weight:bold;} /* calendar */ .calendarDay {background-color: rgb(255,255,255); /*#D8E6BF;*/ padding: 2px; border-top: 1pt solid black; border-left: 1pt solid black; border-right: 1pt solid gray} .calendarDayExtra {background-color: rgb(255,255,255); /*#D8E6BF;*/ padding: 2px; border-left: 1pt solid black; border-right: 1pt solid gray; } .calendarToday {background-color: #D0F300; /*#EDF5D7;*/ padding: 2px; border-top: 1pt solid black; border-left: 1pt solid black; border-right: 1pt solid gray} .calendarTodayExtra {background-color: #D0F300; /*#EDF5D7;*/ padding: 2px; border-left: 1pt solid black; border-right: 1pt solid gray} .calendarNoSchool {background-color: #F0F4F6; /*#efdfb0;*/ padding: 2px; border-top: 1pt solid black; border-left: 1pt solid black; border-right: 1pt solid gray} .calendarNoSchoolExtra {background-color: #F0F4F6; /*#efdfb0;*/ padding: 2px; border-left: 1pt solid black; border-right: 1pt solid gray} .calendarDayTitle {text-align: center; font-size: 120%; font-weight: bold;} .calendarDayNumber {text-align: center; font-size: 11pt; font-weight: bold; color: black; } .calendarColumnTitle {background-color: #0000CD; /*#9EC24D;*/ color:white; padding: 2px; text-align: center; font-size: 90%; font-weight: bold;} .dailyDayTitle {font-size: 100%; font-weight: bold;} /* class edit */ .editSlotBlock1 { border: 1px solid #F3F3AA; font-size: 10pt; font-weight: bold; background: #F3F3AA; padding-top: 8px; padding-bottom: 8px; padding-right:8px; padding-left:8px; } .editSlotSpacer1 {font-size: .5pt; background: #F3F3AA; padding-left:0px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px;} .editSlotSpacer2 {font-size: .5pt; background: lightyellow; padding-left:0px; padding-right: 0px; padding-top: 1px; padding-bottom: 1px;} .editSlotCommands {padding-bottom:2px; padding-left:4px;} /* parent teacher conferences */ .conferenceMissing {border: 0px solid red; background: white; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;} .conferenceDayHeader { border: 1px solid white; font-size: 10pt; font-weight: bold; color: white; background: dimgray; padding-top: 8px; padding-bottom: 8px; padding-right:8px; padding-left:8px; } .conferenceHouseholdSchedule { background: lightblue; border: 1px solid white; font-size: 10.5pt; font-weight: bold; color: black; padding-top: 4px; padding-bottom: 8px; padding-right:8px; padding-left:8px; } .conferenceDayHeader select {color:#555;} .conferenceStudentAlt { font-size: 10pt; color: black; border-right: 1px solid white; background: lemonchiffon; padding-left:4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;} .conferenceStudent{ font-size: 10pt;color: darkblue; border-right: 1px solid white; background: lightblue; padding-left:4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;} .conferenceTeacher {font-size: 10pt; border-right: 2px solid white; background: #E0E0E0; color: #303030; padding-left:4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;} .conferenceTeacherName { color:black; font-style:italic;} .conferenceSelectedSlotAlt { font-size: 8pt; font-weight: bold; color:black; border: 2px solid black; background: khaki; padding-left:4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px;} .conferenceSelectedSlot { font-size: 8pt; font-weight: bold; color:darkblue; border: 2px solid blue; background: lightblue; padding-left:4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px;} .conferenceUnselectedSlotAlt {font-size: 8pt; background: ivory; border-right: 1px solid white; padding-left:4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px;} .conferenceUnselectedSlot {font-size: 8pt; background: lightcyan; border-right: 1px solid white; padding-left:4px; padding-right: 4px; padding-top: 2px; padding-bottom: 2px;} .conferenceSpacerSlot {font-size: 1pt; background: lightyellow; padding-left:4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px;} .conferenceChangeMessage {border: 2px solid yellow; background: yellow; font-size: 11pt; font-weight:bold; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;} .conferenceReplaceMessage {font-size: 11pt; font-style:italic; font-weight:bold;} .conferenceAddMessage {font-size: 11pt; font-style:italic; font-weight:bold;} .conferenceDropMessage {font-size: 11pt; font-style:italic; font-weight:bold;} .conferenceDropDetail { color: darkgreen; } .conferenceAddDetail { color: darkgreen; } .conferenceReplaceDetail { color: darkgreen; } .conferencePreferenceTitle { border: 1px solid gold; /*#F3F3AA;*/ font-size: 10pt; font-weight: bold; background: lightyellow; /*#F3F3AA;*/ padding-top: 14px; padding-bottom: 12px; padding-right:8px; padding-left:8px; } .conferencePreferenceHeader { font-weight:bold; width:99%; border: 2px solid white; background: white; padding-left:4px; padding-right: 0px; padding-top: 4px; padding-bottom: 4px;} .conferencePreferenceBody { font-weight:normal; width:100%; border: 0px solid darkgray; background: #E0E0E0; padding-left:0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;} .conferencePreferenceBodyAlt { font-weight:normal; width:100%; border: 0px solid darkgray; background: #F6F6F6; padding-left:0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;} .conferencePreferenceDaysBody { font-weight:normal; width:100%; border: 1px solid darkgray; background: #E0E0E0; padding-left:0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;} .conferencePreferenceButtons{ font-weight:bold; width:99%; border: 2px solid white; background: white; padding-left:4px; padding-right: 0px; padding-top: 8px; padding-bottom: 8px;} .conferenceTeacherDetailTitle { border: 1px solid darkgray; /*#F3F3AA;*/ text-align:center; font-size: 12pt; font-weight: bold; background: lightyellow; /*rgb(232,232,232);#F3F3AA;*/ padding-top: 14px; padding-bottom: 12px; padding-right:8px; padding-left:8px; } .conferenceAdminBody { font-weight:bold; width:100%; border: 1px solid darkgray; background: #E0E0E0; padding-left:8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px;} .conferenceAdminOption { font-weight:bold; width:100%; border: 0px solid darkgray; background: #E0E0E0; padding-left:0px; padding-right: 0px; padding-top: 4px; padding-bottom: 4px;} .conferenceAdminHeader { background: #4A7756; border: 1px solid white; font-size: 10pt; font-weight: bold; color: white; padding-top: 4px; padding-bottom: 8px; padding-right:8px; padding-left:8px; } .conferenceAdminHandle {border: 2px solid gold; background: lightyellow; padding-left: 16px; padding-right: 16px; padding-top: 8px; padding-bottom: 8px;} .conferenceAdminButtons { font-weight:bold; width:99%; border: 2px solid white; background: white; padding-left:0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;} .conferenceAdminOptionLite { font-weight:normal; width:100%; border: 0px solid darkgray; background: #E0E0E0; padding-left:0px; padding-right: 0px; padding-top: 4px; padding-bottom: 4px;} .conferenceReportRow { border:1px solid #484848;} /* contact sheet for photo blogs */ .contactContainer { font-family: 'helvetica'; width: 100%; background: #202030; } .contactHeader { background: #101020; width: 100%; color: #D8E6BF; margin-left: 8px} .contactTitle { height: 24; font-size: 14pt; font-weight: bold;} .contactDescription { font-size: 10pt; font-weight: normal; color: #4052FE } /* fiscal code -- ledger/history.php, hotlunch_history.php */ .ledgerDetail {font-size: 8pt; font-weight: normal;} /* hot lunch */ .hotlunch {font-size:10pt; font-weight:normal; color:black} /* Academic term and class edits)*/ .academic_term_edit_container { background: #e0e0e0; padding: 8px;} .academic_term_line {width:880px; float:left; margin:3px; padding:4px;} .academic_term_label { padding-left: 4px; margin-left:4px; display: inline-block; width: 110px} .academic_date_label { display: inline-block; width: 140px} .academic_term_input { ;} .academic_term_submit {display: inline-block; padding:8px; margin-left:200px;} .academic_term_student_no_edit_list { background:white; padding-bottom:8px} /* dbf fields library */ .dbfInput {margin-right: 16px;} .dbfInputError {margin-right: 16px; background: yellow; background-position: center right;background-repeat: no-repeat; background-image: url(/orgs/nueva/images/redstar.jpg);} .dbfErrorPanel {padding-left: 16px; padding-right: 8px; margin-left: 32px; margin-right: 32px; margin-top: 8px; margin-bottom: 8px; border: 2px solid red; background: yellow; background-position: top left;background-repeat: no-repeat; background-image: url(/orgs/nueva/images/redstar.jpg);} #dbfAJAXErrorPanel {display: none; position: absolute; top: 20; left: 600; width: 300; height: 100; padding-left: 16px; padding-right: 8px; margin-left: 32px; margin-right: 32px; margin-top: 8px; margin-bottom: 8px; border: 2px solid red; background: yellow; background-position: top left;background-repeat: no-repeat; background-image: url(/orgs/nueva/images/redstar.jpg);} /* many email files such as email/genericEmail.php */ .emailBlock {margin-top: 4px; border: 1px solid black; background: #e0e0e0; padding: 8px;} .emailHeader{ text-align:center; color:black; font-size:16px; font-weight:bold; background: rgb(206,235,243);/*#D8E6BF;*/ padding:4px;} /* The balance of this file is OLD nav bar Navigation-related CSS definitions */ #navbar ul { list-style: none; margin: 0; padding: 0; border: none; } #navbar li { margin: 0; padding: 0; font-size: 85%; } /* .navSubAuth, .navSubAuthCurrent, .navAuth, .navAuthCurrent {background-color:rgb(206,235,243)}; */ /* link only */ a.navAuth:link, a.navAuth:visited { display: block; padding: 5px; border-left: 6px solid rgb(255,255,255); border-bottom: 1px solid #ffffff; text-decoration: none; font-weight:bold; color: rgb(127,120,163); background-color: rgb(255,255,255) ; } /*rgb(242,242,242)background-color: rgb(0,131,187)*/ a.navAuth:hover { border-left: 6px solid rgb(255,255,255); background-color: rgb(206,235,243); font-weight:bold; display: block; } a.navAuthCurrent:link, a.navAuthCurrent:visited { display: block; padding: 5px; border-left: 6px solid rgb(255,255,255); border-bottom: 1px solid rgb(255,255,255); text-decoration: none; font-weight: bold; background-color: rgb(195,212,226); color:rgb(127,120,163);} /* rgb(96,96,96) */ a.navAuthCurrent:hover { border-left: 6px solid rgb(255,255,255); background-color: rgb(206,235,243); display: block; } a.navSubAuth:link, a.navSubAuth:visited { display: block; padding: 5px; padding-left: 25px; border-left: 6px solid rgb(255,255,255); border-bottom: 1px solid #ffffff; text-decoration: none; font-weight:bold; background-color:rgb(255,255,255); /*rgb(230,230,230); rgb(212,241,249); */ color:rgb(127,120,163); } a.navSubAuth:hover { border-left: 6px solid rgb(255,255,255); background-color: rgb(206,235,243); font-weight:bold; display: block; } /*left nav 2nd level current tab*/ a.navSubAuthCurrent:link, a.navSubAuthCurrent:visited { display: block; padding: 5px; padding-left: 25px; border-left: 6px solid #ffffff; text-decoration: none; font-weight:bold; background-color: rgb(206,235,243); border-bottom: 1px solid #ffffff; color: rgb(70,90,101); } a.navSubAuthCurrent:hover { border-left: 6px solid #ffffff; background-color: rgb(206,235,243); display: block; font-weight:bold; color:rgb(70.90.101);} a.navSubPublic:link, a.navSubPublic:visited { display: block; padding: 5px; padding-left: 25px; border-left: 6px solid rgb(220,231,171); text-decoration: none; background-color: rgb(220,231,171); border-bottom: 1px solid #ffffff; color: #8aa843; } a.navSubPublic:hover { border-left: 6px solid #9EC24D; background-color: #EFF5DE; display: block; } a.navPublicCurrent:link, a.navPublicCurrent:visited { display: block; padding: 5px; padding-left: 15px; border-left: 6px solid #9EC24D; text-decoration: none; background-color: rgb(220,231,171); border-bottom: 1px solid #ffffff; color: #8aa843; } a.navPublicCurrent:hover { border-left: 6px solid #9EC24D; background-color: rgb(220,231,171); display: block; } a.navSubPublicCurrent:link, a.navSubPublicCurrent:visited { display: block; padding: 5px; padding-left: 25px; border-left: 6px solid #9EC24D; text-decoration: none; background-color: #EFF5DE; border-bottom: 1px solid #ffffff; color: #8aa843;} a.navSubPublicCurrent:hover { border-left: 6px solid #9EC24D; display: block; } /* */ /* login in/out block, part of the nav */ /* */ .login { font-size: 80%; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; width: 160px; background-color: rgb(255,255,255); /* rgb(242,242,242) */ border-top-width: 2px; border-top-style: solid; border-top-color: #FFFFFF; border-right-color: #FFFFFF; border-bottom-color: #FFFFFF; border-left-color: #FFFFFF; border-left: 6px solid rgb(255,255,255); color:rgb(127,120,163); /* rgb(96,96,96) */ } .login a { color: rgb(127,120,163); /*96,96,96);*/ } #navcomments { font-size: 85%; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; padding-right: 10px; background-color:darkgray; color:white; } #searchbox { width: 210; background: #F3F3AA; } /* this is calendar squib column */ #rightcolumn { float: right;width: 200px; background-color: #E9E9FF; } .rightcolHeader { padding-bottom: 8px; font-weight: bold; color: white; } .spotlightTitle { font-size: 110%; color: #990000; margin-bottom: 3px; } .spotlightTitleInside { font-size: 120%; font-weight: bold; color: #990000; margin-bottom: 3px; margin-top: 5px; padding: 3px; background: #E8e8e8; } .spotlightMarkup { font-size: 70%; font-weight: bold; color: red; } .spotlightFinial { margin-bottom: 20px; } .eventTitle { font-size: 110%; color: #003399; margin-bottom: 3px; font-weight: bold; } /* */ /* home */ /* */ #homecontentSpotlight { padding-bottom: 12px; } #spotlightbar { color: #FFFFFF; background-color: #9EC24D; padding: 3px 5px; width: 100%; margin-bottom: 5px; } #spotlightbar a { color: #FFFFFF; } #homecontentFeatured { padding-bottom: 15px; } #homeNewsbar { margin-top:0px; color: #FFFFFF; font-size: 80%; background-color: #3366CC; padding: 3px 5px; width: 100%; } #homeNewsbar a { color: #FFFFFF; } #homeEventbar { margin-top:0px; color: #FFFFFF; font-size: 80%; background-color: #3366CC; padding: 3px 5px; width: 100%;margin-bottom: 10px; } #homeEventbar a { color: #FFFFFF; } #homerightcolbkg { background-color: #E9E9FF; } #homerightcolpadding { padding-right: 10px; padding-left: 10px; } label{ font: 8pt Verdana, sans-serif; color: #000000; } /***********************************************/ /* Layout Divs */ /***********************************************/ #topBan{ margin: 0px; padding: 0px; background-color: #9ec24d; height: 90px; } #shortTopBan{ margin: 0px; padding: 0px; background-color: #9ec24d; height: 50px; } #newNavBar{ width: 120px; padding: 0px 6px 0px 14px; float: left; } /***********************************************/ /*Component Divs */ /***********************************************/ #siteName{ margin: 0px; padding: 0px 0px 10px 10px; } /*************** #pageName styles **************/ #pageName{ padding: 5px 0px 0px; } /************* #breadCrumb styles *************/ #breadCrumb{ font-size: 80%; padding: 5px 0px 5px 10px; } /************** .feature styles ***************/ .feature{ padding: 5px 0px 10px; } .feature h2{ padding: 0px 0px 3px; text-align: left; font-size: 18pt; font-weight: normal; } .feature h3{ padding: 0px 0px 5px; text-align: left; font-weight: normal; } .feature img{ float: right; padding: 0px 10px; margin: 0px 0px 5px 5px; } /* adjust margins to change separation between the feature image and text flowing around it */ /************** .story styles *****************/ .story{ clear: both; padding: 10px 10px 0px; font-size: 80%; } .story p{ padding: 0px 0px 5px; } .story h1{ padding: 0px 0px 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; margin-top: -10px; } /************* #announcement styles *************/ #announcement{ font-size: 8pt; padding: 0px 10px 20px 0px; } #announcement h2{ font-size: 150%; } .announcementTitle{ font-size: 12pt; color: #ff3333; margin: 5px 0px; } #announcement p{ padding: 0px; margin-bottom: -10px; } #announcement a{ color: #ff3333; line-height: 12pt; } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border: none; font-size: 60%; color: #666666; padding: 23px; margin-top: 0px; } /************* #form styles ***************/ #search{ font-size: 90%; margin-top:0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; float:right; } #search form{ margin: 0px; padding: 0px 0px 2px; } #search label{ display: block; margin: 0px; padding: 0px; } #signin{ padding: 5px 0px 5px 10px; font-size: 90%; position: absolute; left: 770px; top: 0px; } #signin form{ margin: 0px; padding: 0px 0px 2px; } #signin label{ display: block; margin: 0px; padding: 0px; } .newsubmit { height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666; border: 1pt solid black; } .newinput { height: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #666666; border: 1pt solid darkgray; } button { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; } /*********** #newNavBar link styles ***********/ #newNavBar ul a:link, #newNavBar ul a:visited {display: block;} #newNavBar ul {list-style: none; margin: 0px; padding: 0px;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #newNavBar li { padding-bottom: 2px; } /* fix for browsers that don't need the hack */ html>body #newNavBar li {border-bottom: none;} /*********** #sectionLinks styles ***********/ #sectionLinks{ position: relative; margin: 0px; height: 200px; padding: 0px; font-size: 8pt; } #sectionLinks h3{ padding: 10px 0px 2px 10px; } #sectionLinks a:link{ padding: 2px 0px 2px 10px; width: 100%; width: auto; color: #99cc66; } #sectionLinks a:visited{ padding: 2px 0px 2px 10px; color: #99cc66; } #sectionLinks a:hover{ background-color: #99cc66; padding: 2px 0px 2px 10px; color: #FFFFFF; text-decoration: none; } /*********** .relatedLinks styles ***********/ .relatedLinks{ margin: 0px; padding: 0px 0px 10px 10px; font-size: 90%; } .relatedLinks h3{ padding: 10px 0px 2px 0px; } /************** #headlines styles **************/ #headlines{ margin: 0px; padding: 10px 0px 20px 10px; font-size: 80%; } #headlines p{ padding: 5px 0px 5px 0px; } /********* new defs for redesign**************/ .signinInput { height: 16px; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: black; border: 1px solid black; } .spotlightSection { padding: 4px; } .spotlightItems {} .spotlightItem { margin-bottom: 20px;} .spotlightItemTitle {font-size: 10pt; font-weight: bold; color: black; background: pink;} .spotlightItemBody { font-size: 9pt; font-weight: normal;} .spotlightMore {font-size: 10pt; font-weight: bold; color: purple; font-family: arial;} .spotlightDescription { font-size: 9pt; font-weight: normal;} .sectionHeaderTitle {color: white; font-weight: bold; font-size: 10pt;} .sectionHeaderMore {color: white; font-weight: bold; font-size: 9pt; padding-right: 4px} .sectionBlock {width: 140; height: 64; overflow: hidden; margin-right: 8px;} .sectionBlockSB {width: 160; height: 70; overflow: hidden; margin-right: 8px;} .sectionBody {width: 140; overflow: hidden; margin-right: 8px; font-size: 95%} /************** .news/events styles ***************/ .newsEvents{ width: 240px; padding: 5px 0px 10px; } .newsEvents h2{ padding: 0px 0px 3px; text-align: left; font-size: 14pt; font-weight: normal; } .newsEvents h3{ padding: 0px 0px 5px; text-align: left; font-weight: normal; } .newsEvents img{ width: 80%; /*float: center;*/ padding: 0px 10px; margin: 0px 0px 5px 5px; } #communityHeader { //width: 500px; height: 32px; color: white; font-family: Palatino, serif; font-size: 24pt; padding-left: 20px; padding-top: 15px; } /* */ /* definition for right-hand content block area */ /* */ /* Definition lists used in right content area of OLD design -- probably not needed anymore, but need to double check */ .subHeader { font-weight: bold; padding-left: 0px; margin-top: 1em; background: none; /* drops bullet */ text-align: center; } dl { width: 100%; margin: 0px; margin-left: 4px; padding-bottom: 1em; } dt { margin-bottom: 10px; padding: 4px; font: bold 100% Verdana, sans-serif; color: #fff; border-bottom: 1px solid #fff; } dd { margin: 2px; padding: 0 0.5em 0.5em 15px; font: 95% normal Verdana, sans-serif; background: url(images/bullet.gif) no-repeat 0px 3px; } dd.noBullet { padding-left: 0px; background: none; } dd.link { background: url(images/arrow.gif) no-repeat 0px 3px; } .mths { background-color: #EDF5D7; } .mthsMth { font-size: 120%; color: black; border: 1pt solid gray; background: white; } .mthDay { font-weight: bold; cursor: default; padding-left: 4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px; width: 14%; text-align: center; } .mthTarget { font-weight: bold; background-color: #9EC24D; cursor: default; padding-left: 4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px; width: 14%; text-align: center; } .mthBlackout { font-weight: bold; background-color: #e0e0e0; cursor: default; padding-left: 4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px; width: 14%; text-align: center; } .mthDayOver { font-weight: bold; background-color: #D8E6BF; cursor: default; padding-left: 4px; padding-right: 4px; padding-top: 3px; padding-bottom: 3px; width: 14%; text-align: center; } .conPanel {width: 100%; height: 610px; font-size: 9pt; font-family: Verdana, Arial, sans-serif; } .converse { position: absolute; width: 680px; top: 40; left: 210; height: 590px; overflow: hidden; background: #9EC24D; } .conEditList { background: #9EC24D;} .conPanel ul { margin: 0px; padding: 0px; border: none; } .conPanel li { margin: 0px; padding: 4px; font-size: 9pt; } .conPanel a:link, .conPanel a:visited { display: block; padding: 5px; border-left: 6px solid #D8E6BF; text-decoration: none; background-color: #D8E6BF; border-bottom: 1px solid #ffffff; color: #8aa843; } .conPanel a:hover { border-left: 6px solid #9EC24D; background-color: #D8E6BF; display: block; } .confirmdialog { position: absolute; background: #FFE090; border: 2pt solid black; width: 300px;padding: 8px; z-index: 1000; } .confirmdialog div{ font-size: 110%; font-weight: bold; } /**************for the top nav bar********************/ #navContainer{ margin-top:0px; //width:1000px; background-color: #CEEBF3; z-index:999; border:none; } #navContainer ul { margin-top:0em; } /* for all the li on the home page */ #navContainer li { margin-bottom:0em; } #subNavContainer{ //width:1000px; z-index:999; border:none; } .subNavButton{ margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:5px; display:inline-block; } /* #navContainer nav ul{ border:none; display:inline-block; list-style:none; padding-left:0px; margin-bottom:0px; } #navContainer nav ul li{ float:left; background-color:#CEEBF3; border:none; } #navContainer nav ul li:hover > ul{ display:block; } #navContainer nav ul li:hover > a{ background-color:#3296c3; color:#CEEBF3; border-radius:5px; } #navContainer nav ul li ul li:hover > a{ background-color:#0082BB; color:#CEEBF3; border-radius:0px; } #navContainer nav ul li a{ display:block; position:relative; padding-top:7px; padding-right:15px; padding-bottom:7px; padding-left:15px; border:none; white-space:nowrap; text-decoration: none; color:#0082BB; } #navContainer nav ul ul{ display:none; position:absolute; overflow:visible; } #navContainer nav ul ul li{ float:none; display:table-row; } #navContainer nav ul ul li a{ display:block; text-align:left; color:#0082BB; } */