body {
    background: #CDC8C2;
    margin: 0;
    padding: 0;
}
#global_wrap {
    width: 960px;
    min-height: 620px;
    padding: 0px 20px 20px 20px;
    margin: 0 auto 20px auto;
    background: white;
    border-right: 1px #BCB7AD solid;
    border-left: 1px #BCB7AD solid;
    border-bottom: 1px #BCB7AD solid;
}
#header {
	margin-bottom: 21px;
	position: relative;
    left: 0; top: 0;
	clear: both;
}
#main {
	clear: both;
}
#navigation {
    float:left;
    width: 16.67%;
	margin-top: 10px;
}
#logo {
    position: absolute;
    top: 23px;
}
#logo a, #logo-text a {
    background: url(../gfx/logo.png) no-repeat;
    display: block;
 }
#logo a span, #logo-text a span {
    display: none;
}
#logo {
    width: 16.67%;
    left: -2px;
    background-color: white;
}
#logo a {
    margin: 0 20px 0 10px;
   height: 130px;
}
#logo-text a {
   height: 123px;
}
#logo-text {
    margin-left: 16.67%;
	padding-top: 23px;
    width: 33.33%;
    border-left:10px solid white;
}
#logo-text a {
    background-position: -144px 0;

}

.fix_floats {
    clear: both;
	float:none!important;
}
#content {
    width: 83.33%;
    float: right;
	margin-bottom: 20px;
}
.column {
    float:left;
}
.two .column {
    width: 50%;
}
.two .wide {
    width: 60%;
}
.two .slim {
    width: 40%;
}
.three .column {
	width: 33.33%;
}
.four .column {
	width: 25%;
}
/* Boxar - padding */
.box {
	padding: 10px 10px 0px 10px;
}
.padder {
    margin: 10px 10px 0 10px;
}
#content > .border {
	margin: 0 10px 0 10px;
}
.padder .first .padder {
    margin-left: 0;
}
.pink, .filled {
	margin-bottom: 10px;
	padding: 9px;
}
.border {
    padding: 8px;
    border: 2px solid #CB3F6A;
}
.gray_border {
    padding: 8px;
    border: 2px solid #DEDAD6;
}
.big_indent h2, .big_indent select {
	margin-left: 90px;
}
.x-padding {
	padding-left: 20px;
	padding-right: 20px;
}
/* Boxar - färg */
.filled {
    background: #DEDAD6 -moz-linear-gradient(50% 100% 90deg,#CFCDC3, #DEDAD6, #DEDAD6 100%); /* Originalfärg #DEDAD6;*/
	background-color: #DEDAD6;
	border: 1px solid #D7D4CC;
	box-shadow: 2px  2px 3px  rgba(215, 212, 204, 0.5);
	-webkit-box-shadow: 2px  2px 3px  rgba(215, 212, 204, 0.5);
	-moz-box-shadow: 2px  2px 3px  rgba(215, 212, 204, 0.5);
}
.pink {
    background: #F7CFDF;
	border: 1px solid #EAC2D2;
	box-shadow: 2px  2px 3px  rgba(234, 194, 210, 0.5);
	-moz-box-shadow: 2px  2px 3px  rgba(234, 194, 210, 0.5);
	-webkit-box-shadow: 2px  2px 3px  #EAC2D2;
	
}

/* Wizards */
#county-form select {
	font-size: 1.1em;
	padding: 4px;
	border: 1px solid #B6B6B6;
}
#county-form option {
	font-size:inherit;
	height: 100%;
}
#county-form hr {
	margin-top: 150px;
}
div.tabs {
	position: relative;
	left: 0; top: 0;
	height: 150px;
	margin-bottom: 1em;
}

div.tabs h2 {
	float: left;
	position: relative;
	left: 0px; top: 0;
	margin-right: -10px;
	padding: 10px 40px 10px 15px;
	border-left: 1px solid #ADA59A;
	background: url(../gfx/inactive_tab.png) no-repeat right top;
	font-size: 15px;
	line-height: 20px;
}
div.tabs h2:first-child {
}
h2.tab-1 { z-index: 10; }
h2.tab-2 { z-index: 9; }
h2.tab-3 { z-index: 8; }
h2.tab-4 { z-index: 7; }
h2.tab-5 { z-index: 6; }
div.active h2 {
	color: white;
	background-image: url(../gfx/active_tab.png);	
	z-index: 20;
}
div.tab > div {
	padding-top: 1em;
	display: none;
}
div.active > div {
	display: block;
	position: absolute;
	left: 0; 
	top: 53px;
	border: 1px solid #7A1B21;
	border-top-width: 11px;
	padding: 15px;
	background: white;
}
#hide {
	display: none;
}