/*********************************************************************************
 * SugarCRM is a customer relationship management program developed by
 * SugarCRM, Inc. Copyright (C) 2004 - 2007 SugarCRM Inc.
 * 
 * This program is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License version 3 as published by the
 * Free Software Foundation with the addition of the following permission added
 * to Section 15 as permitted in Section 7(a): FOR ANY PART OF THE COVERED WORK
 * IN WHICH THE COPYRIGHT IS OWNED BY SUGARCRM, SUGARCRM DISCLAIMS THE WARRANTY
 * OF NON INFRINGEMENT OF THIRD PARTY RIGHTS.
 * 
 * This program is distributed in the hope that it will be useful, but WITHOUT
 * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
 * FOR A PARTICULAR PURPOSE.  See the GNU General Public License for more
 * details.
 * 
 * You should have received a copy of the GNU General Public License along with
 * this program; if not, see http://www.gnu.org/licenses or write to the Free
 * Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA
 * 02110-1301 USA.
 * 
 * You can contact SugarCRM, Inc. headquarters at 10050 North Wolfe Road,
 * SW2-130, Cupertino, CA 95014, USA. or at email address contact@sugarcrm.com.
 * 
 * The interactive user interfaces in modified source and object code versions
 * of this program must display Appropriate Legal Notices, as required under
 * Section 5 of the GNU General Public License version 3.
 * 
 * In accordance with Section 7(b) of the GNU General Public License version 3,
 * these Appropriate Legal Notices must retain the display of the "Powered by
 * SugarCRM" logo. If the display of the logo is not reasonably feasible for
 * technical reasons, the Appropriate Legal Notices must display the words
 * "Powered by SugarCRM".
 ********************************************************************************/
/*********************************************************************************

 * Description:  Contains a variety of utility functions used to display UI 
 * components such as form headers and footers.  Intended to be modified on a per 
 * theme basis.
 ********************************************************************************/
 
/* Default Styles */

#main{
	padding-right: 10px; 
	padding-left: 12px;  
	padding-top:13px;
	padding-bottom: 20px;
	border-bottom: 2px solid #ddd;
	vertical-align: top; 
	width: 100%;
}

body {
	font-family:Arial, Verdana, Times, serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
}
img {
	behavior:	url("include/pngbehavior.htc");
}
.body { 
	font-size: 12px;
}
	
table,td {
	font-size: 11px;
}

p {
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
}
	
form {
	margin: 0px;
	padding:0px;
}
 
h2, h1 {
	font-weight: bold; 
	margin-bottom: 0px;
	margin-top: 0px;
}

h3, .monthHeaderH3, .schedulerTopDateCell {
	font-weight: bold; 
	margin-bottom: 3px;
	padding-top: 3px;	
	font-size: 14px; 
}

.h3Row, .monthHeader, .schedulerTopDateCell { 
	padding: 6px 5px 4px 3px;
	margin-bottom: 0;
	margin-top: 10px;
	vertical-align: middle;
	background-repeat: repeat-x;
	background-position: top;
	background-color: #fff;	
}

h4, h4.dataLabel, h5, h5.listViewSubHeadS1 {
	font-size: 12px; 
	font-weight: bold; 
	margin-bottom: 2px;
	padding-left: 4px;
}
h4.dataLabel {
	margin-top: 0;
	padding-left: 0;
	padding-top: 0;
}

LI {
	LIST-STYLE-TYPE: square; 
	margin-left: 6px; 
	MARGIN-BOTTOM: 2px;
}
	
UL {
	MARGIN-TOP: 2px;
}
	
hr {
	height: 1px;
}
a:link, a:visited {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
/* Form Styles */

.button {
	border: 1px solid;
	font-size: 12px;
	font-weight: normal;
	background-repeat: repeat-x;
	background-position: top;
	padding-bottom: 1px;
	vertical-align: middle;
}
	
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {
	border: 1px solid;
	color: #fff;
	background-image: none;
	cursor:pointer;
	font-size: 12px;
	font-weight: normal;
}
.tabDetailView .button img{
	margin-right: 5px;
	margin-left: 5px;
}
#listViewPaginationButtons .button {
	width: 25px;
}

input,select {
	border: 1px solid;
	font-size: 12px;
	font-family:Arial, Verdana, Times, serif;
}
	
input:focus,textarea:focus, select:focus { 
}
textarea {
	font-family:Arial, Verdana, Times, serif;
	border: 1px solid;
	font-size: 12px;
}
.checkbox,.radio {
	border:0px;
	background-color: transparent;
	margin: 0px;
	vertical-align: bottom;
}

	
/* Content Specific Styles */
	/* body text */
.contentBox {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 0px 10px 0px 0px;
	margin: 10px 0 10px 0;
}
.teamNoticeBox {
	border: 1px solid;
	padding: 0px 10px 0px 10px;
	background: #fff;
}
a.body:link, a.body:visited {
	text-decoration: underline;
}
	
a.body:hover {
	text-decoration: underline;
}

/*for the main screen navigation tabs*/
.tabRow {
	background-position: top;
	background-repeat: repeat-x;	
	border-bottom: 2px solid;
}
.currentTab, .currentTabOff {
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 3px;
	background-position: top center;		
	border-bottom: 2px solid;
}	
.currentTabLeft, .otherTabLeft, .currentTabOffLeft {
	background-position: top left;
	border-bottom: 2px solid;
}		
.currentTabRight, .otherTabRight, .currentTabOffRight {
	background-position: top right;
	border-bottom: 2px solid;
}
	
a.currentTabLink:link, a.currentTabLink:visited {

	text-decoration: none;
}
a.currentTabLink:hover {
	text-decoration: none;		
}
	
.otherTab {
	font-size: 12px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 8px;
	padding-bottom: 3px;
	background-position: top center;
	border-bottom: 2px solid;
	color: #444;
} 
.otherTabRight , .otherTabLeft, .otherTab {
	border-bottom: 2px solid;
	
}
a.otherTabLink:link, a.otherTabLink:visited {
	text-decoration: none;
	padding-top: 0px;
	

}
a.otherTabLink:hover {
	text-decoration: none;
}
	
#groupTabs {
	margin-top: 20px;
}
	
.moreHandle {
	color: #444;
	background: url('images/more.gif') no-repeat bottom left;
}
			
.subMenu {
	width: 100%;
	padding: 0px;
	border-top: 0px;
	margin: 0px 0px 10px 0px;
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000;
	background: #f1f1f1;
	
}
	
ul.subMenu li
	{
	list-style: none;
	margin: 0px;
	border: 0px;
	border-bottom: 1px solid;
}

ul.subMenu li a {

	display: block;
	border: 0px;
	text-decoration: none;
	color: #444;
	text-align: left;
	padding: 3px 3px 3px 6px;
}	
	
ul.subMenu li a:hover {
	background: #cedce9;
	color: #000;
}		
	
ul.subMenu li span {

	display: block;
	border: 0px;
	text-decoration: none;
	text-align: left;
	padding: 3px 3px 3px 6px;
}	
	
ul.subMenu li span:hover {
	color: #000;
}

table.leftColumnModuleHead th {
	/*left column styles*/
		text-align: left;
		padding-left: 6px;	
		padding-top: 8px;
		padding-bottom: 4px;
}
.subMenuLink {
	text-decoration: none;
	border-bottom: 0px;
	padding-left: 0px;
	cursor: hand; 
	cursor: pointer;
}
a.subMenuLink:hover {
	text-decoration: none;
	border-bottom: 0px;
}
	
/* myArea is for my account, admin, logout, an about links*/
	
/*welcome user and date bar and last view*/
.moduleTitle {
	padding-bottom: 3px;
	padding-top: 0;
	margin-bottom: 10px;
	margin-top: 0;
		
}
.logo {
	padding: 10px 10px 15px 15px;
	height: 60px;
	vertical-align: bottom;
}
.welcome {
	font-size: 12px;
	font-weight: normal;
	padding: 3px 10px 3px 0px;
	vertical-align: middle;
	height: 23px;
}
.searchField {
	border: 1px solid;
	font-size: 11px;
}
.search {
padding: 0 3px 0 5px;
}
#subtabs {
	
}
ul.subTabs
{
	padding: 4px 0;
	margin: 0px 0 0 0;
	border: none;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
}
ul.subTabs li
{
	list-style: none;
	margin: 0;
	display: inline;
}


.activeSubTab, ul.subTabs li a.activeSubTab:link, ul.subTabs li a.activeSubTab:visited, ul.subTabs li a.activeSubTab:hover
{
	font-weight: bold;
}

ul.subTabs li a
{
	padding: 0 8px 0 8px;
	margin: 0px;
	border-right: 1px solid;
	border-bottom: none;
	text-decoration: none;
}

ul.subTabs li a:link, ul.subTabs li a:visited { text-decoration: none; }

ul.subTabs li a:hover
{

}

.subTabMore {
	font-size: 11px;
	text-decoration: none;
	padding-top: 3px;
}	
	
.date {
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px solid;
	padding-right: 10px;
}
	
.lastView {
	padding-left: 10px;
	border-top: 2px solid;
	border-bottom: 2px solid;
	padding-top: 5px;
	padding-bottom: 3px;
	vertical-align: middle;
}
	
a.lastViewLink:link, a.lastViewLink:visited, .lastViewLink {
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left:1px #cccccc solid;
}
a.lastViewLink:hover {
	text-decoration: underline;
}

.leftColumn {
	border-right: 2px #dddddd solid;
	padding-right: 8px;	
}
	
.leftColumnModuleName {
	padding-left: 3px;	
	padding-top: 4px;
	padding-bottom: 4px;
}

.leftColumnModuleS3  {
	font-size: 11px;
	border-bottom: 1px solid;
	padding: 8px 8px 5px 8px;
	background-repeat: repeat-x;
	background-position: bottom;
}
.leftColumnModuleS3 input, .leftColumnModuleS3 select {
	margin-bottom: 4px;
	margin-top: 2px;
}
	td.leftColumnModuleS3 .button {
	padding-top: 0px;
	vertical-align: bottom;
		font-size: 11px;
}
td.leftColumnModuleS3 .dataLabel {
	padding-bottom: 2px;
	padding-top: 3px;
	padding-left: 0px;
	vertical-align: bottom;
	font-size: 11px;
}
	
td.leftColumnModuleS3 .dataField {
	padding-bottom: 3px;
}
.leftColumnModuleS3 #jscal_trigger {
	margin-bottom: 4px;
	margin-top: 2px;
	vertical-align: bottom;
}
a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
	text-decoration: underline;
	border-bottom: 0px;
	padding-left: 0px;
	font-size: 11px;
}
a.leftColumnModuleS3Link:hover {
	text-decoration: underline;
	border-bottom: 0px;
}

/*right main content (suffix S1 stands for Style 1) */
.listView {
	border: 1px solid;
}

table.listView th, .listViewThS1{
	/* this definition should be exactly the same as .listViewThS1 */
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 4px 5px 4px 5px;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ABC3D7;		
	border-bottom: 1px solid #ABC3D7;
	background:#ebebed;
}

.listViewSubHeadS1 {
}
	 


table.listview th a:link, table.listview th a:visited, 	a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
	/* this definition should be exactly the same
		as a.listViewThLinkS1:link, a.listViewThLinkS1:visited */
	font-weight: bold;
	text-decoration: none;
}

table.listview th a:hover, a.listViewThLinkS1:hover{
	/* this definition should be exactly the same
		as a.listViewThLinkS1:hover */
	text-decoration: underline;
}


a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	font-size: 12px;
	text-decoration: underline;
}
a.listViewTdLinkS1:hover {
}
a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
}
a.listViewTdToolsS1:hover {
}
.evenListRowS1, .oddListRowS1 {
	font-size: 12px;
	padding-left: 5px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-top: 5px;
	vertical-align: middle;
}

.listViewHRS1 {
	height:1px;
}
.pageNumbers {
}	

.listViewPaginationTdS1 {
	padding: 3px 7px 3px 5px;
	color: #666;
	background: #fafafa;}
a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 0px 3px 0px;
}
a.listViewPaginationLinkS1:hover {
	text-decoration: underline;
}
.tabDetailView .listViewPaginationTdS1 {	
	padding: 4px 5px 5px 8px;
	border-bottom: 2px solid #ddd;
	background: #fff;
}
table#tabFormPagination td,  #tabFormPagination {
	border-bottom: none;
	margin-bottom: 0;
}
.tabDetailView a.listViewPaginationLinkS1:link, .tabDetailView a.listViewPaginationLinkS1:visited {	
	text-decoration: underline;
}
a.listViewCheckLink:link, a.listViewCheckLink:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
a.listViewCheckLink:hover {
}
	
a.utilsLink:link, a.utilsLink:visited {
	font-size: 11px;
	font-weight: normal;
	text-decoration: underline;
	padding-bottom: 3px;
}
a.utilsLink:hover {
}
.listViewCalCurrentAppt {
	background-color: #75AF4F;
}
.listViewCalOtherAppt {
	background-color: #4D5EAA;
}
.listViewCalConflictAppt {
	background-color: #AA4D4D;
}
.listViewCalCurrentApptLgnd {
	background-color: #75AF4F;
	border: 1px solid #444444;
}
	.listViewCalOtherApptLgnd {
	background-color: #4D5EAA;
	border: 1px solid #444444;
}
	.listViewCalConflictApptLgnd {
	background-color: #AA4D4D;
	border: 1px solid #444444;
}
	/* charting styles */
	.chartBox {
		border: 1px solid;
		padding: 5px;
}
	
	a.chartToolsLink:link, a.chartToolsLink:visited {
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
	}
	a.chartToolsLink:hover {
		text-decoration: none;
	}
		
	table.chartForm {
		border: 1px solid;
		padding: 5px;
}
	
	table.chartForm td {
}
	
	/* main tab forms */
	
	.tabForm {
		border-top: 2px solid;
		border-bottom: 1px solid;
		padding: 10px 6px 12px 10px;
		font-size: 12px;
		margin-bottom: 5px;
}
	.subpanelTabForm {
		padding: 15px 0px 0 0px;
		font-size: 12px;
}
	table.subpanelTabForm td .listViewButtons {
background-color: #fff;
padding-bottom: 2px;
}
.subpanelTabForm p {
	margin-bottom:0;
}
.subpanelTabForm h3 {
padding-left: 3px;
}
.subpanelTabForm .h3Row {
padding-top: 2px;
padding-bottom: 4px;
	margin-top: 0;
	background-image: none;
	border-top: 1px solid #dddddd;
	
}
.subpanelTabForm .listView {
margin-bottom: 10px;
}
	table.tabForm td {
}

	h5.dataLabel {
		font-size: 12px; 
		font-weight: bold; 
		margin-bottom: 0px;
		text-align: left;
		padding-bottom: 15px;
		margin-top: 1px;
		padding-left: 5px;
}
	td.dataLabel{
		padding : 5px 5px 5px 5px;
}
	.dataLabel {
		text-align: left;
		font-size: 12px;
		font-weight: normal;
}
	.dataField {
		font-size: 12px;
		font-weight: normal;
}
	
	.tabFormAddDel {
		padding-left: 4px; 
		padding-right: 4px; 
		vertical-align: middle; 
		text-align: center;
}
	
	a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
		font-size: 11px;
		text-decoration: none;
		line-height: 20px;
		margin-right: 2px;
	}
	a.tabFormAdvLink:hover {
		text-decoration: none;
	}
	
	/* main tab panel views */
	.tabDetailView {
		border-top: 2px solid;
		border-bottom: 2px solid;
		margin-top: 2px;
		margin-bottom: 10px;
}
	
	.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL, table.monthHeader td
	{
	border: none; 
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px; 
}
	
	
	.tabDetailViewDL {
	font-size: 12px; 
		padding: 5px 6px 5px 6px;
		vertical-align: top;
		text-align: right;
		border-bottom: 1px solid;
}
	
	h4.tabDetailViewDL {
		font-size: 12px; 
		font-weight: bold; 
		margin: 0px;
		text-align: left;
		border: none;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 0;
		margin-left: 0;
}
	table.tabDetailView th.tabDetailViewDL {
		border-bottom: 2px solid;
		background: #fff;
	}
	.tabDetailViewDF {
	font-size: 12px;  
		border-bottom: 1px solid;
		padding: 5px 10px 5px 8px;
		vertical-align: top;
}

	a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
		text-decoration: underline;
	}
	a.tabDetailViewDFLink:hover {
	}
		
	.tabDetailView2 {
		border-top: 1px solid;
		border-bottom: 2px solid;
		margin-bottom: 20px;
}
	.tabDetailViewDL2 {
	font-size: 12px; 
		font-weight: normal;
		padding: 3px 6px 4px 6px;
		vertical-align: middle;
}
	.tabDetailViewDF2 {
	font-size: 11px;  
		font-weight: normal; 
		padding: 4px 10px 4px 6px;
		vertical-align: middle;
}
	a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
		font-size: 11px;
		text-decoration: underline;
	}
	a.tabDetailViewDL2Link:hover {
	}
	/* calendar styles */
	.monthBox {
	font-size: 12px;
}

	.monthFooterPrev, .monthFooterNext {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 5px;
	border-top: 1px solid;
	border-bottom: 2px solid;
}
	
	.monthCalBody {

}
	.monthHeader {
}
	.monthHeaderPrevTd {
	padding-left: 5px;
}
	.monthHeaderNextTd {
	padding-right: 5px;
}
	a.NextPrevLink:link, a.NextPrevLink:visited {
	text-decoration: underline;
}
	 	
	.monthCalBodyTHWeek, .monthCalBodyTHDay {
	padding: 5px;
	border-bottom: 1px solid;
	border-bottom: 1px solid;
}
	 
	.monthCalBodyWeek {
	vertical-align: top;
	padding: 5px;
}
	a.monthCalBodyWeekLink:link, a.monthCalBodyWeekLink:visited {
	font-size: 11px;
}
	.monthCalBodyTodayWeekDay, .monthCalBodyTodayWeekEnd {
	border: 1px solid;
	padding: 3px;
	text-align: right;
}
.monthCalBodyTodayWeekDay a.monthCalBodyWeekDayDateLink:link, .monthCalBodyTodayWeekDay a.monthCalBodyWeekDayDateLink:visited, 
.monthCalBodyTodayWeekEnd a.monthCalBodyWeekDayDateLink:link, .monthCalBodyTodayWeekEnd a.monthCalBodyWeekDayDateLink:visited
{
	font-weight: bold;
}	
	.monthCalBodyWeekDay, .monthCalBodyWeekEnd  {
	padding: 3px;
	text-align: right;
}
	
	a.monthCalBodyWeekDayDateLink:link, a.monthCalBodyWeekDayDateLink:visited {
	font-size: 12px;
}
	a.monthCalBodyWeekDayDateLink:hover, a.monthCalBodyWeekEndDateLink:hover {
}		 
	a.monthCalBodyDayItemLink:link, a.monthCalBodyDayItemLink:visited, a.monthCalBodyDayItemLink:hover  {
	font-size: 10px;
}	
	.monthCalBodyDayItem {
	margin: 7px 0px 7px 0px;
	padding: 5px 0px 8px 0px;
	border-top: 1px solid;
}
	.monthCalBodyDayIconTd {
	padding-right: 3px;
	vertical-align: top;

}
	.monthCalBodyDayItemTd {
	vertical-align: top;


}
	.monthViewDayHeight {
	height: 100px;
}
	.yearViewDayHeight {
	height: 40px;
}
	.dailyCalBodyTime {
	vertical-align: top;
	padding: 7px;
	height: 20px;
}
	
	.dailyCalBodyItems {
	padding: 5px;
	text-align: left;
	font-size: 12px;
}
	
	a.weekCalBodyDayLink:link, a.weekCalBodyDayLink:visited {
}
	a.weekCalBodyDayLink:hover {
}

	.yearCalBody {
}
	.yearCalBodyMonth {
	padding-top: 5px;
}
	.yearCalBodyMonth th {
	
}
	.yearCalBodyMonth #daily_cal_table {
	margin-top: 5px;
	border-top: 1px solid;
}
	.yearCalBodyMonth #daily_cal_table .monthCalBodyTHDay {
	border-top: 1px solid;
}
	
	a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	
	
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
	text-decoration: none;
}
	a.yearCalBodyMonthLink:hover {
	text-decoration: underline;
}
	.calSharedUser {
	height: 20px;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top: 1px;
}

	/* misc font displays */
	.todaysTask {
		color: #FF7800
}
	.overdueTask {
		color: #ff0000;
}
	.required {
		color: #ff0000;
}
	.error {
		color: #ff0000;
}
	.success {
		color: #00ee00;
}
	.rssItemDate {
		color: #666666;
		font-size: 11px;
}
	.dateFormat {
		font-weight: normal;
		font-style: italic;
		font-size: 11px;
}
	.chartFootnote {
		font-size: 11px;
	
}

	.copyRight {
}
	a.copyRightLink:link, a.copyRightLink:visited {
}
	a.copyRightLink:hover {
}
	
	.tm {
		font-size: 8px;
		font-family: Verdana;
}
	
	.footer {
padding-top: 10px;
}
	a.footerLink:link, a.footerLink:visited {
	text-decoration: none;
	
}
a.footerLink:hover {
	text-decoration: underline;
}
	
	.footerHR {
}
	.aboveFooter {
}
	.underFooter {
	padding-bottom: 5px;
}
/* Scheduler Styles */
 .schedulerDiv {
		font-size: 12px;
		color: #000000;
	text-align: left;
  width: 100%;
  background-color: #FAFAFA;
	border-collapse: collapse;
	border-bottom: 1px solid #999;
	margin-top: 0px;
 }
 .schedulerTable {
  width: 100%;
	border-collapse: collapse;
 }
 table.schedulerTable td {
	height: 18px; }

 .schedulerTopRow, .schedulerTopDeleteHeaderCell, .schedulerDeleteHeaderCell, .schedulerTopHeaderCell, .schedulerAttendeeHeaderCell, .schedulerAttendeeHeaderCell  {
	height: 22px; 
	border-bottom: 1px solid #ddd; 
 }

 .schedulerTimeRow{
	border-top: 1px solid #999; 
	border-collapse: collapse;
 }
 .schedulerTimeCell, .schedulerAttendeeDeleteCell {
	border-left: 1px solid #dddddd;
	padding-left: 4px;
 }

 .schedulerAttendeeCell {
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #ddd; 
	overflow: hidden;
    padding-left: 4px;
	width: 125px;
}
 .schedulerAttendeeIconCell {
	border: 1px solid #dddddd;
  	padding: 0px;
	width: 16px;
  }
 .schedulerSlotEmptyDiv {
	border: 0px solid transparent;
  width: 100%;
  height: 100%;
 }
 .schedulerSlotCellStartTime {
	border-left: 4px solid #75AF4F;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  	padding: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerSlotCellEndTime {
	border-left: 4px solid #ff0000;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
  	padding: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerSlotCellHour {
	border: 1px solid #dddddd;
  	padding: 0px;
  background-color: #eeeeee;
  width: 15;
 }
 .schedulerAttendeeRow {
}

	.schedulerEvenListRow, .schedulerOddListRow {
		padding-top: 2px 5px 4px 5px;
		background-color: #f6f6f6;
}
	
/* dynamic tab styles */
.myArea {
	white-space: nowrap;
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #ccc;
	padding-right: 8px;
	padding-left:4px;
}
	.myAreaLink {
		color: #444444;
	margin-right: 4px;
	margin-left:4px;
}
#colorpicker {
vertical-align: middle;
}
ul.colorpicker {
 border: none;
 padding: 3px 0 0 0;
 margin: 0 0 0 10px;
 }
ul.colorpicker li
{
list-style: none;
display: inline;
padding: 0px;
cursor: hand; 
cursor: pointer;
margin: 0;
}
ul.tablist, ul.subpanelTablist
{
padding: 3px 0;
margin: 0;
border-bottom: 2px solid;
font: 12px Arial, Verdana, Helvetica, sans-serif;
}
 
ul.tablist li, ul.subpanelTablist li
{
list-style: none;
margin: 0;
display: inline;
}
ul.tablist li a, ul.subpanelTablist li a
{
padding: 3px 8px;
margin: 0px;
border-top: 2px solid;
border-right: 1px solid;
border-bottom: none;
text-decoration: none;
}
ul.subpanelTablist #addPageItem a, ul.subpanelTablist #addPageItem a:hover  {
border: none;
background: transparent;
text-decoration: none;
}
ul.tablist li a:link, ul.tablist li a:visited, ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited { text-decoration: none; }

ul.tablist li a:hover, ul.subpanelTablist li a:hover
{
border-top: 2px solid;
}

ul.tablist li a.current, ul.tablist li a.current:hover {
background-image: none;
font-weight: bold;
border-bottom:2px solid;
border-top: 2px solid;
}

ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover {
background-repeat: repeat-x;
background-position: top;
font-weight: bold;
border-top: 2px solid;
border-bottom: 2px solid;
background-color: #fff;
}


.sqsFloater {
position:absolute;
z-index:2;
bottom:0;
right:0;
display:none;
padding:0;
}

.sqsFloater td {
border:1px inset;
color:black;
}

.sqsMatchedSmartInputItem {
font-size:11px;
padding: 2px 5px 2px 5px;
margin: 0;
cursor: pointer;
cursor: hand;
}

.sqsSelectedSmartInputItem {
background-color:#DEEFFF;
}

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

.sqsNoMatch {
padding: 2px 5px 2px 5px;
font-weight: bold;
background-color:#eeeeee;
color:#980000;
}

.olFontClass { }
.olFontClass A { }
.olCapFontClass { 
	font-weight: bold; 
	color: #444;
	background-color: #dfdfdf; 
}
.olCapFontClass A { 
	color: #dfdfdf; 
	font-size: 9px; 
}
.olFgClass td { 
	background-color: #fff; 
	padding: 5px 7px 7px 10px;
	line-height: 18px;
}
.olCgClass td { 
	border-bottom: 2px solid #ddd;
	background-color: #f6f6f6; 
	padding: 5px 3px 3px 10px;
}
.olCgClass {
 padding: 0px;
 border: 0px;
}
.olBgClass { 
	background-color: #ddd; 
	padding: 1px;
}
.olCloseFontClass { 
	padding-bottom: 1px;
	text-align: right; 
	background-color: #dfdfdf; 
}

/* acl role colors */

.aclAll {
 color: #008000;
 font-weight: bold;
}
.aclOwner {
 color: #000000;
 font-weight: bold;
}
.aclNone {
 color: #FF0000;
 font-weight: bold;
}
.aclEnabled {
 color: #008000;
 font-weight: bold;
}
.aclDisabled {
 color: #FF0000;
 font-weight: bold;
}
.aclAdmin {
 color: #0000FF;
 font-weight: bold;
 
}
.aclNormal {
 color: #008000;
 font-weight: bold;
}

ul.noBullet {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

li.noBullet {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
/* help styles */
table.tabForm td ul li {
list-style-type: none;
margin-bottom: 10px;
}

.helpButton {
font-weight: bold;
}

.helpShortcut {
font-weight: bold;
}

/* sitemap */
#sitemap .tabForm {
padding: 10px 10px 10px 20px;
}
#sitemap a:link, #sitemap a:visited {
text-decoration:none;
font-size: 11px;
color: #444;
}
#sitemap h4 a:link, #sitemap h4 a:visited {
font-size: 13px;
}
#sitemap ul.nobullet {
margin-top: 5px;
margin-left: 5px;
}
#sitemap .tabForm {
border: 2px solid;
}
#sitemap a:hover, #sitemap h4 a:hover {
text-decoration:underline;
}
#sitemap ul.nobullet li {
margin-bottom: 5px;
}

/* gantt styles */

	table.days {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 11px;
}
	td.days {
		border-top: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border-left: 0px;
		border-right: 0px;
}
	
	td.sunday {
		border-top: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border-left: 1px solid #dfdfdf;
		border-right: 0px;
}
	
	td.saturday {
		border-top: 1px solid #dfdfdf;
		border-bottom: 1px solid #dfdfdf;
		border-left: 0px;
		border-right: 1px solid #dfdfdf;
}		
	
	td.date {
		width: 100%;
		padding: 0px;
		border-top: 0px;
		border-bottom: 0px;
		border-left: 0px;
		border-right: 0px;
		font-size: 10px;
}	
	
	tr.empty {
	    height: 2px;
}
	
	div.completed {
		background-color: #777777;
		float: left; 
		width: 100%; 
		line-height: 10px; 
		margin-top: 4px;
}	

	div.inprogress {
		background-color: #002E4D;
		float: left; 
		width: 100%; 
		line-height: 10px; 
		margin-top: 4px;
}

	div.inprogress_bar {
		background-color: #ff0000;
		float: left; 
		width: 100%; 
		line-height: 10px; 
		margin-top: 4px;
}

	div.notstarted {
		background-color: #cccccc;
		float: left; 
		width: 100%; 
		line-height: 10px; 
		margin-top: 4px;		
    }
    
    div.indent_left {
		background-color: #000000;
        float: left; 
		line-height: 10px; 
		margin-top: 4px;
    }
    
    div.indent_bar {
    	background-color: #000000;
        float: left; 
		margin-top: 4px;
    }

    div.indent_right {
		background-color: #000000;
        float: right; 
		line-height: 10px; 
		margin-top: 4px;
}	
		
	#horizWrapper {position:relative; margin-left:60px;width:218px;float:left;}
	#horizBGDiv {position:relative; top:60px; background:url(horizBg.png) no-repeat; height:26px; width:218px;zindex:5 }	
	#horizHandleDiv { 
	    position:absolute; 
	    left: 100px; /* the default position is the center of the bg */
	    top: 8px;  /* force the image down a bit */
	    cursor:default;
	    width:18px; 
	    height:18px; 
}		
    
/* end gantt styles */

#listViewPaginationButtons .button, #listViewPaginationButtons button {
	margin-left:1px;
}