a {
	color: #0000cc;
}

a:hover {
	color: #0000ff;
	text-decoration:none;
}

a img {
	border:none;
}

.availabilityCalendarItem {
	text-decoration: none;
}

.bold {
	font-weight:bold;
}

body {
	background-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding:0px;
}

div.body {
	background-color: #ffffff;
	margin:10px 17px 0px 20px;
	padding:0px;
	padding-bottom:30px;
}

div.objectWrap {
	background-color:#ebf2fc;
	border:solid 1px #cccccc;
	float:left;
	padding:10px;
	margin:0px 10px 10px 0px;
	width:78%;
}

div.objectWrapFull {
	background-color:#ebf2fc;
	border:solid 1px #cccccc;
	padding:10px;
	margin:0px 10px 10px 0px;
}

div.object {
	background-color:white; /*#ebf2fc;*/
	border:solid 1px #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:150%;
	padding:10px;
}

.object td {
	line-height:150%;
}

.object h1 {
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:black;
	margin-bottom:10px;
	margin-top:0px;
	text-decoration:underline;
}

div.objectHead {
	margin-bottom:15px;
}
.objectHead h1 {
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
    font-size:24px;
    font-weight:bold;
}
.objectHead h2 {
	color:#666666;
	margin-top:6px;
	margin-bottom:6px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
}

.objectHead h2 a {
	border:0px;
	color:#666666;
	margin-top:6px;
	margin-bottom:6px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}


div.objectButtonsTop {
	background-color:#f5f5f5; 
	border:solid 1px #ccc; 
	border-bottom:0px; 
	padding:7px 12px;
	text-align:left;
}

div.objectButtonsBottom {
	background-color:#f5f5f5; 
	border:solid 1px #ccc; 
	border-top:0px; 
	padding:7px 12px;
	text-align:left;
}

div.objectButtonsTop input, div.objectButtonsBottom input {
    margin-right:5px;
}

div.sidebar {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	width:18%;
}

div.sidebar h1 {
	border-bottom:dotted 1px #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	text-decoration:none;
}

#sidebar {
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	width:18%;
}
#sidebar h1 {
	border-bottom:dotted 1px #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:5px;
	text-decoration:none;
}
#sidebar ul {
	margin:0;
	padding:0;
}
#sidebar li {
	background-color:transparent;
	background-image:url(/images/actionArrow.gif);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:2px 6px;
	padding-left:15px;
	padding-bottom:2px;
	border-bottom:dotted 1px #c0c0c0;
	margin-bottom:2px;
	line-height:1.5em;
	list-style-type:none;
}
#sidebar li a {
	text-decoration:none;
}
#sidebar li a:hover {
	text-decoration:underline;
}
.sidebarLine {
	border-bottom:dotted 1px #999;
	height:1px;
	line-height:1px;
	margin:10px 0px;
}
.sidebarSep1 {
	border-bottom:0px;
	height:1px;
	line-height:1px;
	margin:8px 0px;
}

div.buttonsBottom 
{
	clear:both;
	margin:10px 0px;
	text-align:right;
}

div.loading {
	background-image:url("/images/spinner.gif");
	background-position:center;
	background-repeat:no-repeat;
}

div.comment {
	border-bottom:1px solid #cccccc;
	padding:8px 0px;
}

div.commentAlternate {
	background-color:#f7f7f7;
	border-bottom:1px solid #cccccc;
	padding:8px 0px;
}

div.commentTitle {
    font-size:14px;
	margin-bottom:8px;
}

div.commentDate {
    color:#999;
    font-size:10px;
	margin-left:20px;
}

div.commentDetail {
	margin-left:20px;
}

div.commentPublic, div.publicComment {
    border-left:solid 4px #000000;
    margin:8px 0 20px 0;
    padding-left:8px;
}

div.commentPrivate, div.privateComment {
    border-left:solid 4px #cc0000;
    color:#cc0000;
    margin:8px 0 20px 0;
    padding-left:8px;
}

div.footer
{
	color:#d1d1d1; 
	font-size:9px; 
	margin-top:20px; 
	padding:10px; 
	text-align:center;
}

.darkGray {
	font-size: 11px;
	color: #666666;
}

.lightGray {
	color: #999999;
}

.mute {
	color:#999999;
}

.small {
	font-size:10px;
}

.bodyHeader 
{
	margin:12px 0px;
}

.bodyHeader h1 {
	margin-top:0px;
}

.bodyHeader:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .bodyHeader {height: 1%;}
.bodyHeader {display: block;}
/* End hide from IE-mac */


/* breadcrumb */

#breadCrumb {
	height: 18px;
	font-size:10px;
	margin:0 0 4px 0;
	padding:4px 0 0 4px;
	color: #666;
	}
#breadCrumb li {
	float: left;
	display: inline;
	margin-right: 4px;
	}
#breadCrumb li.current {
	font-weight:bold;
	}
#breadCrumb a {
	color: #666;
	font-size:10px;
	background-image:url(/images/bcsep.gif);
	background-position:right 50%;
	background-repeat:no-repeat;
	padding-right: 14px; /* padding for the background image */
	text-decoration: none;
	}
#breadCrumb a:hover {
	color: #333;
	}



.browseBlockHidden {
	display: none;
}

.browseBlockVisible {
	display: block;
}

.BusyTimeSlot {
	background-color:#660066;
	height:100%;
	width:100%;
}

.calendarDay {
	color: #cccccc;
	font-size: 11px;
}

.calendarDay:link {
	text-decoration: none;
}

.calendarDay:hover {
	color: #000099;
	text-decoration: underline;
}
.calendarBox {
	border:1px solid #999999;
	width:200px;
}

.calendarDayHeader {
	color: #666666;
	background-color:#EEEEEE;
	font-size: 11px;
	text-decoration: none;
}

.calendarToday {
	color:#FFFFFF;
	background-color:#CC6600;
	font-size: 11px;
	text-decoration: none;
}

.calendarToday:hover {
	text-decoration: underline;
}

.calendarTitle {
	color: #FFFFFF;
	background-color:#999999;
	text-decoration: none;
	font-weight:bold;
	font-size: 11px;
}

.editModeLabel {
	background-color: #335CA5;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

span.error {
	background-color:#cd4d4d;
	color:white;
	font-weight:bold;
}

td.error {
	background-color:#cd4d4d;
	color:white;
}

.error, .errorText {
	color: #cc0000;
}

.example {
	color:#666666; 
	font-size:10px; 
	font-style:italic; 
	margin-left:5px;
}

.floatRight 
{
	float:right;
}

.floatLeft
{
	float:left;
}

.footerText {
	font-size: 9px;
	color: #333333;
}

.footerLink {
	font-size: 11px;
	text-decoration: none;
}

.footerLink:hover {
	font-size: 11px;
	text-decoration: underline;
}

.footerSecondaryLink {
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

.footerSecondaryLink:hover {
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
}

.formLabel1 {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 4px;
	vertical-align: top;
}

.formLabelRow1 td {
	border-bottom: solid 1px #eeeeee;
}

.formLabel {
	font-weight:bold;
	vertical-align:top;
	text-align:right;
	padding-right:8px;
}

.gridColumnHeader {
	background: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color:#666666;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

.gridColumnHeader A:link {
	color:#666666;
	text-decoration: none;
}

.gridColumnHeader A:hover {
	color:#CC6600;
	text-decoration: none;
}

.gridColumnHeader A:visited {
	color:#666666;
	text-decoration: none;
}

.gridColumnHeader A:visited:hover {
	color:#CC6600;
	text-decoration: none;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}

hr {
	border:0px;
	height:1px;
	color:#cccccc;
	background-color:#cccccc;
}

input, table, textarea, select, p, a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input.primary {
	font-weight:bold;
}

input.small {
	font-size:10px;
	margin:1px;
	padding:2px;
}

input.invalid {
	background-color:#fff0f0 !important;
}

.labelSmallWithBox {
	font-size: 11px;
	border: 1px solid #999999;
	padding: 5px;
	width: 250px;
	clear: left;
}

.listHeaderRow {
	background-color: #004080;
	font-size: 11px;
	color: #FFFFFF;
}

.listLink {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

.listLink:hover {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}

.listLinkBold {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.listLinkBold:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}

.listRow {
	background-color: #003366;
	font-size: 11px;
	color: #FFFFFF;
}

.listRowEven {
	background-color: #003366;
	font-size: 11px;
	color: #FFFFFF;
}

.listRowHover {
	background-color: #FFFFCC;
	font-size: 11px;
	color: #FFFFFF;
}

.listRowOdd {
	background-color: #003366;
	font-size: 11px;
	color: #FFFFFF;
}

.listRowSelected {
	background-color: #6699FF;
	font-size: 11px;
	color: #FFFFFF;
}

.lm5 {
	margin-left:5px;
}

.lm10 {
	margin-left:10px;
}

.lm15 {
	margin-left:15px;
}

.lm20 {
	margin-left:20px;
}

.logNotes {
	font-size: 11px;
	color: #999999;
}

.logNotesTitle {
	font-size: 11px;
	font-weight: bold;
	color: #33AA33;
}

.MapLink {
	font-size: 10px;
	color: #999999;
	padding-bottom:6px;
	text-decoration: none;
}

.MapLink a {
	font-size: 10px;
	color: #999999;
	padding-bottom:6px;
	text-decoration: none;
}

.MapLink a:hover {
	font-size:10px;
	color:#CC6600;
	padding-bottom:6px;
	text-decoration:underline;
}

.menuText {
	font-size: 9px;
	color: #E0E0E0;
	letter-spacing: .1em;
	text-decoration: none;
}

.menuLink {
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}

.menuLink:hover {
	font-size: 8pt;
	color: #3457A1;
	text-decoration: underline;
}

.menuOpened {
	border-top: 1pt solid #CCCCCC;
	border-right: 1pt solid #999999;
	border-bottom: 1pt solid #999999;
	border-left: 1pt solid #999999;
	border-collapse: collapse; 
}

#MonthlyCalendar a {
	text-decoration:none;
}

a.noteLink {
    color:black;
    text-decoration:none;
    border-bottom:dotted 1px #999999;
}

a.noteLink:hover {
    color:blue;
    text-decoration:none;
    border-bottom:dotted 1px blue;
}

.pageLinks {
	color:#cccccc;
	float:right;
}

.pagerLink {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
}

.pagerLink:hover {
	font-size:11px;
	color:#3457A1;
	text-decoration:underline;
}

p.error {
	background-color:#fffff2;
	border:solid 1px #cccccc;
	color:#cc0000;
	margin-top:10px;
	padding:7px;
}

p.noRecords {
	background-color:#eeeeee;
	border:solid 1px #cccccc;
	color:#000000;
	margin-top:10px;
	padding:7px;
}

p.saved {
	background-color:#ebf2fc;
	border:solid 1px #004182;
	color:#004182;
	font-weight:bold;
	margin-top:10px;
	padding:7px;
}

.private {
	color:#cc0000;
	font-weight:bold;
	text-transform:uppercase;
}

.RequiredAsterisk {
	font-size: 11px;
	font-weight: bold;
	color: #CC3300;
}

.RequiredField {
	color:#CC0000;
	font-weight:bold;
}

span.required {
	color:#CC0000;
	font-weight:bold;
	margin-right:5px;
}

.schedItem {
	color:#666666;
	line-height:140%;
}

.schedSRLink {
	color:#666666;
	line-height:140%;
	text-decoration:none;
}

.schedSRLink:hover {
	line-height:140%;
	text-decoration:underline;
}


p.searchResults 
{
	padding:6px;
	background-color:#ebf2fc;
	border:solid 1px #cccccc;
	margin:0px;
}
.SearchResultsLabel {
	font-size: 11px;
	font-weight: bold;
	color: #CC6600;
}

.sectionBar1 {
	background-color:#eeeeee;   /*#dfdfdf;*/
	border-top:solid 1px #cccccc; 
	border-bottom:solid 1px #999999;
	color:#666666;
	font-weight:bold;
	margin-bottom:8px; 
	margin-top: 10px;
	padding:4px; 
}

.SectionLabel {
	font-size: 115%;
	font-weight: bold;
	color:black;
}

.softLabel {
	color:#999999;
}

.softLink {
	color: #999999;
	text-decoration: none;
}

.softLink:hover {
	text-decoration: underline;
}

.SRDescription {
	color:#333333;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.SRSubTitle {
	color:#666666;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.SRSubTitle2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#666666;
	letter-spacing:0.01em;
	line-height:150%;
}

.SRSubTitle2 a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	color:#666666;
	letter-spacing:0.01em;
	line-height:150%;
}

.SRSubTitle2 a:hover {
	color:blue;
}

.SRTitle {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight:bold;
	text-decoration:none;
}

.SRTitle a {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight:bold;
	text-decoration:none;
}

.SRTitle a:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #333333;
	font-weight:bold;
	border-bottom:1px solid #333333;
	text-decoration:none;
}

.StatusMessage_Error {
	font-size: 11px;
	font-weight: bold;
	color:#CC0000;
}

.StatusMessage_ErrorDetails {
	font-size: 10px;
	font-weight: normal;
	color: #CC0000;
}

.StatusMessage_OK {
	font-size: 11px;
	font-weight: bold;
	color: #CC6600;
}

.subPageTitle {
	font-size: 16px;
	color: #666666;
	letter-spacing: 0.2em;
	font-weight: bold;
}

.subPageTitleWhite {
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0.2em;
	font-weight: bold;
}

.tableBorderHorizontal {
	border-top: 0pt solid #999999;
	border-right: 0pt solid #999999;
	border-bottom: 1pt solid #EEEEEE;
	border-left: 0pt solid #999999;
	border-collapse: collapse; 
}

.tableBorderThin {
	border-top: 1pt solid #999999;
	border-right: 1pt solid #999999;
	border-bottom: 1pt solid #999999;
	border-left: 1pt solid #999999;
	border-collapse: collapse; 
}

.topLevelMenu{
	font-size: 10px;
	font-weight: bold;
	color: #3457A1;
	text-decoration: none;
}

.topLevelMenu:hover{
	font-size: 10px;
	font-weight: bold;
	color: #CC6600;
	text-decoration: underline;
}

table.changeStat {
    border:0px !important; 
    padding:0px !important;
}
table.changeStat td {
    border:0; 
    padding:0; 
}
table.changeStat img {
    padding-top:5px;
    margin-right:5px;
}

.TableDetailLink {
	color:#999999;
}

.UserScheduleBlock {
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.UserScheduleBlockHeader {
	background:#eeeeee; 
	border-bottom:1px solid #cccccc; 
	padding:4px; 
}

.WeeklyCalendarDayLabelBox {
	margin-bottom:5px;
}

.itemGrid td {
	border-right:solid 1px #eeeeee;
	border-bottom:dotted 1px #eeeeee;
	padding-right:8px;
	padding-left:4px;
	vertical-align:top;
}

.itemGrid th {
	text-align:left;
}

div.line {
	border-top:solid 1px #eeeeee;
	margin:10px 0px;
}

div.lineOnGray {
	border-top:solid 1px #cccccc;
	margin:10px 0px;
}

.small {
	font-size:11px;
}

.smaller {
	font-size:10px;
}

.smallest {
	font-size:9px;
}

.bm0 {
	margin-bottom:0px;
}

.bm5 {
	margin-bottom:5px;
}

.bm10 {
	margin-bottom:10px;
}

.bm15 {
	margin-bottom:15px;
}

.bm20 {
	margin-bottom:20px;
}

.bm30 {
	margin-bottom:30px;
}

.tm0 {
	margin-top:0px;
}

.tm5 {
	margin-top:5px;
}

.tm10 {
	margin-top:10px;
}

.tm15 {
	margin-top:15px;
}

.tm20 {
	margin-top:20px;
}

.tm30 {
	margin-top:30px;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* HEADER STYLES */
/* ------------- */

	/* header */

	.hdr {
		background-color:#004182;
		clear:both;
		color:#ffffff;
		margin:auto auto;
	}

	.hdrContainer {
		margin:0px 15px;
	}

	.hdrLeft {
		float:left; 
		margin-left:4px;
		margin-top:10px;
	}

	.hdrLeft h1 {
		color:#ffffff;
		font-family:Arial,Helvetica,sans-serif;
		font-size:22px;
		margin:5px 0px 5px 0px;
	}

	.hdrRight {
		font-size:11px;
		float:right; 
		line-height:18px;
		margin-right:4px; 
		margin-top:8px;
		text-align:right;
	}

	.hdrRight a {
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
		border-bottom:solid 1px;
	}

	.hdrRight a:hover {
		color:#ffffff;
		font-size:11px;
	}


	/* navigation tabs */



	/* submenu */

	.subMenu {
		border-bottom:1px dotted #cccccc;
		background-color:#eeeeee;
		color:#cccccc;
		font-size:10px;
		margin:0px; 
		padding:12px 10px;
	}

	.subMenu a {
		font-size:11px;
		text-decoration:none;
		height:16px;
		vertical-align:middle;
		padding:3px;
	}

	.subMenu a:hover 
	{
	    background:#d5d5d5;
		font-size:11px;
		text-decoration:none;
		height:16px;
		vertical-align:middle;
	}

    .subMenu div.active a {
	    background:#d5d5d5;
	    font-weight:bold;
	    color:Black;
    }
    
	.subMenu div {
	    display:inline;
	    margin-right:20px;
	}
    .subMenu div img {
        height:16px;
        vertical-align:middle;
        margin-right:2px;
    }



	/* miscellaneous */

	.maintNotice {
		background-color:#ffffcc;
		border:solid 1px #cccccc;
		color:#cc0033; 
		font-weight:bold;
		padding:8px; 
		text-align:center; 
		margin:10px auto 10px auto; 
		width:95%;
	}

	.tabIntroBox {
		border:1px solid #cccccc;
		background-color:#ffffcc;
		font-size:12px;
		line-height:150%;
		padding:10px;
		margin:10px 10px 0px 10px;
	}

	.tabIntroBox h2 {
		font-size:14px;
		font-weight:bold;
		margin-top:0px;
	}
		
	.tabIntroBox p {
		margin-bottom:0px;
	}

	.tabIntroBox a {
		font-size:12px;
	}


	/* shortcuts bar */

	.recentItems img {
		margin-right:5px;
	}

	.shortcut, .recentItem, .quickAddItem {
		border-bottom:solid 1px #cccccc;
		clear:right;
		margin-bottom:2px; 
		padding-bottom:2px; 
	}

	.shortcutBar {
		background-color:#0f0f0f; 
		color:white; 
		padding:5px 20px; 
		font-size:10px;
	}

	.shortcutBar a {
		color:white;
		font-size:10px;
		padding-bottom:1px;
		text-decoration:none;
	}

	.shortcutBar a:hover {
		border-bottom:dotted 1px;
		color:white;
		padding-bottom:1px;
		text-decoration:none;
	}

	div.menu {
		border-width:0px 2px 3px 1px;
		border-color:black #999999 #999999 #cccccc;
		border-style:solid solid solid solid;
		background-color:#eeeeee;
		color:black;
		font-size:11px;
		line-height:200%;
		padding:5px 10px 10px 10px;
		position:absolute;
	}

	div.menu a {
		font-size:11px;
		text-decoration:none;
	}

	div.menu a:hover {
		font-size:11px;
		text-decoration:underline;
	}
	#menuQA {
		top:20px;
		left:19px;
		width:300px;
	}

	#menuRI {
		top:20px;
		left:64px;
		width:300px;
	}

	#menuSC {
		top:20px;
		left:127px;
		width:300px;
	}




/* CALENDAR STYLES */
/* --------------- */

	.calendar_button, .ca_calendarButton {
		border: none;
		cursor: pointer;
	}

	.picker_button {
		vertical-align:bottom; 
		margin-bottom:4px; 
		margin-left:2px; 
		cursor:pointer;
	}
	
	.picker, .ca_picker {
		background-color: #FFFFFF;
		font-size: 12px;
		padding: 2px;
		cursor: pointer;
	}

	.calendar td, .ca_calendar td {
		font-size: 10px;
	}

	.title, .ca_title {
		color: white;
		font-weight: bold;
		background-color:#cccccc;
	}

	.ca_title2 {
		color: black;
		font-weight: normal;
		background-color: #eeeeee;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.day, .ca_day {
		width: 20px;
		cursor: pointer;
		text-align: center;
		border-width: 1px;
		border-color: #F6F6F6;
		border-style: solid;
	}

	.dayhover, .ca_dayHover {
		width: 20px;
		cursor: pointer;
		text-align: center;
		border-width: 1px;
		border-color: #F6F6F6;
		border-style: solid;
		background-color: #99ccff;
		color: #000000;
	}

	.selectedday, .ca_selectedDay {
		width: 20px;
		background-color: #99ccff;
		color: #000000;
		border-width: 1px;
		border-color: #ffffff !important;
		border-style: solid;
		visibility: visible;
	}

	.dayheader, .ca_dayHeader {
		width: 20px;
		text-align: center;
		border-width: 1px;
		border-color: white;
		border-style: solid;
		font-weight: normal;
		background-color: #FFFFFF;
	}

	.othermonthday, .ca_otherMonthDay {
		background-color:#f5f5f5;
		color: #999999;
	}

	.outofrangeday, .ca_outOfRangeDay {
		visibility: hidden;
	}

	.calendar, .ca_calendar {
		border-style: solid;
		border-width: 1px;
		border-color: #999999;
		border-collapse: collapse;
		background-color: #FFFFFF;
		cursor: default;
	}

	.calendar2, .ca_calendar2 {
		border-style: solid;
		border-width: 1px;
		border-color: #cccccc;
		border-collapse: collapse;
		background-color: #FFFFFF;
		cursor: default;
	}

	.month, .ca_month {
		background-color: #FFFFFF;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
		margin-top: 0px;
	}

	.nextprev, .ca_nextPrev {
		cursor: pointer;
		height: 20px;
		vertical-align: middle;
		padding: 0px 5px 0px 5px;
	}

	.selector, .ca_selector {
		width: 14px;
		cursor: pointer;
		text-align: left;
		vertical-align: middle;
		background-color: #FFFFFF;
	}

	.ca_today {
		font-weight: bold !important;
	}


	.ca_weekendDay {
		color: #999999;
	}




/* STYLES FOR SCHEDULING VIEW */
/* -------------------------- */

	div.apptPopUp td.formLabel {
		font-weight:normal;
		padding-right:6px;
		text-align:right;
	}
	
	div.apptPopUp h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:0px;
	}
	
	div.apptPopUp h1 a {
		color:Black;
		font-size:14px;
		font-weight:bold;
		margin-bottom:0px;
		text-decoration:none;
	}

	div.apptPopUp h1 a:hover {
		text-decoration:underline;
	}
	
	div.apptBox span.apptTime {
		font-size:11px;
	}
	
	#contentBody {
		margin:10px 10px;
	}

	.apptContinues_right {
		border-right:0 !important;
	}

	.apptContinues_left {
		border-left:0 !important;
	}

	.apptBox {
		background-color:#ffffcc;
		border:solid 1px #cccccc;
		margin:2px;
		padding:3px;
		cursor:pointer;
		line-height:130%;
	}

	.apptBox_User {
		background-color:#a5a5a5;
		color:white;
		margin:0px;
		padding:2px;
	}

	.apptBox_Highlighted {
		background-color:#eeeeee;
		border:solid 1px #666666;
		margin:2px;
		padding:3px;
		cursor:pointer;
		line-height:130%;
	}

	.apptBoxContainer_Month {
		font-size:9px;
		margin:1px;
		margin-bottom:3px;
		padding:0px;
		cursor:pointer;
	}

	.apptBox_Month {
		background-color:#ffffcc;
		border:solid 1px #cccccc;
		border-top:0px;
		font-size:9px;
		margin:0px;
		margin-bottom:2px;
		padding:2px;
		cursor:pointer;
	}

	.apptBox_Month_Highlighted {
		background-color:#eeeeee;
		border:solid 1px #666666;
		font-size:9px;
		margin:1px;
		padding:1px;
		cursor:pointer;
	}

	.ca_title {
		color: black;
		font-weight:normal;
	}

	.apptPopUp {
		font-size:12px;
		font-family:arial,helvetica,sans-serif;
		background-color:#ffffff;
		line-height:150%;
		/*visibility:hidden;*/
		padding:6px;
		position:absolute;
		top:1000px;
		left:1000px;
		width:430px;	/*390px; */
		border:solid 1px #999999;
		border-right:solid 2px #999999;
		border-bottom:solid 2px #999999;
	}

	.apptPopUpCloseButton {
		float:right;
		margin-right:2px; 
		margin-top:2px;
		position:relative; 
	}

	.apptPopUpCloseButton img {
		cursor:pointer;
	}

	.apptPopUpFooter {
		border-top:solid 1px #cccccc; 
		margin-top:10px; 
		padding-top:5px;
	}

	.apptPopUp a {
		font-family:arial,helvetica,sans-serif;
		font-size:12px;
	}

	.apptPopUp h1 {
		margin-top:0px;
		margin-bottom:5px;
		font-size:13px;
		font-weight:bold;
	}

	.apptPopUpApptList {
		display:list-item;
		list-style-image:url(/images/arrowRight.gif);
		margin:0px 0px 15px 20px;
	}

	.apptPopUpCreateApptLink {
		display:list-item;
		list-style-image:url(/images/plus1.gif);
		margin:0px 0px 15px 20px;
	}

	.apptPopUpBody {
		margin-top:10px;
	}

	.apptPopUpButton {
		border:solid 1px #cccccc;
		background-color:#eeeeee;
		cursor:pointer;
		font-size:9px;
		font-family:verdana,sans-serif;
		color:black;
		margin-right:4px;
		
		padding:0 .25em 0 .25em;
		width:auto;
		overflow:visible;
	}

	.apptPopUpRepeatInfo {
		margin-left:20px;
	}

	.apptPopUpRepeatInfo img {
		margin-left:-20px;
		padding-right:3px;
	}

	.apptPopUpApptLink {
		font-size:11px;
	}

	.apptPopUpSRLink {
		color:#666666;
		font-size:12px;
		text-decoration:none;
	}

	.apptPopUpSRLink:hover {
		color:#666666;
		text-decoration:underline;
	}

	.apptPopUpApptLineItem {
		color:#666666;
		padding-bottom:5px;
		padding-top:3px;
	}

	.apptPopUpHeaderBar {
		background-color:#cccccc; 
		line-height:200%;
		padding:4px 5px; 
		font-family:verdana,sans-serif;
		font-size:12px; 
	}

	.apptPopUpHeaderBar td {
		font-family:verdana,sans-serif; 
		font-size:12px; 
	}

	.calendar_button {
		cursor:pointer;
		margin-bottom:3px;
		vertical-align:bottom; 
	}

	#apptPopRescheduleCtrls {
		margin-top:10px;
	}

	.ca_title {
		background-color:#6A8BD0;
		color:White;
	}

	.ca_calendar {
		border-color: #3457a1;
	}

	.filterByInfoBox {
		background-color:#ffffcc; 
		border:solid 1px #cccccc; 
		margin-bottom:10px; 
		padding:5px;
	}

	.schedViewSidebar {
		background-color:#ebf2fc;
		padding:0px 10px 10px 10px;
		vertical-align:top; 
		width:160px; 
	}

	.schedViewSidebar p {
		margin-top:18px;
		margin-bottom:3px;
	}

	.schedMonthDayHdr, .schedMonthDayHdr_prev {
		border-top:solid 1px #cccccc; 
		font-size:11px;
		padding-right:4px;
		text-align:right; 
		vertical-align:top; 
		height:20px;
	}

	.schedMonthDayHdr a {
		color:black;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
	}

	.schedMonthDayHdr_prev a {
		color:#cccccc;
		font-size:11px;
		text-decoration:none;
	}

	.scheduleCell {
		background-color:#ffffff;
	}

	.scheduleCell_Selected {
		background-color:#cccccc;
	}

	.scheduleCellReload {
		background-color:#eeeeee;
		border:solid 1px #cccccc;
		color:#0000cc;
		font-size:8px;
		font-weight:bold;
		margin:6px auto;
		padding:6px;
		text-align:center;
		text-decoration:blink;
		width:90%;
	}

	.popUpApptInfoLink {
		text-decoration:none;
	}


/* SUB-TAB STYLES */
/* -------------- */

    #tabnav
    {
	    height: 24px;
	    margin: 0;
	    padding-left: 10px;
	    background: url(tab_bottom_ccc.gif) repeat-x bottom;
    }

    #tabnav li
    {
	    margin: 0;
	    padding: 0;
	    display: inline;
	    list-style-type: none;
    }

    #tabnav a:link, #tabnav a:visited
    {
	    float: left;
	    background: #eeeeee;	/*#f3f3f3;*/
	    font-size: 12px;
	    line-height: 18px;
	    font-weight: normal;
	    padding: 2px 10px 2px 10px;
	    margin-right: 4px;
	    border: 1px solid #ccc;
	    text-decoration: none;
	    color: #666;
    }

    #tabnav a:link.active, #tabnav a:visited.active
    {
	    border-bottom: 1px solid #fff;
	    background: #fff;
	    color: #000;
	    font-weight: bold;
    }

    #tabnav a:hover
    {
	    background: #fff;
    }

    div.subTabContainer {
        background-color:white;
        border:solid 1px #ccc;
        border-top:0px;
        line-height:150%;
        padding:10px 15px;
    }
    div.subTabContainer td {
        line-height:175%;
    }

/* GRID STYLES */
/* ----------- */

    .GridHeaderBar {
	    padding-top:0px;
	    padding-bottom:5px;
    }

    .GridNavBottom {
	    background-color:#E6EBF7;
	    border-bottom:1px solid #CCCCCC;
	    border-left:1px solid #CCCCCC;
	    border-right:1px solid #CCCCCC;
	    color:black;
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:11px;
	    margin-left:-1px;
	    padding:5px;
    }

    .GridNavBottom td {
	    font-size:11px;
    }

    .GridNavTop {
	    background-color:#E6EBF7;
	    border-top:1px solid #CCCCCC;
	    border-left:1px solid #CCCCCC;
	    border-right:1px solid #CCCCCC;
	    color:black;
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:11px;
	    margin-left:-1px;
	    padding:5px;
    }

    .GridNavTop td {
	    font-size:11px;
    }

    .GridNavTop a {
	    font-size:11px;
        text-decoration:none;
    }

    .GridNavTop a:hover {
	    font-size:11px;
        text-decoration:underline;
    }

    .gridItem {
	    color:#000000;
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
	    padding-left:6px;
	    padding-right:8px;
	    padding-bottom:6px;
	    padding-top:6px;
    }

    .gridItem a {
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
    }

    .gridItemHeader {
	    color:#666666;
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    margin-left:2px;
	    margin-right:2px;
	    margin-bottom:6px;
	    margin-top:6px;
    }

    .gridItemHeader a {
	    background:#EEEEEE;
	    color:#666666;
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    margin-left:2px;
	    margin-right:2px;
    }

    .gridItemHeader a:hover {
	    background:#EEEEEE;
	    color:blue;
	    font-family:Verdana, Arial, Helvetica, sans-serif;
	    font-size:12px;
	    font-weight:bold;
	    text-decoration:none;
	    margin-left:2px;
	    margin-right:2px;
    }

    .gridHeader {
	    background-color:#a5a5a5;
	    color:white;
	    margin:0px;
	    padding:6px;
    }

    .gridHeader a {
	    color:white;
	    text-decoration:none;
    }

    .gridHeader a:hover {
	    text-decoration:underline;
    }

    .gridHeaderSep {
	    color:#d1d1d1;
	    font-size:9px;
	    margin:0px 10px;
    }

    .gridFilter {
	    background-color:#d1d1d1;
	    border-bottom:solid 1px #999999;
	    color:#333333;
	    font-size:12px;
	    margin:0px;
	    padding:6px 8px 6px 4px;
	    text-align:right;
    }

    .gridSearch {
	    background-color:#c7d7e9;	/*#b5cae1;	#d1d1d1;*/
	    border-bottom:solid 1px #999999;
	    color:#333333;
	    font-size:12px;
	    margin:0px;
	    padding:6px 8px 6px 4px;
    }

    .gridNav {
	    background-color:#dedede;
	    color:#333333;
	    font-size:11px;
	    margin:0px;
	    padding:6px 8px 6px 4px;
    }

    .gridNav a, .gridNav td, .gridNav select {
	    font-size:11px;
    }

    .gridNav a {
	    color:#333333;
	    font-size:9px;
	    text-decoration:none;
    }

    .gridNav a:hover {
	    color:#000000;
	    border-bottom:dotted 1px;
    }

    .grid {
	    border:solid 1px #dedede;
	    border-collapse:collapse;
	    width:100%;
    }

    .grid tr:hover {
	    background-color:#ffffcf;
    }

    .gridFooterRow tr:hover {
	    background-color:#eeeeee !important;
    }

    .grid td {
	    border-left:solid 1px #dedede;
	    border-right:solid 1px #dedede;
	    line-height:150%;
	    padding:4px 10px 4px 4px;
	    vertical-align:top;
    }

    .grid td a {
	    text-decoration:none;
    }

    .grid td a:hover {
	    text-decoration:underline;
    }

    .grid th, .gridFooterRow {
	    background-color:#eeeeee;
	    border-left:solid 1px #dedede;
	    border-right:solid 1px #dedede;
	    border-top:solid 1px #cccccc;
	    border-bottom:solid 1px #dedede;
	    color:#666666;
	    font-weight:bold;
	    padding:4px 10px 4px 4px;
	    text-align:left;
    }

    .grid th a, .gridFooterRow a {
	    color:#666666;
	    font-weight:bold;
	    text-decoration:none;
    }

    .grid th a:hover, .gridFooterRow a:hover {
	    color:blue;
	    font-weight:bold;
	    text-decoration:underline;
    }

    .gridAltRow {
	    background-color:#f9f9f9;
    }

    .gridNavSep {
	    color:#999999;
	    font-size:9px;
	    margin:0px 5px;
    }



/* SERVICE REQUEST STYLES */
/* ---------------------- */

    h1#srCustName {
	    color:#666666;
        margin-top:6px;
        margin-bottom:6px;
        font-family:Arial,Helvetica,sans-serif;
        font-size:20px;
        font-weight:normal;
    }

    .subTabContainer h1 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:18px;
        font-weight:bold;
        color:black;
        margin-bottom:10px;
        margin-top:0px;
        /*text-decoration:underline;*/
    }

    .object h1 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:16px;
        font-weight:bold;
        color:black;
        margin-bottom:10px;
        margin-top:0px;
        text-decoration:underline;
    }

    .subTabContainer, .subTabContainer td {
        line-height:150%;
    }

    .srBodySection {
        margin-top:35px;
    }
    .srBodySection h2 {
        font-family:Arial,Helvetica,sans-serif;
        font-size:16px;
        font-weight:bold;
        color:black;    /*#993300;*/
        margin-bottom:10px;
        margin-top:0px;
        text-decoration:underline;
    }
    .srSectionFooter {
        color:#999999;
        margin-top:10px;
        margin-left:5px;
    }
    .srSectionFooter a {
        color:#999999;
    }
    .srSectionFooter a:hover {
        color:#cc6600;
    }
    #srSidebar {
        float:left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height:20px;
        width:18%;
    }
    #srSidebar h1 {
        border-bottom:dotted 1px #999;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight:bold;
        /*margin-top:20px;*/
        margin-top:0px;
        margin-bottom:5px;
        text-decoration:none;
    }
    .sidebarLine {
        border-bottom:dotted 1px #999;
        height:1px;
        line-height:1px;
        margin:10px 0px;
    }
    .sidebarSep1 {
        border-bottom:0px;
        height:1px;
        line-height:1px;
        margin:8px 0px;
    }
    .srOverviewGrid td {
        border-right:solid 1px #eeeeee;
        border-bottom:dotted 1px #eeeeee;
        padding-right:8px;
        padding-left:4px;
        vertical-align:top;
    }
    .srOverviewGrid th {
        text-align:left;
    }
    .srItemGrid td {
        border-right:solid 1px #eeeeee;
        border-bottom:dotted 1px #eeeeee;
        padding-right:8px;
        padding-left:4px;
        vertical-align:top;
    }
    .srItemGrid th {
        text-align:left;
    }
    .itemNotes {
        border-left:solid 4px #cccccc;
        margin:7px 5px;
        padding-left:8px;
        color:#999999;
        font-size:11px;
    }
    p.srNotice {
	    border:solid 1px #cccccc;
	    background-color:#ffffcc;
	    padding:10px;
    }