@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Generella klasser ~~~~~~~~~~~~~~~~~~~~~~~~ */

.clear
	{
		clear: both;
	}
	
.rounded
	{
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
.green
	{
		color: #729c21;
		font-weight: bold;
	}

.red
	{
		color: #9c2121;
		font-weight: bold;
	}
	
.line
	{
		border: 1px solid #ccc;
		border-bottom: 0;
		color: #ccc;
		background: #ccc;
		height: auto !important;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Boxar ~~~~~~~~~~~~~~~~~~~~~~~~ */

.fullBox
	{
		width: 880px;
		padding: 10px;
		background: url('../images/fullBoxBg.png') repeat-x #e3e3e3;
		margin-top: 20px;
	}
	
.halfBox
	{
		width: 420px;
		float: left;
		margin-left: 10px;
	}
	
.thirdBox
	{
		width: 280px;
		float: left;
		margin-left: 10px;
	}
	
.thirdBox ul
	{
		list-style: none;
	}

.thirdBox ul li
	{
		margin-left: 10px;
		display: inline;
		padding: 5px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Registrarerna på index-sidan ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.object
	{
		margin-top: 20px;
		border-top: 1px solid #ccc;
		padding-top: 10px;
	}
	
.object ul
	{
		list-style: none;
	}
	
.object ul li
	{
		display: block;
		float: left;
		margin-left: 5px;
		padding: 5px 20px;
		border-right: 1px dashed #ccc;
	}
	
.object .noline
	{
		border-right: 0;
	}
	
.header
	{
		width: 120px;
		background: url('../images/headerBg.png') repeat-x #cdcdcd;
		padding: 10px;
		text-align: center;
		border: 1px solid #c1c1c1;
		-webkit-box-shadow: inset 1px 1px 1px #fff;
		-moz-box-shadow: inset 1px 1px 1px #fff;
		box-shadow: inset 1px 1px 1px #fff;
	}
	
.details
	{
		cursor: pointer;
	}
	
.detailsBox
	{
		width: 830px;
		border-top: 1px solid #ccc;
		padding-top: 4px;
		margin: 10px 0 0 30px;
		background:url('../images/listDetailBg.png') repeat-x top;
		display: none;
	}
	
.detailsBox ul
	{
		list-style: none;
		width: 600px;
		float: left;
	}

.detailsBox ul li
	{
		display: block;
		margin-left: 5px;
		float: none;
		border-right: none;
		font-size: 0.9em;
	}
	
.cross
	{
		float: right;
		margin: 5px 10px 0 0;
	}
	
.close
	{
		cursor: pointer;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Färg ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.color
	{
		color: #b7b7b7;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Forms och fält ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
.field
	{
		width: 280px;
		height: 20px;
		padding: 5px;
		border: 1px solid #bcbcbc;
		background: #f9f9f9;
	}
	
.searchField
	{
		width: 500px;
		height: 26px;
		padding: 5px;
		border: 1px solid #bcbcbc;
		background: #fff;
		font-size: 1.2em;
		color: #999;
		*padding: 10px;
		*height: 20px;
	}
	
.select
	{
		width: 250px;
		height: 30px;
		padding: 5px;
		border: 1px solid #bcbcbc;
		background: #fff;
	}
	
.textarea
	{
		width: 400px;
		height: 200px;
		border: 1px solid #bcbcbc;
		background: #fff;
		font-family: Arial, Helvetica, sans-serif;
	}