/*ELEMENTER, SOM LIGGER I FORM_EDITBOX-DIV OG ER SPECIFICERET UNDER DENNE*/
@import "form_editbox.css";

/*ELEMENTER, SOM LIGGER I adminLayoutTable OG ER SPECIFICERET UNDER DENNE*/
@import "admin.css";

body
{
  /* Make it possible to fit into exactly 1024x768 */
  margin: 20px 0px 0px 0px;
  text-align: center;
  background-color: #FFF;
}
body.simple, body.simple form   
{
  margin: 0;
}
img {
  border: 0px;
}

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

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

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

td
{
  text-align: left;
}

td, th, div, span, input, p, select, textarea {
  font-size: 8pt;
  font-family: verdana;
  color: #000000;
  font-weight: normal;  
}

div
{
  margin: 0px;
  padding: 0px;
}

th
{
  text-align: left;
}

input, select
{
}

input.txt
{
  padding: 2px 2px;
  border: 1px solid #A5ACB2;
}

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


input.error
{
  background-color: Red;
}
textarea
{
  color: #000000;
  font-size: 8pt;
  overflow:auto;
}

a
{
  color: #000000;
}
a:link, a:visited, a:active
{
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}

h1 {
  font-size: 12pt;
  border-bottom: 1px solid #003366;
  margin: 0px;
}

h2 {
  font-size: 10pt;
  text-align: right;
  color: #003366;
  padding: 0px;
  margin: 0px 0px 2em 0px;
}

h3 {
  font-size: 10pt;
}

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

.workflow_buttons
{
  text-align: right;
}

.TrueColor
{
  color: #003366;
  font-weight: bold;
}

.FalseColor
{
  color: Gray;
}

/* PageHeader */

.page_header h1
{
  color: #325F7C;/*#E5026D;*/
  font-size: 12pt;
  border-bottom: 1px solid #003366;
  margin: 0px;
}

.page_header h2
{
  font-size: 10pt;
  text-align: right;
  color: #80A5BC;/*#E5026D;*/
  padding: 0px;
  margin: 0px 0px 2em 0px;
}

/* Tabs */

.tablist
{
  background-color: #F1F1F1;
  height: 35px;
  border-bottom: 1px solid #999;
  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 #999;
}

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

.tablist td.active
{
  background-color: #F1F1F1;
  border: 1px solid #999;
  border-bottom: 1px solid #F1F1F1;
}

.tablist td.link
{
  background-color: #E1E1E1;
  border: 1px solid #999;
}

.tablist input
{
  background-color: Transparent;
  color: black;
  border: none;
  cursor: hand;
  cursor: pointer;
}


/* Introtext */

div.introtext
{
  margin: 0px 10px 2em 3ex;
  padding: 0px 0px 0px 1ex;
  border: none;
  border-left: 2px solid #999;
  height: 30px;
}

/* Form */

.form_frame
{
 margin: 0px 0px 1em 0px;
}

.form_frame div.head
{
  padding: 4px 4px;
  border-top: solid 1px #999;
  background-color: #CCECF4;/*#E197BE;*/
  font-weight: bold;
}

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

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

.form_frame td
{
  padding: 2px 15px 2px 2px;
}

.form_frame fieldset
{
}

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

.form_frame div.buttons
{
  background-color: #325F7C;/*#F0DBE6;*/
  border-bottom: 1px solid #999;
  padding: 1px 10px 1px 10px;
  text-align: right;
}

.form_frame div.buttons table
{
  width: 100%;
  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:active
{
  background-image: url(../../pics/arrow2-right.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 10px;
}

.contentSelect .form_frame div.body
{
  width: 100%;
  background-color: #FFFFFF;
}

/* DataGrid */

.form_frame tr.gridHeader
{
  background-color: #80A5BC;/*#E197BE;*/
}

.form_frame tr.gridHeader td
{
  border-top: solid 1px #999;
  border-bottom: solid 1px #999; 
  padding: 4px 4px;
  font-weight: bold;
}

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


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

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

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

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

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

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

.form_frame .gridPager td
{
  border-bottom-width: 0px;
}

.form_frame .gridPager span
{
  font-style: italic;
}

.form_frame div.gridPager
{
  text-align: center;
  padding: 4px 0px 4px 0px;
  font-size: 120%;
  font-style: italic;
}

.form_frame div.gridPager a
{
  text-decoration: underline;
}

.form_frame div.gridPager input.pageinput
{
  font-size: 70%;
  width: 3em;
}

.form_frame div.gridPager button
{
  font-size: 70%;
  font-style: normal;
}

.form_frame div.gridPager img
{
  vertical-align: middle;
  height: 20px;
}

/* Inputs */

.form_frame input.readonly
{
  background-color: transparent;
  border: none;
  border-bottom: solid 1px #999;
}


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

.form_frame textarea.readonly
{
  background-color: transparent;
  border: solid 1px #999;
}

.form_frame button.searchButton
{
  font-size: 8pt;
}

.form_frame input.amount
{
  text-align: right;
}


/* Content, File, Folder, Image, Menu, Silo */
/* DEEPTREE PREVIEW/EDIT*/
iframe.deeptree,
iframe.info
{
  padding: 0px;
  margin: 0px;
  margin-top: 10px; 
  height: 400px; 
}
iframe.deeptree
{
  margin-right: 15px;
  border: 1px solid #000000;
  width: 250px;
}

iframe.info
{
  border: none;
  width: 330px;
}

.deeptreemenu
{
  padding: 0px 0px 0px 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: 0px;
  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;
}

/* Dibs Order Table */

table.dibsordertable
{
  width: 100%;
}

.dibsordertable tr th
{
  font-weight: bold;
}

.dibsordertable tr td,
.dibsordertable tr td h2
{
  width: 400px;
  padding-top: 1px;
  padding-bottom: 1px;
  padding-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
}


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

.ValidationSummary div.header
{
  color: Red;
}

.ValidationSummary div.body
{
  color: Red;
}

.default div.form_frame
{
  padding: 0px;
  margin: 0px;
}

.default div.form_frame div.head
{
  padding: 0px;
  margin: 0px 0px 20px 0px;
	color: #456D87;
	font-size: 9pt;	
	background: none;
	border: none;
}

.default div.form_frame div.body
{
  padding: 0px;
  color: black;
	font-size: 8pt;	
	background: none;
	border: none;
}
.default div.form_frame div.buttons
{
  text-align: left;
  padding: 20px 0px 0px 0px;
  color: black;
	font-size: 8pt;	
	background: none;
	border: none;
}

.default div.form_frame input.txt
{
  width: 300px;
}
.default div.form_frame a
{
	background: none;
	padding: 0;
}