html, head, body, form {margin:0;padding:0;height:100%}
body
{
background-color: #adc6e2;
background-image: url(images/bsabbg.jpg);
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Verdana;
font-size:12px;
}
a {outline:none;}
.clear {clear:both;font-size:0px;}
.sbStartpage .sbStartpageLeft {float:left;width:289px;}
.sbStartpage .sbStartpageMain {float:left;width:695px;}
#sbPageContainer{position: relative; min-height: 100%; height: auto !important; height: 100%;}
#sbMain {width: 984px;margin-left:auto;margin-right:auto;padding-bottom:30px;}
#sbFooter .Footer {width: 984px;margin-left:auto;margin-right:auto;height:30px;background-color:#468dbe;line-height:30px;color:#fff;font-weight:bold;}
#sbFooter .Footer a {text-decoration:none;color:#fff;font-weight:normal;font-size:0.9em;}
#sbFooterFixed .Footer {width: 984px;margin-left:auto;margin-right:auto;height:30px;background-color:#468dbe;line-height:30px;color:#fff;font-weight:bold;}
#sbFooterFixed .Footer a {text-decoration:none;color:#fff;font-weight:normal;font-size:0.9em;}
#sbHeader {height:82px;}
.sbHeader { background-position: 0 0;width:984px;height:82px;position:relative;margin-top:0;}
.TabsPosition { position: absolute;top: 56px; left: 104px; font-family: verdana; font-size: 13px;}
a.sbHeaderLogo span {position:absolute;top:0px;left:0px;width:83px;height:83px; text-decoration:none;cursor:pointer;}
.sbHeaderTitle {position:absolute;top:17px;left:123px;font-size: 22px; font-weight:bold;color:#fff;}
.sbHeaderPayOff { font-weight:normal; color:#fff381;}
.sbHeaderLinks {position:absolute;top:4px;left:100px;width:876px;font-size:9px;text-align:right;color:#033466;}
.sbHeaderLinks a {color:#033466;}
a.sbTab {background-position: right -159px;background-attachment: scroll;color: #000;display: block;float: left;font-weight: bold;height: 25px;margin-right: 2px;padding-right: 18px;text-decoration: none;}
a.sbTab span {background-position: left -159px;background-repeat: no-repeat;display: block;line-height: 14px;padding: 5px 0 6px 18px;}
a.sbTab:hover { background-position:right -194px; text-decoration: none !important; }
a.sbTab:hover span { background-position:left -194px; }
a.sbTabActive {background-position: right -194px;background-attachment: scroll;color: #444;display: block;float: left;font-weight: bold;height: 25px;margin-right: 2px;padding-right: 18px;text-decoration: none;}
a.sbTabActive span {background-position: left -194px;background-repeat: no-repeat;display: block;line-height: 14px;padding: 5px 0 6px 18px;}
a.sbTabActive:hover { text-decoration: none !important; }
.loginOverlay {position:absolute;z-index:10;width:100%;height:100%;left:0px;top:0px;opacity:0.7;filter: alpha(opacity = 70);background-color:#000;}
.loginPopup {position:absolute;opacity:1;filter: alpha(opacity = 100);z-index:99;width:250px;font-size:10px;}
.loginPopup .loginForm {z-index:100003;width:248px;background-color:#fff;border:solid 1px #fff;z-index:99;}
div.loginPopup div.errorMessage{color:Red;text-align:center;font-weight:bold;}
.loginPopupClose {position:absolute;top:2px;left:231px;width:18px;height:18px;background-position: -300px -313px;cursor:pointer;}
.loginPopup .tl, .loginPopup .tr, .loginPopup .bl, .loginPopup .br {margin:0px;background-repeat:no-repeat;width:10px; height: 10px; }
.loginPopup .row { font-size:0px; height:10px;}
.loginPopup .mid { float:left; width:230px; height:10px; background-color:#fff;}
.loginPopup .tl { float:left; background-position: -325px -312px; }
.loginPopup .tr { float:right; background-position: -335px -312px; }
.loginPopup .bl { float:left; background-position: -325px -322px; }
.loginPopup .br { float:right; background-position: -335px -322px; }
.loginStatus { position:absolute;top:8px;left:100px;width:716px;font-size:12px;font-weight:bold;text-align:right;color:#fff; z-index:100001;}
.loginStatus a { color:#fff; text-decoration:underline; font-size:12px; }
.commonButton
{
background-repeat: no-repeat;
background-attachment: scroll;
color: #444;
display: block;
float: left;
font: normal 12px arial, sans-serif;
height: 18px;
margin-right: 6px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
}
.commonButton span
{
background-repeat: no-repeat;
display: block;
line-height: 9px;
padding: 5px 0 5px 18px;
}
a.sButtonGreen, input.sButtonGreen { background-position: right -340px; }
a.sButtonGreen span { background-position: left -340px; }
a.sButtonGreen:hover { background-position:right -361px; }
a.sButtonGreen:hover span { background-position:left -361px; }
a.sButtonBlue { background-position: right -382px; }
a.sButtonBlue span { background-position: left -382px; }
a.sButtonBlue:hover { background-position:right -403px; }
a.sButtonBlue:hover span { background-position:left -403px; }
a.greenBtn, input.greenBtn {
float: left;display: block;
background-color: transparent;
background-attachment: scroll;
background-position: right -240px;
height: 18px;
margin-right: 2px;
padding-right: 18px;
text-decoration: none;
font-weight: bold;
color:#fff;
}
a.greenBtn span {
background-color: transparent;
background-repeat: no-repeat;
display: block;
line-height: 18px;
padding: 0px 0px 0px 18px;
background-position: left -240px;
}
.sbSearchLeftShadow {float:left;background-repeat: no-repeat; background-position: -0px -596px; height: 27px; width: 52px; font-size: 0px; border-style:none;border-width:0px; }
.sbSearchLeft {float:left;background-color: transparent;background-repeat: no-repeat; background-position: -52px -596px; height: 27px; width: 10px; font-size: 0px; border-style:none;border-width:0px; }
.sbSearch { outline:none;float:left;margin:0;background-color: transparent;background-repeat: no-repeat; background-position: -62px -596px; height: 27px; line-height:27px;vertical-align:bottom; width: 400px; font-size: 14px; border-style:none;border-width:0px;color:#033466;font-weight:bold; }
.sbSearchWatermark {float:left;margin:0;background-color: transparent;background-repeat: no-repeat; background-position: -62px -596px; height: 27px; line-height:27px;vertical-align:bottom; width: 400px; font-size: 12px; border-style:none;border-width:0px;color:#888;font-weight:bold;font-family:Verdana; }
.sbSearchButton {text-decoration:none; float:left;margin:0;background-color: transparent;background-repeat: no-repeat; background-position: -462px -596px; height: 27px; line-height:27px;vertical-align:bottom; width: 39px; font-size: 10px; }
.sbSearchButton:hover {text-decoration:none!important;}
.sbSearchRightShadow {float:left;background-repeat: no-repeat; background-position: -501px -596px; height: 27px; width: 42px; font-size: 0px; border-style:none;border-width:0px; }
.sbMainmenuLeft { float:left; background-repeat: no-repeat; background-position: left -84px; height: 23px; width: 10px; font-size: 1px; }
.sbMainmenuMiddle {float:left; background-repeat: no-repeat; background-position: -20px -84px; height: 23px; color: #fff; font-weight: bold; font-size: 10px; line-height: 20px; text-align: left; width: 230px; font-size: 10px; text-transform:uppercase; }
.sbMainmenuRight { float:left; background-repeat: no-repeat; background-position: right -84px; height: 23px; width: 20px; font-size: 1px; }
.sbMainmenu {float:left;clear:both;width:261px;}
.sbMainmenu .sbMainmenuRepeaterMiddle {background-color:#fff;width:246px;}
.sbMainmenu .sbMainmenuRepeaterMiddle .InnerText {margin:5px 10px 0 10px;}
.sbMainmenu .sbMainmenuRepeaterMiddle .InnerText a {color:#033466;font-size:11px;font-weight:bold;text-decoration:none;height:18px;line-height:18px;vertical-align:middle;}
.sbMainmenu .sbMainmenuRepeaterMiddle .InnerText a:hover {text-decoration:none!important;color:#000;}
.sbMainmenuBottomLeft { float:left; background-color: transparent; background-repeat: no-repeat; background-position: left -109px; height: 16px; width: 240px; font-size: 1px; }
.sbMainmenuBottomRight { float:left; background-color: transparent; background-repeat: no-repeat; background-position: right -109px; height: 16px; width: 20px; font-size: 1px; }
.sbMainNewsLeft {clear:both; float:left; background-repeat: no-repeat; background-position: left -126px; height: 11px; width: 20px; font-size: 1px; }
.sbMainNewsMiddle {float:left; background-repeat: no-repeat; background-position: -20px -126px; height: 11px; font-size: 0px; line-height: 11px; text-align: left; width: 655px; font-size: 13px; }
.sbMainNewsRight { float:left; background-repeat: no-repeat; background-position: right -126px; height: 11px; width: 20px; font-size: 1px; }
.sbMainNews {float:left;width:695px;}
.sbMainNews .sbMainNewsRepeaterMiddle {background-color:#fff;width:675px;}
.sbMainNews .sbMainNewsRepeaterMiddle .InnerText {margin:5px 20px 0 20px;}
.sbMainNewsBottomLeft { float:left; background-color: transparent; background-repeat: no-repeat; background-position: left -139px; height: 20px; width: 675px; font-size: 1px; }
.sbMainNewsBottomRight { float:left; background-color: transparent; background-repeat: no-repeat; background-position: right -139px; height: 20px; width: 20px; font-size: 1px; }
.sbArrowRight { background-repeat: no-repeat; background-position: -286px -319px; height: 13px; line-height:13px; width: 4px; font-size: 1px; display: inline-block; }
.TreeviewContainer {display:table;width:100%;}
.TreeNode { line-height: 15px; height: 15px;clear:both;display:table-row;cursor:pointer;}
/*
.TreeNode .NoChildnodes {width:16px;height:16px;display:block;font-size:0px;float:left;margin-right:2px;display:table-cell;}
.TreeNode .Expand {width:16px;height:16px;display:block;font-size:0px;background-position: -350px -313px;float:left;cursor:pointer;margin-top:3px;margin-right:2px;display:table-cell;background-repeat:no-repeat;}
.TreeNode .Collapse {width:16px;height:16px;display:block;font-size:0px;background-position: -370px -313px;float:left;cursor:pointer;margin-top:3px;margin-right:2px;display:table-cell;background-repeat:no-repeat;}
.TreeNode .Spinner {width:16px;height:16px;display:block;font-size:0px;float:left;cursor:pointer;margin-top:3px;background-image:url(Images/spinner.gif);margin-right:2px;display:table-cell;background-repeat:no-repeat;}
.TreeNode .NodeText {float:left;display:table-cell;}
.TreeNode .NodeText .Kod {margin-left:3px;font-weight:bold;display:table-cell; white-space:nowrap;}
.TreeNode .NodeText .Rubrik {margin-left:0px;display:table-cell;}
.ChildNodes {}
*/
.TreeNode .NoChildnodes {width:16px;height:16px;display:block;font-size:0px;}
.TreeNode .Expand {width:16px;height:16px;display:block;font-size:0px;background-position: -350px -313px;cursor:pointer;background-repeat:no-repeat;margin-top:0px;}
.TreeNode .Collapse {width:16px;height:16px;display:block;font-size:0px;background-position: -370px -313px;cursor:pointer;background-repeat:no-repeat;margin-top:0px;}
.TreeNode .Spinner {width:16px;height:16px;display:block;font-size:0px;background-image:url(Images/spinner.gif);background-repeat:no-repeat;margin-top:0px;}
.TreeNode .NodeText {}
.TreeNode .Kod {margin-left:3px;font-weight:bold;white-space:nowrap;}
.TreeNode .Rubrik {margin-left:0px;font-size:10px;font-weight:normal;}
.TreeNode .Faststalld {color:#000;}
.TreeNode .Preliminar {color:#888;}
.TreeNode .Annullerad {color:Red;text-decoration:line-through;}
.ChildNodes {}
#tooltip{
position:absolute;
border:5px solid #333;
background:#d4e0e9;
padding:15px;
color:#000;
display:none;
font-size:14px;
line-height:20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.AutocompleteBox
{
background-color:white;
position:absolute;
border:solid 2px black;
display:none;
}
.AutocompleteBox .Row {}
.AutocompleteBox .AutoFocus {background-color:blue;color:white;}
.ac_results {
padding: 0px;
border: 3px solid black;
background-color: white;
overflow: hidden;
z-index: 99999;
}
.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}
.ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: menu;
font-size: 12px;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
}
.ac_loading {
/*background: white url('indicator.gif') right center no-repeat;*/
}
.ac_odd {
background-color: #eaf0f5;
}
.ac_over {
background-color: #0A246A;
color: white;
}
.sbWatermarkText {color:#888;}
/********************* ÄNDRINGAR FÖR HÄMTNING FRÅN CCM **********************/
#jsTree
{
margin-bottom: 10px;
}
.jsTreeNode .NoChildnodes,
.jsTreeNode .Expand,
.jsTreeNode .Collapse,
.jsTreeNode .Spinner
{
position: relative;
top: 4px;
width:16px;height:16px;display:inline-block;font-size:0px;
}
.jsTreeNode .Highlight {background-color:Yellow;}
.jsTreeNode .NoChildnodes {}
.jsTreeNode .Expand {background-position: -350px -313px;cursor:pointer;background-repeat:no-repeat;margin-top:0px;}
.jsTreeNode .Collapse {background-position: -370px -313px;cursor:pointer;background-repeat:no-repeat;margin-top:0px;}
.jsTreeNode .Spinner {background-image:url(Images/spinner.gif);background-repeat:no-repeat;margin-top:0px;}
.jsTreeNodes
{
list-style: none;
margin:0;
padding:0;
}
.jsTreeNodes li
{
margin-left:36px;
text-indent: -36px;
}
.jsTreeNodes .Kod
{
font-weight: bold;
}
.jsTreeNodes li
{
line-height: 13px;
}
.jsTreeNodes input
{
position: relative;
top: 1px;
}
.Rubrik span.tooltip
{
cursor:pointer;
font-size: 10px;
}
li.Preliminär
{
color: #888;
}
li.Annullerad
{
color: Red;
}
ul.legend {margin:0;padding:0;background:#eee;padding:10px;float:right;border:3px solid #ddd;}
ul.legend li{list-style:none;}