/* GoLightly Stylesheet */
/* $Id: client.css,v 1.16 2007/12/14 22:22:19 jking Exp $ */

body {
	background: #FFF; /* This is the color of the page behind the community */
	font-family: Arial, Helvetica, sans-serif;
	color: #646464;
}

/* Adds a black line around entire website */

#wrapper {
	border: 0;
	_width: 850px;
}
#wrapperFixed {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}

#topBar {
	/*padding-top: 184px;  (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: #FFFFFF; /* This is the color of the background of the entire top bar */
}

#topBarNoTopNav {
	/*padding-top: 164px;  Height of #topNav. This is where the top bar height override (for navigation with no top nav tabs) goes if needed by a particular client (default 74px) This is the distance from the top of the window to the top of the secondary nav */
	background: #FFFFFF; /* This is the color of the background of the entire top bar */
}

#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;
}

#logo {
	top:5px;
	left: 0;
}

/*<group=Account Nav>*/

#accountNav {
	background: transparent;
	border: none;
	color: #545353; /* This is the color of the text with the member's name */
	padding: 0;
}

#accountNav a {
	color: #545353;
}

#accountNav a:hover {
	color: #545353;
}

#accountNav #accountLinks {
	height: 20px;
	margin: 0;
	float: left;
	padding: 6px 0 5px 5px;
}

#accountNav .profilePhoto {
	margin: 0;
	top: 0;
	right: 0;
}

#accountLinks ul {
	padding-right: 0;
}

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

#accountLinks.withPhoto {
	padding-right: 50px !important;
}

#adminLink {
	margin-right: 0;
}

#adminLink.withPhoto {
	margin-right: 50px;
}

#adminLink a {
/*	color: #BDDAE6;*/
}

#pageFooterAdminLink a {
	color: #000000;
}

/*</group>*/

/*<group=Main Text Colors>*/
/* #myPage #topNav li.myPage a, */
#topNav a, #topNav li a {
	color: #FFF; /* This is the text color for the topNav tab text off state */
}
/* 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: #FFF; /* This is the text color for the topNav rollover */
}
#topSubNav li a.at {
	color: #FFFFFF; /* This is a standard text color for the subnav at states */
}
#leftNav ul a.at {
	color: #18684D; /* This is a standard text color for the leftnav at states */
}
#content h1, #contentWithSidenav h1 {
	color: #000000; /* This is a standard text color for h1 & h2  */
}
#contentNav em, .moduleHeader h2 {
	color: #000000; /* This is a standard text color for h1 & h2  */
}

a:link,
a:visited,
a:active {
	color: #125B6B;
	text-decoration: none;
}

a:hover {
	color: #125B6B;
	text-decoration: underline;
}
	
/*</group>*/

#topBar {
	padding-top: 63px;
}

/*<group=topNav>*/
#topNavArea {
	background: #57AFC0;
	height: 26px;
	_height: 27px;
	margin-top: -15px;
	border-bottom: 1px solid #fff;
}

#topNav {
	left: 0;
	background: transparent;
}

#topNav li div {
	border-right: none;
	margin: 0;
	padding: 0;
	left: 0 !important;
}

#topNav a {
	font-weight: bold;
	padding: 0px 13px 0 13px !important;
	line-height: 27px;
	height: 26px !important;
	_height: 22px !msie;
}

#topNav a:hover {
	text-decoration: underline;
}

#topNav li {
/*
	margin-right: 0;
	margin-left: 10px;
*/
	margin: 0 !important;
	padding: 0 !important;
	font-size: 90%;
	height: 26px;
	border-right: #FFF 1px solid;
}

#topNav li div {
	height: 25px;
}

#topNav li span {
	display: none;
	/* if this causes layout problems, remove that line and add:
	background: transparent; */
}

#topNav li,
#topNav li div {
	background: transparent;
}

/* 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: #FFF; /* This is the color of the top tab at-state text */
	background-color: #125B6B;
}

#blogs #topNav li.blogs, 
#forums #topNav li.forums, 
#help #topNav li.help, 
#home #topNav li.home, 
#library #topNav li.library, 
#myPage #topNav li.myPage, 
#people #topNav li.people, 
#projects #topNav li.projects, 
#projectWizard #topNav li.projectWizard, 
#tasks #topNav li.tasks, 
#workgroups #topNav li.workgroups {
	height: 27px; /* hopefully this covers white line below tab (at-state) */
	_height: 28px;
	background-color: #125B6B;
}

#blogs #topNav li.blogs div, 
#forums #topNav li.forums div, 
#help #topNav li.help div, 
#home #topNav li.home div, 
#library #topNav li.library div, 
#myPage #topNav li.myPage div, 
#people #topNav li.people div, 
#projects #topNav li.projects div, 
#projectWizard #topNav li.projectWizard div, 
#tasks #topNav li.tasks div, 
#workgroups #topNav li.workgroups div {
	background-color: #125B6B;
}

#topNav a:hover {
	text-decoration: none;
	color: #FFF !important;
	background-color: #125B6B !important;
}

/*</group>*/

/* See golightly stylesheet for topNavContent styles */

/*<group=TopSubNav>*/

#topSubNav a {
	color: #FFFFFF;
	font-size: 100%;
}

#topSubNav a:hover {
	color: #FFFFFF;
}

#topSubNav {
	background: #125B6B; /* This is the color of the Subnav bar, which is normally gold */
	font-size: 95%;
	height: 10px; /* This is the height of the subnav area with or without text */
	border-top: none;
}

#topSubNavEmpty {
	background: #125B6B; /* This is the color of the Subnav bar, which is normally gold */
	border-bottom: 1px solid #fff;
	border-top: none;
	font-size: 95%;
	height: 10px; /* This is the height of the subnav area with or without text */
}
	
/*</group>*/

#leftNav li {
	background: #D5E7F5;
}

#leftNav li li {
	background: #D5E7F5 url(../images/leftnav_sub_bullet.gif) no-repeat 2px .8em;
}
	
/*</group>*/

/*<group=Content Header>*/

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	color: #646464;
}

#content h2, #contentWithSidenav h2, #contentNoBorders h2 {
	color: #646464;
}

#content h3, #contentWithSidenav h3, #contentNoBorders h3 {
	color: #646464;
	}

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

#goldenTitle a {
	color: #646464;
	}

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

#printable h1 {
	color: #646464;
}

/*<group=Page Footer>*/

#pageFooter {
	background: #FFF; /* Background color of the footer area */
}

#pageFooter .notice,
#pageFooter a { /* This is the footer text */
	color: #545353;
}

/*<group=New Welcome Styles>*/

/* Welcome page styles */
/*
#welcomeArea1 {
	background: transparent;
}
*/

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

#welcomeArea1 {
	background: transparent;
}

#contentNoBorders {
	/*background: #EFF3DB;*/
	/*TG:background: #E3E7C2;*/
	background-color: #ffffff !important;
}

#contentPromo1,
#contentPromo2 {
	font-size: 100%;
	/*TG:background: #E3E7C2;*/
	background-color: #ffffff !important;
	margin-top: 10px !msie;
}

#contentMain1 {
	_width: 47%;
}

#contentMain1Inside {
	/*TG:background: #EFF3DB;*/
	background-color: #eaeaea !important;
	margin-top: 10px !msie;
}

body #contentPromo1Inside,
body #contentPromo2Inside {
	/*TG:background: #E3E7C2 !important;*/
	background-color: transparent !important;
}

#contentPromo1 #contentPromo1Inside h2, #contentPromo2 #contentPromo2Inside h2 {
	color: #545353;
}

#contentMain1 h1 {
	color: #545353;
}

.siteVersion {
	color: #ADADAD;
}