/* blue = #2492B3 */
/* yellow = #E6E799 */
/* RESET */
html, body, div,
p, span, ul, ol, li, img, a, acronym,
h1, h2, h3, strong, em,
table, tbody, thead, tfoot, th, tr, td, caption,
form, fieldset, label, input, select, optgroup, option, textarea
{
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 1em;
	font-weight: 100;
	list-style: none;
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	color: #222;
}

html {overflow-y: scroll;}

fieldset, img {border: 0;}
html {background-color: #FFFFFF;}
strong {font-weight: 900;}

/* HEADINGS */
h1, h2, h3 {margin: 10px 0;}

h1 {font-size: 1.5em; line-height: 1.5em;}
body#home h1 {font-size: 1.2em;}
h2 {font-size: 1.4em; line-height: 1.4em;}
h3 {font-size: 1.2em; line-height: 1.2em;}
p {line-height: 24px;}

h2#litters_heading span {font-size: 16px; font-style: italic; font-weight: 100; color: #555;}
h2#males_heading span {font-size: 16px; font-style: italic; font-weight: 100; color: #555;}

p.divider {display: block; margin: 5px auto; text-align: center; font-size: 20px; color: #777; line-height: 5px;}

/* LINKS */
a:link {color: #000;}
a:visited {color: #000;}
a:focus {color: #333;}
a:hover {color: #333;}
a:active {color: #444;}

/* GALLERY */
body#archive div#main div {float: left; display: inline; width: 960px;}
a.archive_image {margin: 10px; float: left; font-size: 0; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
a.archive_image img {padding: 10px; background: #FFF;}
body#home a.archive_image {margin: 0 55px 10px 55px;}
body#home a.archive_image img {height: 250px;}
body#home p.images {width: 300px; float: left; margin-bottom: 20px;}
a.jump_link {float: right;}

/* MESSAGES ---------- */
.message, .error, .warning, .info, .forminfo
{
	background-position: 5px 9px;
	border: 3px solid;
	font-weight: 900;
	padding: 5px 5px 5px 30px;
	margin: 5px 0;
}

.message {background-color: #EFE; background-image: url(../img/message.gif); border-color: #080;}
.error {background-color: #FEE; background-image: url(../img/error.gif); border-color: #800;}
.warning {background-color: #FFA; background-image: url(../img/warning.gif); border-color: #D9D600;}
.info, .forminfo {background-color: #CEF; background-image: url(../img/info.gif); border-color: #8AD;}

p.forminfo {margin: 0 0 5px 0;}
span.forminfo {margin: 0 0 0 20px;}

/* STRUCTURE */
.wrapper {overflow: auto;}
.section {width: 960px; margin: 0 auto; position: relative; overflow: auto;}
.column, .large_column, .full_column {float: left;}
.aside {float: right; clear: right;}
#main.column {width: 600px;}
#main.large_column {width: 740px;}
#main {margin: 20px auto 20px auto;}
#sidebar {margin: 20px 0 20px 0; float: right; width: 320px; padding-left: 30px; border-left: 1px dotted #555;}

/* SPONSORS */
.sponsor {padding: 10px; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
#sponsors, #statistics, #cta {width: 200px; margin-top: 20px; padding-left: 20px;}
#sidebar #cta, #sidebar #sponsors {width: 320px; padding: 0; margin: 0;}
#sidebar #cta a {float: none; margin: 0 auto 10px auto;}
#sponsor_bar {margin: 20px 0 0 0; text-align: center;}
#sponsor_bar img {margin: 0 5px;}

/* HEADER ---------- */
.textless {font-size: 0px;}

html {background: url(../img/back.jpg); background-repeat: repeat-x; background-position: top;}
/*#header_wrapper {background: url(../img/back.jpg); background-repeat: repeat-x; background-position: top;}*/
#header {height: 176px;}
#achr_link, #fci_link {position: absolute; top: 0;}
#fci_link {right: 0;}
#achr_link {right: 90px;}

/* LOGO ---------- */
#logo {position: absolute; bottom: 0px; left: 0;}

/* LOGOTYPE ---------- */
#logotype {position: absolute; bottom: 70px; left: 150px;}
#logotype span {font-size: 1.5em; text-align: center; font-style: italic; display: block;}

/* TOOLBAR ---------- */
#toolbar {height: 6px; background: #663399 /*#2492B3*/;}

/* LANG ---------- */
#lang {position: absolute; top: 0; right: 319px; height: 50px;}
#lang a, #lang span {float: right; display: block; width: 40px; background-position: top center; text-decoration: none;}
#lang_en, #lang_hu, #lang_ro {position: absolute; top: 0;}
#lang_en {right: 0px;}
#lang_hu {right: 40px;}
#lang_ro {right: 80px;}

/* LOGIN ---------- */
#head_login {position: absolute; top: 0; right: 180px; height: 50px; width: 130px; background: url(../img/login.jpg); background-repeat: no-repeat; text-align: center;}
#head_login a {color: #FFF; height: 50px; width: 130px; line-height: 50px; display: block; float: left;}

/* MAIN NAVIGATION ---------- */
#main_navigation {position: absolute; bottom: 0; left: 100px; height: 50px; line-height: 50px; width: 860px;}
#main_navigation li {float: left; background-position: left bottom;}
#main_navigation a {display: block; float: left; padding: 0 10px; font-weight: 100; color: #EFEFEF; font-size: 15px;}

#main_navigation li.tabselected {background-image: url(../img/tabl.jpg);}
#main_navigation li.tabselected a {background-image: url(../img/tabr.jpg); background-position: right bottom; color: #000000;}

#main_navigation li.nontabselected {background-image: url(../img/nontabl.jpg);}
#main_navigation li.nontabselected a {background-image: url(../img/nontabr.jpg); background-position: right bottom; color: #000000;}

#home_link {display: block; width: 31px; height: 50px; float: left; background-position: bottom center;}
a#navhome {padding: 0 14px;}

li a#navhome span#home_link {background-image: url(../img/home_sprite.jpg); background-position: left top;}
li a#navhome:hover span#home_link, li a#navhome:focus span#home_link
{background-image: url(../img/home_sprite.jpg); background-position: right top; cursor: pointer;}

li.nontabselected a#navhome span#home_link {background-image: url(../img/home_sprite.jpg); background-position: left bottom;}
li.nontabselected a#navhome:hover span#home_link, li.nontabselected a#navhome:focus span#home_link
{background-image: url(../img/home_sprite.jpg); background-position: right bottom; cursor: pointer;}

/* SUBNAVIGATION ---------- */
#subnav {background-color: #e6e799; font-style: italic; font-size: 14px; height: 40px; line-height: 40px; padding-left: 10px; border-bottom: 1px solid #777; border-right: 1px solid #CCC; border-left: 1px solid #CCC;}
#subnav a, #subnav span {padding: 5px;}
#subnav span {font-weight: 900;}

/* FOOTER ---------- */
#footer_wrapper {background-image: url(../img/footer.jpg); background-position: bottom; background-repeat: repeat-x; padding-top: 20px; height: 80px;}
#footer {height: 80px;}
#footer div p {color: #EFEFEF;}
#footer div p a:link {color: #EFEFEF;}
#footer #copy {position: absolute; top: 25px; left: 0;}
#footer #contact_info {position: absolute; top: 5px; left: 200px;}

/* CONTENT ---------- */
#current_exhibition {text-align: center;}
#current_exhibition hr {width: 50%;}

#exhibition_logos {}
#exhibition_logos a#logoachr, #exhibition_logos a#logofci {}
#exhibition_logos a#logoachr {float: left;}
#exhibition_logos a#logofci {float: right; margin-top: 33px;}
#entry_form a {font-size: 1.4em; font-weight: 900;}

/* MEMBER ANNOUNCEMENTS ---------- */
#member_announcements.full_column {width: 960px;}
#litters_slides, #males_slides {float: left; width: 460px; height: 430px; text-align: center; border: 1px solid; border-top-width: 20px; border-top-color: #E6E799; border-left-color: #CCC; border-bottom-color: #777; border-right-color: #CCC; padding: 5px; margin-bottom: 10px; position: relative;}
#litters_slides img, #males_slides img {
	max-width: 338px;
	width: expression(this.width > 339 ? 338 : true);
	max-height: 254px;
	height: expression(this.height > 255 ? 254 : true);
	/*position: absolute; bottom: 10px; left: 55px;*/ margin: 10px auto 0 auto; padding: 10px; background: #FFF; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
#litters_slides a, #males_slides a {/*position: absolute; top: 90px; left: 20px;*/ display: block; width: 408px; margin: 10px auto; padding: 10px; background-color: #e6e799; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
#litters_slides {margin-right: 8px;}
#males_slides {margin-left: 8px;}
#announcements_info {float: left; width: 100%;}
#announcements_info a {text-align: center; display: block; width: 600px; margin: 10px auto; padding: 10px; background-color: #e6e799; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}

.small_news_item {float: left; width: 308px; padding: 5px; margin-bottom: 10px; border: 1px solid; border-top-width: 20px; border-top-color: #2492B3; border-left-color: #CCC; border-bottom-color: #777; border-right-color: #CCC;}

.announcement_item {overflow: auto; padding: 10px; background: #FCFCFC; margin: 5px 0; border: 1px solid; border-top-width: 20px; border-top-color: #2492B3; border-left-color: #CCC; border-bottom-color: #777; border-right-color: #CCC;}
.announcement_item img {float: right; margin: 0px 0px 10px 10px; width: 200px; padding: 10px; background: #FFF; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
.announcement_item a.details {float: right; font-style: italic; display: block;}
.announcement_item div {margin: 10px 0 0 0;}

a.lightbox_link {position: relative; display: block; float: right;}
span.lightbox_zoom {display: block; position: absolute; height: 37px; width: 27px; background-image: url(../img/zoom.gif); top: 0px; right: 20px; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC; font-size: 0; background-color: #FFF; background-position: center 15px;}

.full_announcement_image {width: 300px; margin: 0px 0 10px 10px; float: right; padding: 10px; background: #FFF; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
.document_image {width: 300px; margin: 0px 10px 10px 10px; float: left; padding: 10px; background: #FFF; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}

.info_left, .info_right {float: left; width: 100%; clear: both; margin: 20px 0 0 0;}
.info_left img, .info_right img {padding: 10px; background: #FFF; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
.info_left img {margin: 0 20px 0 0;}
.info_right img {margin: 0 0 0 20px;}
.info_left a.lightbox_link {float: left; clear: left;}
.info_right a.lightbox_link {float: right; clear: right;}
.info_left span.lightbox_zoom {right: 40px;}

div.publish_date {float: left; padding: 5px; width: 40px; margin-right: 10px; border: 1px solid; border-top-width: 10px; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC; text-align: center;}
.publish_date_day {float: left; width: 40px; height: 24px; font-size: 24px; line-height: 24px; font-weight: 900; font-family: Georgia, serif;}
.publish_date_month {float: left; width: 40px; height: 20px; line-height: 20px; font-family: Georgia, serif;}
.publish_date_year {float: left; width: 40px; height: 20px; line-height: 20px; font-family: Georgia, serif;}

.pagination {clear: left;}
.pagination strong {text-align: center; line-height: 30px; float: left; display: inline; width: 30px; height: 30px; margin: 1px; border: 1px solid; border-top-color: #2492B3; border-left-color: #2492B3; border-bottom-color: #369; border-right-color: #2492B3;}
.pagination a {margin: 1px; text-align: center; line-height: 30px; float: left; display: inline; width: 30px; height: 30px; border: 1px solid; border-top-color: #CCC; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}

/* ENTRIES ---------- */
div.entry {margin: 10px 0; padding: 10px; float: left; width: 938px; border: 1px solid; border-top-width: 20px; border-top-color: #2492B3; border-left-color: #CCC; border-bottom-color: #999; border-right-color: #CCC;}
div.entry p strong {margin-right: 20px;}
.entry_side {float: right;}
.entry_main {float: left; width: 600px;}

/* FORMS ---------- */
fieldset div {line-height: 30px; float: left; width: 100%; clear: left; margin-bottom: 10px;}
fieldset div label {float: left; width: 200px; line-height: 30px; height: 30px;}
fieldset div input {float: left; line-height: 30px; height: 30px; width: 748px; padding: 0 5px; border: 1px solid; border-top-color: #999; border-bottom-color: #CCC; border-right-color: #CCC; border-left-color: #CCC; background: #EFEFEF;}
fieldset div textarea {float: left; line-height: 30px; width: 748px; padding: 0 5px; border: 1px solid; border-top-color: #999; border-bottom-color: #CCC; border-right-color: #CCC; border-left-color: #CCC; background: #EFEFEF;}
fieldset div select {float: left; line-height: 30px; width: 758px; border: 1px solid; border-top-color: #999; border-bottom-color: #CCC; border-right-color: #CCC; border-left-color: #CCC; background: #EFEFEF;}
option {padding: 0 5px;}
optgroup {padding: 5px;}

#champion_container, #work_container {float: none;}

.hidden {display: none;}

#birth_date_year, #birth_date_month, #birth_date_day, #news_date_year, #news_date_month, #news_date_day {width: auto;}
fieldset div .auto_label, fieldset div .auto_label_radio, fieldset div .radio, fieldset div .checkbox {width: auto; border: 0;}
fieldset div .auto_label {margin: 0 10px;}
fieldset div .auto_label_radio {margin: 0 30px 0 5px;}

fieldset select#breed optgroup {font-weight: 900;}

fieldset.feedback div label {float: left; width: 500px;}
fieldset.feedback div input, fieldset.feedback div textarea {float: left; width: 948px;}

optgroup.c0 {background-color: #8AC;}
optgroup.c1 {background-color: #ACA;}
optgroup.c2 {background-color: #DD9;}

optgroup.c0 option {background-color: #ACF;}
optgroup.c1 option {background-color: #CFC;}
optgroup.c2 option {background-color: #FFB;}

form.form_single_line {float: left;}
span.required {font-weight: 900; color: #600; font-size: 1.2em;}

.button {display: block; text-decoration: none; width: 125px; height: 36px; margin: 10px 10px 10px 0; line-height: 36px; color: #FFF !important; float: right; text-align: center; -moz-box-sizing: box-border; cursor: pointer; border: 0;}
.modify, .confirm {background-image: url(../img/buttonarrow.jpg); clear: right;}
.print {background-image: url(../img/buttonarrow.jpg); clear: right;}
.disabled {background-image: url(../img/buttonarrow_disabled.jpg);}
.review {background-image: url(../img/buttonarrowmodify.jpg);}
.delete {background-image: url(../img/buttonarrowdelete.jpg); clear: right;}
.cancel {background-image: url(../img/buttonarrowcancel.jpg);}
.large {background-image: url(../img/button_large.jpg); width: 200px; margin: 10px 0 0 0; height: 50px; line-height: 50px;}
.end {float: left; clear: none; margin: 0 0 0 10px; background-image: url(../img/buttonarrow.jpg);}

div#main.confirmentry p strong {position: absolute; left: 200px;}

a.icon_delete, a.icon_edit, a.icon_approve, a.icon_refuse {display: inline; height: 22px; width: 22px; background-position: center center; text-decoration: none; float: left;}
a.icon_delete {background-image: url(../img/delete.gif);}
a.icon_edit {background-image: url(../img/edit.gif);}
a.icon_approve {background-image: url(../img/approve.gif);}
a.icon_refuse {background-image: url(../img/refuse.gif);}
a.icon_add {background-image: url(../img/add.gif); padding-left: 20px; background-position: left center;}

/* TABLES ---------- */
table {width: 100%; border: 3px solid #74A /*#1a4850*/; border-right-width: 0; border-top-width: 0;}
th, td {padding: 5px; color: #000; border-right: 3px solid #74A /*#1a4850*/; /*background-color: #FFFFBB;*/}
th {background-color: #639 /*#2492b3*/; border-bottom: 3px solid #74A /*#1a4850*/; border-top:3px solid #74A /*#1a4850*/; font-weight: 900; color: #EFEFEF;}

tr td.set_width {width: 180px;}
tr.alt td {background-color: #E3D5F1 /*#96da94*/;}
tr.altclasses td {background-color: #77c59e;}
tr.altgroups td {background-color: #FFB;}
tr.altbis td {background-color: #AFA;}
tr.altsm td {background-color: #FBB;}

table.results {border-top: 0; margin-bottom: 20px;}
table.results caption {font-size: 1.2em; font-weight: 900;}
table.results th {border-top: 3px solid #74A /*#1a4850*/;}
table.results td.centered_cell {text-align: center;}

/* TARIFFS ---------- */
tbody#firstdog tr.deadline1 td {background-color: #E3D5F1;}
tbody#firstdog tr.deadline2 td {background-color: #C3B5D1;}

tbody#nextdogs tr.deadline1 td {background-color: #D3C5E1;}
tbody#nextdogs tr.deadline2 td {background-color: #C3B5D1;}

tbody#classes td {background-color: #E3D5F1;}
tbody#breeders td {background-color: #D3C5E1;}
tbody#junior td {background-color: #E3D5F1;}

/* LISTS ---------- */
ol li {list-style: decimal; list-style-position: inside;}
ul.bullet li {list-style: square; list-style-position: inside; margin-left: 10px;}

#association ul#members li ul li {margin-left: 30px; list-style: square; list-style-position: inside;}
#association ul#members li {margin-bottom: 5px;}
#association ul#members span.name {font-style: italic; font-weight: 900; color: #222;}

/* LODGING ---------- */
p.link, p.phone, p.fax, p.address, p.map {padding-left: 25px; background-position: left center;}
p.link {background-image: url(../img/link.png);}
p.phone {background-image: url(../img/phone.png);}
p.map {background-image: url(../img/map_location.png);}
p.fax {background-image: url(../img/fax.png);}
p.address {background-image: url(../img/address.png);}
div.hotel {width: 350px; float: left; margin-right: 20px; height: 180px;}
div.hotel h3 {border-bottom: 2px solid #000;}

/* FLAGS ---------- */
.flag_dk, .flag_hu, .flag_it, .flag_lt, .flag_pt, .flag_ro, .flag_sk, .flag_ua {padding: 2px 2px 2px 20px; background-repeat: no-repeat; background-position: 0px 8px;}

.flag_dk {background-image: url(../img/flags/dk.png);}
.flag_hu {background-image: url(../img/flags/hu.png);}
.flag_it {background-image: url(../img/flags/it.png);}
.flag_lt {background-image: url(../img/flags/lt.png);}
.flag_pt {background-image: url(../img/flags/pt.png);}
.flag_ro {background-image: url(../img/flags/ro.png);}
.flag_sk {background-image: url(../img/flags/sk.png);}
.flag_ua {background-image: url(../img/flags/ua.png);}

#association_members_photos td, #exhibition_judges_photos td {vertical-align: top; text-align: center;}
#association_members_photos img, #exhibition_judges_photos img {border: 1px solid #CCC; border-bottom-color: #999; padding: 5px;}

.statistics_left {float: left; width: 470px;}
.statistics_right {float: right; width: 470px; margin-left: 20px;}
.statistics_left p.info, .statistics_right p.info {float: left; margin-top: 20px; width: 429px;}
.statistics_table {float: left; width: 470px; margin-bottom: 10px;}
.statistics_table th {background-color: #E3D5F1; color: #222;}
.left_cell {text-align: left;}
.center_cell {text-align: center;}

.cancelUpload {width: auto;}