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


img {
  border: 0px;
}

hr {
  color: #000;
  height: 1px;
}

table
{
  border-collapse: collapse;
  margin: 0px;
}

table,
table td
{
  border: none;
  padding: 0px;
}

td, th, div, span, input, p, select, textarea {
  font-size: 8pt;
  font-family: verdana;
  color: #000000;
  font-weight: normal;   
 /* background-color:Silver; */
}
a.submit, a.button, a.searchButton,
input.submit, input.button, input.searchButton,
button.submit, button.button, button.searchButton
{
  background-color: #FFF;
  color: #000;
  border: 1px solid #939598;
  height: 18px;
}
a.submit, a.button, a.searchButton
{
	padding: 2px 5px 2px 5px;
}
a.submit:hover, a.button:hover, a.searchButton:hover
{
	text-decoration: none;
}
.ie7 button.submit, .ie7 button.button, .ie7 button.searchButton
{
	height: 18px;
}
button.submit span, 
button.button span, 
button.searchButton span
{
	color: #000;
}
input.searchButton, button.searchButton
{
  width: 16px;
}
th
{
  text-align: left;
}

a
{
  font-size: 8pt;  
	color: #C01518;
	font-family: Verdana;
	text-decoration: none;
  
}
a:link, a:visited, a:active
{

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

h1 {
  font-size: 15px;
  font-family: verdana;
  font-weight: bold;
  color: #000;
  margin: 0px;
  padding: 0px;
}

div.admin h1,
div.simple h1,
div.mypage h1,
div.mypage h1
{
  font-size: 15px;
  font-family: verdana;
  font-weight: bold;
  color: #000;
  border-bottom: solid 1px #054873;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 10px;
  font-family: verdana;
  font-weight: bold;
  color: #C01518;
  margin: 0px;
  margin-bottom: 20px;
  text-align: right;
}

h2.left 
{
  font-size: 13px;
  margin-bottom: 10px;
  text-align: left;
}

h3 {
  font-size: 12pt;
  font-family: verdana;
  font-weight: bold;
  color: #054873;
}
h3 a{
  font-size: 12pt;
  font-family: verdana;
  font-weight: bold;
  color: #054873;
  text-decoration: underline;
}
h4 {
  font-size: 10pt;
  font-family: verdana;
  font-weight: lighter;
  color: #C01518;
  margin: 0px;
  margin-bottom: 20px;
  text-align: right;
}
a h3{
  font-size: 12pt;
  font-family: verdana;
  font-weight: bold;
  color: #054873;
  text-decoration: underline;
}

p
{
  margin: 0px 0px 1em 0px;
}
.top
{
  vertical-align: top;
}
.right
{
  text-align: right;
}
.clickable
{
  cursor: pointer;
  cursor: hand;
}

.centersite
{
  /*padding: 20px 60px 60px 60px;*/
}
.introtext
{
  padding: 10px;
  
}
.attentiontext
{
  font-weight: bold;
  color: #054873;
}
.monthPager,
.newslistHeader
{
  border-bottom: solid 1px #D5EB99;
  padding-bottom: 5px;
}
.monthPager a,
.monthPager span.selectedMonth
{
  margin-right: 13px;
  
}

.monthHeader h3
{
  font-size: 9pt;
  color: #000;   
}

.nowrap
{
	white-space: nowrap;
}
div.buttons
{
  
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 1px 10px 1px 10px;
  text-align: right;
}

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

div.buttons td
{
  padding: 0px;
}

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

div.buttons .right
{
  text-align: right;
}
.rightbox
{
  margin: 0px;
}
.rightbox .header
{
  height: auto;
  width: auto;
  text-align: left;
  width: 100%;  
}
.rightbox .header table
{
  width: 100%;
}
.rightbox .header td.alignright
{
  text-align: right;
}
.rightbox .header div
{
  color: #000;
  font-weight: bold;
  padding-bottom: 5px;
}
.rightbox .header td
{
  color: #000;
  font-weight: bold;
  font-size: 9pt;  
}
.rightbox .header a
{
  color: #C01518;
  font-weight: bold;
  font-size: 9pt;
  text-decoration: none;  
}
.rightbox .content,
.rightbox .content div,
.rightbox .content td
{
  font-size: 8pt;
}
.selectAll label
{
  font-weight: bold;
}
/*Alle view's*/
.view .printicon
{
  float:right; padding: 4 12 0 0;
}
/* Content, File, Folder, Image, Menu, Silo */
/* DEEPTREE PREVIEW/EDIT*/
iframe.deeptree,
iframe.info
{
  margin-top: 10px; 
  height: 400px; 
  width: 350px;
}
iframe.deeptree
{
  width: 240px;  
  border: 1px solid #000000;
}

.deeptreemenu
{
  padding: 10px;
}

.deeptreemenu .menuItem,
.deeptreemenu .menuItem a,
.deeptreemenu .menuItem img 
{
	color: #000;
  text-align: left;  
  font-size: 11px;
  vertical-align: middle;  
  text-decoration: none;
}
.deeptreemenu .menuItemSelected 
{
  font-weight: bold;
}
.iframe .preview,
.iframe .edit
{
	padding: 10px;
}

.iframe .preview,
.iframe .preview p,
.iframe .preview div,
.iframe .preview span,
.iframe .preview td,
.iframe .preview input.text,
.iframe .preview select,
.iframe .preview label,

.iframe .edit,
.iframe .edit p,
.iframe .edit div,
.iframe .edit span,
.iframe .edit td,
.iframe .edit input.text,
.iframe .edit select,
.iframe .edit label
{
  /*font-size: 8pt;
  padding-right: 10px;
  text-align: left;*/
  padding-right: 0px;
  text-align: left;
}
.iframe .preview h1,
.iframe .edit h1
{  
  font-size: 14px;
}
.iframe .preview h2,
.iframe .edit h2
{  
  font-size: 12px;
}
.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;
}

/* Form */

.form_frame
{
 margin: 0px 0px 1em 0px;
}
.form_frame div.head
{
  padding: 4px;
  border-bottom: 1px solid #999;
  background-color: transparent;
  color: #192758;
  font-family: Arial,Helvetica,sans-serif;
  font-weight: bold;
  font-size: 12px;
}

.form_frame div.head img
{
  margin: 2px 6px 0px 0px;
  cursor: pointer;
  float: left;
}
.form_frame div.body
{
  margin: 10px 0;
  background-color: transparent;
}

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

.form_frame td
{
  padding: 2px 15px 2px 0px;
}
.form_frame .nopadding td
{
  padding: 0px;
}
.form_frame fieldset
{
  width: 400px;
}
.mypage .form_frame fieldset
{
	width: 600px;
}
.form_frame legend
{
  padding: 0px 1em 0px 1em;
  margin-bottom: 1ex;
  margin-top: 2ex;
}

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

}

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

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

tr.gridHeader
{
  /*background-color: #D3D3D3;*/
}

tr.gridHeader td
{
  padding: 4px 4px;
  font-weight: bold;
}

tr.gridHeader a:link, 
tr.gridHeader a:visited, 
tr.gridHeader a:active
{
  background: transparent;
  padding-right: 0px;
}


table.grid
{
  width: 100%;
  /*background-color: #F1F1F1;*/
}

table.grid table
{
  width: 100%;
}

table.grid th
{
  /*background-color: #BCD7EE;*/
  border-top: solid 1px #999;
  border-bottom: solid 1px #999; 
  padding: 4px 4px;
  font-weight: bold;
}

table.grid .header td
{
  /*background-color: #BCD7EE;*/
  border-top: solid 1px #999;
  border-bottom: solid 1px #999; 
  padding: 4px 4px;
  font-weight: bold;
}

table.grid .header td
{
  font-weight: bold;
  border-top: solid 1px #999;
  vertical-align: middle;
}

table.grid tr td
{
  padding: 4px 4px;
  vertical-align: middle;
}
table.subgrid tr td
{	
	vertical-align: top;	
}
table.grid .header td.subheader
{
	border: none;	
}
table.grid td.tablecell
{
	padding: 0;
}
table.decoratedGrid
{
  width: 80%;
}
table.decoratedGrid td
{
  text-align: left;
}
.gridPager td
{
  border-bottom-width: 0px;
}


.gridPager span
{
  font-style: italic;
}

.gridPager input.img
{
  vertical-align: text-top;  
}

.gridPager input.int
{
  height: 12px;
  margin-right: 2px;  
}

.firefox2 .gridPager input.submit
{
  margin-top: -1px;
}

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

table.contextmenu
{
  background-image: url('../../pics/contextmenu-gradient.gif');
  background-position: left;
  background-repeat: repeat-y;

  background-color: #FCFCFC;
  border: 1px solid #ACA899;
  padding-right: 10px;
}

html>body table.contextmenu
{
  margin-top: 7px;
}

table.contextmenu td.separator
{
  height: 1px;
}

table.contextmenu td.separator div
{
  margin: 0px;
  padding: 0px;
  margin-left: 26px;
  margin-right: 2px;
  line-height: 1px;
  height: 1px;
  width: auto;
  border-bottom: 1px solid #ACA899;
}

table.contextmenu tr td
{
  padding: 0px;
  margin: 0px;
}

table.contextmenu div
{
  margin: 2px;
  padding: 2px;
  line-height: 16px;
  
}

html>body table.contextmenu div
{
}

table.contextmenu div.hover
{
  background-color: #ffeec2;
  border: 1px solid #ACA899;
  padding: 1px;
}

table.contextmenu div table td.image
{
  width: 25px;
}

table.contextmenu div table 
{
  width: 100%;
}

table.contextmenu div.disabled
{
  color: Gray;
}

.contextmenuInvoker_hover
{
  background-color: #D6E7FF;
  cursor: pointer;
}

#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 #999; 
  padding: 0px;
  
}

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

.autoComplete
{
  padding: 0;
  list-style-type: none;
}
#marvinSuggestionDiv
{
  width: 200px;
}
#marvinSuggestionDiv_iframe,
.autoComplete
{
  margin-left: 2px;
  margin-top: -15px;
}
html>/**/body #marvinSuggestionDiv_iframe,
html>/**/body .autoComplete
{
  margin-left: 0px;
  margin-top: 0px;
}

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

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

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

.ValidationSummary div.header
{
  color: Red;
}

.ValidationSummary div.body
{
  color: Red;
}
/* Progress bar */

div.progressbar
{
  padding: 20px;
  border: 3px solid #D1D7E5;
  background-color: white;
  text-align: center;
}

div.progressbar .title
{
  font-size: 11pt;
}

.redarrows
{
  color: #C01518;
}


/* Flash message */

div.flashBox
{
  margin-bottom: 10px;
  border: 1px solid #008000;
}

div.flashBox table
{
  width: 100%;
}

div.flashBox td
{
  padding: 5px;
  vertical-align: middle;
  font-weight: bold
}
/* TableEditor */
div.body div.table-editor
{
  background-color: #fff; 
}

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

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

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

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

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

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

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

/* The lineno cell that's being dragged from - the source */
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 */
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 */
div.table-editor table.lineno-dragged tr.lineno-mouseover td.headlineno
{
  background-color: #999;
}

div.editPanel
{
	text-align: right;
}