div.main-wrapper{width:900px; margin:70px auto 0 auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

div.header{background:url('http://localhost/CITechnologies/images/header-bg.jpg') top left repeat-x; padding:1px 1px 0 1px; margin-bottom:20px;}

div.header .menu{height:31px; overflow:hidden; width:100%; background:url('http://localhost/CITechnologies/images/menu-bg.png') top left repeat-x; text-align:right; text-transform:uppercase; }
.menu ul{margin-top:8px; overflow:hidden; margin-right:5px; float:right;}
.menu li{list-style:none; display:inline; margin-right:3px;}
.menu li a{margin-right:3px; color:#000;}
.menu li a:hover{text-decoration:underline;}

div.header .search{float:right; margin-right:7px; margin-top:3px;}
div.header .search input.search-field{border:1px solid #706e6e; width:167px; color:#706e6e; margin-top:1px; font-size:11px; padding:3px; margin-right:5px;}
div.header input{float:left;}

div.header .logo-container{background-color:#000;}

div.menu-tabs, div.inner-menu-tabs{text-transform:uppercase; padding:0 1px 0 1px; margin:0 1px;  font-size:12px; background:url('http://localhost/CITechnologies/images/menu-tabs-bg.jpg') top left repeat-x; height:44px; font-weight:bold;}
div.menu-tabs ul,  div.inner-menu-tabs ul{width:100%; overflow:hidden;}
div.menu-tabs li{list-style:none; float:left; border-right:1px solid #656565; border-bottom:1px solid #656565; height:43px;}
div.menu-tabs li a, div.inner-menu-tabs li a{display:block; float:left; padding:14px 25px 14px 25px; color:#fff; height:42px;}
div.menu-tabs li a:hover, div.menu-tabs li.active a{background-color:#2a2a2a; color:#c6ec96; }
div.menu-tabs li.active{border-bottom:2px solid #2a2a2a; height:42px;}
div.inner-menu-tabs li{list-style:none; float:left; border-right:1px solid #656565; height:44px;}
div.inner-menu-tabs li a:hover, div.inner-menu-tabs li.active a{background-color:#fff; color:#000; height:42px;}
div.inner-menu-tabs li.active{border-bottom:2px solid #fff; height:42px;}

div.contents{font-size:14px; font-family:Arial;}
div.inner-contents{margin-top:1px; border:1px solid #787878; border-bottom:none; overflow:hidden;}

div.navigation{background-color:#090909; padding:0 0 9px 20px; float:left; width:222px; color:#fff; font-size:12px;}
div.navigation label{background:url('http://localhost/CITechnologies/images/navigation-label-bg.jpg') top left repeat-y; display:block; font-weight:bold; padding:7px 10px; margin-bottom:10px;}
div.navigation-contents{margin:0 10px 10px;}
div.main-contents{float:right; width:642px; padding:15px 7px;}

div.contents-links{border-left:1px solid #787878; border-right:1px solid #787878; padding:15px 20px 15px 20px;}
div.contents-links ul{width:100%; overflow:hidden; margin-bottom:10px;}
div.contents-links li{list-style:none; float:left; width:129px; height:81px; overflow:hidden; background:url('http://localhost/CITechnologies/images/content-links-bg.png'); padding:20px 15px 20px 15px; margin-right:15px;}

div.contents-links label{color:#0576c2; font-weight:bold; display:block; margin-bottom:2px;}
div.contents-links li ul li{float:none; width:100%; height:auto; background:none; padding:0; margin:0; margin-bottom:1px;}
div.contents-links li ul li a{color:#000;}
div.contents-links li ul li a:hover{text-decoration:underline;}

div.footer{background-color:#090909; padding:15px; color:#fff; font-weight:bold; }

/**** end of layout ******/

/*** homepage ****/
div.homepage{background-color:#2a2a2a; border-left:1px solid #787878; border-right:1px solid #787878; padding:15px; overflow:hidden; color:#fff;}
div.homepage .contents-menu{float:left; width:193px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
div.homepage .contents-menu li{list-style:none; border:1px solid #000; display:block; background:#c6ec96; padding:7px 10px; border-top:none;}
div.homepage .contents-menu li a{display:block; background:url('http://localhost/CITechnologies/images/contents-menu-list.gif') left 3px no-repeat; color:#000; padding-left:14px;}
div.homepage .homepage-banner{float:right; width:660px;}

div.tick-text{margin-top:15px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div.tick-text span{color:#ffa500}

.fromdate {
background:#FFFFFF url(http://timecard.nettrac.net/hris/system/imports/img/from-date.png) no-repeat scroll left center;
border:1px solid #7E9DB9;
padding:2px;
}
.todate {
background:#FFFFFF url(http://timecard.nettrac.net/hris/system/imports/img/to-date.png) no-repeat scroll left center;
border:1px solid #7E9DB9;
padding:2px;
}
td{text-align:left;}
/*** end of homepage ***/