﻿/* =================================================
    CSS STYLES FOR THE SYSMONITOR WEB USER INTERFACE
   
   =================================================
*/


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg
{
		background-image: url('/bookings/images/Scoutl_header_master_r1_c14.gif');
	}

/* background color for the content part of the pages */
Body
{
	background-color: white;
}


/* PAGE BANNER */
/* NOTE: Site Title, Site Links and Tabs are rendered by MobilePortalBanner.ascx
/* style for the text of the site title */
.SiteTitle
{
	font-family: Verdana Bold, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #45196c;
}

/* background/border colors for the selected tab */
.TabBg
{
	background-color: white;
	border-color: white;
}

/* background/border colors for the unselected tabs */
.OtherTabsBg
{
	background-color: dimgray;
	border-color: black;
}

/* text style for the selected tab */
.SelectedTab
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: DarkRed;
	font-weight: bold;
}

/* text style for the unselected tabs */
.OtherTabs
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	color: gainsboro;
	text-decoration: none;
	font-weight: bold;
}

/* hyperlink styles of the unselected tabs */
A.OtherTabs:link
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:active
{
	text-decoration: none;
	color: #eeeeee;
}

A.OtherTabs:hover
{
	text-decoration: underline;
	color: white;
}

/* text style for the site links (at extreme top-right of header) */
.SiteLink
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #eeeeee;
}

/* hyperlink style for the site links */
A.SiteLink:link
{
	text-decoration: none;
	color: white;
}

A.SiteLink:visited
{
	text-decoration: none;
	color: #eeeeee;
}

A.SiteLink:active
{
	text-decoration: none;
	color: #eeeeee;
}

A.SiteLink:hover
{
	text-decoration: underline;
	color: #eeeeee;
}

/* style for separator between site links */
.Accent
{
	color: red;
	font-weight: bold;
}



/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */
.Message
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-size: 11px;
	background-color: #eeeeee;
}

/* style of item titles by Announcements and events */
.ItemTitle
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #cccc99;
	FILTER:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#EE0000', endColorStr='#990000', gradientType='0');
	padding-bottom:3;
	padding-top:3
	
}



/* GENERAL */
/* style for module titles */
.Head
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #43166a;
	background-image: url('/bookings/images/GreenTitleBox25.png');
	background-position:  center center;
	background-repeat: repeat-x;
    font-size:  11pt;
    height: 25px;
	padding-bottom:3;
	padding-top:3;
	padding-left:5;
	padding-right:5
}

.HeadNoBackground
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	padding-bottom:3;
	padding-top:3;
	padding-left:5;
	padding-right:5
}
/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color: #43166a;
	background-image: url('GreenTitleBox25.png');
	background-position:  center center;
	background-repeat: repeat-x;
    font-size:  10pt;
    height: 25px;
	padding-bottom:3;
	padding-top:3;
	padding-left:5;
	padding-right:5
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
}

.NormalSpaced
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
}

.NormalTextHeading
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	color: #43166a
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

.NormalValidationErrors
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: red
}

.NormalRed
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: red;
}

.TableHead
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
	background-color: darkRed;
}
.TableSeparator
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: coral;
}
.TableNormal
{
	font-weight: normal;
	font-size: 11px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: wheat;
}
.TableSmall
{
	font-weight: normal;
	font-size: 9px;
	color: black;
	font-family: Verdana, Helvetica, sans-serif;
	background-color: wheat;
}
.NormalRedBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
	background-color: white;
}
.NormalAmber
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffa200;
	background-color: wheat;
}
.NormalYellow
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffff00;
	background-color: wheat;
}
.NormalBold
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: black;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link
{
	text-decoration: underline;
	color: darkred;
}

A.CommandButton:visited
{
	text-decoration: underline;
	color: darkred;
}

A.CommandButton:active
{
	text-decoration: underline;
	color: darkred;
}

A.CommandButton:hover
{
	text-decoration: underline;
	color: red;
}




/* GENERIC */
H1
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H2
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: darkred;
}

H4
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: darkred;
}

H5, DT
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: darkred;
}

H6
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: darkred;
}

TFOOT, THEAD
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: darkred;
}

TH
{
	vertical-align: baseline;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: darkred;
}

A:link
{
	text-decoration: none;
	color: #43166a;
}

A:visited
{
	text-decoration: none;
	color: #43166a;
}

A:active
{
	text-decoration: none;
	color: #43166a;
}

A:hover
{
	text-decoration: underline;
	color: red;
}

SMALL
{
	font-size: 8px;
}

BIG
{
	font-size: 14px;
}

BLOCKQUOTE, PRE
{
	font-family: Lucida Console, monospace;
}


UL LI
{
	list-style-type: square;
}

UL LI LI
{
	list-style-type: disc;
}

UL LI LI LI
{
	list-style-type: circle;
}

OL LI
{
	list-style-type: decimal;
}

OL OL LI
{
	list-style-type: lower-alpha;
}

OL OL OL LI
{
	list-style-type: lower-roman;
}

HR
{
	color: dimgrey;
	height: 1pt;
	text-align: left;
}
.MenuItem
{
  background-image: url(DesktopControls/MenuLayout/images/group_bg.gif); 
  color:#3F3F3F;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  padding-top:2px;
  padding-bottom:2px;
  padding-left:15px;
  padding-right:15px;
  border:1px;
  border-left-color:white;
  border-top-color:white;
  border-right-color:gray;
  border-bottom-color:gray;
  border-style:solid; 
  cursor:hand;
}

.MenuItemOver
{
  background-image: url(DesktopControls/MenuLayout/images/group_bg_over.gif); 
  color:#3F3F3F;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  text-decoration:none; 
  padding-top:2px;
  padding-bottom:2px;
  padding-left:15px;
  padding-right:15px;
  border:1px;
  border-left-color:white;
  border-top-color:white;
  border-right-color:gray;
  border-bottom-color:gray;
  border-style:solid; 
  cursor:hand;
}

.MenuItemDown
{
  background-image: url(DesktopControls/MenuLayout/images/group_bg_over.gif); 
  color:#3F3F3F;
  font-family:verdana;
  font-size:11px;
  font-weight:bold; 
  padding-top:2px;
  padding-bottom:2px;
  padding-left:15px;
  padding-right:15px;
  border:1px;
  border-left-color:gray;
  border-top-color:gray;
  border-right-color:white;
  border-bottom-color:white;
  border-style:solid; 
  cursor:hand;
}
.MenuBreak
{
  padding:0px; 
}
/* Scoutabout Static Pages */
	.front
		{position: absolute;
		top: 45px;
		left: 95px;
		}

	.mainlogo
		{
		 z-index: 1;
		}
	

	.getloc {
		position: relative;
		font-size: 18px;
		font-weight: bold;
		font-family: Verdana, Helvetica, sans-serif;         	
		margin-left: 16em;
		z-index: 3;
		line-height: 2em;
		}
	.p-r2 {	padding-left: 0.5em;
		}
	
	.p-r3 {	padding-left: 1em;
		}
	
	.p-r4 {	padding-left: 1.5em;
		}

	.graphic{
		border:0px; 
		border-thickness:0px; 
		border-color: #CCCC66; 
		border-style: solid;
		}
