/* Copyright (c) 2007, Virtual Software Inc. All rights reserved. */
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */

/*****************************************************************************/
/* Global generic HTML rules */

body {
	font: 12px arial, helvetica, clean, sans-serif;
	/* Default line-height based on font-size rather than "computed-value"
	 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height */
	line-height:1.22em;
}

thead { display: table-header-group; }
tfoot { display: table-footer-group; }

/*
td {
	text-align: left;
}
*/

/**
 * 99% for safari; 100% is too large
 */

select, input, textarea {
	font: 99% arial, helvetica, clean, sans-serif;
}

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace; font-size:100%;}

/**
 * Fonts
 * 
 */

/* Table heading, white */
.hw	{
	font-family: arial, helvetica, clean, sans-serif;
	font-size:11px;
	color:#ffffff;
}

/* TODO: create standard font sizes and naming. */
.font85p { font-size: 85% }
.font90p { font-size: 90% }
.font95p { font-size: 95% }
.font110p { font-size: 110%; }
.font120p {font-size: 120%; }

/* width */
.width10  { width: 10px; }
.width20  { width: 20px; }
.width30  { width: 30px; }
.width40  { width: 40px; }
.width50  { width: 50px; }
.width60  { width: 60px; }
.width65  { width: 65px; }
.width70  { width: 70px; }
.width80  { width: 80px; }
.width100 { width: 100px; }
.width120 { width: 120px; }
.width140 { width: 140px; }
.width160 { width: 160px; }
.width200 { width: 200px; }
.width240 { width: 240px; }

body, form
/*,span, div, ul, .zero_padding_margin*/ 
{
	margin: 0;
	padding: 0;
}

.clear_both { clear: both; padding: 0 !important; margin: 0 !important;}

a { text-decoration: none; color: #0066cc;}
a:visited {text-decoration: none; }

a:hover div,
a:hover { text-decoration: underline; }

a img { border: none; }

h1 {
	font-size: 150%;
}

input.fill {
}

input, select {
	margin: 0;
}

label {
	padding-left: 0.2em;
	padding-right: 0.5em;
}

label.left {
	padding-left: 0;
	padding-right: 0.2em;
}

label input[type='checkbox'] {
	margin-right: 0.2em;
}

/*special checkboxes */
.receiptmissing, .billable, .reimbursable, .saveAttach, .toBeSubmitted
{
	vertical-align:middle;
}

input[type='text'], input[type='password'], textarea {
	padding: 1px 2px;
}

/* Following two classes are used for styling based on focus */

.input_focus {
	border: 1px solid #33677F;
	background-color: #ffffff;
}

.input_idle {
	border: 1px solid #85b1de;
	background-color: #ffffff;
    /*background: url('../images/bg_input_idle.gif') top repeat-x;*/
}

ul {
	margin-left: 1em;
}

.hide
{
	display: none;
}
.nomargin,
table td.nomargin
{ margin: 0; }

table
{
	border-collapse: collapse;
}

.nopadding,
table.standard td.nopadding
{ padding: 0; }

table .noborder,
table table.noborder,
table table.noborder td,
table table.noborder tbody td,
.noborder {
	border: 0;
	border-collapse: collapse;
}

.nowrap { white-space: nowrap; }

table thead tr td.left,
table tr.header td.left,
.left { text-align: left !important; } /*VSI-FZ important will be removed after clean-up*/ 

.center { text-align: center !important; } /*VSI-FZ important will be removed after clean-up*/ 
.right { text-align: right !important; } /*VSI-FZ important will be removed after clean-up*/ 

.top {vertical-align: top !important;}
.middle { vertical-align: middle;}
.error { color: red }

.red { color: red }
.green { color: green }
.orange { color: orange }
.black { color: black }
.gray { color: #6c6c6d }

.bold { font-weight: bold; }
.nobold { font-weight: normal; }

.italic { font-style: italic; }

.underline { text-decoration: underline; }
.linethrough { text-decoration:line-through}


.block { display: block; }

.test_border { border: 1px solid #777; }

.float_left { float: left; }
.float_right { float: right; }

.dropDown {
	cursor: pointer !important;
}

a.expandContract {
	cursor: pointer;
	text-decoration: none;
}

.draggableHandle {
	cursor: move;
}

/*****************************************************************************/
/* Standard colors */

table tbody td.unsubmitted,
table.time tbody td.unsubmitted {
	background-color: #fff6cc !important;
}

a.title_image
{
	text-decoration: none;
}
#titlebar a,
#titlebar .link_color,
h1
{
  color: #364554;
}


#titlebar a:hover, #footer a:hover {
	color: #85b0ff;
}


#signatures table {
	page-break-inside: avoid;
	border: 1px solid black;
	margin: 0.25in 0 0 0; /* No bottom margin to prevent plank pages on print */
	border-collapse: collapse;
}

@media print {
	#signatures table {
		margin-bottom: 0; /* Prevent blank pages on print */
	}
}

#signatures td {
	padding: 0.25em 0.5em;
}

tr.signature_line {
	height: 0.5in;
}

td.signature_line {
	width: 4in;
	border-bottom: 1px solid black;
}	
/*****************************************************************************/
/* 	Dialogs
	Message Box, AJAX Progress, Title Bar Message, popups, etc.

	.message_box - styles for the message box that appears above the content and flashes when operations
		are done, are invalid, etc.
		Note: be sure to add a div.message_box_end after the div.message_box 
	
*/

.message_box_wrapper {
	margin-bottom: 12px !important; /* overrides .hilitableBackground, need +20px of margin */
	padding: 8px;
	/*background-color: blue;*/
	float: left;
}

.message_box, .titlebar_message_box {
	padding: 10px 40px;
}

.message_box {
	padding-bottom: 18px !important;
}

/*.message_box, .dialogPopup, .dialogAlert {*/
.message_box, .titlebar_message_box {
	background-color: white;
	background-repeat: no-repeat;
	position: relative;
	z-index: 99;
}

.message_box {
	float: left;
	border: 10px solid #F7F7F7;
	background-color: #FFFFFF;
	background-position: 3px 3px;
}

.titlebar_message_box {
	border: 5px solid #E7E7E7;
	line-height: 1.3em;
	padding: 5px 25px 5px 25px;
	background-position: 5px 5px;
	min-width: 200px;
	margin: 0px 15px 0px 15px;
	float: none;
}

.message_box_end {
	clear: left;
}

.message_box h1 {
  font: 15px arial,helvetica,clean,sans-serif;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.message_box p {
  padding: 0;
  margin: 0;
}

.message_box_close {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
}

.no_message_close_box .message_box_close { display: none;}

.message_box .buttons { padding-top: 20px;}
.message_box .buttons { padding-top: 20px;}

.message_box .buttons input,
.message_box .buttons a
{ 
	margin: 0 5px;
}

.message_box.success   { background:#FFFFFF url(../images/icon32_success.gif) no-repeat 5px 10px; }
.message_box.attention { background:#FFFFFF url(../images/icon32_attention.gif) no-repeat 5px 10px; }
.message_box.error
{
	background-image: url(../images/icon32_error.gif); 
	background-color: #FAE5E5;
	border-color: #F5CECE;
}
.message_box.info      { background:#FFFFFF url(../images/icon32_info.gif) no-repeat 5px 10px; }
/*
.message_box.success, .titlebar_message_box.success { background-color: #e2f2c7; }
.message_box.attention, .titlebar_message_box.attention { background-color: #fef4cb; }
.message_box.error, .titlebar_message_box.error { background-color: #ffdada; }
.message_box.info, .titlebar_message_box.info { background-color: #ccd9e5; }
*/
#titlebar_message_box.success   { background-image: url(../images/icon_success.gif); }
#titlebar_message_box.attention { background-image: url(../images/icon_attention.gif); }
#titlebar_message_box.error     { background-image: url(../images/icon_error.gif); }
#titlebar_message_box.info      { background-image: url(../images/icon_info.gif); }

.message_box.success, .titlebar_message_box.success, .message_box.success h1       { color: #4F8A10;}
.message_box.attention, .titlebar_message_box.attention, .message_box.attention h1 { color: #9F6000;}
.message_box.error, .titlebar_message_box.error, .message_box.error h1             { color: #D8000C;}
.message_box.info, .titlebar_message_box.info, .message_box.info h1                { color: #19334C;}

.message_box.attention.titoMessage { width:89%; }

.inProgress {
	border: 10px solid #E7E7E7;
	padding: 10px 24px 10px 24px;
	color: #19334C;
	background-color: #FFFFFF;
}

/*put waitImage div in inProgress because background-position not working with IE6*/
.waitImage {
	position:relative;
	padding-left: 24px;
    background-image: url(../images/ajax-loader.gif);
	background-repeat: no-repeat;
}
.dialog {
	min-width: 200px;
	border: 10px solid #E7E7E7;
	color: #19334C;  
	background: white;
}

.dialogStandard {
	background: #ccd9e5;
}

.popupContent
{
	padding: 10px;
}

.dialog .titleBar {
	background: #F8F8F8;
	width: auto;
	color: #111111;
	font-weight: bold;
	padding: 5px 0px 5px 10px;
	text-align: left;
	margin: 0;
	font-size: 120%;
}

.dialog .dockedMenubar {
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	border-collapse: collapse;
	text-align: center;
	bottom: 30px;
}

#menubar_table
{
	width: 100%;
}


.dialog #subjectbar
{
	border: none;
	padding: 0px;
}
.dialog #subjectbar table.subjectbarTable
{
	border-collapse: collapse;
}
.dialog #subjectbar table.subjectbarTable td.nowrap
{
	background-color: #F2F2F2;
	border-top: 1px solid  #E2E2E2;
	border-bottom: 1px solid  #E2E2E2;
	padding: 5px;
}

.dialog .contents {
	margin: 0;
}

.dialog .marginedContents 
{
	margin: 15px 0px 5px 0px;
	padding-right: 10px;
}

.ui-resizable-se {
	background-image: url(../images/resizer.gif);
	height: 12px;
	width: 12px;
	bottom: 2px;
	right: 2px;
	position: absolute;
	cursor: se-resize;
}

/*****************************************************************************/
/* Icons */
img.icon, img.icon_notext {
	cursor: default;
	/* prevent image from setting row height so table text is vertically aligned, whether or not there's an inline image. */
	margin: -3px 2px 1px 2px;
	padding: 0px;
	vertical-align: middle;
}

img.clickable
{
	cursor: pointer !important;
	background-color:transparent !important;
}

/* button work */
button.icon {
	padding-left: 8px;
	padding-right: 8px;
 }


button,
input.submit,
input.button,
input.small
{
	vertical-align: middle;
	font-size: 100%;
	margin: 1px 3px;
	padding: 2px 3px 3px 3px;
	height: 28px;
	border: 1px solid #A0A0A0;
	color: #444444;
	font-weight:bold;
	background:#FFFFFF url(../images/button_white.gif) repeat-x 0 0;
	cursor:pointer;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
}

button.small,
input.small
{
	height: 22px;
	font-size: 99%;
	font-weight: normal;
}

button:hover,
input.submit:hover,
input.button:hover,
input.small:hover
{
	background-position: 0px -28px;
	color: #444444;
}

button:active,
input.submit:active,
input.button:active,
input.small:active
{
	background-position: 0px -56px;
	border: 1px solid #808080;
}

button.green,
input.green
{
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #276304;
	color: #FFFFFF;
	background:#75A855 url(../images/button_green.gif) repeat-x 0 0;
}

button.green:hover,
input.green:hover
{
	background-position: 0px -28px;
	color: #FFFFFF;
	cursor: pointer;
}

button.green:active,
input.green:active
{
	background-position: 0px -56px;
	cursor: pointer;
}

img.icon_notext {
	margin: 0px;
}

/* link work */
a.icon, a.icon_notext {
	text-decoration: none;
	cursor: pointer;
}

a.icon:hover span,
a.icon_notext:hover span {
	text-decoration: underline;
}

a img.icon,
a img.icon_notext {
	cursor: pointer;
}


a.ajaxable 
{
	/*color: #000000;*/
}

a.ajaxable:hover
{
	color: #0066cc;
	/*text-decoration: underline; */
}

/*autocomplete */
input.autoCompleteField,
input.autoCompleteField_focus
{
	border-left: none;
	border-right: none;
}

input.autoCompleteField 
{
	border-top: solid 1px #85b1de;
	border-bottom: solid 1px #85b1de;
}
input.autoCompleteField_focus
{
	border-top: solid 1px #33677f;
	border-bottom: solid 1px #33677f;
}
input.autoCompleteFieldAlone
{
	border-left: solid 1px #85b1de;
	border-right: solid 1px #85b1de;
}
input.autoCompleteFieldAlone_focus
{
	border-left: solid 1px #33677f;
	border-right: solid 1px #33677f;
}

img.autoCompleteMagnifier
{
	border-top: solid 1px #85b1de;
	border-bottom: solid 1px #85b1de;
	border-left: solid 1px #85b1de;
	border-right: 0px;
	background-color: White;
}

img.autoCompleteMagnifier_focus
{
	border-top: solid 1px #33677f;
	border-bottom: solid 1px #33677f;
	border-left: solid 1px #33677f;
	border-right: 0px;
	background-color: White;
}

img.dropDown_default 
{
	border-top: solid 1px #85b1de;
	border-bottom: solid 1px #85b1de;
	border-left: 0px;
	border-right: solid 1px #85b1de;
}

img.dropDown_default_focus
{
	border-top: solid 1px #33677f;
	border-bottom: solid 1px #33677f;
	border-left: 0px;
	border-right: solid 1px #33677f;
}
img.quickAddSpan
{
	cursor: pointer;
}
img.icon_dropdown {
	background-image: url(../images/icon_dropdown.gif);
}

img.icon_dropdown:hover {
	background-image: url(../images/icon_dropdown_hover.gif);
}

a.icon_action 
{
	width: 32px;
	height: 20px;
	overflow: hidden;
	text-decoration: none;
}

div.icon_action
{
	cursor: pointer;
	width: 32px;
	height: 20px;
	overflow: hidden;
	color: #7E7E7E;
	background: url(../images/icon_action.gif) 0 0;
}

div.icon_action div
{
	font-weight: bold;
	font-size: 80%;
	position: relative;
	left: 6px;
	text-align: center;
	top: 0px;
	text-decoration: none;
}

div.icon_view_dd
{
	background: url(../images/icon_view_dd.gif) 0 0;
}

div.icon_view
{
	background: url(../images/icon_view.gif) 0 0;
}

div.icon_action:hover
{
	color: #343434;
	background-position: 0 -20px;
}

#flash_message .icon_notext {
	margin: 0px;
}

table.basic_table,
#flash_message table 
{
	border-collapse: collapse;
}

table.basic_table td
{
	border: 0;
	padding: 5px;
	border-bottom: 1px solid #E2E2E2;
}
#flash_message table td
{
	border: 0;
	padding: 5px;
}

table.basic_table thead td,
#flash_message table thead td
{
	background-color: #F7F7F7;
}

/*****************************************************************************/
/* Standard types */

@media screen {
}

@media print {
}

table.standard .footer .invisible,
table.standard .invisible,
table.standard tr.invisible,
.invisible {
	border-style: none;
	background: white;
}


table.standard td,
table table.standard td
{
	padding: 2px 8px;
}

/*
table.standard thead td.alt,
table.standard tbody.header td.alt,
table.standard tr.header td.alt {
	background: #4c6176;
}
*/
/*
table.standard thead td.today,
table.standard tbody.header td.today,
table.standard tr.header td.today {
	background: #7c91a6;
}

table.standard.none,
table.standard.none tbody tr td {
  border: 0;
  background: #ffffff;
}
*/
/* Extra wrapper div to prevent double borders using negative margins. */

div.filter2 {
	margin-right: -1px;
	float: left;
}

.editable,
.editableValue,
.editable .icon {
	cursor: pointer;
}

#dashboardContent {
}


.highlightableBackground {
	padding: 8px;
	float: left;
}

.progress_bar {
	height: 13px;
	width: 65px;
	border: 1px solid blue;
	background: url(../images/progress_bar.gif) no-repeat;
}


.tableSplitText 
{
	font-size: 90%;
	font-style:italic;
	color:gray;
}

/*****************************************************************************/
/* Page layout rules */

#header {
  /* Background must be non-opaque for when headers are frozen and scrolling under */
  background: white;
  /* Header on top of scrolling content when frozen */
  z-index: 1;
}

#titlebar { padding-top: 10px; color: #364554;}

#navbar_table  
{
	width: 100%; 
    white-space:nowrap; 
    background-color: #F8F8F8; 
    border-collapse: collapse; 	
    min-width: 810px;/*to avoid wrap*/
}
 
#navbar_container
{
	background: #f2f2f2 url(../images/nav_center.gif) repeat-x !important;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	height: 33px;
}
#navbar_left,
#navbar_right
{
	padding: 0px;
	margin: 0px;
	width: 13px;
	height: 33px;
}
#navbar_left
{
	float: left;
	background: #FFFFFF url(../images/nav_left.gif) no-repeat;
}
#navbar_right
{
	float: right;
	background: #FFFFFF url(../images/nav_right.gif) no-repeat;
}

#navbar 
{
	background: #f2f2f2 url(../images/nav_center.gif) repeat-x !important;
	vertical-align: middle;
	padding: 0px;
	height: 33px;
	white-space: nowrap;
}
#navbar a 
{
	margin-top: 3px;
	margin-bottom: 0px;
	padding: 7px 14px;
	text-decoration: none;
	color: #4C4C4C;
	font: 11.5px arial,sans-serif,helvetica;
	font-weight: bold;
	cursor: pointer;
	white-space: nowrap;
	height: 16px;
}

#navbar a img {
	vertical-align: middle;
}


#navbar a span.text {
	vertical-align: middle;
}

#navbar .left {
	float: left;
	border: none;
}

#navbar .right 
{
	float: right; 
	border: none;
}

#navbar a:hover {
/*	background: #D7D7D7 repeat-x !important; */
	color: #000000;
	height: 16px;
}

#navbar a:hover span {
	text-decoration: none;
}

#navbar a.selected 
{
	position: relative;
	height: 15px;
	background-color: #F8F8F8;
	color: #000000;
	border: 1px solid #CCCCCC;
	border-bottom: 0px solid #F8F8F8 !important;
}

/* This is the menubar style like the report menu */

.floatingMenubar table {
	border-collapse: collapse;
	text-align: center;
	border-color: #aaa;
	border: 0;
	border-top: 6px solid #435669;
	margin: 20px auto 10px auto;
	text-align: center;
}

.floatingMenubar table td {
	padding: 0.25em 0.5em;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	white-space: nowrap;
}

.floatingMenubar table td.leftmost {
	display: none;
}

.floatingMenubar table td.rightmost {
	display: none;
}

#subjectbar 
{
	height: 40px;
	border-bottom: 1px solid #E2E2E2;
	vertical-align: middle;
	background-color: #F8F8F8;
}

.subjectbarTable {
	background: white repeat-x;
	/*border-top: 1px solid #e8e8e8; */
	/*padding: 1px 4px; */
	width: 100%;
	margin-bottom: 0px;
	height: 100%;
	background-color: #F8F8F8;
}

#footer {
	background: #f2f2f2 url(../images/nav_center.gif) repeat-x;
	width: 100%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	/*border-top: 1px solid #CCCCCC; */
	border-bottom: 1px solid #CCCCCC;
	color: #6C6C6D;
	font-size: 10px;
	line-height: 16px;
}


#footer .left { float: left; }
#footer .right { float: right; }

#footer span {
	padding: .2em .6em;
	vertical-align: middle;
}

#footer a {
	color: #6C6C6D;
	text-decoration: underline;
}

div.calendar {
  z-index: 999;
}

/*
#subjectbar .button {
	background: #364554;
	vertical-align: middle;
	padding: .2em .6em;
	margin: .1em 0;
	border: 1px solid #1f2831;
	color: #f0f0f0;
	font: 11px arial,sans-serif,helvetica;
	font-weight: bold;
	cursor: pointer;
}
*/
table.faxCoverPage td {
	vertical-align: top;
}

table.faxCoverPage td.barcode {
	padding-top: 2em;
	text-align: center;
}

table.faxCoverData {
	border-collapse: collapse;
}

table.faxCoverData th, table.faxCoverData td {
	border: 1px solid #aaa;
	padding: 0.3em 1em;
}

table.faxCoverData thead th {
	color: #0f0f0f;
	background: #b0d3f5 url(../images/bg_separator.gif) repeat-x !important;
	font-size: 120%;
}

table.faxCoverData tbody th {
	white-space: nowrap;
}

table.faxCoverData tbody td {
	width: 100%;
}

table.faxCoverData ol {
	padding: 0 0 0 1.5em;
	margin-top: 0;
	list-style-position: outside;
}

table.faxCoverData li {
	margin-bottom: 0.5em;
}

@media screen {
	/* For scanned page images, scale to browser width, screen only. */

	img.pageImageBrowserWidth {
		width: 100%;
	}
}

@media print {
	img.pageImage {
		width: 85%;
	}
}

a.thumbnail {
	float: left;
	margin: 0 20px 0 0;
}

a.thumbnailSelected {
	border: 4px solid #ffff77;
	margin: -4px 16px -4px -4px;
}

img.thumbnail {
	border: 1px solid #000;
}
/*****************************************************************************/
/*	Context-sensitive displays */

.useContext {
	display: none;
}

.contextWrapper {
	/*position: relative;*/
	z-index: 400;
}

.contextFocuser {
	position: relative;
}

.contextWrapperHasFocus {
	margin-top: -0.5px; /* Compensate for Firefox absolute position bug which adds one extra pixel */
	/*padding: 0.5em;*/
	border: 2px solid black;
	background: white;
	position: absolute;
}

.contextWrapperHasFocus .useContext {
	display: block !important;
}

.contextWrapperHasFocus input.useContext  {
	display: inline !important;
}

.contextShadow {
	background: black;
	position: absolute;
	z-index: 399;
}

.contextWrapper h1 {
	margin-top: 0;
}

/*****************************************************************************/
/*	Styles for jquery.simplemodal */

#simplemodal-overlay {
	background-color: #002;
	cursor: wait;
}

#simplemodal-container, .modalContainer {
	left: 50%;
	top: 40%;
	/*border: 2px solid #19334C;
	color: #19334C;  
	background: #ccd9e5;*/
}

#simplemodal-container h1 {
	margin: 0 0 0.7em 0;
}

#simplemodal-container .simplemodal-close, .dialogClose {
	background: url(../images/icon_close.gif) no-repeat;
	width: 14px;
	height: 14px;
	display: inline;
	z-index: 3200;
	position: absolute;
	cursor: pointer;
}

#simplemodal-container .simplemodal-close {
	top: 12px;
	right: 17px;
}

#simplemodal-container .dialogClose {
	top: 17px;
	right: 17px;
}

#jqContextMenu
{
	cursor: pointer;
}
#jqContextMenu a
{
	color: #000000;
	text-decoration: none;
}
#jqContextMenu .dialogClose 
{
	top: 5px;
	right: 10px;
}

.scrollable {
	overflow: auto;
}

div.extraComment 
{
	margin-top: 4px;
}


/*****************************************************************************/
/* jquery-ui-autocomplete */
.ui-autocomplete-results-with-magnifier 
{
	margin-left: -17px;
}

.ui-autocomplete-results-with-magnifier,
.ac_results 
{
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}
.ui-autocomplete-results-with-magnifier ul,
.ac_results ul
{
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}
.ui-autocomplete-results-with-magnifier li,
.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 95%;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 1.2em;
	overflow: hidden;
}

.ac_loading 
{
	background: white url('../images/ajax-loader.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

#span_massvalue table 
{
	border-collapse:collapse;
}

/*****************************************************************************/
/* Media type controls */

@media screen {
	/*****************************************************************************/
	/* Pinned ("fixed") header rules */
	
	.noscreen { display: none; }
	
	#header.pinned { position: fixed; }
	
	#content.pinned { position: absolute; }

}

@media print {
	body {
		font: 10pt arial, helvetica, clean, sans-serif;
	}

	.noprint { display: none; }
	
	#navbar,
	#report_list, #report_settings,
	.filter,
	.actions,
	.expenseActions,
	.message_box
	{ display: none; }

	/* Fixed header */
	#header, #content {
		top: 0 !important;
	}

	img.dropDown { display: none; }
	
	/*a { text-decoration: none; }*/
	
	/*a { display: none; }*/
	
	/*a.icon { display: none; }*/

	td.singleStatusIcon,
	td.checkbox {
		padding: 0px !important;
		margin: 0px !important;
		width: 0px !important;
	}
	
	td.checkbox input {
		display: none;
	}
	.icon_action  {
		display: none;
	}
}

/*checkbox width*/
td.checkbox 
{
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 25px;
}
td.singleStatusIcon
{
	padding-left: 0px !important;
	padding-right: 3px !important;
	width: 20px;
}

/* report content style. it will also in click quick report open*/
#report_content
{
	margin-left: auto;
	margin-right: auto;
}
#report_toolbar
{
	margin-left: auto;
	margin-right: auto;
}

#toolbar
{
	text-align: center;
}

#report_content table.report_table
{
	margin-left: auto;
	margin-right: auto;
}
/*****************************************************************************/
/* Login page */
#ie6BrowserWarning,
#sslNotice,
#browserError,
.login_notice {
	margin: 10px;
	padding: 10px;
	background-color: #F7F7F7;
/*	border-bottom: #909090 1px solid; */
 /*	white-space: nowrap; */
}

#login_wrapper {
	float: left;
	width: 35%;
	margin: 5px 0px;
}

#login_notice_wrapper
{
	margin: 5px 0px;
	float: right;
	border: 10px solid #E7E7E7;
	color: #000000;
	width: 55%;
}

#login_table {
	border-collapse: collapse;
	border: 10px solid #E7E7E7;
}

#login_table tbody th
{
	color: #6C6C6C;
	white-space: nowrap;
}

#login_table thead td
{
	padding: 0px;
	border: 0px;
}

#login_notice_header,
#login_table_header
 {
	background-color: #F7F7F7;
	color: #000000;
	text-align: left;
	padding-left: 15px;
	font-weight: bold;
	padding-top: 8px;
	height: 22px;
}

#login_table_header 
{
	text-align: center;
	padding-left: 0px;
}

#login_table .ajax_message
{
	padding: 15px;
}

#login_table td.flash_box_td
{
	padding: 0px;
}
#login_table .message_box_wrapper
{
	margin-bottom: 0px !important;
}
#login_table .message_box
{
	padding-right: 7px;
}
#login_table tbody tr.buttons td {
	text-align: center;
	padding: 15px;
}

#login_table tbody tr.buttons input {
	padding: 4px 6px;
}

#login_buttons
{
	width: 100%;
}
#login_buttons td
{
	padding: 0px !important;
	width: 100%;
}

#login_table tbody tr.buttons .button_left
{
	padding-right: 10px;
}

#login_table tbody tr.ajax_message td {
	font-size: 90%;
}

#login_table tbody th {
	font-weight: bold;
	text-align: left;
}

#login_table tbody th,
#login_table tbody td {
	background-color: #FFFFFF;
}

#login_table tbody th {
	padding: 13px 5px 2px 15px;
}
#login_table tbody td {
	padding: 13px 18px 2px 5px;
}


#login input {
	margin: 0;
}


/* new shared expense/title table UI */
body
{
	background-color: #F8F8F8;
}

#header,
#content
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	min-width: 720px;
	max-width: 920px;
	background-color : White;
	padding: 0 15px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

@media print 
{
	#header,
	#content {
		padding: 0px;
		border-left: 0px;
		border-right: 0px;
	}
}


#content
{
	border-bottom: 1px solid #CCCCCC;
}

#footer
{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
}


#titlebar,
#navbar,
#subjectbar
{
	margin: 0px;
}

#subjectbar
{
	padding-left: 14px;
	padding-right: 14px;
}

#subjectbar h1
{
	font-size: 120%;
	margin: 0;
}

div.separator  
{
	font-size: 110%;
	font-weight: bold;
	width: 100%;
	font-size: 16px;
	border: none;
	width: 100%;
	margin: 0px auto 15px auto;
	color: #19334C;
}

div.table_row_divider
{
	border-bottom: solid 1px #E2E2E2;
	height: 2px;
}

div.separator div
{
	padding: 3px 10px;
}

table.standard,
table table.standard
{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}


/* title div */
.title_standard,
.title_time,
.title_expense,
.title_error
{
	vertical-align: middle;
	font-weight:bold;
	width: 100%;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* div inside title div*/
div.top_action_text
{
	margin-bottom: 4px;
}

.title_standard_line,
.title_standard
{
	background-color: #F3F3F3;
	color: #6C6C6D;
	border-bottom:1px solid #C2C2C2;
}

.title_time_line,
.title_time
{
	background: #CED8EC repeat-x scroll 0 0;
	border-bottom: solid 1px #C4DBF3;
	color: #3D5683;
}

.title_expense_line,
.title_expense 
{
	background:#D1E0B2 repeat-x scroll 0 0;
	border-bottom: solid 1px #C6E2B8;
	color: #669900;
}

.title_error_line,
.title_error
{
	background:#FEF2F2 repeat-x scroll 0 0;
	border-bottom: solid 1px #F9B6B8;
	color: #ED1C24;
}

.title_time div,
.title_expense div,
.title_error div,
.title_standard div
{
	padding: 5px;
}

table.standard,
table.time,
table.expense,
table.error
{
	border-left: none;
	border-right: none;	
}

table.standard td
{
	border: 1px solid #E2E2E2;
}

table.time td
{
	border: 1px solid #D6DFEF;
}

table.expense td
{
	border: 1px solid #D9E5BF;
}

table.error td
{
	border: 1px solid #FABFC2;
	border-left: none;
	border-right: none;
}

table tbody tr.table_row_divider td
{
	padding: 0;
	border: none;
	border-top: solid 1px #c4dbf3;
	border-bottom: solid 1px #FFFFFF;
	height: 0px;
	background: #FFFFFF;
}

table tbody tr.table_row_divider_thick td
{
	padding: 0;
	border-top: solid 1px #c4dbf3;
	border-bottom: solid 3px #FFFFFF;
	height: 1px;
	background: #FFFFFF;
}

table.standard tr.thead td,
table.standard thead td,
table.standard tr.footer td,
table.standard tbody.footer td
{
	border-color: #E2E2E2; 
	border-left: none;
	border-right: none;
	background-color: #ECECEC;
}


table.time thead td,
table.time tr.footer td,
table.time tbody.footer td
{
	border-color: #C4DBF3; 
	border-left: none;
	border-right: none;
	background-color: #DEE5F2;
	/*color: #235282; */
}

table.expense thead td,
table.expense tr.footer td,
table.expense tbody.footer td
{
	border-color: #C6E2B8;
	border-left: none;
	border-right: none;
	background-color: #E0EBCC; 
	/*color: #669900; */
}

table.error td
{
	padding: 6px;
	border-color: #F9B6B8; 
	background: #FEF2F2 repeat-x 0 0;
	color: #333030;
}

table.error thead td,
table.error tr.footer td,
table.error tbody.footer td
{
	border-color: #F9B6B8;
	border-top: 1px solid #FFFFFF;
	background: #FCDCDD repeat-x 0 0;
	border-left: none;
	border-right: none;
	color: #636363;
}

table.standard tr.thead td,
table.standard thead td,
table.time thead td,
table.expense thead td
{
	height: 29px;
	color: #6C6C6D;
	border-top: solid 1px White;
	text-align: left;
}

table.standard tbody tr.footer td,
table.time tbody tr.footer td,
table.expense tbody tr.footer td
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	border-top: none;
}

table tr.striped td
{
	background-color: #F3F3F3;
	border-width: 0px;
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 3px;
}
table.time tr.striped td
{
	background-color: #DEE5F2;
}

table tr.striped_even td
{

	border-width: 1px 0px;
}

table.standard td,
table.standard tr.striped_odd td
{
	background-color: #FFFFFF;
}

table.standard td,
table tr.striped_odd td
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-width: 0px 0px 1px;
}

table.standard tr.striped_even td { background-color: #F3F3F3; }
table.time	   tr.striped_even td { background-color: #F2F5FA; }
table.expense  tr.striped_even td { background-color: #EFF5E5; }

table.error td,
table.error tr.striped_odd td,
table.error tr.striped_even td 
{
	background-color: #FFFFFF;
}

table.standard tr.hoverable:hover td,
table.standard tbody tr.hoverable:hover td,
.hoverable:hover, .hovered
{
	background-color: #FEFFDC !important;
	cursor: pointer;
}

table.time tr.hoverable:hover td,
table.time tbody tr.hoverable:hover td
{
	background-color: #FEFFDC !important;
	cursor: pointer;
}
table.expense tr.hoverable:hover td,
table.expense tbody tr.hoverable:hover td
{
	background-color: #FEFFDC !important;
	cursor: pointer;
}

table.standard tbody tr.checked td { background: #DDDDDD !important; }
table.time tbody tr.checked td	   { background: #CCE0F5 !important; }
table.expense tbody tr.checked td  { background: #CEE7C2 !important; }


/* time old highlite CCE0F5
ep CEE7C2 */
table.standard tbody tr.highlighted td  { background: #FFF6CC !important; }
table.time tbody tr.highlighted td		{ background: #FFF6CC !important; }
table.expense tbody tr.highlighted td   { background: #FFF6CC !important; }

.leftsideborder,
.sideborder
{
	border-left: solid 1px #A0A0A0;
	border-right: solid 1px #A0A0A0;
	padding: 2px 6px;
}

.leftsideborder
{
	border-right: none;
}

table.time .sideborder
{
	border-color: #D6DFEF !important;
}

table.expense .sideborder
{
	border-color: #C6E2B8 !important;
}

table.error .sideborder
{
	border-color: #F6C5C6 !important;
}

div.filter,
div.actions,
table.filter,
table.actions
{
	border-collapse: collapse;
	border-top: none;
	border-bottom:solid 1px #E2E2E2;
	border-left: none;
	border-right: none;
	margin-bottom: 15px;
	padding: 5px 2px;
}

div.actions,
table.actions
{
	border-top: solid 1px #E2E2E2;
	text-align: left;
	padding: 5px 10px;
}

table.actions td,
table.actions th
{
	padding: 5px 10px;
	border: none;
}


div.filter,
div.actions,
table.filter td,
table.actions td,
table.actions th
{
	background-color: #F2F2F2;	
	margin-top: 0px;
	vertical-align: middle;
}


table.action_table_left .sideborder,
table.filter .sideborder,
table.actions .sideborder
{
	padding: 0px 5px;
	border-right: none;
	font-weight: normal;
}

table.actions tr.footer td
{
	padding-bottom: 10px;
}
.action_table_left
{
	float: left;
	margin-left: 10px;
}
table.action_table_left td
{
	padding: 0px 5px;
}

table.action_table
{
	width: 100%;
	text-align: center;
}

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

table.none td
{
	height: 20px !important;
}


table tr.section_separator td,
td.section_separator,
table.standard tbody tr td.section_separator 
{
	border: none;
	border-collapse: collapse;
	background-color: #ECECEC !important;
	color: #3D5683;
}

table.time tr.section_separator td 
{
	background-color: #DEE5F2 !important;
}

table.expense tr.section_separator td 
{
	background-color: #E0EBCC !important;
	color: #669900;
}

table.actions td,
table.actions th
{
	background-color: #F3F3F3;
}

table.actions tr.comment td,
table.actions tr.footer td
{
	border-top: 1px solid #C2C2C2;
	border-bottom: 1px solid #C2C2C2;
	background-color: #ECECEC;
}

table.actions tr.footer td
{
	border-top: 1px solid #E2E2E2;
	background-color: #ECECEC;
}

table.actions tr.table_row_divider td
{
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #FFFFFF;
	padding: 0px;
	height: 0px;
}
/* auto size select */
.dropdownfixedwidth { width: 150px; padding: 0px;}
.absoluteposition { position:absolute;}

/* summary fields */

#tc_summary,
#ep_summary,
#std_summary
{
	padding: 100%;
	padding: 0px;
	border-collapse:collapse;
	border: none;
	margin-bottom: 20px;
}

#tc_summary,
#ep_summary,
#std_summary 
{
	min-width: 360px;
	width: 45%;
}

#std_summary
{}

#tc_summary span,
#ep_summary span,
#std_summary span
{
	padding: 0 8px;
}

.summary_title
{
	font-weight: bold;
	font-size: 11px;
	padding: 4px;
}

table#tc_summary .summary_divider
{	
	border-top:1px solid #C4DBF3;
	border-bottom:1px solid #FFFFFF;
}

table#ep_summary .summary_divider
{
	border-top:1px solid #C6E2B8;
	border-bottom:1px solid #FFFFFF;
}

table#std_summary .summary_divider
{
	border-top:1px solid #E2E2E2;
	border-bottom:1px solid #FFFFFF;
}

#tc_summary td.blank,
#ep_summary td.blank,
#std_summary td.blank
{
	background:none repeat-x scroll 0 0 #FFFFFF !important;
	border: none;
	padding-left: 5px;
	padding-right: 0px;
	width: 0px;
}

#tc_summary thead td { color:#1D77D1;}
#ep_summary thead td { color:#4AA41D;}
#std_summary thead td {	color:#6C6C6D;}

#tc_summary tbody td,
#ep_summary tbody td,
#std_summary tbody td
{
	font-size: 11px;
	font-weight: bold;
	padding: 4px 6px;
	white-space:nowrap;
	color: #6C6C6D;
}

#tc_summary tbody td { border-bottom:1px solid #C4DBF3;}
#ep_summary tbody td { border-bottom:1px solid #C6E2B8;}
#std_summary tbody td {	border-bottom:1px solid #E2E2E2;}

#summary tbody.actions td {padding: 10px 0px;}


/* calendar_sm the small calendar used to pick date*/
.calendar_sm
{
	border: 10px solid #E7E7E7;
	z-index: 999;
}

.calendar_sm, .calendar_sm table {
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #FFFFFF;
  font-family: tahoma,verdana,sans-serif;
}

/*table on small calendar*/

div.calendar_sm table tr.daysrow td 
{
	text-align: center;
	padding: 3px 5px;
	background: #FFFFFF;
}

/* Header part -- contains navigation buttons and day names. */

.calendar_sm .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar_sm .nav {
  background: #778 url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar_sm thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background-color: #F3F3F3;
  color: #000000;
  padding: 2px;
  white-space: nowrap;
}

.calendar_sm thead .button {
  background-color: #F3F3F3;
  color: #000000;
}

.calendar_sm thead .headrow, /* Row <TR> containing navigation buttons */
.calendar_sm thead .headrow .button {
  background: #E7E7E7;
  color: #000;
  border-top: 1px solid #C2C2C2;
  border-bottom: 1px solid #C2C2C2;
}
.calendar_sm td.day
{
	cursor: pointer;
}

.calendar_sm thead .daynames { /* Row <TR> containing the day names */
  background: #F3F3F3;
  font-size: 80%;
}

.calendar_sm thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #E2E2E2;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar_sm thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar_sm thead .hilite,
.calendar_sm thead .headrow .hilite { /* How do the buttons in header appear when hover */
  background: #def;
  color: #000;
  border: 1px solid #888;
  padding: 1px;
}

.calendar_sm thead .active { /* Active (pressed) buttons in header */
  background-color: #77c;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */


.calendar_sm tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar_sm tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar_sm table .wn {
  padding: 0;
  border-right: 1px solid #c1c1ce;
  background: #cdf;
}

.calendar_sm table tbody .wn {
  border-top: 1px solid #cdf;
  border-bottom: 1px solid #cdf;
  border-left: 1px solid #cdf;
}

.calendar_sm tbody .rowhilite td {
  /*background: #def;*/
}

.calendar_sm tbody .rowhilite td.wn {
  /*background: #eef;*/
}

.calendar_sm tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
/*  padding: 0; */
/*  border: 1px solid #888;*/
}

.calendar_sm tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 0;
}

.calendar_sm tbody td.selected { /* Cell showing today date */
  font-weight: bold;
/*  border: 1px solid #000; */
  padding: 0;
  background: #fff;
  color: #000;
}

.calendar_sm tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar_sm tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #00f;
}

.calendar_sm tbody .disabled { color: #999; }

.calendar_sm tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar_sm tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */


.calendar_sm tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  text-align: center;
  background-color: #F3F3F3;
  color: #000;
  border-top: 1px solid #E2E2E2;
  padding: 1px;
}

.calendar_sm tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  border: 1px solid #04f;
  color: #000;
  padding: 1px;
}

.calendar_sm tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #77c;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar_sm .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar_sm .combo .label,
.calendar_sm .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar_sm .combo .label-IEfix {
  width: 4em;
}

.calendar_sm .combo .hilite {
  background: #acf;
}

.calendar_sm .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

/* expense header shared by edit/view/review */
.report_header
{
	font-size: 14px;
	font-weight:bold;
	color: #363636;
	padding: 10px;
	background:#F2F2F2 repeat-x scroll 0 0;
	border-bottom: solid 1px #E2E2E2;
	color: Black;
}

.report_header span
{
	padding-left: 10px;
	font-size: 12px;
}

.report_header_body
{
	border-top: 1px solid white;
	background-color: #F8F8F8;
	border-bottom: #E2E2E2 solid 1px;
	padding: 10px;
}

.report_header_actions
{
	border-top: 1px solid #FFFFFF;
	background-color: #F2F2F2;
	border-bottom: #E2E2E2 solid 1px;
	padding: 5px 10px;
}

.report_header_data
{
	float: left;
	margin-right: 20px;
	width: 40%;
	background-color: #F8F8F8;
	padding: 7px;
	border-top: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
}

.report_header_data td
{
	padding: 2px 5px;
}
.report_header_data table td
{
	border: none;
}

#expense_report_header_amount
{
	color: #4AA41D;
	font-weight: bold;
}

#new_report_header td
{
	border: none;
}

#expense_report_header_edit
{
	padding-bottom: 20px;
}

#attachments,
#attachmentInbox
{
	float: left; 
	width: 30%;
}

#attachmentInbox
{
	float: right;
}

table.attachmentsTable
{
	border-collapse:collapse;
	border-bottom: 1px solid #C4E2B5;
	width: 100%;
}

table.attachmentsTable td
{
	border: none;
	background-color: #EFF5E5;	
	padding: 5px;
}

table.attachmentsTable thead td
{
	background-color: #E0EBCC;
	color: #4AA41D;
	font-weight: bold;
	border-top: 1px solid white;
	border-bottom: 1px solid #C4E2B5;
}

table.attachmentsTable tr.table_row_divider td
{
	background-color: white !important;
}

.attachMenuTrigger
{
	text-decoration: none;
}

.attachmentCount
{
	color: #555;
}

td.NRTd,
td.MRTd
{
	padding: 0px 2px !important;
}

table.clean_table
{
	width: 100%;
	border: none;
	padding: 0px !important;
	margin: 0px !important;
}
table.clean_table td
{
	border: none;
	padding: 0px !important;
}
table.total_data_table
{
	width: 100%;
	height: 100%;
}

table.total_data_table td
{
	padding: 0px 2px 2px!important;
	border: none !important;
	text-align: right;
	vertical-align: bottom;
}

table.total_data_table td.td_txt
{
	width: 60%;
	min-width:60px;
	font-size: 90%;
}

table.total_data_table td.td_num
{
	width: 40%;
	min-width: 40px;
	padding-right: 0px !important;
}