/***************************************
	Screen Stylesheet for XY.is
	Developed by Islandsbanki
	14.06.2005
***************************************/
@import "Menus.css";
@import "News.css";
@import "Boxes.css";

body {
	background: #1A94D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0;
	padding: 0;
	color: #303030;
	text-align: center;
}
table, table td, table th{
	font-size: 1em;
}
form{
	margin: 0;
	padding: 0;
}
img{
	border: none;
}
select{
	font-size: 0.9em;
	color: #303030;
}
table{
	border: none;
	padding: 0;
	margin: 0;
}
table td, table th{
	padding: 0;
	vertical-align: top;
}
table tfoot td{
	padding: 0;
}
h1 {
	font-size: 1.4em;
}
h2{
	font-size: 1.2em;
	margin: 0 0 7px;
	padding: 0;
}
h3{
	font-size: 1em;
	margin: 0 0 5px;
	padding: 0;
}
ul li ul{
	margin: 0;
	padding: 0;
}

a{
	color: #00478B;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
p{
	margin: 10px 0;
	padding: 0;
}
.Clear{
	clear: both;
	border-top: 1px solid #fff;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}

.Hidden{
	display: none;
}

.LightBlue{
	color: #009DEC;
}
.NoMargin{
	margin: 0;
}
.NoPadding{
	margin: 0;
}
.FloatLeft{
	float: left;
}
.FloatRight{
	float: right;
}
.Red{
	color: red;
}
.Green{
	color: #A4CD4D;
}
.DarkBlue{
	color: #105B8A;
}

/* Layout Begins */

#Frame{
	padding: 0 29px;
	margin: 0 auto;
	width: 788px;
	text-align: left;
	position: relative;
	background: #fff;
	background: #1A94D7 url(../Images/Layout/bg_main.gif) top center repeat-y;
}
html>body #Frame{
	border-top: 1px solid #1A94D7;
	margin-top: -1px;
}
#Content{
	height: 380px;
	min-height: 380px;
}
html>body #Content{
	height: auto;
}

#Header img.Logo{
	margin: 13px 0 0 3px;
}
#Spilari{
	position: absolute;
	left: 790px;
	top:25px;
}

#Footer{
	height: 80px;
	text-align: center;
	font-weight: bold;
	color: #B6B6B6;
	font-size: 0.9em;
	padding: 20px 0 0 0;
	background: url(../Images/Layout/bg_footer.gif) bottom center no-repeat;
	margin: 0 -30px;
}
#Footer a{
	color: #B6B6B6;
	text-decoration: none;
}
#Footer a:hover{
	text-decoration: underline;
}


/* SMS Module */
#SendSMS{
	width: 330px;
}
#SendSMS h2{
	background: url(../Images/header_sms.gif) no-repeat;
	width: 104px;
	height: 47px;
	float: right;
	margin: 0 20px 0 0;
}
#SendSMS h2 span{
	display: none;
}
#SendSMS label{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #1D98DA;
}
#SendSMS #SMSPhoneNr{
	background: url(../Images/bg_phonenr_area.gif) no-repeat;
	width: 132px;
	height: 37px;
}
#SendSMS #SMSMessage{
	float: left;
	background: url(../Images/bg_sms_area.gif) no-repeat;
	width : 236px;
	height : 121px;	
}
#SendSMS #SMSButton{
	padding: 0px 0 0 100px;
	float: left;
}
#SendSMS #SMSButton input{
	margin: 5px 0 0 0;
}
#SendSMS #StafirEftir input{
	border: 1px solid #fff;
	color: #1D98DA;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#SendSMS #SMSStadfesting{
	float:left;
	background: url(../Images/bg_phonenr_area.gif) no-repeat;
	width: 132px;
	height: 37px;
}

/* Şarf ağ taka IE 5.x fyrir şetta */
#SendSMS #SMSPhoneNr input.FormBox{
	border: none;
	background: #fff;
	width: 115px;
	height: 15px;
	padding: 1px 2px 0;
	margin: 12px 0 0 4px;
	font-weight: bold;
	color: #152833;
}
#SendSMS #SMSMessage textarea{
	background: #fff;
	width: 222px;
	height: 90px;
	margin: 16px 0 0 6px;
	border: none;
	overflow: auto;
}

#SendSMS #SMSStadfesting input.FormBox{
	border: none;
	background: #fff;
	width: 115px;
	height: 15px;
	padding: 1px 2px 0;
	margin: 12px 0 0 4px;
	font-weight: bold;
	color: #152833;
}

div.RuggedHorz{
	background: url(../Images/bg_rugged_line_horz.gif) no-repeat;
	width: 570px;
	height: 8px;
	margin: 10px auto;
}

/* FrontPage */
#FrontPage div.RuggedHorz{
	margin: 0 auto;
}
#FrontPage #TopContent{
	margin: 10px 0 15px;
}
#FrontPage #TopContent h2{
	font-size: 1.2em;
	padding-bottom : 5px;
	margin-bottom: 0;
}
#FrontPage #TopContent p{
	padding-top : 3px;
	margin-top: 0;
}
#FrontPage #TopContent div.Left{
	float: left;
	margin-left: 10px;
	width: 280px;
}
#FrontPage #TopContent div.Right{
	float: left;
	width: 350px;
}

#FrontPage #BottomContent div.Left,  
#FrontPage #BottomContent div.RuggedVert,
#FrontPage #BottomContent div.Right{
	float: left;
	width: 345px;
	margin-top: 15px;
}
#FrontPage #BottomContent div.RuggedVert{
	background: url(../Images/bg_rugged_line_vert.gif) top no-repeat;
	width: 5px;
	height: 250px;
}
#FrontPage #BottomContent div.Right{
	margin-left: 30px;
	
}

/* SubPages */
#SubPage{
	margin: 20px 30px 0 140px;
}

/* Photo Module */
#PhotoArea div.Selected{
	padding: 0;
	height: 150px;
}

#PhotoArea div.Selected div.Left {
	float: left;
	width: 220px;
}

#PhotoArea div.Selected div.Left input{
	border : 3px solid #97C531; 
}
#PhotoArea div.Selected div.Left input:hover{
	border : 3px solid #F8A321; 
}
#PhotoArea div.Selected div.Right {
	margin-top: 20px;
}

#PhotoArea div.List input{
	margin: 1px 1px 2px;
	border : 1px solid #000; 
}
#PhotoArea div.List input:hover{
	border : 1px solid #F8A321; 
}
#PhotoArea div.List{
	
}

/* Headers */
h1.Header span{
	display: none;
}
h1.XYKortin{
	background: url(../Images/Headers/xy_kortin.gif) no-repeat;
	width: 74px;
	height: 35px;
}
h1.Hradbankar{
	background: url(../Images/Headers/hradbankar.gif) no-repeat;
	width: 166px;
	height: 40px;
}
h1.Reiknivelar{
	background: url(../Images/Headers/reiknivelar.gif) no-repeat;
	width: 136px;
	height: 37px;
}
h1.Tilbod{
	background: url(../Images/Headers/tilbod.gif) no-repeat;
	width: 92px;
	height: 35px;
}
h1.Kortin{
	background: url(../Images/Headers/xy_kortin.gif) no-repeat;
	width: 112px;
	height: 37px;
}
h1.XYNetbankinn{
	background: url(../Images/Headers/netbanki.gif) no-repeat;
	width: 146px;
	height: 40px;
}
h1.XYVefposturinn{
	background: url(../Images/Headers/vefpostur.gif) no-repeat;
	width: 172px;
	height: 46px;
}

h1.Eydsla{
	background: url(../Images/Headers/eydsluklo.gif) no-repeat;
	width: 146px;
	height: 46px;
}
h1.FramtidarVirdi{
	background: url(../Images/Headers/peningamaskinan.gif) no-repeat;
	width: 171px;
	height: 44px;
}
h1.SparnadarTakmark{
	background: url(../Images/Headers/sparibaukurinn.gif) no-repeat;
	width: 182px;
	height: 41px;
}


/* IE5.x Hacks */	
#FrontPage div.NewsItem div.Body{
	padding: 25px 0 20px;
}
#FrontPage div.NewsItem div.Footer{
	text-align: right;
	padding: 0 30px 0 0;
}


#Frame{
	voice-family:"\"}\"";
   voice-family:inherit;
	width: 730px;
}

#Steps {
	margin-top: -20px;
	margin-bottom: 10px;
}