/*
	Hestaleit CSS screen view
*/

img {
	border:0;
}

hr {
	margin-top: 5px;
	height: 1px;
	border: 1px;
	background-color: #bbb;
	color: #bbb;
	clear: both;
}



select {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
}

/* general */




/* Boxes for various uses around the page */

.content_main_searchbox {
	border:1px solid #bbb; 
	margin:4px 0px 0px 5px; 
	width: 290px; 
	float: left;
}

.content_main_searchbox h2 {
	font-size:14px; 
	background-image: url('/pictures/back-frame.png');
	background-repeat: repeat-x;
	padding:2px; 
	margin:0; 
	text-align: left; 
	padding-right: 10px;
}




/* Content-main boxið */
.content_main_searchbox p {
	margin: 0px 5px 0px 5px;
}

.content_main_searchbox_content,.content_main_right_box_content,.alter_main_right_box_content,.content_main_left_ullist {
	padding: 5px 0px 5px 5px;	
}

.content_main_searchbox_content select {
	width: 100px;
}

.content_main_searchbox_content input {
	width: 85px;
}

.content_main_searchbox_content label {
	display: inline-block;
	width: 50px;
	text-align: right;
	padding-right: 5px;
}


.content_main_searchbox_content_big select {
	width: 203px;
}
/* Content Horse Alter and Add */
.content_horse_alter select {
	display: inline;
	padding-left: 5px;
	width: 60px;
}

.content_horse_alter label {
	width: 80px; 
	margin-right: 5px; 
	text-align: right;
	display: inline-block;  
}

.content_horse_alter label.error {
	margin-left: 85px;
	color: #F00;
	width: 100%;
	display: block;  
	text-align: left;
}

.content_horse_image_fields_div_left {
	display: inline;
	float: left;
	width: 60%;
	padding: 5px;
}

.content_horse_image_fields_div_right {
	display: inline;
	float: left;
	width: 30%;
	padding: 5px;
}

/* Alter right box */
.alter_main_right_box {
	border:1px solid #bbb; 
	margin: 4px 0px 0px 5px; 
	width: 580px;
	float: left;
}

.alter_main_right_box h2 {
	font-size:14px; 
	background-image: url('/pictures/back-frame.png');
	background-repeat: repeat-x;
	padding:2px; 
	color:#FFF; 
	margin:0; 
	text-align: left;
	padding-right: 10px;
}

.alter_main_right_box_content ul {
	list-style:none; 
	white-space: nowrap; 
	display: inline;
}

.alter_main_right_box_content li {
	display: inline;
	float: left;
	width: 100px;
}

.alter_price_content {
	float: left;
	width: 40%;
	padding: 5px;
}
.alter_type_content {
	float: left;
	width: 55%;
	padding: 5px;
}
.alter_type_content ul {
	list-style:none; 
	white-space: nowrap; 
	display: inline;
}

.alter_type_content li {
	display: inline;
	float: left;
	width: 100px;
}

/* Content right box */
.content_main_right_box {
	border:1px solid #bbb; 
	margin: 4px 0px 0px 5px; 
	width: 320px;
	float: left;
}

.content_main_right_box h2 {
	font-size:14px; 
	background-image: url('/pictures/back-frame.png');
	background-repeat: repeat-x;
	padding:2px; 
	color:#FFF; 
	margin:0; 
	text-align: left;
	padding-right: 10px;
}

.content_main_right_box_content ul {
	list-style:none; 
	white-space: nowrap; 
	display: inline;
}

.content_main_right_box_content li {
	display: inline;
	float: left;
	width: 100px;
}
.content_main_left_ullist {
	width: 260px;
	float: left;
	padding-left: 60px;
}
.content_main_left_ullist ul {
	text-align: left;
	list-style:none; 
	white-space: nowrap; 
	display: inline;
}

.content_main_left_ullist li {
	float: left;
	width: 100px;
}
/* Content Search Listing */
.loggedin {
	display: inline;
}

.content_main_search_listing {
	width: 100%;
}

.content_main_search_listing_img {
	margin: 10px;
	margin-bottom: 0px;
	display: inline;
	float: left;
}

.content_main_search_listing_content {
	margin-top: 5px;
	float: left;
	width: 65%;
}


.content_main_search_listing_price {
	display: inline;
	float: right;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #53583d;
}




.content_main_search_listing_name {
	float: left;
	margin-bottom: 5px;
	font-size: medium;
	font-style: normal;
	font-weight: bold;
}


/* Content Search list checklists */
.content_main_search_listing_checklists {
	margin-left: 20px;
	width: 100%;
}

.content_main_search_listing_checklists ul {
	float: left;
	font-size: small;
	padding: 0px;
	margin: 0;
	width: 45%;
	list-style: none;
}

.content_main_search_listing_idnumber {
	float: right;
	text-align: right;
	font-size: x-small;
	font-style: normal;
	color: #323232;
	text-decoration: none;
}

.content_main_search_listing_seller {
	padding-left: 105px;
	float: left;
	margin-left: 0px;
	font-size: x-small;
	font-style: normal;
	color: #323232;
	text-decoration: none;
}
.content_main_search_listing_seller_mini {
	padding-left: 15px;
	float: left;
	margin-left: 0px;
	font-size: x-small;
	font-style: normal;
	color: #323232;
	text-decoration: none;
}

.content_main_search_listing_notitle {
	font-size: large;
	font-style: normal;
	font-weight: bold;
	color: #323232;
	margin-bottom: 2px;
	margin-top: 10px;
	float: left;
}

/* Viewing horses page */
.content_view_nameandprice  {
	width: 100%;
}

.content_view_nameandprice_name {
	font-size: large;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 10px;
	float: left;
}

.content_view_nameandprice_idnumber a {
	display: inline;
	margin-left: 6px;
	margin-bottom: 2px;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.content_view_nameandprice_amount {
		float:right;
		text-align: right;
		margin-bottom: 10px;
}

.content_view_nameandprice_price0 {
	font-size: medium;
	font-style: normal;
	font-weight: bold;
	color: #53583d;
}

.content_view_nameandprice_price {
	font-size: small;
	font-style: normal;
	color: #666666;
}
/* View Right Side */

.content_view_pic_leftside {
	text-align: center;
	float: left; 
	margin-top: 0px;
	width: 400px;
}
.content_view_rightside {
	text-align: center;
	float: right; 
	margin-top: 0px;
	width: 400px;
}

.content_view_rightside_picsearch {
	margin-top: 10px;
	padding-left: 2px;
	padding-bottom: 10px;
	text-align: center;
} 

/* View Horse Info */
.content_view_horseinfo {
	float: left; 
	margin-left: 8px;
	width: 375px;
}

.content_view_horseinfo_checklists {
	width: 100%;
}

.content_view_horseinfo_checklists ul {
	padding: 0px;
	margin: 0;
	float:left;
	width: 48%;
	font-size: small;
	list-style: none;
}

.content_view_horseinfo_typeandesc {
	width: 100%;
}

.content_view_horseinfo_typeandesc ul {
	padding: 0px;
	margin: 0;
	font-size: small;
	list-style: none;
	color: #000;
}

.content_view_horseinfo_typeandesc_products {
	display: none; 
	background-color:#CCC; 
	padding: 5px;
}

.content_view_horseinfo_description {
	margin-top: 2px; 
	margin-bottom: 5px; 
	font-size: small;
	font-style: normal;
	color: #000000;
}

/* View HorseInfo Sales Person */
.content_view_salesperson {
	width: 400px;
	float: left;
	margin-bottom: 0px;
	margin-left: 20px;
}

.content_view_salesperson h3 {
	font-size: medium;
	font-style: normal;
	font-weight: normal;
	color: #5b5b5b;
}

.content_view_salesperson span {
	display: block;
	font-style: 20em;
	font-weight: normal;
	color: #5b5b5b;
	margin-left: 10px;
}

.content_view_salesloc {
	float: right;
	padding-top: 10px;
}

.content_view_salesloc h4 {
	width: 100%;
	text-align: center;
}

.content_view_salesloc a {
	color: #fff;
}

.content_view_salesloc a:hover {
	color:#ffc300;
}

/* Message Box Error CSS */
.content_messagebox{
	width:100px;
	margin-left:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.content_messagebox_ok {
	width:auto;
	margin-left:15px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:normal;
	color:#008000;
	
}
.content_messagebox_error {
	width:auto;
	margin-left:15px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:normal;
	color:#CC0000;
}
.content_accept_no {
	display: none;
}
.content_accept_ok {
	display: inline;
}

.content_box_message_ok {
	display: block;
	width:100%;
	border:1px solid #349534;
	background-color:#C9FFCA;
	background-image:url('/pictures/icons/accept.png');
	background-repeat:no-repeat;
	background-position: 5px 5px;		
	padding:3px;
	padding-left: 25px;
	font-weight:bold;
	color:#008000;
}

.content_box_message_info {
	display: block;
	width:100%;
	border:1px solid #CC0000;
	background-color:#CC0000;
	padding:3px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	
}

.content_box_message_info a {
	color:#FFFFFF;
}

.content_box_message_info a:hover {
	color: #FFFFFF;
}
.content_box_message_ok a {
	color:#008000;
}

.content_box_message_ok a:hover {
	color: #0C0;
}

.content_box_message_error {
	display: block;
	width:100%;
	border:1px solid #CC0000;
	background-color:#F7CBCA;
	background-image:url('/pictures/icons/error.png');
	background-repeat:no-repeat;
	background-position: 5px 5px;		
	padding:3px;
	padding-left: 25px;
	font-weight:bold;
	color:#CC0000;
	
}
.content_boxmessage {
	display: none;
}

.content_boxmessage_show {
}

/* Display and not display information about kynbótamat and kynbótardómur */

.content_kyn_show,.content_kyn_hide,.content_domur_show,.content_domur_hide,.content_domur_nothide {
	width: 100%; 
	list-style: none;
}

.content_kyn_show,.content_domur_show {
	font-weight: bold;
}

.content_kyn_hide,.content_domur_hide {
	display: none;
}

/* random stuff */
#content_user_information_p label {
	margin-left: 5px;
}

#content_newly_photo {
	float: left;
	margin-right: 5px;
	margin-left: 0px;
}

.clear { clear: both;}


/* Pedigree */

#container {
	
}

.firstcolumn {
	float: left;
	width: 25%;
	display:table-cell;
	vertical-align: middle;
}

.secondcolumn {
	float: left;
	width: 25%;

}

.thirdcolumn {
	float: left;
	width: 25%;

	
}

.forthcolumn {
	float: left;
	width: 25%;
			  
}