/*********************************************************************************

 * SugarCRM is a customer relationship management program developed by

 * SugarCRM, Inc. Copyright (C) 2004 - 2009 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 wi
/*********************************************************************************



 * 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%;



}



	.tabForm {

		border-top: 2px solid;

		border-bottom: 1px solid;

		padding: 10px 6px 12px 10px;

		font-size: 12px;

		margin-bottom: 5px;

	}

body { 

	margin: 0px 0px 0px 0px;

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 12px;

	}

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;

	}

 

h2, h1 {

	font-family: Arial, Helvetica, sans-serif; 

	font-weight: bold; 

	margin-bottom: 0px;

	margin-top: 0px;

	

	}



h3, .monthHeaderH3, .schedulerTopDateCell {

	

	font-family: Arial, Helvetica, sans-serif; 

	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-family: Arial, Helvetica, sans-serif; 

	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;

}
.small-font {

	font-size: 11px;

}



.style1 {

	font: bold 11px Arial, Helvetica, sans-serif;

	color:#333399; 

}



.style1 a:link, .style1 a:visited {

	color:#333333; 

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 11px; 

	text-decoration: none ;

} 

.style1 a:active {

	color:#333333; 

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 11px; 

	text-decoration: none ;

} 



.style1  a:hover{

	color:#f2006b; 

	font-family: Arial, Helvetica, sans-serif; 

	font-size: 11px; 

	text-decoration: underline;

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

}

table.reportDataChildtablelistView td {

border-color: #ccc;

}

input,select {

	border: 1px solid;

	font-size: 12px;

	}

	

input:focus,textarea:focus, select:focus { 

	 }

textarea {

	font-family: Arial, Helvetica, sans-serif; 

	border: 1px solid;

	font-size: 12px;

	}

.checkbox,.radio {

	border:0px;

	margin: 0px;

	vertical-align: middle;

	}



	

/* 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 #cccccc;		

		border-bottom: 1px solid #cccccc;

		background:#ebebed;

	}



	table.reportlistViewRC{

		/* this definition should be exactly the same as .listViewThS1 */

		background:Black;

	}	



	table.reportlistView{

		/* this definition should be exactly the same as .listViewThS1 */

		background:Black;

	}	

	 

	.reportlistViewThS1 {

		font-size: 13px;

		font-weight: bold;

		text-align: left;

		padding: 4px 5px 4px 5px;

		border-left: none;

		border-right: none;

		border-top: 1px solid Blackccc;

		border-bottom: 1px solid Blackccc;

		background:Gainsboro;

	}

	

	.reportevenListRowS1, .reportoddListRowS1 {

		font-size: 12px;

		padding-left: 5px;

		padding-right: 8px;

		padding-bottom: 5px;

		padding-top: 3px;

		vertical-align: middle;

		background:white;

	}



	.reportlistViewPaginationTdS1 {

		border: none;

		vertical-align: top;

		padding-top: 5px;

		padding-bottom: 5px;

		font-size: 12px;

		background:white;

	}

	

	/* These are for summation report */

	.reportViewTable {

		border-left: none;

		border-right: none;

		border-top: none;

		background:White;

	}

	.reportGroupViewTable {

		border-left: 1px solid Black;

		border-top: 1px solid Black;

		background:LightGrey;

	}

	.reportGroup1ByTable {

		font-size: 15px;

		border-left: none;

		border-right: 1px solid Black;

		border-bottom: 1px solid Black;

		background:LightGrey;

	}

	.reportGroupNByTable {

		font-size: 13px;

		border-left: none;

		border-right: 1px solid Black;

		border-bottom: none;

		background:White;

	}

	.reportGroupByDataTableHeader {

		border-left: none;

		border-right: none;

		border-top: none;

		border-bottom: none;

		background:White;

	}

	.reportDataChildtablelistView {

		border-left: none;

		border-right: none;

		border-top: none;

		border-bottom: none;

		background:Black;

	}

	.reportGroupByDataChildTablelistViewThS1 {

		font-size: 11px;

		font-weight: bold;

		text-align: left;

		padding: 4px 5px 4px 5px;

		border-left: none;

		border-right: none;

		border-top: none;

		border-bottom: none;

		background:White;

	}

	.reportGroupByDataEvenListRowS1, .reportGroupByDataOddListRowS1 {

		font-size: 12px;

		padding-left: 5px;

		padding-right: 8px;

		padding-bottom: 5px;

		padding-top: 3px;

		vertical-align: middle;

		background:white;

	}

	.reportGroup1ByTableEvenListRowS1 {

		font-weight: bold;

		font-size: 14px;

		padding-left: 5px;

		padding-right: 8px;

		padding-bottom: 5px;

		padding-top: 3px;

		vertical-align: middle;

		background:LightGrey;

	}

	.reportGroupNByTableEvenListRowS1 {

		font-weight: bold;

		font-size: 12px;

		padding-left: 5px;

		padding-right: 8px;

		padding-bottom: 5px;

		padding-top: 3px;

		vertical-align: middle;

		background:LightGrey;

	}

	.reportGroupBySpaceTableView {

		border-left: none;

		border-right: none;

		border-top: none;

		background:White;

	}

	.reportGroupByDataTableHeaderEmptyCell {

		border-bottom: 1px solid Black;

		border-top: 1px solid Black;

		background:White;

	}

	

	/* End of summation report classes */

	



	/* Start of Matrix Report Class */

 	.reportlistView {

		border-top: 1px solid #000;

		border-left: 1px solid #000;		

		}

	table.reportlistView td, table.reportlistView th {

		background: #fff;

		border-bottom: 1px solid #000;

		border-right: 1px solid #000;

		color: #000;

		padding: 4px;

		text-align: center;

		font-size: 11px;

		}

		table.reportlistView th, .reportlistView .reportlistViewMatrixRightEmptyData, .reportlistView .reportlistViewMatrixRightEmptyData1 {

		background: #dcdcdc;

		font-weight: bold;

		}

		

	/* End of matrix report classes */

	

	.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: 5px;

		padding-top: 3px;

		vertical-align: middle;

	}



	.listViewHRS1 {

	}

	.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 */

	

	.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-family: Arial, Helvetica, sans-serif; 

		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-family: Arial, Helvetica, sans-serif; 

		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: Arial, Helvetica, sans-serif; 

	}

	

	.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;

}

.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, 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 */

/* Begin Sugar Feed styles */

.sugarFeedDashlet {

    overflow: auto; 

    max-height: 375px; 

    height: expression(this.scrollHeight > 375 ? '375px':'auto');

}

.sugarFeedDashlet td.listViewThS1 {

    display: none;

}

.sugarFeedDashlet tr {

    height: auto;

}

.sugarFeedDashlet .byLineBox {

    width: 100%;

    position: relative;

}

.sugarFeedDashlet .byLineBox .byLineLeft {

    font-size: 79%;

}

.sugarFeedDashlet .byLineBox .byLineRight {

    display: inline; 

    right: 0px; 

    position: absolute;

    font-size: 79%;

}

/* End Sugar Feed styles */

iframe.teamNoticeBox {

    padding: 0px;

    width: 99%;

}

/*

 * Ext JS Library 2.0

 * Copyright(c) 2006-2007, Ext JS, LLC.

 * licensing@extjs.com

 * 

 * http://extjs.com/license

 */

.loading-indicator{background-image:url(../default/ext/resources/images/default/grid/loading.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;line-height:16px;margin:3px;}

.x-sqs-list{border:1px solid #d0d0d0;background:#d0d0d0;zoom:1;overflow:hidden;}

.x-sqs-list-inner{overflow:auto;background:white;position:relative;zoom:1;overflow-x:hidden;}

.x-sqs-list-item{padding:1px;border:1px solid #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.x-sqs-list .x-sqs-selected{border:1px dotted #f6f6f6!important;background:#d0d0d0;cursor:pointer;}

/*

* END Ext JS Library 2.0

*/