body
{
  /* Make it possible to fit into exactly 1024x768 */
  margin: 0px 0px 0px 0px;
  text-align: center;
  background-color: #fff;
}

body.simple
{
  background-color: #fff;
  margin: 20px;
}

body.fckplugin
{
  background-color: Transparent;
  padding-left: 10px;
}

input.txt,
input.int,
input.email,
textarea
{
  border: 1px solid #7F9DB9;
  padding: 1px 3px 3px 1px;
}

.empty-mandatory
{
  background-image: url(../../pics/mandatory.gif);
  background-repeat: no-repeat;
  background-position: center right;
  border: 1px solid #7F9DB9;
  padding: 1px 3px 3px 1px;
}

select
{
   border: 1px solid #7F9DB9;
   height: 20px;
}

.int
{
   border: 1px solid #7F9DB9;
   padding: 1px 3px 3px 1px;
}

html>body .empty-mandatory
{
  padding: 1px 1px 3px 1px;
}



img 
{
  xborder: 0px;
  xpadding-right: 2px;
}

a img 
{
  border: 0px;
}

hr 
{
  color: #000;
  height: 1px;
}
.default hr
{
  color: #000;
}
hr.coloredhr
{
	color:#7AA9BD;	
}
table
{
  border-collapse: collapse;
  margin: 0px;
}


table.grid
{
  margin-top: 10px;
}

table,
table td
{
	/*border: none;*/
  padding: 0px;
  vertical-align: top;
}

td, th, div, span, input, p, select, textarea, button {
  font-size: 10px;
  font-family: verdana;
  color: #000000;
  font-weight: normal;  
  text-align: left;  
}

th
{
  text-align: left;
}
td.padding, th.padding
{
  padding: 5px;
}
input, select
{
  
}

input.button, input.submit, button
{
  text-align: center;
}

input.readonly
{
  border: none;
  border-bottom: 0px solid #A0A0A0;  
  background: none;
}

button.hidebutton
{
  background-color: Transparent;
  border: none;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
}

textarea
{
	overflow:auto;
}

a
{
	color: #000;
	font-family: Verdana;
  text-align: left;	
}
a:link, a:visited, a:active
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.default a {

}
h1 
{
  color: #000;
  font-family: Verdana;
  font-size: 12pt;
  border-bottom-color: #000;
  text-align: left;  
}

h2 
{
  color: #000;
  font-family: Verdana;
  font-size: 10pt; 
  margin-bottom: 3px; 
  margin-top: 6px; 
  text-align: left;
  text-align: left;  
}

h3 {
  font-size: 9pt;
  font-weight: bold;  
  font-family: verdana;
  text-align: left;  
}
.default h1 {
  color: #8F1023;
  font-size: 11pt;
  font-family: Verdana;
  text-align: left;  
  padding: 0px;
  margin: 0px 0px 1em 0px;  
}

.default h2 {
  color: #8F1023;
  font-family: Verdana;    
  font-size: 10pt;
  padding: 0px;
  margin: 0px 0px 1em 0px;  
}

.default h3 {
  color: #8F1023;
  font-family: Verdana;    
  font-size: 9pt;
  padding: 0px;
  margin: 0px 0px 2px 0px;  
}

p
{
  margin: 0px 0px 1em 0px;
}

p.bold
{
  font-weight: bold;
}

ul.simple li
{
  list-style: none;
}

dl.indent
{
  padding-left: 2em;
}
dt
{
  font-weight: bold;
}
dd
{
  padding-bottom: 10px;
}

.cbx
{
  vertical-align: middle;
}

span.radio input
{
  vertical-align: middle;
}

.clickable
{
  cursor: pointer;
  cursor: hand;
}

div.centersite
{
  padding: 0px 0px 15px 0px;
  text-align: center;
}

div.introtext
{
  padding: 0px;
  margin-bottom: 15px;
}
.default div.introtext
{
  font-style: italic;
  padding: 0px 20px;
  font-size: 8pt;
}
.admin div.introtext
{
  padding: 10px;
  background-color: #F1DBA8;
  border: 1px solid #D2B677;

}
/* Content, File, Folder, Image, Menu, Silo */
/* DEEPTREE PREVIEW/EDIT*/
td.deeptree,
iframe.deeptree,
iframe.info
{
  margin-top: 10px; 
  height: 400px; 
  width: 460px;
  border: none;
}

body.simple
{
	width: 85%;
	
}

td.deeptree,
iframe.deeptree
{
  width: 240px;  
  border: 1px solid #000000;
}

.deeptreemenu
{
  padding: 10px;
}

.deeptreemenu .menuItem,
.deeptreemenu .menuItem a,
.deeptreemenu .menuItem img {
  text-align: left;  

  vertical-align: middle;  
  text-decoration: none;
}
.deeptreemenu .menuItemSelected 
{
  font-weight: bold;
}

.iframe .preview,
.iframe .preview p,
.iframe .preview div,
.iframe .preview span,
.iframe .preview td,
.iframe .preview input.text,
.iframe .edit,
.iframe .edit p,
.iframe .edit div,
.iframe .edit span,
.iframe .edit td,
.iframe .edit input.text
{
  padding-right: 10px;
  text-align: left;
}
.iframe .preview h1,
.iframe .edit h1
{  

}
.iframe .edit textarea
{
  height: 60px;
}
.iframe .preview table td label,
.iframe .edit table td label
{
  width: 100px;
}
.iframe .preview table td,
.iframe .edit table td
{
  vertical-align: top;
}
/* CBS - Controls*/
/* PageHeader */
.page_header h1,
.page_header h1 *
{
  color: #8F1023;
  font-size: 12pt;
  border-bottom: 1px solid #8F1023;
  margin: 0 0 1px 0;
  padding-bottom: 3px;
  font-weight:  normal;
  letter-spacing: 0.2em;
}

.page_header h2,
.page_header h2 a
{
  font-size: 10pt;
  text-align: right;
  color: #8F1023;
  padding: 0px;
  margin: 0px 0px 2em 0px;
}

.page_header h2,
.page_header h2 a,
.page_header h2 img
{
  vertical-align: middle;
  font-weight: normal;
}

/* Form */
.form_frame
{
 margin: 0px 0px 1em 0px; 
}

.form_frame div.head,
.form_frame div.grid-head
{
  padding: 4px 4px;
  font-weight: bold;
  color: #8F1023;
  border: 1px solid #D2B677;
  background: #F7E5BD;
}

.form_frame div.head *,
.form_frame div.grid-head *
{
  font-weight: bold;
  color: #8F1023;
}

.form_frame div.head .right,
.form_frame div.grid-head .right
{
  float: right;
}

.form_frame div.head .right,
.form_frame div.grid-head .right
{
}

.form_frame div.head .left,
.form_frame div.grid-head .left
{
  float: left;
}

.form_frame div.body
{
  padding: 4px 4px;
  border-left: 1px solid #D2B677;
  border-right: 1px solid #D2B677;
  border-bottom: 1px solid #D2B677;
}

.form_frame div.grid .header
{
  /*
  
  
  font-weight: bold;
  color: #FFF;
  width: 100%;*/
}

.form_frame .grid a.imagefunctionlink,
.form_frame .grid-head a.imagefunctionlink
{
  background-image: none;
}


.form_frame div.grid
{
  padding: 0px;
  border: 0px solid white;
}

.form_frame table.grid tr.header td
{
  font-weight: bold;
  padding: 4px 4px;
  border-top: 1px solid #D2B677;
  border-bottom: 1px solid #D2B677;
}

.form_frame table.grid .gridHeader
{
	background-color: #d1e5f0;	
}

.form_frame table.grid .gridHeader td
{
	border-top: solid 1px #8F1023;	
	border-bottom: solid 1px #8F1023;
	color: #8F1023;
	font-weight: bold;
  vertical-align: top;
}

.form_frame table.grid .gridHeader td a:link,
.form_frame table.grid .gridHeader td a:visited,
.form_frame table.grid .gridHeader td a:active,
.form_frame table.grid .gridHeader td a:hover,
.form_frame table.grid td .gridPager a:link,
.form_frame table.grid td .gridPager a:visited,
.form_frame table.grid td .gridPager a:active,
.form_frame table.grid td .gridPager a:hover
{
	background-image: none;
	padding: 2px;
	
}

.form_frame table.grid
{
	width: 100%;	
}

.form_frame table.grid tr td
{
	padding: 2px 4px;
	vertical-align: middle;		
	border-top: 1px solid #F7E5BD;
}

.form_frame tr td
{
  padding: 2px 15px 2px 0px;
  vertical-align: top;
}

.form_frame tr td.nopad
{
  padding: 0;
}

.form_frame table.grid tr td
{
  vertical-align: top;
}

.form_frame table.grid-top tr td
{
  vertical-align: top;
}

.form_frame td.top,
.form_frame table.grid td.top,
.form_frame table.grid tr.top td
{
  vertical-align: top;
}

.mod-hometrade .form_frame table.grid tr.top td td
{
	padding: 0px 0px 1px 0px;
	margin: 0px;
}

.mod-hometrade .form_frame table.grid tr.top td
{
	border-bottom: solid 1px #d1e5f0;
	padding-right: 8px;
}

.mod-hometrade .form_frame table.grid tr.top td td
{
	border-bottom: none;	
}

.mod-hometrade .form_frame table.grid tr.hover
{
	background-color: #f5f0ec;
	cursor: pointer;
}

.form_frame fieldset
{
}

.form_frame legend
{
  padding: 0px 1em 0px 1em;
  margin-bottom: 1ex;
  margin-top: 2ex;
}

.form_frame div.buttons
{
  /*border: 1px solid #D2B677;*/
  border-top: none;
  padding: 1px 10px 1px 4px;
  text-align: right;
}

.form_frame div.buttons table.footer
{
  width: 100%;
  margin: 0px;
}

.form_frame div.buttons td
{
  padding: 0px;
}

.form_frame div.buttons .left
{
  text-align: left;
}

.admin .form_frame div.buttons .right
{
  text-align: right;
}

.hl,
.form_frame a:link, 
.form_frame a:visited, 
.form_frame a:active,
.form_frame .grid a:link, 
.form_frame .grid a:visited, 
.form_frame .grid a:hover
{
  background: url(../../pics/hl.gif) no-repeat right 3px;
  padding-right: 8px;
}

a.disabled,
a:hover.disabled
{
  color: #AAA;
  text-decoration: none;
}

.form_frame .grid .header td
{
  font-weight: bold;
  border-bottom: 1px solid #D2B677;
}

.form_frame .grid a.hl:active
{
  text-decoration: underline;
  padding-right: 10px;
}

.default .page_header
{
	padding: 0px;	
}

html>body div.gridPager
{
  padding-top: 2px;
}

html>body div.gridPager .img
{
  margin-top: -1px;
  vertical-align: top;
}


.form_frame td div.gridPager a
{
  font-weight: normal;
  text-decoration: underline;
  padding: 0px 2px;
}


.form_frame .grid a.hl:link, 
.form_frame .grid a.hl:visited, 
.form_frame .grid a.hl:hover,
a:link, 
a:visited, 
a:hover
{
  color: #8F1023;
}

.form_frame .grid a.hl:active,
a.hl:active
{
  text-decoration: underline;
  
}

table.formular tr td
{
  padding: 2px;
  padding-right: 20px;
  vertical-align: middle;
}

table.filters
{
  border: 1px solid #7F9DB9; 
  border-bottom: 1px solid #7F9DB9; 
  width: 100%;
  margin-bottom: 10px;
  
}

table.filters tr td
{
  padding: 2px;
  padding-left: 5px;
}

table.filters tr td,
table.filters tr td input,
table.filters tr td select
{
  vertical-align: middle;
}

/* Error */

input.error,
select.error,
textarea.error
{
  background-color: Red;
}

input.error
{
  border: 1px solid silver;
  padding: 2px;
}

/* Auto complete */

.autoComplete
{
  border: 1px solid #7F9DB9; 
  padding: 0px;
  background-color: White; 
}

.autoComplete td.scrollbar
{
  vertical-align: middle;
  border-left: solid 1px #999999;
}

.autoComplete ul
{
  margin: 0px;
  padding: 0;
  list-style-type: none;
}

#marvinSuggestionDiv_iframe,
.autoComplete
{
  margin-left: 1px;
  margin-top: 20px;
}

html>body #marvinSuggestionDiv_iframe,
html>body .autoComplete
{
  margin-left: 0px;
  margin-top: 0px;
}

.autoComplete li
{ 
  white-space: nowrap;
  padding: 2px;
  cursor: hand;
  cursor: pointer;
}

.autoComplete li.selected
{
  background-color: #CDD2A8;
}


/* ValidationSummary */
.ValidationSummary
{
  padding: 0px;
  border: 1px solid Red;
  margin: 10px 20px 10px 20px;
}

.ValidationSummary ul
{
  margin: 0px;
  padding: 5px;
  list-style-position: inside;
}

.ValidationSummary div.header
{
  color: Red;
}

.ValidationSummary div.body
{
  color: Red;
}

/* Tabs */

.tablist
{
  background-color: white;
  margin: 0px 0px 2em 0px;
}

.tablist table
{
  width: 100%;
  background-color: #FFF;
}

.tablist td
{
  text-align: center;
  padding: 1px;
}

.tablist td.padding
{
  width: 6px;
  border-bottom: 1px solid #8F1023;
}

.tablist td.endPadding
{
  border-bottom: 1px solid #8F1023;
}

.tablist td.active
{
  background-color: white;
  border: 1px solid #8F1023;
  border-bottom: 1px solid white;
  padding: 1px;
}

.tablist td.link
{
  background-color: #F5F0EC;
  border: 1px solid #8F1023;
}

.tablist input
{
  background-color: Transparent;
  color: #8F1023;
  border: none;
  cursor: hand;
  cursor: pointer;
  padding: 1px
}

.tablist span
{
  white-space: nowrap;
}

.lang-image
{
	margin-left: 10px;
	vertical-align:text-top;
}

.languageLabel
{
	display: inline;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 0px 0px 15px;
}

/* form_panel */
.form_panel
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
	
}

.form_panel head
{
	margin: 0px;	
}

.default .form_panel .body .grid td
{
	padding-bottom: 2px;
	margin: 0px;	
	height: auto;
}

/* Styles for dragging rows (dragging via left-most cell with lineno in it) */

/* Top left cell of editor */
.form_frame div.table-editor td.headlineno
{
  border-right: 1px solid #999;
}

/* Any lineno cell */
.form_frame div.table-editor td.lineno
{
  width: 2em;
  text-align: center;
  background-color: #BCD7EE;
  font-family: Arial;
  cursor: move;
  border-right: 1px solid #999;
}

/* A lineno cell with mouse over it */
.form_frame div.table-editor tr.lineno-mouseover td.lineno
{
  background-color: #999;
}

/* The lineno cell that's being dragged from - the source */
.form_frame div.table-editor td.lineno-dragged
{
  background-color: #777;
}

/* Any cell in a row with mouse-over in a table where dragging is going on */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td
{
  border-bottom: 1px dotted #000;
}

/* Only highlight header lineno cell on mouse-over when dragging */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td.headlineno
{
  background-color: #999;
}

/* Popup */


.popupDiv
{
  background-color: #E1E1E1;
  border: solid 1px #999999;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.popupDivBack
{
  background-color: #8D8D8D;
  filter: Alpha(Opacity=80);
  opacity: 0.60;
}

.popupDiv ul
{
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 0px auto;
}

.popupDiv ul li
{
  margin: 0;
  padding: 1px;
}

.popupDiv ul li a
{
  display: block;
  padding: 2px 2px;
  color: #000;
  text-decoration: none;
}

.popupDiv ul li a:link, 
.popupDiv ul li a:visited
{
  background-color: transparent;
  text-decoration: none;
  border: 1px solid #E1E1E1;
}

.popupDiv ul li a:hover,
.popupDiv ul li a:active
{
  background-color: #CCCCCC;
  text-decoration: none;
  border: 1px solid #999999;
}


#marvinLineNoContextMenu .popupDivBack
{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: -10;
}

/* Chief Dialogue */
.div chiefdialogue
{
	border: solid thin Black;
}

table.full-width
{
  width: 100%;
}

td.divider
{
  border-right: 1px solid #D2B677;
}

.nowrap
{
  white-space: nowrap;
}

input.int,
input.amount,
input.double,
td.amount,
td.right
{
  text-align: right;
  white-space: nowrap;
}

input.int-left
{
  text-align: left;
}

.overlay-container .form_frame
{
  background: white;
}

.overlay
{
  background-color: #333;
  filter: Alpha(Opacity=60);
  opacity: 0.60;
}

.infoimage
{
  width: 400px;
  background: white;
  border: 2px double #666;
  padding: 10px;
}

.infoimage .head
{
  color: #8F1023;
  font-size: 12pt;
  margin-bottom: 10px; 
}

.infoimageImage 
{
  position: relative;
  top: 3px;
}

.right
{
  text-align:right;
}

.phone input.cc
{
  width: 2em;
  text-align: right;
}
.phone input.no
{
  width: 6em;
  text-align: right;
}
.phone input.ln
{
  width: 3em;
  text-align: right;
}

.printbutton 
{
  vertical-align: middle;
}

.printbutton,
.printbutton img
{
  vertical-align: middle;
}

.printbutton img
{
  margin-right: 3px;
}

div.hideonoverlay
{
  margin-bottom: 10px;
}