/*  // ---------------------
    // -- BASICS
    //---------------------- */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	margin: 0px;
	overflow-y: hidden;
}
a.action {
    color: #888888;
}
a.action:hover {
    color: #C00000;
}
a.actionV2 {
    color: #0771be;
}
a.actionV2:hover {
    color: #C00000;
}
.text_field_tiny {
	border: 1px solid #CCCCCC;
	font-size: 10px;
	color: #999999;
	padding: 0px;
	width: 30px;
}
.ui-state-success  
{
    color: Green; 
    background-color: #CCEEAA; 
    border:1px solid #33BB00; 
}
.text_field_small {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 40px;
}
.text_field_medium {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 75px;
}
.text_field {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 110px;
}
.text_field_long {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 200px;
}
.text_field_all {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 69%;
}
.text_field_filter {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 85%;
}

.text_field_file {
	font-size: 11px;
	color: #999999;
	padding: 2px;
}
.description {
	border: 1px solid #CCCCCC;
	font-size: 11px;
	color: #999999;
	padding: 2px;
	width: 300px;
}
.button {
    padding: 1px;
    vertical-align: middle;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
}
.title {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	text-align: left;
	padding: 4px;
	margin-bottom: 4px;
}
.subtitle {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	text-align: left;
	padding: 4px;
	margin-bottom: 4px;
}
.alias-link
{
    height:0px;   
}

fieldset 
{
    
    border: 1px solid #CCCCCC;
    margin: 2px;
}
fieldset td 
{
    height: auto;
}
legend 
{
    color: #888888;
	font-weight: bold;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.surround {
    margin: 4px;
    padding: 4px;
    display:inline-block;
    text-align: left;
    width: 850px;
}
.surround-box {
    margin-top: 30px;
    margin-bottom: 4px;
    padding: 4px;
    display:inline-block;
    text-align: left;
    width: 340px;
}
.surround-middle-box {
    margin-top: 30px;
    margin-bottom: 4px;
    padding: 4px;
    display:inline-block;
    text-align: left;
    width: 820px;
}
.number {
    text-align: right;
}
.report td {
    padding-left: 10px;
    padding-right: 5px;
}
pre {
    margin: 0;
}

/*  // ---------------------
    // -- LIST
    //---------------------- */
table {
    width: 100%;
    border-spacing: 0;
    text-align: left;
}
td {
    padding-left: 1px;
    padding-right: 0px;
    height: 28px;
    white-space:normal;
    overflow:hidden;
}
table.list {
    border: 0;
}

th {
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
}
.column-header {
    padding: 1px;
    background-color: #706d6d;
    border-color: #706d6d;
    
}
table.list tbody {
    border-spacing: 0;
}

tr.tr0 {
	background-color: #FFFFFF;
}
tr.tr1 {
	background-color: Transparent;
}
tr.tr0:hover {
	background-color: #c4c4c1;
}
tr.tr1:hover {
	background-color: #c4c4c1;
}
tr.empty {
	background-color: Transparent;
	height: 50px;
	font-size: 16px;
	text-align: center;
}
div.pagination {
	margin-top: 4px;
	margin-bottom: 4px;
    text-align: center;
    vertical-align: middle;
}
div.pagination li {
	display: inline-block;
}
div.pagination a {
	display: block;
	padding-top: 4px;
	padding-bottom: 6px;
}
div.pagination .button{
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 8px;
    height: 22px;
    min-width: 40px;
}
.dialog {
    text-align: center;
}
.dialog-body {
    display: inline-block;
}
.dialog span.message {
    font-weight: bold;
}
/*  // ---------------------
    // -- FORM
    //---------------------- */
.label {
    text-align: right;
    padding: 5px;
    font-weight: bold;
}
.text {
    padding: 5px;
    min-width: 90px;
}
.value {
    vertical-align: middle;
    padding: 4px;
	min-width: 90px;
}
div.buttons {
	margin-top: 12px;
	margin-bottom: 4px;
    text-align: center;
}
ul,ol {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
li{
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	display: block;
}
.scrollable-values {
    overflow:auto;
    height: 100%;
}
.white-area {
    background-color: #FFFFFF;
    border: solid 1px #CCCCCC;
}
.fixed {
    font-family: Courier New;
   	font-size: 11px;
   	letter-spacing: 1px;
}
table.grid td {
    border: solid 1px #CCCCCC;
    padding: 1px;
}
.ruler {
    cursor: crosshair;
}
/*  // ---------------------
    // -- ERRORS
    //---------------------- */
.field-validation-error {
    color: Red;
}
.input-validation-error {
	background-color: #FFEEEE;
	border: 1px solid red;
	font-size: 11px;
	color: #999999;
	padding: 2px;
}
.validation-summary-errors {
    font-weight: bold;
    color: Red;
}
.no-value {
    display: none;
}

thead .head th {
    background: #706d6d;
}

div.pfmonitor {
    height:200px;
    width:180px;
}
table.order-detail {    
    width:327px;
    border-spacing: 1;
    text-align: left;    
    border: 1px solid grey;
}
tr.tr-monitor{
    background-color: white;
}
td.td-monitor{
    border: 1px solid grey;
}
.monitor-spinner{
    width:18px;
    height:20px;
    text-align:center;
    vertical-align: text-bottom;
}
#job-details
{
    display:inline;
    min-width:329px;
    min-height:184px;
}
#orderDetails
{
    overflow: auto;
}
table.monitor-table
{
    margin-left:38px;
}
.order-logs td 
{
    padding: 2px;
    word-break: break-all;
}

/*
    BUG 100810
*/
li.nondraggable{
    display:list-item
}