/* GoLightly Stylesheet */
/* $Id: client.css,v 1.5 2009/06/19 22:39:57 bvillanueva Exp $ */

body {
	background: #F6F7F8 url(../images/bg.jpg) repeat-x 0 0;
	font-family: Arial, Helvetica, sans-serif;
}

#welcomeFrame {
	border-top: none;
}

h1 {
	font-weight: bold !important;
	color: #193C58 !important;
}

#content h2,
#contentWithSidenav h2,
#contentNoBorders h2 {
	color: #666666;
	margin-bottom: .2em;
}

a:link,
a:visited {
	color: #277BC0;
	text-decoration: none;
}

a:active,
a:hover {
	color: #277BC0;
	text-decoration: underline;
}

#contentWithSidenav h2 {
	font-weight: bold !important;
	color: #666666;
}

#mainBody {
	background: transparent;
}

#wrapper {
/*	width: 1000px; padding: 0 0 0 66px; */
	width: 935px;
}

#contentPromo1Inside,
#contentPromo2Inside,
#contentMain1Inside {
	background: transparent;
}

#mainHeader,
#contentWithSidenav,
#contentNoBorders {
}

#mainHeader {
	background: transparent;
}

#logo {
	left: 20px;
	top: 10px;
}

#mainHeaderLiner {
	padding-bottom: 20px;
}

#topBar {
	padding-top: 110px;
	background: transparent;
}

#topNavArea {
	height: 40px;
	background: transparent url(../images/topnav_back.gif) repeat-x 0 0;
	position: relative;
}

#topNav {
	top: 0;
	left: 1px;
}

#topNav,
#topNav li {
	height: 40px !important;
}


#topNav li a {
/*	height: 37px !important;	*/
	height: 40px !important;
	padding: 0 20px 0 10px;
	line-height: 31px;
	color: #FFF;
	font-weight: bold;
}

#topNav li a:hover,
#topNav li a:active {
	color: #AB552B;
}

#topNav li,
#topNav li div
{
}

#topNav li span {
	background-image: none;
	display: none;
}

#topNav li.home {
	background-position: 0 0;
}

#topNav li.last div {
	background-position: 0 0;
}

/* For selected states. These settings cause the tabs to appear to be in the "at" state. */
/*** left most tab(s) ***/
#home #topNav li.home, 
#projects #topNav li.projects, 
#projectWizard #topNav li.projectWizard {
	background-position: 0px -120px;
	z-index: 2;
}
/*** all tabs that aren't on far left ***/ 
#blogs #topNav li.blogs, 
#calendar #topNav li.calendar, 
#forums #topNav li.forums, 
#help #topNav li.help, 
#library #topNav li.library, 
#myPage #topNav li.myPage, 
#people #topNav li.people, 
#projectWizard #topNav li.projectWizard, 
#tasks #topNav li.tasks, 
#workgroups #topNav li.workgroups {
	background-position: 0px -40px;
	z-index: 2;
}
/* I believe this should include all tabs -- what does this do? */
#blogs #topNav li.blogs a, 
#calendar #topNav li.calendar 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 {
	font-weight: bold;
	color: #277BC0; /* This is the color of the top tab at-state text */
	height: 40px !important;
	padding: 0 20px 0 10px !important;
	line-height: 31px !important;
}

/* all tabs that are not on far right */ 
#blogs #topNav li.blogs div,
#calendar #topNav li.calendar div,
#forums #topNav li.forums 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, 
#tasks #topNav li.tasks div, 
#workgroups #topNav li.workgroups div {
	background-position: right -120px;
}

#topSubNavEmpty {
	display: none;
	background: transparent;
}

#accountNav {
	background: transparent;
	border: none;
	z-index: 5;
	color: #9A8C7D;
}

#accountNav a {
	color: #34637D !important;
	text-decoration: none;
}

#accountNav a:hover {
	color: #34637D !important;
	text-decoration: underline;
}

#accountLinks li {
	border-right: 1px solid #9C8764;
	line-height: 100%;
}

#mainHeaderLiner {
	position: relative;
}

#mainHeaderLiner #searchBox {

}

#mainHeaderLiner #searchBox .textField {

}

#mainHeaderLiner #searchBox input,
#mainHeaderLiner #searchBox select {

}

#mainHeaderLiner #searchBox h2 {

}

#mainHeaderLiner #searchBox a {
	color: #FFF;
}

#dropmenudiv {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0 !important;
	border-color: #226496 !important;
	background-color: #D2D9DE !important;
	width: 180px !important;
}

#dropmenudiv a {
	padding: 10px 15px;
	font-size: 12px;
	font-weight: bold;
}

#dropmenudiv a:link,
#dropmenudiv a:visited {
	color: #277BC0;
	border-color: #226496 !important;
}

#dropmenudiv a:active,
#dropmenudiv a:hover {
	color: #277BC0;
	background: #B8C0C6;
}

#contentWrapper {
}

#breadcrumb.noLeftNav {
	margin-top: 5px;
}

#welcomeFrame {
	border-top: none;
}

#leftNav a {
	color: #306B7D;
}

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

#leftNav a.at {
	color: #9A8C7D !important;
}

.footerRow {
	background: transparent;
	font-weight:bold;
}

#contentFooterWithSidenav {
	background: transparent;
}

#pageFooter {
	background: transparent;
	border-top: none;
	color: #666;
	font-size: 12px;
}

#pageFooter .notice {
	color: #666;
	font-weight:bold;
}

#pageFooter a {
	color: #277BC0;
}

.siteVersion {
	color: #999;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 66px;
	font-size: 85%;
}