@charset "utf-8";
/* CSS Document */
	/**
	 * Import
	 */
	@import url("/resources/aui/build/style/collection.css");
	@import url("/resources/yui/build/reset/reset.css");
	@import url("A8-Paginator.css");
	
	/**
	 * Global
	 */
	html{
		background-color:rgb(255,255,255);/*=color:main-background*/
		background-image:url(/styles/templates/default/img/undirgrund-default.png);
		background-repeat:repeat-x;
		
	}
	body{
		text-align:center;
		color:rgb(102,102,102);/*=color:dark-border*/
	}
	body a{
		color:rgb(102,102,102);/*=color:dark-border*/
	}
	.clear-both{clear:both;}
	/**
	 * =corners
	 */
	.tl{position:absolute; top:0px; left:0px}
	.tr{position:absolute; top:0px; right:0px;}
	.br{position:absolute; bottom:0px; right:0px;}
	.bl{position:absolute; bottom:0px; left:0px;}
	

	/*=========================================================================================================
		GRID
	==========================================================================================================*/

	/**
	 * =wrapper
	 */
	div#wrapper{
		text-align:left;
		width:950px;
		margin:40px auto;	
		border:4px solid rgb(237,237,237);/*=color:light-border*/
		position:relative;
		background-color:rgb(255,255,255);/*=color:main-background*/
	}
		.corner-wrapper-tl{margin:-4px 0px 0px -4px;}
		.corner-wrapper-tr{margin:-4px -4px 0px 0px;}
		.corner-wrapper-br{margin:0px -4px -4px 0px;}
		.corner-wrapper-bl{margin:0px 0px -4px -4px;}
	
		/**
		 * =hd
		 */
		div#wrapper div#hd{
			border-bottom:2px solid rgb(237,237,237);/*=color:light-border*/ 
		}
			/**
			 * =brand
			 */
			div#wrapper div#hd div#brand{position:relative;}
			div#wrapper div#hd div#brand h1{display:none}
			div#wrapper div#hd div#brand a.home-btn{
				position:absolute;
				top:-30px;
				left:20px;
				z-index:5000;
			}
			/**
			 * =toolbar
			 */
			div#wrapper div#hd div#toolbar{}
		/**
		 * =bd
		 */
		div#wrapper div#bd{
			border-bottom:2px solid rgb(237,237,237);/*=color:light-border*/ 
			clear:both;
			/*background:yellow;*/
		}
			/**
			 * =navigation
			 */
			div#wrapper div#bd div#navigation{
				width:195px;
				float:left;
				border:0px solid blue;
				padding-bottom:4px;
			}
			/**
			 * =body
			 */
			div#wrapper div#bd div#body{
				width:755px !important;
				width:745px;
				float:right;
				border:0px solid green;
			}
				/**
				 * =content
				 */
				div#wrapper div#bd div#body div#content{
					width:570px !important;
					width:555px;
					float:left;
					border:0px solid red;
				}
				/**
				 * =side
				 */
				div#wrapper div#bd div#body div#side{
					width:185px !important;
					width:185px;
					float:right;
					position:relative;
					border:0px solid blue;
				}
				div#wrapper div#bd div#body div#side a.buy-sheep-btn{
					display:block;
					top:-20px;
					left:40px;
					position:relative;	
				}
				div#wrapper div#bd div#body div#side a.buy-product-btn{
					display:block;	
				}
		/**
		 * =ft
		 */
		div#wrapper div#ft{
			clear:both;
			text-align:center;
			padding:5px 0px;
		}
			div#wrapper div#ft ul{}
			div#wrapper div#ft ul li{display:inline;}
			div#wrapper div#ft ul li#company{font-weight:bold;}
			div#wrapper div#ft ul li#ssn{}
			div#wrapper div#ft ul li#phone{}
		
		
		
		
		
	/*=========================================================================================================
		CUBES
	==========================================================================================================*/	
		
	/**
	 * Global for cubes
	 */
	.avatar img{
		border:1px solid rgb(237,237,237);/*=color:light-border*/ 
		padding:3px;
		margin:0px 3px 0px 0px;	
	}
	.date{
		font-size:70%;
	}
	.admin-href-button{
		font-weight:bold;
	}
	.back{}
	a.buy{}
		
	/**
	 * =toolbar =A8-Language-Picker
	 */	
	div#toolbar	div.A8-Language-Picker{
		position:absolute;
		top:-30px;
	}
	div#toolbar	div.A8-Language-Picker ul{float:right;}
	div#toolbar	div.A8-Language-Picker ul li{
		float:left;
		padding:0px 0px 0px 5px;
	}
	div#toolbar	div.A8-Language-Picker ul li.first{}
	div#toolbar	div.A8-Language-Picker ul li.last{}
	div#toolbar	div.A8-Language-Picker ul li a{}
	div#toolbar	div.A8-Language-Picker ul li a.select{}
	div#toolbar	div.A8-Language-Picker ul li a:hover{}
	
	/**
	 * =navigation =A8-MainMenu
	 */
	div#navigation div.A8-MainMenu{}
	div#navigation div.A8-MainMenu ul{
		margin:5px 0px 10px 3px;
		background-image:url(/styles/templates/default/img/undirgrund-mainmenu.png);
		background-repeat:no-repeat;
		/*border-left:1px solid rgb(237,237,237);/*=color:light-border*/ 
		/*border-right:1px solid rgb(237,237,237);/*=color:light-border*/
		width:184px; 
	}
	div#navigation div.A8-MainMenu ul ul{
		background-image:none;
		margin:0px 0px 0px 0px;
		border:none;
	}
	div#navigation div.A8-MainMenu ul li{
		padding:0px 0px 0px 10px;
		border-bottom:1px solid rgb(237,237,237);/*=color:light-border*/ 
	}
	div#navigation div.A8-MainMenu ul li.first{padding-top:10px;}
	div#navigation div.A8-MainMenu ul li.last{padding-bottom:5px;}
	div#navigation div.A8-MainMenu ul ul li{border:none;}
	div#navigation div.A8-MainMenu ul ul li.last{
		background-image:none;
		border:none;
	}
	div#navigation div.A8-MainMenu ul li a{
		display:block;
		text-decoration:none;
	}
	div#navigation div.A8-MainMenu ul li a.mainmenu-2{font-weight:bold;}
	div#navigation div.A8-MainMenu ul li a.selected{color:green;/*=color:dark-green*/}
		
	/**
	 * =navigation =A8-User-login
	 */
	div#navigation div.A8-User-login{}
	div#navigation div.A8-User-login form{
		padding:5px;
	}
	div#navigation div.A8-User-login form input{
		margin:2px 0px;	
	}
	div#navigation div.A8-User-login form legend{display:none;}
	div#login-form-wrapper{
		position:relative;
		background-image:url(/styles/templates/default/img/undirgrund-login.png);
		background-repeat:no-repeat;
		background-position:bottom;
		background-color:rgb(210,226,254);/*=color:light-blue*/
		width:184px;
		background-repeat:no-repeat;
		margin-left:3px;
	}	
		
		
	/**
	 * =brand A8-Rotator
	 */
	div#brand div.A8-Rotator{
		padding:3px 0px 0px 3px;	
	}
	
	
	/**
	 * =content =A8-News
	 */
	div#content div.A8-News{}
	div#content div.A8-News div.A8-News-Item{
		margin:0px 0px 10px 0px;
		padding:0px 0px 10px 0px;
		border-bottom:1px solid rgb(237,237,237);/*=color:light-border*/ 
	}
	div#content div.A8-News div.last{border:none;}
	div#content div.A8-News div.header{}
	div#content div.A8-News div.header h2{
		font-weight:bold;	
		font-size:116%;
	}
	div#content div.A8-News div.header h2 a{text-decoration:none;}
	div#content div.A8-News div.header span{
		display:block;
		text-align:right;
	}
	div#content div.A8-News div.body{}
	div#content div.A8-News div.body div.avatar{
		float:left;
	}
	div#content div.A8-News div.body div.text{}
	div#content div.A8-News div.body div.text p{margin:5px 0px;}
	div#content div.A8-News div.body div.text p:first-letter{margin-left:20px;}
	div#content div.A8-News div.body div.text img{}
	div#content div.A8-News div.body div.text ul{}
	div#content div.A8-News div.body div.text a{}
	div#content div.A8-News div.body div.text a:hover{}
	
	div#content div.A8-News div.footer{clear:both;}
	div#content div.A8-News div.footer div.more{
		text-align:right;
	}
		
	/**
	 * =content =A8-StaticText
	 */
	div#content div.A8-StaticText{margin-top:5px;}
	div#content div.A8-StaticText h1,
	div#content div.A8-StaticText h2{
		margin:5px 0px;
		font-weight:bold;
	}
	div#content div.A8-StaticText h1{font-size:131%;}
	
	div#content div.A8-StaticText img{
		border:1px solid rgb(237,237,237);/*=color:light-border*/
		padding:3px;
	}
	div#content div.A8-StaticText p{
		margin:0px;
		padding:0px;
	}
	div#content div.A8-StaticText p:first-letter{
		margin-left:20px;
	}
	
	
	
	
	ul.sheep-item-list{
		clear:both;
	}
	ul.sheep-item-list li{
		float:left;	
		width:33.3%;
	}
	/**
	 * =content =Sheep-farmlist
	 
	div#content div.Sheep-farmlist{}
	div#content div.Sheep-farmlist ul{clear:both;}
	div#content div.Sheep-farmlist ul li{
		float:left;	
		width:50%;
		height:200px;
	}
	div#content div.Sheep-farmlist ul li div.avatar{float:left;}
	div#content div.Sheep-farmlist ul li .location{clear:both;}
	div#content div.Sheep-farmlist ul li div.item{clear:right;}
	
	div#content div.Sheep-farmlist ul li div.buyingoptions .rent a,
	div#content div.Sheep-farmlist ul li div.buyingoptions .buy a{
		display:block;
		float:right;
		padding-left:15px;
		margin-top:5px;
		margin-right:25px;
		background-image:url(/styles/templates/default/img/btn-arrow.png);
		background-position:left;
		background-repeat:no-repeat;
		text-decoration:none;
	}
	div#content div.Sheep-farmlist ul li div.buyingoptions .rent{color:blue;}
	div#content div.Sheep-farmlist ul li div.buyingoptions .buy{color:red;}
	
	div#content div.Sheep-farmlist form#SheepChangeFarm_form{
		background-color:rgb(210,226,254);
		margin:5px 0px;
		padding:5px;
		position:relative;
	}
	div#content div.Sheep-farmlist ul.buttons li{
		float:none;
		height:auto;
	}
	*/
	/* */
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li{
		height:auto;
		float:none;
		margin:5px 0px;
		width:100%;
	}
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li h3{
		font-weight:bold;
		margin:0px 0px 5px 0px;
	}
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul ul.buttons{clear:both;}
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li.first{margin-top:15px;}
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li.last{margin-bottom:15px;}
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li table.information{}
	
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li table.information td,
	div#content div.Sheep-farmlist div.Sheep-ownerlist ul li table.information th{
		padding:0px 2px;
		border-bottom:1px solid rgb(237,237,237);/*=color:light-border*/
		vertical-align:top;
	}
	/**
	 * =content =Sheep-sheepentry
	 */
	div#content div.Sheep-sheepentry{}
	div#content div.Sheep-sheepentry{margin-top:5px;}
	div#content div.Sheep-sheepentry h3{font-weight:bold;}
	div#content div.Sheep-sheepentry div.avatar{float:left;}
	div#content div.Sheep-sheepentry div.description{clear:both;}
	div#content div.Sheep-sheepentry div.pictutrelist{}
	div#content div.Sheep-sheepentry ul.pictutrelist{}
	div#content div.Sheep-sheepentry ul.pictutrelist li{float:left;}
	div#content div.Sheep-sheepentry ul.sheep-toolbar{clear:both}
	
	div#content div.Sheep-sheepentry table.properties{}
	

	div#content div.Sheep-sheepentry table.properties th{}
	
	div#content div.Sheep-sheepentry table.properties thead,
	div#content div.Sheep-sheepentry table.properties tfoot{display:none}
			
	/**
	 * =navigation =Sheep-User
	 */
	div#navigation div.Sheep-User{
		position:relative;
		background-image:url(/styles/templates/default/img/undirgrund-panel.png);
		background-repeat:no-repeat;
		background-position:bottom;
		background-color:rgb(126,187,146);/*=color:light-green*/
		width:174px;
		background-repeat:no-repeat;
		margin:5px 0px 5px 3px;	
		padding:5px;
		color:white;	
	}
	div#navigation div.Sheep-User h3{font-weight:bold;}
	div#navigation div.Sheep-User a{color:white;}
		
		
	/**
	 * =content =Sheep-Myprofile
	 */
	div#content div.Sheep-Myprofile{
		margin-top:5px;
	}
	
	/**
	 * =content =Sheep-password
	 */
	div#content div.Sheep-password{
		margin-top:5px;
	}	

	
	/**
	 * =Sheep-editform
	 */
	form.Sheep-editform{
		background-color:rgb(210,226,254);/*=color:light-blue*/
		position:relative;
		padding:5px;
		margin-bottom:10px;
	}
	form.Sheep-editform fieldset div{clear:both;}
	form.Sheep-editform fieldset div label{width:200px;}
	form.Sheep-editform fieldset div input,
	form.Sheep-editform fieldset div label,
	form.Sheep-editform fieldset div select{
		display:block;
		float:left;	
		margin:2px;
	}
		
		
	/**
	 * =content =Sheep-farmentry
	 */
	div#content div.Sheep-farmentry{margin-top:5px;}	
		
		
	table.Sheep-personlist-item{margin:5px 0px;}
	table.Sheep-personlist-item td{
		padding:0px 4px;
		border-bottom:1px solid rgb(237,237,237);/*=color:light-border*/
	}
	table.Sheep-personlist-item thead td{font-weight:bold;}
		
		
		
	/**
	* Sheeps
	*/
		.Sheep-farmlist { padding:10px; }
		
	/**
	* =Sheep-tab-list
	*/
	ul.sheep-tab-list{
		height:24px;
		border-bottom:2px solid #D2E2FE;
		margin-bottom:10px;
	}
		ul.sheep-tab-list li.sheep-tab-item{
			float:left;
			margin-right:2px;
		}
		ul.sheep-tab-list li.selected {
			background:#D2E2FE;		
			font-weight:bold;
		}
			
			ul.sheep-tab-list li a {
				text-decoration:none;
				display:block !important;
				display:inline;
				height:24px;
				line-height: 24px;
				background: url(../img/tab-left.png) no-repeat top left;
				color: #004180;
			}
				ul.sheep-tab-list li a span {
					display:block !important;
					display:inline;
					height:24px;
					padding:0 15px;
					background:url(../img/tab-right.png) no-repeat top right;
				}
			ul.sheep-tab-list li a:hover {
				background: url(../img/tab-selected-left.png) no-repeat top left;
			}
				ul.sheep-tab-list li a:hover span {
					background:url(../img/tab-selected-right.png) no-repeat top right;
				}
			
			ul.sheep-tab-list li.selected a {
				background: url(../img/tab-selected-left.png) no-repeat top left;
				
			}
				ul.sheep-tab-list li.selected a span {
					background:url(../img/tab-selected-right.png) no-repeat top right;
				}
		
		
	/**
	 * =Sheep-item-list
	 */
	ul.sheep-item-list {}
		ul.sheep-item-list li {
			border:0px solid red;
			width:275px !important;
			width:265px;
		}
			ul.sheep-item-list li .item {
				padding:10px;
			}
				ul.sheep-item-list li .item a {
					text-decoration: none;
				}
				ul.sheep-item-list li .item .avatar {
					float:left;
				}

				ul.sheep-item-list li .item h3.names,
				ul.sheep-item-list li .item .buyingoptions {
					width:140px !important;
					width:130px;
					float:right;
				}
				
				ul.sheep-item-list li .item h3.names {
					font-weight:bold;
					margin:5px 0;
				}
					ul.sheep-item-list li .item h3.names a { color: #333; }
				
				ul.sheep-item-list li .item .buyingoptions {
				}
					
					ul.sheep-item-list li .item .buyingoptions .buy a,
					ul.sheep-item-list li .item .buyingoptions .rent a {
						padding-left:20px;
						color:#333;
						color:#427E55;
					}
					
					ul.sheep-item-list li .item .buyingoptions .buy a {
						background:url(../img/cart.gif) no-repeat 0% 45%;					
					}
					
					ul.sheep-item-list li .item .buyingoptions .rent a {
						background:url(../img/rent.gif) no-repeat 0% 45%;					
					}
				
					ul.sheep-item-list li .item .buyingoptions .sheep-owner {
						font-size:11px;
						font-style: italic;
					}
		
		/**
		* The One man army sheep
		*/
		.Sheep-sheepentry {
			padding:15px !important;
			padding:0px;
		}
			.Sheep-sheepentry .item {}
				.Sheep-sheepentry .item .avatar {
					float:left;
					margin-right:10px;
				}
				.Sheep-sheepentry .item table.properties {
					width:230px;
					margin-bottom:15px;
				}
					.Sheep-sheepentry .item table.properties th {
						font-weight:bold;
					}
					.Sheep-sheepentry .item table.properties tbody tr th,
					.Sheep-sheepentry .item table.properties tbody tr td {
						padding:3px 1px;
						border-bottom:1px solid #ececec;
						font-size:12px;
					}
						.Sheep-sheepentry .item table.properties tbody tr td a {
							text-decoration: none;
							color:#004180;
						}
				
				.Sheep-sheepentry .item a.buy,
				.Sheep-sheepentry .item a.back {
					padding-left:20px;
					color:#333;
					color:#427E55;
					display:block;
				}
				
				.Sheep-sheepentry .item a.buy {
					background:url(../img/cart.gif) no-repeat 0% 45%;
				}
				.Sheep-sheepentry .item .description {
					float:right;
					width:240px;
				}
					.Sheep-sheepentry .item .description h3 {}
					.Sheep-sheepentry .item .description p { margin-bottom:10px; }
					
				.Sheep-sheepentry .item ul.pictutrelist {
					float:left;
					width:280px;
				}
					.Sheep-sheepentry .item ul.pictutrelist li.avatar {
						margin:1px;
					}
				.Sheep-sheepentry .item ul.sheep-toolbar {}
				.Sheep-sheepentry .item a.back {
					background:url(../img/prev.gif) no-repeat 0% 40%;
					display:block; margin-top:5px;
				}
		
		
		
	.error{
		padding:5px 5px 5px 35px;
		margin:5px;
		background-color:yellow;
		background-image:url(/resources/icon/fugue/exclamation.png);
		background-repeat:no-repeat;
		background-position: 10px 50%;
		font-weight:bold;
		color:gray;
	}
	.error-message{
		padding:5px;
		margin:5px;
		font-weight:bold;
		color:gray;
	}