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

/* paragraphs */
.breed_description { text-align: justify; margin-bottom: 15px; }
.breed_description p { text-align: justify; margin-bottom: 7px;}
.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/logo.png'); border: 0;  width: 372px; height: 73px; }

/**************************************/
/*             NAVIGATION             */
/**************************************/
/* Horizontal navigation */
.nav_h { padding: 5px 0 5px 0; height: 24px; float: left; width: 1000px; margin-bottom: 10px;}
.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            */
/**************************************/
.content { float: left; min-height: 500px; 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; }
.content_breed { float: left; width: 958px; margin: 0 0 10px 10px; background: #fff; border: 1px solid red;}

/* 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: #4c8fcb; border-bottom: 1px solid #dfecf7; padding-bottom: 6px; margin-bottom: 4px; }
h2.title { font: bold 19px Verdana; color: #4c8fcb; border-bottom: 1px solid #dfecf7; padding-bottom: 6px; margin-bottom: 4px; }
#breadcrump {font: 9px Verdana; color: #8aaccb; 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;}

/* outer box */
.box {  background: #f9fcff; position: relative; padding: 10px; border: 1px solid #f1f6fb; }
.box_top_left { background: red url('../images/boxes/box_top_left.png'); width: 7px; height: 7px; position: absolute; left: -1px; top:-1px; }
.box_top_right { background: red url('../images/boxes/box_top_right.png'); width: 7px; height: 7px; position: absolute; right: -1px; top:-1px; }
.box_bottom_left { background: red url('../images/boxes/box_bottom_left.png'); width: 7px; height: 7px; position: absolute; left: -1px; bottom:-1px; }
.box_bottom_right { background: red 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; }

/* MAGAZYN */
.r_articles { float: left; width: 636px; text-align: justify; margin-bottom: 3px; padding: 6px; }
.r_articles_l { width: 200px; float: left;}
a.r_articles_image { float: left; line-height: 0; border-bottom: none;}
.r_articles_r { width: 420px; float: right; padding-right: 8px;}
a.r_articles_title { width: 428px; font: bold 16px Verdana; margin-bottom: 3px; float: left; color: #e07f02; border-bottom: none; }
.r_articles_date { width: 428px; font: normal 11px Verdana; margin-bottom: 5px; float: left; }
a.r_articles_text { width: 428px; font: normal 14px Verdana; float: left; border-bottom: none; color: #203d56; margin-bottom: 5px; }
.r_articles_bottom { width: 420px; font: normal 11px Verdana; float: left; border-bottom: none; color: #203d56; width: 430px;}
a.r_articles_comments { float: right; border-bottom: none; color: #203d56; }

.r_article { float: left; width: 648px; text-align: justify; padding: 0 2px; font-family: Verdana;}
a.r_article_today {font: bold 13px Verdana; float: left; margin:5px 0 15px 0; border-bottom:none; text-decoration: underline;}
a.r_article_previous {font: bold 14px Verdana; float: left; margin:5px 0 15px 0;}
a.r_article_next {font: bold 14px Verdana; float: right; margin:5px 0 15px 0;}
.r_article_image { float: left; text-align: center; border-bottom: none; margin: 8px 0 12px 0; width: 648px;}
.r_article_title { font: bold 20px Verdana; margin-bottom: 4px; width: 646px; float: left; color: #e07f02; border-bottom: none; }
.r_article_date { font: normal 11px Verdana; margin-bottom: 10px; float: left; width: 646px; }
.r_article_text { font: normal 14px Verdana; float: left; width: 646px;  margin-bottom: 5px; }
.r_article_text p { margin-top: 8px; margin-bottom: 8px; line-height:18px;}
.r_article_text ul, .r_article_text ol { margin-left: 40px; display: inline-block;}
.r_article_ad { float: left; width: 300px; margin: 0 10px 3px 0;}
.r_article_tags { font: normal 11px Verdana; float: left; width: 650px; margin: 0 0 8px 0; }
.r_article_bottom { font: normal 11px Verdana; float: left; width: 650px; margin: 0 0 20px 0; }
.r_article_photos { font: normal 11px Verdana; float: left; }
.r_article_photos p { font: bold 11px Verdana; float: left; color: #e07f02; width: 650px; margin: 0 0 8px 0; }
.r_article_photos a { border: none;float: left; margin: 0 10px 10px 0; padding:0; line-height:0;}
.r_article_photos a img { border: none; float: left; margin: 0; padding:0; line-height:0;}
.r_article_comments { float: right; border-bottom: none; }

/* comments */
.box_r_comments { width: 642px; float: left; padding: 4px; margin-bottom: 10px; }
.box_r_comments .box_title { background:  url('../images/icons/comments.png') no-repeat; }

/* comment */
.r_comment { float: left; width: 626px; font: normal 11px Verdana; margin-bottom: 6px; padding: 7px; background: #f2f8fd; border: 1px solid #dfecf7;}
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;}

/* sidebar comment */
.r_s_comment {  float: left; width: 260px; font: normal 11px Verdana; padding: 7px; background: #f2f8fd;}
.r_s_comment_bg2 { background: #f9fcff;}
a.r_s_comment_title { float: left; margin-bottom: 5px; border-bottom: none; width: 258px; }
a.r_s_comment_image { float: left; border-bottom: none; }
.r_s_comment_right_side { width: 215px; float: right; position: relative;}
.r_s_comment_top { float: right; overflow: hidden;}
a.r_s_comment_avatar { float: left; margin-right: 5px; border-bottom: none; }
.r_s_comment_author { float: right; color: #71a1cb; margin-right: 2px; font: 10px Verdana;}
.r_s_comment_date { float: left; color: #a3bace; font: 10px Verdana; font-style: italic; margin-top: 2px;}
.r_s_comment_text { float: left; width: 197px; margin: 0 0 2px 0; text-align: justify; background:#fff; border: 1px solid #dfecf7; padding: 8px; overflow: hidden; }
.r_s_comment_part { position: absolute; top: 6px; left: -8px; }
a.r_s_comment_report { color: #a3bace; font: 10px Verdana; border-bottom: none; float: right;}

/* Administracja */
.content_admin { float: left; width: 798px; margin: 0 0 10px 0; }

/* Change miniature */
.change_miniature { float: left; width: 480px;}
.change_miniature_image { float: left; clear: none; margin-right: 10px; margin-bottom: 10px; width: 346px;}
.change_miniature_current { float: left; width: 120px;}
.change_miniature_preview { float: left; width: 120px; margin-bottom: 20px;}
.change_miniature_title { font: bold 12px Verdana; margin: 4px 0 6px 0;}

/* Breeds*/
.breeds_groups { float: left; list-style-type: none; margin: 20px 0 20px 0; }
.breeds_groups li { float: left; width: 209px; height: 75px; background-image: url('../images/other/group.png'); margin: 0 8px 10px 0; padding: 0; }
.breeds_groups li a { float: left; width: 190px; height: 60px; border-bottom: none; color: #fff; padding: 15px 0 0 20px; font: bold 12px Verdana; }

.breeds_fci { float: left; list-style-type: none; margin: 5px 0 20px 0; }
.breeds_fci li { float: left; margin: 0; padding: 0; }
.breeds_fci li a { border-bottom: none;}
.breeds_fci li a span.fci_group { float: left; width: 80px; }
.breeds_fci li a span.fci_name { float: left; width: 560px; }

.breeds_groups2 { float: left; list-style-type: none; margin: 5px 0 20px 0; width: 300px; }
.breeds_groups2 li { float: left; margin: 0; padding: 0; width: 300px; }
.breeds_groups2 li a { border-bottom: none;}

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

/* 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; }
.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_2 { float: left; border: 1px solid #f6d39b; background: url(../images/breed/b_info_2_bg.png); position: relative; margin: 10px 0 10px 0; padding-right: 10px; }
.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: 10px 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_3 .row { float: left; width: 328px; background: #f5f8fa; padding: 8px 10px; }
.b_info_3 .row2 { background: #f4ead8; }
a.b_info_3_title { float: left; width: 230px; font: bold 13px Verdana; color: #534532; border-bottom: none; }
a.b_info_3_fci{ float:right; font: bold 10px Verdana; color: #d1c8b6; margin-top: 2px; border-bottom: 1px dotted #d1c8b6; }

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; }
.trait_point { float: left; height: 10px; width: 20px; background: #534532; margin: 0 0 0 2px; }
.empty { background: #d1c8b6; }
.other_trait { float: left; 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; }

/* 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; }

/**************************************/
/*               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; clear: both; }
.input_wrapper label { float: left; width: 120px; margin-right: 10px; padding-top: 3px; font: bold 12px Verdana; }
.error_text { float: none; width: 252px; display: inline-block; }
/* common fields */
.input_wrapper input { float: left; width: 210px; margin-right: 10px;}
.input_wrapper textarea { float: left; width: 250px; margin-right: 20px;}
/* checkbox fields */
.input_wrapper_regulation { padding: 3px 0 3px 15px; margin-bottom: 2px; }
.input_wrapper_regulation label { width: 326px; margin: 0 10px 0 5px; float: left; text-align: justify; font-weight: normal; }
.input_wrapper_regulation input { float: left; }
/* submit fields  */
.input_wrapper_submit {margin: 4px 0;}
.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_comment div { float: left; width: 436px; 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: 320px;}
#form_wrapper_comment div textarea { float: left; width: 320px; height: 70px; margin: 0; }
#form_wrapper_comment div input[type='submit'] { width: 140px; margin-left: 140px; }
.captcha_wrapper label { height: 100px;}
.captcha_wrapper .captcha  { margin-top: 5px; float: left; margin-right: 10px; }
.captcha_wrapper p { float: left; width: 325px; text-align: justify; font: 12px Verdana;margin-top: 5px;}

.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_r_comment div { float: left; width: 610px; padding: 6px 5px 8px 15px; margin-bottom: 2px; clear: both;}
#form_wrapper_r_comment div label { float: left; width: 90px; margin-right: 10px; padding-top: 3px; font: bold 12px Verdana; }
#form_wrapper_r_comment div input { float: left; width: 498px;}
#form_wrapper_r_comment div textarea { float: left; width: 498px; height: 70px; margin: 0; }
#form_wrapper_r_comment div input[type='submit'] { width: 140px; margin-left: 230px; }
#form_wrapper_r_comment div.captcha_wrapper label { height: 75px;}

/* to ponizej byc moze pozniej bedzie wykorzystane */
/* radio buttons */
.input_wrapper input[type='radio'] { float: left; width: 10px; 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;}
.radio_group input { float: left; width: 20px; margin-right: 10px; }
#male, #female {} /*ie6*/
/* select fields */
.input_wrapper select {  float: left; margin-right: 4px; width: 262px; 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; }

/**************************************/
/*                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; }
