/*
	ESKILL BASE PRINT STYLESHEET
	v 1.0
*/

#nav, #bottom, #leftpanel, #searchpanel, #breadcrumbs, #extras, #specialwebs, .eskilltext-link, #print  { display:none; }

* { margin:0; padding:0; }
.stream, .onlyprint { display: none; }
body { font: 11pt/140% arial, Arial, Verdana, Helvetica, Sans-Serif; color: #333333; margin: auto; }

img { border:0; }
a { text-decoration: underline; color: #00f; }

/* adjust fonts and spacing for headings */
h2,h3,h4,h5,h6 { margin: 1em 0 .3em 0; }
h1 { font-size: 14pt; margin: 0; }
h2 { font-size: 13pt; }
h3 { font-size: 12pt; }
h4 { font-size: 11pt; }
h5 { font-size: 11pt; }
h6 { font-size: 11pt; }

/* set basic formstyling */
form {}
fieldset { margin: 1em 0; border: 1px solid #eee; }
fieldset legend { color: #000; padding: 0 4px; }
input, textarea { font-size: 1em; padding: 2px; border: 1px solid #666; color: inherit; }
input {}
textarea { font-family: Arial, Sans-Serif; } /* remember to set fonts on textarea */
input.radio, input.checkbox { border: none; } /* this is for IE6, obviously for it to work you have to put class="radio" on radio inputs and class="checkbox" on checkbox inputs in the HTML */
input[type='radio'], input[type='checkbox'] { border: none; width: auto !important; }
select { font-size: .9em !important; }
button {}

/* mind the font-sizes in tables */
table { font-size: inherit; border-collapse: collapse; }
th,td { padding: 2px; }
th { text-align: left; }
td {}

/*	adjust spacing for lists and quotes 
	assumes you have a wrapper around the content
	with classname content, change this to whatever suits your fancy... */
.content ul, .content ol, .content dl, 
.content blockquote, .content q { margin: 1em 0 1em 2em; }
.content dd { margin-left: 2em; }

/* adjust spacing for content paragraphs, same as above: change this to whatever your content wrapper is */
.content p { margin-bottom: 1em; }

/* do not change these */
.hidden, .noprint, .eskill-text-link, .eskill-image-link { display: none; }

#fontsize, #footer { display: none; }

.left { float: left; }
.right { float: right; }
.clearthis, .clear, .clearme { clear:both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end of do not change these */

/*= CONTENT
------------------------*/
/* put site specific css below */

.header { display: inline; }

.onlyprint { display: block !important; }
.onlyprint.header h2 { display: block; float: right; }
.onlyprint.header img { clear: both; float: right !important; display: block; margin: -15px 0 5px 0 !important;}
.onlyprint.header.noHeading img { margin-top: 0px !important; }
.onlyprint.header .subtext { clear: both; font-size:.8em; border-top: solid 1px #000; }

#header, #nav, #extras, #searchpanel, #specialwebs, #fontsize, #colwraptop, #breadcrumbs, .print { display: none; }
#wrapper { padding-top: 0; margin-top: 0; }

.topBox { display: block !important; border: solid 1px #8e8a8a; background: none; }
.topBox .text { float: left; font-size: .9em; }
.topBox .signature { float: left; padding-top: 0; margin-right: 0; }
.borgunheading { display: block !important; clear: both; font-weight: bold; float: right; margin-right: 60px; }
.borgunbox { display: block !important; clear: both; border: solid 1px #000; float: right; display: inline; padding: 10px; margin-bottom:20px; width: 440px; }
table.topBox td { border-bottom: solid 1px #666666; }

.noBorder { border: none !important; }

#bottomlogos { width: 90%; text-align: center; }

ol li { font-size: 0.82em; }
ol.terms li { font-size:1.1em; margin-bottom: 0px !important; }

table { border: 1px solid #cccccc; margin: 10px auto; font-family:Arial !important; }
table tr th { border: solid 1px #cccccc; margin: 0; padding: 5px; background: none; color: #000; }
table tr td { border: solid 1px #cccccc; margin: 0; padding: 5px; }
table tr td .text { float: left; width: 100px; }
table input { padding-top: 4px; border: solid 1px #CDCDCD; width:97%; margin: 3px 0; }
table.shorterfields input { width: 65%; }

h2 { margin-top: 0; margin-bottom: 30px !important; }
h2.narrow { margin-bottom:5px !important; font-size: 14px; }

.form { padding: 10px 0 0 0 !important; }
.footer { margin-top: -30px; }

.sign { padding-top:30px; }

.fieldrow.eng .check .text.eng { text-align: left; }

.submission_form table, .submission_form table th, .submission_form table td { border: none; }
table.formtable, table.formtable th, table.formtable td { border: none; }
table.formtable.smallText { font-size: .8em; }

table.formtable { background: none; width: 90%; max-width: 800px; margin: 0 0 10px 0; display: block; }
table.formtable td { padding: 2px 0 2px 3px; margin: 0; white-space: normal; vertical-align: top; }
table.formtable td label.leftSpace { margin-left: 9px; }
table.formtable td input { margin: 0 5px 0 0px; padding: 2px; font-weight: normal; border: none; }
table.formtable td textarea { border: none; }
fieldset { padding: 5px; }
fieldset legend { color: #000; padding: 0 4px; }
form.submission_form div { padding: 5px; margin-left: -1px; }
form.submission_form input { font-weight: normal; margin-right: 5px; }
.submission_form textarea.largeInput { width: 90%; border: none; }
form.submission_form select { font: inherit; font-weight: normal; }
form.submission_form select option { padding-left: 2px; }
form.submission_form input.cc { width: 30px; }
form.submission_form td.half { width: 50%; }
form.submission_form table.append { margin-top: 5px; }
form.submission_form th a.expander { display: block; width: 90%; }
form.submission_form th a.expander:hover { color:#fff; }
.submission_form .fieldrow, .submission_form .fieldrow2 { border: none; padding: 5px; margin-bottom: 10px; min-height: 55px; display: block; width: 100%; }
.submission_form .fieldrow.noPad { padding: 0px !important; }
.submission_form .shortrows .fieldrow, .submission_form .shortrows .fieldrow2 { min-height: 30px; }
.submission_form .smallrows .fieldrow, .submission_form .smallrows .fieldrow2 { min-height: 10px; }
.submission_form .bg .fieldrow, .submission_form .bg .fieldrow2 { border: none; margin-bottom: 0px; } 
.submission_form.complaint .smallrows .fieldrow { margin-bottom: 10px !important; }
.submission_form .radioField { margin-top: 5px; }
.submission_form .radioField .radioWrap { float: left; }
.submission_form table.formtable.fourcol td { width: 25%; text-align: right; }
.submission_form table.formtable.fourcol td.check, .submission_form table.formtable.twocol td.check { float: none; }
.submission_form .bg.loans input { width: 15%; }
.submission_form .bg.boxes div { padding-right: 10px; text-align: right; }
.submission_form .fieldrow .text, .submission_form .signature { float: left;  clear: both; width:100%  }
.submission_form .signature.printPadd { margin-left: 5px; }
.submission_form .fieldrow p { font-size: .9em; }

/* Til að höndla colspan á eyðublöðum */
table.formtable .fullspan { width: 90%; }
table.formtable .halfspan { width: 340px; }

.fieldrow { clear: both; }
.fieldrow2 { clear: both; }
.fieldrow.toprow { border-top: dashed 1px #CDCDCD; margin: 0 5px; padding-top: 10px; min-height: 20px; }
.fieldrow .text { float: left; padding-top: 5px; }
.fieldrow .leftalign { text-align:left; }
.signature { float: left; }
.signatureUnder { margin-right: 40px; float: left; }
.signatureUnder input, .signature input { border:1px solid #8e8a8a; }
.signature.small { width: 50px; }
.signature.noRight { margin-right: 0 !important; }
.check { float: left; }
.check input, .checkSub input { margin-right: 5px; display: inline; width: 15px; float: left; margin-top: 0;}
.check .text, checkSub .text { float: left; }
.checkSub { margin-left:20px; }

.fieldrow.eng { font-weight: normal; }
.eng { font-weight: bold; padding-left: 0px; padding-top: 0; margin-bottom: 10px; margin-top:-7px}
.bold { font-weight: bold; }

/***  PRINT APPLICATION ***/
.printout { font-size: .8em; }
.printout .bg { border: none; margin-bottom: 10px; clear: both; width: 100%; }
.printout.submission_form { width: 100%; }
.printout .padding p { margin: 10px 0 0 0 !important; text-align: center; }
.printout .padding p.leftalign { text-align:left; }

.printout .subpage #content { font-family: Arial !important; color: #333333; }
.printout .subpage .printout #content { width: 90%; margin: 0 15px; }
.printout .subpage .printout #print { margin-right: 0; }

.printout h1 { background: none !important; font-size: 1.7em !important; width: 100%; display: block; padding-bottom: 0 !important; }
.printout h1, .printout h2 { font-weight: bold; margin: 10px 0 20px 0 !important; text-transform: uppercase; text-align: center; }

.printout .header h2 { color: #808097; }
.printout .header h2.narrow { margin: 0px !important; }
.printout .header p.headerinfo { width:400px; margin-left:150px !important;}

.printout .header { margin-bottom: 10px; }
.printout .header ul { text-align: center; list-style: none; }
.printout .header ul li { display: inline; }
.printout .content { }
.printout .footer { clear: both; }
.printout .footer ul { float: left; color: #8693af; border-right: solid 2px #8693af; font-size: 9px; padding-right: 22px; height: 75px; list-style: none !important; }
.printout .footer ul li { height: 15px; text-align: right; }
.printout .footer .payments { float: left; background: url(/lisalib/getfile.aspx?itemid=17) no-repeat top left; width: 480px; height: 19px; margin: 0 0 0 50px; }
.printout .footer .logo { float: left; background: url(/lisalib/getfile.aspx?itemid=18) no-repeat top center; width: 129px; height: 17px; margin: 0 0 0 22px; }

.printout .form { clear: both; }

.printout table { border: none; margin: 10px auto; font-family:Arial !important; widht: 100%; }
.printout table tr th { margin: 0; padding: 3px; background: none; color: #000; }
.printout table tr td .text { float: left; width: 100px; }
.printout table.floatingInputs tr td .text { width: auto; }
.printout table.floatingInputs tr td input { margin-left: 5px; }

.printout table input { padding-top: 4px; border: solid 1px #8e8a8a; width:97%; margin: 3px 0; }
.printout table.shorterfields input { width: 65%; }

.printout input { width: 100%; height: 16px; padding: 4px 0 0 0 !important; margin: 0 3px; text-align: left !important; }
.submission_form.printout input { border: none; border-bottom: solid 1px #666666; }
.submission_form.printout input.check, .submission_form.printout input.radio { border: none !important; }
.printout textarea { border: none; text-align: left !important; margin: 0 3px 5px 3px; }
.printout input.button { clear: both; margin-left: 150px; width: 40px; padding-left: 10px; padding-top: 0 !important; text-align: center !important; }
.submission_form.printout .checkSub .signature input.wideInput { width: 200px !important; }

.printout .fieldrow { background: none; }
.printout .fieldrow.large { min-height: 175px; }
.printout .fieldrow.toprow { border-top: dashed 1px #CDCDCD; margin: 0 5px; padding-top: 10px; min-height: 20px; }
.printout .fieldrow .text { float: left; padding-top: 5px; }
.printout .noPad .fieldrow .text { padding-top: 0px !important; }
.printout .fieldrow .leftalign { text-align:left; }
.printout .signature { float: left; }
.printout .signatureUnder { float: left; }
.printout .signatureUnder input, .signature input { border:1px solid #8e8a8a; }
.printout .signature.small { width: 50px; }
.printout .signature.noRight { margin-right: 0 !important; }
.printout .check { float: left; }
.printout .check input, .printout .checkSub input { margin-right: 5px; display: inline; width: 15px; float: left; margin-top: 0;}
.printout .check .text, .printout checkSub .text { float: left; }
.printout .checkSub { margin-left:20px; }

.printout .fieldrow.eng { font-weight: normal; }
.printout .eng { font-weight: bold; padding-left: 0px; padding-top: 0; margin-bottom: 0; }
.printout .bold { font-weight: bold; }

.printout .borgunboxtext { float: left; margin-top:10px; }
.printout .fieldrow .inputborder { float: left;  }
.printout .fieldrow .inputborder.sec, .printout .fieldrow .signatureUnder.sec { float: right;  }

.printout .fieldrow .inputborder input, .printout td.inputborder input { margin: 10px 0 0 0px; width: 280px !important; }
.printout .fieldrow .inputborder.sec input, .printout td.inputborder.sec input  { width: 280px !important; }

.printout .inputborder input, .printout td.inputborder input { background: none; border: none; border-bottom: solid 1px #8e8a8a; }
.submission_form table.formtable td.inputborder input { margin-top: 20px; }
.submission_form table.formtable.bottomText td { vertical-align: bottom; }

.printout ol li { margin-bottom: 10px; }

.printout .oneCol { width: 280px; }
.printout .twoCol.first { width: 120px; }
.printout .twoCol.sec { width: 280px; }
.printout .threeCol.first { width: 200px; }
.printout .threeCol.second { width: 170px; }
.printout .threeCol.third { width: 130px; }
.printout .fourCol.first { width: 140px; }
.printout .fourCol.sec { width: 200px; }
.printout .fourCol.third { width: 130px; }
.printout .fourCol.fourth { width: 140px; margin-right: 0 !important;}
.printout .sixCol { width: 82px; }
.printout .smallCol { width: 60px; }
.printout .longCol { width: 330px; clear: both; display: inline-block; }
.printout .extralongCol { width: 450px; }
.printout .topCol { }
.printout .middleCol { width:180px; }

.topBox, .borgunheading, .borgunbox { display: none; }
.topBox.print { display: block; }
.topBox.print .text { float: left; }
.topBox.print .signature { float: left; padding-top: 0; margin-right: 0 !important; }
.printout .redstar { color: #f92b30; margin-right: 5px; font-weight: bold; font-size: 1.5em; }
.printout .print { margin-bottom: 6px; }

.printout table.formtable { background: none; margin: 0 0 10px 0; border: none; width: 100% }
.printout table.formtable.postPrint th, .printout table.formtable.postPrint td { border: 1px solid #000 !important; } 
.printout table.formtable.postPrint td input { border: none; }
.printout table.formtable th, .printout .fieldHeader { border: none; padding: 2px 0 2px 3px; font-weight: bold; }
.printout table.formtable td { padding: 2px 0 2px 3px; margin: 0; white-space: normal; vertical-align: top; border: none; white-space: normal; }
.printout table.formtable td label.leftSpace { margin-left: 9px; }
.printout table.formtable td input { margin: 0 5px 0 0px; padding: 2px; font-weight: normal; }
.printout table.formtable td div, .printout table.formtable th div { }
.printout fieldset { padding: 5px; }
.printout fieldset legend { color: #000; padding: 0 4px; }
.printout form.submission_form div { background: #E3E3E3; border: 1px solid #CCCCCC; padding: 5px; margin-left: -1px; }
.printout form.submission_form input { font-weight: normal; margin-right: 5px; }
.printout form.submission_form select { font: inherit; font-weight: normal; }
.printout form.submission_form select option { padding-left: 2px; }
.printout form.submission_form input.cc { width: 30px; }
.printout form.submission_form td.half { width: 50%; }
.printout form.submission_form table.append { margin-top: 5px; }
.printout form.submission_form th a.expander { display: block; width: 90%; }
.printout form.submission_form th a.expander:hover { color:#fff; }
.printout .checkSub { clear: both; }
ol.terms { font-size: .8em; margin-bottom: 10px; }

.submission_form .fieldrow .blockText { width: 96%; float: left; }
.submission_form .fieldrow .check.toLeft { width: 4%; float: left; }

.submission_form table.formtable.twocol td.firstcol { text-align: right; }
.submission_form table.formtable td.textLeft { text-align: left !important; }
.submission_form table.formtable td.eng { font-weight: bold; }
.submission_form table.formtable td.shortField input { width: 30%; }
.submission_form table.formtable.noAlign td { text-align: left !important; }

/** Mismunandi stílar eftir eyðublöðum **/
.submission_form table.formtable.fourcol td.wide { text-align: left; }
.euro.submission_form table.formtable.fourcol td.slim { width: 172px; }
.euro.submission_form table.formtable.fourcol td.wide{ width: 222px; }
.euro.submission_form table.formtable.twocol td.firstcol { width: 172px; }
.euro.submission_form table.formtable.twocol td.seccol { width: 517px; }
.euro.submission_form table.formtable td label.check { margin-right: 15px; }

.enquiry.submission_form table.formtable.fourcol td.slim { width: 120px; }
.enquiry.submission_form table.formtable.fourcol td.wide{ width: 280px; }
.enquiry.submission_form table.formtable td label.check { margin-right: 15px; }

.serviceChange.submission_form table.formtable.fourcol td.slim { width: 20%; }
.serviceChange.submission_form table.formtable.fourcol td.wide{ width: 30%; }
.serviceChange.submission_form table.formtable td.shortField input { width: 34%; }

.changeCard.submission_form table.formtable.fourcol td.slim { width: 140px; }
.changeCard.submission_form table.formtable.fourcol td.wide { width: 280px; }
.changeCard.submission_form table.formtable.twocol td.firstcol { width: 140px; }
.changeCard.submission_form table.formtable.twocol td.seccol { width: 350px; }

.newService.submission_form table.formtable.fourcol td.slim { width: 22%; }
.newService.submission_form table.formtable.twocol td.firstcol { width: 21%; }
.newService.submission_form table.formtable.twocol td.firstcol.check { width: auto; }
.newService.submission_form table.formtable.fourcol td.wide { width: 28%; }
.newService.submission_form table.formtable td.shortField input { width: 32%; }
.newService.submission_form table.formtable td.check.first { width: 26%; }
.newService.submission_form table.formtable td.check { width: 74%; }
.newService.submission_form table.formtable.fourcol.pos td.slim { width: 28%; }
.newService.submission_form table.formtable.fourcol td.auto { width: auto; }
.newService.submission_form table.formtable.auto input { width: auto; }

.sms.submission_form table.formtable.fourcol td.slim { width: 24%; }
.sms.submission_form table.formtable.fourcol td.wide{ width: 26%; }
.sms.submission_form table.formtable.twocol td.firstcol { width: 24%; }
   
.freq.submission_form table.formtable.fourcol td.slim { width: 16%; }
.freq.submission_form table.formtable.fourcol td.wide{ width: 34%; }
.freq.submission_form table.formtable td input.small { width: 40%; }

.sellerweb.submission_form table.formtable.twocol td.slim { width: 40%; }
.sellerweb.submission_form table.formtable.twocol td.wide{ width: 60%; }

.quit.submission_form table.formtable.twocol td.slim { width: 40%; text-align: right; }
.quit.submission_form table.formtable.twocol td.wide{ width: 60%; }

.emailReq.submission_form table.formtable.twocol td.slim { width: 30%; text-align: right; }
.emailReq.submission_form table.formtable.twocol td.wide { width: 70%; padding: 3px; }
.emailReq.submission_form table.formtable.twocol td.wide input { margin-left: 0px; }

.complaint.submission_form table.formtable.fourcol td.slim { width: 25%; }
.complaint.submission_form table.formtable.fourcol td.wide { width: 25%; }
.complaint.submission_form table.formtable.fourcol td.wider { width: 80%; text-align: left; }
.complaint.submission_form table.formtable.fourcol td.wider input { width: 98%; }
.complaint.submission_form table.formtable td.shortField input { width: 34%; }

.move.submission_form table.formtable.twocol td.firstcol { width: 135px; }
.move.submission_form table.formtable.twocol td.seccol { width: 400px; }

.posi.submission_form table.formtable.fourcol td.slim { width: 20%; }
.posi.submission_form table.formtable.fourcol td.wide { width: 30%; }
.posi.submission_form table.formtable.fourcol td.wider { width: 80%; text-align: left; }
/*********/