@CHARSET "ISO-8859-1";

body {
	margin: 0;
	background: none repeat scroll 0 0 #FFFFFF;
}

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

img {
	border: none;
}

a {
	color: #000;
}

table {
	border-collapse: collapse;
}

#main {
	height: auto;
	min-height: 100%;
	margin: 0 auto -25px;
	text-align: left;
	width: 100%;
}

/* Header */

div#header {
	position: relative;
	height: 50px;
	padding: 5px 10px;
}

div#header div.logo {
	background: url("default/images/im_logo.png.xhtml") repeat scroll 0 0 transparent;
	width: 150px;
	height: 50px;
}

div#header div.title {
	bottom: 0px;
	right: 15px;
	position: absolute;
	font-size: 1.4em;
	display: block;
}

div#header div.title span.site {
	display: none;
}

/* Connection Status */
div#connection-status {
	position: absolute;
	right: 10px;
	top: 10px;
}

div#connection-status div {
	width: 25px;
	height: 25px;
}

div#connection-status-bar div {
	width: 100px;
	height: 25px;
}

div#connection-status div.default {
	background: url("default/images/connect_idle.gif.xhtml") no-repeat scroll 0 0 transparent;
}

div#connection-status div.active {
	background: url("default/images/connect_active.gif.xhtml") no-repeat scroll 0 0 transparent;
}

div#connection-status div.causion {
	background: url("default/images/connect_caution.gif.xhtml") no-repeat scroll 0 0 transparent;
}

div#connection-status div.error {
	background: url("default/images/connect_disconnected.gif.xhtml") no-repeat scroll 0 0 transparent;
}

/* Message (this will only show the error icon and hovering will display the error) */
span.message-icon {
	background: url("default/icons/error.png.xhtml") no-repeat scroll 0 0 transparent;
	font-size: 0px;
	height: 16px;
	width: 16px;
	display: block;
}

/* Messages */

.ui-messages ul {
    margin: 0;
    padding: 5px 0;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
	margin: 5px 10px;
	padding: 0;
}

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, 
.ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
	font-weight: normal;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-fatal, .ui-messages-error, .ui-message-info, .ui-message-warn, .ui-message-fatal, .ui-message-error {
    color: #333;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    display: none;
}

.messages.error, .ui-messages-error {
	background: none repeat scroll 0 0 #FF9999;
	border: 1px solid #FF0000;
}

.messages.info, .ui-messages-info {
	background: none repeat scroll 0 0 #99FF66;
	border: 1px solid #339900;
}

.messages.warn, .messages.fatal, .ui-messages-warn, .ui-messages-fatal {
	background: none repeat scroll 0 0 #FFEE66;
	border: 1px solid #FF9966;
}

/* .messages ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.messages ul span {
	display: block;
	border: 1px solid #CCC;
	margin: 5px 0px;
	padding: 5px;
}

#content {
	padding: 5px;
}

/* Form */
table.form {
}

table.form label {
	font-weight: bold;
}

table.form td {
	padding: 5px;
}

/* table.form table td {
	padding: 0;
} */

table.form td.label {
	width: 150px;
}

table.form td.label.width-50 {
	width: 50px;
}

table.form td.label.width-100 {
	width: 100px;
}

table.form td.label.width-200 {
	width: 200px;
}

table.form td.label.width-250 {
	width: 250px;
}

table.form td.label.width-300 {
	width: 300px;
}

table.form td.label.width-350 {
	width: 350px;
}

table.form td.label.width-400 {
	width: 400px;
}

table.form td.field {
	
}

table.form td.field fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

table.form td.input {
	width: 200px;
	height: 30px;
}

table.form td.input fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

table.form td.error {
	color: #ff0000;
	vertical-align: middle;
	padding-left: 5px;
}

table.form input {
	
}

input.error, select.error, .errorInput .ui-inputfield.error {
	background-color: #F66;
}

textarea.error,select.error,.errorInput .ui-inputfield.error {
	background-color: #F66;
}

.box .header {
	background-color: #CCCCCC;
}

.check, .checkIcon {
	background: url("default/icons/check.png.xhtml") no-repeat scroll 0 0 transparent;
	display: inline-block;
    width: 16px;
    height: 16px;
}

.cross, .crossIcon {
	background: url("default/icons/cross.png.xhtml") no-repeat scroll 0 0 transparent;
	display: inline-block;
    width: 16px;
    height: 16px;
}

a.add, span.add {
	background: url("default/icons/add.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.brick, span.brick {
	background: url("default/icons/brick.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.broom, span.broom {
	background: url("default/icons/broom.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.cancel, span.cancel {
	background: url("default/icons/cancel.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.clock, span.clock {
	background: url("default/icons/clock.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.csv, span.csv {
	background: url("default/icons/csv.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.delete, span.delete {
	background: url("default/icons/bin.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.edit, span.edit {
	background: url("default/icons/pencil.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.exit, span.exit {
	background: url("default/icons/door_out.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.go, span.go {
	background: url("default/icons/go.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.key, span.key {
	background: url("default/icons/key.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.money, span.money {
	background: url("default/icons/money.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.print, span.print {
	background: url("default/icons/print.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.save, span.save {
	background: url("default/icons/disk.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.user, span.user {
	background: url("default/icons/user.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.users, span.users {
	background: url("default/icons/users.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.view, span.view {
	background: url("default/icons/view.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

a.zoom, span.zoom {
	background: url("default/icons/zoom.png.xhtml") no-repeat scroll 0 0 transparent;
	padding-left: 25px;
}

/* Tooltip Help */
div.help {
	background: url("default/icons/help.png.xhtml") no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
}

/* Tabset */
.tab .ui-tabs-nav li {
	border-bottom: 0 none;
	margin: 0 0.2em -1px 0;
	white-space: nowrap;
}

.tab .ui-tabs-nav li.ui-state-default {
	background: none repeat scroll 0 0 #CCCCCC;
	border: 1px solid #333;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.tab .ui-tabs-nav li.ui-state-active {
	background: none repeat scroll 0 0 #FFFFFF;
	padding-bottom: 1px;
}

.tab .ui-tabs-panel {
	padding: 5px;
}

.tab .yui-content {
	border: 1px solid #333333;
}

/* Block */
table.block {
	width: 100%;
	border: 1px solid #333333;
	border-collapse: collapse;
}

table.block th {
	background: none repeat scroll 0 0 #DDDDDD;
	text-align: left;
	border-bottom: 1px solid #333333;
	height: 25px;
	font-weight: bold;
	padding: 0px 5px;
}

table.block .list {
	border: none;
}

table.block table.ribbon {
	padding: 0 5px;
}

/* Login screen */
.login {
	width: 400px;
	margin: auto;
	
	/* Position login element in the center of the screen */
	left: 50%;
    margin-left: -200px;
    margin-top: -150px;
    position: absolute;
    top: 50%;
}

.login .messages {
	margin: 5px;
	padding: 5px;
	display: block;
}

/* Panel */
table.panel {
	width: 100%;
	border-collapse: collapse;
}

table.panel {
	border: none;
}

table.panel td.column {
	vertical-align: top;
}

table.panel td.column-5 {
	width: 5%;
}

table.panel td.column-10 {
	width: 10%;
	vertical-align: top;
}

table.panel td.column-15 {
	width: 15%;
	vertical-align: top;
}

table.panel td.column-20 {
	width: 20%;
	vertical-align: top;
}

table.panel td.column-25 {
	width: 25%;
	vertical-align: top;
}

table.panel td.column-30 {
	width: 30%;
	vertical-align: top;
}

table.panel td.column-33 {
	width: 33%;
	vertical-align: top;
}

table.panel td.column-35 {
	width: 35%;
	vertical-align: top;
}

table.panel td.column-40 {
	width: 40%;
	vertical-align: top;
}

table.panel td.column-45 {
	width: 45%;
	vertical-align: top;
}

table.panel td.column-50 {
	width: 50%;
	vertical-align: top;
}

table.panel td.column-50.right {
	padding-left: 2.5px;
}

table.panel td.column-50.left {
	padding-right: 2.5px;
}

table.panel td.column-55 {
	width: 55%;
	vertical-align: top;
}

table.panel td.column-60 {
	width: 60%;
	vertical-align: top;
}

table.panel td.column-66 {
	width: 66%;
	vertical-align: top;
}

table.panel td.column-70 {
	width: 70%;
	vertical-align: top;
}

table.panel td.column-75 {
	width: 75%;
	vertical-align: top;
}

table.panel td.column-80 {
	width: 80%;
	vertical-align: top;
}

table.panel td.column-85 {
	width: 85%;
	vertical-align: top;
}

table.panel td.column-90 {
	width: 90%;
	vertical-align: top;
}

table.panel td.column-95 {
	width: 95%;
	vertical-align: top;
}

/* Ribbon */
table.ribbon {
	border-collapse: collapse;
	width: 100%;
	height: 40px;
}

table.ribbon .text {
	
}

table.ribbon .pagination {
	
}

table.ribbon td.button {
	text-align: right;
}

div.form-actions {
	
}

div.form-actions div.buttons {
	float: right;
}

/* Buttons */
a.button, input.button {
	padding: 5px 10px;
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #CCC;
	border: solid 1px #333;
	text-decoration: none;
	color: #000;
	cursor: pointer;
}

input.button {
	padding: 3px 10px;
}

a.button:hover,input.button:hover {
	text-decoration: none;
	background-color: #DDD;
}

span.button-dis {
	padding: 5px 10px;
	background-repeat: no-repeat;
	background-position: 2px center;
	background-color: #DDDDDD;
	border: solid 1px #CCCCCC;
	margin-left: 5px;
	text-decoration: none;
	color: #999;
}

/* Wrapper */
div.wrapper {
	margin: 5px;
	padding: 5px 5px 0px;
	border: solid 1px #999999;
}

div.wrapper table.block, div.wrapper div.ui-datatable {
    margin-bottom: 5px;
}

.ui-panel {
    margin-bottom: 5px !important;
}

/* List */
table.list {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #333333;
}

table.list th {
	background: none repeat scroll 0 0 #CCCCCC;
	text-align: left;
	height: 25px;
	padding: 0px 5px;
	border-bottom: 1px solid #333333;
}

table.list tbody td {
	padding: 0px 5px;
	height: 20px;
}

table.list tbody tr.odd {
	background: none repeat scroll 0 0 #F3F3F3;
}

table.list td.width-25 {
	width: 25px;
}

table.list td.width-50 {
	width: 50px;
}

table.list td.width-75 {
	width: 75px;
}

table.list td.width-100 {
	width: 100px;
}

table.list td.width-125 {
	width: 125px;
}

table.list td.width-150 {
	width: 150px;
}

table.list td.width-200 {
	width: 200px;
}

table.list td.width-250 {
	width: 250px;
}

table.list td.width-300 {
	width: 300px;
}

table.list .actions {
	width: 100px;
}

table.list td.actions a {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

table.list td.actions a span {
	display: none;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
}

table.list .actions a {
	display: none;
}

table.list button, table.list input, table.list select, table.list textarea {
	margin: 0px;
}

.empty {
	display: block;
	padding: 5px;
}

/* legend */
div.legend {
	height: 30px;
	border: none;
	/* margin-bottom: 5px; */
	/* display: inline-block; */
}

div.legend span {
	background-repeat: no-repeat;
	line-height: 25px;
	margin: 0 10px 0 5px;
}

div.legend span.icon {
	padding-left: 16px;
	line-height: 25px;
	margin: 0;
}

/* Application Info */
#appinfo {
	bottom: 5px;
	font-size: 0.6em;
	position: absolute;
	right: 5px;
	text-align: right;
	width: 400px;
}

/* Primefaces modifications */

/* Menubar */
.ui-menu {
	border: none;
    padding: 0;
}

.ui-menu .ui-menuitem{
	margin: 0;
}

.ui-menubar .ui-menuitem-link {
    padding: 0.4em 0.7em;
}

.selected{
	background: url("/webbook/javax.faces.resource/images/ui-bg_flat_100_bbb_40x100.png.jsf?ln=primefaces-im-framework") repeat-x scroll 50% 50% #bbb;
}

.ui-menu .ui-menuitem-link{
	line-height: 18px;
}

ul.ui-menu-child{
	padding: 0;
	background: none repeat scroll 0 0 #ddd;
	border: none;
}

.ui-menubar .ui-menu-child .ui-menuitem-link{
	width: 87%;
}

/* Datatable */

.ui-datatable thead th {
	text-align: left;
	background: none repeat scroll 0 0 #ccc;
	border: none;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	font-weight: bold;
}

.ui-datatable .ui-state-default {
	font-weight: bold;
}

.ui-datatable .ui-inputnumber, .ui-datatable .ui-inputnumber input {
	font-weight: normal;
}

.ui-datatable tbody td{
	border: none;
}

.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer{
	text-align: left;
}

.ui-datatable-data .ui-datatable-even{
	background: none repeat scroll 0 0 #f3f3f3;
}

.ui-paginator{
	border-top: medium none;
	text-align: left;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options{
	margin-left: 0em;
}

tr[role="row"]{
	border: none;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

/* Buttons */
.ui-button {
    background: none repeat scroll 0 0 #ccc;
}

.ui-button:hover {
    background: none repeat scroll 0 0 #ddd;
}

.ui-button-icon-only {
    height: 1.8em;
    width: 1.8em;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

.ui-button-icon-only:hover {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
}

/* Dialog */
.ui-dialog .ui-dialog-titlebar{
	border-bottom: 1px solid #333;
}

.ui-shadow {
    box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.7);
}

.ui-dialog .ui-dialog-footer {
    border: medium none;
    float: right;
    padding: 0.5em 0;
    text-align: left;
}

.ui-dialog .ui-dialog-footer .ui-button{
	margin-right: 0.5em;
}

/* InputFields */
.ui-inputfield, .ui-selectonemenu, .ui-autocomplete-input{
	background: none repeat scroll 0 0 #fff;
} 

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
	background: none repeat scroll 0 0 #bbb;
}

.ui-radiobutton {
    margin: 0;
    padding-right: 1em;
}

.ui-selectmanycheckbox label, .ui-selectoneradio label{
	margin: 0;
    padding-right: 1em;
}

.ui-picklist .ui-picklist-caption{
	margin-top: 3px;
}

.ui-selectonemenu-list {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0;
}

/* Filter */
/* td tr {
	vertical-align: top;
} */

td tr .label{
	vertical-align: middle;
}

/* FieldSet */
.ui-fieldset .ui-fieldset-legend{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: none;
	padding: 0.6em;
}

/* Confirm Dialog */
.ui-confirm-dialog .ui-dialog-content{
	margin: 10px;
}

.ui-confirm-dialog .ui-dialog-content .ui-confirm-dialog-message{
	padding-left: 10px;
}

/* ToolTip */
.ui-tooltip .ui-tooltip-text {
	padding: 0px;
	background-color: #FFF;
}