/* ================================
    CSS STYLES FOR PORTAL 
    v4.0, 03/2007
   ================================
*/   


/* Page Header BEGINS */
/* ### background color for the header at the top of the page  */
.HeadBg {
	background-color:  #121212 ;
	background-image: url(/skins/images/navbarBottom.gif) ;
	background-repeat: repeat-x ;
	background-position: bottom ;
}
.headLogo {
	background-image: url(/skins/images/headerBg.gif);
	background-repeat: repeat-x ;
	background-position: 461px 0px; 
	color: white;
	font-weight : bold;
	padding-right: 30px ;
}
.searchInput {
	height: 17px;
	width: 140px; 
	font-size: 11px;
	border: solid 1px #323232 ; 
	padding-left: 4px;
	padding-top: 2px; 
	padding-bottom: 0px;
	background: #222222;
	color: #F1F1F1;
	margin-bottom: 20px ;
	margin-left: 5px ;
}
.searchBtn {
	text-align: center; 
	color: #121212;
	padding: 2px;
	padding-top: 0px;
	padding-bottom: 4px;
	/*border:solid 1px;     #908E8E ???????????*/
	height: 22px ;
	margin-bottom: 20px ;	
	cursor: pointer;
}
/* ### style for the text of the site title - not visible by default */
.SiteTitle {
}

.Welcome { 
	font-size: 11px ;
	font-weight: normal ;
	color:  #787878 ; 
} 

/* ### text style for the site links (at extreme top-right of header) */
.SiteLink {
	font-size: 11px ;
	font-weight: bold ;
}   

/* ### hyperlink style for the site links */
A.SiteLink:link {
	text-decoration:  none ;
	color: #787878 ;
}

A.SiteLink:visited  {
	text-decoration:  none ;
	color: #787878 ;
}

A.SiteLink:hover    {
	text-decoration:  underline ;
	color:  #787878 ;
}

/* ### style for separator between site links */
.Accent {
	color: #BBBBBB ;
	font-weight:  bold ;
}
#trAdmin td, #trAdmin select {
	font-size: 11px ;
	white-space: nowrap;
}
/* Page Header ENDS */

/* Page Background BEGINS */
/* ### background color for the content part of the pages; IMAGES in the background will display in module "design view" & should be defined in page template */
Body {
	background-color: white ;
	margin-top: 0px;
}
.tableMain {
	background-color: white ;  width: 768px ; 
}
.tableContent {
	background-color: white ;
	background-image: url(images/contentBgHome.gif);
	background-repeat: no-repeat;
	background-position: right top ; 
	height: 450px ;
}
/* 3/4/04 Styles added to replace column spacing in default.aspx & give admins more flexibility (works in IE 6.0 & NN 7.1) */
/* ### LEFT Column Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
#tdNavigation {
	background-image: url(/skins/images/navBg.gif) ;
	background-image: url(images/navBg.gif) ;
	border-right: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* ### LEFT Column */
#tdLeftPane {
	background-image: url(images/leftpaneBg.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px ;
	border-right: 0px solid #EEEEEE ;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 20px;
	width: 0% ;
}
/* ### LEFT Column Content - "padding" adjusts spacing between columns & around content */
#LeftPane {
	border-right: 0px solid #DDDDDD ;
	padding-left: 13px;
	padding-right: 19px; /*33px works*/
	padding-top: 12px;
	padding-bottom: 10px;
	width: 235px ; display: block ;
}
/* ### MIDDLE Column - "padding" adjusts spacing between columns & around content */
#ContentPane {
	padding-left: 20px;
	padding-right: 25px;
	padding-top: 10px;
	padding-bottom: 20px; 
	width:  ;
}
/* ### RIGHT Column - "padding" adjusts spacing between columns & around content */
#RightPane {
	background-image: url(images/rightpaneBg.gif);
	background-repeat: no-repeat;
	background-position: right 140px ;
	border-left: 0px solid #DDDDDD ;
	padding-left: 0px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 450px ;
}
/* Page Background ENDS */

/* Main Site Navigation BEGINS - for Left & Top, Left Only or Top Only navigation styles */
#Header_trNav {
	background-image: url(images/navBg.gif) ;
	background-repeat: repeat-x ;
	background-position: left 0px ;
}
td.navbar {
	padding-left: 20px ;
	padding-right: 20px ;
	padding-top: 0px ;
	padding-bottom: 0px ;
	vertical-align: top ;
	height: 46px ;
}
/* ### background/border colors for the selected page */
.PageBg, .OtherPagesBg {
	background-image: url(images/navDivider.gif) ;
}
.PageBg {
	background-repeat: no-repeat;
	background-position: right center ;
	height: 46px ;
}

/* ### background/border colors for the unselected pages */
.OtherPagesBg {
	background-repeat: no-repeat;
	background-position: right center ;
	height: 46px ;
}

/* ### text style for the selected page */
.SelectedPage {
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer ;
	vertical-align : top;
}

/* ### text style for the selected page */
a.SelectedPage:link {
	text-decoration:  none ;
	color: #FFFFFF;
}
a.SelectedPage:visited {
	text-decoration:  none ;
	color: #FFFFFF;
}
a.SelectedPage:hover {
	text-decoration:  underline ;
	color: #0000FF ;
}

/* ### 12/20/02 added SubLinks */
/* ### text style for the selected page SUB LINKS*/
.SubLinks {
	font-weight: normal ;
	margin-left:  15px ;
}

/* ### text style for the unselected pages */
.OtherPages {
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;
	cursor: pointer ;
	vertical-align : top;
}

/* ### hyperlink styles of the unselected pages */
A.OtherPages:link    {
	text-decoration:  none ;
	color: #FFFFFF;
}

A.OtherPages:visited {
	text-decoration:  none ;
	color: #FFFFFF;
}

A.OtherPages:hover   {
	text-decoration:  underline ;
	color: #0000FF ;
}
/* Main Site Navigation ENDS */

/* ### Main Site Navigation BEGINS - Top Dropdown or Left Flyout styles only ### */
/* Menu Font */
.MI, .MIO, .SMI, .SMIO, table.MI td, table.MIO td, table.SMI td, table.SMIO td {
	font-size: 11px;
	font-weight: bold;
} 
/* Menu Item - 1st level main navigation */
.MI, .MIO {
	color: white;
	padding-top: 5px;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	cursor: pointer;
	vertical-align: top;
	height: 20px;
	width: ;
}
/* Menu Item Over - 1st level main navigation OnMouseOver */
.MIO {
	text-decoration: underline;
	color: #0000FF;
	cursor: pointer;
}

/* ### "Sub Menu Item" - 1st level of subnavigation for 1st row of main navigation  */
.SMI  {
	background-color: #181818 ;
	color: #D28B10 ;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: hand;
	border-left: 1px solid #000000 ;
	border-top:  1px solid#000000 ;
	border-right:  1px solid#555555 ;
	border-bottom: 1px solid #555555 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 1.0 ; 
}

/* ### "Sub Menu Item Over" - 1st level of subnavigation for 1st row of main navigation - OnMouseOver*/
.SMIO  {
	background-color: #000000 ;	
	color: #D28B10  ;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	cursor: hand;
	border-left: 1px solid #000000 ;
	border-top:  1px solid#000000 ;
	border-right:  1px solid#555555 ;
	border-bottom: 1px solid #555555 ;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	-moz-opacity: 1.0 ; 
}

/* Flyout & Top Only left border image */
#Header_ctl02_M1i1 {
	background-image: url(images/navDivider.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;	
}
.nl {
	width: 15px;
}
.nr {
	background-image: url(images/navDivider.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	height: 46px; 
	width: 16px;
}
/* ### Sub Nav Right arrow - additional subnavigation indicator */
td.snr {
	width: 8px ;
	padding-right: 2px ;
}
td.snr img {
	background-image: url(/skins/images/subnavArrow.gif);
	background-image: url(images/subnavArrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
	text-align: right;
}
/* Main Site Navigation ENDS (Top DROPDOWN or Left FLYOUT styles only) */

/* Page Footer BEGINS */
.Footer {
	background-color: #000000 ;	
	background-image: url(/skins/images/footerBg.gif);
	background-image: url(images/footerBg.gif);
	background-repeat: no-repeat;
	height: 75px ;
}
.Footer td {
	color:  #787878 ;
	font-size: 10px ;
}
.Footer a:link,  .Footer a:visited, .Footer a:hover, 
.white_link a:link,  .white_link a:visited, .white_link a:hover {
	color: #FFFFFF ; 
	word-spacing: 5px ; 
	text-decoration: none ;
	padding: 5px ;
}
.Footer a:hover,
.white_link a:hover {
	color: #989898;  
	text-decoration: underline ;
}
/* Page Footer ENDS */


/* GENERAL */
/* ### style for module titles */
.Head   {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:  20px ;
	font-weight:  bold ;
	color: #000000 ;
}
.Head .Gray   {
	color: #727273;
	font-weight:  normal  ;
}

/* ### style of subtitles on content-edit and admin pages */
.SubHead    {
	font-weight:  bold ;
	color:  #000000 ;
}

/* ### module title style used instead of "Head" for compact rendering by QuickLinks modules, Timeoff Admin, Admin pg */
.SubSubHead {
	font-size:  10pt ;
	font-weight:  bold ;
	color: black ;
}

/* ### text style used for most text rendered by modules */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Trebuchet MS,Geneva, Arial, Helvetica ;
	font-size: 12px ;
}
#LeftPane .Normal, #LeftPane P, #LeftPane LI, #LeftPane TD {
	color:  #989898 ;
	font-size: 11px ;
}
#RightPane .Normal, #RightPane P, #RightPane LI, #RightPane TD {
	color:  #989898 ;
	font-size: 11px ;
}
input, textarea, select {
/*	background-color: #FFFFFF ; */
}
SPAN.smallCaps  {font-size: 80%}
SPAN.smallCaps2 {font-size: 70%}
.revealcontent  {visibility: hidden; }

/* ### Error Message style */
.NormalRed {
	font-weight: bold ;
	color: red ;
}
.NormalBold {
	font-weight: bold ;
}
.btnGrayMulti, .btnBlueMulti {
	font-size: 16px ;
	text-transform: uppercase;
	background-repeat: no-repeat;
	text-align: center;
	width: 258px ;
	font-weight: bold ;
	cursor: pointer ;
}
.btnGrayMulti {
	color: #141647;
	background-image: url(/Uploads/btnGrayMulti.gif);
	background-position: 0px top ;
	height: 67px ;
	vertical-align: top ;
	padding-top:  17px ;
}
.btnBlueMulti {
	color: white ;
	background-image: url(/Uploads/btnBlueMulti.gif);
	background-position: 0px bottom ;
	height: 69px ;
	vertical-align: bottom ;
	padding-bottom:  17px ;
}

TFOOT, THEAD    {
	font-family: Arial, Verdana, Helvetica, sans-serif ;
	font-size:   ;
	color:  #000000 ;
}

/* ### text style for command links used for editing content and site admininstration */
.CommandButton     {
	font-size: 11px ;
}
    
/* ### hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
	text-decoration:  underline ;
	color: #0000FF ;
}

A.CommandButton:visited  {
	text-decoration:  underline ;
	color: #0000FF ;
}

A.CommandButton:hover    {
	text-decoration:  underline ;
	color: #BBBBBB ;
}

/* ### content links: We normally use the underline (some exceptions are Main Navigation */
A:link  {
	text-decoration:  underline ;
	color:  #000000 ;
}

A:visited   {
	text-decoration:  underline ;
	color:  #000000 ;
}

A:hover {
	text-decoration:  underline ;
	color:  #0000FF ;
}

BLOCKQUOTE, PRE {
	font-family:  Lucida Console, monospace ;
}

/* ### UN-Ordered list styles */
UL LI   {
	list-style-type:  square ;
}

UL LI LI    {
	list-style-type:  disc ;
}

UL LI LI LI {
	list-style-type:  circle ;
}
/* ### 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 ;
}

HR {
	color: #DDDDDD ;
	height:  1pt ;
	text-align:  left;
}

#LeftPane table.arrowLinks {
	position: relative ; 
	left:  -15px ;
}
.arrowLinks a:link, .arrowLinks a:visited, .arrowLinks a:hover {
	font-size: 12px ;
	color: black ; 
	padding-left:  3px ;
	text-decoration:  none ;
}
.arrowLinks a:hover {
	color: blue ; 
	text-decoration:  underline ;
}

/* Login Box Text BEGINS */
td.AccountLogin  {
	color: blue ;
}
/* ### Signin & Register links - to override the default link settings */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
	text-decoration:  underline ;
}
/* Login Box Text ENDS */

/* MODULE-SPECIFIC */
/* MODULE:  Announcements, Events, Same Page Bookmarks - style of item titles  */
.ItemTitle    {
	font-weight:  bold ;
	color:  #000000 ;
}
/* MODULE:  "Bread Crumbs" text link styles BEGIN */
.BreadCrumbs, A.BreadCrumbs:link, A.BreadCrumbs:visited, A.BreadCrumbs:hover    {
}
/* MODULE:  "Bread Crumbs" text link styles END */

/* MODULE:  "Custom Tables" text link styles BEGIN */
.CTHeader {
	font-weight: bold ;
	background: white ;
}

tr.CTItem td, tr.CTAlternating td, tr.CTSelected td {
}

.CTItem  {
	background: white ;
	color: black ;
}

.CTAlternating {
	background: #eeeeee ;
	color: black ;
}
/* MODULE:  "Custom Tables" text link styles END */

/* MODULE:  "Date/Time" styles BEGIN */
.datetime {
	color: #000066 ;
	font-weight: bold ;
	font-family: Trebuchet MS,Geneva, Arial, Helvetica ;
	font-size: 12px ;
	padding-left:  ;
}
/* MODULE:  "Date / Time" styles END */

/* MODULE:  Dropdown menu links Title BEGINS */
.DDLLinksTitle {
	font-weight: bold;
	color: #000000 ;
}
/* Dropdown menu links Title ENDS */

/* MODULE:   "Event" , "Child" & "Master" Calendar styles BEGIN */
/* ### CalendarTitle class - Calendar title bar formatting */
.CalendarTitle td {
	font-size:  10pt ;
	color: #0000FF ;
	font-weight: bold ;
}
 /* ### CalendarText class - will override all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarText {
	font-size: 10px ;
	color: #0000FF ;
}
 /* ### DayHeaderStyle class - for Day-Of-The-Week labels (Mon, Tues, etc.) */
.DayHeaderStyle {
	color: WHITE ;
	font-weight: bold ;
	background:  black ;
}
/* ### TodayDayStyle class - used when today is NOT the selected date regardless of which month is displayed */
.TodayDayStyle { 
	font-size: 11px ;
	background:  #DDDDDD ;
}
/* ### DayStyle class - used when date for this month is NOT the selected date */
.DayStyle { 
	font-size: 11px ;
	background:  white ;
}
/* ### SelectedDayStyle class - used when day for this month IS the selected date, background color is not defined here */
.SelectedDayStyle { 
	font-size: 11px ;
	font-weight: bold ;
}
/* ### WeekendDayStyle class - define background color to override the "Calendar" style for Weekend days  */
.WeekendDayStyle {
	font-size: 11px ;
	background:  #DDDDDD ;
}
/* ### OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.OtherMonthDayStyle { 
	font-size: 11px ;
	background:  #eeeeee ;
}
/* MODULE:   "Event" , "Child" & "Master" Calendar 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 ;
	font-size:  11pt ;
	font-style:  normal ;
	font-weight:  bold ;
	color:  white ; 
	vertical-align: bottom ;
}
.DGtableFooter {
	background:  #000000 ;
}

/* ### DATA rows - can be formatted so that ever other row uses different formatting */
.DGrowOdd {
	background:  #EEEEEE ; 
	vertical-align: top ;
}
.DGrowEven {
	background:  white ; 
	vertical-align: top ;
}
/* ## Data Grid "Row styles" END ## */

/* ### Data Grid "Cell TEMPLATE" styles BEGIN - Use these classes if  you wish 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:  Do  Steps 1-4 for each column formatting you wish to override in your Data Grid  */
.DG#filename {
	font-size: 8pt ;
	color: Black ;
	text-align: left ;
	background-color:  ;
	width: 75px ;
}
/* ### Data Grid "Cell TEMPLATE" styles END ### */

/* ### Data Grid custom (per data grid file) "Cell styles" BEGIN ### */



/* ### Data Grid custom (per data grid file) "Cell" styles END ### */
/* MODULE:   "XML Data Grid" styles END*/

/* MODULE:   "Link with Image" styles BEGINS */
/* ### BUTTON SPACING - spacing between buttons */
.LinkWImageSpacing {
	padding-top: 2px ;
}

/* ### LEFT end of "Link with Image" buttons */
/* ### NOTE:  background images can be uploaded to the server using a Documents module */
.LinkWImageLeft {
	padding: 0px ;
	background-image: url(/skins/images/buttonBgLeft.gif) ;
	background-repeat: no-repeat ;
	width: 7px ;
	height: 23px ;
}

/* ### MIDDLE section of "Link with Image" buttons */
td.LinkWImage  {
	padding-top: 2px ;
	padding-bottom: 4px ;
	padding-left: 0px ;
	padding-right: 0px ;
	cursor: hand ;
	background-image: url(/skins/images/buttonBg.gif) ;
	background-repeat: repeat-x ;
	width: 120px ;
	text-align: center ; 
}

a.LinkWImage  {
	font-family: Verdana ;
	font-size: 11px ;
	line-height: 10px ;
	font-weight: bold ;
	text-transform: uppercase ;
}

a:link.LinkWImage, a:visited.LinkWImage  {
	color: #FFFFFF ;
	text-decoration: none ;
}

a:hover.LinkWImage  {
	color: #DDDDDD ;
	text-decoration: underline ;
}

/* ### RIGHT end of "Link with Image" buttons */
.LinkWImageRight {
	padding: 0px ;
	background-image: url(/skins/images/buttonBgRight.gif) ;
	background-repeat: no-repeat ;
	width: 7px ;
	height: 23px ;
}
/* MODULE:   "Link with Image" styles ENDS */

/* MODULE:   "Survey" styles BEGIN*/
.SurveyQuestion  {
	color: #000000 ;
}

/* ### SurveyPanel class is used in the survey results */
.SurveyPanel  {
	color: red ;
	background-color: #dddddd ;
}

/* ### radio button text styles BEGIN*/
.SurveyOption  {
	color: black ;
}
/* ### radio button text styles END*/
/* ### Submit link text styles BEGIN*/
a.SurveyButton  {
	font-weight: bold ;
}
/* ### Submit link text styles END*/
/* MODULE:   Survey styles END*/

/* MODULE:  "Search" page styles BEGIN */
/* ### "hightlight" class will format the word(s) searched in the search results */
.highlight {
	font-weight : bold;
	color : Black;
}

A.resultLink:link, A.resultLink:visited, A.resultLink:hover {
}
.resultTitle {
	font-weight : bold;
}
.resultType {
	color : Silver;
}
.resultNone {
	color : Red;
}
/* MODULE:  "Search" page styles END */

.pnlContent {
    text-align: left;
}
#LeftPane div.pnlContent {
    width: 210px ;  display: block ;
}
#RightPane div.pnlContent {
    width: 150px ;
}

.row0  {
    font-weight:bold;
    background-color: #EEEEEE ;
    vertical-align:  bottom ;
}
/* table data ODD # rows */
.row1 {
	background-color: #FFFFFF ;
}
/* table data EVEN # rows */
.row2 {
	background-color: #EEEEEE ;
}