/* GoLightly Stylesheet */
/* $Id: client.css,v 1.1 2008/12/18 04:16:38 dmcgrew Exp $ */

body {
	background: #387DA8; /* This is the color of the page behind the community */
}

a:link,
a:visited {
	color: #069;
}

#topBar {
	padding-top: 100px; /* (74 + 27 - 1 = 100) #topNav + tab height - 1. This is where the top bar height override goes if needed by a particular client (default 74px) This is the distance from the top of the window to the bottom of the tabs */
	background: #999999; /* url(../images/header_bg.gif) top; /* This is the color of the background of the entire top bar */
}

#topBarSmall { /* This is for the top bar with the small logo */
	background: #999999; 
}

#topBarPrint { /* This is for the top bar that appears when printing */
	background: #999999; 
}

/*<group=Account Nav>*/

#accountNav {
	background: #6E6E6E;
	border: 1px solid #919191;
	color: #D1D1D1; /* This is the color of the text with the member's name */
	font-family: Arial, Helvetica, sans-serif;
}

#accountLinks li {
	border-right: 1px solid #D1D1D1; /* This is the vertical seperator between account navigation items */
}

/*</group>*/

/*<group=topNav>*/

#topNav {
	/* This is where the left & top overrides of global.css settings go */
	left: 0px; /* This tells the top nav how far from the left to start */
	top: 74px; /* default in global.css 48px. This is the distance from the top of the window to the top of the tabs. This number + 27 (-1) should equal #topBar. Change to allow for larger logo (logo height minus 27px) */
}

/* For selected states. These settings cause the tabs to appear to be in the "at" state. */
/*** left most tab "home" ***/
#home #topNav li.home, #projectWizard #topNav li.projectWizard {
	background-position: 0px -81px;
	z-index: 2;
}
/*** all tabs that aren't on far left ***/
#myPage #topNav li.myPage, #people #topNav li.people, #workgroups #topNav li.workgroups, #forums #topNav li.forums, #library #topNav li.library, #help #topNav li.help {
	background-position: 0px -27px;
	z-index: 2;
}
#home #topNav li.home a, #myPage #topNav li.myPage a, #people #topNav li.people a, #workgroups #topNav li.workgroups a, #forums #topNav li.forums a, #library #topNav li.library a, #help #topNav li.help a, #tasks #topNav li.tasks a, #about #topNav li.about a, #stories #topNav li.stories a, #projects #topNav li.projects a, #projectWizard #topNav li.projectWizard a {
	font-weight: bold;
	color: #BC7311; /* This is the color of the top tab at-state text */
}
/*** right most tab "help" ***/
#help #topNav li.help div, #projectWizard #topNav li.projectWizard div {
	background-position: right -81px;
}
/*** all tabs that aren't on far right ***/
#home #topNav li.home div, #myPage #topNav li.myPage div, #people #topNav li.people div, #workgroups #topNav li.workgroups div, #forums #topNav li.forums div, #library #topNav li.library div, #tasks #topNav li.tasks div, #about #topNav li.about div, #stories #topNav li.stories div, #projects #topNav li.projects div {
	background-position: right -27px;
}
#home #topNav li.home span, #myPage #topNav li.myPage span, #people #topNav li.people span, #workgroups #topNav li.workgroups span, #forums #topNav li.forums span, #library #topNav li.library span, #help #topNav li.help span, #tasks #topNav li.tasks span, #about #topNav li.about span, #stories #topNav li.stories span, #projects #topNav li.projects span {
	background-position: 0px -32px;
}

	
/*</group>*/

/*<group=New Welcome Styles>*/

/* Welcome page styles */
#welcomeFrame {	/* The generic welcome style to hold all content */
	border-top: none;
}

/* Promo1 refers to the left promo column
   Promo2 refers to the right promo column
   Color1, Color2, etc. refers to colors that should be consistent regardless whether in the left or right columns */
#contentPromo1 { /* This is the left column outside liner for positioning relative to the main content and the right column */
	width: 29%;
}

.contentPromo1InsideColor1a { /* This is the basic promo area background color */
	background: #FDF7D6;
	border-right: 1px solid #BFD63E;
}

#contentPromo1 p.color1b { /* This defines the promo header 1b */
	background-color:#FFCE5A;
	color: #333;
}
.contentPromo1InsideColor1b { /* This defines the promo text 1b */
	background: #FFDE79;
}

#contentPromo1 p.color1c { /* This defines the promo header 1c */
	background-color: #A3D9E2;
}
.contentPromo1InsideColor1c { /* This defines the promo text 1c */
	background: #BAE7EF;
}

.contentPromo2InsideColor2a { /* This defines the promo text 2a */
	border-left: 1px solid #BFD63E;
}

#contentPromo2 p.color2b { /* This defines the promo header 2b */
	background-color: #A3D9E2;
}
.contentPromo2InsideColor2b { /* This defines the promo text 2b */
	background: #BAE7EF;
}

/* Defines the color of the statistics box, regardless of the side it is on */
#contentPromo1 p.colorStats, #contentPromo2 p.colorStats { /* This defines the promo header, statistics */
	background-color:#D3D3D3;
	color: #333;
}
.contentPromo1InsideColorStats, .contentPromo2InsideColorStats { /* This defines the promo text area, statistics */
	background: #DEDFE0;
}

/* Defines the color of Getting Started, regardless of the side it is on */
#contentPromo1 p.colorGetStarted, #contentPromo2 p.colorGetStarted { /* This defines the promo header, "getting started" */
	background-color:#FFCE5A;
	color: #333;
}
.contentPromo1InsideColorGetStarted, .contentPromo2InsideColorGetStarted { /* This defines the promo text, "getting started" */
	background: #FFDE79;
}

#contentPromo1Inside h2,
#contentPromo2Inside h2 {
color:#333;
}

#contentMain1 { /* This is the main content outside liner for positioning relative to the left and right columns */
	width: 43%;
}

#contentPromo2 {  /* This is the right column outside liner for positioning relative to the left column and main content area */
	font-size: 85%;
	width: 28%; /* This is set to 1% less than 100% on purpose. When set to 100%, IE causes the right most cell to jump sometimes. */
}

/*</group>*/

.siteVersion {
	color: #2C6487;
}