/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* ---------- @ font Styles ----------- */

@import url('../fonts/fonts.css');



/* ---------- @ Basic Styles ----------- */

body{
	background: #f7f7f7;
	color: #484848;
	font: 12px/18px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;

}
strong, em, b, i {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, address {
    font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
h2{
	color: #00599d;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: -1px;
	margin: 18px 0;
	text-transform: uppercase;
}
h3, h4{
	color: #00599d;
	font-size: 18px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
p{
	margin-bottom: 18px;
}
a, a:visited{
	color: #ec7912;
	text-decoration: none;
}
a:hover{
	color: #003964;
	text-decoration: underline;
}

/*---- Layout styles ----*/

#wrapper, #headwrap{
	margin: 0 auto;
	width: 940px;
}
.narrowcol{
	float: left;
	margin-right: 20px;
	min-height: 400px;
	width: 220px;
}
.doublecol{
	float: left;
	margin-top: 22px;
	min-height: 400px;
	width: 460px;
}
#sub-frame{
	float: left;
	margin-bottom: 100px;
	width: 908px;
}
#l-col{
	float: left;
	margin-right: 60px;
	padding-top:23px;
	width: 200px;
}
#r-col{
	float: left;
	width: 580px;
}


/*---- Footer styles ----*/

#footer{
	background: #efefef;
	border-top: 1px solid #b4b4b4;
	clear: both;
	float: left;
	padding: 30px 0 40px;
	width: 100%;
}
#footer-container{
	margin: 0 auto;
	width: 940px;
}
#footer h3{
	margin-bottom: 4px;
}
#footer-container ul{
	float: left;
	margin-right: 20px;
	width: 140px;
}
#footer-container ul li{
	color: #878787;
}
#footer-container ul li a{
	color: #878787;
}
#footer-logos{
	float: right;
}
#footer-logos img{
	display: block;
	margin-bottom: 8px;
}

/*---- Mastehead styles ----*/

#masthead{
	background: #00599d;
	border-bottom: 3px solid #b2b2b2;
	height: 92px;
	margin-bottom: 20px;
}
#headwrap{
	position: relative;
}
#headwrap img{
	position: absolute;
	left: 20px;
	top: 16px;
}

/*---- Main navigation styles ----*/

#main-nav{
	float: right;
	position: absolute;
	right: 0;
	top: 55px;
}
#main-nav li{
	float: left;
	margin-left: 1px;
	position: relative;
}
#main-nav li.active a{
	background: #b3b3b3 url(../mainnav-active/mainnav-active.png) left top repeat-x;
	color: #000;
	font-weight: bold;
	text-shadow: 0 1px 0 #dedede;
}
#main-nav li.active a:hover{
	background: #b3b3b3 url(../mainnav-active/mainnav-active.png) left top repeat-x;
}
#main-nav li a{
	background: #004980;
	color: #fff;
	font-weight: bold;
	/*font-family: 'AllerBold';*/
	display: block;
	padding: 0 25px;
	height: 37px;
	line-height: 37px;
	text-shadow: 0 1px 0 #11202b;
	text-decoration: none;
}
#main-nav li a:hover{
	background: #003964;
}
#main-nav li span{
	background:transparent url(../notification-bg/notification-bg.png) no-repeat scroll 0 3px;
	color:#FFFFFF;
	font-size:9px;
	font-weight:bold;
	height:21px;
	letter-spacing:-1px;
	position:absolute;
	right:2px;
	text-shadow:0 1px 0 #000000;
	text-align: center;
	top:-10px;
	width:19px;
}

/*---- Secondary navigation styles ----*/

#sec-nav{
	margin-top: 4px;
	float: right;
}
#sec-nav li{
	float: left;
	margin-left: 30px;
}
#sec-nav li a{
	color: #fff;
	text-shadow: 0 1px 0 #11202b;
	text-decoration: none;
}
#sec-nav li a:hover{
	text-decoration: underline;
}

/*---- Reg navigation styles ----*/

#reg-nav{
	margin-top: 4px;
	float: right;
}
#reg-nav li{
	float: left;
	margin-left: 30px;
}
#reg-nav li a{
	color: #004980;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
}
#reg-nav li a:hover{
	text-decoration: underline;
}


/*---- Breadcrumb navigation styles ----*/

ul#breadcrumb{
	float: right;
	margin-bottom: -20px;
}
#breadcrumb li{
	color: #b1b1b1;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
#breadcrumb li.active{
	font-weight: bold;
}
#breadcrumb li.active a{
	color: #545454;
}
#breadcrumb li a{
	color: #b1b1b1;
	font-weight: normal;
}
#breadcrumb{
	float: right;
}



/*---- left-sidebar navigation styles ----*/

#l-col  h3{
	margin-bottom: 4px;
}
#left-nav a{
	color: #545454;
	font-size: 14px;
	font-weight: bold;
}
#left-nav li{
	border-bottom: 1px dotted #cfcfcf;
	padding: 7px 7px 7px 2px;
}
#left-nav ul {
	color:#5293C5;
	font-size:8px;
	list-style-image:none;
	list-style-position:outside;
/*	list-style-type:disc; */
	margin:8px 0 0 11px;
}

#left-nav ul li { 
    border:medium none; 
    line-height:14px; 
    margin-bottom:7px; 
    padding:2px; 
}

#left-nav ul li.active{
	list-style-image: url(../left-nav-active-arrow/left-nav-active-arrow.png);
}
#left-nav ul li.active a{ 
	font-weight: bold;
}
#left-nav ul li a{
	background: none;
	color: #00599d;
	font-size: 12px;
	font-weight: normal;
	padding-left: 0;
}
#left-nav li a.doc {
	background: url(../inbox-document-text/inbox-document-text.png) left center no-repeat;
	padding-left: 22px;
}
#left-nav li a.skoli{
	background: url(../inbox--pencil/inbox--pencil.png) left center no-repeat;
	padding-left: 22px;
}

/*---- Innskráning styles ----*/

#innskraning{
	background: #efefef url(../reg-back/reg-back.png) left top repeat-x;
	border: 1px solid #d7d7d7;
	border-width: 1px 0;
	clear: both;
	height: 50px;
	padding:8px 30px 16px;
}
#innskraning h2{
	color: #00599d;
	float: left;
	font-size: 30px;
	line-height: 63px;
	letter-spacing: -2px;
	margin: 0;
	text-shadow: 0 1px 0 #fff;
	text-transform: none;
}
#innskraning label{
	float: left;
	margin-left: 30px;
}
#innskraning label input{
	background: #fff;
	border: 1px solid #d5d5d5;
	display: block;
	height: 32px;
	line-height: 32px;
	width: 220px;
}
#innskraning input.btn-login{
	background: #00589b url(../blue-btn-bg/blue-btn-bg.png) left top repeat-x;
	border: 1px solid #064d83;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	float: right;
	letter-spacing:-1px;
	line-height: 24px;
	margin:18px 0 0 30px;
	padding:5px 20px;
	text-shadow: 0 1px 0 #000;
}
#innskraning input.btn-login:hover{
	background: #00599d;
	cursor: pointer;
}

/*---- white boxes styles ----*/

.whitebox{
	background: #fff;
	padding: 20px 16px;
	margin-top: 22px;
	position: relative;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.12);
}
/*.whitebox:hover{
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}*/
.whitebox h3{
	border-bottom: 1px dotted #cfcfcf;
	margin-bottom: 16px;
	padding-bottom: 3px;
	letter-spacing: -1px;
}

/*---- thjonustuver styles ----*/

#thjonustuver{
	/*background: #fff url(../thjonustuver-bg/thjonustuver-bg.jpg) left bottom no-repeat;*/
}
#thjonustuver span{
	color: #00599d;
	display: block;
	font-size: 30px;
	letter-spacing: -3px;
	margin:8px 0 16px;
}
#thjonustuver p{
	margin: 0;
	/*padding-left: 54px;*/
}

/*---- konnun styles ----*/

#konnun p{
	margin-bottom: 6px;
}
#konnun label{
	clear: both;
	display: block;
}
#konnun label input{
	float: left;
	margin-right: 8px;
}

/*---- umsóknir styles ----*/

#umsoknir, #frettir{
	min-height: 545px;
}
#umsoknir h4{
	background: url(../inbox/inbox.png) left center no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding-left: 24px;
	margin-bottom: 8px;
}
#umsoknir ul{
	list-style: disc;
	color:#5293c5;
	font-size: 8px;	
	margin-left: 11px;
}
#umsoknir ul li{
	line-height:12px;
	margin-bottom:10px;
}
#umsoknir ul li a{
	color: #00599D;
	font-size: 12px;
}
#umsoknir a.meira{
	color: #00599D;
}

/*---- fréttir styles ----*/

.rss-icon{
	position: absolute;
	right: 16px;
	top: 22px;
}
.meira{
	background: url(../navigation-000-frame/navigation-000-frame.png) left center no-repeat;
	color: #00599d;
	display: block;
	font-weight: bold;
	padding-left: 22px;
	height: 18px;
}
.drop-select{
	background: #fbfbfb;
	border: 1px solid #cdcdcd;
	color: #a1a1a1;
	margin: -10px 0 14px;
	padding:2px 4px;
}
.drop-select a{
	background: url(../drop-select-arrow/drop-select-arrow.png) center center no-repeat;
	display: block;
	float: right;
	height: 17px;
	margin: 1px -4px 0 0;
	width: 27px;
}
#frettir span{
	color: #a8a8a8;
	font-size: 10px;
	display: block;
}
#frettir a{
	color: #484848;
	font-weight: bold;
}
#frettir a.meira{
	color: #00599d;
}
#frettir ul li{
	margin-bottom: 14px;
}
#frettir a.meira, #vidburdir a.meira, #fundargerdir a.meira{
	color: #00599D;
}

/*---- Viðburðir styles ----*/

#vidburdir, #fundargerdir{
	min-height: 220px;
}

#vidburdir span{
	color: #a8a8a8;
	font-size: 10px;
	display: block;
}
#vidburdir ul li a{
	background: url(../calendar/calendar.png) left center no-repeat;
	color: #484848;
	font-weight: bold;
	padding-left: 22px;
}
#vidburdir ul li{
	margin-bottom: 14px;
}

/*---- Fundargerðir styles ----*/

#fundargerdir span{
	color: #a8a8a8;
	font-size: 10px;
	display: block;
}
#fundargerdir ul li a{
	background: url(../document-pdf-text/document-pdf-text.png) left top no-repeat;
	color: #484848;
	font-weight: bold;
	padding-left: 22px;
}
#fundargerdir ul li{
	margin-bottom: 14px;
}


/*---- Forsíðu mynd styles ----*/

img.outofbox{
	margin-top: -6px;
}
a.btn, .btn{
	background: #00589b url(../blue-btn-bg/blue-btn-bg.png) left top repeat-x;
	border: 1px solid #064d83;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing:-1px;
	line-height: 24px;
	padding:5px 20px;
	text-shadow: 0 1px 0 #000;
}
a.btn span{
	text-decoration: underline;
}
a.btn:hover, .btn:hover{
	background: #00599d;
	cursor: pointer;
}

/*---- Algengar spurningar styles ----*/

#algengar-spurningar, #senda-abendingu{
	float: left;
	margin: 40px 0 0 0;
}
#algengar-spurningar h3, #senda-abendingu h3{
	margin-bottom: 14px;
}
#algengar-spurningar ul{
	float: left;
}
#algengar-spurningar ul li{
	border-bottom:1px dotted #949494;
	margin-bottom:8px;
	margin-right:20px;
	padding-bottom:4px;
	width:210px;
}
#algengar-spurningar ul li a {
	background: url(../navigation-000-frame/navigation-000-frame.png) left center no-repeat;
	color: #00599D;
	display: block;
	font-weight: bold;
/*	height: 18px; */
	padding-left: 22px;
}


/*---- Senda ábendingu styles ----*/

#senda-abendingu div#l-col, #senda-abendingu div#r-col{
	float: left;
	width: 220px;
}
#senda-abendingu div#l-col{
	padding-top: 0;
	margin-right: 20px;
}
#senda-abendingu label{
	float: left;
	margin-bottom: 6px;
}
#senda-abendingu label input{
	display: block;
}
#senda-abendingu textarea, #senda-abendingu input{
	background: #fff;
	border: 1px solid #c8c8c8;
	height: 193px;
	width: 218px;
}
#senda-abendingu input{
	height: 29px;
}
#senda-abendingu input.btn{
	background: #00589b url(../blue-btn-bg/blue-btn-bg.png) left top repeat-x;
	border: 1px solid #064d83;
	height:36px;
	margin-top:7px;
}


/*---- Tölfræði styles ----*/

#statistik{
	clear: both;
	float: left;
	margin-top: 40px;
}
#statistik ul{
	margin-top: 14px;
}
#statistik ul li{
	font-size: 18px;
	float: left;
	margin-right: 20px;
	width: 220px;
}
#statistik ul li span{
	color: #c60000;
	font-style: italic;
}
#statistik ul li.omega{
	margin-right: 0;
}
#statistik a.btn{
	margin: 0 auto;
}
#button-area{
	background:transparent url(../stat-shadow/stat-shadow.png) no-repeat scroll center bottom;
	float:left;
	margin-bottom: 10px;
	padding:40px 0;
	text-align:center;
	width:940px;
}


/*---- Hvatagreiðslur styles ----*/


.child{
	border-bottom: 1px dotted #cfcfcf;
	float:left;
	margin-bottom:10px;
	padding-bottom: 60px;
	width:100%;
} 
.child .info{
	padding: 0 10px;
} 
.child .info .info-img-container{
	float: left;
	margin-right: 20px;
	text-align: center;
}
.child .info .info-img-container a{
	clear: both;
	color: #00599D;
	display: block;
	font-size: 10px;
}
.child .info ul{
	float: left;
}
.child .info ul h4{
	margin:2px 0 10px;
}
.sec-info{
	background: #fcfbf4;
	border: 1px solid #ebebeb;
	clear: both;
	float: left;
	margin-bottom:10px;
	padding: 10px;
	width: 100%;
}
.sec-info img{
	float: left;
	margin-right: 20px;
}
.sec-info ul{
	float: left;
}
.sec-info a.stadfesta-btn{
	background: #00589b url(../orange-btn-bg/orange-btn-bg.png) left top repeat-x;
	border: 1px solid #ce6507;
	color: #fff;
	float: right;
	font-size: 18px;
	font-weight: bold;
	letter-spacing:-1px;
	line-height: 22px;
	margin:10px 0 0 0;
	padding:5px 20px;
	text-shadow: 0 1px 0 #842d02;
}
.sec-info a.stadfesta-btn:hover{
	background: #e95104;
	cursor: pointer;
}
.sec-info a.stadfesta-btn img{
	margin:3px 10px 0 -7px;
}
.bank-info{
	clear: both;
	float: left;
	margin: 20px 0;
}
.bank-info label{
	float: left;
	margin-right: 5px;
}
/* ie7 hack 
*:first-child+html .bank-info label{
	margin-right: 2px;
}*/

.bank-info label input{
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #C8C8C8;
	color: #777;
	display: block;
	font-size:14px;
	padding:5px 3px;
}
.bank-info label.bank input, .bank-info label.book input{
	width: 86px;
}
.bank-info label.account input, .bank-info label.ssn input{
	width: 180px;
}
.bank-info label.ssn{
	margin-right: 0;
}
.info-submit{
	clear: both;
	float: left;
	width: 100%;
}
.info-submit p{
	color: #7e7d7b;
	float: left;
	font-size: 11px;
	line-height: 14px;
	padding-right: 20px;
	width: 330px;
}
a.green-stadfesta-btn{
	background: #00589b url(../green-btn-bg/green-btn-bg.png) left top repeat-x;
	border: 1px solid #388b06;
	color: #fff;
	float: right;
	font-size: 18px;
	font-weight: bold;
	letter-spacing:-1px;
	line-height: 22px;
	padding:5px 20px;
	text-shadow: 0 1px 0 #2a5b1d;
}
a.green-stadfesta-btn:hover{
	background: #49a031;
	cursor: pointer;
}
a.green-stadfesta-btn img{
	margin:3px 10px 0 -7px;
}
a.cancel{
	color: #dc6462;
	float: right;
	margin-top: 4px;
}
a.cancel:hover{
	color: #c60000;
}


/*---- algengar spurninga á undirsíðum styles ----*/

#r-col #algengar-spurningar{
	background: #fcfbf4;
	border: 1px solid #ebebeb;
	clear: both;
	float: left;
	margin:42px 0 10px;
	padding: 20px 0;
	width: 100%;
}
#r-col #algengar-spurningar ul{
	margin-left: 20px;
}
#r-col #algengar-spurningar ul li{
	width: 250px;
}



/** Added by Konni  */

hr { height:1px; 
    border-style:dotted; 
    border-width:1px 0 0 0;
    border-color:#cfcfcf; 
    margin-top:10px; 
    margin-bottom:10px;
}

div#inbox-messages {
    width: 620px;       
}

div#inbox-messages ul {
    list-style-type: none;
    list-style-position:inside;
    padding: 0px;
    margin: 1px;
    float: left;
    width: 620px;
    border-bottom: #cacaca 1px dashed;
    display: block;
}

ul.inbox-message span.title {
    background-color: transparent;
    display:block;
    color: #EA7913;
    text-decoration: none;
    font-size:14px;
    font-weight: bold;
}

span.message-contents {
    display:block;
}

div#inbox-messages ul.inbox-message {
    min-height: 50px;
}

div#inbox-messages ul.inbox-message:hover {
    background-color: #f4f4f4;
}

ul.inbox-message span.bold {
    font-size:14px;
    font-weight: bolder;
}

ul.inbox-message span.date {
    font-size:11px;
    font-weight: bold;
}

ul.inbox-header li {
    color: #808080;
    font-size: 12px;
    font-weight: bold;
}

div#inbox-messages ul li {
    padding: 5px 0 5px 10px;
    color: #a0a0a0;
}

div#inbox-messages ul li {
    vertical-align: top;    
}

div#inbox-messages ul li.ml-1 {
     float: left;
     width: 150px;
}

div#inbox-messages ul li.ml-2 {
    float: left;
     width: 380px;
}

div#inbox-messages ul li.ml-3 {
    float: left;
    width: 50px;
    text-align:center;
}

li.ml-3 a {
    display: block;
}

li.ml-3 a:hover {
    text-decoration: none;
}

div#tendance-mainform p {
    margin: 2px;
    padding: 1px;
}

div#tendance-mainform table {
    padding: 2px;
}

div#tendance-mainform table td {
    padding: 2px;
    margin: 1px;
}

div#tendance-mainform table td.td-title {
    width: 100px;
}

div#tendance-mainform input {
    background-color: #F7F7F7;
    border: #D6D6D6 1px solid;
    
}

div#tendance-mainform select {
    background-color: #F7F7F7;
    border: #D6D6D6 1px solid;
}

div#tendance-list table {
    padding: 2px;
}

div#tendance-list table td {
    padding: 2px;
    margin: 1px;
    border-bottom:1px dotted #cfcfcf;
}

span.text-grey {
    color: #545454;
    font-weight: bold;
    font-size: 14px;
}

span.text-bold {
    color: #545454;
    font-weight: bold;
}

/** Common tables **/ 
table.prettyform {  padding: 2px; }
table.prettyform td { padding: 2px;  margin: 1px; }

table.prettyform input, select {
    background-color: #F7F7F7;
    color: #9f9f9f;
    border: #D6D6D6 1px solid;
    height:22px;
}

table.prettyform label {
    color: #484848;
    font-weight: bold;
    vertical-align: middle;
}

table.prettyform input[type="button"], table.prettyform input[type="submit"] { 
   color: #00599d;
}

/** Front page styles **/
div.front-row {
   margin:0;
   padding:0;
   width:100%;
}

div.front-col {
    background-color: #f4f4f4;
    padding: 11px 9px 11px 9px !important;
    width: 265px;
    
}

div.front-col ul li {
    border-bottom:1px dashed #989898;
    margin-bottom: 6px;
    padding-bottom: 4px;
    padding-left: 4px;
}

div.front-col a {
    font-size: 15px;
    font-weight: bold;
}
div.front-col a:hover { text-decoration:none }

div.col-1 {
    float: left;
    padding-right:18px;
}

div.col-2 {
    float: right;
    /* margin-left: 10px; */
    /* margin-left: 340px; */
}

div.box-text {
    color: #00599d;
	font-size: 18px;
	letter-spacing: -1px;
	text-transform: uppercase;
	padding-left: 22px;
	padding-bottom: 4px;
	border-bottom:1px dashed #989898;
	margin-bottom: 8px;
}

span.date {
    color:#787878;
    font-weight: bold;
}

div.mycases {
    background:transparent url(../inbox-document-text/inbox-document-text.png) left center no-repeat;
}

div.messages {
   background:transparent url(../inbox-messages/inbox-messages.png) left center no-repeat;
   
}

div.front-box {
    display:block;
    clear:both;
    padding-top:25px;
}
div.front-link {
    margin-top: 8px;
    text-align:right;
}
div.front-link a {
    font-size: 15px;
    font-weight: bold;
}

div#guidancebox {
    margin-bottom:14px;
}

div#casestatusbox {
    margin-bottom:14px;
}

td.payment-plus {
    color: green;    
}

td.payment-minus {
    color:red;
}

div.sport-frame {
    background-color: #FAF7EA;
    padding: 15px;
    margin-top: 20px;
}


div#warning {
    border: 1px solid #00599D;
    line-height:25px;
    padding: 5px 5px 5px 15px;
    background-color: #F7F7F7;
    color: #BC081B;
    font-size:16px;
    font-weight: bold;
}

div#message {
    border: 1px solid #00599D;
    line-height:25px;
    padding: 5px 5px 5px 15px;
    background-color: #F7F7F7;
    color: #00599D;
    font-size:16px;
    font-weight: bold;
}

div.doublecol p:first-child {
    margin:-5px 0px 0px 0px !important;
    padding:0 !important;
}

div.faqtext {
    margin-top: 3px;
}

div.faqtext p {
    font-size:85%;
}

div.faqtext a {
    text-decoration: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    display:inherit !important;
    font-weight:normal !important;
}

P.no-img img {
    display:none;
    visibility:hidden;
}

li.forms-closed {
   background:transparent url(../form-arr-right/form-arr-right.png) left center no-repeat;
   padding-left: 22px !important;
}

li.forms-open {
   background:transparent url(../form-arr-down/form-arr-down.png) left center no-repeat;
   padding-left: 22px !important;
}