/* main styles */
body {
	margin-top:20px;
	padding:0;
	background:#BBD9EE;
  	color:#000;
	font-family:tahoma,arial,sans-serif;
	font-size:12px;
	}
	input.submit:hover{
   color: Green;
} 
form {
	margin:0;
	padding:0
	}
img {border:none;}
a {color:#060606;text-decoration: none}
a:hover {text-decoration: underline;font-weight:bold}
input {vertical-align:middle}
.floatleft {float:left !important}
.floatright {float:right !important}
.clear {clear:both !important}
.bold {font-weight:bold !important}
.normal {font-weight:normal !important}
.block {display:block !important}
input.text,
select,
textarea {
	font-family:arial,sans-serif;
	color:#333;
	font-size:12px;
	vertical-align:middle;
	}
input.text {
	padding:1px 0 0 4px;
	height:14px;
	font-weight:normal;
	}
/* main container */
#main {
	width:1200px;
	margin:0 auto;
	}
/* header */
#header {
	position:relative;
	width:1200px;
	height:40px;
	background:url(img/bg-header.gif) no-repeat left bottom;
	}
/* site logo */
#logo {
	position:absolute;
	top:10px;
	left:100px;
	}

	/* user identiication */
#user {
    font-family:tahoma;
    text-align:right;
	font-weight:bold !important;
	padding:0px 0px 0 0;
    float:right;
	position:absolute;
	top:0px;
	width:280px;
	left:860px;
	font-size:10px;
	color:#009900;
	margin-top: -20px;
	border: 0px solid black;
	}

/* application name */
#appli {
    position:absolute;
    font-family:cablili;
    text-align:center;
	padding:10px 30px 0 0;
    float:center;
	text-transform:uppercase;
	top:1px;
	left:240px;
	font-size:32px;
	color:#99CCFF;
	width: 600px;
	}
	
/* header tabs */
#top-navigation {
	position:absolute;
	text-align:center;	
	top:4px;
	left:20px;
	margin:0;
	list-style:none;
	}
#top-navigation li {
	float:left;
	top:0px;
	margin:0px 5px;
	height:22px;
	width:70px;
	}
#top-navigation li a {
	position:absolute;
	text-align:center;	
	display:block;
	height:22px;
	width:70px;
	line-height:19px;
	margin-top:0px;
	color:#606060;
	padding:0px 4px 0 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	background:#e7f1f8;
}
#top-navigation li a:hover {
	border:1px #ff7300 solid;
	border-bottom: none;
	background:#fff;
	height:22px;
	width:68px;
	margin: 0px 0px;
}
#top-navigation li a.active {
    text-align:center;
	padding:0px 0px 0px 0px;
	height:22px;
	width:75px;
	border:1px #ff7300 solid;
	border-bottom:none;
	margin:0px;
	background:white;
	}
	
/* middle */
#middle {
	float:left;
	width:1200px;
	top:80px;
	background:url(img/bg-middle.gif) repeat-y left;
	padding:10px 13px 10px 12px;
	}

		/* Sales div with auto flow */
#sales {
    font-family:tahoma;
    text-align:normal !important;
	padding:0px 0px 0 0;
    float:center;
	width:824px;
	height:335px;
	font-size:14px;
	color:#000000;
	border:1px solid #f70;
	margin-top:-18px;
	margin-left:-5px;
	overflow: auto;
	}


	/* Display div with auto flow */
#display {
    font-family:tahoma;
    text-align:normal !important;
	padding-right: 2px;
    float:center;
	width:832px;
	height:485px;
	font-size:10px;
	color:#000000;
	border: 0px solid #f70;
	margin-top: 0px;
	margin-left: 0px;
	overflow: auto;
	}

/* left column */
#left-column {
	float:left;
	padding:1px 8px 0 8px;
	width:151px;
	}
/* right column */
#right-column {
	float:left;
	padding:0px 5px 0px 6px;
	width:133px;
	}
/* center column */
#center-column {
	float:left;
	width:814px;
	background:url(img/bg-center-column.jpg) no-repeat left top;
	min-height:584px;
	padding:12px 16px 0 13px;
	}	
* html #center-column {height:584px;}

/* footer */
#footer {
	float:left;
	width:95%;
	background:url(img/bg-footer.gif) no-repeat;
	height:15px;
	padding:10px 0px 20px 60px;
	margin:0px 0px 10px 0px;
	}
	
/* left column styles */
#left-column a {color:#3E3E3E;}
#left-column h3 {
	font-size:11px;
	margin:0;
	color:#fff;
	background:url(img/bg-left-header.gif) no-repeat left top;
	height:25px;
	line-height:23px;
	padding:0 0 0 9px;
	}
ul.nav {
	margin:0 0 10px 0;
	border-bottom:2px solid #FF9600;
	background:#ECEFE7;
	list-style:none;
	padding:0 2px;
	}
ul.nav li {
	padding:10px 1px 10px 10px;
	height: 20px;
	background:url(img/bg-dotted.gif) repeat-x bottom;
	}
ul.nav a {
	padding:0 0 0 10px;
	background:url(img/arrow.gif) no-repeat 0 4px;
	}
ul.nav a:hover {
	font-weight:bold;
	text-decoration: underline;
	}
ul.nav li.last {background:none;}

#left-column .link {
	display:block;
	width:142px;
	height:20px;
	background:url(img/bg-left-link.gif);
	margin:0 0 4px 0;
	font-weight:bold;
	padding:0 0 0 9px;
	line-height:20px;
	color:#60635A;
	}

	#left-column .linko {
	display:block;
	width:142px;
	height:20px;
	background:url(img/bg-left-link.gif);
	margin:0 0 4px 0;
	font-weight:bold;
	padding:0 0 0 8px;
	line-height: 20px;
	color: #006699;
	font-size: 11px;
	}
	
/* center column styles */
.top-bar {
	float:left;
	width:603px;
	border-left:2px solid #f70;
	padding:0 0 6px 9px;
	margin:0 0 0px 0;
	}
/* text page header */
.top-bar h1 {
	font:20px/21px verdana,sans-serif;
	color:#43729F;
	margin:0 0 4px 0;
	}
/* orange button */
.top-bar a.button {
	float:right;
	display:block;
	width:75px;
	height:25px;
	margin:8px 0 0 0;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
	background:url(img/bg-orange-buttone.gif) no-repeat;
	}
	
	/* orange button */
.top-bar a.buttonx {
	float:right;
	display:block;
	width:125px;
	height:25px;
	margin:8px 0 0 0;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
	background:url(img/bg-orange-buttonex.gif) no-repeat;
	text-align: center;
	}

/* bar with select */
.select-bar {
	clear:both;
	border-top:2px solid #f70;
	border-bottom:2px solid #f70;
	padding:5px 0 3px 0;
	margin:0 0 17px 0;
	}
.select-bar select {width:145px;margin:0 2px;}

/* Report input */
.select-bar .reput {
text-align:center;
color:#400000;
font-weight:bold;
background-color:#FFFFC0;
border:1px solid #999999;
height:16px;
width: 100px;
padding:2px 0 3px 0;
}

/* select list in select bar */
	.select-bar .slist{
	font-size:15px;
    border-radius: 5px; 
	margin-left: -3px; 
	background: -webkit-gradient(linear, left top, left bottom, from(#BCBCBE), to(#FFF));
    	background: -moz-linear-gradient(top, #BCBCBE, #FFF); 
	height: 23px; 
	border: 1px solid #717171; 
	cursor: pointer; 
	padding-left: 5px;
	width: 180px;
	font-weight: bold;
	}

/* table container */
div.table {
	float:left;
	position:relative;
	width:814px;
	margin:0 0 10px 0;
	}
table.listing {
	border-bottom:1px solid #9097A9;
	width:813px;
	padding:0;
	margin:0;
	border:1px solid #9097A9;
	}
table.listing th {
	border-top:0 !important;
	}
table.listing th.full {
border-left: 0;
border-right: 0 !important;
text-transform: uppercase;
text-align: center;
}
div.table img.left {
	position:absolute;
	top:0;
	left:0;
	}
div.table img.right {
	position:absolute;
	top:0;
	right:1px;
	}
table.listing th {
	background:#9097A9;
	border:1px solid #fff;
	color:#fff;
	padding:4px;
	}
table.listing td {
	background:#D8D8D8;
	border:1px solid #fff;
	color:#000;
	padding:2px 4px;
	}
table.listing tr:hover td {
        background-color: #b5cfd2;
    }
table.listing .bg td {
	background:#ECECEC;
	}
table.listing .white td {
	background:#fff;
	}	
table.listing .first {
border-left:0px solid #9097A9; 
text-align:left;
}
table.listing .last {
border-right:0px solid #9097A9;
}

table.listing th.first {
background:#9097A9 url(img/bg-th-left.gif) no-repeat left top;
border-left:0;
}
table.listing th.last {
background:#9097A9 url(img/bg-th-right.gif) no-repeat right top;
border-right:0;
}

/* table select */
div.table .select {
	float:right;
	margin:2px 1px 0 0;
	width:176px;
	height:25px;
	background:#9097A9 url(img/bg-select.gif);
	color:#fff;
	}
div.table .select strong {
	float:left;
	padding:5px 0 0 5px;
	}	
div.table .select select {
	float:right;
	width:78px;
	margin:2px 3px 0 0;
	text-align:right;	
	}

	div.table .selected {
	float:left;
	margin:2px 1px 0 0;
	width:176px;
	height:25px;
	background:#9097A9 url(img/bg-select.gif);
	color:#fff;
	}
div.table .selected strong {
	float:left;
	padding:5px 0 0 5px;
	}	
div.table .selected select {
	float:left;
	width:78px;
	margin:2px 3px 0 0;
	text-align:right;	
	}

/*print button on select */
div.table .buttone {
    float:right;
    margin: 0px 10px 0px 0px; 
	width:84px;
	height: 24px;
	text-align:center;
	padding:0px 0px 10px 0;
	color:#FF7A00; 
	font-weight:bold;
cursor: pointer;
	}

	/*print button on table.php */
div.table .buttonet {
    float:center;
    margin: 0px 20px 0px 0px; 
	width:100px;
	text-align:center;
	padding:0px 0px 10px 0;
	color:#FF7A00; 
	font-weight:bold;
cursor: pointer;
	}

	/*add button on table.php */
div.table .buttona {
    float:right;
    margin: 0px 200px px 0px; 
	width:100px;
	text-align:center;
	padding:0px 0px 10px 0;
	color:#FF7A00; 
	font-weight:bold;
cursor: pointer;
	}

/* Login button */
div.table .lobutton {
	background-image:url(img/go-button.png);
	background-color:Transparent;
	width:46px; 
	border:0px;
	height:24px;
	padding:0px 0px 0 0;
cursor: pointer;
	}

/* Add button */
div.table .addbutton {
	background-image:url(img/addi-icon.gif);
	background-color:Transparent;
	width:25px;
	height:25px;
	border:0px;
	padding:0 0 0 0;
cursor: pointer;
	}

	/* New edit button */
div.table .newedit {
	background-image:url(img/edit.png);
	border: 1px solid #cccc99;
	background-color:Transparent;
	width:25px;
	height:25px;
	border:0px;
	padding:0 0 0 0;
	cursor: pointer;
	}

	/* New edit proforma */
div.table .edipro {
	background-image:url(img/edipro.png);
	border: 1px solid #cccc99;
	background-color:Transparent;
	width:25px;
	height:25px;
	border:0px;
	padding:0 0 0 0;
	cursor: pointer;
	}

	/* New open proforma */
div.table .opepro {
	background-image:url(img/opepro.png);
	border: 1px solid #cccc99;
	background-color:Transparent;
	width:25px;
	height:25px;
	border:0px;
	padding:0 0 0 0;
	cursor: pointer;
	}

	/* New remove proforma */
div.table .remopro {
	background-image:url(img/remopro.png);
	border: 1px solid #cccc99;
	background-color:Transparent;
	width:25px;
	height:25px;
	border:0px;
	padding:0 0 0 0;
	cursor: pointer;
	}

/* Remove button */
div.table .rembutton {
	background-image:url(img/hr.gif);
	background-color:Transparent;
	width:20px;
	height:20px;
	border:0px;
	padding:0 0 0 0;
cursor: pointer;
	}

	/* Remove button */
div.table .dopen {
	background-image:url(img/edico.png);
	background-color:Transparent;
	width:20px;
	height:20px;
	border:0px;
	padding: 0 0 0 0;
cursor: pointer;
	}

div.table .paybutton {
	background-image:url(img/edit-icon.gif);
	background-color:Transparent;
	width:26px;
	height:20px;
	border:0px;
	padding:0 0 0 0;
cursor: pointer;
	}

div.table .useremove {
	background-image:url(img/addu.gif);
	background-color:Transparent;
	width:30px;
	height:20px;
	border:0px;
	padding:0 0 0 0;
cursor: pointer;
	}

/* Login input */
div.table .loput {
	text-align:center;
	font-size:12px;
	color:#400000;
	font-weight:bold;
	background-color:#FFFFC0;
	border:1px solid #999999;
	height:20px;
	width:125px;
	padding:0 0 2px 0;
	}

/* Save button */
div.table .sbutton {
	background-image:url(img/save-icon.gif);
	background-color:Transparent;
	width:24px;
	height:24px;
	border:0px;
	padding:0 0 0 0;
	}

div.table .lbutton {
	background-image:url(img/login-icon.gif);
	background-color:Transparent;
	width:24px;
	height:24px;
	border:0px;
	padding:0 0 0 0;
	}

/* right column header */
#right-column .h {
	float:right;
	background:#FF7A00;
	border:1px solid #B8B8B8;
	border-bottom:0;
	padding:0px 10px 1px 10px;
	color:#fff;

/* right column box */
#right-column .box {
	float:left;
	width:1211px;
	top:190px;
	padding:100px 10px 10px 5px;
	border:1px solid #FF7A00;
	background:#EBEBEB;
	margin:0 0 15px 0;
	}

/* right column buttons */
.buttons {
	clear:both;
	text-align:center;
	padding:30px 0 15px 0;
	}
.buttons input {margin:0 0 6px 0;}

#tabled { 
border: thin single #ddd; 
}
#tabled .td { 
border: thin single #ddd collapse; 
}