/*********************************************************************************
 * The contents of this file are subject to the SugarCRM Public License Version
 * 1.1.3 ("License"); You may not use this file except in compliance with the
 * License. You may obtain a copy of the License at http://www.sugarcrm.com/SPL
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied.  See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * All copies of the Covered Code must include on each user interface screen:
 *    (i) the "Powered by SugarCRM" logo and
 *    (ii) the SugarCRM copyright notice
 * in the same form as they appear in the distribution.  See full license for
 * requirements.
 *
 * The Original Code is: SugarCRM Open Source
 * The Initial Developer of the Original Code is SugarCRM, Inc.
 * Portions created by SugarCRM are Copyright (C) 2004-2006 SugarCRM, Inc.;
 * All Rights Reserved.
 * Contributor(s): ______________________________________.
 ********************************************************************************/
/*********************************************************************************

 * 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 */
body, .body{ 
	color: #444444;
	background-color: #ffffff;
	}

table,td {
	color: #444444;
	}

h1, h2, h3{
	color: #990033;
	}

h4, h5, h5.listViewSubHeadS1, a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	color: #444; 
	}
.h3Row,  .monthHeader {
	color: #444; 
	background-color: #fff;
	border-color: #999999;
	background-image: url(images/bgGray.gif);
}
a:link, a:visited, a.body:link, a.body:visited {
		color: #444444;
		}
a:hover, a.body:hover {
		color: #990033;
		}

/* Form Styles */
	
input,select {
	border-color: #999999;
	}
input:focus,textarea:focus, select:focus { 
	border-color: #990033;
	 }

.button {
	border-color: #999999;
	background-color: #eee;
	color: #444;
	background-image: url(images/bgGray.gif);
	}
input[type="button"], input[type="submit"], input[type="reset"] {
	border-color: #999999;
	background-color: #eee;
	color: #444;
	background-image: url(images/bgGray.gif);
	}
	
.buttonOn, .button:hover, .buttonOn:hover, .button:focus, .buttonOn:focus {

	color: #990033;
	background-color: #eee;
	background-image: url(images/bgGray.gif);
	border-color: #990033;
	}
	
textarea {
	border-color: #999999;
	}
.checkbox,.radio {
	}

	
/* Content Specific Styles */
	/* body text */

	.teamNoticeBox {
		border-color: #999999;
		color: #444444;
	}
	
		
	/*for the main screen navigation tabs*/
	
	
	.tabRow {	
		background-image : url(images/tabRowBg.gif);
		border-color: #999;
	}
	.currentTabLeft, .currentTabRight, .currentTab {
	background-image : url(images/currentTab.gif);
		background-repeat: no-repeat;
		border-color: #fff;
	}


	a.currentTabLink:link, a.currentTabLink:visited {
		color: #990033;
		}
	a.currentTabLink:hover {
		color: #990033;
		}
		
	.otherTabLeft, .otherTabRight, .otherTab {
		color: #333333;
		background-image : url(images/otherTab.gif);
		background-repeat: no-repeat;
		border-color: #999;
		}
	a.otherTabLink:link, a.otherTabLink:visited {
		color: #444444;

		}
	a.otherTabLink:hover {
		color: #990033;
		}
		
	
	.subpanelTabSpace  * {
		display: none;
		}
	
	a.currentSubpanelTabLink:link, a.currentSubpanelTabLink:visited {
		color: #990033;
		}
	a.currentSubpanelTabLink:hover {
		color: #990033;
		}
		
	a.otherSubpanelTabLink:link, a.otherSubpanelTabLink:visited {
		color: #444444;

		}
	a.otherSubpanelTabLink:hover {
		color: #990033;
		}
		
	.moreHandle {
		background: url('images/more.gif') no-repeat bottom left;
		}
	.subMenu {
		border-color: #ccc;
	}	
	.subMenu, ul.subMenu li, .leftColumnModuleS3 {
		color: #444444;
		background-color: #fff;
		border-color: #ccc;
	}
	
	ul.subMenu li a:hover, ul.subMenu li span:hover  {
		color: #990033;
		background-color: #f0f0f0;
		}	
		
	.leftColumn {
		border-color: #ccc;
		}
	
	table.leftColumnModuleHead th, table.listView th, .listViewThS1,  .schedulerTopRow, .monthHeader {
	/*left column styles*/
		color: #444;
		background-color: #fff;
		border-color: #999;
		background-image: url(images/bgGray.gif);
	}
	
	/* myArea is for my account, admin, logout, an about links*/


	/*welcome user and date bar and last view*/
	.moduleTitle {
	border-color: #ccc;
	}
.headerBg {
		border-color: #999;
		color: #000000; 
	background-image: url(images/bgGrayHeader.gif);
	}
	.welcome, .myArea {
		color: #444444;
		background-color: #f6f6f6;
		border-right-color: #ddd;
		border-bottom-color: #ccc;
	}
	#subtabs {
	background-image: url(images/bgGray.gif);
		border-bottom-color: #999;
	
	}
ul.subTabs
{
		border-bottom-color: #ddd;
}

ul.subTabs li
{
}

ul.subTabs li a
{
		background-color: #fff;
	background-image: url(images/bgGray.gif);
border-top-color: #fff;
border-right-color: #ccc;
}

ul.subTabs li a:link { color: #444444;}
ul.subTabs li a:visited { color: #444444;}

ul.subTabs li a:hover
{
color: #990033;
background-image: url(images/bgGray.gif);
background-color: #fff;
border-color: #ccc;
}

.activeSubTab
{
background: #eee;
	background-image: url(images/bgGray.gif);
border-bottom-color: #ddd;
border-right-color: #999;
}
ul.tablist li a.activeSubTab:hover
{
border-bottom-color: #ddd;
color: #990033;
}
ul.subpanelTablist li a.activeSubTab:hover
{
border-bottom-color: #ddd;
color: #990033;
}

	.searchField {
		border-color: #999999;
		background-color: #eeeeee;
	}
	.search {
		color: #444444;
		background-color: #fafafa;
		background-image: url(images/searchBg.gif);
		background-repeat: repeat-x;
		background-position: top;
		}
	.searchButton {
		background-color: #fafafa;
		}	
		.searchButton:focus{
		background-color: #fafafa;}
	.date {
		color: #444444;
		background-color: #dddddd;
		border-bottom-color: #bbbbbb;
		}
		
	.lastView {
		color: #444;
		border-top-color: #eee;
		border-bottom-color: #999;
		background-color: #eee;
		}
		
	a.lastViewLink:link, a.lastViewLink:visited, .lastViewLink {
		color: #444444;
		border-color: #ccc;
		}
	a.lastViewLink:hover {
		background-color: #fff;
		color: #990033;
		}
		
	
	
	.leftColumnModuleName {
	}


	.leftColumnModuleS3 input, .leftColumnModuleS3 select {
	}
	td.leftColumnModuleS3 .button {
	}
	td.leftColumnModuleS3 .dataLabel {
	}
	
	td.leftColumnModuleS3 .dataField {
	}
	.leftColumnModuleS3 #jscal_trigger {
	}
	a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
		color: #666666;
		}
	a.leftColumnModuleS3Link:hover {
		color: #444444;
		}
	
	/*right main content (suffix S1 stands for Style 1) */
	.listView {
		border-color: #999999;
	}


	.listViewSubHeadS1 {
		background-color: #ffffff;
	}


	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 */
		color: #444;
	}

	table.listview th a:hover, a.listViewThLinkS1:hover {
		/* this definition should be exactly the same
			as a.listViewThLinkS1:hover */
		color: #990033; 
	}

	a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	color: #990033;

		}
	a.listViewTdLinkS1:hover {
	color: #000000;
		}
	a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
		}
	a.listViewTdToolsS1:hover {
		}
	.evenListRowS1 {
		color: #000000;
	}
	
	.oddListRowS1 {
		color: #000000;
	}

	.listViewHRS1 {
		background-color: #ddd;
	}
	.pageNumbers {
		color: #444444;		
	}
	.listViewPaginationTdS1, .tabDetailView .listViewPaginationTdS1 .tabDetailViewDL {
		color: #999999;
		background-color: #eeeeee;
		border-color: #999;
	}
	
	a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
		color: #444444;
		}
	a.listViewPaginationLinkS1:hover {
		color: #990033;
		}
	a.listViewCheckLink:link, a.listViewCheckLink:visited {
		}
	a.listViewCheckLink:hover {
		}
		
	a.utilsLink:link, a.utilsLink:visited, a.NextPrevLink:link, a.NextPrevLink:visited {
		color: #990033;
		}
	a.utilsLink:hover {
		}
	/* charting styles */
	.chartBox {
		background-color: #ffffff;
		border-color: #999999;
	}
	
	a.chartToolsLink:link, a.chartToolsLink:visited {
		color: #444444;
		}
	a.chartToolsLink:hover {
		color: #990033;
		}
		
	table.chartForm {
		background-color: #efefef;
		border-color: #999999;
	}
	
	table.chartForm td {
		background-color: #efefef;
	}
	
	/* main tab forms */
	
	.tabForm {
		border-color: #999;
		color: #000000; 
		background-color: #f6f6f6;
	background-image: url(images/bgGrayForm.gif);
	}
	.subpanelTabForm {
		border-color: #999;
		color: #000000; 
		background-color: #f6f6f6;
	background-image: url(images/bgGrayForm.gif);
	}
	.subpanelTabForm .listView {
border-color: #999;
}
	h4.dataLabel {
		color: #444444; 
	}
	table.tabForm td {
	
	}
	h5.dataLabel {
		color: #444444; 
	}
	td.dataLabel{
	}
	.dataLabel {
	}
	.dataField {
	}
	
	.tabFormAddDel {
	}
	
	a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
		color: #444444;
		}
	a.tabFormAdvLink:hover {
		color: #990033;
		}
	
	/* main tab panel views */
	.tabDetailView {
		border-color: #666666;
		background-color: #cccccc;
	}
	.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1
	{
	}
	
	.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1:hover, .tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink:hover 
	{
	color: #000000;
	}
	
	.tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink 
	{
	color: #444444;
	}
	
	.tabDetailViewDL, .dailyCalBodyTime, .monthCalBodyWeek {
		color: #000000;
		background-color: #f6f6f6;
		border-color: #ddd;
	}
	
	h4.tabDetailViewDL {
		color: #444444; 
	}
	.tabDetailViewDF {
		color: #444444; 
		border-color: #ddd;
		background-color: #fff;
	}

	a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
		color: #000000;
		}
	a.tabDetailViewDFLink:hover {
		color: #990033;
		}
		
	.tabDetailView2 {
		border-color: #999999;
		background-color: #cccccc;
	}
	.tabDetailViewDL2 {
		color: #000000;
		border-top-color: #ffffff;
		background-color: #fafafa;
	}
	.tabDetailViewDF2 {
		color: #444444; 
		background-color: #eeeeee;
		border-left-color: #dfdfdf;
	}
	a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
		color: #444444;
		}
	a.tabDetailViewDL2Link:hover {
		color: #990033;
		}

	/* calendar styles */
	.calendar_footer {
		border-top-color: #ccc;
		border-bottom-color: #999;
		background-color: #eee;
	}
	a.NextPrevLink:hover {
		color: #990033;
	}
	.activity_title {
		background-repeat: repeat-x;
		background-position: bottom;
		background-image: url(images/bgGray.gif);
	}

	/* misc font displays */
	

	.copyRight {
	}
	a.copyRightLink:link, a.copyRightLink:visited {
	}
	a.copyRightLink:hover {
	}
	
	.tm {
	}
	
	.footer, .underFooter {
	color: #999999;
  	background-color: #f6f6f6;
	border-bottom-color: #ccc;
	}
	a.footerLink:link, a.footerLink:visited {
	
	}
	a.footerLink:hover {
	color: #990033;
	}
	
	.footerHR {
	color: #666666;
	}
	.aboveFooter {
	background-color: #ffffff;
	border-bottom-color: #999;
	}


/* dynamic tab styles */
ul.tablist, ul.subpanelTablist
{
border-bottom-color: #999999;
}

ul.tablist li, ul.subpanelTablist li
{
}

ul.tablist li a, ul.subpanelTablist li a
{
background-color: #fff;
background-image: url(images/bgGray.gif);
border-color: #ccc;
border-left-color: #ddd;
}
ul.tablist li a:link, ul.tablist li a:visited,
ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited
{
color: #444444;
}

ul.tablist li a:hover, ul.subpanelTablist li a:hover
{
color: #990033;
background: #fafafa;
border-color: #999;
border-left-color: #ccc;
}
ul.tablist li a.current, ul.subpanelTablist li a.current
{
background-image: url(images/bgGray.gif);
border-bottom-color: #ddd;
border-right-color: #999;
}
ul.tablist li a.current:hover, ul.subpanelTablist li a.current:hover
{
border-bottom-color: #ddd;
color: #990033;
}


.sqsFloater {
}

.sqsFloater td {
background-color:#fdfdfd;
border:1px inset #999999;
color:black;
}

.sqsMatchedSmartInputItem {
}

.sqsSelectedSmartInputItem {
background-color:#DEEFFF;
}

#sqsSmartInputResults {
}

.sqsNoMatch {
}

.olFontClass { }
.olFontClass A { }
.olCapFontClass { 
	color: #222222;
	background-color: #dfdfdf; 
}
.olCapFontClass A { 
	color: #dfdfdf; 
}
.olFgClass td { 
	background-color: #f9f9f9; 
}
.olCgClass td {
	border-top-color: #f1f1f1; 
	border-bottom-color: #aaaaaa;
	background-color: #dfdfdf; 
}
.olCgClass {
}
.olBgClass { 
	background-color: #999999; 
}
.olCloseFontClass { 
	background-color: #dfdfdf; 
}

/* acl role colors */


/* help styles */


/* longreach - start added */
a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited,
a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited {
	color: #002780;
}
h2, h3,
a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited,
table.listview th a:hover, a.listViewThLinkS1:hover,
a.utilsLink:link, a.utilsLink:visited,
a.chartToolsLink:link, a.chartToolsLink:visited,
a.tabFormAdvLink:link, a.tabFormAdvLink:visited,
a.NextPrevLink:link, a.NextPrevLink:visited,
a:hover, a.body:hover,
a.currentTabLink:link, a.currentTabLink:visited,
a.currentTabLink:hover, a.otherTabLink:hover {
	color: #cc551c;
}
ul.subpanelTablist li a.current, ul.subpanelTablist li a.current:hover,
ul.subpanelTablist li a:hover,
a.currentSubpanelTabLink:link, a.currentSubpanelTabLink:visited,
a.currentSubpanelTabLink:hover, a.otherSubpanelTabLink:hover,
ul.subMenu li a:hover, ul.subMenu li span:hover, ul.subTabs li a:hover,
ul.tablist li a:hover, ul.tablist li a.current:hover,
ul.tablist li a.activeSubTab:hover,
ul.subpanelTablist li a:hover,
a.tabDetailViewDFLink:hover, a.tabDetailViewDL2Link:hover,
.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1:hover,
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink:hover,
a.lastViewLink:hover,
a.footerLink:hover,
.overdueTask, .required {
	color: #cc551c;
}
input:focus,textarea:focus, select:focus {
	border-color: #cc551c;
}
.buttonOn, .button:hover, .button:focus, .buttonOn:focus {
	color: #cc551c;
	border-color: #cc551c;
}
/* popup menu */
.popupMenu {
	border: 1px solid #999;
	border-top: none;
	border-left-color: #fff;
}
.popupMenuRow, .menuItem {
	background-color: #eee;
}
.popupMenuRow a:link, .popupMenuRow a:visited,
.menuItem a:link, .menuItem a:visited {
	color: #062040;
}
.popupMenuRow.over, .menuItem.hilite {
	background-color: #fff;
	border-color: #cc551c;
}
.popupMenuRow.over a:link, .popupMenuRow.over a:visited,
.menuItem.hilite a:link, .menuItem.hilite a:visited {
	color: #cc551c;
}
.popupMenuSource {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
.monthCalBodyDayItem {
	background-image: url(images/bgGray.gif);
	background-repeat: repeat;
}

.hoverRow {
	background-color: #f0f0f0;
}
.markRow, .calendarbox .markRow {
	background-color: #fad2d2;
}