/* GoLightly Stylesheet */
/* $Id: client.css,v 1.3 2009/08/26 04:26:11 dmcgrew Exp $ */

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

#wrapper {
	border: 1px solid #333333;
}
#wrapperFixed {
	border: 1px solid #333333;
}

#topNav li.calendar span {
	background: no-repeat url(../images/lang_english/topnav_calendar.gif);
}

#topBar, #topBarNoTopNav {
	padding-top: 182px; /* (66 (logo) + 90 (birds image) + 27 - 1 = 182) #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: #FFFFFF url(../images/birds_wheat-1214x90.jpg) repeat-x; /* This is the color of the background of the entire top bar */
	background-position: right 66px; /* 0px 66px  */
}

#topBarNoTopNav {
	padding-top: 155px; /* (66 (logo) + 90 (birds image) - 1 = 182) #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 */
}

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

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

/*<group=Account Nav>*/

#accountNav {
	background: #FFFFFF;
	border: none;
	color: #E78431; /* This is the color of the text with the member's name */
}

#accountNav a {
	color: #636363;
	text-decoration: none;
}

#accountNav a:hover {
	color: #999999;
	text-decoration: underline;
}

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

#adminLink a {
	color: #636363;
        font-weight: normal; 
	text-decoration: none;
}

#adminLink a:hover {
	color: #999999;
        font-weight: normal; 
	text-decoration: underline;
}

#pageFooterAdminLink a {
	color: #636363;
}

#pageFooterAdminLink a:hover {
	color: #999999;
}

/*</group>*/

/*<group=Main Text Colors>*/
/* #myPage #topNav li.myPage a, */
#topNav a, #topNav li a {
	color: #636363; /* This is the text color for the topNav tab text off state */
	font-weight: bold;
}
/* To change the color of the tab at state links, see below: #home #topNav li.home a */
#topNav a:hover, #topNav li:hover a {
	color: #333333; /* This is the text color for the topNav rollover */
}
#topSubNav li a.at {
	color: #333333; /* This is a standard text color for the subnav at states */
}
#leftNav ul a.at {
	color: #E78431; /* This is a standard text color for the leftnav at states */
}
#content h1, #contentWithSidenav h1 {
	color: #E78431; /* This is a standard text color for h1 & h2  */
}
#contentNav em, .moduleHeader h2 {
	color: #E78431; /* This is a standard text color for h1 & h2  */
}
	
/*</group>*/

#topNav {
	left: 0px; /* This tells the top nav how far from the left to start */
	top: 156px; /* 66 (logo) + 90 (birds image) = 156 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) */
}

/* I believe this should include all tabs -- what does this do? */
#blogs #topNav li.blogs a, 
#forums #topNav li.forums a, 
#help #topNav li.help a, 
#home #topNav li.home a, 
#library #topNav li.library a, 
#myPage #topNav li.myPage a, 
#people #topNav li.people a, 
#projects #topNav li.projects a, 
#projectWizard #topNav li.projectWizard a, 
#tasks #topNav li.tasks a, 
#workgroups #topNav li.workgroups a {
	color: #333333; /* This is the color of the top tab at-state text */
}
/*** right most tab(s) ***/
#help #topNav li.help div, 
#projectWizard #topNav li.projectWizard div {
	background-position: right -81px;
}
/*** all tabs that are not on far right ***/ 
#library #topNav li.library div {
	background-position: right -27px;
}

/*</group>*/

/* We don't want this topSubNav to appear at all for Global Footprint Network -- we are using a drop-down */
/* We do want a 1px black line to always appear under the topNav though */
#topSubNav, #topSubNavEmpty {
	background: #999999; /* This is the color of the Subnav bar, which is normally gold */
	height: 1px; /* This is the height of the subnav area with or without text */
	padding:0;
	margin:0;
}

/*</group>*/
	
.goldenH2{
	color: #E78431;
	}

#goldenTitle a {
	color: #E78431;
	}

/*GENERAL FOR PAGES WITH BLUE MODULE and GOLDEN COLOR TITLE */
#Title h1 {
   color: #E78431;
   }
/*</group>*/

#printable h1 {
	color: #E78431;
}

/*<group=Page Footer>*/

#pageFooter {
	background: #C8DEF4; /* Background color of the footer area */
}
.siteVersion {
	color: #DDD;
}

/*</group>*/

/*<group=New Welcome Styles>*/

/* Welcome page styles */
#welcomeFrame {	/* The generic welcome style to hold all content */
	border-top: none; /* This creates the line just under the top nav tabs, but only on the welcome page */
	margin:0;
	*margin: 10px 0 0 0;
	padding:0;
}

/* 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: #E6E6E6;
}

/* This is the dotted line under the Promo Color1a header */
#contentPromo1InsideColor1aBreak {
	position: absolute;
	width: 85%; /* 100% shoots this off the right side of the promo area */
	height: 1px;
	margin: -4px 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/icon_dots_gray.gif) repeat-x top left;
}

#contentPromo1 p.color1b { /* This defines the promo header 1b */
	background-color: #662222;
	color: #FFFFFF;
	font-weight: normal;
}
.contentPromo1InsideColor1b { /* This defines the promo text 1b */
	background: #FFFFFF;
	border-right: 1px solid #99979A;
	border-bottom: 1px solid #99979A;
	border-left: 1px solid #99979A;
}

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

#contentPromo2 p.color2b { /* This defines the promo header 2b */
	background-color: #662222;
	color: #FFFFFF;
	font-weight: normal;
}
.contentPromo2InsideColor2b { /* This defines the promo text 2b */
	background: #FFFFFF;
	border-right: 1px solid #99979A;
	border-bottom: 1px solid #99979A;
	border-left: 1px solid #99979A;
}

/* 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:#AACCDD;
	color: #006699;
	font-weight: normal;
}
.contentPromo1InsideColorStats, .contentPromo2InsideColorStats { /* This defines the promo text area, statistics */
	background: #AACCDD;
}

/* This is the dotted line under the Statistics header */
#contentColorStatsBreak {
	position: absolute;
	width: 85%; /* 100% shoots this off the right side of the promo area */
	height: 1px;
	margin: 0 18px 0 18px;
	padding: 0 0 0 0;
	background: url(../images/icon_dots_blue.gif) repeat-x top left;
}

/* 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:#E6E6E6;
	font-weight: normal;
}
.contentPromo1InsideColorGetStarted, .contentPromo2InsideColorGetStarted { /* This defines the promo text, "getting started" */
	background: #E6E6E6;
}

/* This is the dotted line under the Getting Started header */
#contentColorGetStartedBreak {
	position: absolute;
	width: 85%; /* 100% shoots this off the right side of the promo area */
	height: 1px;
	margin: 0 18px 0 18px;
	padding: 0 0 0 0;
	background: url(../images/icon_dots_gray.gif) repeat-x top left;
}

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

#contentMain1 h1 {
	color: #E78431;
}

#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>*/

/*<group=Any Link Dropdown Menu>*/
/***********************************************
* AnyLink Drop Down Menu-Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

#dropmenudiv {
	margin: 0 0 0 0 !important; /* Shift the drop-down menu to the left. Should match the margin for topNavContentArea */
	margin: 0 0 0 0; /* Only IE reads this */
	padding: 0;
	background: #FFFFFF;
	border-right:1px solid #999999;
	border-bottom: none;
	border-left:1px solid #999999;
}

#dropmenudiv a {
	color: #636363; /* This is the default link color for the entire site */
	width: auto;
	border-bottom: 1px solid #999999;
	padding: 4px;
	font-weight: normal;
}

/*</group>*/