/* ==========================================================
    CSS STYLES FOR LOOKOUT RIDGE CONSULTING - DEFAULT
    v4.0, 09/2011
   ==========================================================
*/

/* ____________ PAGE HEADER ________________________ */
.HeadBg {
	width: 100%;
	height: 116px;
	background: url(images/headerBg.jpg) no-repeat 230px 15px;
}
#logo {margin: 2px;}
div.pageName {
	color: #FFFFFF;
	font: bold 12pt Arial, Verdana, Helvetica, sans-serif;
}
.SiteTitle {
	color: #007C92;
	font-size: 20px;
	font-weight: bold;
}
/* Site Link styles (at extreme top-right of header) */
#Header_WelcomeMessage { 
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
}
.SiteLink {
	padding-left: 2px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
A.SiteLink:link, 
A.SiteLink:visited {
	color: #FFFFFF;
	text-decoration: none;
}
A.SiteLink:hover {
	color: #007C92;
	text-decoration: underline;
}
/* Site Link separator */
.Accent {
	color: #BBB;
	font-weight: bold;
}
/* Admin Configuration bar */
#trAdmin td, #trAdmin select {
	font-size: 11px;
	white-space: nowrap;
}
/* ____________ END PAGE HEADER ____________________ */

/* ____________ PAGE BACKGROUND ____________________ */
/* Background color 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: ;
}
.tableMain {
	width: 100%;
}
.tableContent {
}
/* LEFT Pane Navigation - see also ".OtherPagesBg" & ".PageBg" for background colors */
td#tdNavigation {
	width: 115px;
	padding: 0 0 3px 0;
	border-right: 0 solid #DDD;
}
.leftPaneTable {	
	width: 115px;
}
/* LEFT Pane */
#tdLeftPane {
	width: 20%;
	margin-right: 0;
	padding: 5px 7px 10px 5px;
	border-right: 0 solid #DDD;
}
/* LEFT Pane Content */
#LeftPane {
	width: 115px;
	padding: 0;
	border-right: 0 solid #DDD;
}
/* CENTER Pane */
#ContentPane {
	display: block; 
	width: 680px;
	height: 300px;
	padding: 10px 18px 10px 8px;
}
/* RIGHT Pane */
#RightPane {
	padding: 10px 10px 10px 0;
	border-left: 0 solid #DDD;
}
/* ____________ END PAGE BACKGROUND ________________ */

/* ____________ PAGE FOOTER ________________________ */
td.Footer {
	width: 680px;
}
.Footer p, .footerLinks A:link, .footerLinks A:visited, .footerLinks A:hover {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
/* ____________ END PAGE FOOTER ____________________ */

/* ____________ ACCOUNT LOGIN ______________________ */
.AccountLogin {
	color: #000;
}
/* Sign In & Register link styles */
a:link.AccountLogin, a:visited.AccountLogin, a:hover.AccountLogin {
	color: #007C92;
	text-decoration: underline;
}
/* ____________ END ACCOUNT LOGIN __________________ */

/* ____________ MAIN NAVIGATION ____________________ */
#Header_trNav {
	padding-left: 5px;
	padding-right: 5px;
}
/* Left & Top, Left Only, or Top Only navigation styles BEGIN */
/* Background/border styles */
.PageBg, .OtherPagesBg {
	background-color: ;
	border-color: ;
}
/* Selected Page styles */
.SelectedPage {
	padding-top: 2px;
	padding-bottom: 2px;
	font: bold 12pt Arial, Verdana, Helvetica, sans-serif;
}
a.SelectedPage:link, 
a.SelectedPage:visited, 
a.SelectedPage:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.SelectedPage:hover {
	color: #4CB8CC;
}
/* Selected Page SubLinks */
.SubLinks {
	margin-left: 15px;
	font-weight: normal;
}
/* Unselected Page styles */
.OtherPages {
	font: bold 12pt Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
a.OtherPages:link, 
a.OtherPages:visited, 
a.OtherPages:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.OtherPages:hover {
	color: #4CB8CC;
}
/* Left & Top, Left Only, or Top Only navigation styles END */

/* Top Dropdown or Left Flyout navigation styles BEGIN */
/* Menu Item styles */
.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: 12px;
	font-weight: bold;
} 
/* 1st level navigation */
.MI {
	color: #FFFFFF;
}
/* 1st level navigation - OnMouseOver */
.MIO {
	background-color: #4CB8CC;
	color: #FFFFFF;
}
td.MI, td.MIO {
	width: 115px;
	padding: 5px 5px 5px 3px;
	cursor: pointer;
}
.MI nobr, .MIO nobr {
	white-space: normal;
}
/* Subnavigation Menu Item */
.SMI, .SMIO {
	padding: 1px 3px 5px 3px;
	background-color: #F4F9F4;
	border: 1px solid #F4F9F4;
	color: #000000;
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
	filter: alpha(opacity=95);
	-moz-opacity: 0.95; 
	opacity: 0.95;
}
/* Subnavigation Menu Item - OnMouseOver */
.SMIO {
	background-color: #4CB8CC;	
	color: #FFFFFF;
}
/* Top Dropdown or Left Flyout navigation styles END */
/* ____________ END MAIN NAVIGATION ________________ */

/* ____________ GENERAL ____________________________ */
/* Module Title */
.Head { 
	color: #000000;
	font: italic bold 11pt Arial, Verdana, Helvetica, sans-serif; 
}
#LeftPane .Head {
	padding-left: 2px;
	padding-bottom: 3px;
	color: #000000;
	font: normal bold 11px Verdana, Helvetica, sans-serif;
	text-align: center;
}
#ContentPane td.Head { 
	border-top: 3pt solid #007C92; 
	border-left: 8pt solid #007C92; 
}
/* Subtitle style on content-edit and Admin pages */
.SubHead {
	color: #007C92;
	font-weight: bold;
}
/* Module Title style used instead of "Head" */
.SubSubHead {
	color: #000;
	font-size: 10pt;
	font-weight: bold;
}
/* Default text style (used for most text rendered by modules) */
.Normal, P, LI, TD, TH, .Message, input, textarea, select {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 10pt; 
}
/* Error Message style */
.NormalRed {
	font-weight: bold;
	color: red;
}
.NormalBold {
	font-weight: bold;
}
/* Default Links and Command Button styles */
.CommandButton {
	font-size: 11px;
}    
A.CommandButton:link, A.CommandButton:visited {
	color: #007C92;
	text-decoration: underline;
}
A.CommandButton:hover {
	color: #4CB8CC;
	text-decoration: underline;
}
/* Default link styles */
A:link, A:visited, A:hover {
	color: #007C92;
	text-decoration: underline;
}
A:hover {
	color: #4CB8CC;
}
#LeftPane A {
	text-decoration: none;
}

/* Unordered (bulleted) list styles */
UL LI {list-style-type: square;}
UL LI LI {list-style-type: disc;}
UL LI LI LI {list-style-type: circle;}
/* Ordered (numbered) 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;}

/* Default Table styles */
TFOOT, THEAD {
	color: #000065;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
.row0 {
	background-color: #EEEEEE;
	font-weight: bold;
	vertical-align: bottom;
}
/* table data ODD rows */
.row1 {background-color: #FFFFFF;}
/* table data EVEN rows */
.row2 {background-color: #EEEEEE;}

/* Miscellaneous Default styles */
BLOCKQUOTE, PRE {font-family: Lucida Console, monospace;}
HR {
	height: 1px;
	background-color: #DDD;
	border: 1px solid #DDD;
	color: #DDD;
	text-align: left;
}
/* Default content layout styles */
.pnlContent {
	text-align: left;
}
#ContentPane div.pnlContent {
	display: block;
	margin: 8pt;
}

/* "Our Services" styles (Left Pane) BEGIN */
#LeftPane table.ServicesLinks {
	width: 115px;
}
#LeftPane .ServicesLinks td {
	color: #FFFFFF;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
}
#LeftPane .ServicesLinks td A {
	display: block;
	height: 33px;
	padding: 1px 5px;
	color: #FFFFFF;
}
.ServicesLinks td A:hover {
	display: block;
	background-color: #4CB8CC;
	color: #FFFFFF;
}
A.ServicesLinks, A.ServicesLinks:link, A.ServicesLinks:visited, A.ServicesLinks:hover {
	color: #FFFFFF;
}
A.ServicesLinks:hover {
	background-color: #4CB8CC;
}
/* "Our Services" styles (Left Pane) END */

/* ____________ END GENERAL ________________________ */

/* ____________ MODULE-SPECIFIC ____________________ */
/* MODULE: "Announcements" styles BEGIN */
.ItemTitle {
	color: #007C92;
	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: #EEEEEE;	/* border color */
}
/* Calendars - Title bar formatting */
.CalendarMain .CalendarTitle td {
	background-color: ;
	color: #007C92;
	font-size: 10pt;
	font-weight: bold;
}
/* Listing All Months and Small Calendar */
.CalendarMonths .CalendarTitle td, .CalendarSmall .CalendarTitle td {
	background-color: #EEEEEE;
	border-bottom: 1px solid #BBBBBB;
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}
/* MAIN Calendar title bar formatting */
.PreviousNext a {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}
/* SMALL Calendar title bar formatting - listing all Months */
.CalendarSmall td.PreviousNext a, .CalendarMonths td.PreviousNext a {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
/* MAIN Calendar details - DayHeaderStyle class - for Day-Of-The-Week labels (Mon, Tues, etc.) and other title bars */
.CalendarMain .DayHeaderStyle, .CalendarSmall .DayHeaderStyle, .DateDetail .row0, .ItemDetail .row0, .SearchResults .row0 {
	background-color: #007C92;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
/* MAIN Calendar Text class - will override all other font styles defined in DayStyle, TodayDayStyle, SelectedDayStyle */
.CalendarMain .TodayDayStyle, .CalendarMain .DayStyle, .CalendarMain .WeekendDayStyle {
	color: #007C92;
	font-size: 10px;
	font-weight: bold;
}
.CalendarMain .CalendarText, .CalendarMain a:link.CalendarText, .CalendarMain a:visited.CalendarText, .Time {
	color: #007C92;
	font-size: 10px;
	text-decoration: none;
}
.CalendarMain a:hover.CalendarText {
	text-decoration: underline;
}
.Time {
	color: #007C92;
	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: #FFFFFF;
	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: #EEEEEE;
	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: #CCCCCC;
	font-size: 11px;
}
/* OtherMonthDayStyle class - define background color to differentiate non-current months from current month */
.CalendarMain .OtherMonthDayStyle, .CalendarSmall td.OtherMonthDayStyle {
	background-color: #BBBBBB;
	color: #000000;
	font-size: 11px;
}
.CalendarSmall td, .DNavCalendar td {
	height: 22px;
	font-size: 11px;
}
.CalendarSmall, .CalendarMonths {
	padding-top: 0;
	border: 1px solid #DDDDDD;
}
.CalendarMonths td {
	background-color: #FFFFFF;
	font-weight: bold;
}
.CalendarDescription {
	color: #007C92;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}
.DateDetail .ItemName, .SearchResults .ItemName {
	font-weight: bold;
}
.DateDetail .CalendarName, .SearchResults .CalendarName {
	font-style: italic;
}
.DateDetail td {
	font-size: ;
}
/* Date Detail ODD rows */
.DateDetail td.row1 {
	background-color: #FFFFFF;
}
/* Date Detail EVEN rows */
.DateDetail td.row2 {
	background-color: #EEEEEE;
}
.ItemDetail td {
	background-color: #FFFFFF;
	font-size: ;
}
.ItemDetail .DSubHead, .DSubHead {
	color: #007C92;
	font-weight: bold;
}
/* Indent Date Details & Search Result details */
div.DetailIndent {
	margin-left: 10px;
}
.CalendarSearch {
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
}
.CalendarSearch input.button {
	background-color: #888888;
	border: 1px solid #000000;
	color: #FFFFFF;
	font-weight: bold;
}
/* Calendar Search Results */
.SearchResults .row0 td, .SearchResults .row1 td, .SearchResults .row2 td {
	padding: 2px;
	font-size: 12px;
}
.SearchResults .row1 {
	background-color: #FFFFFF;
	color: #000000;
}
.SearchResults .row2 {
	background-color: #EEEEEE;
	color: #000000;
}
.SearchFooter {
	background-color: #CCCCCC;
	color: #000000;
}
/* hide extra cells in the Date Details table(s) */
.hidden {
	visibility: hidden;
	display: none;
}
/* MODULE: "Calendar" styles END */

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

/* MODULE: "Date/Time" styles BEGIN */
.datetime {
	color: #007C92;
	font-size: ;
}
/* MODULE: "Date/Time" styles END */

/* MODULE: "Links-DropDown" styles BEGIN */
.DDLLinksTitle {
	color: #007C92;
	font-weight: bold;
}
/* MODULE: "Links-DropDown" styles END */

/* MODULE: "Search" styles BEGIN */
/* "highlight" class formats the word(s) searched in the search results */
.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: red;
}
/* MODULE: "Search" styles END */

/* MODULE: "XML Data Grid" styles BEGIN */
/* Data Grid "Row Styles" BEGIN */
/* Header & Footer Rows - The class "DGtableHeader" includes formatting for the sortable column header (link) inside the Header Row; both are needed */
.DGtableHeader, .DGtableHeader a {
	background-color: #007C92;
	color: #FFFFFF;
	font-size: 11pt;
	font-style: normal;
	font-weight: bold;
	vertical-align: bottom;
}
.DGtableFooter {
	background-color: #007C92;
}
/* Data Rows - can be formatted so that every other row uses different formatting */
.DGrowOdd {
	background-color: #EEEEEE; 
	vertical-align: top;
}
.DGrowEven {
	background-color: #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 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" (custom per data grid file) BEGIN */
/* Data Grid "Cell Styles" (custom per data grid file) END */
/* MODULE: "XML Data Grid" styles END */

/* ____________ END MODULE-SPECIFIC ________________ */