/* Default CSS Stylesheet for a new Web Application project */

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal; text-align: center ;
    margin-top:0px;
    /* background-image: url('Images/body.jpg') ;
     background-repeat: repeat-x ; */
     
     
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT{COLOR: #003366;}
H1	
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H2
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H3
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H4
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
H5, DT
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	

H6
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
}	
		
TFOOT, THEAD	
{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
}	
		
TH	
{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
}	

/*A:link{	text-decoration:none; color:	#3333cc;}	
A:visited{ text-decoration:	none; color:#333399;}	
A:active{ text-decoration:none; color:	#333399;}	
A:hover	{ text-decoration:underline; color:	#3333cc;} */
SMALL { font-size:.7em; }	
BIG	{ font-size:1.17em; }	
BLOCKQUOTE, PRE	{ font-family:Courier New, monospace; }	
UL LI {	list-style-type:square; }	
UL LI LI { list-style-type:disc; }	
UL LI LI LI	{ list-style-type:circle; }	
OL LI {	list-style-type:decimal; }	
OL OL LI { list-style-type:	lower-alpha; }	
OL OL OL LI	{ list-style-type:lower-roman; }	
IMG { margin-top: 5px; margin-left: 10px; margin-right: 10px; }
	
#header 
{
	height: 80px;
	width: 900px;
	margin-bottom:0px;
	margin-top:0px;
	text-align: left ;
	background-color: transparent ;
	vertical-align: text-bottom ;
	padding-bottom:0px; 
	 background: #FFFFFF url('Images/headerbg.jpg') no-repeat fixed; 
}

#footer
{
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
	vertical-align: top; 
	padding-top: 10px;
	color:#999999;
	background:#F0F0F0;
}

#content
{
	border: 1px #C0C0C0 solid;
	 padding: 5px;
	background-color:#FAFAFA ;
	/*background-image:url('IMAGES/content.jpg');*/
	background-repeat: repeat-x ;
	/*float:right;*/
	width: 800px;
}
.content
{
	 border: 1px #C0C0C0 solid;
	 padding: 5px;
	background-color:#FAFAFA ;
	/*background-image:url('IMAGES/content.jpg');*/
	background-repeat: repeat-x ;
	/*float:right;*/
	width: 800px;
}


/* left menu -->*/
#leftmenu
{
	
	/*float: left;*/
	background: #D0E1EA url('') no-repeat fixed right
bottom;
	width: 24%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding-top: 20px;
	padding-bottom: 20px;
	/*filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;*/
}

#leftmenu a
{
	background: #BDD5E1;
	width: 100%;
	height: 23px;
	text-align: left;
	color: #666666;
	text-decoration:underline;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 3px;
	/*border-bottom: 1px #9BBFD2 dotted;*/
	vertical-align: middle;
}

#leftmenu h1{
	background:#EBEBEB url('Images/leftmenuhead.jpg');
	width: 100%;
	height: 25px;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	text-align:left ;
	margin:0px;
	margin-top: 15px;
	text-transform: uppercase; 
}
#leftmenu p{
	background:#EBEBEB url('Images/leftmenuhead.jpg');
	width: 100%;
	height: 25px;
	font-family:  Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	padding-left: 5px;
	text-align:left ;
	margin:0px;
	margin-top: 15px;
	text-transform: uppercase; 
}

#leftmenu a:hover
{
	text-decoration: none;
	background: #9BBFD2;
	color:#333333;
}
#leftmenu a:active
{
	text-decoration: underline;
	background:#808080;
	color:#FFFFFF;
}

/*<-- left menu*/

/* top Menu --> */
#topmenu
{
	height: 30px;	
	font-family: Arial, Helvetica, sans-serif;
	background-image: url('Images/topmenu2.jpg');
	background-repeat: repeat-x;
	width: 900px;
	text-align: right;
}

#topmenu a
{
	width: 90px;
	height: 80%;
	background: transparent;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	text-transform: lowercase;
	font-family: Tahoma, Arial;
	font-weight: bold;
	color: #666666;
	padding-top: 2px;
	margin-top:5px;
	border-left-color: #C0C0C0;
	border-left-style: dotted;
	border-left-width: thin;
}
#topmenu li{
	display: inline;
	word-spacing: 0px;
}
#topmenu ul
{
	
	word-spacing: 0px;
}

#topmenu a:hover {
	background:	#CCCCCC;
	text-decoration: none;
	color:#666666;
}


/*<-- top menu*/

#main
{
		width: 901px
}
	
/* standard Box --> */
.stdbox{
	border: 1px #CCCCCC solid ; 
	margin: 10px 10px, 10px, 10px;
	padding-bottom: 10px;
	background-color: white;
}

.stdbox h1{
	filter: Shadow(Color= #666666, 	
			Direction=135, 
			Strength=2);
	background-image: url('Images/leftmenuhead.jpg');
	background-repeat: repeat-x;
	font-family:"Trebuchet MS", Arial ;
	font-size: 10pt;
	width: 100%;
	height: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 8px;
	padding-top: 2px;
	color:#FFFFFF;
	text-align: left;
	font-weight: bold ;
		

}
/* <-- standard box */


/* standard table --> */

.stdtable
{
	font-size:12px;
	font-family:Arial;
	border:0px;
	border-color:#d3d3d3;
	padding: 0px;
	border:1px;
	
}


.stdtable .cellcaption
{
	color:#FF6600;
	text-align: right;
}

.stdtable .cellvalue
{
	color:#000000;
	text-align: left;
	background-color:transparent
}


/* panel details -->*/
.pnldetails
{
	background-color:#ECE9D8;border-color:#CCCCCC;
	margin: 10px 10px, 10px, 10px;
}

.pnldetails .header
{
	font-style:italic;font-weight:bold;text-align:right ;
	margin:10px 10px, 10px, 10px;
}

/* <-- panel details */




/* datagrid --> */

.stddatagrid
{
	font-family:Arial;
	font-size:12px;
	

}

.stddatagrid .header
{
	background-color:#336699;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
}
.stddatagrid .alternating
{
	background-color: green;
}

.stddatagrid .footer
{
	
}

/* <-- datagrid */


.stdbutton
{
	font-family: "trebuchet MS", Tahoma, arial; 
}

.stdlabel
{
	font-family:"trebuchet MS", Tahoma, arial;
	color:#336699;
	font-weight:bold ;
	text-align: left ;
}

.stdlabelvalue
{
	font-family:Arial, Helvetica, sans-serif ;
	color:black;
	font-weight: normal;
	text-align: left ;
}


/* Employee Header ===> */
.empheader{
 	background-color: white ;
	margin-top:10px;
	margin-bottom:10px;

}
.empheader .table{
		border-bottom-width: 0px;
	
}
.empheader .label{
	font-family: Tahoma, arial;
	font-size: 12px;
	color:orange;
	text-align: right ;
	font-weight: bold ;
	padding-right: 5px;
}

.empheader .value{
	
	font-family:Tahoma, arial;
	font-size: 12px;
	color:gray;
	text-align:left ;
}
.empheader .photo{
	float: right;
}
/*<=== Employee Header */

/* welcome header ==> */
.welcomebox{
	margin-top:6px;
	
}
.welcomebox .welcome{
	 font-family:  Tahoma, arial;
	 font-size:40px;
	 font-weight: bold;
	 color:#666666;
	 filter: alpha(opacity=15);
	 opacity: .15;
	 text-align: left ;
   
}

.welcomebox .empname{
	
	 font-family:  Tahoma, arial;
	 font-size: medium;
	 color:#666666;
	 text-align: right ;
	
	    

}
.welcomebox .empimage{
	
	
}


/* welcome header <==*/

.homeleftpanel{
	
	border-bottom-color: #CCCCCC;
	border-bottom-width: 2px;
	 
}

.homeprofilepanel{
	
}
.btnlarge{
	background-color: transparent ;
	padding-top: 10px;
	padding-left: 50px;
	text-align: left ;
	font-family: Arial,Tahoma, arial ;
	font-size:15px ;
	font-weight:normal;
	text-decoration:none; 
	filter:alpha(opacity=60);
	/*-moz-opacity:.6;*/
	opacity:0.6;
	color:black ;
		
}
.btnlarge:hover  
{
	filter:alpha(opacity=100);
	opacity:1;
	text-decoration: none;
}
.btndetails{
	color:#666666;
	font-size: 11px;
	font-family:  Tahoma, arial ;
	padding-left: 50px;

	text-align:left;
	
}

.watermark{ filter:alpha(opacity=20); opacity:20; }
#stddiverror 
{
	width:100%;
	padding: 10px 10px, 10px, 10px;
	color:#CC3300; 
	text-align:left; 
}

.calendarday
{
	font-family:Arial;
	color:#003399;
	text-align:left;
	font-size:small;
	font-weight:bold;
}

.calendarshift
{
	font-family:Arial;
	color:black;
	text-align:left;
	font-size:10px;
}