
#mp-cnt-frame {
	float: left;
}

/* = mypedigree (general)
-------------------------------------------------- */
body {
	height: 100%;
}

input,
select,
option,
textarea {
	font-family: arial, sans-serif;
}

#mypedigree {
	width: 615px;
}

#mypedigree .form p:after,
#lightbox .content:after,
#lightbox .content .controls:after,
#mypedigree .profile li fieldset dl:after,
#lightbox #lightbox-content:after {
	content: " ";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

#mypedigree .form p,
#lightbox .content,
#lightbox .content .controls,
#mypedigree .profile li fieldset dl,
#lightbox #lightbox-content {
	zoom: 1;
}

#mypedigree h3 {
	font-size: 1.25em;
	color: #faba00;
	margin: 0 0 1em 0;
}

#lightbox h4,
#mypedigree h4 {
	font-size: 1.0833em;
	margin: 0 0 1em 0;
}

#lightbox h5,
#mypedigree h5 {
	font-size: 1em;
	margin: 0 0 1em 0;
}

#mypedigree p,
#mypedigree dl {
	margin: 0 0 1em 0;
}

#mypedigree a.ctrl {
	text-decoration: none;
	background: url(../img/icons/control.png) no-repeat left center;
	padding-left: 15px;
}

#mypedigree .controls {
	text-align: right;
}

#mypedigree .controls a.ctrl {
	margin-left: 15px;
}
/* /mypedigree (general) */

/* = symbol
-------------------------------------------------- */
#mypedigree .symbol {
	min-height: 75px;
	_height: 75px;
	padding-left: 75px;
}

#mypedigree .dog {
	background: url(../img/icons/symbol_dog.png) no-repeat;
}

#mypedigree .member {
	background: url(../img/icons/symbol_member.png) no-repeat;
}

#mypedigree .news {
	background: url(../img/icons/symbol_newsletter.png) no-repeat;
}

#mypedigree .puppy {
	background: url(../img/icons/symbol_puppy.png) no-repeat;
}

#mypedigree .napf{
background: url(../img/icons/symbol_napf.png) no-repeat;
}
/* /symbol */

/* = form
-------------------------------------------------- */
#mypedigree .form,
#mypedigree .form .form-end {
	display: block;
	background: url(../img/elements/form_bg.png) repeat-y;
}

#mypedigree .form {
	width: 615px;
}

#mypedigree .form fieldset {
	padding: 1em;
}

#mypedigree .form p {
	position: relative;
	clear: both;
	margin-bottom: .75em;
}

#mypedigree .form .form-end {
	background-position: left bottom;
	padding-top: 0;
}

#mypedigree .form .form-end p {
	position: static;
	clear: none;
	margin: 0;
}

#mypedigree .form p.indent {
	margin-left: 105px;
}

#mypedigree .form p.indent a {
	margin-right: .5em;
}

#mypedigree .form p label,
#mypedigree .form p input {
	float: left;
}

#mypedigree .form p label {
	width: 105px;
	margin-bottom: 2px;
}

#mypedigree .form p input {
	position: absolute;
	bottom: 0;
	width: 306px;
	padding: 1px;
	border-color: #c7c7c7 #eee #eee #c7c7c7;
	border-style: solid;
	border-width: 1px;
}

#mypedigree form label.checkbox {
	position: relative;
	display: block;
	padding-left: 20px;
}

#mypedigree form .checkbox input {
	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	border: 0;
	margin-top: 1px;
	*margin-top: -2px;
	margin-left: 0;
	*margin-left: -3px;
}

#mypedigree .form label.checkbox {
	width: 306px;
}

#mypedigree .form .indent .checkbox a {
	margin: 0;
}

#lightbox .button,
#mypedigree .button {
	cursor: pointer;
	overflow: visible;
	float: right;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/icons/button.png) no-repeat right center;
	padding: 0 20px 1px 0;
	*padding: 1px 20px 0 0;
	_margin-top:6px;
	border: 0;
	margin-left: 2em;
}

#lightbox input.button {
	_margin-top: 5px;
}

#lightbox a.button {
	padding: 1px 23px 1px 0;
}

#lightbox .button:hover,
#lightbox .button:focus,
#lightbox .button:active,
#mypedigree .button:hover,
#mypedigree .button:focus,
#mypedigree .button:active {
	color: #faba00;
}

#mypedigree .form p a {
	text-decoration: underline;
}

/* error */
#globallogin .error,
#lightbox .error,
#mypedigree .error {
	color: #f00;
}

#lightbox .form ul.error,
#mypedigree .form ul.error {
	padding: 1em;
}

#lightbox.form ul.error li,
#mypedigree .form ul.error li {
	margin-bottom: .4em;
}
/* /form */

/* = dog profile
-------------------------------------------------- */
#mypedigree .profile {
	background: none;
}

#mypedigree .profile li,
#mypedigree .profile li fieldset {
	background: url(../img/elements/form_bg.png) no-repeat;
}

#mypedigree .profile li {
	position: relative;
	padding-top: 1em;
	margin-bottom: 1em;
}

#mypedigree .profile li li {
	position: static;
	background: none;
	padding: 0;
	margin-bottom: .2em;
}

#mypedigree .profile li fieldset {
	background-position: left bottom;
	height: 170px;
	padding-top: 0;
	padding-left: 325px;
}

#mypedigree .profile li fieldset input.checkbox,
#mypedigree .profile li fieldset label.checkbox {
	position: absolute;
	top: 1em;
	left: 10px;
}

#mypedigree .profile li fieldset label.checkbox {
	left: 20px;
}

#mypedigree .profile li fieldset dl dt,
#mypedigree .profile li fieldset dl dd {
	float: left;
}

#mypedigree .profile li fieldset dl dt {
	clear: left;
	font-weight: bold;
	margin-right: .4em;
}

#mypedigree .profile li fieldset dl dd {
	width: 80%;
	margin-bottom: .4em;
}
/* /dog profile */

/* = newsletter
-------------------------------------------------- */
#mypedigree .newsletter {
	background: none;
}

#mypedigree .newsletter li {
	margin-bottom: 1.5em;
}

#mypedigree .newsletter li label.checkbox {
	display: block;
	width: auto;
	margin-bottom: .5em;
}

#mypedigree .newsletter li label.checkbox strong {
	display: block;
	margin-bottom: .2em;
}

#mypedigree .newsletter li fieldset,
#mypedigree .newsletter li fieldset div {
	background: url(../img/elements/form_bg.png) no-repeat;
}

#mypedigree .newsletter li fieldset {
	padding: .5em 0 0;
}

#mypedigree .newsletter li fieldset div {
	background-position: left bottom;
	padding: 0 1em 1px 20px;
	margin: 0;
}

#mypedigree .newsletter li li {
	margin-bottom: .2em;
}

#mypedigree .newsletter li li label.checkbox {
	display: inline;
	font-weight: bold;
	padding-right: .5em;
}

#mypedigree .newsletter li li a {
	text-decoration: underline;
}

#mypedigree .newsletter li label.checkbox input {
	_left: -20px;
}

#mypedigree .newsletter li li label.checkbox input {
	_left: 0;
}
/* /newsletter */

/* = (paw) table
-------------------------------------------------- */
#mypedigree table {
	width: 100%;
	border-collapse: collapse;
}

#mypedigree table th,
#mypedigree table td {
	padding: 4px 15px;
}

#mypedigree table thead th {
	font-weight: bold;
	color: #fff;
	background: #fbcd47;
}

#mypedigree table tfoot td {
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
}

#mypedigree table .even {
	background: #f2f2f2;
}

#mypedigree table .value {
	text-align: right;
}

#mypedigree table thead th {
	background-image: url(../img/elements/table.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#mypedigree table tfoot td {
	background: url(../img/elements/table.png) no-repeat bottom center;
}

#mypedigree table .date {
	background-image: url(../img/elements/table.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#mypedigree table thead .date {
	background-position: left top;
}

#mypedigree table tfoot .date {
	background-position: left bottom;
}

#mypedigree table .value {
	background-image: url(../img/elements/table.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#mypedigree table thead .value {
	background-position: right top;
}

#mypedigree table tfoot .value {
	background-position: right bottom;
}
/* /(paw) table */

/* = prizes
-------------------------------------------------- */
#mypedigree .prizes {
	list-style: none;
	margin-left: -12px;
}

#mypedigree .prizes li {
	float: left;
	margin-bottom: 12px;
	margin-left: 12px;
}

#mypedigree .prizes li.prize1 {
	background: url(../img/content/prize_1.jpg) no-repeat;
}

#mypedigree .prizes li.prize2 {
	background: url(../img/content/prize_2.jpg) no-repeat;
}

#mypedigree .prizes li.prize3 {
	background: url(../img/content/prize_3.jpg) no-repeat;
}

#mypedigree .prizes li.prize4 {
	background: url(../img/content/prize_4.jpg) no-repeat;
}

#mypedigree .prizes li a {
	visibility: hidden;
}

#mypedigree .prizes li a.active {
	visibility: visible;
}

#mypedigree .condition {
	font-size: .9em;
	font-weight: normal;
	margin-bottom: .5em;
}
/* /prizes */

/* = lightbox
-------------------------------------------------- */
#lightbox #lightbox-wrap {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 500002;
	width: 615px;
	margin: 0 0 0 -307px;
}

#lightbox #lightbox-content,
#lightbox .lightbox-loading-indicator {
	display: block;
	background: url(../img/elements/lightbox_top.png) no-repeat;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../static/img/elements/lightbox_top.png', sizingMethod='crop');
	padding: 28px 43px 11px 34px;
}

#lightbox .hidden {
	display: none;
}

#lightbox #lightbox-content p {
	min-height: 22px;
	margin: 0 0 1em 0;
}

#lightbox #lightbox-content a,
#lightbox #lightbox-content input {
	_position: relative;
}

#lightbox #lightbox-content .left,
#lightbox #lightbox-content .right {
	float: left;
	width: 50%;
}

#lightbox #lightbox-content .controls {
	clear: both;
	position: relative;
	top: 5px;
}

#lightbox #lightbox-bottom {
	background: url(../img/elements/lightbox_bottom.png) no-repeat left bottom;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../static/img/elements/lightbox_bottom.png', sizingMethod='crop');
	height: 33px;
}

#lightbox #lightbox-background {
	position: fixed;
	_position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 500000;
	background: #000;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: alpha(opacity = 50);
}
/* /lightbox */

/* = global login
-------------------------------------------------- */
#search_img,
#globallogin,
#globallogin fieldset {
	float: left;
}

#globallogin .box {
	float: left;
	background: url(../img/elements/globallogin_bg.png) no-repeat;
	height: 28px;
	padding-left: 5px;
	margin: 7px;
}

#globallogin .box-end {
	float: left;
	background: url(../img/elements/globallogin_bg.png) no-repeat right top;
	height: 28px;
	padding: 0 5px 0 0;
	margin: 0;
}

#globallogin .box p {
	float: left;
	padding: 0 3px;
	margin-top: 4px;
	*margin-top: 3px;
}

#globallogin .box label {
	*display: inline-block;
	padding-bottom: 2px;
	*padding-bottom: 6px;
}

#globallogin p input {
	border-color: #c7c7c7 #eee #eee #c7c7c7;
	border-style: solid;
	border-width: 1px;
}

#globallogin .box .welcome {
	margin-top: 6px;
}

#globallogin .logout {
	float: left;
}
/* /global login */

/* MPLOGIN */
div#mplogin{
	background:transparent url(/pedigree/Images/layout_rl/dots_horizontal.gif) repeat-x scroll center bottom;
	margin:0px 10px 15px 0;
	padding-bottom:10px;
	position:relative;
}
div#mplogin A{
	line-height:20px;
}

/* bonus prämien */
div#mp-bonus-prizes{
	position:relative;
	width:640px;
	margin-top:20px;
}
div#mp-bonus-prizes .mp-bonus-prize{
	padding: 0 10px 10px 0;
	border:0px;
}
