html, body {
  width:100%;
  height:100%;
  padding:0px;
  margin:0px;
}

body {
	margin-top: 0em;
	padding-top: 0em;
	text-align: center;
	vertical-align: top;
}

legend {
	color:         #AAAAAA;
	margin-bottom: 10px;
}

.alert {
	color: red;
}

.message {
	text-align: center;
	line-height: 2em;
}

.validation-error {
	color: red;
	font-weight: bold;
    font-size: 15px;
	cursor: pointer;
    padding-top: 0.25em;
}

.readonly {
	border: 1px solid white;
	border-bottom: 1px solid silver;
}

textarea.readonly {
	border: 1px solid silver;
	color: silver;
}

.WebGTWin {
	width: 61.30em;
}


/* GENERAL ********************************************************************/

body, input, select, table, textarea {
	font-family:    Arial, sans-serif;
}

.DigType textarea, .DigSiteType textarea {
	width:					100%;
}

.DigType .section { /* DIV */
	text-align:     left;
	font-weight:    bold;
	padding:        0.2em 0.5em;
	border-top:     none;
	border-right:   none;
	border-left:    1px solid gray;
	border-bottom:  1px solid gray;
	margin-top:     1em;
	margin-bottom:  0.5em;
	background:     buttonface;
	width:          100%;
}

.DigType .element { /* TABLE */
	/*padding-bottom: 0.5em; gives unbroken vertical lines */
	margin-bottom:  0.5em;
	/*background:     yellow;*/
	width:          100%;
}

.element .title { /* TH */
	width: 			    10.0em;
	vertical-align: top;
	text-align:     right;
	padding-top:    0.25em;
  padding-right:  0.5em;
	border-right:   1px solid gray;
	/*background:     #aaffaa;*/
}


.element .comment { /* TH */
	width: 			    9.5em;
	vertical-align: top;
	text-align:     right;
	padding-top:    0.25em;
  padding-right:  0.5em;
	
	/*background:     #aaffaa;*/
}


.element .content { /* TD */
	padding-left:   1em;
	/*background:     #aaaaff;*/
}

/* CROSSSECTIONELEMENTTYPE ****************************************************/

.CrossSectionElementType {
  float: left;
	text-align: left;
	/*border: 1px solid blue;*/
}

.CrossSectionElementType td {
  text-align: left;
	font-weight:normal;
	vertical-align: top;
  margin:0px;
  padding:0px;
  height:auto;
}

.CrossSectionElementType th {
	text-align: left;
	border-right: none;
	border-bottom: 1px solid gray;
	font-weight:normal;
	vertical-align: top;
  margin:0px;
  padding:0px;
  height:auto;
}

.CrossSectionElementType .label {
	vertical-align: top;
	text-align:left;
	width:100% !important;
	padding-left:2px;
	padding-right:2px;
	height:auto;
}

.CrossSectionElementType input {
  margin:0px;
  padding:0px;
}

xml { 
  display: none;
}

/* DIGSITETYPE ****************************************************************/

.DigSiteType .StreetName {
	width:					100%;
}

.addsite {
	text-align: right;
}

/* STATIONING *****************************************************************/

.Stationing {
	padding-top:    0.25em;
	width:          100%;
}

.Stationing thead th {
	margin-top:     0em;
	padding-top:    0em;
	text-align:     left;
	border-top:     none;
	border-left:    none;
	border-right:   none;
	border-bottom:  1px solid gray;
}

.Stationing .From, .Stationing .To {
	width:          12em;
}

.Stationing tbody th {
	font-weight:    normal;
	width: 			    9.5em;
	padding-right:  0.5em;
	border-right:   none;
	vertical-align: middle;
	text-align:     right;
}

/* DIGCONTACTSTYPE ************************************************************/

.CompanyNameType input {
	width:          100%;
}

.PersonNameType input {
	/* width:          49.6%; */
}

.StreetNameForAddressing {
	width:          15em;
}

.DistrictName {
	width:          19em;
}

/* DIGCOMPLETIONTYPE **********************************************************/

.TemporaryForText {
	width:          100%;
}

.DigCompletionType .CommentText {
	width:          100%;
}

#NoCompletion1, #NoCompletion2 {
  padding-left:   10.5em;
	color:          gray;
}

/* DIGDATESNTYPE **********************************************************/

.DigDatesType input
{
	width: 6em;
}

/* AUTHORITYCODE ***************************************************************/

.AuthorityCode select {
	width: 14em;
}

#AuthorityAddressText {
	padding-top:    0.5em;
	color:          gray;
}

#AuthorityName {
	width: 20em;
}

/* DIGDETAILTYPE ***************************************************************/

.DigDetailType select {
	width: 12em;
}

.DigDetailType input {
}

.DigDetailType .MarkingText {
	width: 45.5em;
}

.DigDetailType .MarkingText[readonly='readonly'] {
	width: 52em; /* Button for selection not visible - increase width to maximum */
}

.TelephoneNumber span {
	width: 9em; /* Labels for phonenumbers in readonly state */
}

.DigDetailType span {
	width: 9em;
}

table.centerPage {
  margin-left:  auto;
  margin-right: auto;
  text-align:   left; 
}

.Window {
	border-style:     outset;
	background-color: buttonface;
	border-width:     0.1em;
	padding:          0.2em;
	/*width:            1em;*/
}

.ReadableText {
	width: 20em;
}

#Menu {
	border-style:     inset;
	background-color: buttonface;
	border-width:     0.1em;
	vertical-align:   top;
	width:            13em;
	padding:          0.5em;
}

#Menu p {
	/*background-color: red;*/
}

#Menu a {
	color: darkblue;
}

.FileName {
	text-decoration: underline;
	cursor: pointer;
	color: blue;
}

/* Footer grafik mv. */

#bundTekst {  
  width:100%;
  height:34px;
  float:left;
  white-space: nowrap;
}

#bundTekst1 {
  font-size:10px; /* FIXED SIZE! */
  color:rgb(191,191,191);
  text-align:left;
  border-top: 1px solid rgb(191,191,191); 
  padding-top: 0em; 
  vertical-align: top; 
  width:400px;
  float:left;
}

#bundTekst2 {
  font-size:10px; /* FIXED SIZE! */
  color:rgb(191,191,191);
  text-align:right;
  border-top: 1px solid rgb(191,191,191); 
  padding-top: 0em; 
  vertical-align: top; 
  width:345px;
  float: left;
}

#bundLogo {
  float:right;
  height:47px;
  width:144px;
  padding: 0px;
  white-space:nowrap;
  vertical-align: bottom;
}

th.checkboxtitle {
  font-weight:bold;
}

td.checkboxlabel {
  font-weight:normal;
}


/** WIDTHS AND HEIGHTS *************/

select.daySelect {
  width: 50px;
}

select.monthSelect {
  width: 130px;
}

select.yearSelect {
  width: 80px;
}

.DigType, .DigSiteType { /* DIV */
	width:          826px;	
}

.element .content .CrossSectionElementType table
{
  width:92px !important;
  /* border:1px solid #eee; */  
}

.element .content .CrossSectionElementType .label div {
  /*border:1px solid purple;*/
  width:54px !important;
}

.CrossSectionElementType input {
  height:18px !important;
}

.ToolBar {
  width: 64em;
  height: 6ex;
}

.Explorer {
	height: auto;
	width: 830px;
    margin: 0 auto;
}

img {
    border: 0;
    margin: 0
    padding: 0;
}

a {
    color: #0080a5
}

a:visited {
    color: #7b736c
}

div#content ul {
    list-style: disc url('../images/bluedot.png');
    padding-left: 15px;
}

div#content li ul {
    list-style: disc url('../images/graydot.png');
}

body {
    background-color: #D6D2CF;
    background-image: url('../images/bggrey.png');
    background-repeat: repeat-x;
    font: 11px Verdana;
    margin: 0;
    padding: 0;
}

div {
    margin: 0;
    padding: 0;
}

div#page {
    width: 916px;
    margin: 0 auto;
    text-align: left;
    background-color: white;
    height: 100%;
}

div#header {
    width: 100%;
    padding: 0;
    margin: 0;
}

div#virkbar {
    background-image: url('../images/virkbg.png');
    padding-top: 28px;
    padding-left: 15px;
    padding-bottom: 10px;
}

div#webgtbar {
    padding-right: 50px;
    background-color: #e5e6e6;
    height: 40px;
}

div#main {
    height: auto;
    padding: 10px 0;
    margin: 0;
    background-color: none;
}

div#menu {
    float: left;
    width: 192px;
    background-image: url('../images/lightblue_gradient.png');
    background-repeat: repeat-x;
    border-top: 1px solid #D6D2D0;
    margin-top: 40px;
    margin-left: 16px;
}

img#menu_left {
    float: left;
}

img#menu_right {
    float: right;
}

div#menu ul {
    list-style-type: none;
    margin: 0;
    margin-left: 10px;
    margin-top: 9px;
    padding: 0;
}

div#menu li {
    padding-bottom: 4px;
}

div#menu a {
    color:  #079DC4;
    font: 11px Verdana;
    text-decoration: none;
    line-height:17px;
}

div#content {
    width: 676px;
    margin-left: 224px;
    line-height: 17px;
    height: auto;
    overflow: auto;
}

div#widecontent {
    height: auto;
    width: 894px;
    margin: 0 auto;
    overflow: auto;
}

div#footer {
    border-top: 1px solid rgb(191,191,191);
    background-color: white;
    height: 60px;
    font-size:10px; /* FIXED SIZE! */
    color:rgb(191,191,191);
    margin: 0;
}

#foot_left {
    float: left;
    width: 390px;
    padding-left: 10px;
    text-align: left;
}

#foot_right {
    float: left;
    text-align: right;
    width: 345px;
}

#foot_logo {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
}

h1 {
    color:#7B736C;
    font-size:17px;
    font-weight:bold;
    text-decoration:none;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: grey;
    width: 90%;
    line-height: normal;
}


/* Media detector */
div#mediaInspector {
  display: none;
}

@media screen {
  div#mediaInspector {
    z-index: 1;
  }
}

@media print {
  div#mediaInspector {
    z-index: 2;
  }
}