<%
dim strCOL1, strCOL2, strCOL3, strCOL4, strCOL5, strCOL6, strCOL7
strCOL1	= "#000000"		' common text
strCOL2	= "#FFFFFF"		' highlighted today link color
						' background color of week column in small calendar 
						' Event view body text color
						' alternate color of upcoming rows 1
						' hover background of month names in year view
						' hover background of day links in year view

strCOL3	= "#cc0000"		' background of today in small and big calendar
strCOL4	= "#336633"		' Background of heading of blocks 
strCOL6	= "#eeffee"		' body background
						' blocks body backgound
						' overlap of small calendar
						' alternate color of upcoming rows 2
						' border of blocks body
strCOL7	= "#000000"
strCOL8 = "#f4a460"		'Backround color of event cell in graphical month
strCOL9 = "#f0e68c"		'Backround color of current month cells in graphical month 
						'Backround color current days in small calendar
strCOL10 = "#ffffff"	'Backround color of day names header in small calendar

dim strLINKS: 			strLINKS 			="#000000"		' Common links
dim strLINKSH:			strLINKSH 			="#000000"		' Hover links
dim strLINKSV:			strLINKSV 			="#000000"		' visited links
dim strLINKSUNDELINE:	strLINKSUNDELINE	="NONE"			' Common links decoration
dim strHLINKSUNDELINE:	strHLINKSUNDELINE	="underline"	' Hover links decoration
dim strVLINKSUNDELINE:	strVLINKSUNDELINE	="NONE"			' Visited links decoration
dim strFONTSIZE:		strFONTSIZE 		="7pt"			' Font size
dim strFONTFACE:		strFONTFACE 		="Verdana,  Helvetica, sans-serif, "	' Font family

%>


/* ############################################################ 	*/
/* Common settings definition for body							 	*/
BODY  		{background: <%=strCOL6%>; color: <%=strCOL1%>; padding:0px; top-margin:0px; bottom-margin:0px; font-family: <%= strFONTFACE%>;font-size: <%= strFONTSIZE%>;}


/* ############################################################ 	*/
/* Common settings definition for tables and forms				 	*/

TABLE, SPAN, DIV, P, UL, LI, FORM, INPUT, SELECT, TEXTAREA		{text-decoration:none; font-weight: normal; font-family: <%= strFONTFACE%>;font-size: <%= strFONTSIZE%>;color: <%= strCOL1%>;}
INPUT, SELECT, TEXTAREA											{}


/* ############################################################ 	*/
/* Links in the system. 											*/
/* ############################################################ 	*/
A, A:link, A:visited, A:hover, A:active	{ font-size: <%= strFONTSIZE%>; text-decoration: <%=strLINKSUNDELINE%>; font-weight:normal; color:	<%=strLINKS%>}
A:hover									{color: <%=strLINKSH%>; text-decoration:	<%=strHLINKSUNDELINE%>;}
A:active								{color:	<%=strLINKSV%>}


/* ************************************************************ 		*/
/* We will remove underline of links and set default values for classes */
.CUN A, .CDNH A, .CMN A, .CYN A, .CUP A, .CDO A, .CDT A,.CDN A, .CDW A		{text-decoration:<%=strLINKSUNDELINE%>;font-weight:normal}
.CUN A:VISITED, .CDNH A:VISITED, .CMN A:VISITED, .CYN A:VISITED, .CUP A:VISITED, .CDO A:VISITED, .CDT A:VISITED, .CDN A:VISITED, .CDW A 		{text-decoration:<%=strVLINKSUNDELINE%>;font-weight:normal}
.CUN A:HOVER, .CDNH A:HOVER, .CMN A:HOVER, .CYN A:HOVER, .CUP A:HOVER, .CDO A:HOVER, .CDT A:HOVER, .CDN A:HOVER, .CDW A 	{text-decoration:<%=strHLINKSUNDELINE%>;font-weight:normal;}


/* ############################################################ 	*/
/* USER MENU 														*/		
/* ############################################################ 	*/
A.CUN, A.CUN:link, A.CUN:visited	{color: <%=strLINKS%>;}
A.CUN:hover							{color:<%=strCOL7%>;} 


/* ############################################################ 	*/
/* Month navigation in method CalendarOBJECT.DisplayMonths() 		*/
/* ############################################################ 	*/
A.CMN,
A.CMN:link,
A.CMN:visited	{color: <%=strLINKS%>;}
A.CMN:hover		{color:<%=strLINKSH%>;} 


/* ############################################################ 	*/
/* Year navigation in method CalendarOBJECT.DisplayYears()  		*/
/* ############################################################ 	*/
A.CYN, A.CYN:link, A.CYN:visited	{color: <%=strLINKS%>;}
A.CYN:hover							{color:<%=strLINKSH%>;} 


/* ############################################################ 	*/
/* DEFINITIONS FOR YEAR UPCOMING BLOCK								*/
/* ############################################################ 	*/
/* UPCOMING BLOCK: Upcoming events list method CalendarOBJECT.ViewUpcoming(intUPCOMING)  */
A.CUP, A.CUP:link, A.CUP:visited	{font-weight:normal; text-decoration:underline; color: <%=strLINKS%>;}
A.CUP:hover							{font-weight:normal; text-decoration:underline; color:<%=strLINKSH%>;} 

/* UPCOMING BLOCK: alternate row 1 */
.EVENTS1		{background-color:<%=strCOL6%>; padding:0px;}

/* UPCOMING BLOCK: alternate row 2 */
.EVENTS2		{background-color:<%=strCOL2%>; padding:0px;}


/* ############################################################ 	*/
/* DEFINITIONS FOR SMALL CALENDAR NAVIGATION						*/
/* ############################################################ 	*/
/* SMALL CALENDAR: Header */
A.CDNH, A.CDNH:link, A.CDNH:visited		{font-weight: bold; color: <%=strLINKS%>;}
A.CDNH:hover							{font-weight: bold;	color: <%=strCOL7%>;}


/* SMALL CALENDAR: Overlap of previewed month */
TD.CDO								{background: <%=strCOL6%>;}
A.CDO, A.CDO:link, A.CDO:visited	{color: <%=strLINKS%>;}
A.CDO:hover							{color:	<%=strLINKSH%>;} 


/* SMALL CALENDAR: Hihlighting of today */
TD.CDT								{background: <%=strCOL3%>;}
A.CDT, A.CDT:link, A.CDT:visited	{color: <%=strCOL2%>;}
A.CDT:hover							{color: <%=strCOL7%>;} 


/* SMALL CALENDAR: common day */
TD.CDN							{padding:0px; color: <%=strCOL7%>; background:<%=strCOL9%>;}
A.CDN,A.CDN:link,A.CDN:visited	{color:	<%=strLINKS%>;}
A.CDN:hover						{color:	<%=strLINKSH%>;} 


/* SMALL CALENDAR: DAY NAMES HEADER */
TD.CDD				{font-weight:bolder; text-align:right; color: <%=strCOL7%>; background:<%=strCOL10%>;}

/* SMALL CALENDAR: Week's column*/
TD.CDW				{background: <%=strCOL2%>;}


/* ############################################################ 	*/
/* DEFINITIONS FOR YEAR VIEW										*/
/* ############################################################ 	*/
/* YEARVIEW: Definition for year view table */
.CalYearEvent		{}

/* YEARVIEW: Day links */
.CalYearEvent A				{font-weight:BOLDER;}
.CalYearEvent A:hover		{background-color:<%= strCOL2%>}

/* YEARVIEW: Month names header */
.CalYearMONTHNAMES								{border-bottom: solid 1px <%= strCOL4%>}
A.CalYearMONTHNAMES, A.CalYearMONTHNAMES:hover	{font-weight:BOLDER; font-size:9pt; width:100%;}
A.CalYearMONTHNAMES:hover						{background-color:<%= strCOL2%>}


/* YEARVIEW: Day with some event assigned */
.CalYearEventYES 			{background:navy;color:white;}
.CalYearEventYES A			{background:navy;color:white;}
.CalYearEventYES A:hover	{background-color:<%= strCOL2%>}

/* YEARVIEW: Heading with name of the year */
.CalYearEventHEADER	{font-size:large;}


/* YEARVIEW: Highlighted weekends, this definition is overwritten when any event is assigned to the weekend */
.CalYearWeekEnds	{background-color: #aaaaaa;}

		
/* ############################################################ 	*/
/* DEFINITIONS FOR EVENT VIEW										*/
/* ############################################################ 	*/
/* VIEW EVENT: */
TABLE.CVE			{background: transparent; color:<%=strCOL2%>; border:outset 1px;}
TD.CVEH				{text-align: left; font-family:<%= strFONTFACE%>; color:<%=strCOL2%>; font-size:<%= strFONTSIZE%>; font-weight:bold; background: <%=strCOL4%>; height:30px; width: 100%; }


/* ############################################################ 	*/
/* DEFINITION FOR ONE EVENT VIEW IN LISTS (MONTH, WEEK, DAY, SEARCH */
/* ############################################################ 	*/
TABLE.OneEvent		{}
TD.OneEvent 		{}
A.OneEvent, A.OneEvent:link, A.OneEvent:visited	{font-weight:bold;} 
A.OneEvent:hover	{font-weight:bold;} 

/* ############################################################ 	*/
TABLE.ListEvent		{}
TD.ListEvent		{border: outset 1px; font-weight:bold; color:<%=strCOL1%>;}


/* ############################################################ 	*/
/* HEADING WITH ICONS AND DESCRIPTION OF VIEW						 */
/* ############################################################ 	*/
.HEAD1				{FONT-WEIGHT:BOLDER; Font-size: 9pt;}


/* ############################################################ 	*/
/* DEFINITIONS FOR GRAPHICAL MONTH VIEW								*/
/* ############################################################ 	*/
/* GRAPHICAL MONTH:  TABLE */
TABLE.MBG			{}

/* GRAPHICAL MONTH:  ONE EVENT CELL */
TD.MBG					{border:outset 0px;  align:center; background:<%=strCOL8%>}


/* GRAPHICAL MONTH:  DAY NAMES HEADER */
TD.MBGDAYS				{border:outset 0px; font-weight:bold; font-size: 8pt;}
A.MBGDAYS, A.MBGDAYS:link, A.MBGDAYS:visited		{color: <%=strCOL2%>;}
A.MBGDAYS:hover			{font-weight:bold; color: #FFC000;}

/* GRAPHICAL MONTH:  CURRENT MONTH CELLS */
TD.MBGDAYSCURRENT		{border:outset 1px; background:<%=strCOL9%>;}
A.MBGDAYSCURRENT, A.MBGDAYSCURRENT:link, A.MBGDAYSCURRENT:visited		{color: <%=strCOL7%>;}
A.MBGDAYSCURRENT:hover	{color: #0033ff;}

/* GRAPHICAL MONTH:  OVERLAP OF DISPLAYED MONTH */
TD.MBGDAYSOVER			{border:outset 1px;	background:<%=strCOL6%>;}
A.MBGDAYSOVER, A.MBGDAYSOVER:link, A.MBGDAYSOVER:visited	{color: <%=strCOL7%>;}
A.MBGDAYSOVER:hover		{color: #0033ff;}

/* GRAPHICAL MONTH:  TODAY CELL */
TD.MBGDAYSTODAY			{border:outset 1px;	background: <%=strCOL3%>;}
A.MBGDAYSTODAY:link, A.MBGDAYSTODAY:visited	{color: <%=strCOL2%>;}
A.MBGDAYSTODAY:hover	{color: <%=strCOL7%>;}

/* GRAPHICAL MONTH:  WEEK COLUMN */
TD.MBGWeekCol			{}
A.MBGWeekCol:link, A.MBGWeekCol:visited	{color: #0000ff;}
A.MBGWeekCol:hover		{color: <%=strCOL7%>;}


/* ############################################################ 	*/
/* Dropdwon filter ON */
.SC						{background-color:yellow; color:<%=strCOL7%>;}


/* ############################################################ 	*/
/* DEFINITIONS FOR DAY VIEW (Block with one event in time line)		*/
/* ############################################################ 	*/
.DayView1				{border:solid 1px #cccccc; background-color:#FFFFFF; width:100%; height:100%; cursor:hand;}


/* ############################################################ 	*/
/* BOXES DEFINITIONS		 										*/
/* ############################################################ 	*/

.XPHM		{text-align: left; font-family:<%= strFONTFACE%>; color:<%=strCOL2%>; font-size:<%= strFONTSIZE%>; font-weight:bold; color:<%=strCOL2%>; background: <%=strCOL4%>; height:20px;	width: 100%;}
.XPHL		{color:<%=strCOL2%>; background: <%=strCOL4%>; width:100px;}
.XPHR		{color:<%=strCOL2%>; background: <%=strCOL4%>;width:12px;}
.XPBODY		{background-color: <%=strCOL2%>; width: 100%;border: 1px <%=strCOL6%> solid;}

A.XP:link,
A.XP:visited	{color:<%=strCOL2%>;} 
A.XP:hover		{color:<%=strCOL2%>;}
A.XP:active		{color:#cc3300;} 

/* ############################################################ 	*/
/* FORMS DEFINITIONS		 										*/
/* ############################################################ 	*/

.FF1			{font-weight:bold}


/* ************************************************************ */
/* BEGIN - TAB SYSTEM - */
/* don't modify code below it can harm system !!!*/
.tabsystem 								{border: none; width: 100%; scrollbar-arrow-color:#eee; scrollbar-base-color:<%=strCOL2%>; scrollbar-darkshadow-color:<%=strCOL2%>; scrollbar-face-color:<%=strCOL6%>; scrollbar-highlight-color:<%=strCOL6%>; scrollbar-shadow-color:<%=strCOL6%>;*/}
.tabsystem .tabcontainer 				{list-style-type: none; display: inline; margin: 0; padding: 0; border: none;}
.tabsystem .firstHeading 				{display: block; text-align: right; border: 1px #bbb dotted; border-width: 0px 0px 1px 0px; padding-bottom: .5em; margin-bottom: 1em;}
.tabsystem .tabcontainer li 			{margin:0;padding:0; background-color: <%=strCOL6%>; border: none; float: left;}
.tabsystem .tabpage 					{background: <%=strCOL6%>; padding: 2em 2em; font: <%=strFONTSIZE%> <%= strFONTFACE%>; color: <%=strCOL1%>; border: 1px solid rgb( 145, 155, 156 ); clear: both; text-align:left; height:520px; overflow:auto;}
.tabsystem .tabcontainer .tab 			{background-image: url( "tab.png" ); position:	relative; top: 0; display: inline; float: left; overflow: hidden; margin: 1px 1px 1px 0px; padding: 2px 0px 0px 0px; border: 0; z-index: 1; font: 11px Tahoma; white-space: nowrap; text-align: center; width: 70px; height: 18px;}
.tabsystem .tabcontainer .tab-hover 	{margin: 1px 1px 1px 0px; background-image: url( "tab.hover.png" ); width: 70px; height: 18px;}
.tabsystem .tabcontainer .tab-active	{position:	relative; top: 1px; display: inline; float: left; overflow: hidden;	 margin: 1px 1px 1px 0px; padding: 2px 0px 0px 0px; border: 0; z-index: 1; font: <%=strFONTSIZE%> <%= strFONTFACE%>; white-space: nowrap; text-align: center; width: 74px; height: 18px; background-image: url( "tab.active.png" ); letter-spacing: 0px; text-decoration: none;}
/* END - TAB SYSTEM - */