API tools faq
paste
Guest User

Untitled

a guest
Nov 3rd, 2010
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 68.20 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.  
  4.  
  5.  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  7.  
  8.  
  9.  
  10.  
  11. <html >
  12.     <head>
  13.         <meta http-equiv="X-UA-Compatible" content="IE=100" >
  14.         <title>Eurocard.se</title>
  15.         <link rel="stylesheet" href="/nis/external/generic/css/reset.css" />
  16.         <link rel="stylesheet" href="/nis/external/generic/css/960_24_col.css" />
  17.         <link rel="stylesheet" href="/nis/external/generic/css/jquery.ui.core.css" rel="stylesheet" />
  18.         <!-- <link rel="stylesheet" href="/nis/external/generic/css/default.css" /> -->
  19.         <!-- <link rel="stylesheet" href="/nis/external/generic/css/ec.css" /> -->
  20.         <!-- <link rel="stylesheet" href="/nis/external/generic/css/statoil.css" />-->
  21.                  <!-- <link rel="stylesheet" href="/nis/external/generic/css/nk.css" /> -->
  22.          <!-- <link rel="stylesheet" href="/nis/external/generic/css/jyske.css" /> -->
  23.          
  24.                        
  25.         <script src="/nis/external/generic/js/jquery-1.4.2.min.js" type="text/javascript"></script>    
  26.         <script src="/nis/external/generic/js/jquery.ui.core.min.js"  type="text/javascript" ></script>
  27.         <script src="/nis/external/generic/js/jquery.ui.widget.min.js" type="text/javascript"></script>
  28.         <script src="/nis/external/generic/js/jquery.ui.tabs.min.js" type="text/javascript"></script>      
  29.         <script src="/nis/external/generic/js/jquery.BubblePopup-1.1.src.js" type="text/javascript"></script>
  30.        
  31.  
  32.         <STYLE>
  33.             /* deafult */
  34.             /*
  35.     Default css
  36. */
  37. /** html elements START**/
  38.  
  39. body {
  40.     font-family: Verdana;
  41.     font-size: 11px;
  42.     color: #666;
  43. }
  44.  
  45. a {
  46.     color: #222;
  47.     font-weight:normal;
  48.     text-decoration: underline;
  49. }
  50.  
  51. a:hover {
  52.     color: #666;
  53.     font-weight:normal;
  54.     text-decoration: underline;
  55. }
  56. select {
  57.     width: 190px;
  58. }
  59.  
  60. input[type=text] {
  61.     width: 190px;
  62. }
  63. input[type=password] {
  64.     width: 190px;
  65. }
  66. .inputText {
  67.     /* same as input[type="text"] for IE6 compatability */
  68.     width: 190px;
  69. }
  70. .externalinputText {
  71.     /* same as input[type="text"] for IE6 compatability */
  72.     width: 210px;
  73. }
  74. h1 {
  75.     color: #454545;
  76.     font-size: 18px;
  77.     font-weight: bold;
  78.     padding-bottom: 20px;
  79.     padding-top: 20px;
  80. }
  81.  
  82. h2 {
  83.     color: #454545;
  84.     font-size: 13px;
  85.     font-weight: bold;
  86.     padding-bottom: 10px;
  87.     padding-top: 10px;
  88. }
  89.  
  90. input,select,textarea {
  91.     box-sizing: border-box;
  92.     -moz-box-sizing: border-box;
  93.     -webkit-box-sizing: border-box;
  94. }
  95.  
  96. /** html elements END**/
  97.  
  98. /**  Global **/
  99. /** Gridcontainer **/
  100. /** Header **/
  101. /** Menu **/
  102. /** Content **/
  103. /** Footer **/
  104.  
  105. /**   Global Start **/
  106. .negativenumber{
  107.     color:#ff0000;
  108. }
  109. .nstable {
  110.     width: 100%;
  111. }
  112.  
  113. .nstable thead tr th {
  114.     background: #E5E5E5;
  115.     border-bottom: 1px solid #CCC;
  116.     border-top: 1px solid #CCC;
  117.     color: #454545;
  118.     font-weight: bold;
  119. }
  120.  
  121. .nstable thead tr th span {
  122.     display: block;
  123.     padding-top: 10px;
  124.     padding-bottom: 10px;  
  125. }
  126.  
  127. .nstable tbody tr td {
  128.     border-bottom: 1px solid #CCC;
  129.     text-align: left;
  130.     vertical-align: middle;
  131. }
  132.  
  133. .nstable tbody tr td span {
  134.     display: block;
  135.     padding-top: 5px;
  136.     padding-bottom: 5px;
  137.     height: 10px;
  138. }
  139. .nstable tbody tr td .bubbletdalign{
  140.     text-align: right;
  141. }
  142. .valueerror {
  143.     border: #FF0000 2px solid;
  144. }
  145.  
  146. #Tableexport {
  147.     text-align: right;
  148.     padding-bottom: 0px;
  149.     padding-top: 30px;
  150. }
  151.  
  152. #Tableexport img {
  153.     padding-right: 7px;
  154. }
  155.  
  156. #Tableexportexcellink {
  157.     padding-right: 20px;
  158. }
  159. .tableexportlink{
  160.     color: #666;
  161.     font-size: 11px;
  162.     font-weight: bold; 
  163.     padding-right:10px;
  164.     text-decoration:none;
  165.     vertical-align: top;
  166. }
  167. .tableexportlink:hover{
  168.     color: #666;
  169.     font-size: 11px;
  170.     font-weight: bold; 
  171.     text-decoration:none;
  172.     vertical-align: top;
  173. }
  174. .formbg {
  175.     background: #F5F5F5;
  176.     border-bottom: 1px solid #CCC;
  177.     border-top: 1px solid #CCC;
  178.     padding-bottom: 15px;
  179.     padding-top: 15px;
  180.     line-height: normal;
  181. }
  182. .startpageformbg {
  183.     background: #F5F5F5;
  184.     border-bottom: 1px solid #CCC;
  185.     border-top: 1px solid #CCC;
  186.     line-height: normal;
  187.     padding-bottom: 5px;
  188.     padding-top: 5px;  
  189. }
  190. .sumbg{
  191.     border-bottom: 1px solid #CCC;
  192.     border-top: 1px solid #CCC;
  193. }
  194. .sumbg div{
  195.     padding-bottom: 5px;
  196.     padding-top: 5px;  
  197. }
  198. .bonussumbg{
  199.     border-bottom: 1px solid #CCC;
  200.     border-top: 1px solid #CCC;
  201. }
  202. .bonussumbg div{
  203.     padding-bottom: 5px;
  204.     padding-top: 5px;  
  205. }
  206. .bubblerow {
  207.     color: #222;
  208.     cursor: pointer;
  209.     font-weight: normal;   
  210.     line-height: normal;
  211.     text-decoration: underline;
  212. }
  213. .bubblerowhelp {
  214.     color: #222;
  215.     cursor: pointer;
  216.     font-weight: normal;
  217.     display:inline;
  218.     margin-left:5px;
  219.     width:14px;
  220. }
  221. .openbubble{
  222.     line-height: normal;
  223. }
  224. #TailTD{
  225.     background: transparent url(/nis/external/bin?k=img.bubble.tail&i=5) no-repeat center;
  226.     width: 24px;
  227.     height: 26px;
  228.     width:100%;
  229. }
  230. .indentationwrapper {
  231.     padding-left: 10px;
  232. }
  233.  
  234. .error,.notice,.success {
  235.     border: 2px solid #ddd;
  236.     padding: .8em;
  237.     line-height:normal;
  238.     margin-bottom: 1em;
  239.     margin-top: 1em;
  240. }
  241.  
  242. .error {
  243.     background: #FFF;
  244.     border-color: #FF0000;
  245.     color: #FF0000;
  246.     font-size: 13px;
  247.     font-weight: bold;
  248. }
  249.  
  250. .error span {
  251.     text-align: left;
  252. }
  253.  
  254. .notice {
  255.     background: #FFF;
  256.     border-color: #E59936;
  257.     color: #E59936;
  258.     font-size: 13px;
  259.     font-weight: bold;
  260. }
  261.  
  262. .success {
  263.     background: #FFF;
  264.     border-color: #228E2F;
  265.     color: #228E2F;
  266.     font-size: 13px;
  267.     font-weight: bold;
  268. }
  269.  
  270. .error a {
  271.     color: #FF0000;
  272. }
  273.  
  274. .notice a {
  275.     color: #E59936;
  276. }
  277.  
  278. .success a {
  279.     color: #228E2F;
  280. }
  281.  
  282. .submitbuttondiv {
  283.     cursor: pointer;
  284.     float: right;  
  285. }
  286. .submitbuttondiv div.button {
  287.     background: transparent url(/nis/external/bin?k=img.btn.a&i=5) no-repeat scroll top
  288.         right;
  289.     color: #444;   
  290.     display: block;
  291.     float: left;
  292.     font: normal 11px Verdana;
  293.     height: 24px;
  294.     padding-right: 12px; /* sliding doors padding */
  295.     text-decoration: none;
  296. }
  297.  
  298. .submitbuttondiv div.button span {
  299.     background: transparent url(/nis/external/bin?k=img.btn.span&i=5) no-repeat;
  300.     color: #FFF;
  301.     font-weight: bold;
  302.     display: block;
  303.     line-height: 14px;
  304.     padding: 5px 0 5px 12px;
  305. }
  306.  
  307. .submitbuttondiv div.button:active {
  308.     background-position: bottom right;
  309.     color: #000;
  310.     outline: none; /* hide dotted outline in Firefox */
  311. }
  312.  
  313. .submitbuttondiv div.button:active span {
  314.     background-position: bottom left;
  315.     padding: 6px 0 4px 12px; /* push text down 1px */
  316. }
  317.  
  318. .transsumtext{
  319.     color: #454545;
  320.     font-weight: bold;
  321.     font-size: 11px;
  322.     padding-top: 10px;
  323.     padding-bottom: 10px;
  324.     text-align: left;  
  325. }
  326. .transsumtext span{
  327.     padding-left:10px; 
  328. }
  329. .transsumvalue{
  330.     color: #454545;
  331.     font-weight: bold;
  332.     font-size: 11px;
  333.     padding-top: 10px;
  334.     padding-bottom: 10px;
  335.     text-align: right; 
  336. }
  337. .transsumvalue span{
  338.     padding-right:10px;
  339. }
  340. .inlinelink {
  341. }
  342. .inlinelink:hover{
  343.  
  344. }
  345. .inlinelightbox{
  346.     height:500px;
  347.     line-height: normal;
  348.     overflow:auto;
  349.     width:400px;   
  350. }
  351. .inlinelightbox tr{
  352.     background: #FFF;
  353. }
  354. .lightboxcontent{
  355.     padding: 10px;
  356. }
  357. .lightboxtitel{
  358.     background: #F5F5F5;
  359.     border-bottom: 1px solid #CCC;
  360.     border-top: 1px solid #CCC;
  361.     padding-bottom: 5px;
  362.     padding-top: 5px;
  363.     text-align: center;
  364.     position: absolute;
  365.     width: 100%;
  366. }
  367. .preamble{
  368.     line-height: normal;
  369.     margin-bottom: 10px;   
  370. }
  371.  
  372. .helpimg{
  373.     margin-left: 5px;
  374.     vertical-align: text-bottom;
  375.     cursor: pointer;
  376. }
  377. .selectMenuitem{
  378.     color: #cc0000;
  379. }
  380. #Errorcancelbodydiv{
  381.     line-height: normal;
  382. }
  383. /**   Global End **/
  384. /**  Gridcontainer Start **/
  385. #Gridcontainer {
  386.     background: #fff;
  387.     height:100%;
  388.     padding-top: 25px;
  389. }
  390.  
  391. /**  Gridcontainer End **/
  392. /**  Header Start **/
  393. #Brandingloggo {
  394.     height: 88px;
  395.     width: 960px;
  396. }
  397. #Topmenu {
  398.     color:#666;
  399.     font-size: 11px;
  400.     font-weight: bold;
  401.     margin-top: 10px;  
  402. }
  403. .topmenulink{
  404.     color:#666;
  405.     text-decoration:none;
  406.     text-transform: uppercase; 
  407. }
  408. #Topmenu a:hover{
  409.     text-decoration:underline;
  410. }
  411. #Topmenulist{
  412.     margin-left:15px;
  413.     margin-top: 3px;
  414.     margin-bottom: 20px;
  415. }
  416. #Topmenulist ul {
  417.     margin-left: 0;
  418.     padding-left: 0;
  419.  
  420. }
  421. #Topmenulist ul li {
  422.     border-left: 1px solid #CCC;
  423.     display: inline;
  424.     float:left;
  425.     list-style: none;  
  426.     margin-left: 0;
  427.     padding: 3px 20px;
  428. }      
  429. #Topmenulist ul li.firstmenuitem {
  430.     margin-left: 0;
  431.     border-left: none;
  432.     list-style: none;
  433.     display: inline;
  434.     padding-left:0px;
  435. }
  436. #Topmenulist ul li.lastmenuitem {
  437.     padding-right:0px;
  438. }
  439. .topmenuselecteditem{
  440.     text-decoration: underline;
  441. }
  442. /**  Header End **/
  443. /**  Menu Start **/
  444. #Menu{
  445.     padding-right:10px;
  446.     width:180px;   
  447. }
  448. #Leftmenutop {
  449.     border-top: 1px solid #CCC;
  450.     color:#666;
  451.     font-weight:normal;
  452.     list-style-type: none;
  453.     margin: 0em;
  454.     padding-top:20px;
  455. }
  456. .leftmenutoplink{
  457.     color:#666;
  458.     font-weight:normal;
  459.     text-decoration: none;
  460. }
  461.  
  462. #Leftmenutop a:hover{
  463.     text-decoration: underline;
  464. }
  465. .leftmenutopselecteditem{
  466.     text-decoration: underline;
  467. }
  468. #Leftmenuesaldo {
  469.     font-size: 11px;
  470.     font-weight: bold;
  471.     margin-bottom: 10px;
  472. }
  473.  
  474. #Leftmenuesaldo span {
  475.     padding-left: 0px;
  476. }
  477.  
  478. #Leftmenutop li span a {
  479.     padding-left: 10px;
  480. }
  481.  
  482. #Leftmenutop li {
  483.     padding: 0px 0px 5px 10px;
  484. }
  485.  
  486. #Leftmenubottom {
  487.     color: #666;
  488.     font-weight: bold;
  489.     font-size: 11px;
  490.     list-style-type: none;
  491.     margin-top: 10px;
  492.     padding-bottom: 20px;
  493. }
  494. .leftmenubottomlink{
  495.     color: #666;
  496.     font-weight: bold;
  497.     text-decoration: none;
  498. }
  499.  
  500. #Leftmenubottom a:hover{
  501.     color: #666;
  502.     font-weight: bold; 
  503.     text-decoration: underline;
  504. }
  505.  
  506. #Leftmenubottom li {
  507.     border-bottom: 1px solid #CCC;
  508.     padding: 10px 0px 10px 10px;
  509. }
  510.  
  511. #Leftmenubottomfirst {
  512.     border-top: 1px solid #CCC;
  513. }
  514. #Leftmenubottom li:first-child{
  515.     border-top: 1px solid #CCC;
  516. }
  517. .leftmenubottomselecteditem{
  518.     text-decoration: underline;
  519. }
  520. /** End Menu **/
  521. /** Start Content **/
  522. #Content {
  523.     padding-top: 0px;  
  524. }
  525.  
  526. #Contentbody {
  527.     border-top: 1px solid #CCC;
  528.     padding-bottom: 40px;
  529. }
  530. #Externalcontentbody{
  531.     margin-bottom: 40px;
  532. }
  533. /** Content END **/
  534. /** INFO Start **/
  535. #InfoNav{
  536.     line-height: normal;
  537. }
  538. /** INFO End **/
  539. /** Search Transactions START **/
  540. #Choosecardtext h2 {
  541.     padding-bottom: 10px;
  542.     padding-top: 30px;
  543. }
  544.  
  545. #SearchTranscardchangebg{
  546.     padding-top: 20px;
  547. }
  548. #Searchtransrow3 {
  549.     padding-top: 20px;
  550. }
  551. #Searchtransrow5 {
  552.     padding: 20px 0px 0px 0px;
  553. }
  554. #Submitbuttondiv {
  555.     float: right;
  556. }
  557. #Searchtransbodycardchangedrop{
  558.     margin-bottom:20px;
  559.     width: 100%;
  560. }
  561.  
  562. #Searchtransresults {
  563.     float: left;
  564. }
  565.  
  566. #Searchtransnoresults {
  567.     margin-top: 20px;
  568. }
  569.  
  570. /** Search Transactions END **/
  571. /** TransaktionList START **/
  572. #Transrow {
  573.     background: #F7F6F4;
  574. }
  575.  
  576. #Transfootresult {
  577.     text-align: right;
  578. }
  579.  
  580. .transcol1 {
  581.     border-right: 1px solid #CCC;
  582.     text-align: left;
  583.     width: 80px;
  584. }
  585.  
  586. .transcol2 {
  587.     border-right: 1px solid #CCC;
  588.     text-align: left;
  589.     width: 70px;
  590. }
  591.  
  592. .transcol3 {
  593.     border-right: 1px solid #CCC;
  594.     text-align: left;
  595.     width: 225px;
  596. }
  597.  
  598. .transcol4 {
  599.     border-right: 1px solid #CCC;
  600.     text-align: left;
  601.     width: 135px;
  602. }
  603.  
  604. .transcol34 {
  605.     border-right: 1px solid #CCC;
  606.     text-align: left;
  607.     width: 380px;
  608. }
  609.  
  610. .transcol5 {
  611.     border-right: 1px solid #CCC;
  612.     text-align: left;
  613.     width: 60px;
  614. }
  615.  
  616. .transcol6 {
  617.     border-right: 1px solid #CCC;
  618.     text-align: left;
  619.     width: 90px;
  620. }
  621.  
  622. .transcol7 {
  623.     text-align: right;
  624.     width: 90px;
  625. }
  626.  
  627. .transcol6header {
  628.     border-right: 1px solid #CCC;
  629.     text-align: left;
  630.     width: 90px;
  631. }
  632.  
  633. .transcol7header {
  634.     text-align: right;
  635.     width: 90px;
  636. }
  637.  
  638. .transcol1 span {
  639.     padding-left: 10px;
  640. }
  641.  
  642. .transcol2 span {
  643.     padding-left: 10px;
  644. }
  645.  
  646. .transcol3 span {
  647.     padding-left: 10px;
  648. }
  649.  
  650. .transcol4 span {
  651.     padding-left: 10px;
  652. }
  653.  
  654. .transcol34 span {
  655.     padding-left: 10px;
  656. }
  657.  
  658. .transcol5 span {
  659.     padding-left: 10px;
  660. }
  661.  
  662. .transcol6 span {
  663.     padding-left: 0px;
  664.     padding-right: 10px;
  665.     text-align: right;
  666. }
  667.  
  668. .transcol7 span {
  669.     padding-left: 0px;
  670.     padding-right: 10px;
  671.     text-align: right;
  672. }
  673.  
  674. .transcol6header span {
  675.     padding-left: 10px;
  676.     padding-right: 0px;
  677.     text-align: left;
  678. }
  679.  
  680. .transcol7header span {
  681.     padding-left: 10px;
  682.     padding-right: 0px;
  683.     text-align: left;
  684. }
  685.  
  686. #MoreTransactionExistsText {
  687.     font-weight: bold;
  688.     padding-bottom: 20px;
  689.     padding-left:10px;
  690.     padding-top: 20px;
  691. }
  692.  
  693. /** TransaktionList END **/
  694. /** Nya transaktioner START **/
  695. #Pendingtranstoptext {
  696.     margin-bottom: 30px;
  697. }
  698. #Pendingtranstoptext h1{
  699.     /*padding-top: 20px;*/
  700. }
  701. #Pendingtransnoresults {
  702.     margin-top: 20px;
  703. }
  704. #PTransListSelect{
  705.     width: 100%;
  706. }
  707. /** Nya transaktioner END **/
  708.  
  709. /**  Kortöversikt START **/
  710. #Invoicebodycardchangedrop{
  711.     width: 100%;
  712. }
  713. #Invoicecardchangebg{
  714.     margin-bottom: 30px;
  715. }
  716. #Invoicecardsinglechangebg{
  717.     margin-bottom: 5px;
  718. }
  719. #Invoicebodycardchange{
  720.     vertical-align:middle;
  721. }
  722. .invoicecol1{
  723.     border-right: 1px solid #CCC;
  724.     text-align: left;
  725.     font-weight:bold;
  726.     width: 200px;
  727. }
  728. .invoicecol1 span {
  729.     padding-left: 10px;
  730. }
  731. .invoicecol2{
  732.     border-right: 1px solid #CCC;
  733.     text-align: left;
  734.     width: 400px;
  735. }
  736. .invoicecol2 span {
  737.     padding-left: 10px;
  738. }
  739. .invoicecol3{
  740.     text-align: right;
  741.     width: 130px;
  742. }
  743. .invoicecol3 span {
  744.     padding-left: 0px;
  745.     padding-right: 10px;
  746.     text-align: right;
  747. }
  748. .invoicecol4{
  749.     border-right: 1px solid #CCC;
  750.     text-align: left;
  751.     width: 100px;
  752. }
  753. .invoicecol4 span {
  754.     padding-left: 10px;
  755. }
  756. #InvoiceTableexport {
  757.     padding-bottom: 10px;
  758.     padding-right:10px;
  759.     padding-top: 80px;
  760. }
  761.  
  762. #InvoiceTableexport img {
  763.     padding-right: 7px;
  764. }
  765.  
  766. #InvoiceTableexport a {
  767.     vertical-align: top;
  768. }
  769. #Invoicedetailname{
  770.     padding-top: 25px;
  771. }
  772. #Invoicedetailcontractname{
  773.     padding-top: 15px;
  774. }
  775. #Invoicedetailbox{
  776.     border-top: 1px solid #CCC;
  777.     line-height:normal;
  778.     margin-bottom: 20px;
  779.     padding-right:10px;
  780.     padding-top:15px;
  781.     text-align: right;
  782. }
  783. #Invoicedetailbox span:first-child{
  784.     float: left;
  785. }
  786. #Invoicedetailinfoheadersum{
  787.     text-align: right;
  788. }
  789. #Invoicedetailinfoheadersum h2{
  790.     padding-right: 10px;
  791. }
  792. #Invoicedetailinfotable{
  793.     margin-bottom: 30px;
  794. }
  795. #Invoicedetailstattransheadersum{
  796.     text-align: right;
  797. }
  798. #Invoicedetailstattransheadersum h2{
  799.     padding-right: 10px;
  800. }
  801. #Invoicebacktolist{
  802.     margin-top: 40px;
  803. }
  804. .invoicedetailspacer{
  805.     margin-top: 30px;
  806. }
  807. .invoicepaycol1{
  808.     border-right: 1px solid #CCC;
  809.     text-align: left;
  810.     width: 80px;
  811. }
  812. .invoicepaycol1 span {
  813.     padding-left: 10px;
  814. }
  815. .invoicepaycol2{
  816.     border-right: 1px solid #CCC;
  817.     text-align: left;
  818.     width: 70px;
  819. }
  820. .invoicepaycol2 span {
  821.     padding-left: 10px;
  822. }
  823. .invoicepaycol3{
  824.     border-right: 1px solid #CCC;
  825.     text-align: left;
  826.     width: 520px;
  827. }
  828. .invoicepaycol3 span {
  829.     padding-left: 10px;
  830. }
  831. .invoicepaycol4{   
  832.     width: 90px;
  833. }
  834. .invoicepaycol4 span {
  835.     padding-right: 10px;
  836.     text-align: right;
  837. }
  838. .invoicetranscol1{
  839.     border-right: 1px solid #CCC;
  840.     text-align: left;
  841.     width: 80px;
  842. }
  843. .invoicetranscol1 span {
  844.     padding-left: 10px;
  845. }
  846. .invoicetranscol2{
  847.     border-right: 1px solid #CCC;
  848.     text-align: left;
  849.     width: 70px;
  850. }
  851. .invoicetranscol2 span {
  852.     padding-left: 10px;
  853. }
  854. .invoicetranscol3{
  855.     border-right: 1px solid #CCC;
  856.     text-align: left;
  857.     width: 225px;
  858. }
  859. .invoicetranscol3 span {
  860.     padding-left: 10px;
  861. }
  862. .invoicetranscol4{
  863.     border-right: 1px solid #CCC;
  864.     text-align: left;
  865.     width: 135px;
  866. }
  867. .invoicetranscol4 span {
  868.     padding-left: 10px;
  869. }
  870. .invoicetranscol34{
  871.     border-right: 1px solid #CCC;
  872.     text-align: left;
  873.     width: 380px;
  874. }
  875. .invoicetranscol34 span {
  876.     padding-left: 10px;
  877. }
  878. .invoicetranscol5{
  879.     border-right: 1px solid #CCC;
  880.     text-align: left;
  881.     width: 60px;
  882. }
  883. .invoicetranscol5 span {
  884.     padding-left: 10px;
  885. }
  886. .invoicetranscol6{
  887.     border-right: 1px solid #CCC;
  888.     text-align: right;
  889.     width: 90px;
  890. }
  891. .invoicetranscol6 span {
  892.     padding-left: 0px;
  893.     padding-right: 10px;
  894.     text-align: right;
  895. }
  896. .invoicetranscol7{ 
  897.     width: 90px;
  898. }
  899. .invoicetranscol7 span {
  900.     padding-left: 0px;
  901.     padding-right: 10px;
  902.     text-align: right;
  903. }
  904. .invoicetranscol6header {
  905.     border-right: 1px solid #CCC;
  906.     text-align: left;
  907.     width: 90px;
  908. }
  909.  
  910. .invoicetranscol7header {
  911.     text-align: right;
  912.     width: 90px;
  913. }
  914. .invoicetranscol6header span {
  915.     padding-left: 10px;
  916.     padding-right: 0px;
  917.     text-align: left;
  918. }
  919.  
  920. .invoicetranscol7header span {
  921.     padding-left: 10px;
  922.     padding-right: 0px;
  923.     text-align: left;
  924. }
  925. #Invoicedetailstattranstable{
  926.     margin-bottom: 30px;
  927. }
  928. #Invoicedetailtransheadersum{
  929.     text-align: right;
  930. }
  931. #Invoicedetailtransheadersum h2{
  932.     padding-right: 10px;
  933. }
  934. #Invoicedetailtranstable{
  935.     margin-bottom: 30px;
  936. }
  937. #Invoicedetailremainderheadersum{
  938.     text-align: right;
  939. }
  940. #Invoicedetailremainderheadersum h2{
  941.     padding-right: 10px;
  942. }
  943. #Invoicedetailremaindertable{
  944.     margin-bottom: 30px;
  945. }
  946. #Invoicesumtop{
  947.         margin-top: 15px;
  948. }
  949. #Invoicesum4text div{
  950.     margin-top: 35px;
  951. }
  952. .invoicesumvalue{
  953.     padding-right:10px;
  954.     text-align: right;
  955. }
  956. .invoicesumtext{
  957.     color: #454545;
  958.     font-size: 11px;
  959.     font-weight: bold;
  960. }
  961. /**  Kortöversikt END **/
  962.  
  963. /** Register phone and email START**/
  964. #RegisterSuccess{
  965.     margin-top: 30px;
  966. }
  967. .Registerphoneandemailphonefieldprefix{
  968.     width: 40px;
  969.     text-align:left;
  970. }
  971. .Registerphoneandemailphonefieldsuffix{
  972.     width: 160px;
  973.     text-align:left;
  974. }
  975. .Registerphoneandemailcaptchaimage{
  976.     width: 160px;
  977.     height:30px;
  978.     border: 1px solid #999;
  979. }
  980. #Registerphoneandemailmobilephonelabel{
  981.     margin-bottom:5px;
  982.     margin-top:5px;
  983. }
  984. #Registerphoneandemailssnlabel{
  985.     margin-bottom:5px;
  986.     margin-top:15px;
  987. }
  988. #Registerphoneandemailcaptchaimagelabel{
  989.     margin-bottom:5px;
  990.     margin-top:15px;
  991. }
  992.  
  993. #Registerphoneandemailcaptchalabel{
  994.     margin-bottom:5px;
  995.     margin-top:15px;
  996. }
  997. #Registerphoneandemailemaillabel{
  998.     margin-bottom:5px;
  999.     margin-top:5px;
  1000. }
  1001. #Registerphoneandemailfourlastdigitslabel{
  1002.     margin-bottom:5px;
  1003.     margin-top:15px;
  1004. }          
  1005. #Registerphoneandemailcvcslabel{
  1006.     margin-bottom:5px;
  1007.     margin-top:15px;
  1008. }              
  1009. #Registerphoneandemailexpiredatelabel{
  1010.     margin-bottom:5px;
  1011.     margin-top:15px;
  1012. }
  1013. #Registerphoneandemailcaptchaimg{
  1014.     vertical-align: text-top;
  1015.     width: 210px;
  1016.     height: 30px;
  1017. }
  1018. #RegisterPasswordForm {
  1019.     margin-top: 30px;
  1020. }
  1021. #RegisterPasswordForm input {
  1022.     width: 210px;
  1023.  
  1024. }
  1025. #ExpiryMonth {
  1026.     width: 100px;
  1027.     margin-right: 10px;
  1028. }
  1029. #ExpiryYear {
  1030.     width: 100px;
  1031. }
  1032. #BtnConfirmDiv {   
  1033.     margin-right: 10px;
  1034. }
  1035. #Registerphoneandemailbuttonsgroup #Submitcancelbuttondiv{
  1036.     float: right;
  1037.     margin-left:10px;
  1038. }
  1039. #RegisterPhoneEidInfo{
  1040.     line-height: normal;
  1041. }
  1042. #eidDiv {
  1043.     margin-bottom: 30px;
  1044.     margin-top: 5px;
  1045. }
  1046. #noIdP {
  1047.     margin-bottom: 30px;
  1048.     margin-top: 5px;
  1049. }
  1050. #RegisterForm{
  1051.     line-height:normal;
  1052.     padding-top: 30px;
  1053. }
  1054. #Registerback{
  1055.     padding-top: 30px;
  1056. }
  1057. /** Register phone and email END**/
  1058.  
  1059. /** Securecode START**/
  1060. #Securecodeloggo{
  1061.     float:right;
  1062.     height: 38px;  
  1063.     margin-left: 15px;
  1064.     margin-top: 40px;
  1065.     width: 100px;
  1066.    
  1067. }
  1068. #Securecodeloggo img{
  1069.     height: 38px;
  1070.    
  1071.     width: 100px;
  1072. }
  1073. #Securechoosecardselect select{
  1074.     width: 100%;
  1075. }
  1076. #Securemaintext{
  1077.     padding-top: 30px;
  1078. }
  1079. #Securepersonaltext p{
  1080.     padding-top: 20px;
  1081. }
  1082. #Securemaincheck input[type=checkbox]{
  1083.     margin-left:0px;
  1084.     vertical-align: middle;
  1085.     width: 0px;
  1086. }
  1087. #Securemaincheck{
  1088.     margin-top: 10px;
  1089. }
  1090. #Securemaincheck span{
  1091.     vertical-align: baseline;
  1092. }
  1093. #Securemainchoosecardbtn{
  1094.     margin-top: 10px;
  1095. }
  1096.  
  1097. #Securemaincheck img{
  1098.    
  1099. }
  1100. #Securepasswordformtoptext p{
  1101.     padding-bottom: 10px;
  1102. }
  1103. /** Securecode END**/
  1104.  
  1105. /** Welcomepage Start **/
  1106. .Welcomepageaccountfooterspacer{
  1107.     height: 40px;
  1108. }
  1109. .Welcomepagecardimagecontainer{
  1110.     margin-top:5px;
  1111.     margin-bottom:5px;
  1112. }
  1113. .Welcomepagecardcontractcontainer{
  1114.     margin-top:5px;
  1115.     margin-bottom:5px;
  1116. }
  1117. .Welcomepageinvoicecol1 {
  1118.     border-right: 1px solid #CCC;
  1119.     width: 160px;
  1120. }
  1121. .Welcomepageinvoicecol1 span{
  1122.     padding-left:10px;
  1123.     text-align: left;
  1124. }
  1125. .Welcomepageinvoicecol2 {
  1126.     border-right: 1px solid #CCC;
  1127.     width: 240px;
  1128. }
  1129.  
  1130. .Welcomepageinvoicecol2 span{
  1131.     padding-left:10px;
  1132.     text-align: right;
  1133.     padding-right:10px;
  1134. }
  1135. .Welcomepageinvoicecol2header {
  1136.     border-right: 1px solid #CCC;
  1137.     width: 240px;
  1138. }
  1139.  
  1140. .Welcomepageinvoicecol2header span{
  1141.     padding-left:10px;
  1142.     text-align: left;
  1143.     padding-right:10px;
  1144. }
  1145. .Welcomepageinvoicecol3 {
  1146.     border-right: 1px solid #CCC;
  1147.     width: 120px;
  1148. }
  1149. .Welcomepageinvoicecol3 span{
  1150.     padding-left:10px;
  1151.     text-align: left;
  1152. }
  1153. .Welcomepageinvoicecol4 {
  1154.     width: 230px;
  1155. }
  1156. .Welcomepageinvoicecol4 span{
  1157.     padding-left:10px;
  1158.     text-align: left;  
  1159. }
  1160. .Welcomepageinvoicecol5 {
  1161.     width: 120px;
  1162. }
  1163. .Welcomepageinvoicecol5 span{
  1164.     padding-left:10px;
  1165.     text-align: left;
  1166. }
  1167. .Welcomepageinvoicecol6 {
  1168.     width: 80px;
  1169. }
  1170. .Welcomepageinvoicecol6 span{
  1171.     padding-left:10px;
  1172.     padding-right:10px;
  1173.     text-align: right;
  1174. }
  1175. .Welcomepageinvoicecol6header {
  1176.     width: 80px;
  1177. }
  1178. .Welcomepageinvoicecol6header span{
  1179.     padding-left:10px;
  1180.     padding-right:10px;
  1181.     text-align: left;
  1182. }
  1183. .Welcomepageinvoicecol7 {
  1184.     width: 200px;
  1185. }
  1186. .Welcomepageinvoicecol7 span{
  1187.     padding-left:10px;
  1188.     text-align: left;
  1189. }
  1190. .Welcomepageinvoicecol8 {
  1191.     width: 180px;
  1192. }
  1193. .Welcomepageinvoicecol8 span{
  1194.     padding-left:10px;
  1195.     padding-right:10px;
  1196.     text-align: right;
  1197. }
  1198. .Welcomepageinvoicecol8header {
  1199.     width: 180px;
  1200. }
  1201. .Welcomepageinvoicecol8header span{
  1202.     padding-left:10px;
  1203.     padding-right:10px;
  1204.     text-align: left;
  1205. }
  1206. .Welcomepageinvoicecol9 {
  1207.     width: 170px;
  1208. }
  1209. .Welcomepageinvoicecol9 span{
  1210.     padding-left:10px;
  1211.     text-align: left;
  1212. }
  1213. .Welcomepageinvoicecol10 {
  1214.     border-right: 1px solid #CCC;
  1215.     width: 160px;
  1216. }
  1217. .Welcomepageinvoicecol10 span{
  1218.     padding-left:10px;
  1219.     text-align: left;
  1220. }
  1221. .Welcomepageinvoicecol11 {
  1222.     border-right: 1px solid #CCC;
  1223.     width: 240px;
  1224. }
  1225. .Welcomepageinvoicecol11 span{
  1226.     padding-left:10px;
  1227.     text-align: right;
  1228.     padding-right:10px;
  1229. }
  1230. .Welcomepageinvoicecol11header {
  1231.     border-right: 1px solid #CCC;
  1232.     width: 240px;
  1233. }
  1234. .Welcomepageinvoicecol11header span{
  1235.     padding-left:10px;
  1236.     text-align: left;
  1237.     padding-right:10px;
  1238. }
  1239.  
  1240. .Welcomepageinvoicecol12 {
  1241.     border-right: 1px solid #CCC;
  1242.     width: 120px;
  1243. }
  1244. .Welcomepageinvoicecol12 span{
  1245.     padding-left:10px;
  1246.     text-align: right;
  1247.     padding-right:10px;
  1248. }
  1249. .Welcomepageinvoicecol12header {
  1250.     border-right: 1px solid #CCC;
  1251.     width: 120px;
  1252. }
  1253. .Welcomepageinvoicecol12header span{
  1254.     padding-left:10px;
  1255.     text-align: left;
  1256.     padding-right:10px;
  1257. }
  1258. .Welcomepageinvoicecol13 {
  1259.     width: 230px;
  1260. }
  1261. .Welcomepageinvoicecol13 span{
  1262.     padding-right:10px;
  1263.     text-align: right; 
  1264. }
  1265. .Welcomepageinvoicecol13header {
  1266.     width: 230px;
  1267. }
  1268. .Welcomepageinvoicecol13header span{
  1269.     padding-left:10px;
  1270.     padding-right:10px;
  1271.     text-align: left;  
  1272. }
  1273. .Welcomepagecardimagelarge{
  1274.     width:94px;
  1275.     height:60px;
  1276. }
  1277. .Welcomepagecardimagesmall{
  1278.     width:65px;
  1279.     height:41px;
  1280. }
  1281. .Welcomepagepromoareacontainer{
  1282.     margin-top:20px;
  1283. }
  1284. .Welcomepagebillingunitbalancelabel{
  1285.     text-align: left;
  1286. }
  1287. .Welcomepagebillingunitbalanceamount{
  1288.     text-align: right;
  1289. }
  1290. .Welcomepagebillingunitlastpaymentdatelabel{
  1291.     text-align: left;
  1292. }
  1293. .Welcomepagebillingunitlastpaymentdate{
  1294.     text-align: right;
  1295. }
  1296. .Welcomepagebillingunitlastpaymentlabel{
  1297.     text-align: left;
  1298. }
  1299. .Welcomepagebillingunitlastpaymentamount{
  1300.     text-align: right;
  1301. }
  1302. .Welcomepagebillingunitlastcreditlabel{
  1303.     text-align: left;
  1304. }
  1305. .Welcomepagebillingunitlastcreditamount{
  1306.     text-align: right;
  1307. }
  1308. .Welcomepagebillingunitcutoffdatelabel{
  1309.     text-align: left;
  1310. }
  1311. .Welcomepagebillingunitcutoffdate{
  1312.     text-align: right;
  1313. }
  1314. .Welcomepagebillingunitnextinvoicedate{
  1315.     text-align: right;
  1316. }
  1317. .Welcomepagebillingunitnextinvoicedatelabel{
  1318.     text-align: left;
  1319. }
  1320. .Welcomepagebillingunitlastdisposablelabel{
  1321.     margin-top:10px;
  1322.     margin-bottom:10px;
  1323.     text-align: left;
  1324. }
  1325. .Welcomepagebillingunitlastdisposableamount{
  1326.     margin-top:10px;
  1327.     margin-bottom:10px;
  1328.     text-align: right;
  1329. }
  1330. .Welcomepagebillingunitnonbilledlabel{
  1331.     text-align: left;
  1332. }
  1333. .Welcomepagebillingunitnonbilledamount{
  1334.     text-align: right;
  1335. }
  1336. .Welcompepageothercontractnonbilledlabel{
  1337.     text-align: left;
  1338. }
  1339. .welcompepageothercontractnonbilledamount{
  1340.     text-align:right;
  1341. }
  1342. .welcomepagebillingunit2rowcol1{
  1343.     padding-left:10px;
  1344.     width: 150px;
  1345.     text-align: left;  
  1346. }
  1347. .welcomepagebillingunit2rowcol2{
  1348.     width: 110px;
  1349.     text-align: right;
  1350.     vertical-align: bottom;
  1351. }
  1352. /** Welcomepage End **/
  1353.  
  1354. /** Billing units Start **/
  1355. #Billingunitpageccontractinfo{
  1356.  
  1357. }
  1358. .Billingunitcardimagelarge{
  1359.     width:94px;
  1360.     height:60px;
  1361. }
  1362. .Billingunitcardimagesmall{
  1363.     width:65px;
  1364.     height:41px;
  1365. }
  1366. .Billingunitcontractgroup{
  1367.     margin-top: 10px;
  1368. }
  1369.  
  1370. .Billingunitcardcol1{
  1371.     width: 180px;
  1372.     border-right: 1px solid #CCC;  
  1373. }
  1374.  
  1375. .Billingunitcardcol1 span{
  1376.     padding-left:10px;
  1377.     text-align: left;
  1378. }
  1379.  
  1380. .Billingunitcardcol2{
  1381.     width: 180px;
  1382.     border-right: 1px solid #CCC;  
  1383. }
  1384.  
  1385. .Billingunitcardcol2 span{
  1386.     padding-left:10px;
  1387.     text-align: left;
  1388. }
  1389.  
  1390. .Billingunitcardcol3{
  1391.     width: 180px;
  1392.     border-right: 1px solid #CCC;  
  1393. }
  1394.  
  1395. .Billingunitcardcol3 span{
  1396.     padding-left:10px;
  1397.     text-align: left;
  1398. }
  1399.  
  1400. .Billingunitcardcol4{
  1401.     width: 180px;  
  1402. }
  1403.  
  1404. .Billingunitcardcol4 span{
  1405.     padding-left:10px;
  1406.     text-align: left;
  1407. }
  1408.  
  1409. .Billingunitcardnumberrow{
  1410.     margin-top:10px;
  1411. }
  1412.  
  1413. .Billingunitcarddetailsgroup{
  1414.     margin-bottom:40px;
  1415. }
  1416. .Billingunitoterhcontractscarddetailsgroup{
  1417.     margin-bottom:40px;
  1418. }
  1419.  
  1420. .Billingunitothercontractgroup{
  1421.     margin-top:50px;
  1422. }
  1423. .Billingunitothercontractrcardcol1{
  1424.     width: 180px;
  1425.     border-right: 1px solid #CCC;  
  1426. }
  1427. .Billingunitothercontractrcardcol1 span{
  1428.     padding-left:10px;
  1429.     text-align: left;
  1430. }
  1431.  
  1432. .Billingunitothercontractrcardcol2{
  1433.     width: 180px;
  1434.     border-right: 1px solid #CCC;  
  1435. }
  1436.  
  1437. .Billingunitothercontractrcardcol2 span{
  1438.     padding-left:10px;
  1439.     text-align: left;
  1440. }
  1441.  
  1442. .Billingunitothercontractrcardcol3{
  1443.     width: 180px;
  1444.     border-right: 1px solid #CCC;  
  1445. }
  1446.  
  1447. .Billingunitothercontractrcardcol3 span{
  1448.     padding-left:10px;
  1449.     text-align: left;
  1450. }
  1451.  
  1452. .Billingunitothercontractrcardcol4{
  1453.     width: 180px;  
  1454. }
  1455.  
  1456. .Billingunitothercontractrcardcol4 span{
  1457.     padding-left:10px;
  1458.     text-align: left;
  1459. }
  1460.  
  1461. .Billingunitownername{
  1462.     font-weight: bold;
  1463. }
  1464. .Billingunitlabelbalance{
  1465.     text-align: left;
  1466. }
  1467. .Billingunitbalanceamount{
  1468.     text-align: right;
  1469. }
  1470. .Billingunitlabelcredit{
  1471.     text-align: left;
  1472. }
  1473. .Billingunitcreditamount{
  1474.     text-align: right;
  1475. }
  1476. /** Billing units End  **/
  1477.  
  1478. /** External Start **/
  1479. #Externalcontentbody input[type=text]{
  1480.     width: 210px;
  1481. }
  1482. #Externalcontentbody input[type=password]{
  1483.     width: 210px;
  1484. }
  1485. /** External  End**/
  1486. /** Login Start **/
  1487. #Logintmpbody h1{
  1488.     padding-top: 30px;
  1489. }
  1490. #Tabs{
  1491.     margin-top: 30px;
  1492. }
  1493. .loginfieldmargin {
  1494.     margin-top: 5px;
  1495. }
  1496. .loginlowertext{
  1497.     font-size: 13px;
  1498.     margin-top: 60px;
  1499. }
  1500. .loginlowertext a{
  1501.     color:#454545;
  1502.     font-size: 11px;
  1503.     font-weight: bold;
  1504. }
  1505. #Loginpswlowertextlinkmargin{
  1506.     margin-top: 10px;
  1507. }
  1508. #Logintmpvalue input{
  1509.     width: 210px;
  1510. }
  1511. #Submitcancelbuttondiv{
  1512.     float: left;
  1513. }
  1514. #Submitcancelbuttondiv a{
  1515.     color:#FFFFFF;
  1516. }
  1517. #Submittmpbuttondiv{
  1518.     margin-right: 10px;
  1519. }
  1520. /** Login tabs start **/
  1521. /* Component containers
  1522. ----------------------------------*/
  1523. .ui-widget-content { border-bottom: 1px; border-left:0px; border-top:0px; border-right:0px; border-style: solid; border-color: #d3d3d3/*{borderColorContent}*/; background: #f5f5f5/*{bgColorContent}*/ /*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;  }
  1524. .ui-widget-content a {  }
  1525. .ui-widget-header { border-bottom: 1px; border-left:0px; border-top:0px; border-right:0px; border-style: solid; border-color: #d3d3d3/*{borderColorHeader}*/; background: #ffffff/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: normal; font-size: 11px;}
  1526. .ui-widget-header a {  }
  1527.  
  1528. /* Interaction states
  1529. ----------------------------------*/
  1530. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #ffffff/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: bold/*{fwDefault}*/; color: #454545/*{fcDefault}*/; }
  1531. .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545/*{fcDefault}*/; text-decoration: underline; font-weight: bold;}
  1532. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {   font-weight: bold/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
  1533. .ui-state-hover a, .ui-state-hover a:hover { color: #222222/*{fcHover}*/; text-decoration: underline; }
  1534. .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {  background: #f5f5f5/*{bgColorActive}*/ /*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
  1535. .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #666666/*{fcActive}*/; text-decoration: none; font-weight: normal;}
  1536. .ui-widget :active { outline: none; }
  1537.  
  1538. /* Interaction Cues
  1539. ----------------------------------*/
  1540. .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
  1541. .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
  1542. .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ /*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
  1543. .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
  1544. .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
  1545. .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
  1546. .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  1547. .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  1548.  
  1549. /* Misc visuals
  1550. ----------------------------------*/
  1551.  
  1552. /* Corner radius */
  1553. .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
  1554. .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
  1555. .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
  1556. .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  1557. .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
  1558. .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  1559. .ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  1560. .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
  1561. /*.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/
  1562.  
  1563. /* Overlays */
  1564. .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*//*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
  1565. .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ /*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
  1566. /* Tabs
  1567. ----------------------------------*/
  1568. .ui-tabs { position: relative;  zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  1569. .ui-tabs .ui-tabs-nav { margin: 0;  }
  1570. .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin-top:0px; margin-left:0px;margin-right:0px;margin-bottom:1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
  1571. .ui-tabs .ui-tabs-nav li a { float: left; padding-bottom: 5px;padding-top: 5px; padding-right: 10px;padding-left: 9px;  }
  1572. .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
  1573. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  1574. .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  1575. .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 20px 10px; background: none; }
  1576. .ui-tabs .ui-tabs-hide { display: none !important; }
  1577. /** Login tabs end **/
  1578.  
  1579. /** Login End **/
  1580.  
  1581. /** Start change password during login flow**/
  1582. #Changepwdlogincurrentpasswordlabel{
  1583.     margin-top:5px;
  1584.     margin-bottom:5px;
  1585. }
  1586. #Changepwdloginnewpasswordlabel{
  1587.     margin-top:5px;
  1588.     margin-bottom:5px;
  1589. }
  1590. #Changepwdloginconfirmpasswordlabel{
  1591.     margin-top:5px;
  1592.     margin-bottom:5px;
  1593. }
  1594. #Changepwdloginform{
  1595.     margin-top:20px;
  1596. }
  1597. /** End change password during login flow**/
  1598. /** Shopping Start **/
  1599. #Shoppinginfoform p{
  1600.     line-height: normal;
  1601. }
  1602. #Shoppinginfolink{
  1603.     margin-bottom: 20px;
  1604. }
  1605. #Shoppinginfoterms{
  1606.     margin-bottom: 20px;
  1607.     line-height: normal;
  1608. }
  1609. #Shoppinginfoterms input{
  1610.     vertical-align: sub;
  1611. }
  1612. #Shoppinginfobtn{
  1613.     float: right;
  1614. }
  1615. /** Shopping End **/
  1616. /** **/
  1617. #InfoForgotPasswordlink{
  1618.     margin-bottom: 20px;
  1619. }
  1620. #InfoForgotPasswordbtn{
  1621.     margin-bottom: 20px;
  1622. }
  1623. #InfoForgotPasswordtxt{
  1624.     margin-bottom: 20px;
  1625. }
  1626. #Submitinfoforgotcancelbuttondiv a{
  1627.     color: #FFF;
  1628. }
  1629. /** **/
  1630.  
  1631. /** Myprofile Start **/
  1632. #MyProfile #MyProfileEmailForm{
  1633.     position: static;
  1634. }
  1635. #MyProfile #MyProfileCardForm select {
  1636.     width: 420px;
  1637. }
  1638. #MyProfile #NewPhoneCountry{
  1639.     width: 50px;
  1640. }
  1641. #MyProfile #NewPhone {
  1642.     width: 120px;
  1643. }
  1644. #MyProfile #NewPhoneCardValidMonth {
  1645.     width: 90px;
  1646.     margin-right:10px;
  1647. }
  1648. #MyProfile #NewPhoneCardValidYear {
  1649.     width: 90px;
  1650. }
  1651. #MyProfile #BtnCancelPhoneDiv {
  1652.     margin-left:10px;
  1653. }
  1654. #MyProfile #BtnCancelPasswordDiv {
  1655.     margin-left:10px;
  1656. }
  1657. #MyProfile #BtnCancelEmailDiv {
  1658.     margin-left:10px;
  1659. }
  1660. #MyProfile #PhoneValue {
  1661.     margin-top: 4px;
  1662.     margin-bottom:8px;
  1663. }
  1664. #MyProfile #EmailValue {
  1665.     margin-top: 4px;
  1666.     margin-bottom:8px;
  1667. }
  1668. #MyProfile #PasswordValue {
  1669.     margin-top: 7px;
  1670.     margin-bottom:5px;
  1671. }
  1672. #MyProfile #MyProfileCardText {
  1673.     margin-bottom: 10px;
  1674. }
  1675. #MyProfile .label_row {
  1676.     margin-bottom: 5px;
  1677.     margin-top: 15px;
  1678. }
  1679. #MyProfile .value_row {
  1680.     margin-bottom: 10px;
  1681. }
  1682. #MyProfile .formbg {
  1683.     padding-bottom:7px;
  1684.     padding-top:7px;
  1685. }
  1686. /** Myprofile End **/
  1687. /** Finance Start **/
  1688. #FinanceselectTop p {
  1689.     padding-bottom: 10px;
  1690. }
  1691. #FinanceselectForm{
  1692.     margin-top: 40px;
  1693. }
  1694. #FinancePhoneHead {
  1695.     margin-top:40px;
  1696. }
  1697. #CardApplicationMgmtForm .formbg {
  1698.     padding-bottom:7px;
  1699.     padding-top:7px;
  1700. }
  1701. #CardApplicationMgmtForm #NewPhoneCountry {
  1702.     width:50px;
  1703. }
  1704. #CardApplicationMgmtForm #NewPhone {
  1705.     width:120px;
  1706. }
  1707. #CardApplicationMgmtForm #NewPhoneCardValidMonth {
  1708.     margin-right:10px;
  1709.     width:90px;
  1710. }
  1711. #CardApplicationMgmtForm #NewPhoneCardValidYear {
  1712.     width:90px;
  1713. }
  1714. #CardApplicationMgmtForm #EmployedfromMonth {
  1715.     margin-right:10px;
  1716.     width:90px;
  1717. }
  1718. #CardApplicationMgmtForm #EmployedfromYear {
  1719.     width:90px;
  1720. }
  1721. #ChangePhoneForm #BtnCancelPhoneDiv {
  1722.     margin-left:10px;
  1723. }
  1724. #ChangeEmailForm{
  1725.     margin-top: 5px;
  1726. }
  1727. #ChangePhoneForm{
  1728.     margin-top: 5px;
  1729. }
  1730. #ChangeEmailForm #BtnCancelEmailDiv{
  1731.     margin-left:10px;
  1732. }
  1733. #FinancePhoneForm input[type="checkbox"] {
  1734.     vertical-align:middle;
  1735. }
  1736. #CardApplicationMgmtForm .label_row {
  1737.     margin-bottom:5px;
  1738. }
  1739. #FinanceFormCards select{
  1740.     width: 100%;
  1741. }
  1742. #FinanceFormheader{
  1743.     margin-top: 40px;
  1744. }
  1745. .financeRowspacer{
  1746.     margin-top: 20px;
  1747. }  
  1748. #FinanceContact{
  1749.     margin-top: 40px;
  1750. }
  1751. #FinanceCreditFormheader{
  1752.     margin-top: 40px;
  1753. }
  1754. #FinancePhone span {
  1755.     vertical-align:baseline;
  1756. }
  1757. #FinancePhone input[type="checkbox"] {
  1758.     vertical-align:middle;
  1759. }
  1760. #FinanceEmail{
  1761.     margin-top: 40px;
  1762. }
  1763.  
  1764. #FinanceEmail input[type="checkbox"] {
  1765.     vertical-align:middle;
  1766. }  
  1767. #FinanceSignLabel{
  1768.     margin-top: 40px;
  1769. }
  1770. #FinanceSign span {
  1771.     vertical-align:baseline;
  1772. }
  1773. #FinanceSign input[type="checkbox"] {
  1774.     vertical-align:middle;
  1775. }  
  1776. #FinanceEmaillabel{
  1777.     padding-bottom: 5px;
  1778.     padding-top: 5px;
  1779. }  
  1780. #FinanceSMSlabel{
  1781.     padding-bottom: 5px;
  1782.     padding-top: 5px;
  1783. }  
  1784. .financeconftext{      
  1785.     padding-top: 10px;
  1786. }
  1787. /** Finance End **/
  1788. /** ContactUs Start**/
  1789. #ContactUs{
  1790.     line-height: normal;
  1791. }
  1792. /** ContactUs End**/
  1793. /** End Content **/
  1794. /**  Footer Start **/
  1795.  
  1796. #Copyrightfooter {
  1797.     border-top: 1px solid #CCC;
  1798.     color: #333;
  1799.     font-size: 10px;
  1800.     font-weight: normal;
  1801.     margin-bottom:30px;
  1802.     padding-top: 15px; 
  1803.     position: static;
  1804.     text-align: left;
  1805.     z-index: 0;
  1806. }
  1807. #Copyrightfooter span{
  1808.     padding-left:10px;
  1809. }
  1810.  
  1811. /**  Footer End **/
  1812. /** New user Start**/
  1813. #Newuserheader2{
  1814.     margin-top: 30px;
  1815. }
  1816. #Newuserlabel2{
  1817.     margin-bottom: 30px;
  1818.     margin-top: 5px;
  1819. }
  1820. /** New user end **/
  1821.            
  1822.             /* custom */
  1823.             /**
  1824.     ec.css
  1825. **/
  1826.  
  1827. /** html elements START**/
  1828. body {
  1829.     color: #666;
  1830.     font-family: Arial;
  1831.     font-size: 12px;    }
  1832. h1 {
  1833.     color: #000;
  1834.     font-size: 22px;
  1835.     font-weight: bold;
  1836.     padding-top: 15px;
  1837. }
  1838.  
  1839. h2 {
  1840.     color: #666;
  1841.     font-size: 15px;
  1842.     font-weight: normal;
  1843. }
  1844. a {
  1845.     color: #AC9E6F;
  1846.     text-decoration: none;
  1847. }
  1848.  
  1849. a:hover {
  1850.     color: #000;
  1851.     text-decoration: underline;
  1852. }
  1853.  
  1854. /** html elements END **/
  1855.  
  1856. /**   Global Start **/
  1857.  
  1858. .nstable thead tr th span{
  1859.    
  1860.     /* For WebKit (Safari, Google Chrome etc) */
  1861.     background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
  1862.     /* For Mozilla/Gecko (Firefox etc) */
  1863.     background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
  1864.     /* For Internet Explorer 5.5 - 7 */
  1865.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
  1866.     /* For Internet Explorer 8 */
  1867.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
  1868. }
  1869. .nstable thead tr th{
  1870.     border: solid #FFF 2px;
  1871.     color: #666;   
  1872.     font-weight: normal;
  1873.     font-size: 12px;
  1874. }
  1875.  
  1876. .nstable tbody tr td {
  1877.     border: solid #FFF 2px;
  1878.     font-size: 11px;
  1879. }
  1880. .nstable thead tr th:first-child{
  1881.     border-left: 0px;
  1882. }
  1883. .nstable thead tr th:last-child{
  1884.     border-right: 0px;
  1885. }
  1886. .nstable tbody tr td:first-child{
  1887.     border-left: 0px;
  1888. }
  1889. .nstable tbody tr td:last-child{
  1890.     border-right: 0px;
  1891. }
  1892. .preamble{
  1893.     color:#666;
  1894.     font-size: 15px;
  1895.     line-height: 21px;
  1896. }
  1897.  
  1898. .formbg {
  1899.     border-bottom: 0px;
  1900.     border-top: 0px;       
  1901.     /* For WebKit (Safari, Google Chrome etc) */
  1902.     background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
  1903.     /* For Mozilla/Gecko (Firefox etc) */
  1904.     background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
  1905.     /* For Internet Explorer 5.5 - 7 */
  1906.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
  1907.     /* For Internet Explorer 8 */
  1908.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";  
  1909. }
  1910. .startpageformbg {
  1911.     border-bottom: 0px;
  1912.     border-top: 0px;       
  1913.     /* For WebKit (Safari, Google Chrome etc) */
  1914.     background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
  1915.     /* For Mozilla/Gecko (Firefox etc) */
  1916.     background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
  1917.     /* For Internet Explorer 5.5 - 7 */
  1918.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
  1919.     /* For Internet Explorer 8 */
  1920.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
  1921. }
  1922. .submitbuttondiv div.button {
  1923. /*  background: transparent url('../bg_button_a_ec.gif') no-repeat scroll top
  1924.         right;*/
  1925.     color: #444;   
  1926.     font: bold 12px Arial;
  1927.     height: 29px;
  1928. }
  1929. .submitbuttondiv div.button span {
  1930.     color: #AC9E6F;
  1931.     line-height: 19px;
  1932. }
  1933. .inlinelink {
  1934.     color: #AC9E6F;
  1935.     font-weight: normal;
  1936.     font-size: 12px;
  1937.     text-decoration: underline;
  1938. }
  1939. .inlinelink:hover{
  1940.     color: #000;
  1941.     font-weight: normal;
  1942. }
  1943. .bubblerow {
  1944.     color: #AC9E6F;
  1945.     font-weight: normal;
  1946. }
  1947. .notice {
  1948.     background: #FFF;
  1949.     border-color: #FFBC3A;
  1950.     color: #666;
  1951.     font-size: 15px;
  1952.     font-weight: normal;
  1953. }
  1954. .notice a {
  1955.     color: #AC9E6F;
  1956.     text-decoration: none;
  1957. }
  1958. .success {
  1959.     background: #FFF;
  1960.     border-color: #009B13;
  1961.     color: #009B13;
  1962.     font-size: 15px;
  1963.     font-weight: normal;
  1964. }
  1965. .error {
  1966.     background: #FFF;
  1967.     border-color: #FF0000;
  1968.     color: #FF0000;
  1969.     font-size: 15px;
  1970.     font-weight: normal;
  1971. }
  1972. .tableexportlink{
  1973.     color:#AC9E6F; 
  1974.     font-size: 12px;
  1975.     font-weight: normal;   
  1976. }
  1977. .tableexportlink:hover{
  1978.     color:#AC9E6F; 
  1979.     font-size: 12px;
  1980.     font-weight: normal;   
  1981. }
  1982. /**   Global END **/
  1983. /** Header Start **/
  1984. #Topmenu {
  1985.     font-size: 12px;
  1986.     font-weight: normal;
  1987.     margin-top: 0px;   
  1988. }
  1989. #Topmenu a{
  1990.     color:#AC9E6F; 
  1991.     font-size: 12px;
  1992.     font-weight: normal;
  1993.     text-transform:none;
  1994. }
  1995. #Topmenu a:hover{
  1996.     color:#000;
  1997. }
  1998. #Topmenulist {
  1999.     border-bottom: 1px solid #EDEEEA;
  2000.     border-top: 1px solid #EDEEEA; 
  2001.     background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top  right;
  2002.     background-position: 10px 0px;
  2003.     font-size: 12px;
  2004.     font-weight:normal;
  2005.     padding-bottom: 5px;
  2006.     padding-top: 5px;
  2007.     margin-left: 5px;
  2008. }
  2009. #Topmenulist ul {
  2010.     margin-left: 0;
  2011.     padding-left: 0;
  2012.     display: inline;
  2013. }
  2014. #Topmenulist ul li {
  2015.     margin-left: 0;
  2016.     padding: 3px 15px;
  2017.     border-left: 0px;
  2018.     border-right: 1px solid #AC9E6F;
  2019.     list-style: none;
  2020.     display: inline;
  2021. }      
  2022. #Topmenulist ul li.firstmenuitem {
  2023.     margin-left: 0;
  2024.     border-left: none;
  2025.     list-style: none;
  2026.     display: inline;
  2027.     padding-left:10px;
  2028. }
  2029. #Topmenulist ul li.lastmenuitem {
  2030.     border-right: 0px;
  2031.     padding-right:0px;
  2032. }
  2033. /** Header End **/
  2034.  
  2035. /**  Menu Start **/
  2036. #Leftmenuesaldo {
  2037.     color: #AC9E6F;
  2038.     font-size: 13px;
  2039.     font-weight: bold;
  2040.     margin-bottom: 5px;
  2041. }
  2042. #Leftmenutop {
  2043.     border-top: 0px;
  2044.     padding-top:0px;
  2045. }
  2046. #Leftmenutop a{
  2047.     color:#AC9E6F;
  2048.     font-weight:normal;
  2049. }
  2050. #Leftmenutop a:hover{
  2051.     color:#000;
  2052. }
  2053. #Leftmenutop li {
  2054.     padding: 5px 0px 5px 10px;
  2055. }
  2056. #Leftmenutop li:first-child{
  2057.     padding: 10px 0px 5px 10px;
  2058. }
  2059. #Leftmenubottom a{
  2060.     color: #AC9E6F;
  2061.     font-weight: bold;
  2062.     font-size: 13px;
  2063. }
  2064. #Leftmenubottom a:hover{
  2065.     color: #000;
  2066. }
  2067. #Leftmenubottom li {
  2068.     background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top  right;
  2069.     border-bottom: 0px;
  2070.     border-top: 1px solid #EDEEEA;
  2071.     padding: 5px 0px 15px 10px;
  2072. }
  2073. #Leftmenubottom li:first-child{
  2074.     border-top: 1px solid #EDEEEA;
  2075. }
  2076. #Leftmenuesaldo {
  2077.     background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top  right;
  2078.     border-top: 1px solid #EDEEEA;
  2079.    
  2080. }
  2081. .leftmenutopselecteditem{
  2082.     text-decoration: underline;
  2083.     font-weight: bold;
  2084. }
  2085.  
  2086. /**  Menu End **/
  2087. /** Content End **/
  2088.  
  2089. #Contentbody {
  2090.     border-top: 0px;
  2091.     background: transparent url(/nis/external/bin?k=img.gradient.body&i=5) repeat-x scroll top  right;
  2092. }
  2093. /** Content  End**/
  2094. /**  Kortöversikt START **/
  2095.  
  2096. .invoicecol1{
  2097.     font-weight:normal;
  2098. }
  2099. .invoicesumtext{
  2100.     color: #666;
  2101.     font-size: 15px;
  2102.     font-weight: normal;
  2103. }
  2104. /**  Kortöversikt End **/
  2105. /** External Start **/
  2106. #Externalcontentbody{
  2107.     background: transparent url(/nis/external/bin?k=img.gradient.body&i=5) repeat-x scroll top  right;
  2108. }
  2109. /** External  End**/
  2110.  
  2111. /**  Footer Start **/
  2112. #Copyrightfooter {
  2113.     background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top  right;
  2114.     border-bottom: 1px solid #EDEEEA;
  2115.     border-top: 1px solid #EDEEEA;
  2116.     color: #333;
  2117.     font-size: 12px;
  2118.     font-weight: normal;   
  2119.     padding-bottom: 5px;
  2120.     padding-top: 5px;
  2121.     text-align: right;
  2122. }
  2123. #Copyrightfooter span{
  2124.     margin-right: 10px;
  2125. }
  2126. /**  Footer End **/
  2127. /** Eid Start **/
  2128. #Registertext .text{
  2129.     color:#666;
  2130.     font-size: 15px;
  2131.     line-height: 21px;
  2132. }
  2133. /** Eid End **/
  2134. /** Login Start **/
  2135. #Submitcancelbuttondiv a{
  2136.     color:#AC9E6F;
  2137. }
  2138. .loginlowertext{
  2139.     font-size: 15px;
  2140. }
  2141. .loginlowertext a{
  2142.     color:#AC9E6F;;
  2143.     font-size: 15px;
  2144.     font-weight: normal;
  2145. }
  2146. /** Login End **/
  2147. /** Login tabs start **/
  2148. /* Component containers
  2149. ----------------------------------*/
  2150. .ui-widget-content {
  2151.     border-bottom: 0px;
  2152.     border-left:0px;
  2153.     border-top:0px;
  2154.     border-right:0px;
  2155.     border-style: solid;
  2156.     border-color: #CCC;
  2157.    
  2158.     /* For WebKit (Safari, Google Chrome etc) */
  2159.     background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
  2160.     /* For Mozilla/Gecko (Firefox etc) */
  2161.     background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
  2162.     /* For Internet Explorer 5.5 - 7 */
  2163.     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
  2164.     /* For Internet Explorer 8 */
  2165.     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
  2166. }
  2167. .ui-widget-content a {  }
  2168. .ui-widget-header { border-bottom: 0px; border-left:0px; border-top:0px; border-right:0px; border-style: solid; border-color: #CCC/*{borderColorHeader}*/; background: #ffffff/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; font-size: 15px; }
  2169. .ui-widget-header a {  }
  2170.  
  2171. /* Interaction states
  2172. ----------------------------------*/
  2173. .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 0px solid #d3d3d3/*{borderColorDefault}*/; background: #F5F5F5/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #454545/*{fcDefault}*/; te}
  2174. .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #AC9E6F/*{fcDefault}*/; text-decoration: none; font-weight: normal;}
  2175. .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 0px solid #999999/*{borderColorHover}*/;  font-weight: normal/*{fwDefault}*/; color: #AC9E6F/*{fcHover}*/;text-decoration: no; }
  2176. .ui-state-hover a, .ui-state-hover a:hover { color: #AC9E6F/*{fcHover}*/; text-decoration: none; }
  2177. .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 0px solid #CCC/*{borderColorActive}*/; background: #DADBD4/*{bgColorActive}*/ /*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #333/*{fcActive}*/; }
  2178. .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333/*{fcActive}*/; text-decoration: none; }
  2179. .ui-widget :active { outline: none; }
  2180.  
  2181. /* Interaction Cues
  2182. ----------------------------------*/
  2183. .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
  2184. .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
  2185. .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ /*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
  2186. .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
  2187. .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
  2188. .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
  2189. .ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
  2190. .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  2191.  
  2192. /* Misc visuals
  2193. ----------------------------------*/
  2194.  
  2195. /* Corner radius */
  2196. .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
  2197. .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
  2198. .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
  2199. .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  2200. .ui-corner-top { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
  2201. .ui-corner-bottom { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  2202. .ui-corner-right {  -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
  2203. .ui-corner-left { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
  2204. /*.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/
  2205.  
  2206. /* Overlays */
  2207. .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*//*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
  2208. .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ /*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
  2209. /* Tabs
  2210. ----------------------------------*/
  2211. .ui-tabs { position: relative;  zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  2212. .ui-tabs .ui-tabs-nav { margin: 0;  }
  2213. .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin-top:0px; margin-left:0px;margin-right:0px;margin-bottom:1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
  2214. .ui-tabs .ui-tabs-nav li a { float: left; padding-bottom: 5px;padding-top: 5px; padding-right: 10px;padding-left: 9px; text-decoration: none; }
  2215. .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
  2216. .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
  2217. .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
  2218. .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 20px 10px; background: none; }
  2219. .ui-tabs .ui-tabs-hide { display: none !important; }
  2220. /** Login tabs end **/
  2221.  
  2222. /** border fixes for first & last column for ec only**/
  2223.  
  2224. .nstable thead tr .invoicecol3{
  2225.     border-right: 0px;
  2226. }
  2227. .nstable thead tr .invoicepaycol4{
  2228.     border-right: 0px;
  2229. }
  2230. .nstable thead tr .transcol7{
  2231.     border-right: 0px;
  2232. }
  2233. .nstable thead tr .Welcomepageinvoicecol9{
  2234.     border-right: 0px;
  2235. }
  2236. .nstable thead tr .Welcomepageinvoicecol4{
  2237.     border-right: 0px;
  2238. }
  2239. .nstable thead tr .Welcomepageinvoicecol13header{
  2240.     border-right: 0px;
  2241. }
  2242. .nstable thead tr .Welcomepageinvoicecol13{
  2243.     border-right: 0px;
  2244. }
  2245. .nstable thead tr .Billingunitcardcol4{
  2246.     border-right: 0px;
  2247. }
  2248. .nstable tbody tr .invoicecol3{
  2249.     border-right: 0px;
  2250. }
  2251. .nstable tbody tr .invoicepaycol4{
  2252.     border-right: 0px;
  2253. }
  2254. .nstable tbody tr .transcol7{
  2255.     border-right: 0px;
  2256. }
  2257. .nstable tbody tr .Welcomepageinvoicecol9{
  2258.     border-right: 0px;
  2259. }
  2260. .nstable tbody tr .Welcomepageinvoicecol4{
  2261.     border-right: 0px;
  2262. }
  2263. .nstable tbody tr .Welcomepageinvoicecol13header{
  2264.     border-right: 0px;
  2265. }
  2266. .nstable tbody tr .Welcomepageinvoicecol13{
  2267.     border-right: 0px;
  2268. }
  2269. .nstable tbody tr .Billingunitcardcol4{
  2270.     border-right: 0px;
  2271. }
  2272. /** border fixes **/
  2273.         </STYLE>
  2274.                
  2275.  
  2276.  
  2277.        
  2278. <script>
  2279. $(document).ready(function()
  2280. {
  2281.       // set focus in first textfield
  2282.       //
  2283.       $(window).load(function () {
  2284.             $(':input:visible:enabled:first').focus();
  2285.           });
  2286.  
  2287. });
  2288. </script>
  2289.     </head>
  2290.     <body onload="window.focus();">
  2291.    
  2292.        
  2293.  
  2294.  
  2295.     <div id="Gridcontainer" class="container_24">
  2296.  
  2297.         <div id="Header">
  2298.                 <div id="Brandingloggo" class="grid_24 alpha omega">  
  2299.                     <img  alt="Loggo" src="/nis/external/bin?k=img.logo.top&i=0005"/>                  
  2300.                 </div>
  2301.                 <div class="clear"></div>      
  2302.            
  2303.         </div>
  2304.  
  2305.         <div id="Content">
  2306.  
  2307.             <div id="Externalcontentbody" class="grid_20 prefix_2 suffix_2">
  2308.                 <div id="Login">
  2309.                    
  2310.  
  2311.  
  2312.  
  2313.  
  2314. <script type="text/javascript">
  2315.     $(document).ready(function() {
  2316.  
  2317.             function IsNumeric(sText){
  2318.                 var ValidChars = "0123456789";
  2319.                 var IsNumber=true;
  2320.                 var Char;        
  2321.                 for (i = 0; i < sText.length && IsNumber == true; i++)
  2322.                 {
  2323.                     Char = sText.charAt(i);
  2324.                     if (ValidChars.indexOf(Char) == -1)
  2325.                     {
  2326.                         IsNumber = false;
  2327.                     }
  2328.                 }
  2329.                 return IsNumber;
  2330.            }       
  2331.  
  2332.  
  2333.            $('#BubblerowPswPASSWORD').SetBubblePopup({
  2334.                 innerHtml: 'default popup bubble text',
  2335.                 imageFolder:'/nis/external/generic/bp_images',
  2336.                 bubbleAlign:'center',              
  2337.                 tailAlign:'center',
  2338.                 color:'grey',
  2339.                 distanceFromTarget:2,
  2340.                 showOnMouseOver: false,  
  2341.                 width:150,        
  2342.                 zIndex: 102        
  2343.             });
  2344.             $('#BubblerowPswPASSWORD').click(function(){
  2345.                 if ($('.openbubble').length) {
  2346.                     return false;
  2347.                 }else{
  2348.                     $('#BubblerowPswPASSWORD').ShowBubblePopup({ innerHtml: "Ditt lösenord:<br>- Ska vara mellan 6 och 44 tecken långt<br>- Får inte mer än två lika tecken i rad<br>- Ska innehålla tillåtna tecken som är a-z och 0-9<br>- Ska skilja mellan stora och små bokstäver<br>- Ska innehålla minst en siffra, men inte mer än tre siffror i följd." });
  2349.                 }
  2350.                 return false;
  2351.             });        
  2352.  
  2353.                        
  2354.         // sets focus on textfield when user selects tabb
  2355.         //
  2356.             $( "#Tabs" ).bind( "tabsshow", function(event, ui) {
  2357.  
  2358.                
  2359.                 if(ui.index == 0){
  2360.                     $('#SMSuname').focus();
  2361.            
  2362.                 }
  2363.                 if(ui.index == 1){
  2364.                     $('#Pswuname').focus();
  2365.                 }              
  2366.             });
  2367.  
  2368.         //Clear error fields on tabsselect event
  2369.         //
  2370.             $( "#Tabs" ).bind( "tabsselect", function(event, ui) {
  2371.  
  2372.                 $('#SMSuname').attr("value","");               
  2373.                 $('#SMSPASSWORD').attr("value","");
  2374.                 $('#Pswuname').attr("value","");
  2375.                 $('#PswPASSWORD').attr("value","");
  2376.  
  2377.                 if(ui.index == 0){
  2378.                    
  2379.                     $("#SMSuname").removeClass('valueerror');
  2380.                     $("#SMSPASSWORD").removeClass('valueerror');
  2381.                     $('#Loginvalidateerrortext1').html(' ');
  2382.                     $('#Loginvalidateerrortext2').html(' ');
  2383.                     $('#Loginvalidateerrortext3').html(' ');
  2384.                     $('#Loginvalidateerrortext4').html(' ');
  2385.                     $('#Loginvalidateerrortextdiv').attr('style','display: none;');
  2386.                 }
  2387.                 if(ui.index == 1){
  2388.                    
  2389.                     $("#Pswuname").removeClass('valueerror');
  2390.                     $("#PswPASSWORD").removeClass('valueerror');
  2391.                     $('#Loginvalidateerrortext1').html(' ');
  2392.                     $('#Loginvalidateerrortext2').html(' ');
  2393.                     $('#Loginvalidateerrortext3').html(' ');
  2394.                     $('#Loginvalidateerrortext4').html(' ');
  2395.                     $('#Loginvalidateerrortextdiv').attr('style','display: none;');
  2396.                 }
  2397.  
  2398.                 $('#Loginerror').html(' ');
  2399.                 $('#Loginerror').attr('style','display: none;');
  2400.             });        
  2401.                
  2402.         function trim(str){
  2403.  
  2404.             while (str.charAt(0) == ' '){
  2405.                 str = str.substring(1);
  2406.             }
  2407.             while (str.charAt(str.length - 1) == ' '){
  2408.                 str = str.substring(0, str.length - 1);
  2409.             }
  2410.             return str;
  2411.         }
  2412.  
  2413.         $(function() {
  2414.             $("#Loginpswform input").keypress(function (e) {
  2415.                 if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
  2416.                     $('#Submitpswbtn').click();
  2417.                     return false;
  2418.                 } else {
  2419.                     return true;
  2420.                 }
  2421.             });
  2422.             $("#Loginsmsform input").keypress(function (e) {
  2423.                 if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
  2424.                     $('#Submitsmsbtn').click();
  2425.                     return false;
  2426.                 } else {
  2427.                     return true;
  2428.                 }
  2429.             });        
  2430.         });    
  2431.        
  2432.         $('#Submitsmsbtn').click(function() {
  2433.  
  2434.             $("#SMSuname").removeClass('valueerror');
  2435.             $("#SMSPASSWORD").removeClass('valueerror');
  2436.             $('#Loginvalidateerrortext1').html(' ');
  2437.             $('#Loginvalidateerrortext2').html(' ');
  2438.             $('#Loginvalidateerrortext3').html(' ');
  2439.             $('#Loginvalidateerrortext4').html(' ');
  2440.             $('#Loginvalidateerrortextdiv').attr('style','display: none;');
  2441.             $('#Loginerror').attr('style','display: none;');
  2442.  
  2443.             var SMSuname = $("#SMSuname").val();
  2444.             var SMSPASSWORD = $("#SMSPASSWORD").val();
  2445.  
  2446.             var errorsexist = 0;
  2447.  
  2448.             if(!IsNumeric(trim(SMSPASSWORD))){
  2449.                 $('#Loginvalidateerrortextdiv').attr('style',' ');
  2450.                 $("#SMSPASSWORD").addClass('valueerror');
  2451.                 $('#Loginvalidateerrortext3').html('Mobilnumret får enbart bestå av siffror');
  2452.                 errorsexist = 1;
  2453.             }
  2454.  
  2455.             if(!IsNumeric(trim(SMSuname))){
  2456.                 $('#Loginvalidateerrortextdiv').attr('style',' ');
  2457.                 $("#SMSuname").addClass('valueerror');
  2458.                 $('#Loginvalidateerrortext4').html('Personnummer får enbart bestå av siffror (ÅÅMMDDXXXX)');
  2459.                 errorsexist = 1;
  2460.             }          
  2461.             if (trim(SMSuname).length != 10){
  2462.                 if(trim(SMSuname).length != 7){
  2463.                     $('#Loginvalidateerrortextdiv').attr('style',' ');
  2464.                     $("#SMSuname").addClass('valueerror');
  2465.                     $('#Loginvalidateerrortext1').html('Du har angivit ett felaktigt personnummer (ÅÅMMDDXXXX).');
  2466.                     errorsexist = 1;
  2467.                 }              
  2468.             }
  2469.             if(trim(SMSPASSWORD).length != 4){
  2470.                 $('#Loginvalidateerrortextdiv').attr('style',' ');
  2471.                 $("#SMSPASSWORD").addClass('valueerror');
  2472.                 $('#Loginvalidateerrortext2').html('Ange de fyra sista siffrorna i mobilnumret');  
  2473.                 errorsexist = 1;       
  2474.             }              
  2475.            
  2476.             if(errorsexist == 1){
  2477.                 return false;
  2478.             }
  2479.            
  2480.             $('#Loginsmsform').submit();
  2481.         });
  2482.  
  2483.         $('#Submitpswbtn').click(function() {  
  2484.            
  2485.             $("#Pswuname").removeClass('valueerror');
  2486.             $("#PswPASSWORD").removeClass('valueerror');
  2487.             $('#Loginvalidateerrortext1').html(' ');
  2488.             $('#Loginvalidateerrortext2').html(' ');
  2489.             $('#Loginvalidateerrortext3').html(' ');
  2490.             $('#Loginvalidateerrortext4').html(' ');           
  2491.             $('#Loginvalidateerrortextdiv').attr('style','display: none;');
  2492.             $('#Loginerror').attr('style','display: none;');
  2493.            
  2494.            
  2495.             var Pswprodgroup = $("#Pswprodgroup").val();
  2496.             var Pswuname = $("#Pswuname").val();
  2497.             var Pswpassword = $("#PswPASSWORD").val();
  2498.  
  2499.             var errorsexist = 0;
  2500.  
  2501.             if(!IsNumeric(trim(Pswuname))){
  2502.                 $('#Loginvalidateerrortextdiv').attr('style',' ');
  2503.                 $("#Pswuname").addClass('valueerror');
  2504.                 $('#Loginvalidateerrortext3').html('Personnummer får enbart bestå av siffror (ÅÅMMDDXXXX)');
  2505.                 errorsexist = 1;
  2506.             }
  2507.            
  2508.             if (trim(Pswuname).length != 10){
  2509.                 if(trim(Pswuname).length != 7){
  2510.                     $('#Loginvalidateerrortextdiv').attr('style',' ');
  2511.                     $("#Pswuname").addClass('valueerror');
  2512.                     $('#Loginvalidateerrortext1').html('Du har angivit ett felaktigt personnummer (ÅÅMMDDXXXX).');
  2513.                     errorsexist = 1;
  2514.                 }              
  2515.             }
  2516.             if(trim(Pswpassword).length < 5){
  2517.                 $('#Loginvalidateerrortextdiv').attr('style',' ');
  2518.                 $("#PswPASSWORD").addClass('valueerror');
  2519.                 $('#Loginvalidateerrortext2').html('Du har angivit ett felaktigt lösenord.'); 
  2520.                 errorsexist = 1;       
  2521.             }          
  2522.  
  2523.             if(errorsexist == 1){
  2524.                 return false;
  2525.             }          
  2526.            
  2527.             $('#PswUSERNAME').val(Pswprodgroup.toUpperCase()+Pswuname.toUpperCase());
  2528.             var PswUSERNAME = $("#PswUSERNAME").val();
  2529.  
  2530.        
  2531.             $('#HiddenUSERNAME').val(PswUSERNAME);
  2532.  
  2533.            
  2534.             $('#Hiddenform').submit();
  2535.             $('#Loginpswform').submit();
  2536.         });
  2537.  
  2538.         var result = '';
  2539.  
  2540.         if(result == "SMS"){
  2541.             $("#Tabs").tabs({ selected: 0 });
  2542.         }else if(result == "PWD"){
  2543.             $("#Tabs").tabs({ selected: 1 });
  2544.         }  
  2545.    
  2546.      });
  2547.  
  2548.     $(function() {
  2549.         $("#Tabs").tabs();
  2550.     });                
  2551.     </script>
  2552.    
  2553. <div id="Loginbody" >
  2554.    
  2555.     <div class="indentationwrapper">
  2556.     <h1>Logga in</h1>
  2557.     <div id="Logintext" class="grid_13 suffix_6 alpha omega">
  2558.     <p  class="preamble">
  2559.         På e-Saldo kan du följa dina köp, se dina fakturor och inbetalningar.<br>Du kan även aktivera MasterCard SecureCode för köp på internet.<br> Logga in med SMS (engångskod) eller lösenord.
  2560.     </p>
  2561.     </div>
  2562.     <div class="clear"></div>  
  2563.     </div>
  2564.  
  2565.     <div id="Loginvalidateerrortextdiv" style="display: none;" class="error">                    
  2566.             <div id="Loginvalidateerrortext1"></div>
  2567.             <div id="Loginvalidateerrortext4"></div>
  2568.             <div id="Loginvalidateerrortext2"></div>
  2569.             <div id="Loginvalidateerrortext3"></div>           
  2570.     </div>
  2571.    
  2572.    
  2573. <div id="Tabs">
  2574.     <ul>
  2575.         <li id="TabSMS"><a href="#Tab-sms" id="LinkTabSMS">SMS (engångskod)</a></li>
  2576.         <li id="TabPASS"><a href="#Tab-pass" id="LinkTabPASS">Lösenord</a></li>
  2577.     </ul>
  2578.     <div id="Tab-sms" >
  2579.         <form id="Loginsmsform" action="/nis/external/ecse/login.do" method="post" name="frmLogin" target="_parent">
  2580.             <input id="Smstarget" type=hidden name=target value="/nis/ecse/main.do">
  2581.             <input id="SmsCURRENT_METHOD" type="hidden" name="CURRENT_METHOD" value="SMS">
  2582.             <input id="Smsprodgroup" type="hidden" name="prodgroup" value="0005">
  2583.             <input id="SmsUSERNAME" type="hidden" name="USERNAME">     
  2584.         <div class="grid_7 alpha ">
  2585.             Personnummer (ÅÅMMDDXXXX)
  2586.         </div>
  2587.         <div class="grid_7 suffix_5 omega ">
  2588.             Fyra (4) sista siffrorna i mobilnumret
  2589.         </div> 
  2590.         <div class="clear"></div>  
  2591.        
  2592.         <div id="Loginssnvalue" class="grid_7 alpha loginfieldmargin">
  2593.             <input id="SMSuname" autocomplete="off" class="externalinputText" type="text" tabindex="2" name="uname"  maxlength="10" >
  2594.         </div>
  2595.         <div id="Loginlastmobvalue" class="grid_7 loginfieldmargin">
  2596.             <input id="SMSPASSWORD" autocomplete="off"  class="externalinputText" type="text" tabindex="3" name="PASSWORD"  maxlength="4" >
  2597.         </div>     
  2598.         <div id="Loginsmssubbtn"  class="grid_4 suffix_1 omega loginfieldmargin">  
  2599.             <div id="Submitsmsbuttondiv" class="submitbuttondiv">
  2600.                 <div id="Submitsmsbtn" class="button" onclick="this.blur();"><span>Logga in</span></div>
  2601.             </div>     
  2602.         </div>
  2603.         <div class="clear"></div>          
  2604.        
  2605.         <div id="Loginsmslowertext" class="grid_19 alpha omega loginlowertext">
  2606.             <p>
  2607.                 <a href="infonewuser.do" >Ny anv&auml;ndare</a>            
  2608.             </p>       
  2609.             <div id="Loginpswlowertextlinkmargin">
  2610.                 <a class="readMoreLinks" href="registerPhoneEid.do" tabindex="5">Registrera eller ändra mobilnummer?</a>
  2611.             </div>         
  2612.         </div> 
  2613.        
  2614.         <div class="clear"></div>  
  2615.         </form>        
  2616.     </div>
  2617.     <div id="Tab-pass">
  2618.    
  2619.      <form id="Loginpswform" action="/siteminderagent/forms/generic.fcc" method="post" name="frmLoginpsw" target="_parent" autocomplete="off">
  2620.             <input id="Pswtarget" type=hidden name=target value="/nis/ecse/main.do">
  2621.             <input id="Pswprodgroup" type="hidden" name="prodgroup" value="0005">
  2622.             <input id="PswUSERNAME" type="hidden" name="USERNAME">
  2623.             <input id="PswMETHOD" type="hidden" name="METHOD" value="LOGIN">
  2624.             <input id="PswCURRENT_METHOD" type="hidden" name="CURRENT_METHOD" value="PWD">
  2625.        
  2626.         <div class="grid_7 alpha ">
  2627.             Personnummer (ÅÅMMDDXXXX)
  2628.         </div>
  2629.         <div class="grid_7 suffix_5 omega ">
  2630.             Lösenord
  2631.         </div> 
  2632.         <div class="clear"></div>  
  2633.        
  2634.         <div id="Loginssnpswvalue" class="grid_7 alpha loginfieldmargin">
  2635.             <input id="Pswuname" autocomplete="off" class="externalinputText" type="text" tabindex="2" name="uname" maxlength="10" >
  2636.         </div>
  2637.         <div id="Loginpswvalue" class="grid_7 loginfieldmargin">
  2638.             <input id="PswPASSWORD" autocomplete="off" class="externalinputText" type="password" tabindex="3" name="PASSWORD" maxlength="44" ><div id="BubblerowPswPASSWORD" class="bubblerowhelp"  onmouseout="$(this).HideBubblePopup();"><img src="/nis/external/bin?k=img.help&i=5""></div>
  2639.         </div>     
  2640.         <div id="Loginpswsubbtn"  class="grid_4 suffix_1 omega loginfieldmargin">  
  2641.             <div id="Submitpswbuttondiv" class="submitbuttondiv">
  2642.                 <div id="Submitpswbtn" class="button" onclick="this.blur();"><span>Logga in</span></div>
  2643.             </div>     
  2644.         </div>
  2645.         <div class="clear"></div>
  2646.        
  2647.         <div id="Loginpswlowertext" class="grid_19 alpha omega loginlowertext">
  2648.             <p>
  2649.                 <a href="infonewuser.do" >Ny anv&auml;ndare</a>            
  2650.             </p>
  2651.             <div id="Loginpswlowertextlinkmargin">
  2652.                 <a href="infoForgotPassword.do" >Glömt lösenord</a>
  2653.             </div>         
  2654.         </div> 
  2655.        
  2656.         <div class="clear"></div>  
  2657.         </form>
  2658.     </div>
  2659. </div>
  2660.  
  2661.  
  2662. </div>
  2663. <div class="clear"></div>
  2664. <form id="Hiddenform" name="frmHidden" method="post" action="/nis/external/hidden.jsp" target="frameB">
  2665.     <input type="hidden" name="USERNAME" id="HiddenUSERNAME">
  2666.     <input type="hidden" name="CURRENT_METHOD">
  2667.     <input type="hidden" name="referer" value="login.jsp">
  2668. </form>
  2669.     <iframe SRC="/nis/external/hidden.jsp" NAME="frameB" WIDTH="0" HEIGHT="0" frameborder="0" scrolling="no"></iframe>
  2670.                 </div>
  2671.             </div>
  2672.             <div class="clear"></div>
  2673.         </div>
  2674.  
  2675.         <div id="Footer">
  2676.            
  2677. <div id="Copyrightfooter" class="grid_24">            
  2678.     <span>Kundcenter | tel: 08-14 67 37 | fax: 08-14 67 36 | e-post: <A href="mailto:[email protected]">[email protected]</A></span>                  
  2679. </div>
  2680. <div class="clear"></div>
  2681.  
  2682.         </div>
  2683.     </div> 
  2684.      <!-- SiteCatalyst -->
  2685.  
  2686.  
  2687.         <script type="text/javascript">
  2688.         CStitle='/external/ecse/login.do';
  2689.         </script>
  2690.         <script language="JavaScript" type="text/javascript" src="/nis/external/default/js/s_code.js" ></script>   
  2691.         <script type="text/javascript"> s.prop7=document.title;</script>
  2692.         <script language="JavaScript" type="text/javascript" src="/nis/external/default/js/propagate.js" ></script>
  2693.    
  2694.     </body>
  2695. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!