.payable_quantity { margin:2px; margin-top:4px; }

img { border: 0px }

body { font-size:12px; color:#333333; font-family: arial }

#header { 
	position:relative; 
	padding-top:40px; 
	height:20px; margin-bottom:6px; width:940px 
}

#middle { width:940px; }

#header h1 { font-size:16px; font-weight:bolder; margin:2px; }

#content { border:1px solid blue }

#empty_option { background-color:#ffeae0}

/* for index views */

.filter { width: 940px }

ul.actions { margin:6px; list-style-type: none; padding-left: 0; margin-left: 0; }

.divIndex .btnView { display: none }

.divIndex table { }

.divIndex table th { padding:4px; }

.divIndex table .actions { text-align:center; }

.divIndex .memo { width:100px; height:36px; position:relative; }

.divIndex .system_info { position:absolute; bottom:-2px; right:0px; color:#aaaaaa; font-size:10px; }

.timespans .original { width:116px; color:#333333;  }

.timespans .adjusted { width:116px; color:darkred; padding-top: 4px; }

a { text-decoration: none }

a:visited { color: blue }

a.btnDel:visited { color:red; }
a.btnDel { color:red; }

.actions { position:relative; margin:4px; }

.actions a { margin-left:2px; margin-right:2px; white-space:no-wrap; width:140px; }

table .actions a { display:block; font-size:11px; }

table { font-size:12px; margin-top:4px; margin-bottom:6px; 
        border-collapse:collapse; border:1px solid black; }

label { margin-top:6px; margin-bottom:2px; font-size:13px; }
.optional label { width:200px; display:block; color:darkblue }
.required label { width:200px; display:block; color:darkred }

table input { 
	border:0px; font-size:11px; background-color:#fafac0; margin:0px; padding-left:2px; 
}

table textarea {
	border:0px; font-size:14px; background-color:#fafac0; margin:0px; padding-left:2px; 
}

caption { background-color: #efefef; color:#333333; font-size:15px; padding:2px; position:relative }

th { color:white; background-color: darkblue; pading:4px }

td { vertical-align: top; padding:4px; }

td.ops { width:72px }

li table { margin-bottom:6px }

.btnAlert { color:red }

.field { clear:both; margin-bottom:6px; }
.fldName { width: 100px; padding-top:4px; padding-bottom:4px; float:left; background-color:#efefef }
.fldInput { float:left }

.fldInput input { margin-left:4px; padding-left:2px; padding-right:2px; }
.fldInput textarea { margin-left:4px; padding:2px; padding-right:2px; }
.fldInput select { margin-left:4px; padding:2px; padding-right:2px; }

#tblEstimate input { font-size:12px }

.paid { color:blue }
.notpaid { color:red }
.inactive { color:#a0a0a0 }

.css_grey { color:#999999 }
.css_notice { color: #ee6633 }
.css_warning { color: red }
.css_normal { color: blue }

.numeric { text-align:right }

.small {font-size: 12px; width:42px;}

.btnSave { background-color:white; color:darkblue; height:24px; width:120px; border:2px solid darkblue; }

.btnCancel { background-color:white; color:darkred; height:24px; width:100px; border:2px solid darkred }

body { font-size:13px; color:#333333; font-family: arial }

table { font-size:13px; margin-top:4px; margin-bottom:6px; border-collapse:collapse; border:1px solid black; }

caption { background-color: #efefef; color:#333333; font-size:15px; padding:2px; position:relative }

th { color:white; background-color: darkblue; pading:4px; position:relative }

td { position:relative; vertical-align: top; padding:4px }

tr { position:relative }

td.ops { width:72px }

.serial { width:32px; text-align:center; overflow:hidden }

.companyName { width:280px; padding:4px; }

.countryName { width:120px; padding:4px; text-align:center }

.readonly { background-color: white; color:#999999 }

.projectTypeName { width:120px; padding:4px; }

.code { text-align:center }

li { margin-top:4px }
li table { margin-bottom:6px }

.btnAlert { color:red }

.field { clear:both; margin-bottom:6px; }
.fldName { width: 100px; padding-top:4px; padding-bottom:4px; float:left; background-color:#efefef; position:relative }
.fldInput { float:left }

.fldInput input { margin-left:4px; padding-left:2px; padding-right:2px; }
.fldInput textarea { margin-left:4px; padding:2px; padding-right:2px; }
.fldInput select { margin-left:4px; padding:2px; padding-right:2px; }

table select {  }

#tblEstimate input { font-size:12px }

.paid { color:blue }
.notpaid { color:red }
.inactive { color:#a0a0a0 }


ul { margin-left:20px; }

.css_grey { color:#999999 }
.css_notice { color: #ee6633 }
.css_warning { color: red }
.css_normal { color: blue }

.error_message { color:red; font-size:11px;clear:both }

.numeric { text-align:right }

.small {font-size: 12px; width:42px;}

.btnSave { background-color:white; color:darkblue; height:20px; width:230px; border:2px solid darkblue }

.btnCancel { background-color:white; color:darkred; height:20px; width:230px; border:2px solid darkred }

#tblList .small { width:60px } 

td .x { color: black ;}

caption { position:relative; border:1px solid black }

.auto_complete { background-color:white; z-index:2000; overflow:auto; border:1px solid #c0c0c0; background-color#efefef; padding:0px; }

.auto_complete ul { list-style-type: none; padding-left: 0; margin-left: 0;}

.auto_complete li { background-color:#efefef; display:block; border:1px solid #a0a0a0; margin:0px; padding:4px; color:darkblue; cursor: hand }

.auto_complete .key { display:none }

li.selected { background-color:darkblue; display:block; border:1px solid #a0a0a0; margin:0px; padding:4px; color:white ; cursor: hand }

.field .value { position:relative;width:220px;z-index:50; font-size:11px }

.field .key { display:none }

div.payable { color: darkred; font-weight:bolder}

table.filter { border-collapse:collapse }

#rpt_year_comparison td { text-align:center }

.left-tabs .tab { border:2px solid #c0c0c0; border-right:0px; border-bottom: 2px solid #c0c0c0; margin-top:4px; width:60px; text-align:center; overflow:hidden }

.left-tabs .selected { border:2px solid darkblue; color:white; background-color:darkblue; border-right:0px; }

.left-tabs .tab a { color:#c0c0c0; text-decoration:underline }

.left-tabs .selected a { color:white; text-decoration:none;  }

.payees table { width: 800px }
    
  @media print {
    body { padding:0px; margin:0px; }
    .for_screen { display: none }
	#header { display:none }
	#menubar { display:none }
  }
  
  @media screen {
    body { padding:0px; margin:6px; }
    .for_screen { display: block; margin-top:12px; }
  }

  .popup { z-index:999 }


.folders img  { vertical-align: text-top;  }