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


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

body {
	background: #999999;
	color: #000;
	font-style: Arial;
	font-size:11.5px;
}

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

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

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

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

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

#wrapper {
	width: 1020px;
	max-width: 1020px;
	border:10px solid #ccc;
}

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


/* SMPA CLIENT NAVIGATION ===============================================================*/

#clientTopNav { position: absolute; background:#151F52; min-height:30px; height:auto !important; height: 30px; min-width:1000px; width:1000px !important; width: 1000px; margin: -40px 0 0 0; padding: 0; overflow:hidden; text-align: center; border-bottom: 1px solid #fff; }
#tblTopNav { border-left: 1px solid #fff; border-right: 1px solid #fff; }

/* end:SMPS CLIENT NAVIGATION ===========================================================*/


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

#accountNav {
	color: #fff; 
	background:transparent; 
	border:0px;
	text-align:center;
}

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

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

#adminLink {
	color: #fff;
}

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

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

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

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

#mainHeader {
	background: #dde1d2;
}

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

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

#topBar {
	border: 0px;
	width: 1000px;
	margin: 0 auto;
	background: url(../images/smps_hdr_bg2010.gif) top left no-repeat;
	padding-top: 109px; /* (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: 95px;
	font-size: 12px;
	margin: 0px auto;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 20px;
	left: 0px;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	background: #336666;
	width:980px;
	min-height: 27px;
	z-index:6;
	border-bottom: 1px solid #fff;
}

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

#topNav li {
	background: #336666;
	margin: 0; 
	color: #fff;
}

#topNav div {
	background: #336666;
}

#topNav ul li a{
	height: auto !important;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	background: #336666;
	border-left: 1px solid #fff;
	color: #fff;
}

#topNav a:link {
	background: #336666;
	color: #fff !important;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
}

#topNav a:visited {
	background: #336666;
	color: #fff !important;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
}

#topNav a:hover {
	color: #fff !important;
	background: #cc9900;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
}

#topNav a:active {
	color: #fff !important;
	background: #cc9900;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0 ;
	border-left: 1px solid #fff;
}

#topNav li.library.last a:link {
	color: #fff !important;
	background: #336666;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#topNav li.library.last a:visited {
	color: #fff !important;
	background: #336666;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#topNav li.library.last a:hover {
	color: #fff !important;
	background: #cc9900;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#topNav li.library.last a:active {
	color: #fff !important;
	background: #336666;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#home #topNav li.home a,
#myPage #topNav li.myPage a,
#people #topNav li.people a,
#workgroups #topNav li.workgroups a,
#blogs #topNav li.blogs a,
#forums #topNav li.forums a,
#library #topNav li.library a {
	background-position: none;
	font-weight: normal;
	background: #cc9900;
	border-left: 1px solid #fff;
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	line-height: 15px;
	height: auto !important;
}

#myPage #topNav li.myPage a:hover,
#people #topNav li.people a:hover,
#workgroups #topNav li.workgroups a:hover,
#blogs #topNav li.blogs a:hover,
#forums #topNav li.forums a:hover,
#library #topNav li.library a:hover {
	padding:6px 18px 6px 18px;
	margin: 0 -1px 0 0;
	height: auto !important;
}

#topNav li.home span {
	background-image: none;
}
#topNav li.myPage span {
	background-image: none;
}
#topNav li.people span {
	background-image: none;
}
#topNav li.workgroups span {
	background-image: none;
}
#topNav li.calendar span {
	background-image: none;
}
#topNav li.forums span {
	background-image: none;
}
#topNav li.projects span {
	background-image: none;
}
#topNav li.tasks span {
	background-image: none;
}
#topNav li.library span {
	background-image: none;
}
#topNav li.blogs span {
	background-image: none;
}
#topNav li.help span {
	background-image: none;
}

#topSubNav li a.at {
	color: #26547c; /* 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: 10px;
	margin-top: 1px;
}

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

#dropmenudiv {
	margin: 0; /* Shift the drop-down menu to be left-aligned with tabs */
	background: #151f52;
	border-top: 0px solid #000; /* Eliminate dropmenu borders */
	border-right: 1px solid #336666; 
	border-left: 1px solid #336666; 
	border-bottom: 0px solid #336666; 
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	line-height:150%;
	z-index:100;
	color:#fff;
}

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

#dropmenudiv a:hover{ 
	background: #cc9900;  /*hover background color*/
	color:#fff;
}

/* 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: #26547c; text-decoration: none; }
#searchBox a:visited { color: #26547c; text-decoration: none; }
#searchBox a:active { color: #26547c; text-decoration: none; }
#searchBox a:hover { color: #4689D9; text-decoration: none; }
#searchBox h2 { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; color: #63747d; font-weight: normal; }

#breadcrumb { text-transform: none; color: #333; }
#breadcrumb a:link { color: #0000ff; text-decoration: none; }
#breadcrumb a:visited { color: #0000ff; text-decoration: none; }
#breadcrumb a:active { color: #0000ff; text-decoration: none; }
#breadcrumb a:hover { color: #ff0000; text-decoration: underline; }

.breadcrumb_arrow { color:#999; }

#siteTimezone { color: #727272; }

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

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

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

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

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

#leftColumn {
	background: #dde1d2; 
	padding-top: 15px;
	font-size: 1.1em;
}

#leftColumnEmpty {
	background: #dde1d2; 
}

#leftNavTitle {
	background: #dde1d2;
}

#wiki #leftNavTitle {
	background: #dde1d2 url(../images/leftnav_group.gif) no-repeat 9px 5px; 
}

#myPage #leftNavTitle { 
	background: #dde1d2 url(../images/leftnav_my_page.gif) no-repeat 0px 2px; 
}

#people #leftNavTitle { 
	background: #dde1d2 url(../images/leftnav_people.gif) no-repeat 9px 5px; 
}

#workgroups #leftNavTitle { 
	background: #dde1d2 url(../images/leftnav_group.gif) no-repeat 9px 5px; 
}

#admin #leftNavTitle { 
	background: #dde1d2 url(../images/leftnav_admin.gif) no-repeat 9px 5px; 
}

#leftNav h2 {
	color: #004f99;
	font-weight: bold;
}

#leftNav ul {
	background: #dde1d2;
	border-bottom: 0px solid #c4c4c4;
	border-left: 0px solid #c4c4c4;
	color: #000;
	padding: 4px 0 5px 0px;
	text-indent: 0px;
}

#leftNav li {
	background: #dde1d2;
	border-top: 0px solid #c4c4c4;
	border-bottom: 0px solid #c4c4c4;
	border-left: 0px solid #c4c4c4;
	padding: 4px 2px 0px 0px;
}

#leftNav li li {
	background: #dde1d2;
	border-top: 0px solid #c4c4c4;
	border-bottom: 0px solid #c4c4c4;
	padding: 2px 0px 3px 14px;
}

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

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

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

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

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

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


/* PROMO BOX ITEMS =====================================================================*/

#promoBox2 #promoContent {
	border-left: 1px solid #151f52;
	border-right: 1px solid #dde1d2;
	background: #dde1d2;
	color: #000;
}

#promoBox2 #promoContent a:link {
	color: #004f99; /* This is the default link color for the entire site (NOT #069) */
	text-decoration: none;
}

#promoBox2 #promoContent a:visited {
	color: #004f99;
	text-decoration: none;
}

#promoBox2 #promoContent a:hover {
	background: transparent url(../images/leftnav_sub_bullet.gif) no-repeat -15px 6px;
	color: #EFA923;
	text-decoration: underline;
}

#promoBox2 #promoContent a:active {
	color: #004f99;
	text-decoration: none;
}

#promoBox2 #promoHeader {
	background: #dde1d2;
	border-top: 1px solid #151f52;
	border-left: 1px solid #151f52;
	border-right: 1px solid #dde1d2;
}

#promoBox2 #promoFooter {
	background: #dde1d2;
	border-bottom: 1px solid #151f52;
	border-left: 1px solid #151f52;
	border-right: 1px solid #dde1d2;
}

/* end:PROMO BOX ITEMS =================================================================*/

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

#welcomeFrame {	
	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;
	#background-color: #fff;
	min-width:920px;
	max-width:920px;
}

#Title h1 {
	color: #004F92;
	font-size:13px;
	font-weight: bold;
}

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

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

#contentPromo1Inside h2, 
#contentPromo2Inside h2 {
	color: #004f99;
	font-size: 12px;
}

#contentMain1 h1 {
	color: #004F92;
	font-size:13px;
	font-weight: bold;
}

#content h1, #contentWithSidenav h1 {
	color: #004F92;
	font-size:13px;
	font-weight: bold;
	font-family: Arial;
}

#contentNav em, .moduleHeader h2 {
	color: #004f99; /* This is a standard text color for h1 & h2  */
	font-style: Arial;
}

#content h1, #contentWithSidenav h1, #contentNoBorders h1 {
	color: #004f99;
	font-size:13px;
	font-weight: bold;
	font-family: Arial;
}

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

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

.footerRow {
	background: #003366;
}

#pageFooter {
	background: #003366; /* Background color of the footer area */
	border-top: 0px solid #fff;
	height: 40px;
	padding: 0;
	margin-top: 0px;
	padding-top: 0px;
}

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

#pageFooter .notice p { margin-top: 25px;margin-bottom:10px; color: #000; }

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

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


/* WELCOME_HIGHLIGHTS_TEMPLATE ============================================================*/

#welcome_highlights_l { line-height: 150% }
#welcomeFrame .highlights_quick_facts span.module_title_and_body_area h2,
#contentNoBorders .highlights_quick_facts span.module_title_and_body_area h2,
.highlights_quick_facts span.module_title_and_body_area h2 span.module_title_style,
#did_know_hdr h1 { font-size: 20px; color:#fff; font-weight:normal; }
#welcomeFrame .welcome_highlights_promo3b span.module_title_and_body_area h2,
#contentNoBorders .welcome_highlights_promo3b span.module_title_and_body_area h2,
#welcome_highlights_promo_r_hdr { margin:0; padding:8px 16px 2px 16px; background: url(../images/welcome_promo2a_hdr_bg.jpg) top left repeat-x; clear: both; zoom: 1; }
.welcome_highlights_promo3b span.module_title_and_body_area h2 span.module_title_style,
#welcome_highlights_promo_r_hdr h1 { font-size: 20px; color:#fff; font-weight:normal; }
.highlights_quick_facts span.module_title_and_body_area span.module_body_style,
.did_know_box { margin:0; padding:10px; overflow:hidden; }
#welcome_highlights_spotlight img { margin-right: 10px; }
.welcome_highlights_promo1a span.module_title_and_body_area h2 span.module_title_style, 
#welcome_highlights_promo_l_hdr { padding:0 0 20px 0; }
#welcome_highlights_welcome { padding:0 16px 0px 16px; }

/* end:WELCOME_HIGHLIGHTS_TEMPLATE=========================================================*/