
/* **************************************************************** */
/* frontpage elements                                      */
/* **************************************************************** */
.fp-upper { float:left; }
.fp-upper .item.fp { float:left; margin:0 33px 10px 0; }

.fp-lower  
{
	background:url("../img/box-body-right.png") no-repeat scroll right bottom transparent;
	float:left;
	font-size:100%;
	margin-bottom:10px;
	position:relative;
	width:750px;
	height:450px;
}

.fp-lower .box-head {
	background:url("../img/box-head-right.png") no-repeat scroll right top transparent;
	float:left;
	height:10px;
	margin:0;
	padding:0;
	width:100%;
}
.fp-lower .box-head .inner 
{
	background:url("../img/box-head-left.png") no-repeat scroll left top transparent;
	float:left;
	margin:0;
	padding:15px;	
}

	 
.fp-lower #steinar   
{
	background:url("../img/box-body-left.png") no-repeat scroll left bottom transparent;
	float:left;
	height:440px;
	margin:0;
	width:100%;
}

#totalamount { position:absolute; top:19px; right:380px; height:68px; width:344px; background: transparent url(../img/bg-total-amount.gif) no-repeat top left; }
#totalamount .content { position:relative; }
#totalamount .content h3 {float:left; margin:10px 0px 10px 0px; text-indent:10px; font-size:1.5em; text-transform:none;}
#totalamount .content .amount { position:absolute; top:32px; right:133px; color:#b03100; font-size:22px; font-family:Comic Sans MS;}
#totalamount .content .amount span.kr { font-size:14px; }
#totalamount .content .countdown { position:absolute; top:18px; right:4px; }
#totalamount .content .countdown .cell { float:left; width:38px; }
#totalamount .content .countdown .cell div { float:left; width:32px; padding-left:0px; margin-right:5px; text-transform:uppercase; color:#626262; font-weight:bold;}
#totalamount .content .countdown .cell div.day { color:#b03100; text-align:center;} 
#totalamount .content .countdown .cell div.value {  color:#fff; font-weight:normal; text-align:center; padding-top:2px; margin:2px 0 0 0px; font-family:Comic Sans MS; font-size:16px; width:32px; height:28px; background: transparent url(../img/amount-box.gif) no-repeat top left;}

/* **************************************************************** */
/* Contestants								                                      */
/* **************************************************************** */

.animation { position:absolute; background:url(../img/loading-bg.gif) no-repeat top left; top:375px; right:24px; height:32px; width:126px; }
.support-list .animation { right:45%; top:5px; background:url(../img/loading-bg.png) no-repeat top left; }
.animation .inner { position:relative; }
.animation img { padding:9px 3px 0px 15px;}
.animation span { position:absolute; top:10px; left:38px; }

.contest-wrapper { float:left; width:100%; }

/*sorting and search*/

.contest-wrapper .search { float:left; width:100%; padding:5px 10px 10px 0px; }
.contest-wrapper .search input { float:left; width:35%; padding:4px 10px 3px 5px; margin-right:5px; color:#9e9e9e; font-family:Comic Sans MS;}
.contest-wrapper .search a { font-family:Comic Sans MS; color:#626262; text-indent:5px; font-weight:normal; float:left; width:144px; padding:5px 0px 5px 5px; background: url(../img/c-btn-search.gif) no-repeat top left;}
.contest-wrapper .search select { float:left; width:20%; padding:2px 4px 4px 4px; margin-right:5px; color:#9e9e9e; font-family:Comic Sans MS;}

.contest-wrapper .sorting { float:left; width:720px; padding:5px 10px 10px 0px; }
.contest-wrapper .sorting a { font-family:Comic Sans MS; color:#626262; text-indent:5px; font-weight:normal; float:left; width:174px; padding:5px 0px 4px 5px; background: url(../img/c-btn-sort.png) no-repeat 0px 0px;}
.contest-wrapper .sorting a.current { color:#02518A; font-weight:bold; padding:4px 0px 4px 5px; background: url(../img/c-btn-sort.png) no-repeat 0px -24px; }
/*.contest-wrapper .sorting a.current.up { color:#02518A; font-weight:bold;  background: url(../img/c-btn-sort.png) no-repeat 0px -24px; }*/
.contest-wrapper .search a:hover, .contest-wrapper .sorting a:hover { color:#02518A; }

.contest-wrapper .item { float:left; margin:0px 20px 10px 0px; width:225px; height:255px; background: transparent url(../img/contestant-bg.gif) no-repeat top left; position:relative;}
.contest-wrapper .item .inner { float:left; padding:12px 0px 0px 15px; } 
.contest-wrapper .item .inner img { border:1px solid #BEBEBE; padding:2px; }
.contest-wrapper .item .inner .name { padding:10px 0px 5px 0px; text-align:center; font-size:15px;}
.contest-wrapper .item .inner .name a:hover { color:#B03100; text-decoration:none;}
.contest-wrapper .item .inner .place { padding:0px 0px 10px 0px; text-align:center; font-size:12px; color:#626262;}

.contest-wrapper .item .foot { position:absolute; bottom:5px; left:5px; width:100%; height:43px;}
.contest-wrapper .item .foot .read-more { position:absolute; bottom:8px; right:20px; }
.contest-wrapper .item .foot .read-more span { position:relative; }
.contest-wrapper .item .foot span.collected {position:absolute; font-family:Comic Sans MS; top:0px; left:10px; font-size:12px; }
.contest-wrapper .item .foot .amount { position:absolute; bottom:8px; font-weight:bold; text-align:right; left:20px; font-family:Comic Sans MS; color:#b03100; font-size:15px; width:100px;}
.contest-wrapper .item .foot .amount span.kr { font-size:13px; margin-left:5px; font-weight:normal;}

.pager { float:left; display:block; width:790px; position:relative; text-align:center; margin-top:10px; margin-bottom:20px;}
.pager.detail { position:absolute; bottom:10px; left:308px; display:block; width:500px; text-align:center; margin-top:10px; margin-bottom:20px;}
.support-list .pager { margin-bottom:35px; float:left;}
.pager1 { font-size:14px; padding:0 10px 0 10px; background: transparent url(../img/pager-sep.png) no-repeat 5% 50%; }
.pager1 .bg { font-size:14px; padding:0 10px 0 10px; background: transparent url(../img/pager-sep.png) no-repeat 100% 50%; }
.pager .inner { float:left; position:absolute; padding:4px 10px 4px 10px; top:50%; right:40%; background-color:#ae3000; color:#fff; font-family:Comic Sans MS;} 
.pager .inner a { color:#fff; font-weight:bold; }

.pager span.btn-prev-thumb { color:#cdcdcd; font-weight:bold; }
.pager span.btn-next-thumb { color:#cdcdcd; font-weight:bold; }

.pager a.btn-prev-thumb { color:#fff;  }
.pager a.btn-next-thumb { color:#fff; }

/* **************************************************************** */
/* Contestant detail view 		                                      */
/* **************************************************************** */
.contest-wrapper.detail { float:left; position:relative; width:100%; padding: 0px 10px 50px 20px}
.contest-wrapper.detail .item { float:left; margin:0px 20px 10px 0px; width:360px; height:310px; background: transparent url(../img/contestant-bg-detail.gif) no-repeat top left; position:relative;}
.contest-wrapper.detail .contest-start { position:absolute; padding-top:3px; text-align:center; font-family:Comic Sans MS; font-size:12px; top:45px; height:43px; width:95px; right:340px; background: url(../img/contest-start.gif) no-repeat top left; }
.contest-wrapper.detail .contest-start span { display:block; color:#af3100; font-size:14px; font-weight:bold;}
.contest-wrapper.detail .item .foot { position:absolute; bottom:5px; left:5px; width:340px; height:43px;}

.contest-wrapper .left-col { float:left; width:360px; margin-right:10px; min-height:440px;}
.contest-wrapper.detail .left-col .picture { float:left; }
.contest-wrapper.detail .collected-detail { position:absolute; font-family:Comic Sans MS; bottom:8px; left:18px; font-size:14px;}
.contest-wrapper.detail .amount-detail { position:absolute; font-size:16px; bottom:8px; font-weight:bold; text-align:right; right:20px; font-family:Comic Sans MS; color:#b03100; font-size:15px; width:110px;}
.contest-wrapper.detail .amount-detail span.kr { font-size:13px; margin-left:5px; font-weight:normal;}

.contest-wrapper .right-col { float:left; width:290px; min-height:470px;}
.contest-wrapper .right-col .info { float:left; padding:10px 0px 10px 0px; width:100%;}
.contest-wrapper .right-col .info .back a  
{
	background:url("../img/login-arrow.gif") no-repeat scroll 0 50% transparent;
	float:right;	
	font-weight:bold;
	margin-top:5px;
	padding:0 3px 0 18px;
	text-transform:none; 
}
.contest-wrapper .right-col p.homepage { margin-bottom:6px; }
.contest-wrapper .right-col p.default { background:url(../img/bg-dots-gray.gif) repeat-x left top ; padding-top:8px;  margin-bottom:8px; margin-top:6px; color:#9c9b9b; font-style:italic; }
.contest-wrapper .right-col p.place { font-size:14px; color:#b03100; font-family:Comic Sans MS;}
.contest-wrapper .right-col .info h3 { float:left; width:100%; font-size:14px; font-family:Comic Sans MS; margin-bottom:5px;}

.contest-wrapper.detail .support { display:none; position:absolute; top:130px; right:31px; height:346px; width:292px; background: url(../img/contestant-support-card.gif) no-repeat top left;}
.contest-wrapper.detail .support .inner { padding:5px 0px 10px 23px; }
.contest-wrapper.detail .support .inner h3 { margin:10px 0px 25px 0px; text-transform:none; color:#af3100; font-family:Comic Sans MS; font-size:14px; }
.contest-wrapper.detail .support .inner .field { float:left; margin:0; padding:5px 0; vertical-align:middle; width:250px; }
.contest-wrapper.detail .support .inner .field select { float:left; }
.contest-wrapper.detail .support .inner .field span { float:left; width:70px; margin:4px 0 0 0; font-weight:bold;}
.contest-wrapper.detail .support .inner .field span.validator { float:left; width:5px; margin-left:6px; }
.contest-wrapper.detail .support .inner .field span.kronur { float:left; width:5px; margin-left:6px; }
.contest-wrapper.detail .support .inner .field input { float:left; width:60%; }
.contest-wrapper.detail .support .inner .field.chk input { width:5%; }
.contest-wrapper.detail .support .inner .error-list { float:left; margin:10px 0;  width:252px; position:absolute; bottom:0px; left:20px;}
.contest-wrapper.detail .support .inner .error-list ul { list-style:none; background-color:#FFDFDF; border:1px solid #AF4C4C; color:#AF4C4C;}
.contest-wrapper.detail .support .inner .error-list li {  margin:2px; padding:1px 2px 0px 5px;}

.contest-wrapper.detail .sms-support { display:none; float:left; position:absolute; height:200px; right:31px; top:-51px; width:292px; background: url(../img/contestant-support-gsm.gif) no-repeat top left; }
.contest-wrapper.detail .sms-support .inner { float:left; padding:5px 0px 10px 23px; }
.contest-wrapper.detail .sms-support .inner .text { float:left; padding:10px 15px 5px 0px; font-size:13px; color:#02518A; font-family:Comic Sans MS; }
.contest-wrapper.detail .sms-support h3 { color:#af3100; float:left; width:200px; font-size:14px; text-transform:none; font-family:Comic Sans MS; margin-bottom:5px; }
.contest-wrapper.detail .sms-support .inner .text span { color:#af3100; font-size:15px; }
.contest-wrapper.detail .sms-support .inner .text div.price { color:#333; font-size:12px; margin-top:15px; }

/* donation form */
.form-container fieldset { padding:5px; float:left; width:500px;}
.form-container fieldset .field { border-bottom:1px solid #e6e6e6; float:left; width:500px; vertical-align:middle; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;}
.form-container fieldset .field span { float:left; width:24%; color:#333; text-align:left; margin-top:4px; font-weight:bold; text-indent:5px;}
.form-container fieldset .field input{ float:left; margin:0 5px 0px 6px; width:60%;}
.form-container fieldset .field span.alert { float:left; color:Red; margin-right:5px; width:20px; }
.form-container fieldset .field select { float:left; margin:0 5px 0px 6px; width:60%;}
.form-container fieldset .field.amount select { float:left; margin:0 5px 0px 6px; width:130px; color:#333;}
.form-container fieldset .field.amount input { float:left; margin:0 2px 0px 6px; width:140px; color:#333;}
.form-container fieldset .field.chk input { margin:0 2px 0px 3px; width:15px; color:#333;}
.form-container fieldset .field.amount span.alert { float:none; margin:0px; padding:0px; width:3px; }
.form-container fieldset .field.amount span.currency { float:left; margin:4px 5px 0px 0px; width:8px;}
.form-container fieldset .field.cardnumber input { float:left; margin:0 2px 0px 6px; width:100px; color:#333;}
.form-container fieldset .field.cardnumber p { float:left; margin:4px 2px 0px 6px; color:#333;}
.form-container fieldset .field textarea { float:left; margin:0 5px 0px 6px; width:60%; height:80px;}

.form-container fieldset .field .disclaimer { float:left; margin:5px 0px 3px 0px;}
.form-container fieldset .field .check-box { width:300px; margin-left:121px;}
.form-container fieldset .field .check-box input { width:10px; }
.form-container fieldset .field .check-box label { width:220px; float:left; margin:0; padding:0; }

.form-container fieldset .field .bank-info { float:left; }
.form-container fieldset .field .bank-info span { float:left; width:100%; margin-left:150px; text-indent:0px;}

.form-container fieldset .error-list {  float:left; margin:10px 0px 10px 0px;  width:500px;}
.form-container fieldset .error-list ul {  list-style:none; }
.form-container fieldset .error-list ul li {  padding:4px 4px 4px 4px; margin:4px; color:#AF4C4C; background-color:#FFDFDF; border:1px solid #AF4C4C; }

.form-container fieldset .fail { padding:4px 4px 4px 4px; margin:4px; color:#AF4C4C; background-color:#FFDFDF; border:1px solid #AF4C4C; width:500px;}
.form-container .success { padding:4px 4px 4px 4px; margin:4px; color:#333; background-color:#C8FFBF; border:1px solid #A2EF95; width:470px; }


.btn-send { float:right; padding:20px 20px 10px 0px; }
.btn-send a  
{
	display: block;
	float: left;
	height: 40px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */	
	padding-right: 22px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
/* FONT PROPERTIES */
	text-decoration: none;
	cursor:pointer;
	color:#fff;
	font-size:13px;
	font-family:Comic Sans MS;	
	background: url(../img/btn-red-right.gif) no-repeat top right;
}
.btn-send a:hover { color:#fc9a74; }

.btn-send a.button { text-transform:none; }

.btn-send a span  
{
	/* Background left image */ 
	background: transparent url(../img/btn-red-left.gif) no-repeat; 
	display: block;
	line-height: 40px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 0px 13px 5px 20px;
}
.login .btn-send, .btn-wrapper .btn-send { padding:10px 0 0 0; }	
.login span { text-transform:none; }	

/* Share - print-send-facebook */

.share { position:absolute; top:-42px; right:336px; width:358; height:32px; background:transparent url(../img/bg-contest-share.gif) no-repeat top left; }	
.share ul { float:left; margin:9px 0 0 0; padding:0;}
.share ul li { float:left; list-style: none; }

.share ul li a, .share ul li a:hover { color:#434343; }

.share li.send { width:120px; }
.share li.send a { padding:6px 14px 6px 45px; }
.share li.facebook { width:144px; }
.share li.facebook a { padding:6px 10px 6px 38px; }
.share li.print { width:90px; }
.share li.print a { padding:6px 10px 6px 41px;  }

/* Contestants images */

.img-list { float:left; width:340px; margin-bottom:20px; position:absolute; top:320px; left:17px;}

/* The support list */

.support-list { float:left; margin-left:5px; width:996px; position:relative; height:265px; background: url(../img/support-bg.gif) repeat-x top left; }
.support-list h3 { color:#AF3100; font-family:Comic Sans MS; font-size:14px; margin:10px 0 0 25px; text-transform:none; }
.support-list h3.total { position:absolute; top:0px; right:30px; }
.support-list ul { float:left; margin:20px 20px 20px 20px; padding:0; }
.support-list ul li { float:left; position:relative; margin:0 15px 0 0; list-style:none; height:156px; width:140px; background: transparent url(../img/support-single-bg.png) no-repeat top left; }
.support-list ul li p.name { float:left; position:absolute; bottom:20px; text-align:center; width:135px;}
.support-list ul li p.amount { position:absolute; bottom:0px; left:0px; font-family:Comic Sans MS; font-size:13px; color:#b03100; text-align:center; width:100%;}
.support-list ul li p.amount span { padding-left:3px;} 
.support-list ul li #no-message { position:absolute; top:27px; left:31px; width:76px; height:76px; background: #fff url(../img/envelope.gif) no-repeat top left;} 
.support-list ul li #message { position:absolute; top:27px; left:29px; width:86px; height:78px; background: transparent url(../img/comment-new.png) no-repeat top left;} 
.support-list ul li #gsm-message { position:absolute; top:22px; left:33px; width:74px; height:84px; background: transparent url(../img/message-gsm-logo.gif) no-repeat top left;} 

/* **************************************************************** */
/* Contestant login and edit	                                      */
/* **************************************************************** */

.steinar-deco1 { position:absolute; top:230px; right:75px; width:190px; height:260px; background: url(../img/steinar1-big.jpg) no-repeat top left;}
.steinar-deco2 { position:absolute; top:525px; right:75px; width:190px; height:260px; background: url(../img/steinar2-big.jpg) no-repeat top left;}

.contest-edit { float:left; width:500px; margin-top:0px;}
.contest-edit h3 {color:#AF3100; font-family:Comic Sans MS; font-size:14px; margin:10px 0 10px 0; text-transform:none; }
.contest-edit span { font-size:14px; font-weight:bold; padding:5px 0 10px 5px;}
.contest-edit table { width:440px; }
.contest-edit table td { border-bottom:1px solid #E6E6E6; padding:4px 0px 4px 5px;}
.contest-edit table td.cap { font-weight:bold; }
.contest-edit table td input { width:250px; }
.contest-edit table td .checkbox input { width:10px; }
.contest-edit table td .checkbox label { font-size:12px; }
.contest-edit .error-list {  float:left; margin:10px 0px 10px 0px;  width:430px;}
.contest-edit .error-list ul {  list-style:none; }
.contest-edit .error-list ul li {  padding:4px 4px 4px 4px; margin:4px; color:#AF4C4C; background-color:#FFDFDF; border:1px solid #AF4C4C; }

.login .cap { font-weight:bold; }
.login h3 {color:#AF3100; font-family:Comic Sans MS; font-size:14px; margin:10px 0 10px 0; text-transform:none; }

/* contestant image edit */
table.img-edit img { border:1px solid #e0e0e0; padding:2px; margin:2px; }

/* **************************************************************** */
/* Senda síðu      			                                            */
/* **************************************************************** */
.test { width:500px; }
.send-page { float:left; border: 1px solid #d3d3d3; width:550px;}

.test .success { color:#333333; font-family:Arial,sans-serif; font-size:11px; margin:20px;}

.send-page { color:#333333; font-family:Arial,sans-serif; font-size:11px; }
.send-page .field-caption { background-color:#f3f3f3; width:100%; text-align:left; float:left; padding:5px 0; text-indent:5px; font-size:12px; font-weight:bold;}
.send-page .field-caption.big { font-size:18px; margin-bottom:5px;}
.send-page .field { border-bottom:1px solid #E6E6E6; padding:5px 0; float:left; width:100%; color:#333333;}
.send-page .field-text { padding:5px; }
.send-page .field.btn { padding:5px; float:right; }
.send-page .field.btn input { margin:5px 10px 5px 0px; float:right; }
.send-page .field label { float:left; width:80px; text-indent:5px; margin-top:5px;}
.send-page .field input { float:left;  width:140px; margin-right:20px;}
.send-page .field textarea { width:440px; height:50px; margin:5px;}
.send-page .more {float:right; padding:5px 5px 5px 0px;}


/* tooltip */
/*
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../img/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../img/bt.gif) no-repeat bottom}
*/

#tooltip{
	position:absolute;
	border:2px solid #d5d5d5;
	background:#f7f7f7;
	padding:2px 5px;
	color:#333333;
	z-index:15;
	width:200px;
	padding:10px;
	text-align:left;
	}	
	
	#test{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	
	top:700px;
	left:330px;
	z-index:15;
	}	
	
/* stuff on frontpage */	

.brochure { padding:20px 0px 20px 20%; }
.sponsor {  bottom:30px; left:15px; }
#two-col-sub .sponsor { left:9px; }

/* new registration options */	

.login-options { float:left;  }
.login-options .group { float:left; margin:20px 50px 10px 20px; }

/* korta info*/
.korta { float:left; margin-top:0px; }

/* ads in leftcol */

.ads { float:left; margin:10px 0px 5px 0px;}
.ads ul { margin:0px; padding:0px; list-style:none;}
.ads ul li { display:block; margin:18px 0px 18px 0px; text-align:center; width:200px;}

#two-col-home .ads ul li { display:block; margin:23px 0px 23px 0px; text-align:center; width:200px;}

#headflash { position:absolute; top:19px; right:178px; z-index:5; overflow:visible;}

.contest-close { position:absolute; top:-55px; right:30px; width:270px; }