html, body, div.global {
	min-height: 100%;
	width: 100%;
	height: auto;
	background-color: white;
}

* html body, * html body div.global {

	height: 100%;
}

.popup {
	width: 100%;
	font: 12px Arial;
	background-color: white;
}

a.node {
	text-decoration: none;
	background-color: transparent;
	color: black;
}

a.nodeSelected {
	font-weight: bold;
	text-decoration: none;
	background-color: blue;
	color: white;
}

a.unassignedOrg {
	text-decoration: none;
	background-color: transparent;
	color: black;
}

a.unassignedSite {
	text-decoration: none;
	background-color: transparent;
	color: slateBlue;
}

a.grantedSite {
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	color: darkBlue;
}

a.grantedOrg {
	font-weight: bold;
	text-decoration: underline;
	background-color: transparent;
	color: black;
}

a.inheritedOrg {
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	color: black;
}

a.inheritedSite {
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
	color: darkBlue;
}

a.deniedOrg {
	text-decoration: none;
	background-color: transparent;
	color: gray;
}

a.deniedSite {
	text-decoration: none;
	background-color-transparent;
	color: slateBlue;
}

.tree2_user_orgs {
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	width: 100%;
}

a:hover {
	text-decoration: underline;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a.sortHeader {
	font: bold 12px Arial !important;
	text-decoration: none !important;
	color: black          !important;
}
a:hover.sortHeader {
    
}

a.blackText {	
	color: black !important;
}


div.global {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

table.global {
	height: 100%;
	width: 100%;
}

tr.body {
	vertical-align: top;
}

tr.header {
	vertical-align: top;
	height: 110px;
}

tr.footer {
	vertical-align: bottom;
}

* {
	border-collapse: collapse;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial serif;
	font-size: 12px;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

form {
	padding: 0;
	margin: 0;
	font: 12px Arial;
}

form input.text {
	margin-left: 10px;
	font: 14px Arial;
	width: 150px;
}

form select.combo {
	margin-left: 10px;
	font: 14px Arial;
	width: 150px;
}

.logo {
	width: 280px;
	height: 110px;
	background: url(../images/logo.gif) no-repeat;
}

.left_align {
	text-align: left !important;
}

.right_align {
	text-align: right;
}

.center_align {
	text-align: center;
}

.middle_align {
	vertical-align: middle;
}

.top_align {
	vertical-align: top;
}

.bottom_align {
	vertical-align: bottom;
}

.errors {
	font: bold 10px Verdana, arial, sans serif;
	color: #CC3333;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	white-space: nowrap;
}

.errors_wrap {
	font: bold 10px Verdana, arial, sans serif;
	color: #CC3333;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	white-space: wrap;
}

.warning {
	font: bold 10px Verdana, arial, sans serif;
	color: #CC3333;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	white-space: nowrap;
}

.info {
	font: bold 10px Verdana, arial, sans serif;
	color: green;
	margin: 0;
	padding: 0 0 0 5px;
	text-align: left;
	white-space: nowrap;
}

.right_menu_cell {
	text-align: right;
	width: 90px;
}

#header {
	width: 100%;
	background: url( ../images/header_bg.gif ) repeat-x bottom left #FFF;
	position: relative;
	height: 110px;
}

#header .headtitle .main_caption {
	display: block;
	font: bold 17px Arial;
	margin-bottom: 5px;
	padding: 0;
}

#header .headtitle .company {
	display: block;
	font: bold 17px Arial;
	margin-bottom: 5px;
	margin-left: 10px;
}

#header .headtitle .site {
	display: block;
	font: bold 15px Arial;
	margin-bottom: 5px;
	margin-left: 17px;
}

#header .headtitle .pagename {
	display: block;
	font: 20px Arial;
	margin-top: 5px;
	margin-left: 10px;
}

.td_header_logo {
	width: 280px;
}

#header .logo {
	width: 280px;
	height: 110px;
}

.logoImage {
  height:110px;
  width:280px;
}

.emptyLogo {
	height:110px;
	width:280px;
	background-color:gray;
}

#header .user {
	text-align: right;
}

#header .user .name {
	display: block;
	font: bold 16px Arial;
}

#header .user .date {
	display: block;
	font: 12px Arial;
	color: #999;
	margin: 0;
	margin-bottom: 10px;
}

div.content {
	padding: 15px 0 65px 0;
	width: 100%;
	text-align: center;
}

.left_menu {
	width: 190px;
	vertical-align: top;
	padding-top: 10px;
	padding-left: 10px;
}

td.body {
	width: 100%;
	vertical-align: top;
	height: 100%;
}

.right_menu {
	float: right;
	padding-right: 5px;
	width: 100px;
}

div.body {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

div.footer {
	/*position: absolute;*/
	/*bottom: 0;*/
	/*left: 0;*/
	vertical-align: bottom;
	width: 100%;
	text-align: center;
}

.footer .logo {
	background: url(../images/logo_intelitap.gif) no-repeat;
	width: 120px;
	height: 50px;
	margin: 0;
}

.footer .copyright {
	font: 10px Arial;
	margin: 0;
}

.footer .version {
	font: 12px Arial;
}

input.button {
	font: bold 14px Tahoma;
	padding:0 10px 0 10px;
	height:28px;
	border: 1px inset #567810;
	background-color: #B4DF5A;
	color: #FFFFFF;
	background-image: url(../images/butt_bg.gif);
	text-align: center;
	text-transform:uppercase;
	margin-left:   2px;
	margin-right:  2px;
	margin-top:    2px;
	margin-bottom: 2px;
	cursor: pointer;
}

.caption {
	font: bold 14px Arial;
	margin-bottom: 5px;
	text-align: left;
}

.caption_big {
	font: bold 16px Arial;
	margin-bottom: 5px;
	text-align: left;
}

.label {
	font: bold 12px Arial;
}

label {
	font: bold 12px Arial;
}

.level {
	width: 30px;
}

.text {
	font: 12px Arial;
}

.number_input {
	margin-left: 10px;
	font: 12px Arial;
	width: 70px;
}

.buttons {
	margin-top: 10px;
	margin-right: 10px;
}

.main_menu {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	clear: left;
}

.menu_item {
	width: 120px;
	height: 140px;
	margin-left: 20px;
	margin-top: 20px;
	float: left;
	display: inline;
	list-style-type: none;
}

.menu_left {
	width: 160px;
	margin: 0 auto;
	text-align: left;
	clear: left;
	float: left;
}

.table_container {
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 98%;
}

.table {
	width: 100%;
	font: 12px Arial;
	margin-top: 10px;
	margin-bottom: 10px;
}

.tableBorder {
	width: 100%;
	font: 12px Arial;
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px solid #888888 !important;
}


.add_brand_table {
	width: 100%;
	font: 12px Arial;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.table td {
	border: 1px solid #888888;
	text-align: center;
	padding: 3px;
}

.table th {
	border: 1px solid #888888;
	background: #bbbbbb;
	padding: 3px;
}

.table_half {
	width: 50%;
	font: 12px Arial;
}

.table_half td {
	border: 1px solid #888888;
	text-align: center;
	padding: 3px;
}

.table_half th {
	border: 1px solid #888888;
	background: #bbbbbb;
	padding: 3px;
}

.top_aligned_cell {
	vertical-align:top;
}

.header_row {
	background: #bbbbbb;
	font-weight: bold;
}

.refresh_img {
	width: 30px;
	height: 29px;
}

.print_img {
	width: 91px;
	height: 73px;
}

.start_img {
	width: 38px;
	height: 30px;
}

.stop_img {
	width: 38px;
	height: 30px;
	margin-left: 10px;
}

table.group_box td {
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}

table.middle_box {
	padding: 3px;
	position: relative;
	top: 50%;
}

.top_aligned_table td {
	vertical-align: top;
}

.caption_small {
	font: bold 12px Arial;
}

.status {
	font: bold 12px Arial;
	color: cadetblue;
}

.status_running {
	font: bold 12px Arial;
	color:green;
}

.status_stopped {
	font: bold 12px Arial;
	color:red;
}


td.tabContent {
	background-color: #FFFFFF !important;
	border-left: 1px solid black !important;
	border-right: 1px solid black !important;
	border-bottom: 1px solid black !important;
	vertical-align: top !important;
	padding-top: 5px !important;
	padding-left: 5px !important;
	height: 100% !important;
	text-align: left !important;
}

.right_text {
	font: 14px Arial;
	text-align: right;
	padding-bottom: 5px;
}

.left_text {
	font: 14px Arial;
	text-align: left;
	padding-bottom: 5px;
}

.center_text {
	font: 14px Arial;
	text-align: center;
	padding-bottom: 5px;
}

.report_img {
	width: 26px;
	height: 24px;
}

.red_img {
	background: url( ../images/level_red.gif );
}

.yellow_img {
	background: url( ../images/level_yellow.gif );
}

.green_img {
	background: url( ../images/level_green.gif );
}

.site_header {
	font: 12px Arial;
	text-align: left;
}

.left_menu_link {
	height: 30px;
}

.left_menu_button {
	border: 0;
	text-transform: uppercase;
	padding-left: 48px;
	text-align: center;
	width: 142px;
	height: 47px;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	color: #222222;
	cursor: pointer;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

.left_menu_client {
	background: url( ../images/butt_detail_sm.gif ) no-repeat;
}

.left_menu_client_list {
	background: url( ../images/butt_nav_back_sm.gif ) no-repeat;
}

.left_menu_sites {
	background: url( ../images/butt_sites_sm.gif ) no-repeat;
}

.left_menu_alerts {
	background: url( ../images/butt_alerts_sm.gif ) no-repeat;
}

.left_menu_cards {
	background: url( ../images/butt_cards_sm.gif ) no-repeat;
}

.left_menu_brands {
	background: url( ../images/butt_inventory_sm.gif ) no-repeat;
}

.left_menu_users {
	background: url( ../images/butt_users_sm.gif ) no-repeat;
}

.left_menu_roles {
	background: url( ../images/butt_roles_sm.gif ) no-repeat;
}

.left_menu_reports {
	background: url( ../images/butt_reports_sm.gif ) no-repeat;
}

.left_menu_subscribe {
	background: url( ../images/butt_collection_sm.gif ) no-repeat;
}

.left_menu_site {
	background: url( ../images/butt_site_sm.gif ) no-repeat;
}

.left_menu_site_list {
	background: url( ../images/butt_nav_back_sm.gif ) no-repeat;
}

.left_menu_detail {
	background: url( ../images/butt_detail_sm.gif ) no-repeat;
}

.left_menu_products {
	background: url( ../images/butt_products_sm.gif ) no-repeat;
}

.left_menu_home {
	background: url( ../images/butt_home_sm.gif ) no-repeat;
}

.left_menu_monitor {
	background: url( ../images/butt_monitor_sm.gif ) no-repeat;
}

.left_menu_lines {
	background: url( ../images/butt_lines_sm.gif ) no-repeat;
}

.left_menu_inventory {
	background: url( ../images/butt_inventory_sm.gif ) no-repeat;
}

.left_menu_collection {
	background: url( ../images/butt_collection_sm.gif ) no-repeat;
}

.left_menu_aggregation {
	background: url( ../images/butt_aggregations_sm.gif ) no-repeat;
}

.left_menu_admin_enabled {
	background: url( ../images/butt_admin_on.gif ) no-repeat;
}

.left_menu_admin_disabled {
	background: url( ../images/butt_admin_off.gif ) no-repeat;
}

.left_menu_logs {
	background: url( ../images/butt_logs_sm.gif ) no-repeat;
}

.left_menu_transmission {
	background: url( ../images/butt_transmission_sm.gif ) no-repeat;
}

.left_menu_tests {
	background: url( ../images/butt_tests_sm.gif ) no-repeat;
}

.left_menu_lines {
	background: url( ../images/butt_lines_sm.gif ) no-repeat;
}

.left_menu_status {
	background: url( ../images/butt_status_sm.gif ) no-repeat;
}

.left_menu_cleaning {
	background: url( ../images/butt_cleaning_sm.gif ) no-repeat;
}

.left_menu_setup {
	background: url( ../images/butt_setup_sm.gif ) no-repeat;
}

.left_menu_step1 {
	background: url( ../images/butt_step1.gif ) no-repeat;
}

.left_menu_step2 {
	background: url( ../images/butt_step2.gif ) no-repeat;
}

.left_menu_step3 {
	background: url( ../images/butt_step3.gif ) no-repeat;
}

.left_menu_step4 {
	background: url( ../images/butt_step4.gif ) no-repeat;
}

.left_menu_step5 {
	background: url( ../images/butt_step5.gif ) no-repeat;
}

.left_menu_step6 {
	background: url( ../images/butt_step6.gif ) no-repeat;
}

.left_menu_step7 {
	background: url( ../images/butt_step7.gif ) no-repeat;
}

.left_menu_step8 {
	background: url( ../images/butt_step8.gif ) no-repeat;
}

.clear_all_alerts {
	background: url( ../images/butt_clear_all_alerts.gif ) no-repeat;
}

.image_button {
	margin-bottom: 2px;
	margin-right:  2px;
	margin-left:   2px;
	margin-top:    2px;
	background-repeat: no-repeat;
}

.labeledEdit {
	display: inline;
}

.transmissionURL {
	width: 300px;
}

.no_wrap {
	white-space: nowrap;
}

.column_header {
	font-weight: bold;
	font: 12px Arial;	
}

.column_line {
	width: 50px;
}

.column_brand {
	width: 150px;
}

.column_size {
	width: 120px;
}

.column_date {
	width: 100px;
}

.column_date_combo {
	width: 80px;
}

.column_test_name {
	width: 300px;
}

.column_test_result {
	width: 150px;
}

.column_status {
	width: 150px;
}

input.matcard_name {
	width: 100%;
}

input.keg_size {
	width: 130px;
}

input.product_brand {
	width: 130px;
}

.scroller {
	padding-left: 20px;
}

.paginator {
	font-family : Arial, Helvetica, verdana, sans-serif;
	font-size: 14px;
}

.paginator td {
	padding-left: 7px;
	padding-right: 7px;
}

.paginator td a {
	font-style: normal;
}

.paginatorText {
	font: 10px Arial;
}

.activityList {
	width: 150px;
}

.servicesiteList {
	width: 200px;
}

.alertTypeList {
	width: 200px;
}

.table table {
	width: 100%;
	font: 14px Arial;
	border: 0px;
}

.table table td {
	width: 100%;
	border: 0px;
}

span.form_text_small {
	text-align: left;
	font-family: Arial;
	font-size: 12px;
}

.instructions {
	font: 10px Arial;
	white-space: wrap;
}