*{
	margin: 0;
	padding: 0;
}

html, body {
    height: 100%;
    margin: 0px 0px 0px 0px;
    background: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484848;
}

h1, h2, h3 {
    padding-top: 2px;
	font-weight: normal;
	color: #3B3B3B;
}
h1 { 
	font-size: 120%; 
	width: 100%;
	border-bottom: solid 1px red;
	font-weight: bold;
	margin-bottom: 10px;
}
h2 { font-size: 120%; }
h3 { font-size: 110%; }

p, ul, li, ol {
	font-size: 100%;
}

hr {
  color: #E31919;
  background-color: #f00;
  height: 1px;
  border: 0;
}

option, select , optgroup{
	background: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: 	#484848;
}

input.Button, input.ButtonDisabled{
    background-color: #079e23;
    color: white;
    border-color: #079e23;
}
input.Button[disabled]{
    color: #AAAAAA;
}

a:link {
	text-decoration: none;
	color: #0AAAFD;
}
a:visited{
	text-decoration: none;
	color: #0989D0;
}
a:hover {
	text-decoration: underline;
	color: #ED2024;
}

#main{
	width:100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    overflow:hidden;
}

#sidebar {
	float:left;
    clear:none;
	width:310px;
    height: 100%;
    overflow:auto;
    overflow-x:hidden; 
    overflow-y:auto;
    background-position: top right;
    background-repeat: repeat-y;
    background-image: url(../images/left_menu_background.png);
    background-color: #f2f2f2;
    padding-top: 5px;
    padding-left: 2px;
}

#map {
    width: 100%;
	height: 100%; 
    border: 1px solid #808080;
    background-color: #EBFAFF;
}

#mbox h2 {
    font-size: 150%;
}

.SearchFormInputText1{
	width: 230px;
}
.SearchFormInputText2{
	width: 30px;
}
.SearchFormInputText3{
	width: 110px;
}
.SearchFormInputText4{
	width: 60px;
}
.SearchFormInputSelect{
	width: 120px;
	margin-bottom: 2px;
}
.SearchFormTableCell2{
	width: 40px;
}
.SearchFormTableCell3{
	width: 70px;
}
.SearchFormTableCell5{
	width: 40px;
    text-align: center;
}
.SearchFormTableCell6{
    text-align:right;
}
.SearchFormInputContainer{
	float:left;
	margin-bottom: 2px;
}

.OrderForm{
    width:100%;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
    margin: 10px 0px 10px 0px;
}
.OrderFormInputText{
	width: 170px;
	margin-bottom: 2px;
}
.OrderFormInputSelect{
	width: 174px;
	margin-bottom: 2px;
}
.OrderFormTableCell1{
	width: 100px;
}
.OrderFormTableCell2{
	width: 70px;
}
.OrderFormTableCell3{
    text-align: center;
}
.PreviousPageLink{
    padding-left:0px;
}
.NextPageLink{
    padding-right:0px;
}
.PreviousPageTableCell{
    text-align:center;
    width: 35%;
}
.NextPageTableCell{
    text-align:center;
    width: 35%;
}
.PagenrTableCell{
    text-align:center;
}
.Overlay{
    position:absolute;
    z-index: 9999999;
    top: 0px;
    left:0px;
    width:100%;
    height:100%;
    background-image: url(../dialog/overlay.png);
}
.TabContainer{
    width: 290px;
}
.TabContainer .TabContent {
	margin-top: 0px;
	padding: 3px 5px 3px 5px;
	border: solid 1px #d8d8d8;
    background-color: #f2f2f2;
    clear:both;
}

.TabContainer .TabContent h3{
    line-height: 25px;
    font-size: 13px;
    font-weight: bold;
    background-position: top right;
    background-repeat: repeat-y;
    background-image: url(../images/left_menu_title_background.png);
    background-color: #efefef;
    padding: 0px 3px 4px 5px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}

.TabContainer .Footer {
    padding: 3px 5px 3px 5px;
    border:0px;
}
.TabBar ul{
	width: 100%;
	margin: 0;
    border: 0;
    padding: 0;
    list-style: none;
}
.TabBar li {
    float:left;
    margin:0;
    border:0;
    padding: 0;
}
.TabBar li a {
    display: inline-block;
    margin:0;
    border:0;
    padding: 6px 2px 0px 4px;
    position: relative;
    top: 1px; /* Høyde på linje som skal overlappes */
	width: 72px; /* Ønsket bredde minus venstre og høyre padding */
    height: 24px; /* Ønsket høyde minus top padding */
    color: black;
    outline: none;
    background-repeat:no-repeat;
    background-image:url('../images/tab_inactive.png');
	text-decoration: none;
    font-size: 12px;
    line-height: 18px;
}
.TabBar  li.TabActive a {
    background-repeat:no-repeat;
    background-image:url('../images/tab_active.png');
}


/* ---------- OpenLayers Kontroller ----------  */
.olControlOverviewMapElement {
    background-color: #EBFAFF;
}
.olControlOverviewMapExtentRectangle {
    border: 2px dotted #00008B;
}
.olControlOverviewMapMinimizeButton {
	background-color: #00008B;
}
.olControlScale {
    color: #000000;
	font-weight: 900;
    left: 5px;
	bottom: 0em;
}
.olControlMousePosition {
    right: 5px;
}
.olControlEditingToolbar  {
    width: 400px!important;
}
.olControlEditingToolbar .DeleteFeatureButtonItemInactive { 
  display:none;
}
.olControlEditingToolbar .DeleteFeatureButtonItemActive { 
  background-image: url("../images/delete_feature_off.png");
  background-repeat: no-repeat;
}  
.olControlEditingToolbar .olControlSelectFeatureItemActive { 
    background-image: url("../images/select_feature_on.png");
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlSelectFeatureItemInactive { 
    background-image: url("../images/select_feature_off.png");
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlModifyFeatureItemActive { 
    background-image: url("../images/move_vertex_on.png");
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlModifyFeatureItemInactive { 
    background-image: url("../images/move_vertex_off.png");
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDragFeatureItemActive { 
    background-image: url("../images/move_feature_on.png");
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDragFeatureItemInactive { 
    background-image: url("../images/move_feature_off.png");
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemActive{
    background-image: url("../images/measure_feature_on.png");
    background-position:0px;
    background-repeat: no-repeat;
}
.olControlEditingToolbar .olControlDrawFeaturePathItemInactive{
    background-image: url("../images/measure_feature_off.png");
    background-position:0px;
    background-repeat: no-repeat;
}
