/*----------------------
BASIC FORMATING
----------------------*/
body {
	text-align: center;
	background-color: #f8f8f8;
}
body, td, th, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #000000;
}

a:link {
	text-decoration: none; 
	/*color: #333333;*/
	color: #B11116;
}
a:hover {
	text-decoration: underline;
	color: #B11116;
}
a:visited {
	text-decoration: none;
	/*color: #333333;*/
	color: #B11116;
}
a:visited:hover {
	text-decoration: underline;
	color: #B11116;
}

hr {
	height: 1px;
	color: #ddddde;
	border-style: none;
	background-color: #ddddde;
	margin-top: 5px;
	margin-bottom: 5px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 25px;
	color: #000000;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #4f4f4f;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 0px;
	color: #4f4f4f;
}

.linkAppearence
 {
	text-decoration:line-through;
color: #B11116; 
 }

/* --------------------------------
/ Start Websida uppbyggnad design 
-----------------------------------*/
div.webPageContainer
{
	width: 100%;
}

div.webPageContainerLeft
{
	/*border: 1px solid blue; */
	position: relative;
	width:316px;
	float:left;
	padding-right:5px;
}


div.webPageContainerRight
{
	/*border: 1px solid red; */
	position: relative;
	width: 210px; 
	float: right;
	padding: 29px 0px 0px 0px;
}

div.webPageContainerLinks
{
	
	padding-top:10px;
}
div.webPageContainerFiles
{

	padding-top:10px;
}
/*-----------------------------------
 // Slut Websida uppbyggnad design
-------------------------------------*/

/* start webpagecontent*/
.floatImageRight
{
	float: right;
	margin: 0px 0px 10px 10px;
}
/* slut webpagecontent*/
/*----------------------
CONTAINER POSITIONING
------------------------*/
#sitePosition {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
#siteContainer {
	position: absolute;
	width: 800px;
	left: 50%;
	overflow: visible;
	visibility: visible;
	margin-left: -400px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
}
#siteContent {
	position: relative;
	width: 800px;
	overflow: visible;
	visibility: visible;
	background-color: #FFFFFF;
	background-image: url(Backgrounds/footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 35px;
	border: 1px solid #000000;
	text-align: left;
	vertical-align: top;	
}
#siteFooter {
	position: relative;
	width: 100%;
	overflow: visible;
	visibility: visible;
	margin-top: 5px;
	padding-right: 10px;
	text-align: right;
	vertical-align: top;	
}
#siteHeader {
	position: relative;
	width: 794px;
	height: 100px;
	overflow: visible;
	visibility: visible;
	background-color: #F8DC2D;
	background-image: url(Backgrounds/header_kontoret.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff;
	display: block;
	margin: 0px;
	padding: 0px;
}
#siteHeaderAdmin {
	position: relative;
	width: 794px;
	height: 100px;
	overflow: visible;
	visibility: visible;
	background-color: #F8DC2D;
	background-image: url(Backgrounds/header_admin.gif);
	background-position: left;
	background-repeat: no-repeat;
	border-width: 3px;
	border-style: solid;
	border-color: #ffffff;
	display: block;
	margin: 0px;
	padding: 0px;
}
#siteHeaderText {
	position: absolute;
	top: 25px;
	left: 120px;
	width: 500px;
	height: 50px;
	overflow: visible;
	visibility: visible;
	border: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#siteHeaderLogOut {
	position: absolute;
	top: 0px;
	right: 5px;
	width: 100px;
	height: 50px;
	overflow: visible;
	visibility: visible;
	border: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#siteHeaderCurrentStation {
	position: absolute;
	top: 0px;
	right: 110px;
	height: 50px;
	overflow: visible;
	visibility: visible;
	border: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	font-size:10px;
}

#siteHeaderCurrentStation select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	border: 1px solid #999999;
	margin-top: 2px;
}
#siteHeaderAjaxLoader {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	overflow: visible;
	visibility: visible;
	border: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#siteMenu {
	position: relative;
	width: 784px;
	height: 35px;
	visibility: visible;
	overflow: visible;
	background-color: #F8DC2D;
	background-image: url(Backgrounds/main_menu.gif);
	background-repeat: repeat-x;
	background-position: left top;
	display: block;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	vertical-align: top;
	z-index: 1;
}
#siteSubMenu {
	position: relative;
	width: 784px;
	height: 27px;
	visibility: visible;
	overflow: visible;
	background-color: #f1f1f2;
	display: block;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	vertical-align: top;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #adaeb1;
}
#pageContentFull {
	position: relative;
	width: 760px;
	visibility: visible;
	overflow: visible;
	display: block;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
	vertical-align: top;
	z-index: 1;
}
#pageContent {
	position: relative;
	width: 800px;
	visibility: visible;
	overflow: visible;
	display: block;
	background-image: url(GeneralGraphics/divider_dots_vert.gif);
	background-repeat: repeat-y;
	background-position: 240px top;
	margin-top: 20px;
	text-align: left;
	vertical-align: top;
	z-index: 1;
}
#pageContentLeft {
/*	position: relative;
	width: 200px;
	visibility: visible;
	overflow: visible;
	display: block;
	float: left;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
	vertical-align: top;*/
	position: relative;
	width: 160px;
	overflow: visible;
	visibility: visible;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	float:left;
}
#pageContentMain {
	/*	position: relative;
	width: 520px;
	visibility: visible;
	overflow: visible;
	display: block;
	float: right;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	text-align: left;
	vertical-align: top;*/
	position: relative;
	width: calc(100% - 200px);
	overflow: visible;
	visibility: visible;
	padding: 0px 0px 0px 15px;
	text-align: left;
	vertical-align: top;
	float: right;
	border-left: 3px dotted #999999;
}

#pageContentFooter 
{
	clear:both;
}

#loginContent {
	position: absolute;
	width: 250px;
	left: 50%;
	overflow: visible;
	visibility: visible;
	margin-left: -125px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 0px;
	border: none;
	text-align: left;
	vertical-align: top;	
}

#loginHeader {
	position: relative;
	width: 250px;
	height: 10px;
	overflow: hidden;
	visibility: visible;
	background-image: url(Backgrounds/spot_250_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

#loginPageContent {
	position: relative;
	width: 250px;
	visibility: visible;
	overflow: visible;
	text-align: left;
	vertical-align: top;
	padding: 0px;
	background-image: url(Backgrounds/spot_250_middle.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#loginFooter {
	position: relative;
	width: 250px;
	height: 10px;
	overflow: hidden;
	visibility: visible;
	background-image: url(Backgrounds/spot_250_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
#popupHeader {
	position: relative;
	width: 100%;
	height: 49px;
	overflow: visible;
	visibility: visible;
	background-color: #FFFFFF;
	background-image: url(Backgrounds/header_popup.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: none;
	text-align: left;
	vertical-align: top;	
}
#popupContent {
	position: relative;
	width: 100%;
	overflow: visible;
	visibility: visible;
	background-color: #FFFFFF;
	background-image: url(Backgrounds/footer.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 35px;
	border: none;
	text-align: left;
	vertical-align: top;	
}

.adminFullWidthNew #siteContainer,
.baseFullWidthNew #siteContainer {
	width:1026px;
	margin: 20px auto;
	left: 0;
	right: 0;
}

.adminFullWidthNew #siteContent,
.baseFullWidthNew  #siteContent {
    width:1026px;
}

.adminFullWidthNew #siteHeaderAdmin,
.baseFullWidthNew  #siteHeader {
    width: 1018px;
}

.adminFullWidthNew #siteMenu,
.baseFullWidthNew #siteMenu,
.adminFullWidthNew #siteSubMenu {
	width: 1008px;
}

.adminFullWidthNew #siteFooter,
.baseFullWidthNew  #siteFooter {
    width:1018px;
}

.baseFullWidthNew #pageContentFull {
	width: auto;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

.adminFullWidth #siteContainer,
.fullWidth #siteContainer {
	width: auto;
	margin-left: 0px;
	padding: 0px 20px;
	left: 0;
	right: 0;
}

.adminFullWidth #siteHeaderAdmin,
.adminFullWidth #siteContent,
.adminFullWidth #siteMenu,
.adminFullWidth #siteSubMenu,
.adminFullWidth #pageContentFull,
.adminFullWidth #pageContentFull .message,
.adminFullWidth .adminListHeaderContainer,
.adminFullWidth .adminListGridContainer,
.adminFullWidth .adminListDetailsContainer,
.fullWidth #siteHeader,
.fullWidth #siteContent,
.fullWidth #siteMenu,
.fullWidth #siteSubMenu,
.fullWidth #pageContentFull,
.fullWidth #pageContentFull .message,
.fullWidth .adminListHeaderContainer,
.fullWidth .adminListGridContainer,
.fullWidth .adminListDetailsContainer {
	width: auto;
}

.adminFullWidth #pageContentFull,
.fullWidth #pageContentFull {
	padding: 0px 20px;
	margin-top: 0px;
}

.adminFullWidth .adminListGridContainer,
.fullWidth .adminListGridContainer  {
	height: 400px;
}

.adminListGridContainer th.listHeader {
	position: sticky;
	top: 0;
}

.adminFullWidth div.tabPanel,
.fullWidth div.tabPanel {
	width: 100%;
}

/*----------------------
MAIN MENU
------------------------*/
/*
table.menuTop {
	height: 30px;
	background-image: none;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: left;
	vertical-align: top;
}
table.menuTopItem {
	height: 30px;
	background-image: none;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	vertical-align: top;
}
table.menuTopItemHover {
	height: 30px;
	background-image: url(Backgrounds/main_menu_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: left;
	vertical-align: top;
}
a.menuTopItem:link, a.menuTopItem:hover, a.menuTopItem:visited, a.menuTopItem:visited:hover {
	font-size: 10px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}*/
#MenuList {
	padding: 0px;
	height: 30px;
	list-style-type: none;
	margin: 0px;
	border: none;
}
#MenuList li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #000000;
	margin: 0px;
	height: 25px;
	padding-right: 8px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	float: left;
}
#MenuList li {
	display: inline;
}
#MenuList li a:hover, #MenuList li a:active {
	color: #000000;
	background-image: url(Backgrounds/main_menu_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#MenuList li a.MenuListItemOn {
	color: #000000;
	background-image: url(Backgrounds/main_menu_hover.gif);
	background-repeat: repeat-x;
	background-position: left top;
}


/*----------------------
SUB MENU
------------------------*/


table.subMenu {
	background-image: none;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	vertical-align: middle;
}
td.subMenuItem {
	height: 27px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 15px;
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

td.subMenuItem img {
	vertical-align: middle;
}

a.subMenuItem:link, a.subMenuItem:visited {
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a.subMenuItem:hover, a.subMenuItem:visited:hover {
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
}

/*----------------------
SPOTS
------------------------*/
div.spot {
	width: 338px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 10px;
	margin: 0px;
	background-image: url(Backgrounds/spot_top_350.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #eeeeee;	
}

div.spotFooter {
	width: 350px;
	height: 10px;
	padding: 0px;
	margin-bottom: 15px;
	background-image: url(Backgrounds/spot_bottom_350.gif);
	background-repeat: no-repeat;
	background-position: left top;		
}

div.spotHeader {
	width: 350px;
	color: #4f4f4f;
	text-align: left;
	vertical-align: baseline;
	margin-bottom: 5px;
	margin-top: 15px;	
}

span.spotHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.spot740 {
	width: 728px;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 10px;
	margin: 0px;
	background-image: url(Backgrounds/spot_top_740.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #eeeeee;	
}

div.spotFooter740 {
	width: 740px;
	height: 10px;
	padding: 0px;
	margin-bottom: 15px;
	background-image: url(Backgrounds/spot_bottom_740.gif);
	background-repeat: no-repeat;
	background-position: left top;		
}

div.spotHeader750 {
	width: 740px;
	color: #4f4f4f;
	text-align: left;
	vertical-align: baseline;
	margin-bottom: 5px;
	margin-top: 15px;	
}

/*
div.spotPanelHeader
{
	position: relative;
    background-image: url("GeneralGraphics/spotpanel_header_bg.gif");
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #eeeeee;
    margin-bottom: 15px;
    padding-bottom: 30px;
    text-align: left;
}
div.spotPanelContent
{
	position: relative;
	padding-right: 6px;
	padding-left: 6px;
	top: 10px;
	left: 0px;
	text-align: left;
}
div.spotPanelFooter
{
	position: absolute;
	bottom: 0px;
	height: 10px;
	background-image: url("GeneralGraphics/spotpanel_footer_bg.gif");
	background-position: bottom right;
    background-repeat: no-repeat;
	text-align: left;
    vertical-align:bottom;
}
*/

div.spotPanel
{
	position: relative;
	background-color: #eeeeee;
	margin-bottom: 15px;
	padding: 0px;
}

div.spotPanelContent
{
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
}

div.spotPanelContent th {
    text-align: left;
}

div.spotPanelTop
{
	position: relative;
	height: 10px;
	padding: 0px;
	margin: 0px;
}

div.spotPanelTopLeft
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 10px;
	width: 10px;
	background-image: url("GeneralGraphics/spotpanel_corner_tl.gif");
	background-position: top left;
    background-repeat: no-repeat;
    padding: 0px;
	margin: 0px;
}

div.spotPanelTopRight
{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
	background-image: url("GeneralGraphics/spotpanel_corner_tr.gif");
	background-position: top right;
    background-repeat: no-repeat;
    padding: 0px;
	margin: 0px;
}

div.spotPanelBottom
{
    clear: left;
	position: relative;
	height: 10px;
	padding: 0px;
	margin: 0px;
}

div.spotPanelBottomLeft
{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 10px;
	width: 10px;
	background-image: url("GeneralGraphics/spotpanel_corner_bl.gif");
	background-position: bottom left;
    background-repeat: no-repeat;
    padding: 0px;
	margin: 0px;
}

div.spotPanelBottomRight
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 10px;
	width: 10px;
	background-image: url("GeneralGraphics/spotpanel_corner_br.gif");
	background-position: bottom right;
    background-repeat: no-repeat;
    padding: 0px;
	margin: 0px;
}

div.clearFloat {clear: both; line-height: 0; height: 0;}


/*----------------------
DIVIDER TABLE
------------------------*/
table.twoColumnDivider {
	margin-top: 20px;
	background-image: url(GeneralGraphics/divider_dots_horiz.gif);
	background-repeat: repeat-x;
	background-position: 2px top;
}

td.twoColumnDivider {
	background-image: url(GeneralGraphics/divider_dots_vert.gif);
	background-repeat: repeat-y;
	background-position: right 3px;
}

td.cellDivider {
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*----------------------
TABS
------------------------*/
div.tabPanel {
	width: 755px;
	padding-bottom: 10px;
	border-right: solid 1px #c8c9cb;
	border-left: solid 1px #c8c9cb;
	border-bottom: solid 1px #c8c9cb;
	border-top: solid 4px #c8c9cb;
	padding-top: 0px;
}

table.tabInActive {
	width: 216px;
	height: 28px;
	vertical-align: middle;
	text-align: center;
	background-image: url(Buttons/tab_inactive.gif);
	background-repeat: no-repeat;
}

table.tabActive {
	background-image: url(Buttons/tab_active.gif) !important;
	font-weight: bold;
}

table.tabSmallInActive {
	width: 140px;
	height: 24px;
	vertical-align: middle;
	text-align: center;
	background-image: url(Buttons/tab_small_inactive.gif);
	background-repeat: no-repeat;
}

table.tabSmallActive {
	background-image: url(Buttons/tab_small_active.gif) !important;
	font-weight: bold;
}

a.tabInActive:link, a.tabInActive:visited {
	color: #000000;
	margin-right: 15px;
	text-decoration: none;
}

a.tabInActive:hover, a.tabInActive:visited:hover {
	text-decoration: underline;
}

a.tabSmallInActive:link, a.tabSmallInActive:visited {
	color: #000000;
	margin-right: 15px;
	text-decoration: none;
}

a.tabSmallInActive:hover, a.tabSmallInActive:visited:hover {
	text-decoration: underline;
}

/*----------------------
TABLE GRID
------------------------*/
th.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4f4f4f;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #ddddde;
	border-bottom-color: #4f4f4f;
}
th.headerDivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4f4f4f;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666666;
	border-bottom-color: #4f4f4f;
}
td.row {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #ddddde;
	border-bottom-color: #ddddde;
}
td.rowDivider {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666666;
	border-bottom-color: #ddddde;
}
td.rowBottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #ddddde;
	border-bottom-color: #4f4f4f;
}
td.rowDividerBottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #666666;
	border-bottom-color: #4f4f4f;
}

/*----------------------
FIRST PAGE
------------------------*/
td.firstPageSpots {
	width: 100px;
	height: 160px;
	padding: 5px 10px 5px 10px;
	vertical-align: top;
	text-align: center;
	background-image: url(GeneralGraphics/divider_dots_vert.gif);
	background-repeat: repeat-y;
	background-position: right;
}
div.firstPageSpots {
	width: 100px;
	vertical-align: top;
	text-align: left;
	margin-top: 5px;
	font-size: 10px;
	line-height:13px;
}
h2.firstPageSpots {
	margin-top: 5px;
}
td.firstPageSpotsDivider {
	width: 100px;
	height: 10px;
	background-image: url(GeneralGraphics/divider_dots_horiz.gif);
	background-repeat: repeat-x;
	background-position: center;
}

/*----------------------
VTR RESULT TABLES
------------------------*/
table.fourColumns td {
	width: 25%;
}