/*********************************************************************************
 * 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.15 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.
 ********************************************************************************/
 

 
div.translucent {
     filter: alpha(opacity=55); -moz-opacity: .55; background-color:#ffffff; 

  }
  
div.notranslucent {
     filter: alpha(opacity=0); -moz-opacity: .0;z-index:2; position:absolute;

  }
 
div.container
    {
        height: 270px;
        overflow: auto;
	
		
    }
	

div.mslcontainer
    {
        height: 100px;
        overflow: auto;
  } 	


tbody.scrollerbody
    {
        height: 233px;
        overflow: auto;
		background-color: #FFFFFF;
		
    } 	

	
.mtptext
{
	border:0;
	background-color:#f5f5f5;
	text-align:right;
	height:15px;

}
	
	
tr.noScrollmtp
    {
        position:relative;
        top:expression(this.offsetParent.scrollTop); 
		FONT-WEIGHT: normal;
		FONT-SIZE: 7pt;
		COLOR: #000000;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		TEXT-DECORATION: none;
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		background-color: #ffffff;
		border-color: #C6D7EC;
       
    }
	
tr.noScroll
    {
       position:relative;
        top:expression(this.offsetParent.scrollTop); 
		FONT-WEIGHT: normal;
		FONT-SIZE: 7pt;
		COLOR: #000000;
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
		TEXT-DECORATION: none;
		border-top: 1px solid #FFF;
		border-left: 1px solid #FFF;
		background-color: #EEE;
		border-color: #AFC8E4;
       
    }
	
		
tr.noScrollnew
    {
        position:relative;
        top:expression(this.offsetParent.scrollTop); 
		background-color: #FFFFFF;
       
    }
tr.noScroll1
    {
         position:relative;
        top:expression(this.offsetParent.scrollTop); 
		background-color: #ECF1F9;
		border: 1px solid #FFFFFF;
       
    }
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: #3535A2; 
	text-decoration: none 
}
a:hover { 
	color: #000000; 
	text-decoration: underline 
}

td.consent { 
	color: #ff0000; 
}

.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; 
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
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}
A.currentTab {
	margin: 1px 0px 0px 0px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	COLOR: #FFF;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
A.currentTab:link {FONT-WEIGHT: bold;COLOR: #FFF;}
A.currentTab:active {FONT-WEIGHT: bold;COLOR: #FFF;}
A.currentTab:visited {FONT-WEIGHT: bold;COLOR: #FFF;}
A.currentTab:hover {FONT-WEIGHT: bold;COLOR: #FFF; TEXT-DECORATION: underline;}

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

.topStrip {
	background-color: #EEE;
	border-bottom: 1px solid #E0E0E0;
}
.topBar {
	height: 5;
	background-color: #6666CC;
	border-bottom: 1px solid #3F3FBC;
}
.moduleMenuBg {
	height: 20;
	background-color: #D1DFEF;
	border-bottom: 1px solid #AFC8E4;
}


.headerMenuBg {
	height: 30;
	background-color: #D1DFEF;
	border-bottom: 1px solid #AFC8E4;
	
}
.moduleMenu {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #95B6DB;
	TEXT-DECORATION: none;
}
A.moduleMenu:link {
	COLOR: #242471;
}
A.moduleMenu:visited {
	COLOR: #242471;
}
A.moduleMenu:hover {
	COLOR: #000000;
	TEXT-DECORATION: underline 
}
.moduleTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	COLOR: #242471;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}

.headerTitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #242471;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	TEXT-DECORATION: none;
}


.subMenu {
	    background: #D1DFEF;
	        border: 1px solid #AFC8E4;
	}
.sideBar {
	padding: 10;
	background-color: #F5F5F5;
}

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

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


.alphaBg {
	text-align: center;
	padding: 1px 5px 1px 5px;
	border: 1px solid #AFC8E4;
	background-color: #F5F5F5;
}
.onlyscreen
{
display: block;
}
.printerandscreen
{
display: none;
	
}

.formHeaderULine {
	border-bottom: 1px solid #000;
}
.formHeader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: red;
	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: #C6D7EC;
}
.formBorder {
	background-color: #C6D7EC;
	border: 1px solid #FFFFFF;
}
.newformBorder {
	background-color: #FFCCCC;
	border: 1px solid #FFFFFF;
}
.formOuterBorder {
	margin-top: 2px;
	border: 1px solid #AFC8E4;
	background-color: #FFFFFF;
}
.FormOuterBorderNew {
	margin-top: 2px;
	border: 1px solid #AFC8E4;
	background-color: #D1DFEF;
}
.formbackground {
	margin-top: 2px;
	border: 1px solid #AFC8E4;
	background-color: #ECF1F9;
}
.formSecHeader {
	padding-left: 2px;
	height: 20px;
	font-size: 11px;
	font-weight: bold ;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #D1DFEF;
}
.leftFormHeader { 
	BACKGROUND-COLOR: #AFC8E4;
	color: #FFF; 
	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: 1px solid #AFC8E4;
	background-color: #FFFFFF;
}
.leftFormBorder2 {
	border: 1px solid #AFC8E4;
	background-color: #FFFFFF;
}
.moduleListTitle {
	FONT-WEIGHT: normal;
	FONT-SIZE: 7pt;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #EEE;
}
.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: #F5F5F5; TEXT-ALIGN: right }
.dataTextLabel {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F5F5F5; TEXT-ALIGN: left }
.dataTextLabelNew {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #C0D9AF; TEXT-ALIGN: left }
.dataTextLabelNew2 {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #CFDBC5; TEXT-ALIGN: left }
.dataLabelnew {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F5F5F5; TEXT-ALIGN: left }
.tpLabel {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F5F5F5; }
.tpnLabel {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFA9A9; }

.dataLabelnew1{FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F5F5F5; TEXT-ALIGN: center }

.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: #AFC8E4}
.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: #F5F5F5}
.oddListRow { FONT-SIZE: 8pt; background-color: #FFFFFF }

.evenListRows { FONT-SIZE: 8pt; background-color:  #FFFFFF }
.oddListRows { FONT-SIZE: 8pt; background-color:#F5F5F5}

.rowodd { FONT-SIZE: 8pt;background-color: #D1DFEF}
.roweven { FONT-SIZE: 8pt;background-color: #D2DFFF}

.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: none }
A.listFormHeaderLinks:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none }
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: #EEEEEE;/*B3BDC6*/
	border: 1px solid #CCCCCC;
}
.calcResult {
	width: 100%;
	height: 25;
	background-color: #CCFFCC;
	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: #CCFFCC;
	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 */
A.tabLink:link {FONT-WEIGHT: bold;COLOR: #FFFFFF;TEXT-DECORATION: none;}
A.tabLink:active {FONT-WEIGHT: bold;COLOR: #FFFFFF;TEXT-DECORATION: none;}
A.tabLink:visited {FONT-WEIGHT: bold;COLOR: #FFFFFF;TEXT-DECORATION: none;}
A.tabLink:hover {FONT-WEIGHT: bold;COLOR: #FFFFFF;TEXT-DECORATION: none; }
/*a.tabLink:link{ color : #242471; }
a.tabLink:visited  { color : #242471; }
a.tabLink:active{color: #FFF;}
a.tabLink:hover		{ text-decoration: underline; color : #FFF; }*/
.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 #AFC8E4;
	background-color: #FFF;
}
.tabOn  a.tabLink {
	background-color: #FFF;
	color: #000;
}
.tabOn  A.tabLink:link {FONT-WEIGHT: bold;COLOR: #000;TEXT-DECORATION: none;}
.tabOn  A.tabLink:active {FONT-WEIGHT: bold;COLOR: #000;TEXT-DECORATION: none;}
.tabOn  A.tabLink:visited {FONT-WEIGHT: bold;COLOR: #000;TEXT-DECORATION: none;}
.tabOn  A.tabLink:hover {FONT-WEIGHT: bold;COLOR: #000;TEXT-DECORATION: none; }

.tabOff  A.tabLink:link {FONT-WEIGHT: bold;COLOR: #242471;TEXT-DECORATION: none;}
.tabOff  A.tabLink:active {FONT-WEIGHT: bold;COLOR: #242471;TEXT-DECORATION: none;}
.tabOff  A.tabLink:visited {FONT-WEIGHT: bold;COLOR: #242471;TEXT-DECORATION: none;}
.tabOff  A.tabLink:hover {FONT-WEIGHT: bold;COLOR: #242471;TEXT-DECORATION: none; }
.circularsTabOn {
	padding: 5;
	border-top: 1px solid #AFC8E4;
	border-bottom: 1px solid #AFC8E4;
	border-left: 1px solid #AFC8E4;
	border-right: 1px solid #AFC8E4;
	background-color: #AFC8E4;
	color: #FFF;
}
.tabOff {
	padding: 5;
	border-top: 1px solid #AFC8E4;
	border-left: 1px solid #AFC8E4;
	border-right: 1px solid #AFC8E4;
	border-bottom: 1px solid #AFC8E4;
	background-color: #ECF1F9;
}
.tabOff  a.tabLink {	
	color: #242471;
}
.tabContent {
	border-left: 1px solid #AFC8E4;
	border-right: 1px solid #AFC8E4;
	border-bottom: 1px solid #AFC8E4;
}
.tabStart {
	border-right: 1px solid #AFC8E4;
	border-bottom: 1px solid #AFC8E4;
}
.tabEnd {
	border-left: 1px solid #AFC8E4;
	border-bottom: 1px solid #AFC8E4;
}

.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 #DBE6F2;
}
.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 #DBE6F2;
	border-bottom: 1px solid #DBE6F2;
	background: #DBE6F2;
}
.rptTitle {
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	background: #2C527C;
	color: #FFF;
}
.rptGrpHead {
	background: #FFF;
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #DBE6F2;
	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 #DBE6F2;
}

/*
  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 : #3535A2; }
a:hover		{ text-decoration: underline; color : #ff0000; }
a.headerlink:link,a.headerlink:active,a.headerlink:visited { color : #000000; }
a.headerlink1:link,a.headerlink1:active,a.headerlink1:visited { color : #000000; }
a.headerlink:hover		{ text-decoration: underline; color : #000000; }
a.headerlink1:hover		{ text-decoration: underline; color : #000000; }
hr	{height: 0px; border: solid #000000 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 dashed #CCCCCC;}

/* Main table cell colours and backgrounds */
td.row1	{ background-color: #F5F5F5; }
td.row2	{ background-color: #ECF1F9; }
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: #F5F5F5;  }
td.altrow2	{ background-color: #ECF1F9;  }
td.altrow3	{ background-color: #FFFFFF; }

/*
  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: #FFE3BB;
/*		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-color: #E0E0E0; 
	height: 25px;
}

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

/*
  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; border: #FFFFFF; border-style: solid; height: 28px; }
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: #3535A2; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #000000; text-decoration: underline; }


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


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


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

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


/* 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 : #3535A2;}
a.nav			{ text-decoration: none; color : #3535A2; }
a.nav:hover		{ text-decoration: underline; color : #000000; }
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 : #3535A2; }
a.topictitle:visited { text-decoration: none; color : #3535A2; }
a.topictitle:hover	{ text-decoration: underline; color : #000000; }


/* 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 : #3535A2 }
a.postlink:visited { text-decoration: none; color : #3535A2; }
a.postlink:hover { text-decoration: underline; color : #000000}


/* 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: #3535A2; text-decoration: none;}
a.copyright:hover { color: #000000; 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 {
	background-color : #FFFFFF;
}

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

/* The buttons used for bbCode styling in message post */
input.button {
	BORDER-WIDTH: 1PX;
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 

	/*
	color: #000000;
	
	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;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	*/
}

/* Added By Chandan*/
input.btn{
   color:#242471;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   border: 1px emboss;
   background-color: #ECF1F9;
   border-color: #AFC8E4;
   text-align:center;
}
.tableheader{
			  color:#242471;
			  font-weight: bold;	
			  background-color: #C6D7EC;
			}
	
select.selectopt{
   /*color:#ECF1F9;*/
   border: 1px solid;
   border-color: #AFC8E4;
 
   }
   
   


/* The main submit button option */
input.mainoption {
	BORDER-WIDTH: 1px; 
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	BACKGROUND-COLOR: #333366;
}

/* None-bold submit button */
input.liteoption {
	BORDER-WIDTH: 1px; 
	FONT-WEIGHT: bold; FONT-SIZE: 8pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	FONT-SIZE: 11px; 
	BACKGROUND-COLOR: #333366;
}

/* 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: #FFFFCC; 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.15 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: #F5F5F5;
		text-align: right;
/*      font-weight: bold; 
        color: black; */
}

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

.event {
	border: 1px solid #2C527C;
	background: #E6FAD8;
}

.calhead {
	font-family: Arial, Helvetica, San-serif;
	font-size: 18px;
}
.navigate {
		height: 25px;
        text-decoration: none;
     	background-color: #ECF1F9; 
        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: #ECEDF0;
		border-bottom: 1px solid #C7D8EB;
}

.weekhead {
        background: #ECF1F9;
		border: 1px solid #C7D8EB;
}

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

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

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

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

.leave {
		background: #99CCFF;
        vertical-align: top;
        color: black;
        font-size: 12px;
}.notfiled {
		background: #FF3300;
        vertical-align: top;
        color: black;
        font-size: 12px;
}
.holiday {
		background: #FFCC00;
        vertical-align: top;
        color: black;
        font-size: 12px;
}
.holiday1 {
		background: #CC99FF;
        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: #99FF66;
	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: #DBE6F2;
        width: 4%;
        vertical-align: top;
}

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

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

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


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

.inner {
        background: #ffffff;
}

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

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

TD {
/*
        color: black;
        font-family: tahoma, arial, verdana, sans-serif;
        font-size: 12px;
*/
}

TH.viewhead {
        color: black;
		border-top: 1px solid #FFF;
        background: #ECEDF0;
        font-weight: bold;
}

INPUT {
/*
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 12px;
      	border-style: none; 
        color: black;
*/
}

SELECT {
/*
        font-family: tahoma, verdana, arial, sans-serif;
        font-size: 12px;
        border-style: none;
        color: black;
*/
}

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;
}
.phone{
	background-image: url(images/mobile.jpg);
	width: 224px;
	height: 366px;
	position:absolute;
	left:400px; 
	top:250px; 
	border: solid 1px #AFC8E4; 
	padding-bottom: 0px;
}
.boldlabel {
	color: #242471;	
	font-size: 11px;
	font-weight: bold;
}
.inputout {
	border: solid 1px #242471;
	width: 350px;
}
.inputoutsmall {
	border: solid 1px #242471;
	width: 200px;
}
.bday {
	color: orange;
	font-family: Arial, Verdana;
	font-size: 20px;
	font-weight: bold;
	background-color: black;
	height:80px;
	/*border: 3px solid aqua;*/
}
.greet {
	color: red;
	font-family: Arial, Verdana;
	font-size: 50px;
	font-style: italic;
	font-weight: bold;
}
a.proceed:link, a.proceed:visited, a.proceed:hover, a.proceed:active {
	font-size: 12px;
	font-weight: bold;
	color: red;
}
div.imailpopup {
	filter: alpha(opacity=55); -moz-opacity: .55; background-color: black;
     /*background-color:#ffffff; */
}
.popup_button {
  color: white;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   background-color: #0099FF;
   border: 1px solid;
   border-color: #000099;
   /*border-left-color: #AFC8E4;
   border-right-color: #AFC8E4;
   border-bottom-color: #AFC8E4;  */
}

/*****
*Calendar specific css starts
*
*
*/


table.monthview    {
	width: 98%;
	background-color: #D1DFEF;
	color: #D1DFEF;
	border: 1px thin;
	border-collapse: separate;
	border-spacing: 1px;
	padding: 0px;
	spacing: 1px;
	}

	td.monthview    {
	background-color: #D1DFEF;
	color: #D1DFEF;
	height: 30px;
	

	}

	td.sundaytopcolor    {
	height: 50px;
	color: #D3E6F5;
	background-color: #D3E6F5;
	width: 14%;	
	
	
	}

	td.weekdaytopcolor    {
	height: 50px;
	color: #ECF1F9;
	background-color: #D3E6F5;
	width: 14%;
	}

	td.sundayemptyclr    {
	height: 50px;
	background-color: #FFFFFF;
	}

	td.weekdayemptyclr    {
	height: 50px;
	background-color: #FFFFFF;
	}

	td.sundayclr    {
	height: 50px;
	background-color: #D3E6F5;
	}

	td.weekdayclr    {
	height: 50px;
	background-color: #ECF1F9;
	}
	
	td.todayclr    {
	background-color: #FFFF99;
	}
	table.listing {
	width: 98%;
	border-width: 0;
	background-color: #FFFFFF;
 	}

	hr.cal    {
	height: 1px;
	background-color: #6666CC;
	border: #6666CC;
	color: #6666CC;
	border: 0px;
	border-style: none;
	}

	li.cal    {
	list-style-type: plain;
	}

/* Header Font */
	div.headerfont {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 16;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: bold;
	}

	table.headerfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 16;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: bold;
	width: 98%;
	}

	td.headerfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 16;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: bold;
	}

	a.headerfont:link    {
	color: #000000;
	text-decoration: none;
	}

	a.headerfont:visited    {
	color: #000000;
	}

	a.headerfont:hover    {
	color: #000000;
	text-decoration: underline;
	}

/* Title Font */
	/* for event titles : same as popup window title */
	div.titlefont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	background-color: #ECF1F9;
	}

	table.titlefont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: bold;
	width: 98%;
	}

	td.titlefont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: bold;
	}

	a.titlefont:link    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}

	a.titlefont:visited    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	}

	a.titlefont:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	font-style: normal;
	font-weight: bold;
	text-decoration: underline;
	}


/* Alternating Row and Unapproved Events Color */
	tr.color0 { background-color: #D3E6F5; }
	tr.color1 { background-color: #ECF1F9; }
	tr.unapprovecolor { background-color: #FF9999; }

/* Lines and Boxes */
	table.txtbox    {
	border: solid #999999;
	border-width: 1;
	}

/* Calendar Top Header Font */
	table.todaytop    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #884422;
	font-size: 12;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: normal;
	width: 98%;
	}

	td.todaytop    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #884422;
	font-size: 12;
	background-color: #ECF1F9;
	font-style: normal;
	font-weight: normal;
	}

	/* menu table background color */
	table.menufont    {
	background: #ECF1F9;
	width: 98%;
	}

/* Calendar Footer Font */
	table.footer {
	background-color: #ECF1F9;
	width: 100%;			
 	}
 	
	td.footer {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000066;
	font-size: 10;
	background-color: #ECF1F9;
	font-style: italic;
	font-weight: normal;
 	}
 	
 	a.footer {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000066;
	font-size: 10;
	font-style: italic;
	font-weight: normal;
  	}

 	a.footer:visited {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000066;
	font-size: 10;
	font-style: italic;
	font-weight: normal;
  	}

	a.footer:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000066;
	font-size: 10;
	font-style: italic;
	font-weight: normal;
	text-decoration: underline;
	}

/* Format event borders in calendar month view */
	table.eventborder    {
	border: solid #D0C0C8;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1;
	}

	td.eventborder    {
	border: solid #D0C0C8;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	}

	td.eventtimeborder    {
	border: solid #D0C0C8;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 1;
	border-bottom-width: 0;
	}

/* Company Name Font */
	div.companynamefont {
	font-family: Verdana,Arial,Helvetica;
	color: #FFFFFF;
	font-size: 24;
	background-color: #333366;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 100%;
	margin: auto;				
	}

/* Calendar Name Font */
	div.calendarnamefont {
	font-family: Verdana,Arial,Helvetica;
	color: #333366;
	font-size: 18;
	background-color: #FFFFFF;
	font-style: normal;
 	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 100%;
	margin: auto;			
	}

/* Popup Event Title Font */
	div.popupeventtitlefont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 14;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	}

/* Popup Event Content Font */
	div.popupeventfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	}

/* Menu Text Font */
	div.menufont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	a.menufont:link    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	a.menufont:visited    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	}

	a.menufont:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

/* Normal Text Font */
	div.normalfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	table.normalfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	td.normalfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	a.normalfont:link    {
	color: #000000;
	text-decoration: none;
	}

	a.normalfont:visited    {
	color: #000000;
	}

	a.normalfont:hover    {
	color: #000000;
	text-decoration: underline;
	}

	a.name:hover    {
	color: #000000;
	text-decoration: none;
	}

/* Calendar Day Name Font */
	div.dayfont  {
	font-family: Arial,Helvetica,Sans Serif;
	color: #884400;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

/* Calendar Date Numbers Font */
	div.datenumfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	}

	a.datenumfont    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	}

	a.datenumfont:visited    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	}

	a.datenumfont:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

/* Month Navigation Font */
	a.calfontnav    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 18;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	a.calfontnav:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 18;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

	a.calfontnav:visited    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 18;
	font-style: normal;
	font-weight: normal;
	}

/* Current Month Font */
	div.calfontasked    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 24;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	}

	a.calfontasked    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 24;
	font-style: normal;
	font-weight: normal;
	}

	a.calfontasked:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 24;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

	a.calfontasked:visited    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #6666CC;
	font-size: 24;
	font-style: normal;
	font-weight: normal;
	}

/* Small Event Font */
	div.smallcalevtime    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 10;
	font-style: normal;
	font-weight: normal;
	}

	div.smallcalev    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #0020A0;
	font-size: 10;
	font-style: normal;
	font-weight: normal;
	}

	a.smallcalev    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #0020A0;
	font-size: 10;
	font-style: normal;
	font-weight: normal;
	}

	a.smallcalev:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #0020A0;
	font-size: 10;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

/* Holiday Font */
	table.holidayfont {
	  background-color : #277CB2;
	}
	
	td.holidayfont {
	  background-color : #277CB2;
 	}
 	
	a.holidayfont {
	font-family: Arial,Helvetica,Sans Serif;
	color: #FFFFFF;
	font-size: 10;
	background-color : #277CB2;
	font-style: normal;
	font-weight: normal;
	}

	a.holidayfont:hover {
	font-family: Arial,Helvetica,Sans Serif;
	color: #FFFFFF;
	font-size: 10;
	background-color : #277CB2;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}
	
	a.holidayfont:visited {
	font-family: Arial,Helvetica,Sans Serif;
	color: #FFFFFF;
	font-size: 10;
	background-color : #277CB2;
	font-style: normal;
	font-weight: normal;
	}

/* Listing Block Title Font */
	div.blocktitlefont    {
	font-family: Arial,sans-serif,Helvetica;
	color: #FFFFFF;
	font-size: 15;
	background-color: #330099;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	}

/* Listing Block Events Text Font */
	div.blocktextfont    {
	font-family: Arial,sans-serif,Helvetica;
	color: #000000;
	font-size: 12;
	background-color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	}

/* Message to signal progress, errors or failed results */
	h4  {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	font-style: italic;
	font-weight: normal;
	text-decoration: blink;
	}

/* Small Cal Month Font */
	table.smallcalmth    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	width: 98%;
	}

	div.smallcalmth    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	}

	a.smallcalmth    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	}

	a.smallcalmth:visited    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	}


	a.smallcalmth:hover    {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 13;
	font-style: normal;
	font-weight: normal;
	text-decoration: underline;
	}

	td.smallcalmth    {
	background-color: #D0D0D0;
	}

/* Form Objects */
	form { display: inline; margin: 0; }
	
	input, textarea, select {
	font-family: Arial,Helvetica,Sans Serif;
	color: #000000;
	font-size: 12;
	background-color: #FFFFFF;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	}
	
	input.button {
	font-family: Arial,Helvetica,Sans Serif;
	color: #FFFFFF;
	font-size: 12;
	background-color: #6666CC;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
 	}
	
	input.lbutton {
	font-family: Arial,Helvetica,Sans Serif;
	color: #FFFFFF;
	font-size: 12;
	background-color: #0077d4;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
 	}

	input.radio {
	background-color: #ECF1F9;
	}

	input.checkbox0 {
	background-color: #D3E6F5;
	}

	input.checkbox1 {
	background-color: #ECF1F9;
	}

	a.menu {
		border-top : 1px #00FFFF solid;
		border-left : 1px #00FFFF solid;
		border-right : 1px #00FFFF solid;
		border-bottom : 1px #00FFFF solid;
		font-size: 12;
		font-family: Arial, sans-serif, Helvetica;
		color: #0000FF;
		padding-left: 2px;
		padding-right: 2px;
		}
	a.menuover {
		background-color: #FFFF80;
		border-top : 1px #0000FF solid;
		border-left : 1px #0000FF solid;
		border-right : 1px #0000FF solid;
		border-bottom : 1px #0000FF solid;
		font-size: 12;
		font-family: Arial, sans-serif, Helvetica;
		color: #0000FF;
		padding-left: 2px;
		padding-right: 2px;
		font-family: Arial,Helvetica,Sans Serif;
		}
/* begin css tabs */
 
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #6666CC; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 body#tab5 li.tab5 body#tab6 li.tab6{ /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a body#tab5 li.tab5 a body#tab6 li.tab6 a{ /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 5px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #6666CC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #fff; /* set unselected tab background color as desired */
color: #6666CC; /* set unselected tab link color as desired */
margin-right: 3px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #ECF1F9; /* set desired hover color */
}
/* end css tabs */