/*---------------------------------------------------
Project: inQbox POS
[Table of contents]
----------------------------------------------------*/

.reset{
	padding: 0px;
	margin: 0px;
	background: #F0F0F0;
	font-size: 70%;
}

.container{
}

.section_header{
	margin-top: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

#header{
/*background:#FFFFFF url(/images/logosml.jpg) no-repeat scroll left top;height:145px;*/
    background: #FFFFFF;
}

#header img
{
    margin: 0px;
}

#header h2
{
    border-top: 20px solid #99CC00;
}

.print_header{
	text-align: left;
}

.header{
	/*padding-top: 110px;*/
	padding-left: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0;
}

.static_text{
	padding-left: 20px;
}

#customer_details
{
	background: #F0F0F0;
}

#total_amount{
	text-align: right;
	float: right;
}

/*---------------------------------------------------
[1. Top]
----------------------------------------------------*/

#top{
	background: #99CC00;
}

/*---------------------------------------------------
[3. Navigation]
----------------------------------------------------*/

#menu, #menu ul { list-style: none; }
#menu, #menu * { padding: 0; margin: 0; }

/* Head links */
#menu li {  color: #FFFFFF; display: block; padding: 4px; width: 120px; float: left; border: 1px black solid; background-color: #2E2E38; text-align: center; }*
#menu li a { color: #FFFFFF; display: block; }
#menu li a:hover { background-color: #FFFFFF; color: #000000;}
/*
#menu li a { color: #FFFFFF; display: block; padding: 4px; }
#menu li.headlink { width: 120px; float: left; border: 1px black solid; background-color: #2E2E38; text-align: center; }
#menu li.headlink a { color: #FFFFFF; display: block; padding: 4px; }
#menu li.headlink a:hover { background-color: #FFFFFF; color: #000000;}
*/
/* Child lists and links */
#menu li.headlink ul { display: none; border-top: 1px black solid; text-align: left; }
#menu li.headlink:hover ul { display: block; position:absolute }
#menu li.headlink:hover li{ float: none; }
#menu li.headlink ul li a { padding: 4px; height: 17px; }
#menu li.headlink ul li a:hover { background-color: #FFFFFF; color: #000000;}

#menu{
	float: left;
	margin-bottom: 1em;
    background-color: #2E2E38; 
    width: 100%;
}

a.internal:hover{
	background: #FFFFFF;
	color: #000000;
}

a.internal{
	background: #FFFFFF;
	color: #000000;
}

a.button:link, a.button:visited{
	background: black;
	color: white;
	text-decoration: none;
	padding: 4px 20px 4px 20px;
}

a.button:hover{
	background: #DCCA99;
	color: white;
}

a.button_two:link, a.button_two:visited{
	background: black;
	color: white;
	text-decoration: none;
	padding: 4px 20px 4px 20px;
}

a.button_two:hover{
	background: white;
	color: black;
}

/*---------------------------------------------------
[4. Footer]
----------------------------------------------------*/

#footer{
	width: 100%;
	text-align: center;
	background: #2E2E38;
	color: white;
	font-size: 1em;
}

#extra_footer{
	margin-left: auto;
	margin-right: auto;
	font-size: 1em;
}

/*---------------------------------------------------
[5. Content]
----------------------------------------------------*/

#main_content{
	padding-left: 20px;
	padding-right: 20px;
}

#content{
	background: #FFFFFF;
	padding-bottom: 1em;
}

label.remote_form{
	padding-right: 20px;
}

input.remote_form{
	margin-right: 20px;
}

label.form{
	padding-right: 20px;
}

input.form{
	margin-right: 20px;
}

#disclaimer{
	font-size: 0.8em;
}

.disclaimer{
	font-size: 0.8em;
}

.list{
	padding-left:20px;
}

div.form{
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #000000;
}

/*---------------------------------------------------
[6. Forms]
----------------------------------------------------*/

tr.borderless{
    border: none;
}

tr.borderless td{
    border: none;
}

form.borderless tr{
    border: none;
}

form.borderless tr td{
    border: none;
}

textarea.small_area{
	height: 50px;
	font-size: 1.2em;
	padding-bottom: 0;
}

textarea.payment_small_area{
	height: 60px;
	width: 240px;
	font-size: 1.2em;
	padding-bottom: 0;
}

#inventory_items
{
	margin-top: 1.5em;
    border-top: 2px solid #ccc;
	width: 100%;
}

tr.invoice_item
{
	width: 100%;
}

tr.credit_note_item
{
	width: 100%;
}

th.long{
	width: 12%;
}

th.short{
	width: 10%;
}

th.v_short{
	width: 5%;
}

select.short{
    width: 100%;    
}

td.long input{
	width: 100%;
}

td.short input{
	width: 100%;
}

td.v_short input{
	width: 100%;
}

td.short{
	width: 150px;
}

td.v_short{
	width: 50px;
}

td.v_short img
{
	cursor: pointer;
	padding: 0;
	margin: 0;
}

td.minimum_notification
{
    background: #900000;
    color: #FFFFFF;
}

.highlight_background{
	background: #ff0;
}

tr.top_divider td
{
	border-top: 10px solid #000000;
}

tr.bottom_divider td
{
	border-bottom: 10px solid #000000;
}

#message
{
	background:#060;
	color: #FFFFFF;
	padding: 10px;
	margin-bottom: 10px;
}

hr.black_line
{
	background: black;
}

#notifications
{
	background: #ff0;;
	padding: 20px;
}

#notifications ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#notifications ul li
{
	padding-top: 1em;
	padding-bottom: 1em;
	border-top: 2px solid black;
}

tr.inventory_row td
{
	padding: 0.5em;
}

tr.inventory_row td.highlight_issue
{
	background: #900;
	color: #FFFFFF;
}

tr.inventory_row td.number
{
	text-align: center;
}

.dialog_form
{
}

table.changes tr td.number
{
	text-align: center;
}

table.changes tr td
{
	padding: 0.5em;
}

table.changes tr td.changed
{
	background: #060;
	color: #FFFFFF;
}

td.label
{
    font-weight: bold;
    padding-left: 0.5em;
}

td.number
{
	text-align: center;
}

td.left
{
    text-align: left;
}

td.right
{
    text-align: right;
}

#information_column{
	
}

#management_column{
	padding: 20px;
	background: #DCCA99;
}

/*---------------------------------------------------
[7. Receipts]
----------------------------------------------------*/
#receipt
{
    width: 600px;
    font-size: .8em;
}

#receipt_header
{
    text-align:center;
}
#receipt_footer
{
    text-align: center;   
    margin-bottom: 0.5em;
}

#receipt_data table
{
    margin-left: auto;
    margin-right: auto;
}

/*---------------------------------------------------
[8. ]
----------------------------------------------------*/
.fieldWithErrors{padding: 2px;background-color: red;display: table;}
#errorExplanation {width: 400px;border: 2px solid red;padding: 7px;padding-bottom: 12px;margin-bottom: 20px;background-color: #f0f0f0;}
#errorExplanation h2 {text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;font-size: 12px;margin: -7px;background-color: #c00;color: #fff;}
#errorExplanation p {color: #333;margin-bottom: 0;padding: 5px;}
#errorExplanation ul li {font-size: 12px;list-style: square;}

#search_inventory_dialog
{
    font-size: .8em;
}

/*
.print_area
{
    font-size: .8em;
}
*/

#display_total_amount{
	color: red;
	font-size: 1.5em;
}

.emphasis{
	font-size: 1.5em;
}