/*	
	client.css
  	Provides a client level CSS stylesheet for all GoLightly community pages
	copyright 2009 GoLightly, Inc.
*/


/* GLOBAL ITEMS ========================================================================*/

body {
	background: url(../images/golightly_body_bg.gif) top left repeat-x;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body.hidenav {
	background: url(../templates/go/images/spacer.gif) top left;
}

a:link {
	color: #333; /* This is the default link color for the entire site (NOT #069) */
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a:active {	
	color: #333;
	text-decoration: underline;
}

.minWidth {
	width: 872px; /* Sets the minimum width of the site. */
}

#wrapper {
	width: 872px;
	max-width: 872px;
	background: transparent;
	border-right:0px solid #aaa;
	border-left:0px solid #aaa;
}

/* end:GLOBAL ITEMS ====================================================================*/


/* GOLIGHTLY CLIENT NAVIGATION ===============================================================*/

#clientTopNav { position: absolute; 
background: url(../images/golightly_clientNav_bg.jpg) top left no-repeat;
min-height:35px; height:auto !important; height: 35px; min-width:872px; width:872px !important; width: 872px; margin: -36px 0 0 0; padding: 0; overflow:hidden; text-align: left; border-top: 0px solid #fff; border-bottom: 0px solid #fff; }

#gol_menu {
	background: #bebfca url(http://www.golightly.com/images/bg_topnav.gif) repeat-x left top;
	width: 702px;
	height: 35px;
	color: #fff;
}

/* primary menu - at the top of this site */

#top_menu a, 
#top_menu a:link, 
#top_menu a:visited {
	color:#a5a5a9;
	padding-left: 5px;
	padding-right:5px;
	text-decoration: none;
	font-weight: normal;
	text-transform: lowercase;
}

#top_menu a:hover, 
#top_menu a.active {
	text-decoration: underline;
}

#top_menu ul, 
#top_menu li, 
#gol_menu ul, 
#gol_menu li {
	list-style-type:none;
	list-style-image:none;
	padding: 0;
	margin: 0;
}

#top_menu li {
float:right;

}

#gol_menu ul {
	height: 35px;
	margin: 0;
	padding: 0;
} 

#gol_menu ul li {
	float:left;
	height: 35px;
	/*line-height:23px;
	background: url(http://www.golightly.com/images/menu_bg.gif) right top no-repeat;*/
	margin: 0;
	padding: 0;
}

#gol_menu ul li a, 
#gol_menu ul li a:link, 
#gol_menu ul li a:visited {
	/*color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	text-transform: uppercase;*/
}

#gol_menu ul li:hover, 
#gol_menu ul li.over, 
#gol_menu ul li#current {
/*background:#636698 url(http://www.golightly.com/images/menu_bg.gif) right top no-repeat; */
/* Was background:black url(http://www.golightly.com/images/menu_bg.gif) right top no-repeat; */
}

#gol_menu .gol_menu li a {
	display: block;
	font-size: 1px;
    height: 0px;
    /*height :35px; /* ie5/win hack */
	padding: 35px 0 0 0;
	margin: 0;
	background: transparent url(http://www.golightly.com/images/bg_topnav_items2010.gif) no-repeat;
	overflow: hidden;
	outline: 0;
}

/* Top Nav Items (ON) */

/* products */
#gol_menu .gol_menu li.item2 a:hover,
#gol_menu .gol_menu li.item2#current a { 
	width: 107px;
	background-position: 0px -36px;
}

/* quick tour */
#gol_menu .gol_menu li.item223 a:hover,
#gol_menu .gol_menu li.item223#current a { 
	width: 103px;
	background-position: -107px -36px;
}

/* customers */
#gol_menu .gol_menu li.item217 a:hover,
#gol_menu .gol_menu li.item217#current a { 
	width: 104px;
	background-position: -210px -36px;
}

/* partners */
#gol_menu .gol_menu li.item224 a:hover,
#gol_menu .gol_menu li.item224#current a { 
	width: 93px;
	background-position: -314px -36px;
}

/* news & events */
#gol_menu .gol_menu li.item76 a:hover,
#gol_menu .gol_menu li.item76#current a { 
	width: 125px;
	background-position: -407px -36px;
}

/* about us */
#gol_menu .gol_menu li.item54 a:hover,
#gol_menu .gol_menu li.item54#current a { 
	width: 90px;
	background-position: -532px -36px;
}

/* Top Nav Items (OFF) */

/* products - far left */
#gol_menu .gol_menu li.item2 a { 
	width: 107px;
	background-position: 0 0; /* first number is negative distance from the left of bg_topnav_items2010.gif */
}

#gol_menu .gol_menu li.item2 ul li a {
	background-image: none !important;
}

/* quicktour */
#gol_menu .gol_menu li.item223 a { 
	width: 103px;
	background-position: -107px 0;
}

/* customers */
#gol_menu .gol_menu li.item217 a { 
	width: 104px;
	background-position: -210px -36px; /* Force the "at" state while on the community */
}

/* partners */
#gol_menu .gol_menu li.item224 a { 
	width: 93px;
	background-position: -314px 0;
}

/* news & events */
#gol_menu .gol_menu li.item76 a { 
	width: 125px;
	background-position: -407px 0;
}

/* about us */
#gol_menu .gol_menu li.item54 a { 
	width: 96px;
	background-position: -532px 0;
}


img {
	border: 0;
}

fieldset {
	border:none;
}

/* end:GOLIGHTLY CLIENT NAVIGATION ===========================================================*/


/* ACCOUNT NAV AND ADMIN LINKS =========================================================*/

#accountNav {
	color: #fff; 
	background:transparent; 
	border:0px;
	text-align:center;
	font-size: 12px;
	top: 5px;
}

#accountNav a:link, #accountNav a:visited, #accountNav a:active {
	color: #eee;
	text-decoration: none;
}

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

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

#adminLink {
	font-weight: bold;
	color: #a5a5a9;
}

#adminLink a:link, #adminLink a:visited, #adminLink a:active {
	color: #a5a5a9;
	text-decoration: none;
}

#adminLink a:hover {
	color: #a5a5a9;
	text-decoration: underline;
}

/* end:ACCOUNT NAV AND ADMIN LINKS =====================================================*/

/* HEADER, TOP NAV, AND SUB NAV ITEMS ==================================================*/

#mainHeader {
	background: url(../images/gol_mainHeader_bg.gif) top left repeat-x;
	border-bottom: 0px solid #f2f2f2;
}

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

#topBarTopPadding {
	margin: 0px;
	padding: 0px;
}

#topBar {
	width: 872px;
	margin: 0 auto;
	background: transparent;
	padding-top: 56px; /* Was 104 (120 + 27 - 1 = 101) #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 */
}

#topBarNoTopNav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

#topNavArea {
	padding: 0;
	margin: 0;
}

#topNav {
	top: 56px; /* Was 104 */
	font-size: 12px;
	margin: 0px auto;
	padding-top: 0px;
	padding-left: 4px;
	padding-right: 0px;
	left: 0px;
	text-transform: none;
	background: url(../images/golightly_topNav_bg.jpg) top left no-repeat;
	width:868px;
	min-height: 27px;
	z-index:6;
	border-bottom: 0px;
	border-top: 0px;
}

#topNavContent {
	top: 0px; /* This is the default distance down to the top of the content tabs. You also need to overwrite "topBar" in default.css */
	margin-bottom: 0;
	border-top:0px solid #fff;
}

#topNav ul {
	list-style-type:none; padding:0; margin:0; float: left;
}

#topNav li {
	background: url(../images/lang_english/topnav_back.jpg) 0px 0px;
	margin: 0 6px 0 6px; 
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
}

#topNav div {
	background: url(../images/lang_english/topnav_back.jpg) no-repeat right 0px;
}

#topNav a, #topNav li a {
	color: #444; /* This is the text color for the topNav tab text off state */
	font-weight: bold;
}

#topNav a:hover, #topNav li:hover a {
	color: #444; /* This is the text color for the topNav rollover */
	text-decoration: underline;
}

#topNav a {
	padding: 5px 15px 0 22px;
}

#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 {
	color: #eee; /* This is the color of the top tab at-state text */
	font-weight:bold;
}


#topSubNav li a.at {
	color: #003D6B; /* This is a standard text color for the subnav at states */
}

#topSubNav a {
	color: #727272;
	border-left: 1px solid #ccc; /* This is the vertical seperators between subnav items */
}

#topSubNav a:hover {
	color: #727272;
	text-decoration: underline;
	border-left: 1px solid #ccc; /* This is the vertical seperators between subnav items */
}

#topSubNav {
	background: #fff; /* This is the color of the Subnav bar */
	border-top: 0px;
	margin-top: 11px;
	padding-left: 0%;
	padding-right: 0%;
}

#topSubNavEmpty {
	background: transparent;
	border-top: 0px;
	height:0px;
	margin-top: 0px;
}

#topSubNav2Empty {
	background: #fff;
	border-top: 0px;
	height: 0px;
}

#dropmenudiv {
	margin: 0 0 0 -14px; /* Shift the drop-down menu to be left-aligned with tabs */
	background: #cecece;
	border-top: 0px solid #fff; /* Eliminate dropmenu borders */
	border-right: 0px solid #7B7D9E; 
	border-left: 0px solid #7B7D9E; 
	border-bottom: 0px solid #7B7D9E; 
	font-size: 11px;
	font-weight: normal;
	line-height:150%;
	z-index:100;
	color:#444;
}

#dropmenudiv a {
	color: #444;
	border-bottom: 1px solid #fff;
	line-height: 14px;
	padding: 4px 20px 4px 4px;
	text-decoration: none;
	font-weight: normal;
}

#dropmenudiv a:hover{ 
	background: #747799;  /*hover background color*/
	color:#fff;
	text-decoration: underline;
}

/* end:HEADER, TOP NAV, AND SUB NAV ITEMS ==============================================*/

/* BREADCRUMBS AND SEARCH ==============================================================*/

#searchBox { float: right; clear: both; padding: 4px 22px 4px 4px; overflow:hidden; }
#searchBox a:link { color: #666; text-decoration: none; }
#searchBox a:visited { color: #666; text-decoration: none; }
#searchBox a:hover { color: #666; text-decoration: underline; }
#searchBox a:active { color: #666; text-decoration: none; }
#searchBox h2 { text-transform: uppercase; color: #63747d; font-weight: normal; }

#breadcrumb { font-size: 11px; text-transform: none; color: #333; }
#breadcrumb a:link { color: #666; text-decoration: none; }
#breadcrumb a:visited { color: #666; text-decoration: none; }
#breadcrumb a:hover { color: #666; text-decoration: underline; }
#breadcrumb a:active { color: #666; text-decoration: none; }

.breadcrumb_arrow { color:#333; }

#siteTimezone { color: #333; }

/* end:BREADCRUMBS AND SEARCH ==========================================================*/

/* CONTENT DIVs ========================================================================*/

#contentWithSidenav { background: none; }
#contentFooterWithSidenav { background: none; }
#contentNoBorders { background: none; }

/* end:CONTENT DIVs ====================================================================*/


/* LEFT COLUMN ITEMS ===================================================================*/

#leftColumn {
	background: #e6e7e8; 
	font-size: 1em;
}

#leftColumnEmpty {
	background: transparent; 
}

#leftNav h2 {
	color: #444;
	font-weight: bold;
	font-size: 12px;
}

#leftNav ul a:link {
	color: #444; /* This is the default link color for the entire site (NOT #069) */
	text-decoration: none;
}

#leftNav ul a:visited {
	color: #444;
	text-decoration: none;
}

#leftNav ul a:hover {
	background: transparent url(../images/leftnav_sub_bullet.gif) no-repeat -15px 6px;
	color: #444;
	text-decoration: none;
}

#leftNav ul a:active {
	color: #444;
	text-decoration: none;
}

#leftNav ul a.at {
	color: #444;
	font-weight: bold;
	text-decoration: none;
}

/* end:LEFT COLUMN ITEMS ===============================================================*/


/* WELCOME PAGE ITEMS ==================================================================*/

#welcomeFrame {
	overflow: hidden;	
	border-top: 0px solid #fff; /* This creates the line just under the top nav tabs, but only on the welcome page */
}

#rightColumn {
	background: #fff; 
}

#mainBody {
	background: #fff;
	min-width:872px;
	max-width:872px;
}

#Title h1 {
	color: #000;
	font-size:17px;
	font-weight: bold;
}

#contentMain1, #contentPromo1, #contentPromo2 {
	display: inline;
}

#contentPromo1, #contentPromo2 {
	font-size: 1em;
}

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

#contentMain1 h1 {
	color: #000;
	font-size:17px;
	font-weight: bold;
}

#content h1, #contentWithSidenav h1 {
	color: #000;
	font-size:17px;
	font-weight: bold;
}

#contentNav em, .moduleHeader h2 {
	color: #000; /* This is a standard text color for h1 & h2  */
}

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	color: #000;
	font-size:17px;
	font-weight: bold;
}

/* end:WELCOME PAGE ITEMS ==============================================================*/

/* FOOTER ==============================================================================*/

#pageFooter {
	background: #fff; /* Background color of the footer area */
	border-bottom: 0px;
	border-top: 0px;
}

#pageFooter a:link { color: #666; text-decoration:none; }
#pageFooter a:visited { color: #666; text-decoration:none; }
#pageFooter a:hover { color: #666; text-decoration:underline; }
#pageFooter a:active { color: #666; text-decoration:none; }

#pageFooter .notice p { margin-bottom:0px; margin-top: 20px; color: #666; }

#footerNav1, #footerNav2 {
	margin-left: 0px;
	padding-left: 12px;
}

.siteVersion { margin-top: 15px; font-size: 10px; color: #999; text-align: center; }

/* end:FOOTER ==========================================================================*/

/* GOLIGHTLY FOOTER css ==============================================================================*/

#footertext {
	text-align: left;
	font-size: 11.5px;
	font-weight: normal;
	text-decoration: none;
	font-color: #666;
}

/* end:GOLIGHTLY FOOTER css ==========================================================================*/