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

body.simple
{
  text-align: left;
  padding: 20px;  
  background-color: #fff;
}
img {
  border: 0px;
}
a img {
  border: 0px;
}

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

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

td, th, div, span, input, p, select, textarea, ul, li, button {
  font-size: 11px;
  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;
}

.default input.submit
{
  background: url(../../pics/btn_bg.gif);  
  background-image: url(../../pics/btn_bg.gif);
  border: none;
  color: #fff;
  font-size: 10px;
  height: 17px;

  padding-left: 5px;
  padding-right: 5px;
  margin: auto;
  overflow: visible;
  width: auto;    
}

html>body.default input.submit
{
  padding-bottom: 3px;
}

input.readonly
{
  border: none;
  border-bottom: 1px solid #A0A0A0;  
}
input.error 
{
    background-color: Red;
}
input.int
{
  text-align: right;
  width: 50px;
}
input.int,
input.amount,
input.double,
td.amount
{
  text-align: right;
  white-space: nowrap;
}

.form_frame input.mandatory
{
  background-image: none;
}

.form_frame input.empty-mandatory
{
  background-image: url(../../pics/mandatory.gif);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 2px;
}
.ValidationSummary ul
{
  list-style: none;
  margin-left: 0px;
}
.ValidationSummary ul li
{
  font-weight: bold;
  color: Red;
}

div.printicon
{
  text-align: right;
}
div.printicon div
{
  text-align: right;
  display: inline;
}
/* Special IE style */
* html .form_frame input.empty-mandatory
{
  padding-right: 3px;
}
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;
}

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

h2 
{
  color: #000;
  font-family: Verdana;
  font-size: 10pt; 
  margin-bottom: 2em; 
  text-align: left;
  text-align: left;  
}

h3 {
  font-size: 9pt;
  font-weight: bold;  
  font-family: verdana;
  text-align: left;  
}

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

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

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

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

div.centersite
{
  padding: 30px 25px 15px 25px;
  text-align: center;
}
.admin div.centersite .innerdiv
{
  width: 700px;
}

div.introtext
{
  padding: 0px;
  margin-bottom: 15px;
}
.default div.introtext
{
  font-style: italic;
}
.admin div.introtext
{
  padding: 10px;
  background-color: #e6e6e6;
  border-top: solid 1px #a0a0a0;
  border-bottom: solid 1px #a0a0a0;
}
/* Content, File, Folder, Image, Menu, Silo */
/* DEEPTREE PREVIEW/EDIT*/
td.deeptree,
iframe.deeptree,
iframe.info
{
  margin-top: 10px; 
  height: 400px; 
  width: 350px;
}
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 .preview select,

.iframe .edit,
.iframe .edit p,
.iframe .edit div,
.iframe .edit span,
.iframe .edit td,
.iframe .edit input.text,
.iframe .edit select
{
  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 */
.admin .page_header h1
{
  color: #000;
  font-size: 12pt;
  border-bottom: 1px solid #000;
  margin: 0px;
}

.admin .page_header h2
{
  font-size: 10pt;
  text-align: right;
  color: #000;
  padding: 0px;
  margin: 0px 0px 2em 0px;
}
/* Form */
.form_frame
{
 margin: 0px 0px 1em 0px;
}
.form_frame input.error, .form_frame select.error
{
  background-color: Red;
}
.form_frame div.head
{
  padding: 4px 4px;
  border-top: solid 1px #a0a0a0;
  background-color: #d6d6d6;
  font-weight: bold;
}

.form_frame div.body
{
  padding: 4px 4px;
  background-color: #e6e6e6;
  border-top: solid 1px #a0a0a0;
  border-bottom: solid 1px #a0a0a0;
}

.form_frame div.grid-head
{
  display: inline;
  line-height: 20px;
  padding: 4px 4px;
  border-top: solid 1px #a0a0a0;
  border-left: solid 1px #a0a0a0;
  border-right: solid 1px #a0a0a0;
  background-color: #d6d6d6;
  font-weight: bold;
}


.form_frame div.grid
{
  padding: 0px;
  border-top: none;
}

.form_frame table.grid tr.gridHeader td
{
  font-weight: bold;
}
.form_frame td
{
  padding: 2px 15px 2px 0px;
  vertical-align: top;
}

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

.form_frame fieldset
{
}

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

.form_frame div.buttons
{
  background-color: #E1E1E1;
  border-bottom: 1px solid #a0a0a0;
  padding: 1px 10px 1px 4px;
  text-align: right;
}

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

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

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

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

.form_frame a:link, 
.form_frame a:visited, 
.form_frame a:active
{
  background-image: url(../../pics/arrow2-right.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 10px;
}

.form_frame .grid a:link, 
.form_frame .grid a:visited, 
.form_frame .grid a:active
{
  background-image: none;
  padding-right: 0px;
}

.form_frame .grid a.hl:link, 
.form_frame .grid a.hl:visited, 
.form_frame .grid a.hl:hover,
a.hl:link, 
a.hl:visited, 
a.hl:hover
{
  background-image: url(../../pics/arrow2-right.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 10px;
}

.form_frame .grid a.hl:active,
a.hl:active
{
  background-color: #CCCCCC;
  text-decoration: underline;
  padding: 2px 10px 2px 0px;
}

/* DataGrid */

.form_frame table.grid
{
  width: 625px;
}
.admin .form_frame table.grid
{
  width: 725px;
}

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

.form_frame table.grid tr.header
{
  background-color: #A0A0A0;
  color: #FFF;
  padding: 4px 4px;
}

.form_frame table.grid tr.header td
{
  border-top: solid 1px #999;
  border-bottom: solid 1px #999; 
  font-weight: bold;
  color: #FFF;
}

.form_frame table.grid tr.simpleheader
{
  background-color: #A0A0A0;
  padding: 4px 4px;
}

.form_frame table.grid tr.simpleheader td
{
  border: none;
  font-weight: normal;
}


.form_frame table.grid tr.header a, 
.form_frame table.grid tr.header a:link, 
.form_frame table.grid tr.header a:visited, 
.form_frame table.grid tr.header a:active
{
  color: #FFF;
  text-decoration: underline;
  background: transparent;
  padding-right: 0px;
}

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

.form_frame table.grid td.center
{
  text-align: center;
  
}

.form_frame table.grid .gridSelectedRow td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.form_frame table.grid .gridSelectedRow td.lineno
{
  background-color: #777;
  color: #FFF;
}


.form_frame table.grid .gridSelectedRow td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.form_frame table.grid .gridSelectedRow td.lineno
{
  background-color: #777;
  color: #FFF;
}
/* TableEditor */

.form_frame div.body div.table-editor div.pane
{
  padding: 4px 4px;
}

.form_frame div.body div.table-editor div.separator
{
  font-weight: bold;
  padding: 0px 0px 4px 2px;
}

.form_frame div.body div.table-editor div.buttons
{
  margin-bottom: 20px;
}


.form_frame div.inline-list-editor div.buttons
{
  border: none;
}

/* 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: #D1D1D1;
  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: #658091;
}

/* 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;
}

.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
{
  background-color: transparent;
  width: 115px;
  height: 80px;
  text-align: left;
}

#marvinLineNoContextMenu .popupDiv
{
  width: 100px;
  height: 70px;
}

#marvinLineNoContextMenu .popupDivBack
{
  width: 100px;
  height: 75px;
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: -10;
}
/* 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;

}

/* Tabbed Panel Set */

.editTabs
{
  padding-top: 15px;
  margin-bottom: 10px;
}

.editTabs table
{
  width: 100%;  
}

.editTabs .padding
{
  width: 10px;
  border-bottom: 1px solid #555555;
}

.editTabs .endPadding
{
  width: auto;
  border-bottom: 1px solid #555555;
}
.editTabs td
{
  text-align: center;
}

.editTabs .link
{
  width: 13em;
  padding: 0px;
  border: 1px solid #999999;
  border-bottom: 1px solid #555555;
  background-color: #E1E1E1;
  
}

.editTabs .active
{
  
  width: 13em;
  padding: 0px;
  border: 1px solid #555555;
  border-bottom: none;
}

.editTabs input
{
  cursor: hand;
  border:none;
  margin: 2px;
  padding: 0px;
  background-color: Transparent;
  xbackground-color:Red;
}

.workflow_buttons
{
  text-align: right;
}