* {
margin:0;
}
body {
	height: 100%;
	background-color:#ffffff;
	font-style: normal;	
	margin: 0;
	font-family: Tahoma;
	font-size: 11px;
	line-height:17px;
	color:#333333;
	background-image:url(images/bg_body.jpg);
	background-position:top;
}

a {
	text-decoration: none;
	color: #0066cc;	
}
a:hover {
	text-decoration: underline;
}
/*---------------------------------------------
	
					LEFT MENU

----------------------------------------------*/
.block_div
{      
   margin-bottom:5px; 
   text-align:left;    
}
.block_div .top 
{
background: url(images/top_rc.jpg) top no-repeat;
width:188px;
height:3px;
	}
.block_div .bottom 
{
background: url(images/bot_rc.jpg) bottom no-repeat;
width:188px;
	}
.block_div .block_title
{
	font-weight:bold;
	padding:10px 0px 0px 15px;
}
	

.left_menu
{
text-align:left;
}
.left_menu a
{
 color:#ffffff;
}
.left_menu .top_left_menu
{
	background:url('images/top_left_menu.jpg') top no-repeat;
	height:28px; width:180px;
	font-weight:bold;
	color:#ffffff;	
}
.left_menu .bottom_left_menu
{
	background:url('images/bt_left_menu.jpg') bottom no-repeat;
	width:180px;	
}

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

	           LOGIN                    

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

.login_div
{
 width:400px; 
 margin-left:auto;
 margin-right:auto;
 padding-top:10px;
 height:500px;
}
.title_login
{
text-transform:uppercase;
font-size:14px;
color:#333333;	
}
.login_box
{
/*border:solid 1px #cccccc;*/
padding:15px;
margin-top:10px;
/*background-color:#eceeef;	*/
}

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

/*              INPUT                    */

/*****************************************/
.default_btn 
{
	border-style:none; 
	background:url(images/default_btn.png) no-repeat; 
    width:95px; height:28px; color:#fff1dc; 
    font-weight:bold; cursor:pointer
}
.subbutton 
{ 
   color: #333333;
  /* border: 1px solid #ada376;*/
   /*margin: 2px 1px 2px 1px;*/
   padding: 0px 0px 1px 0px;
   height:20px;
   cursor:pointer;
   width:auto;
   font-family:Tahoma;
   font-size:11px;
   /*font-weight:bold;   */
}
input.button 
{	
   font-family:Tahoma;
   font-size:11px;  
   height:22px;  
} 
input.textbox 
{
   padding:2px 2px 2px 2px; 
   font-family:Tahoma;
   font-size:11px;
   border:solid 1px #d2d2d2;
   height:14px;  
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TreeView  
{
    border-bottom:1px dotted #303030 !important;
}

.TreeView div
{
    margin-left:5px;
}

.TreeView table
{
    border-top:1px dotted #303030 !important;
    padding-top:2px;
}

.TreeView div table
{
    border-bottom:none !important;
    border-top:none !important;
}

.TreeView table td
{
    padding: 2px 0 3px 3px;
}

.LeafNodesStyle 
{
    
}

.RootNodeStyle 
{
    
}
/* ALL ELEMENTS */
.NodeStyle 
{

}
.ParentNodeStyle 
{
    background:yellow;
}
 
a.SelectedNodeStyle 
{
    background:#E5E5E5;
    display:block;
    padding:1px 0 1px 3px;
}

/*---------------------------------------------------------------
				
						TIME ATTENDANCE

-----------------------------------------------------------------*/
.button-time 
{
   color: #333333;
   padding:1px;
   height:30px;
   cursor:pointer;
   width:78px;
   font-family:Verdana;
   font-size:11px;
   border:solid 1px #f5f3f1;
   /*text-transform:uppercase;   */
}
.submitted
{
	background-color:#ffff00;	
}
.final-approved
{
	background-color:#98fb98;	
}
.send-for-approval
{
	background-color:#ffff00;	
}
.second-level-approved
{
	background-color:#98fb98;
	}
.reject-css
{
	background-color:#ff0000;
	color:#ffffff;
	}

.mouseover_highlight
{
background-color:#ffff99;
}

.bg_submit
{
background-color:#ff0000;
}

/*---------------------------------------------------------------
				
							Modal Popup CSS

-----------------------------------------------------------------*/
.mpBg
{
	background-color: #3753fc;
	filter: alpha(opacity=30);
	opacity: 0.2;
	
}
.mp
{
	background-color: white;
	border-width: 3px;
	border-style: solid;
	border-color:#07537f;
	padding:0px;
}
.mpHd
{
	background-color: #006699;
	border-color: White;
	border-width: 1px;
	color: White;
	font-weight: bold;
	width: 100%;
	height:20px;
}
.mpClose
{
	text-align: center;
	width: 100%;
	margin:7px;	
}
.mpCloseButton
{
	position: absolute;
	right: 4px;
	width: 17px;
	height: 18px;
}

#progressBackgroundFilter {
  /*position:fixed;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000; 
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:1000;
  width:400px;
  height:300px;*/
}

 

#processMessage  
{
  background-color:#fff; 
  opacity:0.5;	
  position:absolute; 
  top:30%; 
  left:43%;
  padding:10px;
  width:140px;
  height:40px;
  z-index:1001;
  text-align:center;

} 

/*-------------------------------------------------------------*
        Modal Popup
*--------------------------------------------------------------*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:2px;
	border-style:solid;
	border-color:Black;
	padding:20px;
	width:200px;	
	text-align:center;
}
.modalBox {
	background-color: White; 
	border-width: 2px; 
	border-color: Black; 
	border-style: solid; 
	padding:0px;
}
.caption {
	background-image: url(images/window_titlebg.gif);
	background-repeat:repeat-x;
	text-align:center;
	font-weight:bold;
	height:22px;
	cursor:move;
	color:#ffffff;
	padding:0px 2px 2px 2px;
}
.caption a:link {	
	color:#ffffff;	
}

/* Content Page Layout */
.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}
.demoarea {
	padding:20px;
	background:#FFF url(images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}
.page_title
{
	text-transform:uppercase;
	font-weight:bold;
	text-align:left;
	margin-left:8px;
	font-size:14px;
	color:#003366;
	padding-top:6px;	
	height:30px;
}
.demoheading {
	padding-bottom:20px;
	color:#5377A9;
	font-family:Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


.popup_help
 {	
	right:auto;	
	display: none; 
	padding:10px; 
	background-color:#ffffcc; 
	border:solid 4px #666666;	
}
.helpicon 
{
	cursor:help;
}