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

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

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



h3{

margin:0;
padding:0;
color: #006600;

}


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 { 

	color: #CC3300;

	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-width: 1px;

	padding: 1px;

	background-color: #066;

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

	font-size: 10px;

	font-weight: bold;

	color: #FFF;

}

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}



.topBorder {

	border-bottom: 1px solid #FFFFFF;

}



.currentTabBg {

	height: 23;

	background-color: #CC9;

	border-left: 1px solid #FFF;

	border-top: 1px solid #FFF;

	border-right: 1px solid #333;	

	text-align: center;

}



.otherTabBg {

	height: 23;

/*	background-color: #005959; */

	border-bottom: 1px solid #FFF;

	text-align: center;

}



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:#FFF;}

A.otherTab:active {FONT-WEIGHT: bold;COLOR:#FFF;}

A.otherTab:visited {FONT-WEIGHT: bold;COLOR:#FFF;}

A.otherTab:hover {FONT-WEIGHT: bold;COLOR:#FFF;TEXT-DECORATION: underline;}



a.toplink,a.toplink:link,a.toplink:visited {

	color: #FFFFFF;

	text-decoration: none;

}

a.toplink:hover {

	color: #FFFFFF;

	text-decoration: underline;

}



.topBand {

	background: #006666;

}

.topBar {

	background-color: #CC9;

	border-bottom: 1px solid #999;

	height: 20;

}



.sideBar {

	background: #FBFBF4;

	border-right: 1px solid #E1E1C4;

}

.contentBorder {
	border-top: 1px solid #E1E1C4;
	border-bottom: 1px solid #E1E1C4;

}



.moduleMenuBg {

	height: 20;

	background: #FBFBF4;

	border-bottom: 1px solid #E1E1C4;

}

.moduleMenu {

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: normal;

	FONT-SIZE: 10px;

	COLOR: #CC9;

	TEXT-DECORATION: none;

}

A.moduleMenu:link {

	COLOR: #336;

}

A.moduleMenu:visited {

	COLOR: #336;

}

A.moduleMenu:hover {

	COLOR: #C30;

	TEXT-DECORATION: underline 

}

.moduleTitle {

	FONT-WEIGHT: bold;

	FONT-SIZE: 11pt;

	COLOR: #000000;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

}
.subMenu {
	/*    background: #FBFBF4;*/
	    background: #EBEBD6;
	        border: 1px solid #E1E1C4;   
	}
.hline {

	border-bottom: 1px solid #FFD125;

}
.uline {
	border-bottom: 1px solid #E7E7CF;
}

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

.formHeader {

	BACKGROUND-COLOR: #006666;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	FONT-WEIGHT: bold;

	FONT-SIZE: 11px;

	COLOR: #FFF;

	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-color: #D8D8B1; 

}

.formOuterBorder {

	border: 1px solid #E1E1C4;

	background: #FFFFFF;

}

.formSecHeader {

	padding-left: 2px;

	height: 20px;

	font-size: 11px; 

	font-weight: bold ;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	BACKGROUND-COLOR: #E7E7CF;

	COLOR: #000000;

}

.leftFormHeader { 

	border: 1px solid #E1E1C4;

	background-color: #E7E7CF;

	padding-left: 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;

}

.leftFormBorder1 {



}

.leftFormBorder2 {



}



.moduleListTitle {

	FONT-WEIGHT: normal;

	FONT-SIZE: 7pt;

	COLOR: #000000;

	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;

	TEXT-DECORATION: none;

	background-color: #E7E7CF;

}

.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: #F4F4F1; 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: #333333}

.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: #F4F4F1; }

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



.required {

	color: #FF0000;

	font-weight: bold;

}



.error{

	color: #FF0000;

	font-weight: bold;

}



.listFormLinks 			{ FONT-WEIGHT: lighter; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }

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

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

A.listFormLinks:hover 	{ FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; 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: #666;*//*BFC1B7*/
	background: url(images/cal_bg.gif);
	border: 1px solid #009900;
}
.calcResult {
	width: 100%;
	height: 25;
	background-color: #FFFFCC;/*CBDFD6*/
	border-top: 1px solid #CCC;
	border-left: 0px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 12;
	text-align: right;
}
.calcMem {
	width: 100%;
	height: 25;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 0px;
	border-bottom: 1px solid #CCC;
	background-color: #FFFFCC;/*CBDFD6*/
	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;
	/*background-color: #CCC;*/
}

/* 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 #D1D1A5;
	background-color: #FFF;
}
.tabOff {
	padding: 5;
	border-top: 1px solid #D1D1A5;
	border-left: 1px solid #D1D1A5;
	border-right: 1px solid #D1D1A5;
	border-bottom: 1px solid #D1D1A5;
	background-color: #EFEFDE;
}
.tabContent {
	border-left: 1px solid #D1D1A5;
	border-right: 1px solid #D1D1A5;
	border-bottom: 1px solid #D1D1A5;
}
.tabStart {
	border-right: 1px solid #D1D1A5;
	border-bottom: 1px solid #D1D1A5;
}
.tabEnd {
	border-left: 1px solid #D1D1A5;
	border-bottom: 1px solid #D1D1A5;
}

.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;
}
.heldmeeting {
	color: grey;
	font-size: 10px;
	text-decoration: line-through;
}

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


/* Reports Related */
.rptTable {
	border-left: 1px solid #E7E7CF;
}
.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 #E7E7CF;
	border-bottom: 1px solid #E7E7CF;
	background: #E7E7CF;
}
.rptTitle {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #066;
	color: #FFF;
}
.rptGrpHead {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #E7E7CF;
	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 #E7E7CF;
}

/*

  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 : #CC3300; }

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 : #CC3300; }

a.headerlink1:hover		{ text-decoration: underline; color : #CC3300; }

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: #FBFBF4; 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: #FBFBF4; }

td.row2	{ background-color: #F5F5E7; }

td.row3	{ background-color: #FBFBF4; }



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

td.altrow2	{ background-color: #F5F5E7;  }

td.altrow3	{ background-color: #FBFBF4; }



/*

  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: #E7E7CF;

/*		background-image: url(images/cellpic2.jpg); 

		background-repeat: repeat-y; */

}



/* This for alternate colored rows in portal right box */

td.bglaternate1	{

background-color: #FBFBF4;

height: 25px;

}

td.bglaternate2	{

background-color: #FFFFFF;

height: 25px;

}



/* Header cells - the blue and silver gradient backgrounds */

th {

	color: #FFFFFF; font-size: 11px; font-weight : bold;

	background: #006666; height: 25px;

}



td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

	background-color: #E7E7CF; 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 : #FFFFFF; height: 26px; }

td.row3Right {

	background-color: #F5F5E7; border: #FFFFFF; border-style: solid; }

td.spaceRow {

	background-color: #E9E9C0; 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: #CC3300; text-decoration: underline; }





/* The register, login, search etc links at the top of the page */

.mainmenu		{ font-size : 10px; color : #333366; }

a.mainmenu		{ text-decoration: none; color : #333366;  }

a.mainmenu:hover{ text-decoration: underline; color : #CC3300; }





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



/* Table Head: Text and link to the forums used in: index.php */

.tablehead		{ font-weight: bold; font-size: 11px; color : #FFFFFF; }

a.tablehead 	{ text-decoration: none; color : #FFFFFF; }

a.tablehead:hover{ text-decoration: underline; color : #FFFFFF; }



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



/* 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: #E7E7CF; border-bottom: 1px solid #CCCCCC;}





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

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 : #CC3300; }





/* 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 : #CC3300}





/* 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-width: 1px;

	padding: 1px;

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

	font-size: 10px;

	font-weight: bold;

}



/* The main submit button option */

input.mainoption {

	border-width: 1px;

	padding: 1px;

	background-color: #066;

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

	font-size: 10px;

	font-weight: bold;

	color: #FFF;

}



/* None-bold submit button */

input.liteoption {

	border-width: 1px;

	padding: 1px;

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

	font-size: 10px;

	font-weight: bold;

}



/* 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.26 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: #F4F4F1;
		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: #EBEBD6; 
        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: #F0F0E1;
		border-bottom: 1px solid #E2E2C2;
}

.weekhead {
        background: #F0F0E1;
		border: 1px solid #E2E2C2;
}

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

/* line color 1 in overviews */
.line1 {
        background: #fff;
		border-bottom: 1px solid #E2E2C2;
}

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

/* 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: #EBEBD6;
        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;
}
/* classes are added for displaying 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: #EBEBD6;
        width: 4%;
        vertical-align: top;
}

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

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

.app {
        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;
}

ADDRESS {
        font-size: x-small;
}

TABLE.single {
        background: #E1E1C4;
}

.inner {
        background: #ffffff;
}

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

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

TH.viewhead {
        color: #000000;
		border-top: 1px solid #FFF;
        background: #EBEBD8;
        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;
}
