/* $Id: common.css,v 1.1 2007/10/23 12:05:02 thomas Exp $
 * Copyright (c) 2006 Abakus Softwares Ltd. All rights reserved. */
 
#help {
    width: 100%;
    text-align: right;
    font-size: 8pt;
}
 
#help a {
    text-decoration: none;
}

div.cell {
	float:left;
	padding-right: 10px;
}

div.advanced {
	clear: both;	
}

table.query {
    border: 0;
    margin-bottom: 5px;
}

table.query tr td {
    padding: 0px 10px 0px 0px;
    margin: 0px;
}

table.query tr td.buttons input {
    margin-right: 10px;
}


table.list {
    border: 0;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

table.list tr.odd {
    background-color: #f5f5f5;
}

table.list tr.even {
    background-color: #d9dee6;
}

table.result-list {
    border: 0;
    margin-bottom: 10px;
}

table.result-list tr.odd {
    background-color: #f5f5f5;
}

table.result-list tr.even {
    background-color: #d9dee6;
}

table.result-list tfoot tr td {
	border-top: 1px solid black;
}

.groupBy {
    background-color: #a0acc1;
}

.oddcolor {
	height: 20px;
	width: 20px;
	background: url('../images/20x20white_balloon_alpha.png') no-repeat;
}

.evencolor {
	height: 20px;
	width: 20px;
	background: url('../images/20x20gray_balloon_alpha.png') no-repeat;
}

table.list tr th {
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
    border-bottom: 1px solid black;
    vertical-align: bottom;
}

table.list tr th.checkbox {
    padding-left: 0;
    padding-right: 0;
    width: 20px;
}

table.list tr th.last {
    padding-right: 0;
}

table.list tr td {
    padding: 3px 5px 3px 0px;
    margin: 0px;
    vertical-align: top;
}

table.list tr td.checkbox {
    padding-left: 0;
    padding-right: 0;
    width: 20px;
}

table.list tr td.last {
    padding-right: 0;
}

table.list tr.last td {
}

table.result-list tr th {
    font-weight: bold;
    padding: 3px 5px 3px 0px;
    margin: 0px;
    border-bottom: 1px solid black;
    vertical-align: bottom;
}

table.result-list tr th.checkbox {
    padding-left: 0;
    padding-right: 0;
    width: 20px;
}

table.result-list tr th.last {
    padding-right: 0;
}

table.result-list tr td {
    padding: 3px 5px 3px 0px;
    margin: 0px;
    vertical-align: top;
}

table.result-list tr td.checkbox {
    padding-left: 0;
    padding-right: 0;
    width: 20px;
}

table.result-list tr td.last {
    padding-right: 0;
}

table.result-list tr.last td {
}

    
table.record {
  	width: 400px;
  	margin: 0px 0px 15px 0px;
  	border-collapse: collapse;
}
  
table.record tr td {
  	text-align: left;
  	vertical-align: middle;
    width: 60%;
    padding: 3px 0px 3px 6px;
}

table.record tr th {
    font-weight: bold;
	text-align: left;
  	vertical-align: middle;
    padding: 3px 0px 3px 0px;
  	width: 40%;
  	border: none;
}

table.wide {
	width: 100%;
}

table.wide tr td {
	width: auto;
}

table.wide tr th {
	width: 140px;
}

table.record tr.multiline th {
    vertical-align: top;
}
table.record tr.multiline td {
    vertical-align: top;
}

table.record tr th.multiline {
    vertical-align: top;
}

table.record tr td input {
    width: 100%;
}

table.record tr td input[type="checkbox"], table.record tr td input[type="radio"] {
    width: auto;
}
 
table.record tr td textarea {
    width: 100%;
}   

table.struct {
    width: auto;
    border: 0;
    margin: 0;
}

table.struct tr td {
    border: 0;
    padding: 0;
    width: auto;
    white-space: nowrap;
}

table.struct tr th {
    font-weight: normal;
    border: 0;
    padding: 0;
    width: auto;
    white-space: nowrap;
}

table.selection tr td {
	padding: 0;
	margin: 0;
	width: auto;
	white-space: nowrap;
}

div.idTab a {
    color: black;
}

div.idTab {
    display: none;
    clear:left;
    padding: 5px 10px 10px 10px;
    margin: 0 0 10px 0;
    background-color: #b5c8e6;
}
ul.idTabs {
    padding: 0;
    margin: 0;
    border: 1px solid #ffffff;
}
ul.idTabs li { 
    list-style:none; float:left; 
    padding: 0;
    margin: 0;
}
ul.idTabs a {
    display:block;
    padding:6px 10px;
    text-decoration:none!important;
    color:#000000;
    background-color:#ffffff;
}
ul.idTabs a.selected {
    margin-bottom:0;
    color:#000000;
    background-color: #b5c8e6;
    cursor:default;
    font-weight:bold;
}

table.list tr.borderAbove th {
    border-top: 1px solid black;
}
table.list tr.borderAbove td {
    border-top: 1px solid black;
}

table.list tr.summary th { 
    font-weight: normal;
    border-bottom: 0;
    text-align: right;
}

input.date {
	width: 75px;
}

div.property {
}

div.title {
    font-weight: bold;
	text-align: left;
    padding: 3px 0px 3px 0px;
}	

div.value {
	text-align: left;
    padding: 3px 0px 3px 0px;
}	

.dragElement {
	background-color: lightblue;
}

div.jGrowl {padding: 10px;z-index: 9998;}
body > div.jGrowl {position:fixed;}
body > div.jGrowl.top-left {left: 0px;top: 0px;}
body > div.jGrowl.top-right {right: 0px;top: 0px;}
body > div.jGrowl.bottom-left {left: 0px;bottom:0px;}
body > div.jGrowl.bottom-right {right: 0px;bottom: 0px;}
body > div.jGrowl.center {top: 0px;width: 50%;left: 25%;}
div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right: auto;}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color: #b5c8e6;color: black;zoom: 1;width: 235px;padding: 10px;margin-top: 5px;margin-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align: left;display: none;-moz-border-radius: 5px;-webkit-border-radius:5px;}
div.jGrowl div.jGrowl-notification {min-height: 40px;}
div.jGrowl div.jGrowl-notification div.header {font-weight: bold;font-size:10px;}
div.jGrowl div.jGrowl-notification div.close {z-index: 9999;float: right;font-weight: bold;font-size: 12px;cursor:pointer;}
div.jGrowl div.jGrowl-closer {height: 15px;padding-top: 4px;padding-bottom: 4px;cursor: pointer;font-size:11px;font-weight: bold;text-align: center;}



.alert {
	color: red;
}
a > img {
	cursor: pointer;
}

table.fieldGroup input {
	width: 100%;
}

div.checkboxes {
	margin-bottom: 10px;
}
div.checkbox {
	vertical-align: middle;
	margin-right: 10px;
	margin-bottom: 5px;
}

div.input-modified {
	background-color: yellow;
	color: black;
}
span.edit-value:hover {
	cursor: pointer;
}

div.deleted {
	 width: 25%;
     font-weight: bold;
     border: 2px solid red;
     padding: 10px;
     margin-bottom: 10px;
     background-color: #E0E0E0;
}

.groupBy {
/*   background-color: ;*/
}