/*********************************************************************************
 * The contents of this file are subject to the Mozilla ERP 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:  T3 CRM ERP
 * The Initial Developer of the Original Code is T3 CRM ERP, Inc.
 * Portions created by T3 CRM ERP are Copyright (C) T3 CRM ERP, Inc.;
 * All Rights Reserved.
 * Contributor(s): ______________________________________.
 ********************************************************************************/
/*********************************************************************************
 * $Id: style.css,v 1.19 2005/05/30 07:45:27 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.
 ********************************************************************************/


.clicksearch
{


width:103px;height:30px;

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

background-position:left 0;

background-repeat:no-repeat;

}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

/*.clicksearch
{


float:cursor:pointer;width:103px;height:30px;line-height:15px;

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

background-position:left 0;

background-repeat:no-repeat;

}*/
body {
	
	background-color: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
table       
 { 
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.assignmentbg 													/**************************Top bg color***************************/
{
/*background-image: url(images/assignmentbg.jpg);
background-repeat: repeat-x;*/
border-top-left-radius:5px;
border-top-right-radius:5px;
background-color:#aeb5c4;
height: 28px;
width: auto;


background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.13, #F0F0F0),
	color-stop(1, #9E9E9E)
);
background-image: -o-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: -moz-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: -webkit-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: -ms-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: linear-gradient(to bottom, #F0F0F0 13%, #9E9E9E 100%);
}

a { 
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333366; 
text-decoration: none;
cursor:pointer;
}
.table_border_vertical {
	background-image: url(images/dot.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 1px;
}
.table_border_horizontal {
	background-image: url(images/dot.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: auto;
}
a:hover { 
	text-decoration: underline;
}
.home_box_design
{
	height:102px;
	width:90%;
	border:solid thin #CCC;
	margin:5px;
	float:left;
	
}
.home_box_design1
{
	height:120px;
	width:32%;
	border:solid thin #CCC;
	margin:5px;
	float:left;
	
}

.home_box_design .inside_box1
{
	height:15px;
	font-size:12px;
	color:#333;
	font-weight:bold;	
	background-color:#E6E6E6;
	padding:5px;
}
.home_box_design .inside_box11
{
	height:15px;
	font-size:12px;
	color:#333;
	font-weight:bold;	
	background-color:#0000FF;
	padding:5px;
}

.home_box_design .inside_box2
{
	height:70px;
	font-size:12px;
	color:#333;
	font-weight:bold;	
	padding:5px;
}
.inside_box2 h1
{
	font-size:25px;
	color:#333;
	margin:0px;
	padding:0px;
}

.inside_box2 p
{
	font-size:11px;
	color:#333;
	padding-top:0px;
	margin-top:0px;
}

.welcome     { 
	color: #FFFFFF; 
	font-weight: bold 
}
.welcome a:link   { 
color: #FFFFFF;
cursor:pointer;
}
.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 {
	
border:1px solid #999999;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 3px;
font-size:13px;
font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
padding: 5px;
text-decoration:none;
display:inline-block;
text-shadow: 0px 0px 0 rgba(255,255,255,0.3);
font-weight:bold;
color: #000000;
background-color: #f4f5f5;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
cursor:pointer;


}

INPUT.button:hover{
border:1px solid #bfc4c4;
background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}


input.buttonsave{
border:1px solid #d7dada; -webkit-border-radius: 0px; -moz-border-radius: 0px;border-radius: 0px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 3px 5px 3px 5px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3);font-weight:bold; color: #000000;
background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}




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;
cursor:pointer;
cursor:pointer;
}

SELECT { FONT-SIZE: 8pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

.tabOffBorder {
/*border-bottom: 1px solid #ff0000;*/
}
.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: 600;
	FONT-SIZE: 18px;
	/*	BACKGROUND-COLOR: #0057AE; */
COLOR: #000;
	FONT-FAMILY: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	TEXT-DECORATION: none;
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	padding-bottom: -10px;
	margin-left: 0px;
}
.formFooter {
	FONT-WEIGHT: normal;
	COLOR: #FFFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	background-color: #E2E2E2;
}
.formBorder {
	width:100%;
	background-color: #F3F3F3;/*background: url(images/formborder.gif);*/
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top, #f2f2f2 0%, #ffffff 50%, #ededed 89%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#ffffff), color-stop(89%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f2f2f2 0%,#ffffff 50%,#ededed 89%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f2f2f2 0%,#ffffff 50%,#ededed 89%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f2f2f2 0%,#ffffff 50%,#ededed 89%); /* IE10+ */
	background: linear-gradient(to bottom, #f2f2f2 0%,#ffffff 50%,#ededed 89%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ededed',GradientType=0 );
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-left-color: #999;
}
.formBorder1 {
	border: 1px solid #000;
	background: url(images/formborder1.gif);
}
.formOuterBorder {
	border-bottom-left-radius:7px;
    border-radius: 1px;
    width: 100%;
    padding-right: 1.5px;
    padding-left: 0.5px;
    margin-right: 0.5px;
    margin-left: auto;
    position: relative;
    /* display: flex; */
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
	border-bottom:1px solid rgba(153,153,153,1);
	border-left:1px solid rgba(153,153,153,1);
	border-right:1px solid rgba(153,153,153,1);
	border-top:1px solid rgba(153,153,153,1);
    /*border: 1px solid rgba(0,0,0);*/
   
}
.emailformOuterBorder {
	border: 1px solid #000000;
}
.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;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height: 25px;
	
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.13, #F0F0F0),
	color-stop(1, #9E9E9E)
);
background-image: -o-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: -moz-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: -webkit-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: -ms-linear-gradient(bottom, #F0F0F0 13%, #9E9E9E 100%);
background-image: linear-gradient(to bottom, #F0F0F0 13%, #9E9E9E 100%);

}
.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;
	height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	background: #e8e8e8; /* Old browsers */
background: -moz-linear-gradient(top, #e8e8e8 0%, #ffffff 51%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(51%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e8e8e8 0%,#ffffff 51%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e8e8e8 0%,#ffffff 51%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e8e8e8 0%,#ffffff 51%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 51%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}
.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; font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }
.dataLabel {padding-top:calc(-2.625rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:14px;line-height:1.1; text-align:left; padding-left:4px; width:217px; font-weight:600; font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";BACKGROUND-COLOR: #e2e2e2;}
.dataLabel_search {padding-top:calc(-2.625rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:14px;line-height:1.1; text-align:left; padding-left:4px; white-space:pre; width:100; font-weight:600; font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
.dataLabel1 {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F0F0F0; TEXT-ALIGN: left }
.dataLabel2 {FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left }

textarea#proposal_structure_name0 {
width: 400px;
border: 1px solid #cccccc;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

textarea.textarea_postsales {
width: 200px;
border: 1px solid #cccccc;
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.dataField { FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Source Sans Pro,Helvetica Neue,Helvetica,Arial,sans-serif; 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; height:30px; }
.evenListRow:hover {
	FONT-SIZE: 8pt;
	color: #FFF;
	background-color: #DBDBDB;
}
.oddListRow { FONT-SIZE: 8pt; background-color: #FFFFFF; height:30px;  }
.oddListRow:hover {
	FONT-SIZE: 8pt;
	background-color: #DBDBDB;
	color: #FFF;
	text-decoration: none;
}


.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;
	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;
	font-size:15px;
/*	
	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: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" }
/*
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;
	width:100%;
	
}

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.19 2005/05/30 07:45:27 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: #FFF;
		vertical-align: top;
		color: #CC0000;
}

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

ADDRESS {
        font-size: x-small;
}
.txtcolumn_heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 11px;
	background-color:#1274C0;
	border: 1px solid #000000;
}
.txtrow_value {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	border: 1px;
}

.txtcolomnname 
{
FONT-WEIGHT: normal; 
FONT-SIZE: 8pt; 
COLOR: #000000; 
LINE-HEIGHT: 16px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
TEXT-ALIGN: right;
}
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;
}

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

.formSecHeader {
	PADDING-LEFT: 8px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 15px; 
	FONT-FAMILY: "Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; 
	HEIGHT: 30px; 
	BACKGROUND-COLOR: #7971717a;
	
}
.reportHeader {
	border: 1px solid #666;
	background: url(images/tab.separator.end.gif);
	color: #fff;
	font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size:16px;
}

.reportHeader2 {
	border: 1px solid #666;

	background-color:#507097;
	color: #000;
}

.rptSmallBHead{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 9px;
	font-weight: bold;
	height: 20px;
	padding: 4px;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: #E2E2E2;
}
.rptSmallHead{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 9px;
	font-weight: normal;
	height: 20px;
	padding: 4px;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	background: #E2E2E2;
}

.rptSmallItem {FONT-WEIGHT: normal; font-size: 9px; COLOR: #000000; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #F0F0F0; TEXT-ALIGN: left }


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


#main_div
{
	height:auto;
	width:300px;
	
}
#buttont1 a:link
{
	text-decoration:none;
}


#buttont1
{
	background: -moz-linear-gradient(270deg, rgba(192,192,192,1) 0%, rgba(242,242,242,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(192,192,192,1)), color-stop(100%, rgba(242,242,242,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(192,192,192,1) 0%, rgba(242,242,242,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(192,192,192,1) 0%, rgba(242,242,242,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(192,192,192,1) 0%, rgba(242,242,242,1) 100%); /* ie10+ */
	background: linear-gradient(180deg, rgba(192,192,192,1) 0%, rgba(242,242,242,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#F2F2F2',GradientType=0 ); /* ie6-9 */
	margin: 5px 10px 10px 5px;
	padding: 0px;
	height: 90px;
	width: 150px;
	border: thin solid #D4D4D4;
	text-align: center;
	cursor:pointer;
	text-decoration: none;
}


#buttont1:hover
{
	background: -moz-linear-gradient(270deg, rgba(199,199,199,1) 0%, rgba(240,240,240,1) 54%, rgba(199,199,199,1) 100%); /* ff3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(54%, rgba(240,240,240,1)), color-stop(100%, rgba(199,199,199,1))); /* safari4+,chrome */
	background: -webkit-linear-gradient(270deg, rgba(199,199,199,1) 0%, rgba(240,240,240,1) 54%, rgba(199,199,199,1) 100%); /* safari5.1+,chrome10+ */
	background: -o-linear-gradient(270deg, rgba(199,199,199,1) 0%, rgba(240,240,240,1) 54%, rgba(199,199,199,1) 100%); /* opera 11.10+ */
	background: -ms-linear-gradient(270deg, rgba(199,199,199,1) 0%, rgba(240,240,240,1) 54%, rgba(199,199,199,1) 100%); /* ie10+ */
	background: linear-gradient(180deg, rgba(199,199,199,1) 0%, rgba(240,240,240,1) 54%, rgba(199,199,199,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#C7C7C7',GradientType=0 ); /* ie6-9 */
	margin: 5px 10px 10px 5px;
	padding: 0px;
	height: 90px;
	width: 150px;
	border: thin solid #999;
	text-align: center;
	cursor:pointer;
	text-decoration: none;
}


#buttont1 #heading_div
{
	margin-top:10px;
	font-size:13px;
	margin-bottom: 10px;
	color: #333;
	text-decoration: none;
}

.image_count
{
	font-size:22px;
	font-weight: lighter;
	color: #373737;
}

/******************back*color********************/ 

#ex3::-webkit-scrollbar-thumb{
background-color:#9e9e9e;
border-radius:0px;
cursor:pointer;

}
/******************back*color********************/ 
#ex3::-webkit-scrollbar{
width:6px;
background-color:#d5d5d5;
cursor:pointer;
} 

.form-control {
	
  display: block;
  width: 100%;
  padding:.375rem .75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
}

.form-control_1 {
	
  display: block;
  width: 24%;
  padding: -0.7rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
}

.form-control_2 {
	
 
  width:32%;
  padding: -0.7rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
}

.form-control_3 {
	
 
  width: 33%;
  padding: -0.7rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
}

.form-control_4{
	
 
  width: 34%;
  padding: -0.7rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
}
.form-control_5{
	
 
  
  width: 80%;
  padding:.375rem .75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
  
  
}

.form-control_6{
	
 
  width: 76%;
  padding: -0.7rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
}


.form-control_textbox{
	
 
  width: 38%;
  padding: 0.3rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
}

.form-control_calendar{
	
 
  width: 38%;
  padding:0.30rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
  
}

.form-control-calendar{
	
  height:30px;
  width: 74%;
  padding:0.30rem 0.75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
   box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:12px;
  
}

.form-control_material_out {
	
  display: block;
  width: 30%;
  padding:.375rem .75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
}

.form-control_material_in {
	
  display: block;
  width: 93%;
  padding:.375rem .75rem;
  font-size: 1rem;
  line-height: 1.1;
  color: #495057;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  font-size:15px;
}

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


.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #2e353d;
  position: static;
  top: 227px;
  width: 250px;
  height: 100%;
  color: #e1ffff;
  margin-top:4px;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*    
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
  color:#dc3545;
  font-size:19px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
body {
  margin: 0px;
  padding: 0px;
}






/**
 * Grey
 */
.button_exp {
    -moz-box-shadow: inset 0 0 0 1px #63ad0d;
    -webkit-box-shadow: inset 0 0 0 1px #63ad0d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#e2e2e2));
    background: -moz-linear-gradient(#eee, #e2e2e2);
    background: linear-gradient(#eee, #e2e2e2);
    border: solid 1px #d0d0d0;
    border-bottom: solid 3px #b2b1b1;
    border-radius: 5px;
    box-shadow: inset 0 0 0 1px #f5f5f5;
    color: #555;
    display: inline-block;
    font: bold 12px Arial, Helvetica, Clean, sans-serif;
    margin: -10px 4px 3px 0;
    padding: 10px 20px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #fafafa; 
	float:right;}
    
.button_exp:hover {
    background: #e4e4e4;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e4e4e4), to(#ededed));
    background: -moz-linear-gradient(#e4e4e4, #ededed);
    background: linear-gradient(#e4e4e4, #ededed);
    border: solid 1px #c2c2c2;
    border-bottom: solid 3px #b2b1b1;
    box-shadow: inset 0 0 0 1px #efefef; }
    
.button_exp:active {
    background: #dfdfdf;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#dfdfdf), to(#e3e3e3));
    background: -moz-linear-gradient(#dfdfdf, #e3e3e3);
    background: linear-gradient(#dfdfdf, #e3e3e3);
    border: solid 1px #959595;
    box-shadow: inset 0 10px 15px 0 #c4c4c4;
    top:2px;}

/***********************button***************************************************************************************/