@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../images/backgroung.gif); }
	
a {
	text-decoration:none;}
img { border:0;}
@font-face {
        font-family: "Aller";
        src: url(Aller.ttf);}
		
		
#siteHeader {
	background:url(../images/siteHeader.gif) repeat-x top;}
	
#innerHeaderContent {
	width:988px;
	margin:0 auto;
	height:182px;}
	
#headerContent {
	height:78px;}
	
#logo {
	position:absolute;}
	
#headerRightsideContent {
	position:relative;
	float:right;
	height:66px;
	font-family: "Aller";
	font-size:14px;
	color:#fff;
	text-align:right;
	padding:12px 20px 0 0; 
	width:400px;}
	
#headerRightsideContent a{
	color:#0c89c9;}
#headerRightsideContent .sep {
	padding:0 5px;}
	
#headerRightsideContent .time {
	color:#aaa;
	padding:0 30px 0 0;
	line-height:40px;
	background:url(../images/clock.png) no-repeat right;}
	
#navigationPanel {
	background:url(../images/navigation-bg.gif) repeat-x top;}
	
#navigationPanel .session {
	height:104px;
	background:url(../images/navigation-edge.gif) no-repeat left top;
	font-size:11px;
	color:#fff;
	padding:0 10px;
	font-family: "Aller";}
	
#navigationPanel .session li{
	list-style:none;
	height:104px;
	line-height:150px;
	padding:60px 0 15px 0;
	display:inline;
	background:url(../images/sepNavigation.png) no-repeat right;}
	
#navigationPanel .session li a{
	color:#fff;
	font-weight:lighter;
	padding:50px 30px 15px 20px;}
	
#navigationPanel .session li a:hover{
	color:#2a2a2a;
	text-shadow:0 1px 0 #6dc0ea;}	

	
#navigationPanel .session li a.dashboard {
	background:url(../images/dashboard.png) no-repeat center top;}
	
#navigationPanel .session li a.inventor {
	background:url(../images/inventory.png) no-repeat center top;}
#navigationPanel .session li a.report2 {
	background:url(../images/sales-report.png) no-repeat center top;}	\	
#navigationPanel .session li a.Managment {
	background:url(../images/Managment.png) no-repeat center top;}
	
#navigationPanel .session li a.report {
	background:url(../images/report.png) no-repeat center top;}
	
#navigationPanel .session li a.support {
	background:url(../images/support.png) no-repeat center top;}
	
#navigationPanel .session li a.help {
	background:url(../images/help.png) no-repeat center top;}
#navigationPanel .session li a.products {
	background:url(../images/prducts_roller.png) no-repeat center top;}	
	
#navigationPanel .session li a.user {
	background:url(../images/groupnew.png) no-repeat center top;}
#navigationPanel .session li a.DayManage {
	background:url(../images/Hours-Management.png) no-repeat center top;}	
	
#mainPanel {
	width:980px; 
	color:#898989;
	font-size:14px;
	margin:15px auto;}
	
#mainPanel h2 {
	background:#6d6d6d url(../images/header-bg.gif) repeat-x top;
	border:solid 1px #d8d8d8;
	height:39px;
	font-size:22px;
	text-shadow:0 1px 0 #fff;
	color:#6d6d6d;
	line-height:39px;
	font-family: "Aller";
	text-indent:15px;
	padding:0;
	letter-spacing:-1px;
	margin:20px 0;}
	
#mainPanel h2 a{
	color:#6d6d6d;
}	
	
#mainPanel h3 {
	background:#fafafa url(../images/header-bg-2.gif) repeat-x top;
	border:solid 1px #d8d8d8;
	height:32px;
	font-weight:normal;
	font-size:16px;
	text-shadow:0 1px 0 #fff;
	color:#6d6d6d;
	line-height:32px;
	font-family: "Aller";
	text-indent:15px;
	padding:0;
	margin:0 0 -1px 0;}
	
#mainPanel h6 {
	
	font-family: "Aller";
	text-indent:17px;
	padding:0;
	color:#0c89c9;
	font-size:14px;
	margin:0 0 10px 0;}
	
.blue {
	color:#0c89c9;
	font-family: "Aller";}
	
#tabling {
	border:solid 1px #d8d8d8;
	background:#fff;}
#tabling51{
	border:solid 1px #d8d8d8;
	background:#fff;	
}	
#tabling .col1 {
	width:150px;
	border-right:solid 1px #d8d8d8;
	border-bottom:solid 1px #d8d8d8;}
	
#tabling .col2 {
	border-bottom:solid 1px #d8d8d8;}
	
	
#tabling2 td {
	padding:8px 5px 8px 15px;}
	
#tabling2 {
	border:solid 1px #d8d8d8;
	background:#fff;}
	
#tabling2 .col1 {
	width:90px;
	border-right:solid 1px #d8d8d8;
	border-bottom:solid 1px #d8d8d8;}
	
#tabling2 .col2 {
	border-bottom:solid 1px #d8d8d8;}
#tabling2 .col3 {
	width:30px;
	border-left:solid 1px #d8d8d8;
	border-bottom:solid 1px #d8d8d8;}
#tabling3 .col3 a{
	background:#0e8bcb url(../images/button-bg.gif) repeat-x top;
	border:solid 1px #fff;
	color:#fff;
	font-family:Aller;
	font-size:12px;
	padding:3px 12px;}
	
.form_button{
	background:#0e8bcb url(../images/button-bg.gif) repeat-x top;
	border:solid 1px #fff;
	color:#fff;
	font-family:Aller;
	font-size:12px;
	padding:3px 12px;
	cursor:pointer;	
}

#form_button{
	background:#0e8bcb url(../images/button-bg.gif) repeat-x top;
	border:solid 1px #fff;
	color:#fff;
	font-family:Aller;
	font-size:12px;
	padding:3px 12px;
	cursor:pointer;	
}

#tabling1 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D8D8D8;
}

#tabling1 td{
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
   /* width: 150px;*/
}



#tabling1 .col1 {
    border-bottom: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;
    /*width: 150px;*/
}
#tabling1 td {
    padding: 8px 15px;
}

	
#tabling3 .col3 {
	width:50px;}
	
#tabling td {
	padding:8px 15px;}	
	


	
#tabling3 {
	padding:15px 0 0 0;}
	
#tabling3 td {
	padding:0px 0 5px 15px;
	line-height:24px;}
	
#tabling3 .col1 {
	width:110px;}
	
#tabling3 .col2 {}

#tabling3 .textfield { 
width:85px;
margin:0 !important;}

#tabling3 .textfield1 { 
width:250px;
margin:0 !important;}

#tabling1 .textfield1 { 
width:250px;
margin:0 !important;}
	
.dateField {
	position:absolute;
	margin:-28px 0 0 150px;}
	
.textfield {
	border:solid 1px #d8d8d8;
	padding:3px 10px;
	width:120px;
	margin:0 0 0 10px}
	
.sepCol {
	width:22px;}
	

#tabling .col3 {

}
#tabling .col3 a{
	background:#0e8bcb url(images/button-bg.gif) repeat-x top;
	border:solid 1px #fff;
	color:#fff !important;
	font-family:Aller;
	font-size:12px;
	padding:3px 12px;}
	
#mainPanel h4 {
	font-weight:normal;
	font-size:16px;
	text-shadow:0 1px 0 #fff;
	color:#6d6d6d;
	font-family: "Aller";
	padding:0;
	margin:0 0 -1px 0;}