/* Default Font Styles */
input, select, option {
	font-size: 10px;
	color: #000000;
	border-radius: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
}

body {
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

/* Main Format for Index.php */
.main_table {
	height: 100%;
	width: 520px;
	border: 2px solid #DDDDDD;
	background-color: #FFFFFF;
}

.status_div_cell {
	text-align: right;
	height: 14px;
	background: url('images/gradient.png') repeat-x scroll 50% center #111111;
	padding: 4px;
}

.status_div_body {
	color: #FFFFFF;
	font-size: 9px;
	padding: 2px;
}

.main_div {
	padding: 5px;
	margin: 4px;
	min-height: 200px;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
	background-color: #FFFFFF;
}

.login_body {
	height: 54px;
	width: 400px;
	background: none repeat scroll 0% 0% #FF9D00;
	border-width: 0px 2px 2px;
	border-style: solid;
	border-color: #DE8900;
	position: absolute;
	top: 33px;
	right: 12px;
	float: right;
	z-index: 9999;
	padding-top: 2px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.login_name {
	text-align: center;
	background: url('../images/gradient.png') repeat-x scroll left 50% #BF7600;
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px;
}

.login_details {
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
}

.login_level {
	color: gold;
	font-weight: bold;
}

.main_header {
	vertical-align: top;
	height: 80px;
	background: -webkit-linear-gradient(#9E6100, #FF9D00); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#9E6100, #FF9D00); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#9E6100, #FF9D00); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#9E6100, #FF9D00); /* Standard syntax (must be last) */
	border-top: 10px solid #FF9D00;
}

.main_menu {
	text-align: left;
	height: 26px;
	padding: 0px;
	background: url('../images/gradient.png') repeat-x scroll left 50% #BF7600;
	border-bottom: 6px solid #700000;
	text-shadow: 1px 1px black;
}

.selected_menu {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	background: #700000;
	padding-left: 10px;
	padding-right: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.non_selected_menu {
	color: #FFD9D9;
	font-size: 11px;
	height: 24px;
	padding-right: 6px;
	padding-left: 6px;
	cursor: pointer;
}

.non_selected_menu:hover {
	color: #FFFFFF;
}

.sub_menu {
	text-align: left;
	height: 26px;
	background-color: #B6C7DB;
}

.sub_menu_text {
	color: #1D3652;
	font-size: 11px;
	cursor: pointer;
}

.sub_menu_text:hover {
	color: #FFFFFF;
}

.license {
	text-align: center;
	height: 26px;
	background-color: #B6C7DB;
}

.about {
	text-align: center;
	background: url('../images/gradient.png') repeat-x scroll left 50% #BF7600;
	color: #FFFFFF;
	padding: 5px 10px;
	margin: 2px 4px;
	border: 2px solid #CCCCCC;
	border-radius: 10px;
}

/* Element Styles */
.load_div {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 110px;
	margin-left: -100px;
	margin-top: -55px;
	border: 2px solid #B0CE94;
	background-color: #FFFFFF;
}

.load_div_transparent {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	height: 100%;
	width: 100%;
	z-index: 9999;
	background: url('images/transbg.png');
	display: none;
}

.print_div {
	padding: 10px;
	min-height: 300px;
	max-height: 450px;
	position: relative;
	overflow: auto;
	border: 2px solid #B0CE94;
	background-color: #F1F6EC;
}

.text_div {
	padding: 10px;
	width: 800px;
	max-height: 450px;
	position: relative;
	overflow: auto;
	border: 1px solid #9F9F9F;
	background-color: #B1CEED;
	font-size: 12px;
}

.login_icon {
	text-align: center;
	vertical-align: middle;
	background: url('images/gradient.png') repeat-x scroll left 50% #B6C7DB;
	border: 1px solid #D5DDE5;
	width: 54px;
}

.login_name {
	text-align: center;
	background: url('../images/gradient.png') repeat-x scroll left 50% #BF7600;
	font-size: 11px;
	color: #FFFFFF;
	padding: 4px;
}

.login_details {
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
}

.login_level {
	color: gold;
	font-weight: bold;
}

/* Table Headers */
.table_1st {
	font-size: 13px;
	color: #FFFFFF;
	background: url('../images/gradient.png') repeat-x scroll left 50% #BF7600;
	border-bottom: 2px solid #700000;
	padding: 6px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.table_2nd {
	font-size: 11px;
	color: #1D3652;
	background: url('images/gradient.png') repeat-x scroll 50% center #D5DDE5;
	padding: 5px;
}

.table_bottom {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #1D3652;
	background: url('images/gradient.png') repeat-x scroll 50% center #D5DDE5;
	padding: 5px;
}

/* Cell Body */
.cell_notice {
	background-color: #EEF3F8;
	border-width: 1px 1px 4px;
	border-style: solid;
	border-color: #D5DDE5;
    padding: 10px;
}

/* Table with Result display */
.list_header {
	font-weight: bold;
	font-size: 11px;
	background-color: #D5DDE5;
	color: #1D3652;
	padding: 2px;
}

.list_header_up {
	font-weight: bold;
	font-size: 11px;
	background-color: #D5DDE5;
	color: #1D3652;
	padding: 2px 2px 1px;
}

.list_header_down {
	font-size: 10px;
	background-color: #D5DDE5;
	color: #1D3652;
	padding: 1px 2px 2px;
}

.sep_left {
	border-left: 1px solid #FFFFFF;
}

.sep_right {
	border-right: 1px solid #FFFFFF;
}

.list_line {
	padding: 2px 2px 2px 2px;
	color: #1C2837;
	border-bottom: 1px solid #FFFFFF;
}

.list_begin {
	border-bottom: 2px solid #B6C7DB;
	height: 4px;
}

.list_footer {
	border-top: 2px solid #B6C7DB;
	height: 4px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

.row_class {
	color: #FFFFFF;
	background-color: #1D3652;
	border-bottom: 2px solid #528F6C;
	border-top: 2px solid #528F6C;
}

.col_00 {
	background-color: #E4EBF2;
}

.col_00:hover {
	background-color: #FFFFCC;
}

.col_01 {
	background-color: #F1F4F7;
}

.col_01:hover {
	background-color: #FFFFCC;
}

.col_10 {
	background-color: #EEF3F8;
}

.col_10:hover {
	background-color: #FFFFCC;
}

.col_11 {
	background-color: #FAFBFC;
}

.col_11:hover {
	background-color: #FFFFCC;
}

.message_box {
	background-color: #F1F6EC;
	padding: 5px;
	border: 1px solid #B0CE94;
	color: #3E4934;
	line-height: 150%;
}

.message_box_title {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding: 4px;
	background-color: #B0CE94;
	border: 1px solid #B0CE94;
}

.message_box_left {
	background-color: #B0CE94;
	padding: 2px;
	border: 1px solid #B0CE94;
	color: #3E4934;
	line-height: 150%;
	width: 24px;
	vertical-align: top;
	text-align: center;
}

/* Labels for Inputs */
label {
	list-style: none outside none;
	color: #1C2837;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
}

.input_label {
	color: #1C2837;
	font-size: 12px;
	margin-right: 6px;
}

/* Searcher Box */
.searcher_box {
	background-color: #F1F6EC;
	padding: 4px;
	border: 1px solid #B0CE94;
	color: #3E4934;
	line-height: 150%;
}

.search_statistics_title {
	border-top: 1px solid #DEDEDE;
	font-size: 11px;
	color: #1C2837;
	padding: 2px 5px 2px;
}

.search_statistics_data {
	border-top: 1px solid #DEDEDE;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 2px;
}

/* Quick Links */
.link_text {
	cursor: pointer;
	color: #D5DDE5;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
}

.link_text:hover {
	color: #FFFFFF;
}

.desc_text {
	font-size: 9px;
	color: #606060;
	margin-left: 6px;
	display: block;
}

.desc_text_white {
	font-size: 9px;
	color: white;
	display: block;
}

.desc_text_2nd {
	font-size: 11px;
	color: #1C2837;
	display: block;
}

/* Statistics */
.text_statistics_header {
	font-weight: bold;
	font-size: 12px;
	color: #1C2837;
}

.cell_statistics_title {
	border-top: 1px solid #DEDEDE;
	font-size: 11px;
	color: #1C2837;
	padding: 2px 5px 2px;
}

.cell_statistics_data {
	border-top: 1px solid #DEDEDE;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding: 2px 5px 2px;
}

/* List Styles */
.text_style_1 {
	font-weight: bold;
	font-size: 12px;
	color: #1C2837;
	display: block;
}

.text_style_2 {
	font-weight: bold;
	color: #1C2837;
}

.text_style_3 {
	font-size: 9px;
	color: #606060;
	margin-bottom: 4px;
	display: block;
}

.text_style_4 {
	font-weight: bold;
	font-size: 16px;
	color: #1C2837;
	display: block;
}

.text_style_5 {
	font-size: 9px;
	color: #606060;
	display: block;
}

.text_form_data {
	font-size: 12px;
	color: #1C2837;
	margin-left: 6px;
}

.color_black {
	font-weight: bold;
	color: black;
}

.color_red {
	font-weight: bold;
	color: red;
}

.color_darkgrey {
	font-weight: bold;
	color: darkgrey;
}

.color_grey {
	font-weight: bold;
	color: grey;
}

.color_lightgrey {
	font-weight: bold;
	color: lightgrey;
}

.color_lightblue {
	font-weight: bold;
	color: lightblue;
}

.color_blue {
	font-weight: bold;
	color: blue;
}

.color_green {
	font-weight: bold;
	color: green;
}

.color_orange {
	font-weight: bold;
	color: orange;
}

.color_white {
	font-weight: bold;
	color: white;
}

/* Input Text Designs */
.input_text {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 160px;
}

.input_text:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_medium {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 220px;
}

.input_text_medium:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_large {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 320px;
}

.input_text_large:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_largest {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 400px;
}

.input_text_largest:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_area {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	color: #1C2837;
	resize: none;
	font-size: 11px;
	font-family: Arial,Helvetica,sans-serif;
	border-radius: 5px;
}

.input_text_area:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_select {
	font-size: 11px;
	border: 1px solid #9F9F9F;
    padding: 2px;
	background-color: #FFFFFF;
	background-image: url('images/rte_arrow.png');
    background-repeat: no-repeat;
    background-position: right center;
	margin-left: 6px;
	color: #1C2837;
	min-width: 40px;
}

.input_select:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_short {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 80px;
}

.input_text_short:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_shortest {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 40px;
}

.input_text_short:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_int {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 60px;
	text-align: right;
}

.input_text_int:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_longint {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 80px;
	text-align: right;
}

.input_text_longint:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_longestint {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 120px;
	text-align: right;
}

.input_text_longestint:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_smallint {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 30px;
	text-align: right;
}

.input_text_smallint:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

.input_text_shortint {
	background: url('images/input_text.png') repeat-x scroll 0% 0% #FFFFFF;
	border: 1px solid #9F9F9F;
	padding: 2px;
	margin-left: 6px;
	font-size: 11px;
	color: #1C2837;
	width: 45px;
	text-align: right;
}

.input_text_shortint:disabled {
	background: none repeat scroll 0% 0% #B1CEED;
}

/* Input Submit Designs */
.input_submit {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 3px 5px;
	cursor: pointer;
	background-color: rgb(29, 54, 82);
	color: #FFFFFF;
	border-color: rgb(79, 114, 152) rgb(17, 48, 81) rgb(17, 48, 81) rgb(79, 114, 152);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit:hover {
	background: none repeat scroll 0% 0% rgb(46, 73, 104);
}

.input_submit_s1 {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 3px 5px;
	cursor: pointer;
	background-color: rgb(238, 243, 248);
	color: #1D3652;
	border-color: rgb(250, 251, 252) rgb(191, 203, 216) rgb(191, 203, 216) rgb(250, 251, 252);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_s1:hover {
	background: none repeat scroll 0% 0% rgb(228, 235, 242);
}

.input_submit_s2 {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 3px 5px;
	cursor: pointer;
	background-color: rgb(82, 143, 108);
	color: #FFFFFF;
	border-color: rgb(94, 151, 112) rgb(35, 103, 76) rgb(35, 103, 76) rgb(94, 151, 112);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_s2:hover {
	background: none repeat scroll 0% 0% rgb(72, 135, 102);
}

.input_submit_s3 {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	border-width: 1px;
	border-style: solid;
	padding: 3px 5px;
	cursor: pointer;
	background-color: rgb(189, 199, 219);
	color: #FFFFFF;
	border-color: rgb(201, 207, 219) rgb(142, 159, 187) rgb(142, 159, 187) rgb(201, 207, 219);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_s3:hover {
	background: none repeat scroll 0% 0% rgb(179, 191, 213);
}

/* Input Submit Designs for Images */
.input_submit_image_0 {
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	cursor: pointer;
	background-color: rgb(29, 54, 82);
	color: #FFFFFF;
	border-color: rgb(79, 114, 152) rgb(17, 48, 81) rgb(17, 48, 81) rgb(79, 114, 152);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_image_0:hover {
	background: none repeat scroll 0% 0% rgb(46, 73, 104);
}

.input_submit_image_1 {
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	cursor: pointer;
	background-color: rgb(238, 243, 248);
	color: #1D3652;
	border-color: rgb(250, 251, 252) rgb(191, 203, 216) rgb(191, 203, 216) rgb(250, 251, 252);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_image_1:hover {
	background: none repeat scroll 0% 0% rgb(228, 235, 242);
}

.input_submit_image_2 {
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	cursor: pointer;
	background-color: rgb(82, 143, 108);
	color: #FFFFFF;
	border-color: rgb(94, 151, 112) rgb(35, 103, 76) rgb(35, 103, 76) rgb(94, 151, 112);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_image_2:hover {
	background: none repeat scroll 0% 0% rgb(72, 135, 102);
}

.input_submit_image_3 {
	text-align: center;
	border-width: 1px;
	border-style: solid;
	padding: 2px;
	cursor: pointer;
	background-color: rgb(189, 199, 219);
	color: #FFFFFF;
	border-color: rgb(201, 207, 219) rgb(142, 159, 187) rgb(142, 159, 187) rgb(201, 207, 219);
	border-radius: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
}

.input_submit_image_3:hover {
	background: none repeat scroll 0% 0% rgb(179, 191, 213);
}

.barcode_image {
	text-align: center;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	padding: 4px;
	background-color: #FFFFFF;
	border-color: lightgray darkgrey darkgrey lightgray;
}

/* Invoice Format */
.invoice_line1 {
	font-size: 16px;
	font-weight: bold;
}

.invoice_line2 {
	font-size: 14px;
}

.invoice_title {
	font-size: 16px;
}

.invoice_number {
	font-size: 20px;
}

.b_red {
	color: red;
}

.b_blue {
	color: blue;
}

.b_orangered {
        color: orangered;
}

.b_purple {
	color: purple;
}

.b_yellow {
	color: yellow;
}

.b_orange {
	color: orange;
}

.b_green {
	color: green;
}

.b_pink {
	color: pink;
}

.b_black {
	color: black;
}

.b_lightblue {
	color: lightblue;
}