/* =========================================================
    CSS STYLES FOR PORTAL Plummer-Worley School District
    v4.0, 08/2010
   =========================================================
*/

/* ____________ PAGE HEADER ________________________ */

.HeadBg {
	height: 98px; 
	background-color: ;
	background-image: url(/skins/images/headerTop.jpg);
	background-repeat: repeat-x; 
	background-position: 0 -16px;
}
#logo {
	margin-top: 1px;
	margin-bottom: 0; 
	border: 0 solid yellow;
}
/* Site Title */
.SiteTitle {
	color: #000000;
	font-family: ;
	font-size: 20px;
	font-weight: bold;
}
#Header_WelcomeMessage { 
	color: #000000; 
	font-size: 11px;
	font-weight: normal;
}
/* Site Links (at extreme top-right of header) */
.SiteLink td {
	height: 23px; 
	color: #FFFFFF;
	font-size: 11px;
}
.SiteLink td.Left {
	padding-left: 20px;
	background-image: url(/skins/images/dateBarLeft.jpg);
	background-repeat: no-repeat; 
}
.SiteLink td.Right {
	padding-right: 20px;
	background-image: url(/skins/images/dateBarRight.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
A.SiteLink:link, A.SiteLink:visited, A.SiteLink:hover {
	color: #FFFFFF;
	text-decoration: none;
}
A.SiteLink:hover {
	text-decoration: underline;
}
/* Separator between Site Links */
.Accent {
	color: #FFFFFF;
	font-weight: bold;
}
/* Admin Configuration bar */
#trAdmin td, #trAdmin select {
	font-size: 12px;
	white-space: nowrap;
}
/* Header images */
td.arrowButton {
	padding: 5px; 
	padding-left: 18px;
}
td.arrowButton, .arrowButton a:link, .arrowButton a:visited, .arrowButton a:hover {
	padding-top: 2px; 
	color: #000000;
	font-weight: bold;
	vertical-align: top;
	text-decoration: none; 
}
.arrowButton a {
	height: 20px;
	margin-left: 0;
	margin-right: 25px; 
	padding-left: 25px;
	background-image: url(/skins/images/arrowButton.gif);
	background-repeat: no-repeat;
	background-position: 0;
}
table.waveBg {
	margin-top: 0; 
	background-image: url(/skins/images/waveBg.jpg);
	background-repeat: no-repeat;
	background-position: 7px -9px; 
	vertical-align: top;
}
table.waveBg td {
	margin-left: 11px; 
	padding-right: 10px;
}
div.mission {
	margin-top: 0; 
}
.mission p {
	margin-bottom: 6px;
	color: #000000;
	font-size: 11px;
}
.goldbarBg {
	height: 51px; 
	padding-top: 5px; 
	padding-bottom: 0; 
	background-image: url(/skins/images/goldbarBg.jpg) ;
	background-repeat: no-repeat;
	background-position: 7px 0;
	vertical-align: top; 
}
.goldbarWelcome {
	width: 350px; 
	padding-left: 20px;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	float: left; 
}
.goldbarPhone {
	color: #000000;
	font-size: 11px;
	text-align: right; 
	float: right; 
}
div#newsContainer {
	position: absolute;  
	top: -90;  
	left: 10;  
	width: 500px;  
	height: 70px;
	z-index: 5;
}
.newsText, .newsText p {
	position: relative;  
	top: 0;  
	left: 0;  
	margin: 0 0 0 8px;
	color: #000;	/* #990000; */
	font-size: 15px;
	font-weight: bold;
	font-style: italic;
	text-indent: -8px; 
	z-index: 5;
}
/* ____________ END PAGE HEADER ____________________ */

/* ____________ PAGE BACKGROUND ____________________ */

/* Background for the content part of the pages; images in the background display in module "design view" & should be defined in page template */
Body {
	background-color: #FFFFFF;
}
table.maintable {
	height: 100% important!;
	margin-top: 5px; 
	background-image: url(/skins/images/contentBorderLeft.jpg);
	background-repeat: repeat-y;
	background-position: 0 20px;
}
div.contentTable { }
td.content { 
	padding-right: 0;
	background-image: url(/skins/images/contentBorderRight.jpg);
	background-repeat: repeat-y;
	background-position: right 0; 
	vertical-align: top;
}
/* LEFT Pane Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	width: 170px;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
	background-color: #FFFFFF;
	border-right: 0 solid #DDDDDD;
}
/* LEFT Pane */
#tdLeftPane {
	background-color: ;
	border-right: 0 solid #DDDDDD;
	padding-top: 11px;
	padding-bottom: 10px;
	padding-left: 6px;
	padding-right: 5px;
}
/* LEFT Pane Content */
#LeftPane {
	padding-top: 20px;
	padding-bottom: 0;
	padding-left: 5px;
	padding-right: 5px;
	border-right: 0 solid #DDDDDD;
}
/* CENTER Pane */
td#ContentPane {
	width: 100%; 
	height: 100%;
	padding-top: 11px;
	padding-bottom: 10px; 
	padding-left: 0;
	padding-right: 10px;
}
/* RIGHT Pane */
#RightPane {
	width: 200px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 10px;
	background-color: ;
	border-left: 0 solid #DDDDDD;
	display: inline-block;
}
/* ____________ END PAGE BACKGROUND ________________ */

/* ____________ PAGE FOOTER ________________________ */

td.Footer {
	margin: 0; 
	padding: 0;
	background-color: #FFFFFF;
	vertical-align: top; 
}
.Footer td, .Footer p {
	font-size: 11px;
}
.copyright {
	margin: 5px;
}
/* ____________ END PAGE FOOTER ____________________ */

/* ____________ MAIN NAVIGATION ____________________ */

/* Left & Top, Left Only, Top Only navigation styles */
#Header_trNav {
	height: 24px;
	padding-left: 5px;
	padding-right: 5px; 
	background-color: ;
}
#Header_trNav table {
	width: 100%;
	float: center;
}
/* Selected Page background/border colors */
.PageBg {
	height: 22px;
	background-color: ;
	background-image: url(/skins/images/navBg_s.gif);
	background-repeat: repeat-x; 
	background-position: top; 
	border-color: #FFFFFF;
}
/* Unselected Page background/border colors */
.OtherPagesBg {
	background-color: ;
	background-image: url(/skins/images/navBg.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-color: #FFFFFF;
}
div.OtherPagesBgLeft {
	background-image: url(/skins/images/navBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
div.OtherPagesBgRight {
	height: 22px; 
	padding-left: 11px;
	padding-right: 11px; 
	background-image: url(/skins/images/navBgRight.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div.PagesBgLeft {
	background-image: url(/skins/images/navBgLeft_s.gif);
	background-repeat: no-repeat;	
	background-position: left top; 
}
div.PagesBgRight {
	height: 22px; 
	padding-left: 11px;
	padding-right: 11px; 
	background-image: url(http://www.pwsd44.com/skins/images/navBgRight_s.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.SelectedPage, .OtherPages {
	padding-top: 4px;
	padding-bottom: 1px; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	white-space: nowrap;
}
a.SelectedPage:link, a.SelectedPage:visited, a.SelectedPage:hover, 
a.OtherPages:link, a.OtherPages:visited, a.OtherPages:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.SubLinks {
	margin-left: 15px;
	font-weight: normal;
}
/* END Left & Top, Left Only, Top Only navigation styles */

/* Top Dropdown, Left flyout navigation styles */
/* Menu Font */
.MI, .MIO, .SMI, .SMIO, table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
} 
/* "Menu Item" - 1st level main navigation */
.MI {
	padding-top: 4px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: ;
	background-image: url(/skins/images/navBg.gif);
	background-repeat: repeat-x;
	background-position: 0 0; 
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
/* "Menu Item OnMouseOver" - 1st level main navigation */
.MIO {
	padding-top: 4px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: ;
	background-image: url(/skins/images/navBg_s.gif);
	background-repeat: repeat-x;  
	background-position: 0 0; 
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: ;
	cursor: pointer;
}
/* "Sub Menu Item" - 2nd+ levels of navigation */
.SMI {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #000000;
	border: 1px;
	border-top: 1px;
	border-right: 1px;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-style: solid; 
	color: #FFFFFF;
	cursor: pointer;
	filter: alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
}
/* "Sub Menu Item OnMouseOver" - 2nd+ levels of navigation */
.SMIO {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #FFFFFF;
	border: 1px;
	border-top: 1px;
	border-right: 1px;
	border-top-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	border-right-color: #000000;
	border-style: solid;
	color: #000000;
	text-decoration: ;
	cursor: pointer;
	filter: alpha(opacity=90); 
	opacity: 0.9;
	-moz-opacity: 0.9;
}
.MI .nl, .MIO .nl, .MI .nr, .MIO .nr {
	width: 9px;
	padding: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
/* LEFT end of ".MI" & ".MIO" buttons */
.MI .nl {
	background-image: url(/skins/images/navBgLeft.gif);
	background-position: left 0;
}
.MIO .nl {
	background-image: url(/skins/images/navBgLeft_s.gif);
	background-position: left 0;
}
/* RIGHT end of ".MI" & ".MIO" buttons */
.MI .nr {
	background-image: url(/skins/images/navBgRight.gif);
	background-position: right 0; 
}
.MIO .nr {
	background-image: url(/skins/images/navBgRight_s.gif);
	background-position: right 0; 
}
.snr  {
	background-image: url(/skins/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: center right;
}
/* END Top Dropdown, Left flyout navigation styles */
/* ____________ END MAIN NAVIGATION ________________ */

/* ____________ ACCOUNT LOGIN ______________________ */

.AccountLogin {
	background-color: #FFFFFF;
	color: #000000; 
}
/* Sign In & Register links */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
	color: #990000;
	text-decoration: underline;
}
/* ____________ END ACCOUNT LOGIN __________________ */

/* ____________ GENERAL ____________________________ */

/* Module Title */
.Head {
	color: #5F5F5F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
/* Subtitles (content edit and admin pages) */
.SubHead {
	color: #000000;
	font-size: ;
	font-weight: bold;
}
/* Module Title used instead of "Head" for compact rendering (QuickLinks, Timeoff Admin, Admin pg) */
.SubSubHead {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
/* Default text style used by most modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
/* Error Message */
.NormalRed {
	color: red;
	font-weight: bold;
}
.NormalBold {
	font-weight: bold;
}
/* Paragraph Headings */
H1, H2, H3, H4, H5, H6, DT {
	color: #990000;
	font-family: Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
}
H2 {
	font-size: 18px;
}
H3 {
	font-size: 16px;
}
H4 {
	font-size: 14px;
}
H5, DT {
	font-size: 12px;
}
H6 {
	font-size: 10px;
}
SMALL {
	font-size: 8px;
}
BIG {
	font-size: 14px;
}
/* Default Command Button link style */
.CommandButton {
	font-size: 12px;
}  
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:hover {
	color: #990000;
	text-decoration: underline;
}
A.CommandButton:hover {
	color: #BBBBBB;
}
/* Default Link style */
A:link, A:visited, A:hover {
	color: #990000;
	text-decoration: underline;
}
A:hover {
	text-decoration: none;
}

/* Blockquote (indent) */
BLOCKQUOTE, PRE {
	font-family: Lucida Console, monospace;
}
/* Unordered List styles */
UL LI {
	list-style-type: disc;
}
UL LI LI {
	list-style-type: circle;
}
UL LI LI LI {
	list-style-type: square;
}
/* Ordered List styles */
OL LI {
	list-style-type: decimal;
}
OL OL LI {
	list-style-type: lower-alpha;
}
OL OL OL LI {
	list-style-type: lower-roman;
}
/* Horizontal Rule */
HR {
	height: 1px;
	color: #999999;
	text-align: left;
}
/* Default Table styles */
TFOOT, THEAD {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: ;
}
.row0 {
	background-color: #EEEEEE;
	font-weight: bold;
	vertical-align: bottom;
}
/* table ODD rows */
.row1 {
	background-color: #FFFFFF;
}
/* table EVEN rows */
.row2 {
	background-color: #EEEEEE;
}
.pnlContent {
	text-align: left;
}
/* Home Page - Tips for Parents */
.tipsText {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
A.tipsImg:link, A.tipsImg:visited, A.tipsImg:hover {
	text-decoration: none; 
}
img.tipsImg {
	width: 230px;
	height: 120px;
}
/* ____________ END GENERAL ________________________ */

/* ____________ MODULE-SPECIFIC ____________________ */

/* MODULE: "Announcements" styles BEGIN */
.ItemTitle {
	color: #5F5F5F;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
/* MODULE: "Announcements" styles END */

/* MODULE: "Bread Crumbs" styles BEGIN */
.BreadCrumbs {
	font-size: ;
}    
A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover {
	color: ;
}
/* MODULE: "Bread Crumbs" styles END */

/* MODULE: "Calendar" styles BEGIN */
/* Main Calendar classes - Large Monthly Calendar, Date Details and Search Results */
.CalendarMain, .DateDetail, .ItemDetail, .SearchResults {
	background: #CCC;	/* border color */
}
/* Calendars Title Bar */
.CalendarMain .CalendarTitle td {
	background-color: ;
	color: #990000;
	font-size: 10pt;
	font-weight: bold;
}
/* Listing All Months and Small Calendar */
.CalendarMonths .CalendarTitle td, 
.CalendarSmall .CalendarTitle td {
	background-color: #CCC;
	border-bottom: 1px solid #999;
	color: #000;
	font-size: 13px;
	font-weight: bold;
}
/* Main Calendar Title Bar - Previous/Next Links */
.PreviousNext A {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
}
/* Small Calendar Title Bar - listing all months */
.CalendarSmall td.PreviousNext A, 
.CalendarMonths td.PreviousNext A {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}
/* Main Calendar Details - Day-Of-The-Week labels (Mon, Tues, etc.) and other title bars */
.CalendarMain .DayHeaderStyle, 
.CalendarSmall .DayHeaderStyle, 
.DateDetail .row0, 
.ItemDetail .row0, 
.SearchResults .row0 {
	background-color: #990000;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
}
/* Main Calendar text styles - overrides all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarMain .TodayDayStyle, 
.CalendarMain .DayStyle, 
.CalendarMain .WeekendDayStyle {
	color: #990000;
	font-size: 10px;
	font-weight: bold;
}
.CalendarMain .CalendarText, 
.CalendarMain a.CalendarText:link, 
.CalendarMain a.CalendarText:visited, 
.Time {
	color: #990000;
	font-size: 10px;
	text-decoration: none;
}
.CalendarMain a.CalendarText:hover {
	text-decoration: underline;
}
.Time {
	color: #000;
	font-size: 10px;
	text-transform: lowercase;	/* uppercase */
}
/* DayStyle class - used when date for this month is NOT the selected date */
.CalendarMain .DayStyle, 
.CalendarSmall .DayStyle {
	background-color: #FFF;
	font-size: 11px;
}
/* TodayDayStyle class - used when today is NOT the selected date, regardless of which month is displayed */
.CalendarMain .TodayDayStyle, 
.CalendarSmall .TodayDayStyle {
	background-color: #CCC;
	font-size: 11px;
}
.CalendarSmall .TodayDayStyle {
	font-weight: bold;
}
/* SelectedDayStyle class - used when day for this month IS the selected date (background color is not defined here) */
.CalendarSmall .SelectedDayStyle {
	font-size: 11px;
	font-weight: bold;
}
/* WeekendDayStyle class - define background color to override the ".Calendar" style for weekend days */
.CalendarMain .WeekendDayStyle, 
.CalendarSmall .WeekendDayStyle {
	background-color: #EEE;
	font-size: 11px;
}
/* OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.CalendarMain .OtherMonthDayStyle, 
.CalendarSmall td.OtherMonthDayStyle {
	background-color: #999;
	color: #000000;
	font-size: 11px;
}
.CalendarSmall td, 
.DNavCalendar td {
	height: 22px;
	font-size: 11px;
}
.CalendarSmall, 
.CalendarMonths {
	padding-top: 0;
	border: 1px solid #DDD;
}
.CalendarMonths td {
	background-color: #FFF;
	font-size: ;
	font-weight: bold;
}
.CalendarDescription {
	color: #990000;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.DateDetail .ItemName, 
.SearchResults .ItemName {
	color: ;
	font-weight: bold;
}
.DateDetail .CalendarName, 
.SearchResults .CalendarName {
	font-style: italic;
}
.DateDetail td {
	font-size: ;
}
/* Date Detail ODD rows */
.DateDetail td.row1 {
	background-color: #FFF;
}
/* Date Detail EVEN rows */
.DateDetail td.row2 {
	background-color: #CCC;
}
.ItemDetail td {
	background-color: #FFF;
	font-size: ;
}
.ItemDetail .DSubHead, 
.DSubHead {
	color: #990000;
	font-weight: bold;
}
/* Indent Date details & Search Result details */
div.DetailIndent {
	margin-left: 10px;
}
.CalendarSearch {
	background-color: #CCC;
	border: 1px solid #DDD;
}
.CalendarSearch input button {
	background-color: #888;
	border: 1px solid #000;
	color: #FFF;
	font-weight: bold;
}
/* Calendar Search Results */
.SearchResults .row0 td, 
.SearchResults .row1 td, 
.SearchResults .row2 td {
	padding: 2px;
	font-size: 12px;
}
.SearchResults .row1 {
	background-color: #FFF;
	color: #000;
}
.SearchResults .row2 {
	background-color: #CCC;
	color: #000;
}
.SearchFooter {
	background-color: #EEE;
	color: #000;
}
/* Hide extra cells in the Date Details table(s) */
.hidden {
	visibility: hidden;
	display: none;
}
/* MODULE: "Calendar" styles END */

/* MODULE: "Custom Tables" styles BEGIN */
.CTHeader {
	background: #FFFFFF;
	font-weight: bold;
}
tr.CTItem td, tr.CTAlternating td, tr.CTSelected td {
	font-size: ;
}
.CTItem  {
	background: #FFFFFF;
	color: #000000;
}
.CTAlternating {
	background: #EEEEEE;
	color: #000000;
}
/* MODULE: "Custom Tables" styles END */

/* MODULE: "Date/Time" styles BEGIN */
.datetime {
	color: ;
	font-size: ;
	font-weight: bold;
	line-height: ;
}
/* MODULE: "Date/Time" styles END */

/* MODULE: "Links-Dropdown" styles BEGIN */
.DDLLinksTitle {
	color: #000000;
	font-family: ;
	font-size: ;
	font-weight: bold;
}
/* MODULE: "Links-Dropdown" styles END */

/* MODULE: "RSS Reader" styles BEGIN */
.rssTitle {
	color: #5F5F5F;
	font-size: 13px;
	font-weight: bold;
}
a.rssTitle:link, a.rssTitle:visited, a.rssTitle:hover {
	color: #990000;
	font-size: 13px;
	text-decoration: none;
}
a.rssTitle:hover {
	font-size: 13px;
	text-decoration: underline;
}
.rssTop {
	background-color: #E8E8E8;
	border-top-style: ;
	border-top-width: ;
	border-top-color: ;
}
.rssEditDiv {
	background-color: #E8E8E8;
	font-size: 7pt ;
	font-weight: normal ;
}
/* MODULE: "RSS Reader" styles END */

/* MODULE:  "Search" styles BEGIN */
/* "highlight" class formats the word(s) searched in the search results */
.search {
	padding-top: 20px;
}
.highlight {
	color: #000000;
	font-weight: bold;
}
A.resultLink:link, A.resultLink:visited, A.resultLink:hover {
	color: ;
}
.resultTitle {
	font-weight: bold;
}
.resultType {
	color: silver;
}
.resultNone {
	color: #990000;
}
/* MODULE: "Search" styles END */

/* MODULE: "XML Data Grid" styles BEGIN */
/* Data Grid "Row Styles" BEGIN */
/* Header & Footer Rows - Note: the class "DGtableHeader" includes formatting for the sortable column header (anchor/link) inside the Header Row; both are needed */
.DGtableHeader, .DGtableHeader a {
	background: #000000;
	color: #FFFFFF; 
	font-size: 11pt;
	font-weight: bold;
	font-style: normal;
	vertical-align: bottom;
}
.DGtableFooter {
	background: #000000;
}
/* DATA rows - can be formatted so that every other row uses different formatting */
.DGrowOdd {
	background: #EEEEEE; 
	vertical-align: top;
}
.DGrowEven {
	background: #FFFFFF; 
	vertical-align: top;
}
/* Data Grid "Row Styles" END */
/* Data Grid "Cell Template" styles BEGIN - Use these classes to override the "Row Styles" above with different styles per column */
/* STEP 1:  Copy the ".DG#filename" class (including the brackets and everything in between) to the "Cell Styles" section below */
/* STEP 2:  Modify the # sign to correspond to the columns in the Data Grid:  0 = first column, 1 = second column, etc.  */
/* STEP 3:  Modify the word "filename" in the class to match the actual filename for the Data Grid */
/* STEP 4:  Modify the other properties in the class as desired */
/* STEP 5:  Repeat Steps 1-4 for each column formatting you wish to override in your Data Grid */
.DG#filename {
	width: 75px;
	background-color: ;
	color: #000000;
	font-size: 8pt;
	text-align: left;
}
/* Data Grid "Cell Template" styles END */
/* Data Grid "Cell Styles" BEGIN (per Data Grid file) */
/* Data Grid "Cell Styles" END (per Data Grid file) */
/* MODULE: "XML Data Grid" styles END */

/* ____________ END MODULE-SPECIFIC ________________ */