/*********************************************************************************
 * The contents of this file are subject to the Mozilla Public License Version 1.1
 * ("License"); You may not use this file except in compliance with the 
 * License. You may obtain a copy of the License at http://www.mozilla.org/MPL
 * 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.
 * The Original Code is:  SugarCRM Open Source
 * The Initial Developer of the Original Code is SugarCRM, Inc.
 * Portions created by SugarCRM are Copyright (C) SugarCRM, Inc.;
 * All Rights Reserved.
 * Contributor(s): ______________________________________.
 ********************************************************************************/
/*********************************************************************************
 * $Id: style.css,v 1.27 2005/07/16 14:11:25 venkatraj Exp $
 * 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.
 ********************************************************************************/

body {
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table        { 
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a { 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333366; 
	text-decoration: none;
}
a:hover { 
	text-decoration: underline;
}

.welcome     { 
	color: #FFFFFF; 
	font-weight: bold 
}
.welcome a:link   { 
	color: #FFFFFF
}
.welcome a:active { 
	color: #FFFFFF 
}
.welcome a:visited{ 
	color: #FFFFFF 
}
.welcome a:hover  { 
	color: #FFFFFF 
}
.sitename    { 
	color: #FFFFFF; 
	font-size: 24px; 
	font-weight: bold 
}
.siteslogan  { color: #FFFFFF; font-size: 14px; font-weight: bold }

TD { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
UL { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
OL { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
LI { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
TEXTAREA { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
INPUT { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
INPUT.button { 
border:none;
	BORDER-top: 1px solid #999; 
	BORDER-left: 1px solid #999;
	BORDER-right: 1px solid #000; 
	BORDER-bottom: 1px solid #000;
	FONT-WEIGHT: bold; FONT-SIZE: 8pt;
	CURSOR: hand; 
	CURSOR: pointer; 
	COLOR: #000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND: url(images/buttonbg.gif);
}
INPUT.button_file { BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 8pt; BORDER-LEFT: 1px solid;  COLOR: #336699; BORDER-BOTTOM: 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
SELECT { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.tabOffBorder {
	border-bottom: 1px solid #000195;
}
.tabOnBorder {
	border-bottom: 1px solid #A1DDFF;
}

A.currentTab {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
A.currentTab:link {FONT-WEIGHT: bold;COLOR:#000;}
A.currentTab:active {FONT-WEIGHT: bold;COLOR:#000;}
A.currentTab:visited {FONT-WEIGHT: bold;COLOR:#000;}
A.currentTab:hover {FONT-WEIGHT: bold;COLOR:#000;TEXT-DECORATION: underline;}

A.otherTab {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
A.otherTab:link {FONT-WEIGHT: bold;COLOR:#000;}
A.otherTab:active {FONT-WEIGHT: bold;COLOR:#000;}
A.otherTab:visited {FONT-WEIGHT: bold;COLOR:#000;}
A.otherTab:hover {FONT-WEIGHT: bold;COLOR:#000;TEXT-DECORATION: underline;}

.topBand {
	background-image: url(images/topband.gif);
}
.topBar {
	height: 18;
	background-image: url(images/topbar.gif);
}
.moduleMenuBg {
	height: 20;
	background: #F5F5F5;
	border-bottom: 1px solid #CCC;
}
.moduleMenu {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #CCC;
	TEXT-DECORATION: none;
}
A.moduleMenu:link {
	COLOR: #000;
}
A.moduleMenu:visited {
	COLOR: #000;
}
A.moduleMenu:hover {
	COLOR: #000;
	TEXT-DECORATION: underline 
}
.moduleTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.subMenu {
	    background: #F5F5F5;
	        border: 1px solid #CCC;
	}

.hline {
	border-bottom: 1px solid #A1A5A9;
}
.uline {
	border-bottom: 1px solid #CCC;
}

.alphaBg {
	text-align: center;
	padding: 1px 5px 1px 5px;
	border: 1px solid #A1A5A9;
	background-color: #F5F5F5;
}

.formHeader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
/*	BACKGROUND-COLOR: #0057AE; */
	COLOR: #000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
.formFooter {
	FONT-WEIGHT: normal;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color: #E2E2E2;
}
.formBorder {
	border: 1px solid #FFFFFF;
	background: url(images/formborder.gif);
}
.formOuterBorder {
	border: 1px solid #A1A5A9;
}
.formSecHeader {
	padding-left: 2px;
	height: 20px;
	font-size: 11px; 
	font-weight: bold ;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #E2E2E2;
}
.leftFormHeader { 
	border: 1px solid #A1A5A9;
	background-color: #E2E2E2;
	padding: 2;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
.leftFormFooter { 
	color: #000; 
	font-size: 11px; 
	font-weight: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FF8200;
}
.leftFormBorder1 {
	border-left: 1px solid #A1A5A9;
	border-right: 1px solid #A1A5A9;
	border-bottom: 1px solid #A1A5A9;
}
.leftFormBorder2 {
	border-left: 1px solid #A1A5A9;
	border-right: 1px solid #A1A5A9;
	border-bottom: 1px solid #A1A5A9;
}

.moduleListTitle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 7pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color: #E2E2E2;
}
.moduleName	{ font-weight: normal; font-size: 14pt; color: #ffffff; BACKGROUND-COLOR: #336699 }
.moduleLine { BACKGROUND-COLOR: #336699}

.bodyBold { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.bodyBold:link { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.bodySmall { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.bodySmall:link { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.bodySmallBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.bodySmallBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.dataLabel {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F0F0F0; TEXT-ALIGN: right }
.customdatalabel { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F5F5F5; TEXT-ALIGN: center}
.dataField { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left }
.requiredInput { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #990000; TEXT-ALIGN: right }

.calMotif { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #336699 }
.calView { FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.calTitle { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none }
.calDays { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: center; TEXT-DECORATION: none }
.calActive { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }
.calInactive { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #999999; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }
.calToday {FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }
.calAddEvent { FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: right; TEXT-DECORATION: underline }

.blackLine { BACKGROUND-COLOR: #A1A5A9}
.columnHeadInactiveWhite { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

.notyetdueTask { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #006600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.notyetdueTask:link { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #006600; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.overdueTask { FONT-WEIGHT: bold; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
.overdueTask:link { FONT-WEIGHT: bold; COLOR: #990000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }

.evenListRow { FONT-SIZE: 8pt; background-color: #F0F0F0 }
.oddListRow { FONT-SIZE: 8pt; background-color: #FFFFFF }

.required {
	color: #FF0000;
	font-weight: bold;
}

.error{
	color: #FF0000;
	font-weight: bold;
}

.listFormLinks 			{ FONT-WEIGHT: lighter; FONT-SIZE: 8pt; COLOR: #333366; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
A.listFormLinks:link 	{ FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #333366; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.listFormLinks:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #333366; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
A.listFormLinks:hover 	{ FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #333366; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }

.listFormHeaderLinks 			{ FONT-WEIGHT: lighter; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
A.listFormHeaderLinks:link 	{ FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }
A.listFormHeaderLinks:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }
A.listFormHeaderLinks:hover 	{ FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline }

.dim {
	color: #999999;
}

/* Calculator */
.calcBg {
	background-color: #C5C5C5;
}
.calcResult {
	width: 100%;
	height: 25;
	background-color: #F5F5F5;
	border-top: 1px solid #999;
	border-left: 0px; 
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 12;
	text-align: right;
}
.calcMem {
	width: 100%;
	height: 25;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 0px;
	border-bottom: 1px solid #FFF;
	background-color: #F5F5F5;
	font-family: Arial;
	font-size: 10;
	color: #BBB;
	text-align: left;
}
.calcBlackBtn, .calcGreyBtn, .calcBigBtn, .calcCancBtn, .calcMemBtn, .calcBackBtn {
	border: none;
	width: 25;
	height: 20;
	font-size: 11px;
	color: #FFF;
}
.calcBackBtn {
	background: url(images/calc_back_btn.gif) no-repeat;
}
.calcBlackBtn {
	background: url(images/calc_black_btn.gif) no-repeat;
}
.calcGreyBtn {
	background: url(images/calc_grey_btn.gif) no-repeat;
}
.calcCancBtn {
	background: url(images/calc_canc_btn.gif) no-repeat;
}
.calcMemBtn {
	background: url(images/calc_mem_btn.gif) no-repeat;
}

/* Tab Component */
.tabLink {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.tabLink:hover {
	text-decoration: underline;
}
.tabOn {
	padding: 5;
	border-top: 1px solid #CCC;
	background-color: #FFF;
}
.tabOff {
	padding: 5;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #F5F5F5;
}
.tabContent {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.tabStart {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.tabEnd {
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.relListHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.relListHead:hover {
	text-decoration: underline;
}

.disabled {
	color: #CCC;
}

/* Reports Related */
.rptTable {
	border-left: 1px solid #E2E2E2;
}
.rptTitle, .rptHead, .rptData, .rptGrpHead, .rptGrp1Total, .rptGrp2Total, .rptTotal {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding: 4px;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: #E2E2E2;
}
.rptTitle {
	border: 1px solid #666;
	background: url(images/formborder.gif);
	color: #000;
}
.rptGrpHead {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #E2E2E2;
	font-weight: normal;
}
.rptData {
	background: #FFF;
	font-weight: normal;
}
.rptGrp1Total {
	background: #E3F4F4;
}
.rptGrp2Total {
	background: #F1FBEC;
}
.rptTotal {
	background: #FFF7DD;
}
.rptEmptyGrp {
	background: #FFF;
	border-right: 1px solid #E2E2E2;
}

/*
  The original advSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


 /* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	background-color: #FFFFFF;
/*	
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
*/
}

/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
/*
a:link,a:active,a:visited { color : #333366; }
a:hover		{ text-decoration: underline; color : #333366; }
*/
a.headerlink:link,a.headerlink:active,a.headerlink:visited { color : #FFFFFF; }
a.headerlink1:link,a.headerlink1:active,a.headerlink1:visited { color : #000000; }
a.headerlink:hover		{ text-decoration: underline; color : #FFFF00; }
a.headerlink1:hover		{ text-decoration: underline; color : blue; }
hr	{height: 0px; border: solid #333333 0px; border-top-width: 1px;}


/* This is the border line & background colour round the entire page */
.bodyline	{ /*background-color: #336699;*/ }

/* This is the outline round the main forum tables */
.forumline	{ background-color: #FFFFFF; border: 1px #000000 solid; }

/* This is the background for the main links present at the top */
.mainmenubg	{ background-color: #F5F5F5; border-bottom: 1px solid #CCCCCC; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #F5F5F5; }
td.row2	{ background-color: #EAEAEA; }
td.row3	{ background-color: #F5F5F5; }

/* Colors for weblog posting page - added by Isaac */
td.row6	{ background-color: #fff4e0; }
td.row5	{ background-color: #ffe5c0; }

/* TD alternate colors */
td.altrow1	{ background-color: #EAEAEA;  }
td.altrow2	{ background-color: #F5F5F5;  }
td.altrow3	{ background-color: #CCCCCC; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: #E2E2E2;
/*		background-image: url(images/cellpic2.jpg); */
		background-repeat: repeat-y;
}

/* This for alternate colored rows in portal right box */
td.bglaternate1	{
background-color: #F5F5F5;
height: 25px;
}
td.bglaternate2	{
background-color: #FFFFFF;
height: 25px;
}

/* Header cells - the blue and silver gradient backgrounds */
th {
	color: #000000; font-size: 11px; font-weight : bold;
	background-image: url(images/header_bg.gif); height: 25px;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
	background-color: #E2E2E2; height: 25px; 
	color: #FFFFFF;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; color : #000000; height: 26px; }
td.row3Right,td.spaceRow {
	background-color: #F5F5F5; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #000000; }
a.gen,a.genmed,a.gensmall { color: #333366; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #333366; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : 10px; color : #CCCCCC; }
a.mainmenu		{ text-decoration: none; color : #333366;  }
a.mainmenu:hover{ text-decoration: underline; color : #333366; }


/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: 11px ; color : #000000}
a.cattitle		{ text-decoration: none; color : #000000; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: 12px; color : #333366; }
a.forumlink 	{ text-decoration: none; color : #333366; }
a.forumlink:hover{ text-decoration: underline; color : #333366; }

/* Table Head: Text and link to the forums used in: index.php */
.tablehead		{ font-weight: bold; font-size: 11px; color : #000000; }
a.tablehead 	{ text-decoration: none; color : #000000; }
a.tablehead:hover{ text-decoration: underline; color : #000000; }

/* Section Head: Text and link to the forums used in: index.php */
.sechead		{ font-weight: bold; font-size: 11px; color : #000000; }
a.sechead 		{ text-decoration: none; color : #000000; }
a.sechead:hover{ text-decoration: underline; color : #000000; }

/* Section Head: Text and link to the forums used in: index.php */
.secbg		{ background-color: #FFFFFF; }

/* Section Head Bg: used in: index.php */
.secheadbg { background-color: #E2E2E2; border-bottom: 1px solid #A1A5A9; border-top: 1px solid #A1A5A9; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: 11px; color : #000000;}
a.nav			{ text-decoration: none; color : #333366; }
a.nav:hover		{ text-decoration: underline; }
a.navblog       { font-weight: bold; font-size: 11px; color : #803B00; }

/* titles for the topics: could specify viewed link colour too */
.topictitle			{ font-weight: bold; font-size: 11px; color : #000000; }
a.topictitle:link   { text-decoration: none; color : #333366; }
a.topictitle:visited { text-decoration: none; color : #333366; }
a.topictitle:hover	{ text-decoration: underline; color : #333366; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : 11px; color : #000000;}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : 10px; color : #000000; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #333366 }
a.postlink:visited { text-decoration: none; color : #333366; }
a.postlink:hover { text-decoration: underline; color : #333366}


/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright		{ font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; letter-spacing: -1px;}
a.copyright		{ color: #333366; text-decoration: none;}
a.copyright:hover { color: #333366; text-decoration: underline;}


/* Form elements */
input, textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

input { /* text-indent : 2px; */ }

/* The buttons used for bbCode styling in message post 
input.button {
	BORDER-top: 1px solid #999;
	BORDER-left: 1px solid #999;
	BORDER-right: 1px solid #000;
	BORDER-bottom: 1px solid #000;
	FONT-WEIGHT: bold; FONT-SIZE: 8pt;
	CURSOR: hand; 
	CURSOR: pointer; 
	COLOR: #000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px;
	BACKGROUND: url(images/button_bg.gif);
	background-color : #CCCCCC;
	color : #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #550066;
	border-bottom: 1px solid #550066;
}

	*/
/* The main submit button option */
input.mainoption {
	BORDER-top: 1px solid #999; 
	BORDER-left: 1px solid #999;
	BORDER-right: 1px solid #000; 
	BORDER-bottom: 1px solid #000;
	FONT-WEIGHT: bold; FONT-SIZE: 8pt;
	CURSOR: hand; 
	CURSOR: pointer; 
	COLOR: #000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND: url(images/buttonbg.gif);

	/*
	background: url(images/button_bg.gif);
	background-color : #FAFAFA;
	font-weight : bold;
	*/
}

/* None-bold submit button */
input.liteoption {
	BORDER-top: 1px solid #999; 
	BORDER-left: 1px solid #999;
	BORDER-right: 1px solid #000; 
	BORDER-bottom: 1px solid #000;
	FONT-WEIGHT: bold; FONT-SIZE: 8pt;
	CURSOR: hand; 
	CURSOR: pointer; 
	COLOR: #000; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND: url(images/buttonbg.gif);

	/*
	background-color : #FAFAFA;
	font-weight : normal;
	*/
}

/* a.bodylink:link,a.bodylink:active,a.bodylink:visited { color : #803b02; text-decoration:NONE;  }
a.bodylink:hover{ text-decoration:underline;} */






/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");

/* TUTOS Calendaring related CSS */

/*
 * Copyright 2002 by Antonio Romero
 * antonio.romero@mailpersonal.com
 *
 * Nuke Theme for TUTOS
 *
 * CVS Info: $Id: style.css,v 1.27 2005/07/16 14:11:25 venkatraj Exp $
 * $Author: venkatraj $
 *
 */

a:hover{
        text-decoration: underline;
        }

a.tickerlink:visited {
        color: #1e9ca0;
}

.nodeco {
		text-decoration: none;
}

div.message {
	margin-top: 20px;
	text-align: center;
}

.warn {
        font-weight: bold;
        color: red;
}

/* preformatted text */
.pre {
        background: #F0F0F0;
        color: black;
}

/* text found by search */
.found {
        color: #00F000;
}

.dinfo {
	font-weight: normal;
	font-size: 10px;
	color: black;
}

.desc {
		background: #F0F0F0;
		text-align: right;
/*      font-weight: bold; 
        color: black; */
}

.pagetitle {
        color: black;
        font-weight: bold;
        font-size: 20px;
}

.event {
	border: 1px solid #666666;
	background: #FDFFDD;
}

.calhead {
	font-family: Arial, Helvetica, San-serif;
	font-size: 18px;
}

.navigate {
		height: 25px;
        text-decoration: none;
     	background-color: #E2E2E2; 
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		border-bottom: 1px solid #666;
        font-size: 12px;
}

.state0 {
        background: #F0F000;
}

.text0 {
        color: #d8842b;
        font-size: 10px;
}

.state1 {
        background: #00BB00;
}

.text1 {
        color: #00FF00;
        font-size: 10px;
}

.state2 {
        background: #FF0000;
}

.text2 {
        color: #FF0000;
        font-size: 10px;
}

.headline {
        background: #cfcfbb;
        color: black;
}

.daytime {
        background: #EEE;
		border-bottom: 1px solid #ddd;
}

.weekhead {
        background: #f5f5f5;
		border: 1px solid #ddd;
}

/* line color 1 in overviews */
.line0 {
        background-color: #ffffff;
		border-bottom: 1px solid #ddd;
}

.line1 {
        background-color: #ffffff;
		border-bottom: 1px solid #ddd;
}

/* line color 2 in overviews */
.line2 {
/*        background-color: #dedebb; */
        background-color: #ffffff;
		border-bottom: 1px solid #ddd;
}

/* not started task */
.task0 {
        background: #efefef;
        color: black;
        font-size: 10px;
}

/* ongoing task */
.task1 {
        background: #a0e0a0;
        color: black;
        font-size: 10px;
}

/* finished task */
.task2 {
        background: #DDFFDD;
        color: black;
        font-size: 10px;
}

/* overdue task */
.task3 {
        background: #e07777;
        color: black;
        font-size: 10px;
}

/* task done */
.taskdone {
        background: green;
        color: black;
        font-size: 10px;
}

/* task to do */
.tasktodo {
        background: #E00000;
        color: black;
        font-size: 10px;
}

/* task too much time */
.taskmuch {
        background: red;
        color: black;
        font-size: 10px;
}

/* office */
.apploc0 {
        font-family: tahoma, verdana, arial, sans-serif;
        color: black;
        font-size: 11px;
}

/* out */
.apploc1 {
        font-family: tahoma, verdana, arial, sans-serif;
        color: black;
        font-size: 11px;
}

/* vacation */
.apploc2 {
        font-family: tahoma, verdana, arial, sans-serif;
        color: green;
}

/* sick */
.apploc3 {
        color: red;
}
/* Postponed */
.apploc4 {
        font-family: tahoma, verdana, arial, sans-serif;
        color: black;
        font-size: 11px;
}

/* option */
.apploc5 {
        font-family: tahoma, verdana, arial, sans-serif;
        color: black;
        font-size: 11px;
}
/* private */
.apploc6 {
        font-family: tahoma, verdana, arial, sans-serif;
        color: black;
        font-size: 11px;
}
/* Manager */
.prodrole1 {
        background: #e07777;
        color: black;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 11px;
}
/* 2.Manager */
.prodrole3 {
        background: #d07777;
        color: black;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 11px;
}
/* Developer */
.prodrole5 {
        background: #a099a0;
        color: black;
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 11px;
}

.holiday {
		background: #EEE;
        vertical-align: top;
        color: black;
        font-size: 12px;
}

.freeday {
		background: #FFFFFF;
        vertical-align: top;
        color: black;
        font-size: 12px;
}

.appday {
		background: #FFF;
        vertical-align: top;
        color: black;
        font-size: 12px;
}

.otherday {
		background: #fff;
        vertical-align: top;
        color: #666;
        font-size: 12px;
}

.today {
	background: #99ffff;
	vertical-align: top;
	color: #000;
	font-weight: bold;
}
/* class is given for getting the events in the mini calendar -Jaguar*/
.todayevent, .todayevent a{
	background: #99CC66;
	vertical-align: top;
	color: #FFFFFF;
	font-weight: bold;

}
.eventbold  {

	background: #FFCC66;
	vertical-align: top;
	color: #000;
	font-weight: bold;
}
.pending {

	background: #ffcccc;
	color: #000;
}

/* */



.week {
        color: black;
        background: #EEE;
        width: 4%;
        vertical-align: top;
}

.weekday {
		color: #FFF;
        background: #666;
}

.eventSep {
	border-bottom: 1px solid #CCC;
}

.app {
      /*  background: #e8ece8 ; */
        color: black;
        font-size: 11px;
}

.app0 {
        background: #f8fcf8 ;
        color: black;
        font-size: 10px;
}
/* out */
.app1 {
        background: #e8ece8 ;
        color: black;
        font-size: 10px;
}
/* vacation */
.app2 {
 	background: #e8dcd8 ;
        color: black;
        font-size: 10px;
}
/* sick */
.app3 {
	background: #d8ecd8 ;
        color: black;
        font-size: 10px;
}
/* Postponed */
.app4 {
	background: #d8dce8 ;
        color: black;
        font-size: 10px;
}
/* Option */
.app5 {
	background: #d8dce8 ;
        color: black;
        font-size: 10px;
}
/* Private */
.app6 {
        background: #e8ece8 ;
        color: black;
        font-size: 10px;
}
/* Birthday in Calendar*/
.birthday {
        background: #f0ece8 ;
        color: black;
        font-size: 10px;
}
/* not in calendar */
.note {
        background: yellow ;
        color: black;
        font-size: 10px;
}

.privapp {
	background: #ffdcd8;
	color: black;
	font-size: 10px;
}

/* one of 31 days in a horizontal list res_cal */
.monthday {
	font-size: 12px;
	font-weight: bold;
	width: 3%;
	text-align: center;
}

.heldmeeting {
	color: grey;
	font-size: 10px;
	text-decoration: line-through;
}

.heldmeeting a {
	color: grey;
	text-decoration: line-through;
}


ADDRESS {
        font-size: x-small;
}

TABLE.single {
        background: #666666;
}

.inner {
        background: #ffffff;
}

TABLE.outer {
		border: 1px solid #666;
		background: #DDD;
}

TABLE.formatted {
        margin: 0px;
        padding-left: 2px;
        padding-right: 3px;
}

TH.viewhead {
        color: black;
        background: #EEE;
        font-weight: bold;
}

SPAN.warn {
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: red;
}

IMG.menu {
	border: 0;
	width: 23;
	height: 17;
}

IMG.list {
	border: 0;
}

.vtigerbg {
   background-color: #FFFCDF;
}

#maintable {
   width: 100%;
   height: 100%;
   border: 0px solid;
   padding: 0px;
   margin: 0px;
}