body { font-family: sans-serif; font-size: 12px; color: #333; }
a { color: #f80; text-decoration: none; }
a.link_image:hover { opacity:0.4; filter:alpha(opacity=40); }
.center { width: 990px; margin-left: auto; margin-right: auto; }

.caption
{
	font-family: Tahoma;
	font-size: 18px;
	color: #2249b3;
	padding-bottom: 2px;
	border-bottom: solid 1px #2249b3;
}

.ext-mb-download 
{
    background:transparent url(icons/loading_32.gif) no-repeat top left;
    height:46px;
}

.blue-panel 
{
  color: white;
  background-color: red;
  border: 5px;
  border-color: red;
  border-style: solid;
}

.toolbar_text
{
	font-weight:bold;
	padding-top: 15px;
}

.toolbar_label
{
  vertical-align:middle;
  height : 32px;
  padding: 5px;
}

.toolbar_label_gray
{
  color: gray;
  vertical-align:middle;
  height : 32px;
  padding: 5px;
}

.plain_text
{
  color: #333;
  font-family : sans-serif;
  font-size: 12px;
  padding: 2px;
}

.header_text
{
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.plain_blue_bold_text
{
  color: #172f72;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}

.plain_red_bold_text
{
  color: red;
  font-family: sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 2px;
}

.small_text
{
  color: #444;
  font-family : sans-serif;
  font-size: 10px;
  padding: 1px;
}

.small_blue_text
{
  color: #3B5998;
  font-family: sans-serif;
  font-size: 11px;
  padding: 2px;
  cursor: pointer;
	text-decoration: underline;
}

.form_text
{
  font-family: sans-serif;
  font-size: 12px;
  padding-top: 5px;    
}

.small_blue_text:hover
{
  color: blue;
}

.textfield_readonly 
{
  background-color: #D8E4F3;
  background-image: none;
}

.numberfield_readonly 
{
  background-color: #D8E4F3;
  background-image: none;
	align: right;
}

.green_text
{
  color:green;
}

.red_text
{
  color: red;
}

.blue_text
{
	color: blue;
}	

.gray_text
{
	color: gray;
	font-style: italic;
}

.static_cell
{
  background-color: #e5e5ff;
}

.spinner
{
  background: url(/images/loading.gif) left no-repeat;
}

div.loading_box
{
  background: url(/images/loading.gif) left no-repeat;
  height: 13px;
  padding-left: 22px;
  display: inline;
}

div.error_box
{
  background: url(/images/error.gif) top left no-repeat;
  padding: 0px 10px 0px 60px;
  width: 300px;
  min-height: 50px;
}

.x-tree-node img.folder, .x-tree-node-collapsed img.folder
{
  background: url(icons/folder.gif);
	background-repeat:no-repeat;
}
 
.x-tree-node-expanded img.folder 
{
  background: url(icons/folder-open.gif);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-cancel-noprint, .x-tree-node-collapsed img.exp-cancel-noprint
{
  background: url(icons/exp-cancel-noprint.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-cancel, .x-tree-node-collapsed img.exp-cancel
{
  background: url(icons/exp-cancel.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-cancel-payinform, .x-tree-node-collapsed img.exp-cancel-payinform
{
  background: url(icons/exp-cancel-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-cancel-print, .x-tree-node-collapsed img.exp-cancel-print
{
  background: url(icons/exp-cancel-print.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-cancel-print-payinform, .x-tree-node-collapsed img.exp-cancel-print-payinform
{
  background: url(icons/exp-cancel-print-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-pend, .x-tree-node-collapsed img.exp-pend
{
  background: url(icons/exp-pend.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved, .x-tree-node-collapsed img.exp-reserved
{
  background: url(icons/exp-reserved.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-print, .x-tree-node-collapsed img.exp-reserved-print
{
  background: url(icons/exp-reserved-print.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-print-payinform, .x-tree-node-collapsed img.exp-reserved-print-payinform
{
  background: url(icons/exp-reserved-print-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-exclamation, .x-tree-node-collapsed img.exp-reserved-exclamation
{
  background: url(icons/exp-reserved-exclamation.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-exclamation-payinform, .x-tree-node-collapsed img.exp-reserved-exclamation-payinform
{
  background: url(icons/exp-reserved-exclamation-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-final, .x-tree-node-collapsed img.exp-reserved-final
{
  background: url(icons/exp-reserved-final.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-final-payinform, .x-tree-node-collapsed img.exp-reserved-final-payinform
{
  background: url(icons/exp-reserved-final-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-final-print, .x-tree-node-collapsed img.exp-reserved-final-print
{
  background: url(icons/exp-reserved-final-print.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-final-print-payinform, .x-tree-node-collapsed img.exp-reserved-final-print-payinform
{
  background: url(icons/exp-reserved-final-print-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-final-exclamation, .x-tree-node-collapsed img.exp-reserved-final-exclamation
{
  background: url(icons/exp-reserved-final-exclamation.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-final-exclamation-payinform, .x-tree-node-collapsed img.exp-reserved-final-exclamation-payinform
{
  background: url(icons/exp-reserved-final-exclamation-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-voucher, .x-tree-node-collapsed img.exp-reserved-voucher
{
  background: url(icons/exp-reserved-voucher.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-voucher-payinform, .x-tree-node-collapsed img.exp-reserved-voucher-payinform
{
  background: url(icons/exp-reserved-voucher-payinform.png);
	background-repeat:no-repeat;
}

.x-tree-node img.exp-reserved-voucher-nonhotel, .x-tree-node-collapsed img.exp-reserved-voucher-nonhotel
{
  background: url(icons/exp-reserved-voucher-nonhotel.png);
	background-repeat:no-repeat;
}

.message_unread td
{
	background-color:white;
	font-weight:bolder;
}

.message_read td
{ 
	background-color:#eeeeee;
}

/*Dataview*/
#vMessage .x-panel-body{
	background: white;
	font: 11px Arial, Helvetica, sans-serif;
}

#vMessage .thumb-sender{
	padding: 1px;
	font-weight:600;
	color:blue;
}
#vMessage .thumb-date{
  /*float: right;*/
	padding: 1px;
	font-weight:500;
	font-size:0.8em;
}
#vMessage .thumb-subject{
  display: block;
	color:#111;
	font-weight:600;
	padding: 1px;
}

#vMessage .thumb-sender-read{
	padding: 1px;
	font-weight:600;
	color:#666;
}
#vMessage .thumb-date-read{
  /*float: right;*/
	padding: 1px;
	font-weight:500;
	font-size:0.8em;
}
#vMessage .thumb-subject-read{
  display: block;
	color:#888;
	font-weight:600;
	padding: 1px;
}

#vMessage .thumb-wrap{
	float: left;
	width: 210px;
	minheight: 50px;
	padding:5px;
	border-bottom:1px #ccc solid;
	margin:0 2px 2px 0;
}

#vMessage .x-view-over{
    background: #efefef repeat-x left top;
}

#vMessage .x-view-selected{
	background: #eff5fb no-repeat right bottom;
	border:1px solid #99bbe8;
	/*padding: 4px;*/
}

#vMessage .x-view-selected .thumb{
	background:transparent;
}