/* Link tag */
A{
    COLOR: #006600;
    font-weight: bold;
}
/* Body tag */
.BodyBG
{
	margin-top: 0px;
	margin-left: 10px;
	text-align:center;
	background-image: url('./UserImage/bg_vert.gif'); 
	background-color: #ffffff; 
}
/* OrganizationHeader*/
.header1
{
	font-style: normal; 
	font-family: Arial;
	font-size: 18px;
	color: #006600;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: none;
	
}
/* HEADER IMAGE */
 .headerStyle
 {

	border-style:solid;
	border-left-color: #CCCCCC;
    border-top-color: #CCCCCC;
    border-bottom-color: #ffffff;
    border-right-color: #CCCCCC;
    border-width: 1px;	
}
 
/* table below the menuline */
 .MainAreaBorder
 {
	background-color:#ffffff;
	border-style:solid;
	border-left-color: #CCCCCC;
    border-top-color: #ffffff;
    border-bottom-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-width: 1px;	

}

/* Start BookingMenu Line" */
.Menu1Table, .Menu2Table{
	border-collapse:collapse;
}
/* NB ! Border Left & Borderright må finnes for å holde menybredden */
.Menu1Normal, .Menu1Hover, .Menu1Active, .Menu1LogInNormal, .Menu1LogInHover, .Menu1LogInActive{
	border-right: #cccccc 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	text-align: center;
	font-family:Verdana;
	font-weight: bold;
	font-size: 11px;
	line-height: 19px;
	width: 110px;
}

.Menu1Normal{
}

.Menu1Hover{
}

.Menu1Active{
}

.Menu1LinkNormal,.Menu1LinkActive, a:Hover.Menu1LinkNormal{
	width: 100%;
	text-decoration:none;
	display:block;
}

.Menu1LinkNormal{
	background-color: #cccccc;
	color: #ffffff;
}

A:Hover.Menu1LinkNormal{
	background-color: #999999;
	color: #ffffff;
}
.Menu1LinkActive{
	background-color: #666666;
	color: #ffffff;
}

.Menu1Indent{
	border-right: #cccccc 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color:#cccccc;
	width:5px;
}
	
.Menu1Separator{
	border-right: #cccccc 1px solid;
	border-top: #ffffff 1px solid;
	border-left: #cccccc 0px solid;
	border-bottom: #cccccc 1px solid;
	background-color:#cccccc;
}

.Menu1LogInNormal{
	background-color: #cccccc;
	color: #ffffff;
	width:100px;
}

.Menu1LogInHover{
	background-color: #999999;
	color: #ffffff;
	width:100px;
}

.Menu1LogInActive{
	background-color: #666666;
	color: #ffffff;
	width:100px;
}

.Menu1LogInLinkActive{
	width: 100%;
	text-decoration:none;
	display:block;
	background-color: #666666;
	color: #ffffff;
}


/* MenuLine 2.  Appear after login */
.Menu2Normal, .Menu2Hover, .Menu2Active
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	font-family: Verdana;
	background-color: #cccccc;
	text-align: center;
	font-family:Verdana;
	font-weight: bold;
	font-size: 11px;
	line-height: 18px;
	width: 100px;
	color: #ffffff;
}

.Menu2Normal{
	background-color: #cccccc;
	color: #ffffff;
}

.Menu2Hover{
	background-color: #999999;
	color: #ffffff;
}

.Menu2Active{
	background-color: #666666;
	color: #ffffff;
}

.Menu2LinkNormal{
	width: 100%;
	text-decoration:none;
	display:block;
	color: #ffffff;
}

.Menu2Indent{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
	background-color:#cccccc;
	width:5px;
}

/* End login menu */


/* header of bookingMap */
.BookingDateNavigator
{
	font-size: 11px;
	font-weight: normal;
	xcolor: #006600;
	font-family: Verdana;
	text-decoration: none;
	cursor:hand;
	xwidth:20px;
}

.BookingLongDate
{
	font-weight: normal;
	font-size: 11px;
	color: #006600;
	font-family: Verdana;
	text-decoration:none;
}

.PhoneLeadtext
{
	font-weight: normal;
	font-size: 10px;
	color: #4065A6;
	font-family: Verdana, Arial, Helvetica;
}
.PhoneNo
{
	font-weight: normal;
	font-size: 12px;
	color: #4065A6;
	font-family: Verdana, Arial, Helvetica;
}
/* END header of bookingMap */

/* select button */
.select
{
    BORDER-RIGHT: black 1px ridge;
    BORDER-TOP: black 1px ridge;
    FONT-SIZE: 8pt;
    BORDER-LEFT: black 1px ridge;
    BORDER-BOTTOM: black 1px ridge;
    FONT-FAMILY: Arial
}

/* Used to select */
.choosebutton
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9px;
    WIDTH: 80px;
    CURSOR: hand;
    COLOR: #006600;
    FONT-FAMILY: Verdana;
    HEIGHT: 18px;
    BACKGROUND-COLOR:#ffffff;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
}
/* Back Button */
.backbutton
{
	font-weight: normal;
	font-size: 9px;
	width: 80px;
	cursor: hand;
	color: #006600;
	font-family: Verdana;
	height: 18px;
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #cccccc 1px solid;
    BACKGROUND-COLOR:#ffffff;
}
/* errormessages*/
.errortext
{
    FONT-SIZE: 8pt;
    COLOR: red;
    FONT-FAMILY: Arial
}

/* used by form based schemas */
.boldtext
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9px;
    COLOR: #000000;
    FONT-FAMILY: Verdana
}
.leadtext
{
	font-weight: normal;
	font-size: 9px;
	color: black;
	line-height: 11px;
	font-family: Verdana, Arial, Helvetica;
	text-align: right;
}
.normaltext
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana;
	color: #333333;
	text-decoration: none;
}
.NormalTextLink
{
	Color: #000000;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

A:hover.NormalTextLink
{
	Color: #FF0000;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/* used by courts */
.smalltext
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8px;
    FONT-FAMILY: Verdana, Arial, Helvetica
}

/* set border around a date in calendar */
.tableborder
{
	border-right: black 1px inset;
	border-top: black 1px inset;
	font-weight: normal;
	font-size: 8pt;
	border-left: black 1px inset;
	border-bottom: black 1px inset;
	font-family: Verdana;
}
/* Used a few times */
.selectedText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: red;
    FONT-FAMILY: Verdana
}
/* Date header */
.DagHeader
{
	font-size: 10px;
	color: black;
	font-family: Verdana;
	background-color: #e0eee0;
	text-align: center;
}
/* Current date header */
.DagHeaderActive
{
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	font-family: Verdana;
	background-color: #006600;
}
/* Expand selected time */
.expandtime {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	font-weight: bold;
}


/* Pro map drawings */

.LessonTime,.LessonTimeOver,.LessonTimeFireFox,.LessonTimeOverFireFox,.LessonTimeSafari,.LessonTimeOverSafari{
	width: 50px;
	text-align:right;
	font-family: Verdana;
	font-weight: Normal;
	font-size: 9px;
	color: #333333;
}

.LessonTime{
	height: 10px;
	line-height: 10px;

}
.LessonTimeOver
{
	width:48px;
	border: black 1px solid;
	height: 8px;
	line-height:8px;
}
.LessonTimeFireFox{
	height: 11px;
	line-height: 11px;
}
.LessonTimeOverFireFox
{
	border: black 1px solid;
	height: 9px;
	line-height: 9px;
	width:48px;
}
.LessonTimeSafari{
	height: 12px;
	line-height: 12px;
}
.LessonTimeOverSafari
{
	border: black 1px solid;
	height: 10px;
	line-height: 10px;
	width:48px;
}


.NotAvailable,.Available,A:hover.Available,.ProLesson,.ProSelected {
	line-height: 12px;
	height: 12px;
	width: 60px;
	text-decoration:none;
	font-size:8px;
	display:block;
}

.NotAvailable {
	background-color: #BBBBBB;
}
.Available {
	background-color: #7a937f;
}
A:hover.Available {
	background-color: #32593a;
}
.ProLesson {
	background-color: #CC4F4F;
}
.ProSelected {
	background-color: black;
	xheight:6px;
	xline-height:6px;
	xwidth:58;
}

/* Simulator time drawing 60 Minutes */
.SimulatorTime
{
	height: 12px;
	line-height: 12px;
	width: 40px;
	font-weight:normal;
	font-size: 9px;
	font-family: verdana;
	
}
.SimulatorTimeOver
{
	font-weight: normal;
	font-size: 10px;
	border: black 1px groove;
	font-family: Verdana;
	height: 10px;
	line-height: 10px;
	width:38px;
}

.SimAvailable,A:hover.SimAvailable,.SimNotAvailable,.SimUnAvailable,.SimMyBooking,.SimSelected,.SimAvailableInactive,.SimNotAvailableInactive {
	line-height: 24px;
	height: 24px;
	width: 45px;
	text-decoration:none;
	font-size:8px;
	display:block;
}
.SimAvailable {
	background-color: #82AA82;
}
A:hover.SimAvailable {
	background-color: #557D55;
}
.SimNotAvailable {
	background-color: #CC4F4F;
}
.SimUnAvailable {
	background-color: #BBBBBB;
}
.SimMyBooking {
	background-color: #EEDC45;
}
.SimSelected{
	background-color: black;
}
.SimAvailableInactive {
	background-color: #C0D4C0;
}
.SimNotAvailableInactive {
	background-color: #E5A7A7;
}
/* 30 minutes interval Simulators */

.Time30Min
{
	font-weight: normal;
	font-size: 8pt;
	color: #777777;
	font-family: Verdana, Arial, Helvetica;
	height:26px;
	line-height:12px;
}

.Available30Min,A:hover.Available30Min,.NotAvailable30Min,.UnAvailable30Min,.Selected30Min,.Available30MinInactive,.NotAvailable30MinInactive,.NotAvailable30Min
 {
	height: 12px;
	width: 45px;
	line-height:12px;
	font-size:8px;
	text-decoration:none;
	display:block;
}

.Available30Min {
	background-color: #7a937f;
}
A:hover.Available30Min {
	background-color: #32593a;
}
.NotAvailable30Min {
	background-color: #CC4F4F;
}
.UnAvailable30Min {
	background-color: #BBBBBB;
}
.Selected30Min{
	background-color: black;
}
.Available30MinInactive {
	background-color: #C0D4C0;
}
.NotAvailable30MinInactive {
	background-color: #E5A7A7;
}
.NotAvailable30Min {
	background-color: #CC4F4F;
}

/* End login menu */
.underlineOff
{
	text-decoration: none;
}

/* Group lessons */
.listHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #006600;
	font-family: Verdana;
	text-decoration: none;
	text-transform: uppercase;
	padding-top: 10px;
}

.listItem
{
	font-family: Verdana;
	font-weight: normal;
	font-size: 12px;
	color: #006600;
	text-decoration: none;
	border: 1px  solid #FFFFFF;
	display: block;
	text-indent: 10px;
	line-height: 18px;
	list-style-position: outside;	
}

A:hover.listItem
{
	font-weight: normal;
	font-size: 12px;
	color: #CC4F4F;
	font-family: Verdana;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	display: block;
}

/* seperator between area: overview and Vizard */
.columnSeperator
{
	border-right: #CCCCCC 1px solid;
}

/* vizard at rrht side */
.Vignette {
	font-weight:bold; 
	font-family: Arial;
	font-size: 12px;
	color: #999999;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.PoweredBy
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #8094B6;
}
.Step
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	width: 10px;
	font-family: Verdana;
	background-color: #ccccff;
}

.StepSeperator {
	background-color: #7a937f;
	height: 1px;
}

.StepInfoColumn
{
	height:26px;
}
.StepSelected
{
	font-weight: bold;
	font-size: 12px;
	width: 10px;
	color: white;
	font-family: verdana;
	background-color: #003288;
}


.StepSelectionButton
{
	font-weight: normal;
	font-size: 12px;
	color: white;
	width: 14px;
	height: 14px;
	font-family: Verdana;
	background-color: #CC4F4F;
	text-align:center;
}
.StepSelectionText
{
	font-weight: normal;
	font-family: verdana;
	font-size: 12px;
	color: #CC4F4F;
}

.StepNextSelectionButton
{
	font-weight: Normal;
	font-size: 12px;
	color: white;
	width: 14px;
	height: 14px;
	font-family: Verdana;
	text-align:center;
	background-color: #d3d3d3;
}
.StepNextSelectionText
{
	font-weight:Normal;
	font-family: Verdana;
	font-size: 12px;
	color: #999999;
}

.StepPrevSelectionButton
{
	font-weight: normal;
	font-size: 12px;
	color: white;
	width: 14px;
	height: 14px;
	font-family: Verdana;
	background-color: #98ac9c;
	text-align:center;
}
.StepPrevSelectionText
{
	font-weight:normal ;
	font-family: verdana;
	font-size: 12px;
	color: #32593a;
}

/* seperator at summarizing */
.InfoSeperator
{
	height: 1px;
	color:#7a937f;
}
/* Course and Court and tee time */
.DetailHeading
{
	font-weight: normal;
	font-size: 12px;
	xtext-transform: uppercase;
	color: #006600;
	font-family: Verdana,Arial;
	letter-spacing: 2px;
}
.DetailSelection
{
	font-weight: bold;
	font-size: 11px;
	font-family: verdana;
	color: #CC4F4F;
}
.DetailSelectionSmall
{
	font-size: 9px;
	font-family: verdana;
	color: #CC4F4F;
}

.ReceiptText
{
	font-size: 11px;
	font-family: verdana;
	color: #32593a;
}

.InfoText
{
	font-weight:normal;
	font-size: 11px;
	font-family: verdana;
	color: #006600;
}

.InfoTextSmall
{
	font-size: 11px;
	font-family: verdana;
	color: #006600;
}


.IngressText
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Verdana
}

/* Page for selection of categories */ 
.bookWhatHeader
{
	font-style: normal; 
	font-family: Verdana;
	font-size: 18px;
	color: #999999;
	letter-spacing: 1px;
}
.bookWhatLink
{
	font-weight: normal;
	font-size: 12px;
	color: #999999;
	font-family: Verdana;
	text-decoration:none;
}

/* TeeTime booking */
.TeeTime
{
	font-weight: normal;
	font-size: 8pt;
	color: #777777;
	font-family: Verdana, Arial, Helvetica;
}

.GBNotAvailable {
	background-color: #BBBBBB;
	height: 16px;
	width: 12px;
}

.GBAvailable {
	background-color: #82AA82;
	height: 16px;
	width: 12px;
}
A:hover.GBAvailable {
	background-color: #557D55;
	height: 16px;
	width: 12px;
	cursor: hand;
}
A:active.GBAvailable {
	border-right: white 1px dotted;
	border-top: white 1px dotted;
	border-left: white 1px dotted;
	border-bottom: white 1px solid;
	height: 16px;
	width: 12px;
	background-color: #cc4f4f;
}

.GBSelected {
	border-right: white 1px dotted;
	border-top: white 1px dotted;
	border-left: white 1px dotted;
	border-bottom: white 1px solid;
	height: 16px;
	width: 12px;
	background-color: #cc4f4f;
}
.GBBooked {
	background-color: #CC4F4F;
	height: 16px;
	width: 12px;
}
A:hover.GBBooked{
	background-color: #A53030;
	height: 16px;
	width: 12px;
	cursor: hand;
}

/* Activity, Golfcourse Halllist */
.ResourceName
{
	font-weight: normal;
	font-size: 12px;
	color: #006600;
	font-family: Verdana,Arial;
	letter-spacing: 2px;
	color: #336633;
	text-decoration:none;
}
.ResourceDescription
{
	font-weight: normal;
	font-size: 11px;
	color: #003288;
	font-family: Verdana;
	text-decoration: none;
	color: #336633;
}

/* Curling week */
.HallNotAvailable,.HallAvailable,A:hover.HallAvailable,.HallMyBooking,.HallLesson,.HallSelected,.HallSmallNotAvailable  {
	line-height: 10px;
	height: 10px;
	width: 45px;
	display:block;
	font-size:8px;
}
.HallNotAvailable {
	background-color: #BBBBBB;
}
.HallAvailable {
	background-color: #82AA82;
}
A:hover.HallAvailable {
	background-color: #557D55;
}
.HallMyBooking {
	background-color: #EEDC45;
}
.HallLesson {
	background-color: #CC4F4F;
}
.HallSelected{
	background-color: black;
}
.HallSmallNotAvailable {
	background-color: #BBBBBB;
}

.HallSmallAvailable, A:hover.HallSmallAvailable,.HallSmallLesson,.HallSmallSelected {
	line-height: 20px;
	height: 21px;
	width: 16px;
}

.HallSmallAvailable {
	background-color: #82AA82;
}
A:hover.HallSmallAvailable {
	background-color: #557D55;
}
.HallSmallLesson {
	background-color: #CC4F4F;
}
.HallSmallSelected{
	background-color: black;
}
/* End etc */


/* left area for img and general info */
.ResourceTypeHeading
{
	font-weight: bold;
	font-size: 17px;
	color: #006600;
	font-family: Verdana;
	height: 50px;
	text-transform: uppercase;
}

.ResourceTypeImage
{
	height: 0px;
}
.ResourceTypeText
{
	font-size: 12px;
	color: #006600;
	font-family: Verdana;
}

/* END: left area for img and general info */

/* PersonList */
.InstructorName
{
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana;
	height:11px;
}

.InstructorDescription
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana;
	height:49px; 
	width:240px; 
	overflow:hidden;
}
.InstructorDescriptionAll
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana;
	padding-right: 5px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	padding-bottom: 4px;

}

.InstructorText
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana;
}

.InstructorReadMore{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	font-style: italic;
}

.InstructorSelect
{
	font-weight: bold;
	font-size: 11px;
	font-family: Verdana;
	text-decoration:none;
}

.InstructorImage
{
	font-weight: normal;
	font-size: 9px;
	font-family: Verdana;
	xpadding-right: 5px;
	float: left;
	xmargin-right: 10px;
	xmargin-top: 5px;
	xpadding-bottom: 4px;

	border: white 1px solid;
	padding :2px;
	display: block;
}

A:Hover.InstructorImage
{
	border: #cc4f4f 1px solid;
	padding :2px;
	display: block;
}

/* END : PersonList */

/* Group lessons */
.CourseCategory
{
	font-family: Arial, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight: bold;
 	color: #336633
}

.CourseIngress
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 	font-weight: bold;
 	color: #336633
}

.CourseLeadText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	font-weight: bold;
	font-size: 12px;
}

.CourseContent
{
	font-family: Arial, Helvetica, sans-serif;
	color: #336633;
	font-size: 12px;
}

.CourseLeadTextDate
{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC4F4F;
	font-size: 12px;
	font-weight: bold;	
}


.CourseContentDate
{
	font-family: Arial, Helvetica, sans-serif;
	color: #CC4F4F;
	font-size: 12px;
}
.CourseDateHeader
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
 	font-weight: bold; 
 	color: #336633
}

.CourseDate
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336633;
	display: block;
	text-indent: 4px;
	height: 12px;
	border: 1 solid #FFFFFF;
}
A:hover.CourseDate{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	display: block;
	text-indent: 4px;
	border: 1 solid #CCCCCC;
	text-decoration:none;
} 	


.CourseDateSelected
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC4F4F;
	display: block;
	border-color: #CC9999;
	border-style: solid;
	border-width: 1;
	text-indent: 4px;
	line-height: 14px;
	text-decoration:none;
}
/* End: Group lessons */



/* used for CurlingCourts */
.Time15Min
{
	font-weight: normal;
	font-size: 8pt;
	color: #777777;
	font-family: Verdana, Arial, Helvetica;
	height:13px;
	line-height:5px;
}

.Available15Min,A:hover.Available15Min,.NotAvailable15Min,.UnAvailable15Min,.Selected15Min
{
	height: 6px;
	line-height:6px;
	width: 45px;
	text-decoration:none;
	display: block;
	font-size: 4px;
	font-family: Verdana, Arial, Helvetica;
}

.Available15Min {
	background-color: #82AA82;
}
A:hover.Available15Min {
	background-color: #557D55;
}
.NotAvailable15Min {
	background-color: #CC4F4F;
}
.UnAvailable15Min {
	background-color: #BBBBBB;
}
.Selected15Min{
	background-color: black; 
}
