td.main
{
	color            : #0d006a;
	text-align       : left;
}

td.main form
{
	margin : 0;
	padding : 0;
}

td.main p
{       
    font-size : 12px;
    margin    : 6px 10px;
}

td.main h1
{       
    font-size : 18px;
    margin    : 12px 10px 6px;
}

td.main h2
{       
    font-size : 15px;
    margin : 12px 10px 6px;
}

td.main h3
{
    font-size : 15px;
    margin : 12px 10px 6px;
}

td.main p.address
{
  margin-top    : 15px;
  margin-bottom : 15px;
  margin-left   : 40px;
}

td.main table.formhead
{
  width           : 100%;
  border-collapse : collapse;
  border-left     : 1px solid #fff;
  border-right    : 1px solid #fff;
  border-bottom   : 1px solid #888;
}

body.yourgls td.main table.formhead
{
  border-top   : 1px solid #fff;
  border-left  : 1px solid #fff;
  border-right : 1px solid #fff;
}

td.main table.formhead tr.formtitle td
{
  background-color : #0d006a;
  height           : 25px;
  color            : #f8b500;
  font-weight      : bold;
  font-size        : 11px;
  padding-left     : 8px;
  vertical-align   : middle;
}

td.main table.formhead tr.buttons td
{
  background-color : #eee;
  height           : 25px;
  padding          : 0 5px;
  vertical-align   : middle;
}

td.main table.formhead tr.buttons td.left
{
  text-align : left;
}

td.main table.formhead tr.buttons td.right
{
  text-align : right;
}

td.main table.formhead tr.buttons input
{
  font-size : 11px;
  margin : 0 2px;
}

td.main table.formgroup
{
  width  : 594px;
  margin : 0 3px;
  border-collapse : collapse;
}

td.main table.formgroup input,
td.main table.formgroup select,
td.main table.formgroup textarea,
{
  background-color : #eee;
}

td.main table.formgroup input.mandatory,
td.main table.formgroup select.mandatory,
td.main table.formgroup textarea.mandatory
{
  background-color : #fbcd51;
}

td.main table.formgroup input.readonly,
td.main table.formgroup select.readonly,
td.main table.formgroup textarea.readonly
{
  background-color : #ccc;
}

td.main table.formgroup input.search,
td.main table.formgroup select.search,
td.main table.formgroup textarea.search
{
  background-color : #bfcbe2;
}

td.main table.formgroup td
{
  font-size : 11px;
  height    : 25px;
  padding   : 0 5px 0 5px;
  color     : #0d006a;
  vertical-align : middle;
}

td.main table.formgroup tr.labels td
{
  height : 0px;
}

td.main table.formgroup td.head
{
  padding : 0;
  height : auto;
}

td.main table.formgroup td.head div.formgrouphead
{
  padding          : 2px 5px;
  background-color : #bfcbe2;
  font-weight      : bold;
  color            : #0d006a;
  margin           : 2px 1px 5px 0;
}

/*expanded TnT Proof Of Delivery*/
td.main table.formgroup td.head div.formgrouphead_POD
{
  padding          : 2px 5px;
  background-color : #bfcbe2;
  font-weight      : bold;
  color            : #0d006a;
  margin           : 2px 0px 5px 0;
  border-right-color: #bfcbe2;
}

td.main table.formgroup td.head div.checkboxhead
{
  padding          : 1px 5px 2px;
  background-color : #bfcbe2;
  font-weight      : bold;
  color            : #0d006a;
  margin           : 2px 0px 5px 0;
  border-left-color: #bfcbe2;
}

td.main table.formgroup td.head div.checkboxhead input.checkbox
{
  background-color : #bfcbe2;
  height:15px;
  vertical-align:middle;
}

/*Radio-Buttons (used in RAC GLS-France)*/
td.main table.formgroup div.checkboxhead input.radio
{
  background-color : #fff;
  height:15px;
  width:15px;
  vertical-align:middle;
}

/*Author:	Tien Duc Nguyen	23/11/2005*/
td.main table.formgroup td.head div.formgroupheadbutton
{
  padding          : 0;
  background-color : #bfcbe2;
  font-weight      : bold;
  color            : #0d006a;
  margin           : 2px 1px 5px 0;
}
td.main table.formgroup td.head div.formgroupheadbutton input.editbutton
{
  font-size : 11px;
  font-weight      : bold;
  background-color : #bfcbe2;
  color            : #0d006a;
  border	   : 1px 2px 1px 1px;
}
/*end*/

td.main table.formgroup td.details
{
  vertical-align : top;
}

td.main table.formgroup td.lastcolumn
{
  padding-right : 20px;
}

td.main table.formgroup td.nextcolumn
{
  padding-left : 20px;
}

td.main table.formgroup input,
td.main table.formgroup select,
{
  font-size : 11px;
}

td.main div.formtext
{
  margin : 10px 20px;
  color  : #0d006a;
}

/* Author:	Tien Duc Nguyen	22/11/2005 */
/* This is used for the table header for the consignment details in (SCPP012a.htm) 'CSPP013_ServiceDetails1.html'*/
td.main table.formgroup tr.listhead
{
  background-color : #f8b500;
  height : 16px;
}

td.main table.formgroup tr.listhead td
{
  vertical-align   : middle;
  border-bottom : 1px solid #000;
}
/*end*/

/* Author:	Tien Duc Nguyen	22/11/2005 */
/* This is used for the table of available services*/
td.main table.servicelist
{
  width           : 187px;
  margin          : 0px 0px;
  margin-left	  : 12px;
  border-top      : 1px solid #000;
  border-bottom   : 1px solid #000;	
  border-collapse : collapse;
}
td.main table.servicelist tr.service td
{
  height : 5px;
  padding       : 0px 0px;
  margin          : 0 0px;
}
td.main table.servicelist td
{
  font-size     : 10px;
  padding       : 0px 0px;
  margin          : 0 0px;
  border-top    : 1px solid #aaa;
  border-bottom : 1px solid #aaa;
}
/*end*/

td.main table.formgroup td.result
{
  font-weight : bold;
}

td.main table.resultlist
{
  width           : 593px;
  margin          : 0 3px;
  border-collapse : collapse;
}

td.main table.resultlist td
{
  font-size     : 11px;
  padding       : 2px 5px;
  border-bottom : 1px solid #aaa;
}

td.main table.resultlist tr.warning td,
td.main table.resultlist tr.warning td a
{
  color: #f00;
}

td.main table.resultlist tr.resulthead
{
  background-color : #f8b500;
  height : 16px;
}

td.main table.resultlist tr.resulthead td
{
  padding          : 1px 5px;
  vertical-align   : middle;
  border-top 	   : 1px solid #f8b500;
}

td.main a
{
  color : #000;
}

td.main a:hover
{
  color : #0d006a;
}

td.main li
{
  font-size : 12px;
  line-height : 14px;
}

/*THBU 23-11-2005: used in SCTT010 and SCTT020*/
td.main table.details
{
  border-collapse: collapse;
}

td.main table.details td
{
  height : 12px;
  vertical-align : top;
  padding : 0;
}

td.main table.details td.title
{
  padding-right : 5px;
  text-align : left;
}

td.main table.detauls td.value
{
  text-align : left;
}
/*end*/

td.main div.prefix,
td.main div.suffix
{
  font-size : 11px;
  padding : 2px 8px;
  margin : 0;
}

td.main div.prefix
{
  border-bottom : 1px solid #ccc;
  margin-bottom : 3px;
}

td.main div.prefix div.red_text
{
  margin-top	: 5px;
  color			: #ff0000;
  font-weight	: bold;
  font-size		: 1.2em;
}

td.main div.prefix a:link
{
  color			: #ff0000;
}

td.main div.error
{
  color : #f00;
}

td.main div.waitmessage
{
  background-color : #bfcbe2;
}

td.main div.suffix
{
  margin-top : 14px;
  border-top : 1px solid #ccc;
}

/**
 *  div.formcontent is used to make sure
 *  there is at least 344px space between
 *  the prefix and the suffix of a 
 *  functional screen.
 *
 *  This is a workaround for the problem 
 *  that Internet Explorer does not 
 *  understand min-height, which would do 
 *  what is desired.
 *
 *  Instead IE does interpret the height
 *  property as min-height is intended to.
 *  Unfortunately in other browsers this
 *  would result in div.formcontent having
 *  always height 344px, even with larger 
 *  content.
 *
 *	The display type "table-cell" now lets the 
 *  height be interpreted as minimum height
 *  for non-IE browsers, because table cell
 *  heights are always expanded in case its content
 *  is too large. 
 *
 *  IE does not understand "display: table-cell",
 *  but this does not matter here, because
 *  IE interprets height as min-height anyway.
 */
td.main div.formcontent
{
	display : table-cell;
	height  : 344px;
}

td.main table.resultlist td.input
{
  padding : 0 2px;
  text-align : center;
}

td.main table.resultlist input.selectall
{
  font-size : 8px;
  font-weight : bold;
}

td.main iframe
{
  border-style : none;
  width        : 100%;
  height       : 405px;
}