/**************************************/
/*              GLOBALS               */
/**************************************/
body { background: #54adfe url('../images/bg.jpg') no-repeat top center; }
.container { width: 1000px; margin: 0 auto; background: #fff; padding-bottom: 2px;}

/* paragraphs */
.p1 { text-align: justify; margin-bottom: 10px; text-indent: 30px; }
.p2 { text-align: justify; margin-bottom: 10px; }

/**************************************/
/*              HEADER                */
/**************************************/
.header { padding: 16px 10px 5px 0;	height: 153px; position: relative; background:  url('../images/header.jpg');   }
a.logo { position: absolute; top: 45px; left: 7px; z-index: 90; background: url('../images/logo2.png'); border: 0;  width: 322px; height: 83px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
/* Horizontal navigation */
.nav_h { padding: 5px 0 5px 0; height: 24px; float: left; width: 1000px; margin-bottom: 5px;}
.nav_h ul { list-style-type: none; float: left; margin: 0 10px; }
.nav_h ul li { display: block; float: left;  margin: 0 4px 0 0;}
.nav_h ul li a { display: block; border: none; padding: 0; color: #145a98; font:  15px Verdana; }
.nav_h ul li a span { display: block; height: 27px; padding: 4px 8px 0 8px;}
.nav_h ul li a:hover { background: url(../images/navigation/nav_h_l.jpg) no-repeat left top; color: #fff; }
.nav_h ul li a:hover > span { background: url(../images/navigation/nav_h_r.jpg) no-repeat right top; }
.nav_h ul li#active a { background: url(../images/navigation/nav_h_l.jpg) no-repeat left top; color: #fff; }
.nav_h ul li#active a > span { background: url(../images/navigation/nav_h_r.jpg) no-repeat right top; }

.nav_h ul li.nav2 a { background: url(../images/navigation/nav2_h_l.jpg) no-repeat left top; color: #fff; }
.nav_h ul li.nav2 a > span { background: url(../images/navigation/nav2_h_r.jpg) no-repeat right top; }
.nav_h ul li.nav2 a:hover { background: url(../images/navigation/nav_h_l.jpg) no-repeat left top; color: #fff; }
.nav_h ul li.nav2 a:hover > span { background: url(../images/navigation/nav_h_r.jpg) no-repeat right top; }

/* Sidebar menu */
.nav_left { float: right; margin: 0 0 10px 0; }
.nav_left ul { list-style: none; margin:0; padding: 0; float: left; margin-left: 5px; margin-top: 5px; }
.nav_left ul li { list-style: none; margin:0; padding: 0; text-align: left;}
.nav_left ul li a { margin:0; padding: 0; border-bottom: none;}
.nav_left ul li a span.fci_group { float: left; width: 70px; padding-right: 5px; }
.nav_left ul li a span.fci_name { float: left; width: 190px; }

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
.welcome { float: left; width: 952px; margin: 0 0 10px 10px; background: #fff; border: 1px solid red;}
.content { float: left;  width: 652px; margin: 0 0 10px 10px; background: #fff; border: 1px solid red;}
.sidebar { width: 300px; float: right; margin: 0 10px 0 0; overflow: hidden; }

/* Homepage landing page */
.home {float: left; width: 952px; margin-bottom: 20px;}
.home_l {float: left; width: 310px; margin: 10px 0 0 10px; font: 16px Verdana;}
.home_l ul {float: left; }
.home_l ul li {float: left; list-style: none; width: 300px; margin-bottom: 10px;}
.home_l ul li img {float: left; margin-right: 10px; margin-top: 2px;}
.home_l ul li span {float: left; width: 263px; }
.home_r {float: right; width: 630px;}
.welcome_text {float: left; width: 310px; text-align: justify; margin-bottom: 20px;}
a.home_register {float: left; margin: 10px 0 0 70px; border: none; line-height: 0;}

/* Error page */
.error_page { float: left; width: 956px; margin: 10px; background: #fff; border: 1px solid red;}
.error_page img {float: left; margin: 40px 40px 40px 160px;}
.error_page p {float: left; margin: 80px 20px 10px 0; font: bold 16px Verdana; width: 500px;}

/* breadcrump and box title */
h1.title { font: bold 19px Verdana; color: #6d9bc4; background: url('../images/navigation/h1_border.png') repeat-x bottom; padding-bottom: 8px; margin-bottom: 4px; }
h2.title { font: bold 19px Verdana; color: #6d9bc4; border-bottom: 1px solid #dfecf7; padding-bottom: 6px; margin-bottom: 4px; }
p.subtitle  { font: bold 14px Verdana; color: #6d9bc4; background: url('../images/navigation/h1_border.png') repeat-x bottom; padding-bottom: 8px; margin: 0 0 6px 0; }
p.subtitle img { float: left; margin-right: 5px; }
#breadcrump {font: 9px Verdana; color: #618aaf; list-style-type: none; height: 18px; margin: 0 0 6px 0; }
#breadcrump li { float: left; margin: 0; }
#breadcrump li a, #breadcrump li span { float: left; margin-top: 2px; color: #8aaccb; text-decoration: none; border-bottom: none; margin:0; padding:0 }
#breadcrump li span { border-bottom: none; text-decoration: none;}
#breadcrump li span.separator { float: left; margin: 0 3px 0 3px; }
#breadcrump li a:hover {  border-bottom: 1px dotted #8aaccb; }
.box_title { font: bold 13px Verdana; color: #4c8fcb; margin: 0 0 8px 0; padding-left: 24px; }
.box_underline {padding-bottom: 6px; border-bottom: 1px solid #dfecf7;}

/* box */
.box {  background: #e5edf3; position: relative; padding: 10px; border: 1px solid #e0e8ee; }
.box_top_left { background: url('../images/boxes/box_top_left.png'); width: 7px; height: 7px; position: absolute; left: -1px; top:-1px; }
.box_top_right { background: url('../images/boxes/box_top_right.png'); width: 7px; height: 7px; position: absolute; right: -1px; top:-1px; }
.box_bottom_left { background: url('../images/boxes/box_bottom_left.png'); width: 7px; height: 7px; position: absolute; left: -1px; bottom:-1px; }
.box_bottom_right { background: url('../images/boxes/box_bottom_right.png'); width: 7px; height: 7px; position: absolute; right: -1px; bottom:-1px; }

/* adtaily */
.box_adtaily { width: 208px; float: left; padding: 0; }
.box_adtaily .box_title { background: #f6f2ec url('../images/icons/thumb_up.png') no-repeat; margin: 8px; }
.box_adtaily .box_content { background: #fff; text-align: center; padding: 10px; border-top: 1px solid #f0e5e5; }

/* Pagination */
.pagination_wrapper { float: left; width: 650px; margin-top: 10px;}
.pagination { text-align: center; clear: both; }
.pagination_top { margin-bottom: 10px; }
/* Administracja */
.content_admin { float: left; width: 798px; margin: 0 0 10px 0; }

/* Change miniature */
.change_miniature { float: left; width: 650px;}
.change_miniature_current_image {float: left; margin: 3px 10px 15px 0;}
.change_miniature_title {font: bold 12px Verdana; margin: 6px 0 3px 0;}
.change_miniature_description { float: left;  margin: 0 0 6px 0; }

.change_miniature_image { float: left; clear: both; margin-right: 15px; margin-bottom: 10px; width: 530px;}
.change_miniature_preview { float: left; width: 100px; margin-bottom: 20px;}

/* Dogler.pl */

/* Menu above photos */
.sort_menu {margin: 5px 0 12px 0; list-style: none; float: left;}
.sort_menu li {float: left; margin: 0 14px 0 0;}
.sort_menu li#sort_menu_active a {color: #e89000;}
.sort_menu li a {border-bottom: none; float: left; padding: 0 0 0 20px; background: url('../images/icons/date.png') no-repeat left center;}
.sort_menu li a.num_of_medals {background-image: url('../images/icons/medal_gold_3.png');}
.sort_menu li a.num_of_comments {background-image: url('../images/icons/comments.png');}
.sort_menu li a.notify {background-image: url('../images/icons/notice.png');}
.sort_menu li a.friends {background-image: url('../images/icons/group.png');}
.sort_menu li a.activity {background-image: url('../images/icons/book_open.png');}

div.gallery_wrapper {clear: both;}

/* List photos */
a.gallery_photo {width: 139px; margin: 0 6px 6px 0; padding: 6px 8px; line-height: 0; border: 1px solid #e0e8ee; float: left; background: #fff; color: #597fa0; }
a.gallery_photo:hover {background: #c8d8e5; border: 1px solid #c8d8e5; color: #396083;}
a.gallery_photo p.top { clear: both; font: 12px Verdana; text-align: center; font-weight: bold; height: 14px; margin-bottom: 6px; overflow: hidden;}
a.gallery_photo img.photo {margin-bottom: 6px;}
a.gallery_photo p.bottom {clear: both; font-size: 10px; text-align: center; margin-bottom: 5px;}
a.gallery_photo p.bottom img {margin: 0 5px 0 0;}

/* List dogs */
a.gallery_dog {width: 139px; margin: 0 6px 6px 0; padding: 6px 8px; line-height: 0; border: 1px solid #e0e8ee; float: left; background: #fff; color: #597fa0; }
a.gallery_dog:hover {background: #c8d8e5; border: 1px solid #c8d8e5; color: #396083;}
a.gallery_dog p.top { clear: both; font: 12px Verdana; text-align: center; font-weight: bold;  margin-bottom: 6px; height: 14px; overflow: hidden;}
a.gallery_dog img.photo {margin-bottom: 6px;}
a.gallery_dog p.bottom {clear: both; font-size: 10px; text-align: center; margin-bottom: 2px; overflow: hidden; height: 12px; line-height: 12px;}
a.gallery_dog p.bottom img {margin: 0 5px 0 0;}

/* Photo page */
.p_menu {background: url('../images/navigation/p_menu_bg.png'); height: 35px; margin-bottom: 10px;}
.p_menu_left {float: left; width: 6px; height: 35px; background: url('../images/navigation/p_menu_left.png')}
.p_menu_right {float: right; width: 6px; height: 35px; background: url('../images/navigation/p_menu_right.png')}
.p_menu_separator {float: left; width: 2px; height: 35px; background: url('../images/navigation/p_menu_separator.png')}
a.p_menu_button {float: left; height: 27px; border: 0; padding: 8px 8px 0 8px; color: #6691b7;}
a.p_menu_button img {float: left; margin: 1px 6px 0 0;}
a.p_menu_button span {float: left;}
a.p_menu_button:hover {background: url('../images/navigation/p_menu_bg_hover.png'); color: #396083;}

p.next_disabled {float: right; height: 27px; border: 0; padding: 8px 8px 0 8px; color: #6691b7;}
p.next_disabled img {float: left; margin: 1px 6px 0 0;}
p.next_disabled span {float: left; color: #666;}

.photo_wrapper {float: left; text-align: center; background: #fff; width: 632px; padding: 10px 10px 6px 10px; margin-bottom: 5px;}
.photo_wrapper a.photo {float: left; border: none; margin-bottom: 2px; width: 632px; line-height: 0;}

a.p_dog {float: left; text-align: left; height: 38px; border: none; font: 11px Verdana; padding: 5px; color: #6d9bc4; margin: 4px 4px 0 0; overflow: hidden;}
a.p_dog:hover {background: #d4e1ec; color: #396083;}
a.p_dog img {float: left;}

.photo_author {float: left; font: 11px Verdana; color: #6d9bc4; margin-bottom: 20px;}
.photo_date {float: right; font: 11px Verdana; color: #6d9bc4; margin-bottom: 20px;}

.medals_wrapper {float: left;}
a.p_user {margin: 0 6px 10px 0; padding: 6px 6px 12px 6px; border: 1px solid #f1f6fb; float: left; line-height: 0; background: #fff; color: #597fa0;  }
a.p_user:hover {background: #c8d8e5; border: 1px solid #c8d8e5; color: #396083;}

.comments_wrapper {float: left;}
.comment {float: left; padding: 5px;}
.comment a.comment_image {float: left; background: #fff; padding: 6px; line-height: 0; border: none;}
.comment a.comment_image:hover {background: #a4bed4;}
.comment .comment_right_side {float: left;}
.comment a.comment_author {float: left; margin: 0 10px 5px 10px; font: bold 13px Verdana;}
.comment .comment_date {float: left; margin: 0 10px 5px 0; font-size: 11px; font-style: italic;}
.comment .comment_text {float: left; clear: both; text-align: justify; margin: 0 0 0 10px; background: #fff; width: 504px; min-height: 76px; padding: 6px 8px;}
.comment .comment_text2 {width: 465px;}
.bg2 {background: #dee7ef;}

/* article comment */
.r_comment {float: left; width: 626px; font: normal 11px Verdana; margin-bottom: 6px; padding: 7px; background: #f2f8fd; border: 1px solid #dfecf7;}
.r_comment_title {float: left; width: 612px; margin-bottom: 8px;}
.r_comment_title a {font-weight: bold; border: none;}
a.r_comment_image {float: left; border-bottom: none; }
.r_comment_right_side {float: right; width: 536px; position: relative;}
.r_comment_top { width: 536px; float: left; overflow: hidden; margin-bottom: 4px;}
a.r_comment_avatar {float: left; margin-right: 5px; border-bottom: none; }
.r_comment_author {float: left; color: #71a1cb; margin-right: 8px; font: bold 12px Verdana;}
.r_comment_date {float: left; color: #a3bace; font: 10px Verdana; font-style: italic; margin-top: 2px;}
.r_comment_text {float: left; width: 518px; margin: 2px 0 0 0; text-align: justify; background:#fff; border: 1px solid #dfecf7; padding: 8px; overflow: hidden; }
.r_comment_part {position: absolute; top: 27px; left: -8px; }
a.r_comment_report {color: #a3bace; font: 10px Verdana; border-bottom: none; float: right;}
a.comment_delete {float: right; border-bottom: none; margin-right: 2px; font: 12px Verdana;}
a.comment_delete img {float: left; margin-right: 5px; line-height: 0;}
a.comment_delete span {float: left;}

/* Account */
.ac_dog_wr {float: left; background: #f9fcff; border: 1px solid #e0e8ee; width: 630px; padding: 10px; margin-bottom: 10px; clear: both;}
.ac_dog_wr a.image {float:left; border: none; line-height: 0;}
.ac_dog_wr_description {float: left; width: 381px; margin-left: 10px;}
.ac_dog_wr_description2 {width: 360px;}
.ac_dog_wr_actions {float: right; width: 100px;}
.ac_dog_wr_actions ul {float: right; list-style-type: none; margin-right: 5px;}
.ac_dog_wr_actions ul li {float: right; margin-bottom: 3px;}
.ac_dog_wr_actions ul li a {float:left; border: none; margin-bottom: 2px;}
.ac_dog_wr_actions ul li a img {float: left; margin-right: 5px;}
.ac_dog_name {float: left; font: bold 15px Verdana; margin-bottom: 2px;}
.ac_dog_sex {float: left; margin: 2px 0 0 5px;}
.ac_dog_subtitle {float: left; clear: both; font-weight: bold;}
.ac_dog_text{float: left; clear: both; margin-bottom: 2px; text-align: justify; width: 380px;}
.ac_dog_text span {float: left; margin-right: 10px;}
.ac_dog_text img {float: left; margin-right: 4px;}

.ac_dog_dogs {float: left; clear: both; list-style-type: none;}
.ac_dog_dogs li {float: left; margin: 0 4px 0 0;}
.ac_dog_dogs li a {float: left; border: none; line-height: 0;}

/* List favourites */
div.fav_photo {margin: 0 6px 6px 0; padding: 6px 8px; line-height: 0; border: 1px solid #e0e8ee; float: left; background: #fff; color: #597fa0; }
div.fav_photo:hover {background: #c8d8e5; border: 1px solid #c8d8e5; color: #396083;}
div.fav_photo a.photo {float: left;margin-bottom: 6px; border-bottom: none; line-height: 0;}
div.fav_photo p.top {font: 12px Verdana; text-align: center; font-weight: bold;  margin-bottom: 6px; overflow: hidden; width: 138px;}
div.fav_photo p.bottom {width: 139px; float: left; clear: both; margin: 5px 0 5px 0;}
div.fav_photo p.bottom a {float: right; line-height: 14px; padding-left: 20px; font-size: 11px; border: none; background: url('../images/icons/delete2.png') no-repeat;}
div.fav_photo p.bottom a.accept {float: left; width: 40px; background: url('../images/icons/tick.png') no-repeat;}

/* Profile */
/* Breed page */
.b_info { float: left; width: 650px; border: 1px solid #eeb352; background: #e89001 url(../images/breed/b_info_bg.png) repeat-x left top; position: relative; margin-top: 10px; padding-bottom: 10px; }
.b_info_t_l { background: red url('../images/breed/b_info_t_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; top:-1px; }
.b_info_t_r  { background: red url('../images/breed/b_info_t_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; top:-1px; }
.b_info_b_l  { background: red url('../images/breed/b_info_b_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; bottom:-1px; }
.b_info_b_r  { background: red url('../images/breed/b_info_b_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; bottom:-1px; }

#select_breed { float: right; margin: 8px 10px 0 0; }
a.select_previous { float: right; margin: 8px 5px 0 0; border-bottom: none; background: url('../images/navigation/select_previous.png'); width: 20px; height: 20px; }
a.select_previous:hover { background: url('../images/navigation/select_previous_hover.png'); }
a.select_next{ float: right; margin: 8px 15px 0 0; border-bottom: none; background: url('../images/navigation/select_next.png'); width: 20px; height: 20px;  }
a.select_next:hover{ background: url('../images/navigation/select_next_hover.png'); }
p.select_next_disabled{ float: right; margin: 8px 15px 0 0; border-bottom: none; background: url('../images/navigation/select_next_disabled.png'); width: 20px; height: 20px;  }
p.select_previous_disabled { float: right; margin: 8px 5px 0 0; border-bottom: none; background: url('../images/navigation/select_previous_disabled.png'); width: 20px; height: 20px; }

.b_info_name { float: left; margin: 6px 0 0 10px; width: 550px; }
.b_info_name a { font: bold 17px Verdana; color: #fff; border-bottom: none; }

.b_info_image_bg { clear: both; float: left; width: 248px; height: 267px; background: url(../images/breed/b_info_image_bg.png); margin: 10px 4px 0 15px; }
.b_info_image_bg img { float: left; margin: 24px 0 0 25px; }

.b_info_image_bg a.add_to_friends { float: left; margin: 0; border: none;}
.b_info_image_bg a.add_to_friends img { float: left; margin: 2px 0 0 0; }

.b_info_2 { float: left; width: 682px; border: 1px solid #f6d39b; background: url(../images/breed/b_info_2_bg.png); position: relative; margin: 10px 0 0 0; padding: 10px 10px 0 0;}
.b_info_2_t_l  { background: red url('../images/breed/b_info_2_t_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; top:-1px; }
.b_info_2_t_r  { background: red url('../images/breed/b_info_2_t_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; top:-1px; }
.b_info_2_b_l  { background: red url('../images/breed/b_info_2_b_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; bottom:-1px; }
.b_info_2_b_r  { background: red url('../images/breed/b_info_2_b_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; bottom:-1px; }

.b_info_3 { float: left; width: 348px; border: 1px solid #e0c697; background: #f5f8fa; position: relative; margin: 0 0 10px 10px;  }
.b_info_3_t_l  { background: red url('../images/breed/b_info_3_t_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; top:-1px; }
.b_info_3_t_r  { background: red url('../images/breed/b_info_3_t_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; top:-1px; }
.b_info_3_b_l  { background: red url('../images/breed/b_info_3_b_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; bottom:-1px; }
.b_info_3_b_r  { background: red url('../images/breed/b_info_3_b_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; bottom:-1px; }

.b_info_5_t_l  { background: red url('../images/breed/b_info_5_t_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; top:-1px; }
.b_info_5_t_r  { background: red url('../images/breed/b_info_5_t_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; top:-1px; }
.b_info_5_b_l  { background: red url('../images/breed/b_info_5_b_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; bottom:-1px; }
.b_info_5_b_r  { background: red url('../images/breed/b_info_5_b_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; bottom:-1px; }


.b_info_3 .row { float: left; width: 328px; background: #f5f8fa; padding: 8px 10px;}
.b_info_3 .row2 { background: #f4ead8;}
a.b_info_3_title { float: left; font: bold 13px Verdana; color: #534532; border-bottom: none; margin-bottom: 2px;}
img.img_sex  { float: left; margin-left: 5px;}
a.b_info_3_fci{float: left; clear: both; font: bold 10px Verdana; color: #9f8d69; margin-top: 2px; border-bottom: 1px dotted #9f8d69; }

a.country { float: right; font: bold 10px Verdana; color: #7c6942;  border-bottom: 1px dotted #7c6942;  }
.country img { margin-right: 5px;}

.trait_category { float: left; font: bold 12px Verdana; color: #7c6942; }
a.trait_name { float: right; clear: both; font: 10px Verdana; color: #7c6942; border-bottom: 1px dotted #7c6942;  }
.no_data { float: right; font: bold 10px Verdana; color: #7c6942; }
.trait_value { float: right; margin-top: 4px;}
.trait_date { float: right; margin-top: 0; font: 11px Verdana; color: #7c6942; }
.trait_point { float: left; height: 10px; width: 20px; background: #534532; margin: 0 0 0 2px; }
.empty { background: #d1c8b6; }
.other_trait { float: left; width: 325px; text-align: justify; font: 11px Verdana; color: #7c6942; clear: both; margin-top: 5px; }
a.other_trait { float: left; font: 11px Verdana; color: #7c6942; border-bottom: 1px dotted #7c6942;  clear: both; margin-top: 5px; }

a.b_info_dog {float: left; margin: 0 5px 5px 0; border: none; font-weight: bold;}
a.b_info_dog img {float: left;}
a.b_info_dog span {float: left; margin: 0 5px;}

/* To samo co wyżej tylko dostosowane do szerszej strony z opisem rasy */
.b_info_big { width: 976px; margin: 0 0 10px 10px; }
.b_info_3_big { width: 310px; }
.b_info_3_big .row { width: 290px; }
.b_info_3_title2 { float: left; width: 230px; font: bold 13px Verdana; color: #534532; border-bottom: none; }

.trait_value2 { float: right; font: 12px Verdana; color: #7c6942; }
a.trait_value2 { float: right; font: 12px Verdana; color: #7c6942; border-bottom: 1px dotted #7c6942; }
.no_data2 { float: right; font: 12px Verdana; color: #7c6942; }
a.no_data2 { float: right; font: 12px Verdana; color: #7c6942; border-bottom: 1px dotted #7c6942; }
.fci_classification { float: left; font: 12px Verdana; color: #7c6942; margin-right: 30px; }
.fci_classification a { color: #7c6942; border-bottom: 1px dotted #7c6942; }
.fci_classification2 { float: right; font: 12px Verdana; color: #7c6942; }
a.fci_classification_name { float: left; font: 12px Verdana; color: #7c6942; border-bottom: 1px dotted #7c6942; clear: both; margin-top: 6px; }
.trait_other_names { float: right; font: 12px Verdana; color: #7c6942; width: 195px; text-align: justify;}
.trait_size { float: left; width: 130px;  margin-right: 20px; font: 10px Verdana; color: #7c6942; margin-top: 2px; }
.trait_size span { float: right; }
h2.breed_title { font: bold 19px Verdana; color: #4c8fcb; border-bottom: 1px solid #dfecf7; padding-bottom: 6px; margin: 2px 0 8px 0; }

/* Boxy z pozostałymi cechami rasy */
.b_info_4 { float: left; width: 312px; border: 1px solid #dfeaf4; background: #dfeaf4; position: relative; margin: 10px 10px 0 0; }
.b_info_4_t_l { background: url('../images/breed/b_info_4_t_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; top:-1px; }
.b_info_4_t_r  { background: url('../images/breed/b_info_4_t_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; top:-1px; }
.b_info_4_b_l  { background: url('../images/breed/b_info_4_b_l.png'); width: 10px; height: 10px; position: absolute; left: -1px; bottom:-1px; }
.b_info_4_b_r  { background: url('../images/breed/b_info_4_b_r.png'); width: 10px; height: 10px; position: absolute; right: -1px; bottom:-1px; }
.b_info_4_b_l_2  { background: url('../images/breed/b_info_4_b_l_2.png'); }
.b_info_4_b_r_2  { background: url('../images/breed/b_info_4_b_r_2.png');  }

.b_info_4 .row { float: left; width: 292px; background: #dfeaf4; padding: 8px 10px; }
.b_info_4 .row2 { background: #ebf1f7; }
.b_info_4 .row .trait_category { float: left; width: 175px;; font: bold 11px Verdana; color: #7c6942; }
.b_info_4 .row a.trait_name { float: right; clear: none; font: 10px Verdana; color: #7c6942; margin-top: 3px; border-bottom: 1px dotted #7c6942;  }
.b_info_4 .row .trait_value { float: right; }

/* Profile */
a.b_info_dog_list {float: left; width: 204px; border: none; margin: 10px 10px 0 0;}
a.b_info_dog_list img {float: left; margin-right: 7px;}
a.b_info_dog_list p.t1 {float: left; width: 143px; height: 16px; font: bold 12px Verdana; margin-bottom: 2px; overflow: hidden;}
a.b_info_dog_list p.t2 {float: left; width: 143px; height: 30px; font: 11px Verdana; overflow: hidden;}

.feed {padding: 10px; float: left; width: 630px;}
.feed_bg {background-color: #f2f8fd;}
.feed_user {float: left;}
.feed_right_side {float: left; margin-left: 10px; width: 568px;}
.feed_header {float: left; margin-bottom: 5px;}
.feed_date {color: gray; font-size: 11px; margin-left: 2px;}
.feed_icon {float: left; margin-right: 4px; margin-top:1px;}
a.feed_username {font-weight: bold;}
.feed_content {float: left; clear: both; width: 568px;}
.feed_content a.feed_image {float: left; border: none; margin: 0 3px 3px 0; line-height: 0;}
.feed_content a.feed_image_small {float: left; border: 0; margin: 0 7px 3px 0; line-height: 0;}
.feed_content_right {float: left;}
.feed_comment {float: left;border: 1px solid #e5edf3; width: 400px; background: #fff; padding: 7px 10px; text-align: justify;}
.feed_title {float: left; margin-bottom: 3px;}
.feed_article {float: left; width: 339px;}

/**************************************/
/*               FOOTER               */
/**************************************/
.footer { clear: both; line-height: 0; width: 978px; margin: 0 10px 6px 10px; padding: 6px 0; }
.footer ul { list-style-type: none; display: inline-block; margin: 2px 10px; padding: 0; }
.footer ul li { display: inline-block; float: left; margin:0; padding: 0; margin-right: 10px;}
.footer ul li a { padding: 0; margin: 0;  font: 12px Verdana; }
ul.small_links li a { font: 11px Verdana; margin: 2px; float: left; }
/**************************************/
/*               FORMS                */
/**************************************/
/* Login form top*/
#login_wrapper { float: right; margin-right: 0;  }
#login_wrapper div { float: right; margin-left: 8px; color: #fff; }
#login_wrapper div a { color: #fff; border-bottom: 1px solid #fff; }
#login_wrapper div label { float: left; margin: 4px 4px 0 0; font: bold 1.1em Verdana; }
#login_wrapper div input[type='submit'] { padding: 2px; height: 22px; width: 40px; font: bold 10px Verdana; }
#login_wrapper div.remember_password { float: right; margin-top: 8px; clear: both; font: 11px Verdana;  }

/* Standard form (registration, login etc.) */
.wrapper_bg1 {background-color: #f9fcff; border: 2px solid #f9fcff;}
.wrapper_bg2 {background-color: #f2f8fd; border: 2px solid #f0f6fb;}

.input_wrapper { padding: 6px 15px 8px 15px; margin-bottom: 2px; float: left; }
.input_wrapper label { float: left; width: 120px; margin-right: 10px; padding-top: 3px; font: bold 12px Verdana; }
.error_text { float: none; width: 215px; display: inline-block;}

/* common fields */
.input_wrapper input { float: left; width: 250px; margin-right: 10px;}
.input_wrapper textarea { float: left; width: 250px; margin-right: 10px;}
.input_wrapper input[type='file'] {width: 260px;}
/* checkbox fields */
.input_wrapper_regulation { float: left; padding: 3px 15px 3px 15px; margin-bottom: 2px; }
.input_wrapper_regulation label { width: 365px; margin: 0 10px 0 5px; float: left; text-align: justify; font-weight: normal; }
.input_wrapper_regulation input { float: left; }
.input_wrapper_dogs {}
.input_wrapper_dogs input {float: left; width: 20px;}
/* submit fields  */
.input_wrapper_submit {float: left; width: 645px; margin-bottom: 2px;}
.input_wrapper_submit input[type='submit'] { padding: 4px 8px; margin: 4px 0 4px 150px; }
/* appendix */
.wrapper_appendix {margin: 8px 15px 0 15px; clear: both; width:100%}

.form_wrapper_report { width: 652px;}
.form_wrapper_report div {width: 618px;float: left;}
.form_wrapper_report div textarea {width: 210px;}
.form_wrapper_report div div.error_text {width: 230px; margin-left: 0;}
.form_wrapper_report div input[type='submit'] {margin-left: 240px; width: 140px;}

/*magazyn*/
#form_wrapper_comment div { float: left; width: 628px; padding: 6px 5px 8px 15px; margin-bottom: 2px; clear: both;}
#form_wrapper_comment div label { float: left; width: 90px; margin-right: 10px; padding-top: 3px; font: bold 12px Verdana; }
#form_wrapper_comment div input { float: left; width: 498px;}
#form_wrapper_comment div textarea { float: left; width: 498px; height: 70px; margin: 0; }
#form_wrapper_comment div input[type='submit'] { width: 140px; margin-left: 230px; }
#form_wrapper_comment div.captcha_wrapper label { height: 75px;}

.radio_group { float: left; width: 250px; margin-right: 10px;}

/* to ponizej byc moze pozniej bedzie wykorzystane */
/* radio buttons */
.input_wrapper input[type='radio'] { float: left; width: 10px; margin-right: 10px; }
.radio_wrapper span { float: left; margin-right: 10px; }

.radio_group  { width: 260px; margin-bottom: 2px; }
.form_wrapper div p.radio_group_error  {float: left; width: 560px;}
.radio_group label { font-weight: normal; width: auto; margin:0; padding: 0; margin-right: 20px; max-width: 200px;}
.radio_group input { float: left; width: 20px; margin-right: 10px; }
#male, #female {} /*ie6*/
/* select fields */
.input_wrapper select {  float: left; margin-right: 10px; width: 260px; padding-left: 4px; height: 20px; }
.input_wrapper select.date { width: auto;}
/* checkbox fields */
.input_wrapper_normal label { width: 332px; font-weight: normal; margin: 0 15px 0 5px; float: left; }
.input_wrapper_normal input { float: left; }

/* Date picker*/
input[type='text'].date-pick:focus { border-color: #a0c0dd; background: #f2f8fd; outline: none; }

/**************************************/
/*                Messages            */
/**************************************/
.error, .notice, .success { border:2px solid #ddd; }
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4; }
.notice {background:#E1E7ED;color:#514721;border-color:#CADADE;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11; background:none; padding:0; margin:0; }
.notice a {color:#514721; background:none; padding:0; margin:0; }
.success a {color:#264409; background:none; padding:0; margin:0; }

.error_wrapper, .notice_wrapper, .success_wrapper {margin-bottom: 10px;}
.error_wrapper p { background: transparent url('../images/icons/exclamation.png') no-repeat left top; padding: 0 0 0 23px; margin: 10px; }
.notice_wrapper p { background: transparent url('../images/icons/notice.png') no-repeat left top; padding: 0 0 0 23px; margin: 10px; }
.success_wrapper p { background: transparent url('../images/icons/tick.png') no-repeat left top; padding: 0 0 0 23px; margin: 10px; }