BODY { background-color: #cccccc; }

.clsColorActivity { background-color: #003366; }
.clsColorReservation { background-color: #330066; }
.clsColorSearch { background-color: #663300; }
.clsColorAvailability { background-color: #006633; }
.clsColorManage { background-color: #660033; }
.clsColorRequest { background-color: #EE5500; }
.clsColorVideo { background-color: #999900; }

/*
Const ActivityDarkColor = "#003366"         ' was #000080
Const ReservationDarkColor = "#330066"      ' was #800080
Const SearchDarkColor = "#663300"           ' was #ff6600
Const AvailabilityDarkColor = "#006633"     ' was #006600
Const ManageDarkColor = "#660033"
Const RequestDarkColor = "#ee5500"
Const VideoDarkColor = "#999900"
Light colors: activity: d1dbe4; }
*/

a { color: darkblue; }
.bold1, .bold2, .bold3, .bold4 { font-weight: bold; }
.bold2right  { font-weight: bold; text-align: right; }
.formsm { font-size: 92%; }
.formmain { margin: 0; padding: 0; }

BODY.clsIndexPage { background-color: #003366; margin: 0px; }
DIV.Menu { padding: 2px; }
DIV.Title { padding: 2px; }
DIV.Footer { padding: 5px; font-weight: bold; }

/* cS = clsSearch */
A.cS { font-size: 85%; white-space: nowrap; font-weight: bold; border: 1px solid #9999bb; padding-left: 2px; padding-right: 2px; text-decoration: none; }
A.cS:visited:hover { color: #cc0000; border: 1px solid #cc0000; }
A.cS:link:hover { color: #cc0000; border: 1px solid #cc0000; }

SPAN.WhiteSearch A { color: white; font-weight: bold; border: 1px solid white; padding-left: 2px; padding-right: 2px; text-decoration: none; }
SPAN.WhiteSearch A:visited:hover { color: magenta; border: 1px solid magenta; }
SPAN.WhiteSearch A:link:hover { color: magenta; border: 1px solid magenta; }

TABLE.clsFileNameTable TD { font-family: arial narrow; }
TD.clsNav, TD.clsNavNoHover { margin: 2px; padding: 2px 4px; border-style: solid; border-color: white black black white; /* #d1dbe4;*/  color: white; text-align: center; font-weight: bold; cursor: pointer; border-width: 1px; /* 2 2 2 2 */ }
TD.clsNavHovered { padding: 2px 4px; border-style: solid; border-color: black white white black; color: white; text-align: center; font-weight: bold; cursor: pointer; border-width: 1px; /* 2 2 0 2 */ }

TABLE.clsReservation { border-collapse: separate; border-spacing: 1em; }
TD.clsReservationStep { background-color: #e8e8ef; padding: 0.5em; }

DIV.clsActivityListNavigation { margin-top: -10px; text-align: center; width: 100%; }
DIV.clsDateGrouping { font-weight: bold; border: 1px solid #666666; padding: 5px; margin: 15px; }

BODY.clsBodyActivity .cColor { background-color: #003366; }
BODY.clsBodyReservation .cColor { background-color: #330066; }
BODY.clsBodySearch .cColor { background-color: #663300; }
BODY.clsBodyAvailability .cColor { background-color: #006633; }
BODY.clsBodyManage .cColor { background-color: #660033; }
BODY.clsBodyRequest .cColor { background-color: #EE5500; }
BODY.clsBodyVideo .cColor { background-color: #999900; }

SPAN.clsDate { font-size: 129%; }

DIV.clsPeriodGrouping { font-weight: bold; padding: 5px; margin: 5px; }
SPAN.clsPeriod { font-size: 129%; }

DIV.clsActivityGrouping { cursor: pointer; color: black; padding: 3px; margin: 3px 0px 3px 10px; border: 1px solid #999999; 
	background-color: #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 

DIV.clsActivityListIcons { float: right; }
SPAN.clsTaskIncomplete { padding: 0em 0.5em; font-size: 89%; cursor: pointer; font-weight: bold; color: white; background-color: darkorange; border: 1px outset black; }
SPAN.clsActivityCompleted { padding: 0em 0.5em; font-size: 89%; cursor: pointer; font-weight: bold; color: white; background-color: green; border: 1px outset black; }
SPAN.clsPassiveCompleted { padding: 0em 0.5em; font-size: 89%; cursor: pointer; font-weight: bold; color: white; background-color: green; border: 1px outset black; }
SPAN.clsTaskCompleted { padding: 0em 0.5em; font-size: 89%; cursor: pointer; font-weight: bold; color: white; background-color: green; border: 1px outset black; }
SPAN.clsActivityIncomplete { padding: 0em 0.5em; font-size: 89%; cursor: pointer; line-break: strict; font-weight: bold; color: white; background-color: #ee0000; border: 1px outset black; }
SPAN.clsActivityPassive { padding: 0em 0.5em; font-size: 89%; cursor: pointer; line-break: strict; font-weight: bold; color: white; background-color: #003366; border: 1px outset black; }
DIV.clsTaskNotes { margin: 2px 2px 0px 20px; }
DIV.clsActivityNotes { line-height: 1.5em; font-weight: normal; margin: 2px 2px 0px 20px; }

DIV.clsSectionHead { text-align: center; color: white; font-weight: bold; padding: 5px; margin: 15px; border: 3px outset; }

.cC, SPAN.clsClicky, SPAN.clsClickyNOTLoggedIn { font-weight: bold; cursor: pointer; border: 1px solid #eeeeaa; 
	background-color: #eeeebb; padding-left: 2px; padding-right: 2px; }

SPAN.cC { padding-left: 2px; padding-right: 2px; margin-left: 0px; margin-right: 5px; }

.cCNone { color: #aaaaaa; }
DIV.clsClicky, DIV.clsClickyNOTLoggedIn { display: block; font-weight: bold; cursor: pointer; border: 1px solid gray; padding-left: 2px; padding-right: 2px; }
.cT, .cF, .cI, .cY { display: none; }

SPAN.clsClicky:hover, DIV.clsClicky:hover, .cC:hover { background-color: #f2f2cc; }

/* H1.clsAVS, DIV.clsGeneral */ H1 { margin: 1em 0em; font-size: 136%; font-weight: bold; border-bottom: 1px solid; }
H1.clsScreenTitle { font-size: 144%; font-weight: bold; border-bottom: 1px solid #666666; 
	border-right: 1px solid #666666; line-height: 80%; padding-bottom: 0.3em;
	margin-top: 0em; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
/* H2.clsAVS, DIV.clsGeneral */ H2 { font-size: 122%; font-weight: bold; color: navy; margin-bottom: 0px; }
/* H3.clsAVS, DIV.clsGeneral */ H3 { font-size: 107%; font-weight: bold; color: black; }
.clsReservationStep H1 { margin-top: 0em; border-style: none; }

DIV.clsGeneral UL { margin-top: 5px; }

DIV.clsBACK { font-size: 92%; padding: 3px; color: #666666; padding-bottom: 10px; }
DIV.clsBACK A { text-decoration: none; }
DIV.clsBACK A:hover { text-decoration: underline; }

DIV.clsRequest { margin: 15px; border: 1px solid black; padding: 5px; }

TABLE.clsTable TD { }
DIV.clsElapsedTime { color: gray; }

/* for yellow Completed text - text was too lite on firefox printouts */
SPAN.clsTaskIncomplete SPAN { display: none; }
SPAN.clsActivityCompleted SPAN { color: yellow; }
SPAN.clsPassiveCompleted SPAN { color: yellow; }
SPAN.clsTaskCompleted SPAN { color: yellow; }
SPAN.clsActivityIncomplete SPAN { display: none; }
SPAN.clsActivityPassive SPAN { display: none; }

SPAN.clsPrivateActivity { font-size: 89%; font-weight: bold; border: 1px outset black; color: white; background-color: black; padding: 0em 0.5em; }

#objActivityMenu { border: 2px outset #999999; display: none; position: absolute; }
#objActivityMenu-div { position: relative; top: 0; left: 0; border: 2px solid black; 
	border-top: 2px solid #cccccc; border-left: 2px solid #cccccc; background-color: #cccccc; /* height: 24px; */ width: 175px; }
#objActivityMenu-div-div, #objActivityMenu-Complete, #objActivityMenu-Incomplete, #objActivityMenu-Link, 
	#objActivityMenu-AVCodes, #objActivityMenu-Hardcopy, #objActivityMenu-EmailPatron 
	{ position: relative; top: 0; left: 0; border: 1px solid black; border-top: 1px solid white; 
	border-left: 1px solid white; padding: 2px; padding-left: 20px; cursor: pointer; }
DIV.clsMenuIcon { margin-top: -1px; float: left; width: 21px; }
DIV.clsMenuIcon IMG { vertical-align: middle; }
DIV.cMenuItem { background-color: #cccccc; font-size: 92%; }
DIV.cMenuItem:hover { background-color: #dddddd; }

#objActivityMenu-Complete, #objActivityMenu-Incomplete, #objActivityMenu-Link, #objActivityMenu-AVCodes, 
	#objActivityMenu-Hardcopy { display: none; }	

DIV.clsMessageBox { border: 1px solid #aaaaaa; background-color: #dddddd; margin: 10px 100px 10px 100px; padding: 10px; 
	-moz-border-radius: 10px; -webkit-border-radius: 10px; 
old-background-color: #dddddd; old-margin: 15px; old-padding: 5px; xxmargin-bottom: 10px; }

DIV.clsMessageBox DIV.clsTitle { font-weight: bold; padding-bottom: 2px; border-bottom: 1px solid black; }
DIV.clsMessageBox DIV.clsBody { margin-left: 24px; margin-top: 2px; }

SPAN.clsFakeLink { color: #000080; text-decoration: underline; cursor: pointer; }

/* Jan 2007 reset */
TD { padding: 3px; }
P { margin: 1em; }
TD.clsMainTable { padding: 10px; }
.clsMenu TD { padding: 2px; }
.clsMenu { margin-bottom: 10px; }
DIV.clsActivityGrouping DIV.type { display: none; }
DIV.clsActivityGrouping DIV.activityId { display: none; }
DIV.clsActivityGrouping DIV.reservationId { display: none; }
DIV.clsActivityGrouping DIV.patronEmail { display: none; }
BLOCKQUOTE { margin: 1em 3em; }
#objAVSHeader { font-size: 136%; font-weight: bold; }
STRONG { font-weight: bolder; }
UL { list-style-type: disc; margin: 0.5em 1em 0.5em 2em; }
UL LI { list-style: disc outside; }

/* calendar */
.yui-calendar td.wd0 a { color:red; }
.yui-calendar td.wd6 a { color:red; }

/* reservation form */
DIV.clsHelpText { color: maroon; font-size: 81%; font-weight: bold; }
#selPatron { font-size: 74%; }
.clsResPiece { margin: 0.5em 0em; }

/* Activity Highlighting */
DIV.cPending, .cPending SELECT { background-color: #ffffcc !important; }
DIV.cCanceled, .cCanceled SELECT { background-color: #ffcccc !important; }
DIV.cSuccess, .cSuccess SELECT { background-color: #ccffcc !important; }
DIV.cHighlight, .cHighlight SELECT { background-color: #e7e7f7; xbackground-color: #dee9f7 !important; }

#calActivitiesContainer, #calDeliveryContainer, #calReturnContainer, #calRequestContainer { position: absolute; display: none; }
	
.cAvailQty { font-size: 77%; font-weight: bold; cursor: pointer; color: navy; }
	
.special0204 DIV { line-height: 1.7em; }
	
.cU { text-decoration: underline; }
.cP { cursor: pointer; }

/* new 2008-07-23 */

IMG.cAlign { margin-bottom: -3px; padding-right: 3px; padding-left: 0px; }
.cButton, .cNavButton { color: #444477; font-weight: bold; padding: 1px 5px 1px 3px; cursor: pointer;
	border: 1px solid #cccccc; font-size: 8pt; text-decoration: none;
	background-color: #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; white-space: nowrap; }
.cButtonRight { color: #444477; font-weight: bold; padding: 1px 3px 1px 5px; cursor: pointer;
	border: 1px solid #cccccc; font-size: 8pt; text-decoration: none;
	background-color: #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; white-space: nowrap; }

.cButton:hover, .cButtonRight:hover, .cNavButton:hover { color: #444499; border: 1px solid #9999bb; 
	background-color: #d1dbe4; -moz-transform: scale(1.05); }
.cButton IMG { margin-bottom: -3px; padding-right: 3px; padding-left: 0px; }
.cButtonRight IMG { margin-bottom: -3px; padding-right: 0px; padding-left: 3px; }

.cBold { font-weight: bold; color: green; }

/* new 2008-07-29 */


.cNavGroup2 { margin: 0px 5px 5px 10px; padding: 0px 5px 5px 5px; border-left: 1px solid #999999; border-bottom: 1px solid #999999;
				-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; white-space: nowrap; }

/*
.cNavButton { color: black; margin: 1px; text-decoration: none; border: 1px solid #cccccc; display: block; 
				font-weight: bold; cursor: pointer; font-size: 92%; padding: 0px 3px; 
				background-color: #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.cNavButton:hover { border: 1px solid #000099; color: #000099; }
*/
.cNavButton { display: block; }
.cTopNav { display: inline; }

.cNavTitle { font-size: 107%; margin-top: 10px; padding-left: 0px; }
.cNavTitle IMG { margin-bottom: -2px; }

/*  #d1dbe4 */
.cSection, .cHelpSection { background-color: #d1dbe4; -moz-border-radius: 15px; -webkit-border-radius: 15px;
		padding: 15px; margin: 15px; border: 1px solid #999999; }
.cSection H1, .cHelpSection H1 { margin: 0em 0em 1em 0em; border: none; }
.cSection .cButton { background-color: #d1dbe4; border-color: #d1dbe4; }
.cSection .cButton:hover { background-color: #eeeeee; }

.cHelpSection { background-color: #bbeebb; border: 1px solid #bbddbb; cursor: pointer; }
.cHelpHeader { color: black; font-weight: bold; }
.cHelpBody { display: none; padding-top: 10px; }
.cHelpBody LI { margin: 5px; }

#objMainDIV { -moz-border-radius: 15px; -webkit-border-radius: 15px; 
	background-color: #e3e3e3; padding: 10px; padding-bottom: 50px; }


.cResScreenSection { -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; margin: 5px; 
	border: 1px solid #aaaaaa; background-color: #eeeeee; }
	
.cResScreenSection H1 { border: none; margin-top: 0px; }

TABLE.cBasic { margin-top: 5px; margin-left: auto; margin-right: auto; }
TABLE.cBasic TH { text-align: center; border-bottom: 1px solid black; padding: 5px; font-weight: bold; }
TABLE.cBasic TD { padding: 4px; }
TD.cMgField { vertical-align: top; text-align: right; font-weight: bold; font-size: 92%; }
TD.cMgValue { vertical-align: top; }
TD.cMgHelp { font-size: 92%; vertical-align: top; }

.cBeta { color: maroon; font-size: 8pt; }

/* DataTable CSS */
.clsDTBoolean-True { text-align: center; cursor: pointer; background: transparent url(images/tick.png) no-repeat center center; width: 16px; height: 16px; }
.clsDTBoolean-False { text-align: center; cursor: pointer; background: transparent url(images/cross.png) no-repeat center center; width: 16px; height: 16px; }
.yui-dt TABLE { margin-left: auto; margin-right: auto; }
.yui-dt TH { border-bottom: 1px solid black; font-weight: bold; }

/* font sizes
6	46
6.5	50
7	54
7.5	58
8	62
8.5	65
9	69
9.5	73
10 	77
10.5	81
11 	85
12 	92
13 	100
14 	107
15 	114
16 	122
17 	129
18 	136
19 	144
20 	152
21 	159
22 	167
23 	174
24 	182
25 	189
26 	197
*/

/* new sprites 2009.05.06 */

.cButton { background-attachment: fixed; background: url(matrix.png) no-repeat 0px 100px; padding-left: 18px; }
.cNavButton { background-attachment: fixed; background: url(matrix.png) no-repeat 0px 100px; }
.cNavTitle { padding-left: 18px; }
.clsScreenTitle { background-attachment: fixed; background: url(matrix.png) no-repeat 0px 2px; padding-left: 21px; }
.cButtonRight { background-attachment: fixed; background: url(matrix.png) no-repeat right top; padding-right: 20px; }
.cMenuItem { background-attachment: fixed; background: url(matrix.png) no-repeat 0px 2px; padding-left: 40px; }
.cManagerType { color: maroon; background-attachment: fixed; background: url(matrix.png) no-repeat 0px 2px; padding-left: 20px; }
.cSprite { background: url(matrix.png) no-repeat; padding-left: 20px; }

.sprite-gear-pad { background-position: -1116px -326px;  } /* y is 4 greater */

.sprite-arrow-090 { background-position: 0 0; } 
.sprite-arrow-180 { background-position: 0 -66px; } 
.sprite-arrow-270 { background-position: 0 -132px; } 
.sprite-arrow-circle-225 { background-position: 0 -198px; } 
.sprite-arrow-circle-315 { background-position: 0 -264px; } 
.sprite-arrow-circle-double-135 { background-position: 0 -330px; } 
.sprite-arrow-curve-090 { background-position: 0 -396px; } 
.sprite-arrow-curve-270-left { background-position: 0 -462px; } 
.sprite-arrow { background-position: 0 -528px; } 
.sprite-assign { background-position: 0 -594px; } 
.sprite-balloon--plus { background-position: 0 -659px; } 
.sprite-balloon { background-position: 0 -725px; } 
.sprite-balloons { background-position: 0 -791px; } 
.sprite-calendar-day { background-position: 0 -857px; } 
.sprite-calendar { background-position: 0 -923px; } 
.sprite-chain { background-position: 0 -989px; } 
.sprite-clock { background-position: 0 -1055px; } 
.sprite-control-090 { background-position: 0 -1121px; } 
.sprite-control-180 { background-position: 0 -1187px; } 
.sprite-control-270 { background-position: 0 -1253px; } 
.sprite-control-double-180 { background-position: 0 -1319px; } 
.sprite-control-double { background-position: 0 -1385px; } 
.sprite-control { background-position: 0 -1451px; } 
.sprite-cross-circle { background-position: 0 -1517px; } 
.sprite-cross { background-position: 0 -1583px; } 
.sprite-crown { background-position: 0 -1649px; } 
.sprite-disc { background-position: 0 -1715px; } 
.sprite-document-text { background-position: 0 -1781px; } 
.sprite-document { background-position: 0 -1847px; } 
.sprite-documents { background-position: 0 -1913px; } 
.sprite-door-open { background-position: -1116px 0; } 
.sprite-door { background-position: -1116px -66px; } 
.sprite-exclamation-shield { background-position: -1116px -132px; } 
.sprite-exclamation-small { background-position: -1116px -198px; } 
.sprite-exclamation { background-position: -1116px -264px; } 
.sprite-gear { background-position: -1116px -330px; } 
.sprite-lock-disable { background-position: -1116px -396px; } 
.sprite-lock { background-position: -1116px -462px; } 
.sprite-magnifier { background-position: -1116px -528px; } 
.sprite-mail--plus { background-position: -1116px -594px; } 
.sprite-mail { background-position: -1116px -660px; } 
.sprite-match { background-position: -1116px -726px; } 
.sprite-minus-circle { background-position: -1116px -791px; } 
.sprite-minus { background-position: -1116px -857px; } 
.sprite-notebook { background-position: -1116px -923px; } 
.sprite-notebooks { background-position: -1116px -989px; } 
.sprite-plug { background-position: -1116px -1055px; } 
.sprite-plus-circle { background-position: -1116px -1121px; } 
.sprite-plus { background-position: -1116px -1187px; } 
.sprite-question { background-position: -1116px -1253px; } 
.sprite-report { background-position: -1116px -1319px; } 
.sprite-reports { background-position: -1116px -1385px; } 
.sprite-sticky-note { background-position: -1116px -1451px; } 
.sprite-table { background-position: -1116px -1517px; } 
.sprite-tick-circle { background-position: -1116px -1583px; } 
.sprite-tick-red { background-position: -1116px -1649px; } 
.sprite-tick { background-position: -1116px -1715px; } 
.sprite-ticket--pencil { background-position: -1116px -1781px; } 
.sprite-ticket--plus { background-position: -1116px -1847px; } 
.sprite-ticket { background-position: -1116px -1913px; } 
.sprite-user-business { background-position: -2232px 0; } 
.sprite-user-silhouette { background-position: -2232px -66px; } 
.sprite-user { background-position: -2232px -132px; } 
.sprite-users { background-position: -2232px -198px; } 
.sprite-wrench { background-position: -2232px -264px; } 



.dBug { margin: 4px; border: 1px solid maroon; }