/*********************************************************************************
 * 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 {
	color: #444;
	background-color: #fcf6f6;
}
body.textured {
	background: #fafafa url(red/fla1.gif);
}
div.body, table.body {
	border-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);	
}
a, a:link, a:visited, a.body:link, a.body:visited {
	color: #8a1f24;
}
a:hover, a.body:hover {
	color: #14e;
}
hr {
	color: #a24c56;
	background-color: #a24c56;
}


/* header */
.headerBg.overTabs {
	background: url(red/cherrytree.png) no-repeat 64% 50%;
}
table.myArea {
	border-color: #999;
}
table.myArea td {
	color: #444;
	background-color: #eee; /* fallback */
	background-color: rgba(255, 255, 255, 0.4);
	border-color: #999;
}
ul.topMenu a {
	color: #358;
	border-color: #a24c56;
	background-image: url(red/bgGray.gif);
}
ul.topMenu a:hover {
	border-color: #cc551c;
}


/* page top bar */
#tabBar {
	background-color: #f3a4ab;
	background-color: rgba(238, 43, 62, 0.4);
	border-color: #a24c56;
}
ul.tabBar a, ul.tabBar a:visited {
	color: #92272f;
	text-shadow: rgba(255, 255, 255, 0.6) 1px 1px 2px;
}
ul.tabBar li.current a {
	color: #f6f6f6;
	text-shadow: rgba(150, 50, 50, 0.4) 1px 1px 2px;
}
ul.tabBar a:hover, ul.tabBar li.current a:hover {
	color: #fff;
	text-shadow: none;
}
ul.tabBar .menutab {
	background-image: url(red/tabsbg.png);
}

/* shortcut/recently-viewed menu */
.popupMenuBarOuter {
	background-color: rgba(222, 50, 60, 0.1);
	border-color: #999;
	color: #335;
}
.popupMenu {
	border-color: #a24c56;
}
.popupMenuRow, .menuItem {
	background-color: #eee;
}
.popupMenuRow a:link, .popupMenuRow a:visited,
.menuItem a:link, .menuItem a:visited {
	color: #8a1f24;
}
.popupMenuRow.over, .menuItem.hilite {
	background-color: #fff;
}
.popupMenuRow.over a:link, .popupMenuRow.over a:visited,
.menuItem.hilite a:link, .menuItem.hilite a:visited {
	color: #8a1f24;
}
.popupMenuSource {
	color: #333;
	border-color: #999;
	background-color: #fef0e9;
	background-color: rgba(255, 255, 255, 0.4);
}

.yui-panel .hd {
	background-color: #f3a4ab;
}
.loginLogo, td.loginMain, .loginError, .loginMain input, .loginMain select {
	border-color: #a24c56;
}

h1, h2, h3 {
	color: #92272f;
}
h1, h2 {
	text-shadow: #bbb 1px 1px 1px;
}
h4, h4.tabDetailViewDL, h5, h5.listViewSubHeadS1,
a.yearCalBodyMonthLink:link, a.yearCalBodyMonthLink:visited {
	color: #92272f;
}

.h3Row,  .monthHeader {
	color: #444;
	background-color: #fef0e9;
	background-color: rgba(186, 49, 66, 0.1);
	border-color: #a24c56;
	text-shadow: #ccc 1px 1px 1px;
}
.opaque, .dashlet-body, .emptySubpanel, .calendarbox, .listViewTitle, .asyncEditViewHeader {
	background-color: #fef0e9;
	background-color: rgba(186, 49, 66, 0.1);
}
.textured .h3Row, .textured .monthHeader,
.textured .popupMenuBarOuter, .textured .opaque, .textured .dashlet-body,
.textured .emptySubpanel, .textured .calendarbox, .textured .listViewTitle, .textured .asyncEditViewHeader {
	background-color: #fff0ea;
}
.form-top, .form-mid, .form-bottom,
.dashlet-body, .dashlet-body.sample-dashlet,
.listViewFilter, .emptySubpanel, .listViewTitle, .asyncEditViewHeader {
	border-color: #a24c56;
}
.tabDetailView, .tabDetailView2,
.tabForm, .subpanelTabForm,
ul.tablist, ul.subpanelTablist,
ul.tablist li a.current, ul.subpanelTablist li a.current {
	border-color: #a24c56;
}
.listViewPaginationTdS1 {
	background-color: #eccecf;
	background-color: rgba(186, 49, 66, 0.2);
}
th.tabDetailViewDL, td.tabDetailViewDL, .dailyCalBodyTime, .monthCalBodyWeek {
	background-color: #f4e2e3;
	background-color: rgba(186, 49, 66, 0.1);
	border-color: #a87;
}
th.tabDetailViewDL, .tabDetailView .listViewPaginationTdS1 {
	border-color: #a24c56;
}
.listView.dashlet-body .listViewPaginationTdS1 {
	border-top-color: #a24c56;
}
.hoverRow {
	background-color: #f0f0f0;
}
.markRow, .calendarbox .markRow {
	background-color: #d2e8fa;
}


/* Form Styles */

input, select, textarea, input.dataField, select.dataField {
	border-color: #a24c56;
}
input:focus,textarea:focus, select:focus { 
	border-color: #e77;
}

button, input[type='button'], input[type='submit'], input[type='reset'], .button {
	border-color: #b2272f;
	border-right-color: #a24c56;
	border-bottom-color: #a24c56;
	background-color: #eee;
	color: #8a1f24;
	background-image: url(red/bgGray.gif);
}	
.buttonOn, .button:hover, .buttonOn:hover, .button:focus, .buttonOn:focus {
	background-color: #eee;
	background-image: url(red/bgGray.gif);
	border-color: #e77;
}


/* ui.css overrides */
.input-outer {
	border-color: #b2272f;
	border-right-color: #a24c56;
	border-bottom-color: #a24c56;
}
.popup-title {
	background-color: #f3a4ab;
}
.input-outer.flatter, .nav-button-group.flatter td {
	border-color: #b2474f;
}
.tab-outer, .tab-end, .tab-final {
	background-image: url(red/tabgroup.png);
}
.tab-current .tab-button {
	color: #92272f;
}

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

.teamNoticeBox {
	border-color: #999;
	color: #444;
}
a.currentSubpanelTabLink:link, a.currentSubpanelTabLink:visited {
	color: #8a1f24;
}
a.otherSubpanelTabLink:link, a.otherSubpanelTabLink:visited {
	color: #444;
}
a.currentSubpanelTabLink:hover, a.otherSubpanelTabLink:hover {
	color: #14e;
}
	

.subMenuOuter, ul.subMenu, ul.subMenu ul, .leftColumnModuleBody {
	color: #222;	
	border-color: #a24c56;
}
ul.subMenu li, .leftColumnModuleBody {
	background-color: #f5b8bc;
	background-color: rgba(238, 43, 62, 0.3);
}
ul.subMenu li, ul.subMenu ul li {
	border-color: #a24c56;
}
ul.subMenu ul {
	border-color: #999;
}
ul.subMenu ul li {
	background: #ffcfd3;
}
ul.subMenu .subMenuOuter {
	background-color: #fafafa;
}
ul.subMenu li.current {
	background-image: url(red/activetab.gif);
	background-color: #fafafa;
}
ul.subMenu ul li.current {
	background: #fff;
}
ul.subMenu.moduleList {
	border-color: #a24c56;
}
ul.subMenu.moduleList > li {
	border-color: #a24c56;
}
ul.subMenu > li a {
	color: #681c21;
}
ul.subMenu li a:hover, ul.subMenu li span:hover  {
	color: #fff;
	background-color: #fb979e;
}
ul.subMenu li.current a {
	color: #000;
}

.leftColumnModuleHead, table.listView th, .listViewThS1,  .schedulerTopRow, .monthHeader, .listEditorHead {
	color: #444;
	background-color: #fff;
	border-color: #a24c56;
	background-image: url(red/bgGray.gif);
}
.leftColumnModuleHead {
	border-bottom-color: #bbb;
}

a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
	color: #666666;
}
a.leftColumnModuleS3Link:hover {
	color: #444444;
}
	
.listViewSubHeadS1 {
	background-color: #ffffff;
}
table.listview th a:link, table.listview th a:visited,
a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
	color: #444;
}
table.listview th a:hover, a.listViewThLinkS1:hover {
	color: #8a1f24; 
}
a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited,
a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
	color: #8a1f24;
}
a.listViewTdLinkS1:hover, a.listViewTdToolsS1:hover {
	color: #14e;
}
.evenListRowS1, .oddListRowS1 {
	color: #000;
}
.evenListRowS1 {
	background-color: #fafafa;
}
.oddListRowS1 {
	background-color: #fff;
}
.listViewHRS1 {
	color: #a24c56;
	background-color: #a24c56;
}
.pageNumbers, .pageNumbers a {
	color: #444;
}
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL {
	/*color: #999999;
	border-color: #999;*/
}

a.listViewPaginationLinkS1:link, a.listViewPaginationLinkS1:visited {
	color: #8a1f24;
}
a.listViewPaginationLinkS1:hover {
	color: #14e;
}

a.utilsLink:link, a.utilsLink:visited,
a.NextPrevLink:link, a.NextPrevLink:visited {
	color: #8a1f24;
}
a.utilsLink:hover, a.NextPrevLink:hover {
	color: #14e;
}

/* charting styles */
.chartBox {
	background-color: #fff;
	border-color: #999;
}	
a.chartToolsLink:link, a.chartToolsLink:visited {
	color: #8a1f24;
}
a.chartToolsLink:hover {
	color: #14e;
}		
table.chartForm {
	background-color: #efefef;
	border-color: #999;
}	
table.chartForm td {
	background-color: #efefef;
}
	
/* main tab forms */

.tabForm {
	color: #000;
	background-color: #f5f5f2;
	background-image: url(red/bgGrayForm.gif);
}
.subpanelTabForm {
	color: #000; 
	background-color: #f5f5f2;
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
	color: #8a1f24;
}
a.tabFormAdvLink:hover {
	color: #14e;
}

/* main tab panel views */
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink {
	color: #444;
}
.tabDetailView .listViewPaginationTdS1 .listViewPaginationLinkS1:hover,
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDFLink:hover {
	color: #14e;
}

.tabDetailViewDL, .dailyCalBodyTime, .monthCalBodyWeek {
	color: #000;
}	
.tabDetailViewDF {
	color: #333; 
	border-color: #ccc;
	background-color: #f9f9f9;
}
a.tabDetailViewDFLink:link, a.tabDetailViewDFLink:visited {
	color: #8a1f24;
}
a.tabDetailViewDFLink:hover {
	color: #14e;
}
		
.tabDetailView2 {
	background-color: #ccc;
}
.tabDetailViewDL2 {
	color: #000;
	border-top-color: #fff;
	background-color: #fafafa;
}
.tabDetailViewDF2 {
	color: #444; 
	background-color: #eee;
	border-left-color: #dfdfdf;
}
a.tabDetailViewDL2Link:link, a.tabDetailViewDL2Link:visited {
	color: #8a1f24;
}
a.tabDetailViewDL2Link:hover {
	color: #14e;
}


/* calendar styles */
.calendar_footer {
	border-color: #a24c56;
	background-color: #eee;
}
.calendarbox {
	border-color: #a24c56;
}
.activity_title {
	background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(red/bgGray.gif);
}
.monthCalBodyDayItem {
	background-image: url(red/bgGray.gif);
	background-repeat: repeat;
}


/* dynamic tab styles */
ul.tablist li a, ul.subpanelTablist li a {
	background-color: #fff;
	background-image: url(red/bgGray.gif);
	border-color: #999;
}
ul.tablist li a:link, ul.tablist li a:visited,
ul.subpanelTablist li a:link, ul.subpanelTablist li a:visited {
	color: #444;
}
ul.tablist li a:hover, ul.subpanelTablist li a:hover {
	color: #8a1f24;
	background: #fafafa;
}
ul.tablist li a.current, ul.subpanelTablist li a.current {
	background-image: url(red/bgGray.gif);
	border-bottom-color: #ddd;
}
ul.tablist li a.current:hover, ul.subpanelTablist li a.current:hover {
	border-bottom-color: #ddd;
}

/* quicksearch */
.sqsFloater {
}
.sqsFloater td {
	background-color:#fdfdfd;
	border:1px inset #999;
	color:black;
}
.sqsMatchedSmartInputItem {
}
.sqsSelectedSmartInputItem {
	background-color:#DEEFFF;
}
.sqsNoMatch {
}

/* overlib */
.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: #aaa;
	background-color: #dfdfdf; 
}
.olCgClass {
}
.olBgClass { 
	background-color: #999; 
}
.olCloseFontClass { 
	background-color: #dfdfdf; 
}


/* page footer */
.footer {
	border-color: #a24c56;
	background-color: #f3a4ab;
	background-color: rgba(238, 43, 62, 0.4);
	color: #443;
}
.footerLink, .footerLink:link, .footerLink:visited {
	color: #8a1f24;
}
.footerLink:hover {
	color: #14e;
}

/* toolbar */
.tbar-cell a:hover, a.box:hover {
	color: #8a1f24;
}
.tbar-table {
	background: #eee url(grey/shade.gif) repeat-x;
}

.overdueTask, .required {
	color: #cc551c;
}