/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 
ams-stilmall-form.css:

Denna stilmall används för den grafiska formen på www.ams.se.

Stilmallen beskrivs i dokumentet Dokumentation av XHTML-mallar, stilmallar och skript i AFIs utvecklarpaket.
De siffror som anges inom parentes i kommentarerna nedan refererar till ett avsnitt i ovan nämnda dokument som behandlar den/de '
stildeklarationer som kommentaren avser.

Se avsnitt 6.1 i dokumentationen.

Observera att om webbplatsen har ramar så skall även stilmallen ams-stilmall-ramar.css användas. 

Webbplatsens typografi styrs av stilmallen ams-stilmall-typografi.css.
*/
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 1. Generella stilar (6.1.1) */

/* 1.1 HTML/body */
html, body {
	height: 100%;
}
/* 1.2 Body för normal sida, ej för sidor i ramar */
body {
    background-image: url(../_images/bakgrund-inga-ramar.gif);
    background-position: left top;
    background-repeat: repeat-y;
    background-color: #ffffff;
    margin: 0;
    padding: 0;
}
/* 1.3 Body för popupfönster */
body.popup {
	background-image: none;
	padding-top: 12px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 12px;
}
/* 1.4 Forms */
form {
	margin: 0;
}
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 2. Layout (6.1.2) */

/* 2.1 Behållare (6.1.2.1) */
/* 2.1.1 Sidyta (6.1.2.1.1) */
div#page {
	width: 765px;
	position: relative;
	min-height: 100%;
	height: 100%;
}
html>body div#page {
    height: auto;
}
body.popup div#page {
	width: auto;
}
/* 2.1.2 Sidinnehåll (6.1.2.1.2) */
div#content {
	padding-bottom: 48px;
}
/* 2.1.3 Sidfot (6.1.2.1.3) */
div#footer {
	position: absolute;
	bottom: 0;
	width: 765px;
	padding-bottom: 7px;
	background-image: url(../_images/bakgrund-sidbotten.gif);
    background-position: left bottom;
    background-repeat: repeat-x;
}
/* 2.2 Spaltindelning (6.1.2.2) */
div#columns {
	position: relative;
	width: 100%;
	margin-bottom: 3px;
}
/* 2.2.1 Vänsterspalt (6.1.2.2.1) */
div#columns div#leftcolumn {
	position: relative;
	float: left;
	width: 170px;
	padding-bottom: 20px;
	overflow: hidden;
}
/* 2.2.2 Huvudinnehåll (6.1.2.2.2) */
div#columns div#maincolumn {
	position: relative;
	float: left;
}
div#columns div.standard {
	width: 419px;
	padding-left: 2px;
	padding-right: 16px;
	padding-bottom: 20px;
	background-image: url(../_images/vertikal-streckad-linje.gif);
    background-position: right top;
    background-repeat: repeat-y;
	overflow: hidden;
}
div#columns div.fullsize {
	width: 573px;
	padding-left: 2px;
	padding-right: 16px;
	padding-bottom: 20px;
	overflow: hidden;
}
div#columns div.standard-nomenu {
	width: 560px;
	padding-left: 28px;
	padding-right: 16px;
	padding-bottom: 20px;
	overflow: hidden;
}
div#columns div.fullsize-nomenu {
	width: 721px;
	padding-left: 28px;
	padding-right: 16px;
	padding-bottom: 20px;
	
}
/* 2.2.3 Högerspalt (6.1.2.2.3) */
div#columns div#rightcolumn {
	position: relative;
	float: left;
	width: 150px;
	padding-left: 8px;
    padding-bottom: 20px;
    overflow: hidden;
}
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 3. Genomgående sidelement (6.1.3) */

/* 3.1 Sidhuvud (6.1.3.1) */
div#head {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #999999;
}
/* 3.1.1 Sidtopp (6.1.3.1.1) */
div#pagetop {
	background-color: #DCCCAA;
	height: 35px;
}
/* 3.1.1.1 Logotype (6.1.3.1.1) */
div#pagetop div.logotype {
	padding-top: 5px;
}
/* 3.1.1.2 Dagens datum (6.1.3.1.1) */
div#pagetop div.date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: normal;
	color: #000000;
	padding-top: 9px;
	padding-right: 20px;
}
/* 3.1.2 Toppmeny (6.1.3.1.2) */
div#topmenu {
	background-image: url(../_images/toppmeny-off.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: auto;
	position: relative;
	clear: both;
	padding-bottom: 1px;
}
/* 3.1.2.1 Toppmenys flikar (6.1.3.1.2.1) */
/* Grunddefinitioner */
div#topmenu div {
	position: relative;
}
div#topmenu div.clearFloat {
	font-size: 1px;
	line-height: 0;
}
div#topmenu div.tab {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: normal;
	color: #000000;
	float: left;
	height: auto;
}
div#topmenu div.tabInner {
	height: auto;
}
div#topmenu div.tab div.tabLeft {
	width: 9px;
	float: left;
	background-image: url(../_images/toppmeny-off.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 44px;
}
div#topmenu div.first div.tabLeft {
	width: 29px;
}
div#topmenu div.tab div.tabMain {
	float: left;
	height: 38px;
	background-image: url(../_images/toppmeny-off.gif);
	background-position: left top;
	background-repeat: repeat-x;
	padding-top: 6px;
}
div#topmenu div.tab div.tabRight {
	width: 9px;
	float: left;
	background-image: url(../_images/toppmeny-off.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 44px;
}
/* Aktiva flikar */
div#topmenu div.on div.tabLeft {
	width: 15px;
	background-image: url(../_images/toppmeny-last.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#topmenu div.first div.on div.tabLeft {
	width: 29px;
	background-image: url(../_images/toppmeny-first-on.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#topmenu div.on div.tabMain {
	background-image: url(../_images/toppmeny-on.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
div#topmenu div.on div.tabRight {
	width: 11px;
	background-image: url(../_images/toppmeny-end.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
/* Passerade inaktiva flikar */
div#topmenu div.passed div.tabLeft {
	background-image: url(../_images/toppmeny-left.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
div#topmenu div.first div.passed div.tabLeft {
	background-image: url(../_images/toppmeny-first.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
div#topmenu div.passed div.tabMain {
	background-image: url(../_images/toppmeny-left.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
div#topmenu div.passed div.tabRight {
	background-image: url(../_images/toppmeny-left.gif);
	background-position: left top;
	background-repeat: repeat-x;
}
/* 3.1.2.2 Länkar i toppmenyn (6.1.3.1.2.2) */
div#topmenu div.tab a:link {
	color: #000000;
	text-decoration: none;
}
div#topmenu div.tab a:active {
	color: #000000;
	text-decoration: none;
}
div#topmenu div.tab a:visited {
	color: #000000;
	text-decoration: none;
}
div#topmenu div.tab a:hover {
	color: #000000;
	text-decoration: underline;
}
/* 3.1.2.3 Vald länk i toppmenyn (6.1.3.1.2.2) */
div#topmenu div.tab div.on a:link {
	color: #FFFFFF;
	background-color: #003366;
	text-decoration: none;
}
div#topmenu div.tab div.on a:active {
	color: #FFFFFF;
	background-color: #003366;
	text-decoration: none;
}
div#topmenu div.tab div.on a:visited {
	color: #FFFFFF;
	background-color: #003366;
	text-decoration: none;
}
div#topmenu div.tab div.on a:hover {
	color: #FFFFFF;
	background-color: #003366;
	text-decoration: underline;
}

/* 3.2 Vänstermeny (6.1.3.1.3) */
/* 3.2.1 Behållare för vänstermeny */
div#menu {
	width: 147px;
	padding-left: 7px;
}
/* 3.2.1.1 Menyposter (6.1.3.1.3.1) */
div#menu div.menuitem {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: bold;
	line-height: normal;
}
/* 3.2.1.2 Första nivån (6.1.3.1.3.2) */
div#menu div.menuitem div.on {
	background-image: url(../_images/meny-on.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 23px;
	padding-bottom: 1px;
}
div#menu div.menuitem div.off {
	background-image: url(../_images/meny-off.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 6px;
	padding-left: 23px;
	padding-bottom: 1px;
}
/* 3.2.1.3 Andra nivån (6.1.3.1.3.3) */
div#menu div.sub {
	font-weight: normal;
}
div#menu div.sub div.on {
	background-image: url(../_images/submeny-on.gif);
	padding-top: 1px;
	padding-left: 41px;
	padding-bottom: 2px;
}
div#menu div.sub div.off {
	background-image: url(../_images/submeny-off.gif);
	padding-top: 1px;
	padding-left: 41px;
	padding-bottom: 2px;
}
/* 3.2.1.4 Länkar i vänstermenyn (6.1.3.1.3.4) */
div#menu a:link {
	color: #000000;
	text-decoration: none;
}
div#menu a:active {
	color: #000000;
	text-decoration: none;
}
div#menu a:visited {
	color: #000000;
	text-decoration: none;
}
div#menu a:hover {
	color: #000000;
	text-decoration: underline;
}
/* 3.2.1.5 Support, länk till om webbplatsen (6.1.3.1.3.5) */
div#support {
	padding-top: 19px;
	padding-bottom: 16px;
	text-align: center;
}
div#support a {
	background-image: url(../_images/support-background.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	font-size: 90%;
	padding-top: 2px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 4px;
}
div#support a:link, div#support a:active, div#support a:visited, div#support a:hover {
	color: #000000;
	text-decoration: none;
}
/* 3.3 Sidfot (6.1.3.1.4) */
/* 3.3.1 Behållare för sidfot. Se: 2. Layout/2.1 Behållare (6.1.3.1.4.1) */
/* 3.3.2 Innehåll sidfot (6.1.3.1.4.2) */
div#footer div.pageinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	line-height: normal;
	color: #666666;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #9F9F9F;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-top: 6px;
	margin-left: 172px;
	margin-right: 8px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 4. Generella objekt (6.1.3.2) */
/* 4.1 Label för rullgardinsmenyer placerade i högerspalten; se 6.2 i ams-stilmall-typografi.css (6.1.3.2.1) */
/* 4.2 Sök i högerspalt (6.1.3.2.2) */
div.searchtool {
	background-image: url(../_images/horisontell-streckad-linje.gif);
	background-position: left bottom;
    background-repeat: repeat-x;
    margin-right: 6px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    position: relative;
}
div.searchtool div.radios {
	padding-top: 4px;
	padding-bottom: 6px;
}
div.searchtool div.checkbox {
	padding-top: 4px;
	padding-bottom: 6px;
}
/* 4.3 Fliksystem (6.1.3.2.3) */
div.tabNavigation {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	line-height: normal;
	margin-top: 12px;
	margin-bottom: 9px;
	position: relative;
	clear: both;
}
/* 4.3.1 Flikar (6.1.3.2.3.1) */
div.tabs {
	height: 20px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0099CC;
	position: relative;
}
div.tabs div.clearFloat {
	font-size: 1px;
	line-height: 0;
}
div.tabs div {
	float: left;
	position: relative;
}
div.tabs div.tab {
	height: 12px;
	padding-top: 4px;
	padding-left: 16px;
	padding-right: 18px;
	padding-bottom: 4px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #ffffff;
}
div.tabs div.on {
	background-color: #0099CC;
	background-image: url(../_images/tab-on.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
div.tabs div.on a:link {
	color: #ffffff;
	text-decoration: none;	
}
div.tabs div.on a:active {
	color: #ffffff;
	text-decoration: none;	
}
div.tabs div.on a:visited {
	color: #ffffff;
	text-decoration: none;	
}
div.tabs div.on a:hover {
	color: #ffffff;
	text-decoration: underline;	
}
div.tabs div.off {
	background-color: #D4D4D4;
	background-image: url(../_images/tab-off.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
div.tabs div.off a:link {
	text-decoration: none;	
}
div.tabs div.off a:active {
	text-decoration: none;	
}
div.tabs div.off a:visited {
	text-decoration: none;	
}
div.tabs div.off a:hover {
	text-decoration: underline;	
}
/* 4.3.1.1 Länkar till flikars undersidor (6.1.3.2.3.2) */
div.tabsSubs {
	font-weight: normal;
	padding-top: 2px;
	padding-left: 9px;
	padding-right: 7px;
	padding-bottom: 4px;
	background-color: #0099CC;
}
div.tabsSubs a {
	margin-right: 8px;
	position: relative;
}
div.tabsSubs a.on {
	font-weight: bold;
}
div.tabsSubs a:link {
	color: #ffffff;
	text-decoration: underline;		
}
div.tabsSubs a:active {
	color: #ffffff;
	text-decoration: underline;		
}
div.tabsSubs a:visited {
	color: #ffffff;
	text-decoration: underline;		
}
div.tabsSubs a:hover {
	color: #ffffff;
	text-decoration: underline;	
}
/* 4.4 Spårningslänkar (6.1.3.2.4) */ 
/* 4.4.1 Spårningslänkar längst upp i sidan (6.1.3.2.4) */
div.path {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	line-height: normal;
	color: #787878;
	margin-bottom: 8px;
}
div.path a.root {
	padding-right: 7px;
	margin-right: 2px;
	background-image: url(../_images/path-divider.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
div.path a {
	padding-right: 13px;
	margin-right: 1px;
	background-image: url(../_images/path-arrow.gif);
	background-position: right top;
    background-repeat: no-repeat;
    position: relative;
}
div.path a:link {
	color: #787878;
	text-decoration: none;		
}
div.path a:active {
	color: #787878;
	text-decoration: none;		
}
div.path a:visited {
	color: #787878;
	text-decoration: none;		
}
div.path a:hover {
	color: #787878;
	text-decoration: underline;	
}
/* 4.4.2 Spårningslänkar i sidan (6.1.3.2.4.2) */
div.processPath {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	line-height: normal;
	margin-top: 6px;
	margin-bottom: 8px;
	color: #000000;
}
div.processPath a {
	padding-right: 13px;
	margin-left: 1px;
	background-image: url(../_images/processpath-arrow.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
div.processPath b {
	padding-right: 13px;
	margin-left: 1px;
	background-image: url(../_images/processpath-arrow.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
div.processPath span {
	color: #787878;
	font-weight: bold;
	padding-right: 13px;
	margin-left: 1px;
	background-image: url(../_images/processpath-next-arrow.gif);
	background-position: right top;
    background-repeat: no-repeat;
}
div.processPath .last {
	background-image: none;
	padding-right: 0;
}
div.processPath a:link {
	color: #336699;
	text-decoration: underline;		
}
div.processPath a:active {
	color: #336699;
	text-decoration: underline;		
}
div.processPath a:visited {
	color: #777777;
	text-decoration: underline;		
}
div.processPath a:hover {
	color: #336699;
	text-decoration: underline;
}
/* 4.5 Sök under vänstermeny (6.1.3.2.5) */
div.searchtoolLeft {
	padding-top: 0;
	padding-left: 30px;
	padding-right: 0;
	padding-bottom: 0;
	margin: 0;
}
div.searchtoolLeft label {
	font-weight: bold;
}
/* 4.6 Login (6.1.3.2.6) */
div.loginBox {
	border-style: solid;
	border-width: 1px;
	border-color: #B1A58B;
	background-color: #FFFFEE;
	padding: 8px;
	margin-bottom: 16px;
}
div.loginBox h3 {
	margin-top: 0;
	margin-bottom: 6px;
}
div.loginLeft {}
div.loginRight {
	width: 150px;
}
div.loginInfo {
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #B1A58B;
	margin-top: 2px;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 5. Formulär (6.1.4) */

/* 5.1 Formulärelement (6.1.4.1) */
.form {
	padding-top: 8px;
	padding-bottom: 8px;
}
.buttons {
	padding-top: 8px;
	padding-bottom: 8px;
}
/* 5.1.1 input (6.1.4.2, 6.1.4.3, 6.1.4.4, 6.1.4.5) */
input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
}
input.file {
	padding-top: 2px;
	padding-bottom: 2px;
}
/* 5.1.2 select (6.1.4.9) */
select { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; 
}
/* 5.1.2 textarea (6.1.4.8) */
textarea { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; 
}
/* 5.1.3 label (6.1.5.1) */
label { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding-bottom: 3px;
}
label.req span {
	color: #ff0000;
	padding-right: 3px;
}
/* 5.1.3.1 label; etikett placerad ovanför fält (6.1.5.1.1) */
div.block {
	padding-top: 0;
	padding-bottom: 3px;
}
div.block label {}
/* 5.1.3.2 label; etikett placerad till vänster om fält (6.1.5.1.2) */
div.inline {
	padding-top: 3px;
	padding-bottom: 2px;
}
div.inline label {
	width: 90px;
	position: relative;
	top: 3px;
}
div.inline label.clr { width: auto; }
/* 5.1.3.3 label; etikett vid radioknappar (6.1.5.1.3) */
div.radios {}
div.radios label {
	position: relative;
	top: -2px;
}
/* 5.1.3.3 label; etikett vid kryssruta (6.1.5.1.4) */
div.checkbox {
	padding-top: 3px;
	padding-bottom: 2px;
}
div.checkbox label {
	position: relative;
	top: -1px;
}
/* 5.1.3 fieldset, legend; gruppering av fält (6.1.5.2) */
fieldset {
	border: none;
	padding-top: 8px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 8px;
}
fieldset.border {
	border-style: solid;
	border-width: 1px;
	border-color: #d3d3d3;
	padding-top: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}
legend { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	font-size: 90%;
	margin-left: -9px;
	margin-bottom: 4px;
}
fieldset.border legend { 
	margin-left: 2px;
	margin-bottom: 4px;
}
/* 5.1.3 knappar (6.1.4.7) */
button, input.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #336699;
	background-image: url(../_images/toning.gif);
	background-repeat: repeat-x;
	margin-right: 1px;
	padding: 2px;
}
.smaller, input.smaller {
	font-size: 85%;
	padding: 0;
}
/* 5.2 Justeringar av textstorlekar i formulärelement (6.1.5.3) */
.textSmall input, .textSmall select, .textSmall textarea { font-size: 90%; }
.textSmall label { font-size: 100%; }
.textSmall legend { font-size: 100%; }
.textSmall button, .textSmall .button { font-size: 100%; }
.textSmall button.smaller, .textSmall .smaller { font-size: 90%; }
.textSmaller input, .textSmaller select, .textSmaller textarea { font-size: 100%; }
.textSmaller label { font-size: 110%; }
.textSmaller legend { font-size: 110%; }
.textSmaller button, .textSmaller .button { font-size: 110%; }
.textSmaller button.smaller, .textSmaller .smaller { font-size: 100%; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 6. Resursstilar (6.1.6) */

/* 6.1 Flytande (float) objekt (6.1.6.1) */
/* 6.1.1 Vänster */
.floatLeft { float: left; }
/* 6.1.2 Höger */
.floatRight { float: right; }
/* 6.1.3 Ingen/avsluta flytande objekt */
.clearFloat { clear: both; }

/* 6.2 Horisontell justering (align) av ett objekts innehåll (6.1.2.1) */
/* 6.2.1 Vänster */
.alignLeft { text-align: left; }
/* 6.2.2 Höger */
.alignRight { text-align: right; }
/* 6.2.3 Centrerat */
.alignCenter { text-align: center; }
/* ---------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------------- */
/* 7. Utskriftsstilmallar (6.1.7) */

@media print {
	.noprint { display: none; }
	html { height: auto; }
	body { height: auto; background-image: none; }
	div#head { display: none; }
	div#page { height: auto; width: 660px; }
	div#columns div#leftcolumn { display: none; }
	div#footer { width: 660px; background-image: none; }
	div#footer div.pageinfo  { margin-left: 0; }
	div.path a:link, div.path a:active, div.path a:visited, div.path a:hover, div.path b { color: #000000; }
	div.processPath span { font-weight: normal; color: #000000; }
}
/* ---------------------------------------------------------------------------------------------------------------------------------- */