Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html >
- <head>
- <meta http-equiv="PRAGMA" content="NO-CACHE" />
- <meta http-equiv="CACHE-CONTROL" content="NO-STORE, NO-CACHE, MUST-REVALIDATE, POST-CHECK=0, PRE-CHECK=0" />
- <meta http-equiv="EXPIRES" content="0" />
- <meta http-equiv="Last-Modified" content="01 Jan 1970 00:00:00 GMT" />
- <meta http-equiv="If-Modified-Since" content="01 Jan 1970 00:00:00 GMT" />
- <meta http-equiv="X-UA-Compatible" content="IE=100" >
- <title>Eurocard.se</title>
- <link rel="stylesheet" href="/nis/external/generic/css/reset.css" />
- <link rel="stylesheet" href="/nis/external/generic/css/960_24_col.css" />
- <!--<link rel="stylesheet" href="/nis/external/generic/css/default.css" /> -->
- <!-- <link rel="stylesheet" href="/nis/external/generic/css/ec.css" /> -->
- <!-- <link rel="stylesheet" href="/nis/external/generic/css/nk.css" /> -->
- <!-- <link rel="stylesheet" href="/nis/external/generic/css/jyske.css" /> -->
- <link rel="stylesheet" href="/nis/external/generic/css/jquery.fancybox-1.3.1.css" />
- <link rel="stylesheet" href="/nis/external/generic/css/jquery.safari-checkbox.css" />
- <link rel="stylesheet" href="/nis/external/generic/css/jquery.ui.core.css" rel="stylesheet" />
- <link rel="stylesheet" href="/nis/external/generic/css/jquery.ui.autocomplete.css" />
- <link rel="stylesheet" href="/nis/external/generic/css/jquery.ui.theme.css" />
- <script src="/nis/external/generic/js/jquery-1.4.2.min.js" type="text/javascript"></script>
- <script src="/nis/external/generic/js/jquery.ui.core.min.js" type="text/javascript" ></script>
- <script src="/nis/external/generic/js/jquery.ui.widget.min.js" type="text/javascript"></script>
- <script src="/nis/external/generic/js/jquery.ui.position.min.js" type="text/javascript"></script>
- <script src="/nis/external/generic/js/jquery.ui.autocomplete.min.js" type="text/javascript"></script>
- <script src="/nis/external/generic/js/jquery.BubblePopup-1.1.src.js" type="text/javascript"></script>
- <script src="/nis/external/generic/js/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
- <script src="/nis/external/generic/js/jquery.checkbox.min.js" type="text/javascript" ></script>
- <STYLE>
- /* deafult */
- /*
- Default css
- */
- /** html elements START**/
- body {
- font-family: Verdana;
- font-size: 11px;
- color: #666;
- }
- a {
- color: #222;
- font-weight:normal;
- text-decoration: underline;
- }
- a:hover {
- color: #666;
- font-weight:normal;
- text-decoration: underline;
- }
- select {
- width: 190px;
- }
- input[type=text] {
- width: 190px;
- }
- input[type=password] {
- width: 190px;
- }
- .inputText {
- /* same as input[type="text"] for IE6 compatability */
- width: 190px;
- }
- .externalinputText {
- /* same as input[type="text"] for IE6 compatability */
- width: 210px;
- }
- h1 {
- color: #454545;
- font-size: 18px;
- font-weight: bold;
- padding-bottom: 20px;
- padding-top: 20px;
- }
- h2 {
- color: #454545;
- font-size: 13px;
- font-weight: bold;
- padding-bottom: 10px;
- padding-top: 10px;
- }
- input,select,textarea {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- /** html elements END**/
- /** Global **/
- /** Gridcontainer **/
- /** Header **/
- /** Menu **/
- /** Content **/
- /** Footer **/
- /** Global Start **/
- .negativenumber{
- color:#ff0000;
- }
- .nstable {
- width: 100%;
- }
- .nstable thead tr th {
- background: #E5E5E5;
- border-bottom: 1px solid #CCC;
- border-top: 1px solid #CCC;
- color: #454545;
- font-weight: bold;
- }
- .nstable thead tr th span {
- display: block;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .nstable tbody tr td {
- border-bottom: 1px solid #CCC;
- text-align: left;
- vertical-align: middle;
- }
- .nstable tbody tr td span {
- display: block;
- padding-top: 5px;
- padding-bottom: 5px;
- height: 10px;
- }
- .nstable tbody tr td .bubbletdalign{
- text-align: right;
- }
- .valueerror {
- border: #FF0000 2px solid;
- }
- #Tableexport {
- text-align: right;
- padding-bottom: 0px;
- padding-top: 30px;
- }
- #Tableexport img {
- padding-right: 7px;
- }
- #Tableexportexcellink {
- padding-right: 20px;
- }
- .tableexportlink{
- color: #666;
- font-size: 11px;
- font-weight: bold;
- padding-right:10px;
- text-decoration:none;
- vertical-align: top;
- }
- .tableexportlink:hover{
- color: #666;
- font-size: 11px;
- font-weight: bold;
- text-decoration:none;
- vertical-align: top;
- }
- .formbg {
- background: #F5F5F5;
- border-bottom: 1px solid #CCC;
- border-top: 1px solid #CCC;
- padding-bottom: 15px;
- padding-top: 15px;
- line-height: normal;
- }
- .startpageformbg {
- background: #F5F5F5;
- border-bottom: 1px solid #CCC;
- border-top: 1px solid #CCC;
- line-height: normal;
- padding-bottom: 5px;
- padding-top: 5px;
- }
- .sumbg{
- border-bottom: 1px solid #CCC;
- border-top: 1px solid #CCC;
- }
- .sumbg div{
- padding-bottom: 5px;
- padding-top: 5px;
- }
- .bonussumbg{
- border-bottom: 1px solid #CCC;
- border-top: 1px solid #CCC;
- }
- .bonussumbg div{
- padding-bottom: 5px;
- padding-top: 5px;
- }
- .bubblerow {
- color: #222;
- cursor: pointer;
- font-weight: normal;
- line-height: normal;
- text-decoration: underline;
- }
- .bubblerowhelp {
- color: #222;
- cursor: pointer;
- font-weight: normal;
- display:inline;
- margin-left:5px;
- width:14px;
- }
- .openbubble{
- line-height: normal;
- }
- #TailTD{
- background: transparent url(/nis/external/bin?k=img.bubble.tail&i=5) no-repeat center;
- width: 24px;
- height: 26px;
- width:100%;
- }
- .indentationwrapper {
- padding-left: 10px;
- }
- .error,.notice,.success {
- border: 2px solid #ddd;
- padding: .8em;
- line-height:normal;
- margin-bottom: 1em;
- margin-top: 1em;
- }
- .error {
- background: #FFF;
- border-color: #FF0000;
- color: #FF0000;
- font-size: 13px;
- font-weight: bold;
- }
- .error span {
- text-align: left;
- }
- .notice {
- background: #FFF;
- border-color: #E59936;
- color: #E59936;
- font-size: 13px;
- font-weight: bold;
- }
- .success {
- background: #FFF;
- border-color: #228E2F;
- color: #228E2F;
- font-size: 13px;
- font-weight: bold;
- }
- .error a {
- color: #FF0000;
- }
- .notice a {
- color: #E59936;
- }
- .success a {
- color: #228E2F;
- }
- .submitbuttondiv {
- cursor: pointer;
- float: right;
- }
- .submitbuttondiv div.button {
- background: transparent url(/nis/external/bin?k=img.btn.a&i=5) no-repeat scroll top
- right;
- color: #444;
- display: block;
- float: left;
- font: normal 11px Verdana;
- height: 24px;
- padding-right: 12px; /* sliding doors padding */
- text-decoration: none;
- }
- .submitbuttondiv div.button span {
- background: transparent url(/nis/external/bin?k=img.btn.span&i=5) no-repeat;
- color: #FFF;
- font-weight: bold;
- display: block;
- line-height: 14px;
- padding: 5px 0 5px 12px;
- }
- .submitbuttondiv div.button:active {
- background-position: bottom right;
- color: #000;
- outline: none; /* hide dotted outline in Firefox */
- }
- .submitbuttondiv div.button:active span {
- background-position: bottom left;
- padding: 6px 0 4px 12px; /* push text down 1px */
- }
- .transsumtext{
- color: #454545;
- font-weight: bold;
- font-size: 11px;
- padding-top: 10px;
- padding-bottom: 10px;
- text-align: left;
- }
- .transsumtext span{
- padding-left:10px;
- }
- .transsumvalue{
- color: #454545;
- font-weight: bold;
- font-size: 11px;
- padding-top: 10px;
- padding-bottom: 10px;
- text-align: right;
- }
- .transsumvalue span{
- padding-right:10px;
- }
- .inlinelink {
- }
- .inlinelink:hover{
- }
- .inlinelightbox{
- height:500px;
- line-height: normal;
- overflow:auto;
- width:400px;
- }
- .inlinelightbox tr{
- background: #FFF;
- }
- .lightboxcontent{
- padding: 10px;
- }
- .lightboxtitel{
- background: #F5F5F5;
- border-bottom: 1px solid #CCC;
- border-top: 1px solid #CCC;
- padding-bottom: 5px;
- padding-top: 5px;
- text-align: center;
- position: absolute;
- width: 100%;
- }
- .preamble{
- line-height: normal;
- margin-bottom: 10px;
- }
- .helpimg{
- margin-left: 5px;
- vertical-align: text-bottom;
- cursor: pointer;
- }
- .selectMenuitem{
- color: #cc0000;
- }
- #Errorcancelbodydiv{
- line-height: normal;
- }
- /** Global End **/
- /** Gridcontainer Start **/
- #Gridcontainer {
- background: #fff;
- height:100%;
- padding-top: 25px;
- }
- /** Gridcontainer End **/
- /** Header Start **/
- #Brandingloggo {
- height: 88px;
- width: 960px;
- }
- #Topmenu {
- color:#666;
- font-size: 11px;
- font-weight: bold;
- margin-top: 10px;
- }
- .topmenulink{
- color:#666;
- text-decoration:none;
- text-transform: uppercase;
- }
- #Topmenu a:hover{
- text-decoration:underline;
- }
- #Topmenulist{
- margin-left:15px;
- margin-top: 3px;
- margin-bottom: 20px;
- }
- #Topmenulist ul {
- margin-left: 0;
- padding-left: 0;
- }
- #Topmenulist ul li {
- border-left: 1px solid #CCC;
- display: inline;
- float:left;
- list-style: none;
- margin-left: 0;
- padding: 3px 20px;
- }
- #Topmenulist ul li.firstmenuitem {
- margin-left: 0;
- border-left: none;
- list-style: none;
- display: inline;
- padding-left:0px;
- }
- #Topmenulist ul li.lastmenuitem {
- padding-right:0px;
- }
- .topmenuselecteditem{
- text-decoration: underline;
- }
- /** Header End **/
- /** Menu Start **/
- #Menu{
- padding-right:10px;
- width:180px;
- }
- #Leftmenutop {
- border-top: 1px solid #CCC;
- color:#666;
- font-weight:normal;
- list-style-type: none;
- margin: 0em;
- padding-top:20px;
- }
- .leftmenutoplink{
- color:#666;
- font-weight:normal;
- text-decoration: none;
- }
- #Leftmenutop a:hover{
- text-decoration: underline;
- }
- .leftmenutopselecteditem{
- text-decoration: underline;
- }
- #Leftmenuesaldo {
- font-size: 11px;
- font-weight: bold;
- margin-bottom: 10px;
- }
- #Leftmenuesaldo span {
- padding-left: 0px;
- }
- #Leftmenutop li span a {
- padding-left: 10px;
- }
- #Leftmenutop li {
- padding: 0px 0px 5px 10px;
- }
- #Leftmenubottom {
- color: #666;
- font-weight: bold;
- font-size: 11px;
- list-style-type: none;
- margin-top: 10px;
- padding-bottom: 20px;
- }
- .leftmenubottomlink{
- color: #666;
- font-weight: bold;
- text-decoration: none;
- }
- #Leftmenubottom a:hover{
- color: #666;
- font-weight: bold;
- text-decoration: underline;
- }
- #Leftmenubottom li {
- border-bottom: 1px solid #CCC;
- padding: 10px 0px 10px 10px;
- }
- #Leftmenubottomfirst {
- border-top: 1px solid #CCC;
- }
- #Leftmenubottom li:first-child{
- border-top: 1px solid #CCC;
- }
- .leftmenubottomselecteditem{
- text-decoration: underline;
- }
- /** End Menu **/
- /** Start Content **/
- #Content {
- padding-top: 0px;
- }
- #Contentbody {
- border-top: 1px solid #CCC;
- padding-bottom: 40px;
- }
- #Externalcontentbody{
- margin-bottom: 40px;
- }
- /** Content END **/
- /** INFO Start **/
- #InfoNav{
- line-height: normal;
- }
- /** INFO End **/
- /** Search Transactions START **/
- #Choosecardtext h2 {
- padding-bottom: 10px;
- padding-top: 30px;
- }
- #SearchTranscardchangebg{
- padding-top: 20px;
- }
- #Searchtransrow3 {
- padding-top: 20px;
- }
- #Searchtransrow5 {
- padding: 20px 0px 0px 0px;
- }
- #Submitbuttondiv {
- float: right;
- }
- #Searchtransbodycardchangedrop{
- margin-bottom:20px;
- width: 100%;
- }
- #Searchtransresults {
- float: left;
- }
- #Searchtransnoresults {
- margin-top: 20px;
- }
- /** Search Transactions END **/
- /** TransaktionList START **/
- #Transrow {
- background: #F7F6F4;
- }
- #Transfootresult {
- text-align: right;
- }
- .transcol1 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 80px;
- }
- .transcol2 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 70px;
- }
- .transcol3 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 225px;
- }
- .transcol4 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 135px;
- }
- .transcol34 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 380px;
- }
- .transcol5 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 60px;
- }
- .transcol6 {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 90px;
- }
- .transcol7 {
- text-align: right;
- width: 90px;
- }
- .transcol6header {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 90px;
- }
- .transcol7header {
- text-align: right;
- width: 90px;
- }
- .transcol1 span {
- padding-left: 10px;
- }
- .transcol2 span {
- padding-left: 10px;
- }
- .transcol3 span {
- padding-left: 10px;
- }
- .transcol4 span {
- padding-left: 10px;
- }
- .transcol34 span {
- padding-left: 10px;
- }
- .transcol5 span {
- padding-left: 10px;
- }
- .transcol6 span {
- padding-left: 0px;
- padding-right: 10px;
- text-align: right;
- }
- .transcol7 span {
- padding-left: 0px;
- padding-right: 10px;
- text-align: right;
- }
- .transcol6header span {
- padding-left: 10px;
- padding-right: 0px;
- text-align: left;
- }
- .transcol7header span {
- padding-left: 10px;
- padding-right: 0px;
- text-align: left;
- }
- #MoreTransactionExistsText {
- font-weight: bold;
- padding-bottom: 20px;
- padding-left:10px;
- padding-top: 20px;
- }
- /** TransaktionList END **/
- /** Nya transaktioner START **/
- #Pendingtranstoptext {
- margin-bottom: 30px;
- }
- #Pendingtranstoptext h1{
- /*padding-top: 20px;*/
- }
- #Pendingtransnoresults {
- margin-top: 20px;
- }
- #PTransListSelect{
- width: 100%;
- }
- /** Nya transaktioner END **/
- /** Kortöversikt START **/
- #Invoicebodycardchangedrop{
- width: 100%;
- }
- #Invoicecardchangebg{
- margin-bottom: 30px;
- }
- #Invoicecardsinglechangebg{
- margin-bottom: 5px;
- }
- #Invoicebodycardchange{
- vertical-align:middle;
- }
- .invoicecol1{
- border-right: 1px solid #CCC;
- text-align: left;
- font-weight:bold;
- width: 200px;
- }
- .invoicecol1 span {
- padding-left: 10px;
- }
- .invoicecol2{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 400px;
- }
- .invoicecol2 span {
- padding-left: 10px;
- }
- .invoicecol3{
- text-align: right;
- width: 130px;
- }
- .invoicecol3 span {
- padding-left: 0px;
- padding-right: 10px;
- text-align: right;
- }
- .invoicecol4{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 100px;
- }
- .invoicecol4 span {
- padding-left: 10px;
- }
- #InvoiceTableexport {
- padding-bottom: 10px;
- padding-right:10px;
- padding-top: 80px;
- }
- #InvoiceTableexport img {
- padding-right: 7px;
- }
- #InvoiceTableexport a {
- vertical-align: top;
- }
- #Invoicedetailname{
- padding-top: 25px;
- }
- #Invoicedetailcontractname{
- padding-top: 15px;
- }
- #Invoicedetailbox{
- border-top: 1px solid #CCC;
- line-height:normal;
- margin-bottom: 20px;
- padding-right:10px;
- padding-top:15px;
- text-align: right;
- }
- #Invoicedetailbox span:first-child{
- float: left;
- }
- #Invoicedetailinfoheadersum{
- text-align: right;
- }
- #Invoicedetailinfoheadersum h2{
- padding-right: 10px;
- }
- #Invoicedetailinfotable{
- margin-bottom: 30px;
- }
- #Invoicedetailstattransheadersum{
- text-align: right;
- }
- #Invoicedetailstattransheadersum h2{
- padding-right: 10px;
- }
- #Invoicebacktolist{
- margin-top: 40px;
- }
- .invoicedetailspacer{
- margin-top: 30px;
- }
- .invoicepaycol1{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 80px;
- }
- .invoicepaycol1 span {
- padding-left: 10px;
- }
- .invoicepaycol2{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 70px;
- }
- .invoicepaycol2 span {
- padding-left: 10px;
- }
- .invoicepaycol3{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 520px;
- }
- .invoicepaycol3 span {
- padding-left: 10px;
- }
- .invoicepaycol4{
- width: 90px;
- }
- .invoicepaycol4 span {
- padding-right: 10px;
- text-align: right;
- }
- .invoicetranscol1{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 80px;
- }
- .invoicetranscol1 span {
- padding-left: 10px;
- }
- .invoicetranscol2{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 70px;
- }
- .invoicetranscol2 span {
- padding-left: 10px;
- }
- .invoicetranscol3{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 225px;
- }
- .invoicetranscol3 span {
- padding-left: 10px;
- }
- .invoicetranscol4{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 135px;
- }
- .invoicetranscol4 span {
- padding-left: 10px;
- }
- .invoicetranscol34{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 380px;
- }
- .invoicetranscol34 span {
- padding-left: 10px;
- }
- .invoicetranscol5{
- border-right: 1px solid #CCC;
- text-align: left;
- width: 60px;
- }
- .invoicetranscol5 span {
- padding-left: 10px;
- }
- .invoicetranscol6{
- border-right: 1px solid #CCC;
- text-align: right;
- width: 90px;
- }
- .invoicetranscol6 span {
- padding-left: 0px;
- padding-right: 10px;
- text-align: right;
- }
- .invoicetranscol7{
- width: 90px;
- }
- .invoicetranscol7 span {
- padding-left: 0px;
- padding-right: 10px;
- text-align: right;
- }
- .invoicetranscol6header {
- border-right: 1px solid #CCC;
- text-align: left;
- width: 90px;
- }
- .invoicetranscol7header {
- text-align: right;
- width: 90px;
- }
- .invoicetranscol6header span {
- padding-left: 10px;
- padding-right: 0px;
- text-align: left;
- }
- .invoicetranscol7header span {
- padding-left: 10px;
- padding-right: 0px;
- text-align: left;
- }
- #Invoicedetailstattranstable{
- margin-bottom: 30px;
- }
- #Invoicedetailtransheadersum{
- text-align: right;
- }
- #Invoicedetailtransheadersum h2{
- padding-right: 10px;
- }
- #Invoicedetailtranstable{
- margin-bottom: 30px;
- }
- #Invoicedetailremainderheadersum{
- text-align: right;
- }
- #Invoicedetailremainderheadersum h2{
- padding-right: 10px;
- }
- #Invoicedetailremaindertable{
- margin-bottom: 30px;
- }
- #Invoicesumtop{
- margin-top: 15px;
- }
- #Invoicesum4text div{
- margin-top: 35px;
- }
- .invoicesumvalue{
- padding-right:10px;
- text-align: right;
- }
- .invoicesumtext{
- color: #454545;
- font-size: 11px;
- font-weight: bold;
- }
- /** Kortöversikt END **/
- /** Register phone and email START**/
- #RegisterSuccess{
- margin-top: 30px;
- }
- .Registerphoneandemailphonefieldprefix{
- width: 40px;
- text-align:left;
- }
- .Registerphoneandemailphonefieldsuffix{
- width: 160px;
- text-align:left;
- }
- .Registerphoneandemailcaptchaimage{
- width: 160px;
- height:30px;
- border: 1px solid #999;
- }
- #Registerphoneandemailmobilephonelabel{
- margin-bottom:5px;
- margin-top:5px;
- }
- #Registerphoneandemailssnlabel{
- margin-bottom:5px;
- margin-top:15px;
- }
- #Registerphoneandemailcaptchaimagelabel{
- margin-bottom:5px;
- margin-top:15px;
- }
- #Registerphoneandemailcaptchalabel{
- margin-bottom:5px;
- margin-top:15px;
- }
- #Registerphoneandemailemaillabel{
- margin-bottom:5px;
- margin-top:5px;
- }
- #Registerphoneandemailfourlastdigitslabel{
- margin-bottom:5px;
- margin-top:15px;
- }
- #Registerphoneandemailcvcslabel{
- margin-bottom:5px;
- margin-top:15px;
- }
- #Registerphoneandemailexpiredatelabel{
- margin-bottom:5px;
- margin-top:15px;
- }
- #Registerphoneandemailcaptchaimg{
- vertical-align: text-top;
- width: 210px;
- height: 30px;
- }
- #RegisterPasswordForm {
- margin-top: 30px;
- }
- #RegisterPasswordForm input {
- width: 210px;
- }
- #ExpiryMonth {
- width: 100px;
- margin-right: 10px;
- }
- #ExpiryYear {
- width: 100px;
- }
- #BtnConfirmDiv {
- margin-right: 10px;
- }
- #Registerphoneandemailbuttonsgroup #Submitcancelbuttondiv{
- float: right;
- margin-left:10px;
- }
- #RegisterPhoneEidInfo{
- line-height: normal;
- }
- #eidDiv {
- margin-bottom: 30px;
- margin-top: 5px;
- }
- #noIdP {
- margin-bottom: 30px;
- margin-top: 5px;
- }
- #RegisterForm{
- line-height:normal;
- padding-top: 30px;
- }
- #Registerback{
- padding-top: 30px;
- }
- /** Register phone and email END**/
- /** Securecode START**/
- #Securecodeloggo{
- float:right;
- height: 38px;
- margin-left: 15px;
- margin-top: 40px;
- width: 100px;
- }
- #Securecodeloggo img{
- height: 38px;
- width: 100px;
- }
- #Securechoosecardselect select{
- width: 100%;
- }
- #Securemaintext{
- padding-top: 30px;
- }
- #Securepersonaltext p{
- padding-top: 20px;
- }
- #Securemaincheck input[type=checkbox]{
- margin-left:0px;
- vertical-align: middle;
- width: 0px;
- }
- #Securemaincheck{
- margin-top: 10px;
- }
- #Securemaincheck span{
- vertical-align: baseline;
- }
- #Securemainchoosecardbtn{
- margin-top: 10px;
- }
- #Securemaincheck img{
- }
- #Securepasswordformtoptext p{
- padding-bottom: 10px;
- }
- /** Securecode END**/
- /** Welcomepage Start **/
- .Welcomepageaccountfooterspacer{
- height: 40px;
- }
- .Welcomepagecardimagecontainer{
- margin-top:5px;
- margin-bottom:5px;
- }
- .Welcomepagecardcontractcontainer{
- margin-top:5px;
- margin-bottom:5px;
- }
- .Welcomepageinvoicecol1 {
- border-right: 1px solid #CCC;
- width: 160px;
- }
- .Welcomepageinvoicecol1 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol2 {
- border-right: 1px solid #CCC;
- width: 240px;
- }
- .Welcomepageinvoicecol2 span{
- padding-left:10px;
- text-align: right;
- padding-right:10px;
- }
- .Welcomepageinvoicecol2header {
- border-right: 1px solid #CCC;
- width: 240px;
- }
- .Welcomepageinvoicecol2header span{
- padding-left:10px;
- text-align: left;
- padding-right:10px;
- }
- .Welcomepageinvoicecol3 {
- border-right: 1px solid #CCC;
- width: 120px;
- }
- .Welcomepageinvoicecol3 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol4 {
- width: 230px;
- }
- .Welcomepageinvoicecol4 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol5 {
- width: 120px;
- }
- .Welcomepageinvoicecol5 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol6 {
- width: 80px;
- }
- .Welcomepageinvoicecol6 span{
- padding-left:10px;
- padding-right:10px;
- text-align: right;
- }
- .Welcomepageinvoicecol6header {
- width: 80px;
- }
- .Welcomepageinvoicecol6header span{
- padding-left:10px;
- padding-right:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol7 {
- width: 200px;
- }
- .Welcomepageinvoicecol7 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol8 {
- width: 180px;
- }
- .Welcomepageinvoicecol8 span{
- padding-left:10px;
- padding-right:10px;
- text-align: right;
- }
- .Welcomepageinvoicecol8header {
- width: 180px;
- }
- .Welcomepageinvoicecol8header span{
- padding-left:10px;
- padding-right:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol9 {
- width: 170px;
- }
- .Welcomepageinvoicecol9 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol10 {
- border-right: 1px solid #CCC;
- width: 160px;
- }
- .Welcomepageinvoicecol10 span{
- padding-left:10px;
- text-align: left;
- }
- .Welcomepageinvoicecol11 {
- border-right: 1px solid #CCC;
- width: 240px;
- }
- .Welcomepageinvoicecol11 span{
- padding-left:10px;
- text-align: right;
- padding-right:10px;
- }
- .Welcomepageinvoicecol11header {
- border-right: 1px solid #CCC;
- width: 240px;
- }
- .Welcomepageinvoicecol11header span{
- padding-left:10px;
- text-align: left;
- padding-right:10px;
- }
- .Welcomepageinvoicecol12 {
- border-right: 1px solid #CCC;
- width: 120px;
- }
- .Welcomepageinvoicecol12 span{
- padding-left:10px;
- text-align: right;
- padding-right:10px;
- }
- .Welcomepageinvoicecol12header {
- border-right: 1px solid #CCC;
- width: 120px;
- }
- .Welcomepageinvoicecol12header span{
- padding-left:10px;
- text-align: left;
- padding-right:10px;
- }
- .Welcomepageinvoicecol13 {
- width: 230px;
- }
- .Welcomepageinvoicecol13 span{
- padding-right:10px;
- text-align: right;
- }
- .Welcomepageinvoicecol13header {
- width: 230px;
- }
- .Welcomepageinvoicecol13header span{
- padding-left:10px;
- padding-right:10px;
- text-align: left;
- }
- .Welcomepagecardimagelarge{
- width:94px;
- height:60px;
- }
- .Welcomepagecardimagesmall{
- width:65px;
- height:41px;
- }
- .Welcomepagepromoareacontainer{
- margin-top:20px;
- }
- .Welcomepagebillingunitbalancelabel{
- text-align: left;
- }
- .Welcomepagebillingunitbalanceamount{
- text-align: right;
- }
- .Welcomepagebillingunitlastpaymentdatelabel{
- text-align: left;
- }
- .Welcomepagebillingunitlastpaymentdate{
- text-align: right;
- }
- .Welcomepagebillingunitlastpaymentlabel{
- text-align: left;
- }
- .Welcomepagebillingunitlastpaymentamount{
- text-align: right;
- }
- .Welcomepagebillingunitlastcreditlabel{
- text-align: left;
- }
- .Welcomepagebillingunitlastcreditamount{
- text-align: right;
- }
- .Welcomepagebillingunitcutoffdatelabel{
- text-align: left;
- }
- .Welcomepagebillingunitcutoffdate{
- text-align: right;
- }
- .Welcomepagebillingunitnextinvoicedate{
- text-align: right;
- }
- .Welcomepagebillingunitnextinvoicedatelabel{
- text-align: left;
- }
- .Welcomepagebillingunitlastdisposablelabel{
- margin-top:10px;
- margin-bottom:10px;
- text-align: left;
- }
- .Welcomepagebillingunitlastdisposableamount{
- margin-top:10px;
- margin-bottom:10px;
- text-align: right;
- }
- .Welcomepagebillingunitnonbilledlabel{
- text-align: left;
- }
- .Welcomepagebillingunitnonbilledamount{
- text-align: right;
- }
- .Welcompepageothercontractnonbilledlabel{
- text-align: left;
- }
- .welcompepageothercontractnonbilledamount{
- text-align:right;
- }
- .welcomepagebillingunit2rowcol1{
- padding-left:10px;
- width: 150px;
- text-align: left;
- }
- .welcomepagebillingunit2rowcol2{
- width: 110px;
- text-align: right;
- vertical-align: bottom;
- }
- /** Welcomepage End **/
- /** Billing units Start **/
- #Billingunitpageccontractinfo{
- }
- .Billingunitcardimagelarge{
- width:94px;
- height:60px;
- }
- .Billingunitcardimagesmall{
- width:65px;
- height:41px;
- }
- .Billingunitcontractgroup{
- margin-top: 10px;
- }
- .Billingunitcardcol1{
- width: 180px;
- border-right: 1px solid #CCC;
- }
- .Billingunitcardcol1 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitcardcol2{
- width: 180px;
- border-right: 1px solid #CCC;
- }
- .Billingunitcardcol2 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitcardcol3{
- width: 180px;
- border-right: 1px solid #CCC;
- }
- .Billingunitcardcol3 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitcardcol4{
- width: 180px;
- }
- .Billingunitcardcol4 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitcardnumberrow{
- margin-top:10px;
- }
- .Billingunitcarddetailsgroup{
- margin-bottom:40px;
- }
- .Billingunitoterhcontractscarddetailsgroup{
- margin-bottom:40px;
- }
- .Billingunitothercontractgroup{
- margin-top:50px;
- }
- .Billingunitothercontractrcardcol1{
- width: 180px;
- border-right: 1px solid #CCC;
- }
- .Billingunitothercontractrcardcol1 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitothercontractrcardcol2{
- width: 180px;
- border-right: 1px solid #CCC;
- }
- .Billingunitothercontractrcardcol2 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitothercontractrcardcol3{
- width: 180px;
- border-right: 1px solid #CCC;
- }
- .Billingunitothercontractrcardcol3 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitothercontractrcardcol4{
- width: 180px;
- }
- .Billingunitothercontractrcardcol4 span{
- padding-left:10px;
- text-align: left;
- }
- .Billingunitownername{
- font-weight: bold;
- }
- .Billingunitlabelbalance{
- text-align: left;
- }
- .Billingunitbalanceamount{
- text-align: right;
- }
- .Billingunitlabelcredit{
- text-align: left;
- }
- .Billingunitcreditamount{
- text-align: right;
- }
- /** Billing units End **/
- /** External Start **/
- #Externalcontentbody input[type=text]{
- width: 210px;
- }
- #Externalcontentbody input[type=password]{
- width: 210px;
- }
- /** External End**/
- /** Login Start **/
- #Logintmpbody h1{
- padding-top: 30px;
- }
- #Tabs{
- margin-top: 30px;
- }
- .loginfieldmargin {
- margin-top: 5px;
- }
- .loginlowertext{
- font-size: 13px;
- margin-top: 60px;
- }
- .loginlowertext a{
- color:#454545;
- font-size: 11px;
- font-weight: bold;
- }
- #Loginpswlowertextlinkmargin{
- margin-top: 10px;
- }
- #Logintmpvalue input{
- width: 210px;
- }
- #Submitcancelbuttondiv{
- float: left;
- }
- #Submitcancelbuttondiv a{
- color:#FFFFFF;
- }
- #Submittmpbuttondiv{
- margin-right: 10px;
- }
- /** Login tabs start **/
- /* Component containers
- ----------------------------------*/
- .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}*/; }
- .ui-widget-content a { }
- .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;}
- .ui-widget-header a { }
- /* Interaction states
- ----------------------------------*/
- .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}*/; }
- .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #454545/*{fcDefault}*/; text-decoration: underline; font-weight: bold;}
- .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}*/; }
- .ui-state-hover a, .ui-state-hover a:hover { color: #222222/*{fcHover}*/; text-decoration: underline; }
- .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}*/; }
- .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #666666/*{fcActive}*/; text-decoration: none; font-weight: normal;}
- .ui-widget :active { outline: none; }
- /* Interaction Cues
- ----------------------------------*/
- .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}*/; }
- .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
- .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}*/; }
- .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
- .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
- .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
- .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
- .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
- /* Misc visuals
- ----------------------------------*/
- /* Corner radius */
- .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
- .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
- .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
- .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
- .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}*/; }
- .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}*/; }
- .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}*/; }
- .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}*/; }
- /*.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/
- /* Overlays */
- .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*//*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
- .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}*/; }
- /* Tabs
- ----------------------------------*/
- .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
- .ui-tabs .ui-tabs-nav { margin: 0; }
- .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; }
- .ui-tabs .ui-tabs-nav li a { float: left; padding-bottom: 5px;padding-top: 5px; padding-right: 10px;padding-left: 9px; }
- .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
- .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; }
- .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... */
- .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 20px 10px; background: none; }
- .ui-tabs .ui-tabs-hide { display: none !important; }
- /** Login tabs end **/
- /** Login End **/
- /** Start change password during login flow**/
- #Changepwdlogincurrentpasswordlabel{
- margin-top:5px;
- margin-bottom:5px;
- }
- #Changepwdloginnewpasswordlabel{
- margin-top:5px;
- margin-bottom:5px;
- }
- #Changepwdloginconfirmpasswordlabel{
- margin-top:5px;
- margin-bottom:5px;
- }
- #Changepwdloginform{
- margin-top:20px;
- }
- /** End change password during login flow**/
- /** Shopping Start **/
- #Shoppinginfoform p{
- line-height: normal;
- }
- #Shoppinginfolink{
- margin-bottom: 20px;
- }
- #Shoppinginfoterms{
- margin-bottom: 20px;
- line-height: normal;
- }
- #Shoppinginfoterms input{
- vertical-align: sub;
- }
- #Shoppinginfobtn{
- float: right;
- }
- /** Shopping End **/
- /** **/
- #InfoForgotPasswordlink{
- margin-bottom: 20px;
- }
- #InfoForgotPasswordbtn{
- margin-bottom: 20px;
- }
- #InfoForgotPasswordtxt{
- margin-bottom: 20px;
- }
- #Submitinfoforgotcancelbuttondiv a{
- color: #FFF;
- }
- /** **/
- /** Myprofile Start **/
- #MyProfile #MyProfileEmailForm{
- position: static;
- }
- #MyProfile #MyProfileCardForm select {
- width: 420px;
- }
- #MyProfile #NewPhoneCountry{
- width: 50px;
- }
- #MyProfile #NewPhone {
- width: 120px;
- }
- #MyProfile #NewPhoneCardValidMonth {
- width: 90px;
- margin-right:10px;
- }
- #MyProfile #NewPhoneCardValidYear {
- width: 90px;
- }
- #MyProfile #BtnCancelPhoneDiv {
- margin-left:10px;
- }
- #MyProfile #BtnCancelPasswordDiv {
- margin-left:10px;
- }
- #MyProfile #BtnCancelEmailDiv {
- margin-left:10px;
- }
- #MyProfile #PhoneValue {
- margin-top: 4px;
- margin-bottom:8px;
- }
- #MyProfile #EmailValue {
- margin-top: 4px;
- margin-bottom:8px;
- }
- #MyProfile #PasswordValue {
- margin-top: 7px;
- margin-bottom:5px;
- }
- #MyProfile #MyProfileCardText {
- margin-bottom: 10px;
- }
- #MyProfile .label_row {
- margin-bottom: 5px;
- margin-top: 15px;
- }
- #MyProfile .value_row {
- margin-bottom: 10px;
- }
- #MyProfile .formbg {
- padding-bottom:7px;
- padding-top:7px;
- }
- /** Myprofile End **/
- /** Finance Start **/
- #FinanceselectTop p {
- padding-bottom: 10px;
- }
- #FinanceselectForm{
- margin-top: 40px;
- }
- #FinancePhoneHead {
- margin-top:40px;
- }
- #CardApplicationMgmtForm .formbg {
- padding-bottom:7px;
- padding-top:7px;
- }
- #CardApplicationMgmtForm #NewPhoneCountry {
- width:50px;
- }
- #CardApplicationMgmtForm #NewPhone {
- width:120px;
- }
- #CardApplicationMgmtForm #NewPhoneCardValidMonth {
- margin-right:10px;
- width:90px;
- }
- #CardApplicationMgmtForm #NewPhoneCardValidYear {
- width:90px;
- }
- #CardApplicationMgmtForm #EmployedfromMonth {
- margin-right:10px;
- width:90px;
- }
- #CardApplicationMgmtForm #EmployedfromYear {
- width:90px;
- }
- #ChangePhoneForm #BtnCancelPhoneDiv {
- margin-left:10px;
- }
- #ChangeEmailForm{
- margin-top: 5px;
- }
- #ChangePhoneForm{
- margin-top: 5px;
- }
- #ChangeEmailForm #BtnCancelEmailDiv{
- margin-left:10px;
- }
- #FinancePhoneForm input[type="checkbox"] {
- vertical-align:middle;
- }
- #CardApplicationMgmtForm .label_row {
- margin-bottom:5px;
- }
- #FinanceFormCards select{
- width: 100%;
- }
- #FinanceFormheader{
- margin-top: 40px;
- }
- .financeRowspacer{
- margin-top: 20px;
- }
- #FinanceContact{
- margin-top: 40px;
- }
- #FinanceCreditFormheader{
- margin-top: 40px;
- }
- #FinancePhone span {
- vertical-align:baseline;
- }
- #FinancePhone input[type="checkbox"] {
- vertical-align:middle;
- }
- #FinanceEmail{
- margin-top: 40px;
- }
- #FinanceEmail input[type="checkbox"] {
- vertical-align:middle;
- }
- #FinanceSignLabel{
- margin-top: 40px;
- }
- #FinanceSign span {
- vertical-align:baseline;
- }
- #FinanceSign input[type="checkbox"] {
- vertical-align:middle;
- }
- #FinanceEmaillabel{
- padding-bottom: 5px;
- padding-top: 5px;
- }
- #FinanceSMSlabel{
- padding-bottom: 5px;
- padding-top: 5px;
- }
- .financeconftext{
- padding-top: 10px;
- }
- /** Finance End **/
- /** ContactUs Start**/
- #ContactUs{
- line-height: normal;
- }
- /** ContactUs End**/
- /** End Content **/
- /** Footer Start **/
- #Copyrightfooter {
- border-top: 1px solid #CCC;
- color: #333;
- font-size: 10px;
- font-weight: normal;
- margin-bottom:30px;
- padding-top: 15px;
- position: static;
- text-align: left;
- z-index: 0;
- }
- #Copyrightfooter span{
- padding-left:10px;
- }
- /** Footer End **/
- /** New user Start**/
- #Newuserheader2{
- margin-top: 30px;
- }
- #Newuserlabel2{
- margin-bottom: 30px;
- margin-top: 5px;
- }
- /** New user end **/
- /* custom */
- /**
- ec.css
- **/
- /** html elements START**/
- body {
- color: #666;
- font-family: Arial;
- font-size: 12px; }
- h1 {
- color: #000;
- font-size: 22px;
- font-weight: bold;
- padding-top: 15px;
- }
- h2 {
- color: #666;
- font-size: 15px;
- font-weight: normal;
- }
- a {
- color: #AC9E6F;
- text-decoration: none;
- }
- a:hover {
- color: #000;
- text-decoration: underline;
- }
- /** html elements END **/
- /** Global Start **/
- .nstable thead tr th span{
- /* For WebKit (Safari, Google Chrome etc) */
- background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
- /* For Mozilla/Gecko (Firefox etc) */
- background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
- /* For Internet Explorer 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
- /* For Internet Explorer 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
- }
- .nstable thead tr th{
- border: solid #FFF 2px;
- color: #666;
- font-weight: normal;
- font-size: 12px;
- }
- .nstable tbody tr td {
- border: solid #FFF 2px;
- font-size: 11px;
- }
- .nstable thead tr th:first-child{
- border-left: 0px;
- }
- .nstable thead tr th:last-child{
- border-right: 0px;
- }
- .nstable tbody tr td:first-child{
- border-left: 0px;
- }
- .nstable tbody tr td:last-child{
- border-right: 0px;
- }
- .preamble{
- color:#666;
- font-size: 15px;
- line-height: 21px;
- }
- .formbg {
- border-bottom: 0px;
- border-top: 0px;
- /* For WebKit (Safari, Google Chrome etc) */
- background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
- /* For Mozilla/Gecko (Firefox etc) */
- background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
- /* For Internet Explorer 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
- /* For Internet Explorer 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
- }
- .startpageformbg {
- border-bottom: 0px;
- border-top: 0px;
- /* For WebKit (Safari, Google Chrome etc) */
- background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
- /* For Mozilla/Gecko (Firefox etc) */
- background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
- /* For Internet Explorer 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
- /* For Internet Explorer 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
- }
- .submitbuttondiv div.button {
- /* background: transparent url('../bg_button_a_ec.gif') no-repeat scroll top
- right;*/
- color: #444;
- font: bold 12px Arial;
- height: 29px;
- }
- .submitbuttondiv div.button span {
- color: #AC9E6F;
- line-height: 19px;
- }
- .inlinelink {
- color: #AC9E6F;
- font-weight: normal;
- font-size: 12px;
- text-decoration: underline;
- }
- .inlinelink:hover{
- color: #000;
- font-weight: normal;
- }
- .bubblerow {
- color: #AC9E6F;
- font-weight: normal;
- }
- .notice {
- background: #FFF;
- border-color: #FFBC3A;
- color: #666;
- font-size: 15px;
- font-weight: normal;
- }
- .notice a {
- color: #AC9E6F;
- text-decoration: none;
- }
- .success {
- background: #FFF;
- border-color: #009B13;
- color: #009B13;
- font-size: 15px;
- font-weight: normal;
- }
- .error {
- background: #FFF;
- border-color: #FF0000;
- color: #FF0000;
- font-size: 15px;
- font-weight: normal;
- }
- .tableexportlink{
- color:#AC9E6F;
- font-size: 12px;
- font-weight: normal;
- }
- .tableexportlink:hover{
- color:#AC9E6F;
- font-size: 12px;
- font-weight: normal;
- }
- /** Global END **/
- /** Header Start **/
- #Topmenu {
- font-size: 12px;
- font-weight: normal;
- margin-top: 0px;
- }
- #Topmenu a{
- color:#AC9E6F;
- font-size: 12px;
- font-weight: normal;
- text-transform:none;
- }
- #Topmenu a:hover{
- color:#000;
- }
- #Topmenulist {
- border-bottom: 1px solid #EDEEEA;
- border-top: 1px solid #EDEEEA;
- background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top right;
- background-position: 10px 0px;
- font-size: 12px;
- font-weight:normal;
- padding-bottom: 5px;
- padding-top: 5px;
- margin-left: 5px;
- }
- #Topmenulist ul {
- margin-left: 0;
- padding-left: 0;
- display: inline;
- }
- #Topmenulist ul li {
- margin-left: 0;
- padding: 3px 15px;
- border-left: 0px;
- border-right: 1px solid #AC9E6F;
- list-style: none;
- display: inline;
- }
- #Topmenulist ul li.firstmenuitem {
- margin-left: 0;
- border-left: none;
- list-style: none;
- display: inline;
- padding-left:10px;
- }
- #Topmenulist ul li.lastmenuitem {
- border-right: 0px;
- padding-right:0px;
- }
- /** Header End **/
- /** Menu Start **/
- #Leftmenuesaldo {
- color: #AC9E6F;
- font-size: 13px;
- font-weight: bold;
- margin-bottom: 5px;
- }
- #Leftmenutop {
- border-top: 0px;
- padding-top:0px;
- }
- #Leftmenutop a{
- color:#AC9E6F;
- font-weight:normal;
- }
- #Leftmenutop a:hover{
- color:#000;
- }
- #Leftmenutop li {
- padding: 5px 0px 5px 10px;
- }
- #Leftmenutop li:first-child{
- padding: 10px 0px 5px 10px;
- }
- #Leftmenubottom a{
- color: #AC9E6F;
- font-weight: bold;
- font-size: 13px;
- }
- #Leftmenubottom a:hover{
- color: #000;
- }
- #Leftmenubottom li {
- background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top right;
- border-bottom: 0px;
- border-top: 1px solid #EDEEEA;
- padding: 5px 0px 15px 10px;
- }
- #Leftmenubottom li:first-child{
- border-top: 1px solid #EDEEEA;
- }
- #Leftmenuesaldo {
- background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top right;
- border-top: 1px solid #EDEEEA;
- }
- .leftmenutopselecteditem{
- text-decoration: underline;
- font-weight: bold;
- }
- /** Menu End **/
- /** Content End **/
- #Contentbody {
- border-top: 0px;
- background: transparent url(/nis/external/bin?k=img.gradient.body&i=5) repeat-x scroll top right;
- }
- /** Content End**/
- /** Kortöversikt START **/
- .invoicecol1{
- font-weight:normal;
- }
- .invoicesumtext{
- color: #666;
- font-size: 15px;
- font-weight: normal;
- }
- /** Kortöversikt End **/
- /** External Start **/
- #Externalcontentbody{
- background: transparent url(/nis/external/bin?k=img.gradient.body&i=5) repeat-x scroll top right;
- }
- /** External End**/
- /** Footer Start **/
- #Copyrightfooter {
- background: transparent url(/nis/external/bin?k=img.gradient.menu&i=5) repeat-x scroll top right;
- border-bottom: 1px solid #EDEEEA;
- border-top: 1px solid #EDEEEA;
- color: #333;
- font-size: 12px;
- font-weight: normal;
- padding-bottom: 5px;
- padding-top: 5px;
- text-align: right;
- }
- #Copyrightfooter span{
- margin-right: 10px;
- }
- /** Footer End **/
- /** Eid Start **/
- #Registertext .text{
- color:#666;
- font-size: 15px;
- line-height: 21px;
- }
- /** Eid End **/
- /** Login Start **/
- #Submitcancelbuttondiv a{
- color:#AC9E6F;
- }
- .loginlowertext{
- font-size: 15px;
- }
- .loginlowertext a{
- color:#AC9E6F;;
- font-size: 15px;
- font-weight: normal;
- }
- /** Login End **/
- /** Login tabs start **/
- /* Component containers
- ----------------------------------*/
- .ui-widget-content {
- border-bottom: 0px;
- border-left:0px;
- border-top:0px;
- border-right:0px;
- border-style: solid;
- border-color: #CCC;
- /* For WebKit (Safari, Google Chrome etc) */
- background: -webkit-gradient(linear, left top, left bottom, from(#DADBD4), to(#F5F5F5));
- /* For Mozilla/Gecko (Firefox etc) */
- background: -moz-linear-gradient(top, #DADBD4, #F5F5F5);
- /* For Internet Explorer 5.5 - 7 */
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5);
- /* For Internet Explorer 8 */
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DADBD4, endColorstr=#F5F5F5)";
- }
- .ui-widget-content a { }
- .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; }
- .ui-widget-header a { }
- /* Interaction states
- ----------------------------------*/
- .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}
- .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #AC9E6F/*{fcDefault}*/; text-decoration: none; font-weight: normal;}
- .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; }
- .ui-state-hover a, .ui-state-hover a:hover { color: #AC9E6F/*{fcHover}*/; text-decoration: none; }
- .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}*/; }
- .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333/*{fcActive}*/; text-decoration: none; }
- .ui-widget :active { outline: none; }
- /* Interaction Cues
- ----------------------------------*/
- .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}*/; }
- .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
- .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}*/; }
- .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
- .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
- .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
- .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
- .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
- /* Misc visuals
- ----------------------------------*/
- /* Corner radius */
- .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
- .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
- .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
- .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }
- .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}*/; }
- .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}*/; }
- .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}*/; }
- .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}*/; }
- /*.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }*/
- /* Overlays */
- .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*//*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
- .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}*/; }
- /* Tabs
- ----------------------------------*/
- .ui-tabs { position: relative; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
- .ui-tabs .ui-tabs-nav { margin: 0; }
- .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; }
- .ui-tabs .ui-tabs-nav li a { float: left; padding-bottom: 5px;padding-top: 5px; padding-right: 10px;padding-left: 9px; text-decoration: none; }
- .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
- .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; }
- .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... */
- .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 20px 10px; background: none; }
- .ui-tabs .ui-tabs-hide { display: none !important; }
- /** Login tabs end **/
- /** border fixes for first & last column for ec only**/
- .nstable thead tr .invoicecol3{
- border-right: 0px;
- }
- .nstable thead tr .invoicepaycol4{
- border-right: 0px;
- }
- .nstable thead tr .transcol7{
- border-right: 0px;
- }
- .nstable thead tr .Welcomepageinvoicecol9{
- border-right: 0px;
- }
- .nstable thead tr .Welcomepageinvoicecol4{
- border-right: 0px;
- }
- .nstable thead tr .Welcomepageinvoicecol13header{
- border-right: 0px;
- }
- .nstable thead tr .Welcomepageinvoicecol13{
- border-right: 0px;
- }
- .nstable thead tr .Billingunitcardcol4{
- border-right: 0px;
- }
- .nstable tbody tr .invoicecol3{
- border-right: 0px;
- }
- .nstable tbody tr .invoicepaycol4{
- border-right: 0px;
- }
- .nstable tbody tr .transcol7{
- border-right: 0px;
- }
- .nstable tbody tr .Welcomepageinvoicecol9{
- border-right: 0px;
- }
- .nstable tbody tr .Welcomepageinvoicecol4{
- border-right: 0px;
- }
- .nstable tbody tr .Welcomepageinvoicecol13header{
- border-right: 0px;
- }
- .nstable tbody tr .Welcomepageinvoicecol13{
- border-right: 0px;
- }
- .nstable tbody tr .Billingunitcardcol4{
- border-right: 0px;
- }
- /** border fixes **/
- </STYLE>
- <!--[if lt IE 9]>
- <link rel="stylesheet" href="/nis/external/generic/css/ieonly.css" />
- <![endif]-->
- <script type="text/javascript">
- <!--
- $(document).ready(function()
- {
- //for table row
- $(".nstable tr:nth-child(even)").css("background", "#F7F6F4");
- $(".nstable tr:nth-child(odd)").css("background", "#F7F6F4");
- // For EC set make sure span elements in table columns are of equal height
- //
- var colheight = 0;
- var heightdiffers = "false";
- $(".nstable thead tr th span").each(function (i) {
- if(i==0){
- colheight = $(this).height();
- }
- if($(this).height() > colheight){
- colheight = $(this).height();
- heightdiffers = "true";
- }
- });
- if(heightdiffers == "true"){
- $(".nstable thead tr th span").each(function (i) {
- $(".nstable thead tr th span").css("height",colheight);
- });
- }
- });
- //-->
- </script>
- </head>
- <body onload="window.focus();">
- <div id="Gridcontainer" class="container_24">
- <div id="Header">
- <div id="Brandingloggo" class="grid_24 alpha omega">
- <img alt="Loggo" src="/nis/external/bin?k=img.logo.top&i=0005"/>
- </div>
- <div class="clear"></div>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#Topmenulist #TransactionMenu').addClass('topmenuselecteditem');
- });
- </script>
- <div id="Topmenu">
- <div id="Topmenulist" class="grid_24">
- <ul>
- <li class="firstmenuitem"><a class="topmenulink" id="StartMenu" href="startPage.do">Hem</a></li>
- <li><a class="topmenulink" id="ProfileMenu" href="myProfile.do">Mina uppgifter</a></li>
- <li><a class="topmenulink" id="ContactMenu" href="contactUs.do">Kontakta oss</a></li>
- <li class="lastmenuitem"><a class="topmenulink" href="/nis/external/nisLogout?profile=ecse">Logga ut</a></li>
- </ul>
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <div id="Content">
- <div id="Menu" class="grid_5">
- <script type="text/javascript">
- $(document).ready(function() {
- $('#Leftmenutop #TransactionMenu').addClass('leftmenutopselecteditem');
- $('#Leftmenubottom #TransactionMenu').addClass('leftmenubottomselecteditem');
- });
- </script>
- <ul id="Leftmenutop">
- <li id="Leftmenuesaldo" ><span>e-Saldo</span></li>
- <li><span><a class="leftmenutoplink" id="BillingMenu" href="getBillingUnits.do">Kortöversikt</a></span></li>
- <li><span><a class="leftmenutoplink" id="InvoiceMenu" href="getInvoiceList.do">Fakturaöversikt</a></span></li>
- <li><span><a class="leftmenutoplink" id="TransactionMenu" href="getPendingTransactions.do">Ofakturerat</a></span></li>
- <li><span><a class="leftmenutoplink" id="SearchMenu" href="searchTransactions.do">Sök transaktioner</a></span></li>
- </ul>
- <ul id="Leftmenubottom">
- <li><span><a class="leftmenubottomlink" id="SecureCodeMenu" href="secureCode.do?action=view">MasterCard SecureCode
- </a></span></li>
- <li><span><a class="leftmenubottomlink" id="OnlineShoppingMenu" href="onlineShoppingInfo.do">Back2u-shopping</a></span></li>
- </ul>
- </div>
- <div id="Contentbody" class="grid_19">
- <div id="PendingTransactionsList">
- <script type="text/javascript">
- <!--
- function submitForm(){
- document.forms[0].actionType.value='search';
- document.forms[0].submit();
- }
- $(document).ready(function() {
- $('#Tableexportprintlink').click(function() {
- $('#hiddenactiontype').val("print");
- $('#PTransListForm').submit();
- });
- $('#Tableexportexcellink').click(function() {
- $('#hiddenactiontype').val("excel");
- $('#PTransListForm').submit();
- });
- });
- //-->
- </script>
- <div id="Pendingtranstoptext" class="grid_13 suffix_6 alpha omega">
- <div class="indentationwrapper">
- <h1>Ofakturerat</h1>
- <p class="preamble">
- Här kan du se transaktioner som ännu inte är fakturerade.
- </p>
- </div>
- </div>
- <div class="clear"></div>
- <div id="Pendingtranscardchangebg" class="grid_11 suffix_8 alpha omega">
- <div class="indentationwrapper">
- <h2>
- Eurocard Företagsupphandlat Privatkort delbet Förnamn Efternamn
- </h2>
- <form method="post" id="PTransListForm" name="pendingTransactionListForm" action="getPendingTransactions.do">
- <input type="hidden" name="contractId" value="a1b2c3d4e5f6s7b8c9d0">
- <input type="hidden" name="actionType" value="" id="hiddenactiontype">
- </form>
- </div>
- </div>
- <div class="clear"></div>
- <div id="Pendingtransresults" class="grid_19 alpha omega">
- <div id="Tableexport" class="grid_10 prefix_9 alpha omega">
- <img id="Tableexportexcelimg" alt="nav link" src="/nis/external/bin?k=nis.imagename.excelicon&i=0005"/><a id="Tableexportexcellink" class="tableexportlink" href="#">Exportera till Excel</a>
- <img id="Tableexportprintimg" alt="nav link" src="/nis/external/bin?k=nis.imagename.printicon&i=0005"/><a id="Tableexportprintlink" class="tableexportlink" href="#">Skriv ut</a>
- </div>
- <div class="clear"></div>
- <!--Reserved amount only for Purchase transactions, but shown on top-->
- <!-- START reserved amount -->
- <!-- END reserved amount -->
- <!--START Payment transactions-->
- <div id="paymGrouptext" class="grid_10 alpha transsumtext">
- <span>
- Totalt betalningar
- </span>
- </div>
- <div id="paymGroupvalue" class="grid_9 omega transsumvalue">
- <span>
- -4 423,00
- </span>
- </div>
- <div class="clear"></div>
- <!-- START Card Groups-->
- <div id="Transaktionlistheader" class="grid_9 suffix_10 alpha omega">
- <div class="indentationwrapper">
- </div>
- </div>
- <div class="clear"></div>
- <table class="nstable">
- <!-- START table heading -->
- <thead>
- <tr id="Transheaderrow">
- <th colspan="1" class="transcol1"><span>Datum</span></th>
- <th colspan="1" class="transcol2"><span>Bokfört</span></th>
- <th colspan="3" class="transcol3"><span>Specifikation</span></th>
- <th colspan="2" class="transcol4"><span>Ort</span></th>
- <th colspan="1" class="transcol5"><span>Valuta</span></th>
- <th colspan="1" class="transcol6"><span>Utl. belopp/moms</span></th>
- <th id="Transheaderrowlastcol" colspan="1" class="transcol7"><span>Belopp</span></th>
- </tr>
- </thead>
- <!-- END table heading -->
- <!--START transactions-->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-25</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-25</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>INBETALNING </span>
- </td>
- <td colspan="2" class="transcol4">
- <span> </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span></span>
- </td>
- <td colspan="1" class="transcol6">
- <span></span>
- </td>
- <td colspan="1" class="transcol7">
- <span>-4 423,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <!-- END transactions -->
- </table>
- <!--END Card groups-->
- <!--END Payment Transactions-->
- <!--START Interst transactions-->
- <!--END Interst Transactions-->
- <!--START Purchase transactionsSortNo1-->
- <!--END Purchase TransactionsSortNo1-->
- <!--START Purchase transactions-->
- <div id="paymGrouptext" class="grid_10 alpha transsumtext">
- <span >
- Totalt ofakturerat
- </span>
- </div>
- <div id="paymGroupvalue" class="grid_9 omega transsumvalue">
- <span>
- 2 988,96
- </span>
- </div>
- <div class="clear"></div>
- <!-- START Card Groups-->
- <div id="Transaktionlistheader" class="grid_9 suffix_10 alpha omega">
- <div class="indentationwrapper">
- <h2>
- Kortnr **** **** **** 1234 EFTERNAMN FÖRNAMN
- </h2>
- </div>
- </div>
- <div class="clear"></div>
- <table class="nstable">
- <!-- START table heading -->
- <thead>
- <tr id="Transheaderrow">
- <th colspan="1" class="transcol1"><span>Datum</span></th>
- <th colspan="1" class="transcol2"><span>Bokfört</span></th>
- <th colspan="3" class="transcol3"><span>Specifikation</span></th>
- <th colspan="2" class="transcol4"><span>Ort</span></th>
- <th colspan="1" class="transcol5"><span>Valuta</span></th>
- <th colspan="1" class="transcol6"><span>Utl. belopp/moms</span></th>
- <th id="Transheaderrowlastcol" colspan="1" class="transcol7"><span>Belopp</span></th>
- </tr>
- </thead>
- <!-- END table heading -->
- <!--START transactions-->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-30</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>11-01</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>MAXI ICA STORMARKNAD </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>HANINGE </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>18,62</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>172,15</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-30</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>11-02</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>OKQ8 QPS </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>HANINGE HANDE</span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>8,00</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>40,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-29</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>11-01</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>AB STORSTOCKHO LINDHAG </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>STOCKHOLM </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span></span>
- </td>
- <td colspan="1" class="transcol6">
- <span></span>
- </td>
- <td colspan="1" class="transcol7">
- <span>690,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-29</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>11-01</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>ONLINEPIZZA.SE </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>STOCKHOLM </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span></span>
- </td>
- <td colspan="1" class="transcol6">
- <span></span>
- </td>
- <td colspan="1" class="transcol7">
- <span>169,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-27</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-29</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>PREEM QPS </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>NORRT#LJE </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>11,11</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>119,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-26</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-27</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>GRIZZLY HANINGE </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>HANINGE </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>39,80</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>199,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-26</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-28</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>OKQ8 </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>HANINGE HANDE</span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>147,64</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>738,21</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-25</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-26</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>MATREBELLERNA JORDBRO </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>JORDBRO </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>10,11</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>57,95</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-23</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-25</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>MATREBELLERNA JORDBRO </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>JORDBRO </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>26,11</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>174,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-20</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-22</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>BARBARELLA </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>GOTEBORG </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span></span>
- </td>
- <td colspan="1" class="transcol6">
- <span></span>
- </td>
- <td colspan="1" class="transcol7">
- <span>75,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-16</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-18</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>MATREBELLERNA JORDBRO </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>JORDBRO </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>22,47</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>207,10</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-09</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-11</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>PAYPAL *BOTCAVESOFT </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>35314369001 </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span></span>
- </td>
- <td colspan="1" class="transcol6">
- <span></span>
- </td>
- <td colspan="1" class="transcol7">
- <span>47,55</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <tr id="Transrow">
- <!-- START Transaction Detail Node -->
- <!-- END Transaction Detail Node -->
- <!-- START Transaction data -->
- <td colspan="1" class="transcol1">
- <span>10-07</span>
- </td>
- <td colspan="1" class="transcol2">
- <span>10-08</span>
- </td>
- <td colspan="3" class="transcol3">
- <span>NEUROLOGMOTT. R1100 </span>
- </td>
- <td colspan="2" class="transcol4">
- <span>STOCKHOLM </span>
- </td>
- <td colspan="1" class="transcol5" >
- <span>SEK</span>
- </td>
- <td colspan="1" class="transcol6">
- <span>60,00</span>
- </td>
- <td colspan="1" class="transcol7">
- <span>300,00</span>
- </td>
- <!-- END Transaction data -->
- </tr>
- <!-- START Transaction detail data -->
- <!-- END Transaction detail data -->
- <!-- END transactions -->
- </table>
- <!--END Card groups-->
- <!--END Purchase Transactions-->
- <!--START More transactions Exist-->
- <!--END More transactions Exist-->
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <div class="clear"></div>
- </div>
- <div id="Footer">
- <div id="Copyrightfooter" class="grid_24">
- <span>Kundcenter | tel: 08-14 67 37 | fax: 08-14 67 36 | e-post: <A href="mailto:[email protected]">[email protected]</A></span>
- </div>
- <div class="clear"></div>
- </div>
- </div>
- <!-- SiteCatalyst -->
- <script type="text/javascript">
- CStitle='/ecse/getPendingTransactions.do';
- </script>
- <script language="JavaScript" type="text/javascript" src="/nis/external/default/js/s_code.js" ></script>
- <script type="text/javascript"> s.prop7=document.title;</script>
- <script language="JavaScript" type="text/javascript" src="/nis/external/default/js/propagate.js" ></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment