/*********************************************************************************
 * 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: #fff url(images/bgGrayHeader.gif) repeat-x top left;
}
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: #002780;
}
a:hover, a.body:hover {
	color: #36f;
}
hr {
	color: #707080;
	background-color: #707080;
}

/* header */
.headerBg.overTabs {
	background: url(grey/cell.png) no-repeat 64% 40%;
	margin-bottom: -33px;
	padding-bottom: 33px;
}
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: #506070;
	background-image: url(images/bgGray.gif);
}
ul.topMenu a:hover {
	border-color: #cc551c;
}

/* page top bar */
#tabBar {
	background-color: transparent;
	border-top-color: transparent;
	border-bottom-color: #666;
}
ul.tabBar a, ul.tabBar a:visited {
	/*background-color: #fff;*/
	color: #335;
	text-shadow: #fff 1px 1px 3px;
}
.textured ul.tabBar a, .textured ul.tabBar a:visited {
	background-color: transparent;
}
ul.tabBar li.current a {
	color: #506070;
	text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 2px;
}
ul.tabBar a:hover, ul.tabBar li.current a:hover {
	color: #222;
	text-shadow: none;
}
ul.tabBar .menutab {
	background-image: url(grey/tabsbg_opq.png);
}
.textured ul.tabBar .menutab {
	background-image: url(grey/tabsbg.png);
}

/* shortcut/recently-viewed menu */
.popupMenuBarOuter {
	border-color: #999;
	color: #335;
}
.popupMenu {
	border-color: #506070;
}
.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;
}
.popupMenuRow.over a:link, .popupMenuRow.over a:visited,
.menuItem.hilite a:link, .menuItem.hilite a:visited {
	color: #002780;
}
.popupMenuSource {
	color: #333;
	border-color: #999;
	background-color: rgba(80, 80, 80, 0.1);
}

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

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

.h3Row, .monthHeader {
	color: #444;
	border-color: #707080;
	text-shadow: #fff 1px 2px 1px;
}
.opaque, .dashlet-body, .emptySubpanel, .calendarbox, .h3Row, .monthHeader, .listViewTitle {
	background-color: #e6e6e6;
}
.textured .h3Row, .textured .monthHeader,
.textured .popupMenuBarOuter, .textured .opaque, .textured .dashlet-body,
.textured .emptySubpanel, .textured .calendarbox {
	background: url(grey/che100.gif);
}
.form-top, .form-mid, .form-bottom,
.dashlet-body, .dashlet-body.sample-dashlet,
.listViewFilter, .emptySubpanel, .listViewFooter .listViewPaginationTdS1 {
	border-color: #707080;
}
.tabDetailView, .tabDetailView2,
.tabForm, .subpanelTabForm,
ul.tablist, ul.subpanelTablist,
ul.tablist li a.current, ul.subpanelTablist li a.current {
	border-color: #556670;
}
.listViewPaginationTdS1 {
	background-color: #eee;
	background-color: rgba(150,150,150,0.2);
}
th.tabDetailViewDL, td.tabDetailViewDL, .dailyCalBodyTime, .monthCalBodyWeek {
	background-color: #e6e6e6;
	border-color: #999;
}
.textured th.tabDetailViewDL, .textured td.tabDetailViewDL,
.textured .dailyCalBodyTime, .textured .monthCalBodyWeek {
	background: url(grey/che100.gif);
}
th.tabDetailViewDL, .tabDetailView .listViewPaginationTdS1 {
	border-color: #506070;
}
.listView.dashlet-body .listViewPaginationTdS1 {
	border-top-color: #506070;
}


/* Form Styles */

input, select, textarea, input.dataField, select.dataField {
	border-color: #506070;
}
input:focus,textarea:focus, select:focus { 
	border-color: #cc551c;
}

button, input[type='button'], input[type='submit'], input[type='reset'], .button {
	border-color: #679;
	border-right-color: #506070;
	border-bottom-color: #506070;
	background-color: #eee;
	color: #346;
	background-image: url(images/bgGray.gif);
}	
.buttonOn, .button:hover, .buttonOn:hover, .button:focus, .buttonOn:focus {
	background-color: #eee;
	background-image: url(images/bgGray.gif);
	border-color: #cc551c;
}


/* ui.css overrides */
.tab-outer, .tab-end, .tab-final {
	background-image: url(grey/tabgroup.png);
}

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

.teamNoticeBox {
	border-color: #999;
	color: #444;
}
a.currentSubpanelTabLink:link, a.currentSubpanelTabLink:visited {
	color: #002780;
}
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: #506070;
}
ul.subMenu, .leftColumnModuleBody {
	background-color: #e6e6e6;
}
.textured ul.subMenu, .textured .leftColumnModuleBody {
	background: #e6e6e6 url(grey/che100.gif);
}
ul.subMenu li, ul.subMenu ul li {
	border-color: #506070;
}
ul.subMenu ul {
	border-color: #999;
}
ul.subMenu ul li {
	background: #fafafa
}
ul.subMenu .subMenuOuter {
	background-color: #fff;
}
.textured ul.subMenu ul {
	background: url(grey/che100.gif);
}
ul.subMenu li.current {
	background-color: #ddd;
	background-color: rgba(80, 80, 80, 0.3);
}
ul.subMenu.moduleList {
	border-color: #506070;
}
ul.subMenu.moduleList > li {
	border-color: #506070;
}
ul.subMenu.moduleList > li a {
	color: #346;
}
ul.subMenu li a:hover, ul.subMenu li span:hover {
	color: #002780;
	background-color: #fff;
}
ul.subMenu li.current a {
	color: #000;
}

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

a.leftColumnModuleS3Link:link, a.leftColumnModuleS3Link:visited {
	color: #666666;
}
a.leftColumnModuleS3Link:hover {
	color: #444444;
}
	
.listViewColumns th a:link, .listViewColumns th a:visited,
a.listViewThLinkS1:link, a.listViewThLinkS1:visited {
	color: #444;
}
.listViewColumns th a:hover, a.listViewThLinkS1:hover {
	color: #002780; 
}
a.listViewTdLinkS1:link, a.listViewTdLinkS1:visited,
a.listViewTdToolsS1:link, a.listViewTdToolsS1:visited {
	color: #002780;
}
a.listViewTdLinkS1:hover, a.listViewTdToolsS1:hover {
	color: #14e;
}
.evenListRowS1, .oddListRowS1 {
	color: #000;
}
.evenListRowS1 {
	background-color: #fafafa;
}
.oddListRowS1 {
	background-color: #fff;
}
.staticRow {
	background-color: #ddd;
}
.hoverRow {
	background-color: #f0f0f0;
}
.markRow, .calendarbox .markRow {
	background-color: #d2e8fa;
}
.listViewHRS1 {
	color: #8ac;
	background-color: #8ac;
}
.pageNumbers, .pageNumbers a {
	color: #444;
}
.tabDetailView .listViewPaginationTdS1 .tabDetailViewDL {
	/*color: #999999;
	border-color: #999;*/
}

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

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

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

.tabForm, .subpanelTabForm {
	color: #000;
	background-color: #f6f6f6;
	background-image: url(images/bgGrayForm.gif);
}
.subpanelTabForm {
	color: #000; 
	background-color: #f6f6f6;
	background-image: url(images/bgGrayForm.gif);
}

a.tabFormAdvLink:link, a.tabFormAdvLink:visited {
	color: #002780;
}
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: #002780;
}
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: #002780;
}
a.tabDetailViewDL2Link:hover {
	color: #14e;
}


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


/* dynamic tab styles */
ul.tablist li a, ul.subpanelTablist li a {
	background-color: #fff;
	background-image: url(images/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: #002780;
	background: #fafafa;
}
ul.tablist li a.current, ul.subpanelTablist li a.current {
	background-image: url(images/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: #707080;
	background-color: #e6e6e6;
	color: #443;
}
.textured .footer {
	background: url(grey/che100.gif);
}
.footerLink, .footerLink:link, .footerLink:visited {
	/*color: #506070;*/
}
.footerLink:hover {
	color: #36f;
}

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

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