/*========================================================*/
/*                  Table of Contents                     */
/*========================================================*/
/*  1. General                                            */
/*  2. Page Layout                                        */
/*  3. Controls (Skin Object)                             */
/*  4. Links and Buttons                                  */
/*  5. Text                                               */
/*  6. Main Menu                                          */
/*  7. Module Event                                       */
/*========================================================*/


/*========================================================*/
/*  1. General                                            */
/*========================================================*/

/* Forces browser height of 100% */
html {
	height: 100%;
}


/* Body style */
body {
	background:#5A5A5A; /* alternative colors: d4d0c8  */
	margin-top:1px;
	margin-bottom:1px;
	padding:0;
	text-align:center;
}


/* Catch-all to ensure text consistency */
div, table, tr, td, p{
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px;
	letter-spacing:0.04em;
}



/*========================================================*/
/*  2. Page Layout                                        */
/*========================================================*/


/* Determine the overall page size, color and position.You may change the site width into any fixed sizes or 100%  */

/* Master Wrapper for skin_Home */
#MasterWrapper {
	margin-top:0;
	margin-bottom:0;
	width: 800px;
	height: 550px;	
	background-color: #5A5A5A; /*#F8F4EF*/
	border-left:0;
	border-right:0;
}

/* Master Wrapper for skin_Inside */
#MasterWrapper_In {
	margin-top:0;
	margin-bottom:0;
	width: 800px;
	height: 100%;	
	background-color: #5A5A5A; /*#F8F4EF*/
	border-left:0;
	border-right:0;
}
/* The actual content area. For skin_warm. */
#SiteWidth{
	padding-top:10px;
	margin-top:0;
	width:688px; /*used to get gutter on left and right sides */
	background-color:#F8F4EF;
	height:auto;
}


/* Style for solpart menu box */
.Menu {
	color:#FFFFFF;
	height:24px;
	border-top:0;
	border-bottom:0;
	border:0;
	margin:0;
}


.Copyright {
	background: transparent;
	height:20px;
	color: #CCCCCC;
	font-size: 9px;
	border-top:0;
	border-bottom:0;
	border:0;
}

/*========================================================*/
/*  3. Controls (Skin Object)                             */
/*========================================================*/

/* Catch all for skin object font */
.SkinObject{
	font-family:Trebuchet MS, Arial, sans serif;
	color:#ffffff;

}

/* Style for date control */
.date{
	font-family:Trebuchet MS, Arial, sans serif;
	color:#29689C;
	font-size:10px;
	font-style: italic;
	font-weight:bold;
	letter-spacing:1px;
	padding-right:2px;
}

.Breadcrumb {
	font-family: Trebuchet MS, Arial, sans serif;
	color: #333333;
	font-size: 9px;
}

a.Breadcrumb:link, a.Breadcrumb:visited, a.Breadcrumb:active {
	font-family: Trebuchet MS, Arial, sans serif;
	color: #333333;
	font-size: 9px;
}

a.Breadcrumb:hover {
	font-family: Trebuchet MS, Arial, sans serif;
	color: #0000BB;
	font-size: 9px;
}

/* Style for Login/Logout, Register/User controls */
.LoginUser, a.LoginUser:link, a.LoginUser:visited, a.LoginUser:active {
	font-family:Trebuchet MS, Arial, sans serif;
	font-size:10px;
	color:#29689C;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}

a.LoginUser:hover{
	font-family:Trebuchet MS, Arial, sans serif;
	font-size:10px;
	color:#000000;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}

/* Style for legal related controls */
.LegalLinks, a.LegalLinks:link, a.LegalLinks:visited, a.LegalLinks:active {
	font-family:Trebuchet MS, Arial, sans serif;
	font-size:9px;
	color:#CCCCCC;
	font-weight:normal;
	text-decoration: none;
}

a.LegalLinks:hover {
	font-family:Trebuchet MS, Arial, sans serif;
	font-size:9px;
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
}



/*========================================================*/
/*  4. Links and Buttons                                  */
/*========================================================*/


/* Default link style */
a:link, a:visited, a:active {
	color: #0000FF;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: normal;
	font-size: 11px;
}

a:hover {
	color: #FF0000;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}


/* text and link style used for most text rendered by modules */
.Normal, a.Normal:link, a.Normal:visited, a.Normal:active {
	color: #0000FF;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: normal;
	font-size: 11px;
}

a.Normal:hover {
	color: #FF0000;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: underline;
}

/* buttons and link buttons style used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active  {
	color: #FFFFFF;	
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #666;
	border-left: 1px solid #bbb;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #333;
}

A.CommandButton:hover    {
	color: #FFFFFF;	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	padding: 1px 5px 2px 6px;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	background: #000;
}

	
	
/*========================================================*/
/*  5. Text                                               */
/*========================================================*/



/* text style for module titles */
.Head {
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 18px;
	color: #171717;
	font-weight: bold;
}


/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */ 
.SubHead {
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px;
	color:#29689C;
	font-weight: bold;
}


/* text style used for most text rendered by modules; applies to the majority of text in the site */
.Normal{
	color: #000000;
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px;
	font-weight: normal;
	line-height:1.8em;
}

.NormalBold {
	color: #000000;
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px;
	font-weight: bold;
	line-height:1.8em;
}

/* Bold red text for alerts and such */
.NormalRed {
	color: #930;
	font-family:Trebuchet MS, Arial, sans serif;
	font-weight: bold;
	font-size: 11px;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family:Trebuchet MS, Arial, sans serif;
    font-size: 11px;
    font-weight: normal;
}

/*  form style */
select, input {
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px;
	/*border:1px solid #000;*/
	margin-bottom:-2px;  /* To align the box with the search button */
}


/* all the other text*/
h3, h4, h5, h6, DT, TFOOT, THEAD, TH {
color:#000000;
}


/*========================================================*/
/*  6. Main Menu                                             */
/*========================================================*/



/* Container for main menu */
.MainMenu_MenuContainer {
	background-color: transparent;
	height:22px;
	width:80%;  /* to shrink the menu container width to fit into the talbe cell*/
	margin-left:5px;
	margin-top: 2px;
}

/* Menu bar */
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:22px;
	padding:0px;
}

/* Applies to off state of submenu items only */
.MainMenu_MenuItem {
	background: transparent;
	cursor: pointer; 
	cursor: hand; 
	color: #000; 
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px; 
	font-weight: bold; 
	border-bottom: #efefef 1px solid; /* same color as MainMenu_SubMenu BG*/
	border-top: #efefef 1px solid;    /* same color as MainMenu_SubMenu BG*/
	padding: 1px 10px 1px 5px;
}


/* Container for submenu */
.MainMenu_SubMenu {  /*the same style as MainMenu_MenuItem*/
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand;
	background: #efefef; /* same color as MainMenu_MenuItem borders*/
	filter: none;
	border: 1px solid #333333;
	font-family:Trebuchet MS, Arial, sans serif;
	margin-top: 0;
	margin-left: 0;
	padding: 2px;
}


/* Hover state for submenu items only */
.MainMenu_MenuItemSel {
	background:#5A5A5A;  /* for sub menu rollover effect, put different color to achieve different bg effect*/
	cursor: pointer; 
	cursor: hand; 
	color: #FFFFFF; 
	font-family:Trebuchet MS, Arial, sans serif;
	font-size: 11px; 
	font-weight: bold; 
	border-bottom: #efefef 1px solid; /* same color as MainMenu_SubMenu BG*/
	border-top: #efefef 1px solid;    /* same color as MainMenu_SubMenu BG*/
	padding: 1px 10px 1px 5px;
}



/* The Root Menu styles have to be AFTER the Submenu styles to overwrite submenu styles*/
/* Idle state for main menu items, can overwrite MainMenu_MenuItem */
.RootMenu_Off {
	background:transparent;
	color: #CACACA;
	font-size: 9px;
	font-weight: bold;
	cell-spacing: 0 0 5px 0;
	/*height:25px;*/
}

.RootMenu_Off TD
{
   BORDER-RIGHT: white 0px solid;
   BORDER-TOP: white 0px solid;
   FONT-WEIGHT: bold;
   FONT-SIZE: 11px;
   BORDER-LEFT: white 0px solid;
   CURSOR: hand;
   COLOR: white;
   BORDER-BOTTOM: white 0px solid;
   FONT-STYLE: normal;
   FONT-FAMILY: Arial, Helvetica, Sans-Serif;
   background-image:url(tab.gif);
   width: 100px;
   text-align:center;
   height: 24px;
}



/* Active state for main menu items */
.RootMenu_On{
	background:transparent;
	color:#000000;
	font-size: 12pt;
	font-weight: bold;
	cell-spacing: 0 0 5px 0;
	/*height:25px;*/
}

.RootMenu_On TD
{
   BORDER-RIGHT: white 0px solid;
   BORDER-TOP: white 0px solid;
   FONT-WEIGHT: bold;
   FONT-SIZE: 11px;
   BORDER-LEFT: white 0px solid;
   CURSOR: hand;
   COLOR: black;
   BORDER-BOTTOM: white 0px solid;
   FONT-STYLE: normal;
   FONT-FAMILY: Arial, Helvetica, Sans-Serif;
   background-image:url(tab.gif);
   width: 100px;
   text-align:center;
   height: 24px;
}

/* Hover state for main menu items */
.RootMenu_Hover{
	background:transparent;
	color:#FFFFFF;
	font-size: 12pt;
	font-weight: bold;
	cell-spacing: 0 0 5px 0;
	/*height:25px;*/
}

.RootMenu_Hover TD
{
   BORDER-RIGHT: white 0px solid;
   BORDER-TOP: white 0px solid;
   FONT-WEIGHT: bold;
   FONT-SIZE: 11px;
   BORDER-LEFT: white 0px solid;
   CURSOR: hand;
   COLOR: black;
   BORDER-BOTTOM: white 0px solid;
   FONT-STYLE: normal;
   FONT-FAMILY: Arial, Helvetica, Sans-Serif;
   background-image:url(tab.gif);
   width: 100px;
   text-align:center;
   height: 24px;
}

/* Tabs -- Aggregator */
/* Top2 -- Begins*/
.Top2_TabStrip
{
	background-color: transparent;  /* lightsteelblue */
	padding-top: 2px;
	text-align: left;
}

.Top2_TabUnselected
{
	cursor: pointer;
	color: #666666;
	background-image:   url(../../../../../Local%20Settings/ForesightGolf/Sites/New_Foresight/unselectedTab.gif);
	/*background-color: #CCCCCC; /*  BEF0C3  */
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: bold; 
	/*border-top: solid 1px #AAAAAA; */
	border-right: solid 1px #999999;
	/*border-left: solid 1px #AAAAAA; */
	padding-left: 7px;
	padding-right: 4px;
	margin-right: 2px;
}

.Top2_TabSelected
{
	cursor: pointer;
	height: 20px;
	color: #000000;
	background-image:   url(../../../../../Local%20Settings/ForesightGolf/Sites/New_Foresight/selectedTab.gif);
	font-weight: bold;
	text-transform: uppercase;
	background-color: #FFFFFF;     /* b9d1f4 */
	/*border-left: solid 1px #666666; */
	border-right: solid 1px #666666;
	/*border-top: solid 1px #666666; */
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	margin-right: 2px;
}

.Top2_TabMouseOver
{
	color: #000000;
	background-image:   url(../../../../../Local%20Settings/ForesightGolf/Sites/New_Foresight/mouseoverTab.gif);
	border-right: solid 1px #000000;
}

.Top2_TabPage
{
	background-color: white;
	border: solid 1px #666666;
	/*border-left: solid 1px silver;
	border-right: solid 1px silver;
	border-bottom: solid 1px silver;  */
	padding: 3px;
}

/* Top3 -- Begins*/
.Top3_TabStrip
{
	background-color: trans;  /* lightsteelblue */
	border-bottom: solid 0px #CCCCCC;
	padding-top: 2px;
	padding-left: 2px;
	text-align: left;
}

.Top3_TabUnselected
{
	cursor: pointer;
	color: #666666;
	background-image:   url(../../../../../Local%20Settings/ForesightGolf/Sites/New_Foresight/unselectedTab.gif);
	/*background-color: #CCCCCC; /*  BEF0C3  */
	font-family:Trebuchet MS, Helvetica, sans-serif;
	font-size: 9px; 
	font-weight: bold; 
	/*border-top: solid 1px #AAAAAA; */
	border-right: solid 1px #999999;
	/*border-left: solid 1px #AAAAAA; */
	padding-left: 3px;
	padding-right: 2px;
	margin-right: 1px;
}

.Top3_TabSelected
{
	cursor: pointer;
	height: 20px;
	color: black;
	background-image:   url(../../../../../Local%20Settings/ForesightGolf/Sites/New_Foresight/selectedTab.gif);
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: solid 0px #666666;
	background-color: #FFFFFF;     /* b9d1f4 */
	/*border-left: solid 1px #666666; */
	border-right: solid 1px #666666;
	/*border-top: solid 1px #666666; */
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	margin-right: 2px;
}

.Top3_TabMouseOver
{
	color: #000000;
	background-image:   url(../../../../../Local%20Settings/ForesightGolf/Sites/New_Foresight/mouseoverTab.gif);
	border-right: solid 1px #000000;
}

.Top3_TabPage
{
	background-color: white;
	border-top: solid 1px #666666;
	border-left: solid 1px #666666;
	border-right: solid 1px #666666;
	border-bottom: solid 1px #666666;
	padding: 3px;
}

/*MainMenu_MenuBreak*/
.MainMenu_MenuBreak {
	width: auto;
	border: 0;
}


/* Elements we don't really need to see */
.MainMenu_MenuArrow,
.MainMenu_RootMenuArrow,
.MainMenu_MenuIcon {
	display: none;
}



/* ================================
    7.  CSS STYLES FOR Module Event
   ================================
*/

.Eventtooltip
{
	border-right: #000 1px solid;
	padding-right: 5px;
	border-top: #000 1px solid;
	padding-left: 5px;
	font-size: 9px
	filter: alpha(opacity=80);
	padding-bottom: 5px;
	border-left: #000 1px solid;
	width: 250px;
	color: #000;
	padding-top: 5px;
	border-bottom: #000 1px solid;
	font-family: Arial;
	background-color: #ffd;
	text-align: left;
	moz-opacity: 0.8;
}
	 
.Event
{
	border-right: black 1px solid;
	table-layout: auto;
	padding-right: 0px;
	border-top: black 1px solid;
	padding-left: 0px;
	font-size: 7pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: black 1px solid;
	color: black;
	padding-top: 0px;
	border-bottom: black 1px solid;
	font-family: Verdana;
	border-collapse: collapse;
	text-align: center;
	width: 590px;
	height: 400px;
}

.EventTitle
{
	font-weight: bold;
	font-size: 9pt;
	background-image: none;
	width: 100%;
	height: 100%;
	background-color: #6666ff;
	text-align: center;
}

.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	background-image: none;
	color: navy;
	background-color: #6666ff;
	text-align: center;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: darkblue !important;
	padding-top: 0px;
}

.EventNextPrev a, .EventNextPrev a:visited, .EventNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: darkblue !important;
	padding-top: 0px;
}

.EventDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	color: black;
	background-color: #999999;
}

.EventDay, .EventDay td
{
	font-size: 7pt;
	color: #0000ff !important;
	font-family: Verdana;
}

.EventDay a,
.EventDay a:visited,
.EventDay a:hover
{
	font-size: 8pt;
/*	color: #0000ff !important; */
	font-family: Verdana;
}

.EventOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
	color: #8080c0;
	background-color: gainsboro;
}


.EventWeekendDay
{
	background-color: whitesmoke;
}

.EventTodayDay
{
	border-right: red 2px solid;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
	font-weight: bold;
	color: #0000ff !important;
	background-color: #555555;
	border-right: gray 2px solid;
	border-top: gray 2px solid;
	border-left: gray 2px solid;
	border-bottom: gray 2px solid;
}

.EventSelectedDay a,
.EventSelectedDay a:visited,
.EventSelectedDay a:hover
{
	color: charcoal !important;
	font-weight: bold;
}

.EventSelector
{
	background-color: #c0c0e0;
}

.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}