﻿/* CSS */
/* ------ CSS by Kondiment ----------------- */
/* ------ Copyright 2007 Kondiment --------- */


/* Main Properties */
/* ---------------------------------------- */
	html {
		height:		100%;
		max-height:	100%;
		padding:	0;
		margin:		0;
		border:		0;
		/*--*/
		/*overflow:	hidden;*/
	}
	body 
	{
		background: #9cd6ff url(Images/bg.gif) repeat-x scroll left top;
		color: #000000;
		font-family: "Trebuchet MS", Helvetica, sans-serif; 
		font-size: 11px; 
		margin: 0; 
		padding: 0;
	}
	
	a {	outline: none; }
/* ---------------------------------------- */


/* Fixes */
/* ---------------------------------------- */
	.clear {
		clear: both;	
	}
/* ---------------------------------------- */


/* Container */
/* ---------------------------------------- */
	#wrapper 
	{
		
		background-image: 	url(Images/wrapper.jpg);
		background-repeat: 	no-repeat;
		background-position:center bottom;
		margin: 			0px;
		padding: 			0px;
		width: 				100%;
		min-height: 		230px;
		height:				230px;
		clear: 				both;
		position: 			absolute;
		bottom: 			0;
		top:				565px;
	}
	
	#container {
		width: 			910px;
		height:			744px;
		padding: 		0;
		/*border:			1px solid red;*/
		position: 		absolute;
		/*--*/
		bottom: 		0;
		left:			50%;
		margin-left:	-455px;
		z-index:		1;
		top:			50px;
	}
	
	#left {
		margin-left: 23px;
	}
	
	#flagpole {
		width:		17px;
		height:		523px;
		background:	#fff url(Images/flagpole.gif) no-repeat;
		position:	absolute;
		bottom:		228px;
		right:		348px;
		z-index:	-1;
	}
	
	* html #flagpole {
		right:		349px;
	}
	
	*+html #flagpole {
		right:		349px;
	}
	
	#right {
		
	}
/* ---------------------------------------- */


/* Left */
/* ---------------------------------------- */
	#voting_box {
		width:		500px;
		height:		200px;
		background:	#fff url(Images/voting_box.gif) no-repeat;
		position: 	relative;
	}
	
	#voting_box2 {
		width:		500px;
		height:		200px;
		background:	#fff url(Images/voting_box2.gif) no-repeat;
		position: 	relative;
	}
	
	
	#intro_text {
		width:		320px;
		position:	absolute;
		left:		153px;
		top:		80px;
		line-height:11px;
	}
	
	#voting_box .errMessage
	{
		position: absolute;	
		left:	  153px;
		top:	  104px;
		color:	  rgb(39,82,1);
		font-weight: bold;
	}
	
	
	
	#exMessage
	{
		position:	absolute;
		left:	  153px;
		top:	  115px;
		color:	  rgb(39,82,1);
		font-weight: bold;
	}
	
	#informationBar
	{
		padding-top:			180px;
		text-align:				center;
		width:					500px;
		height:					20px;
		color:					rgb(39,82,1);
		background-image:		url(Images/ack_box.gif);
		font-weight:			bold;
	}
	
	
	#name_input {
		position:	absolute;
		left:		60px;
		top:		166px;
	}
	
	#name_input input {
		width:		295px;
		border:		0;
		background:	transparent;	
		
		font-size:	16px;
		color:		#3d9c02;
		font-weight:bold;
	}
	
	#confimation_input {
		position:	absolute;
		left:		374px;
		top:		166px;
	}
	
	#confimation_input input {
		width:		50px;
		border:		0;
		background:	transparent;	
		
		font-size:	16px;
		color:		#000;
		font-weight:bold;
	}
	
	#confimation {
		position:	absolute;
		left:		374px;
		top:		130px;
	}
	
	#bVote {
		position:	absolute;
		right:		11px;
		top:		167px;		
	}
	
	
	#bVote .bVote {
		display: 	block;
		width: 		64px;
		height: 	22px;
		margin: 	0;
		padding: 	0;
		border: 	0;
		background: transparent url(Images/bVote.gif);
		text-indent: -1000em;
		cursor: 	pointer;
	}
	
	
	#bVote .bVote_over {
		display: 	block;
		width: 		64px;
		height: 	22px;
		margin: 	0;
		padding: 	0;
		border: 	0;
		background: transparent url(Images/bVote.gif) 0 -22px;
		text-indent: -1000em;
		cursor: 	pointer;
	}
/* ---------------------------------------- */
	#voting_results {
		margin-top: 5px;
		width:		500px;
		height:		442px;
		background:	#fff url(Images/voting_results_bg.gif) no-repeat;
		position: 	relative;
		z-index:    -1;
	}
	
	
	
	#voting_top {
		font-size:	14px;
		font-weight:bold;
		color:		#000;
		width:		465px;
		height:		18px;
		margin-left:10px;	
		padding-top: 3px;
	}
	
	#listHeader  
	{
		padding-top: 3px;
		height:		20px;
		font-size:	14px;
		font: bold 14px "Trebuchet MS";
	}
	
	
	
	#voting_results #listHeader .listHeaderlink{
	color: #000000;	
	text-decoration: none;
	
	}
	#voting_results #listHeader .listHeaderlink:hover{
	text-decoration: underline;
	}
	
	
	#voting_names 
	{
		width:		480px;
		height:		350px;
		overflow-y:	auto;
		margin: 	0px 0 0 10px;
	}
	
	
	
	.listTop {
		background-color:	#ffad42;
		font-size:			13px;
		
	}
	.listTop td {
		padding:		2px 0 2px 0;
		text-align:		center;
		border-bottom:	1px solid #e28000;
	}
	.listTop .name {
		padding-left:	5px;
		text-align:		left;
	}
	.px40 {
		width: 40px;	
	}
	.px60 {
		width: 60px;	
	}
	.px75 {
		width: 75px;	
	}
	
	.altRow, .listRow {
		background-color:	#e89932;
		font-size:			12px;
	}
	.altRow td, .listRow td {
		padding:		1px 0 1px 0;
		text-align:		center;
		border-bottom:	1px solid #e28000;
	}
	.altRow .name, .listRow .name {
		padding-left:	5px;
		text-align:		left;
	}
	
	#footer {
		margin-top: 25px;
		text-align: center;	
	}
	
	#footer a {
		color:	#000;
	}
/* ---------------------------------------- */


/* Right */
/* ---------------------------------------- */
	#flag {
		width:		355px;
		height:		215px;
		position: 	absolute;
		top:		0;
		right:		1px;	
	}
	
	#logo {
		width:		349px;
		height:		155px;
		background:	#fff url(Images/frambjodandi_logo.gif) no-repeat;
		position: 	absolute;
		top:		204px;
		right:		1px;
	}
	
	#nav {
		position: 	absolute;
		top:		378px;
		right:		85px;
	}
	
	#nav ul {
		margin: 	0;
		padding: 	0;
		list-style:	none;	
	}
	
	#nav ul li {
			
	}
	
	#nav ul li a {
		width:		187px;
		height:		24px;
		display:	block;
		text-indent:-1000em;
		margin-bottom: 1px;
	}
	
	#button1 a {
		background: #fff url(Images/button1.gif) no-repeat;	
	}
	#button1 a:hover {
		background: #fff url(Images/button1.gif) 0 -24px no-repeat;	
	}
	
	#button2 a {
		background: #fff url(Images/button2.gif) no-repeat;	
	}
	#button2 a:hover {
		background: #fff url(Images/button2.gif) 0 -24px no-repeat;	
	}
	
	#countdown {
		width:		249px;
		height:		116px;
		background:	#fff url(Images/countdown.gif) no-repeat;
		
		position: 	absolute;
		top:		446px;
		right:		60px;
	}
	
	#countdown_time {
		font-size:	30px;
		position:	absolute;
		top:		50px;
		left:		8px;
	}
	
	#countdown_time span {
		font-size:	18px;	
	}
/* ---------------------------------------- */

