﻿html, body {
    background: #246dc2;
}

a {
    color: #266ec3;
}

.infoPanel {
    color: #005cbf;
    background: #cce4ff;
    border: solid 1px #005cbf;
}

.successPanel {
    color: #267f00;
    background: #d9ffc9;
    border: solid 1px #267f00;
}

.failurePanel, .warnPanel {
    color: #b20000;
    background: #ffd8d8;
    border: solid 1px #b20000;
}

.info {
    color: blue !important;
}

.success {
    color: green !important;
}

.warn {
    color: orange !important;
}

.failure, .error {
    color: red !important;
}

#page {
    background-color: white;
    background-image: url("Images/pageBgr.png");
    background-position: left top;
    background-repeat: repeat-y;
}

#header {
    background: #246dc2;
}

#header .roundedPanel {
    background: white;
}

#header .r, #header .b, #header .l {
    background-image: url("Images/mainBorder.png");
}

#header .bl {
    background-image: url("Images/mainBL.png");
}

#header .br {
    background-image: url("Images/mainBR.png");
}

#commonLogin, #commonLogin a {
    color: #727272;
}

#commonLogin .anonymous input {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
}

#commonLogin .anonymous .loginButton,
#commonLogin .logged .logoutButton {
    color: white;
    background-image: url("Images/loginButton.png");
}

/* ie8 fix, it doesn't work perfect if the click is perform on button text :( */
#commonLogin .anonymous .loginButton:active {
    -ms-background-position-x: 1px;
	-ms-background-position-y: 1px;
}

/* mainMenu */

#mainMenu {
    background-image: url("Images/mainMenuBgr.png");
    background-repeat: repeat-x;
}

#mainMenu > a {
    color: #676767;
    background-image: url("Images/mainMenuSep.png");
    background-repeat: no-repeat;
}

#mainMenu > a:hover {
    color: #676767;
}

#mainMenu > a:first-child {
    background-image: none;
}

#mainMenu .RadMenu_Family a {
    color: #676767 !important;
}

#mainMenu .RadMenu_Family a:hover {
    color: #676767 !important;
}

#mainMenu .RadMenu_Family a.rmSelected span {
    color: white;
    background-image: url("Images/menuSelected.png");
    background-repeat: no-repeat;
    background-position: center top;
}

#mainMenu .RadMenu_Family > .rmRootGroup > .rmItem > a {
    background-image: url("Images/mainMenuSep.png");
    background-repeat: no-repeat;
}

#mainMenu .RadMenu_Family .rmVertical a {
    background: #f1f1f1;
    border-right: solid 1px #c9c9c9;
    border-bottom: solid 1px #c9c9c9;
    border-left: solid 1px #c9c9c9;
}
/* ~mainMenu */

#childrenMenu {
    background: url("Images/childrenMenuBgr.jpg") no-repeat;
}

#childrenMenu2 {
  /*  background: url("Images/childrenMenu2Bgr.jpg") no-repeat;*/
}

#childrenHeader {
    color: #006734;
    background: url("Images/mainMenuBgr.png") repeat-x left bottom;
}

#childrenHeader ._gry {
    background: url("Images/Icons/kostka.png") no-repeat 15px center;
}

#childrenHeader ._baby_radio {
    background: url("Images/Icons/nuta.png") no-repeat 15px center;
}

#childrenHeader ._bajki {
    background: url("Images/Icons/ksiazka.png") no-repeat 15px center;
}

#childrenHeader ._kolorowanki {
    background: url("Images/Icons/pedzel.png") no-repeat 15px center;
}

#childrenHeader ._komputerowe_abc {
    background: url("Images/Icons/komputer.png") no-repeat 15px center;
}

#childrenHeader ._internetowe_abc {
    background: url("Images/Icons/komputer.png") no-repeat 15px center;
}

#childrenHeader ._zabawy {
    background: url("Images/Icons/pilka.png") no-repeat 15px center;
}

#childrenHeader ._konkursy {
    background: url("Images/Icons/zegar.png") no-repeat 15px center;
}

#childrenHeader ._zielono_mi {
    background: url("Images/Icons/drzewo.png") no-repeat 15px center;
}

#childrenHeader ._101_ciekawostek {
    background: url("Images/Icons/ksiazka.png") no-repeat 15px center;
}

#childrenHeader ._kraina_smiechu {
    background: url("Images/Icons/humor.png") no-repeat 15px center;
}

#contentWrapper .childrenContent #content {
    background: url("Images/childrenBgr.png") no-repeat;
}

#contentWrapper .childrenContent2 #content {
    background: none !important;

}


#contentWrapper > .roundedPanel,
#contentWrapper > .roundedPanel > .b > .r,
#contentWrapper > .roundedPanel > .b > .r > .l {
    background-image: url("Images/mainBorder.png");
}

#contentWrapper > .roundedPanel > .b > .r > .l > .bl > .br > .tl {
    background-image: url("Images/mainTL.png");
}

#contentWrapper > .roundedPanel > .b > .r > .l > .bl > .br > .tl > .tr {
    background-image: url("Images/mainTR.png");
}

#footer {
    background: #246dc2 url("Images/footerBgr.png") no-repeat left top;
}

#footerMenu a {
    color: white;
    border-left: solid 1px white;
}

#footerMenu a:first-child {
    border-left: none;
}

#copyrights, #copyrights a {
    color: #77ecff;
}

#eu p {
    color: white;
    border-bottom: solid 1px white;
}

/* categoriesList */
.categoriesList h3 {
    color: #676767;
}

.categoriesList ul li a {
    background-image: url("Images/categoryBgr.png");
    background-repeat: repeat-x;
}

.categoriesList ul li.current a {
    background-image: none;
}

.categoriesList ul li.current div {
    background-image: url("Images/currentCategory.png");
    background-repeat: no-repeat;
}

.categoriesList ul li a {
    color: #3a3a3a;
}

.categoriesList ul li span {
    color: #770009;
}

.categoriesList ul li.current a {
    color: white;
}

.categoriesList ul li.current span {
    color: white;
}
/* ~categoriesList */

.categoriesPanelBar .tr > h3 {
    color: #676767;
}

/* sidebarSection */
.sidebarSection {
    background-image : url("Images/sidebarSection.png");
    background-repeat: no-repeat;
}

.sidebarSection h3 {
    color: white;
}
/* ~sidebarSection */

ul.tagCloud li a {
	color: #3a3a3a;
}

/* master */
.currentCategoryTagInfo {
    color: #3a3a3a;
    background-image: url("Images/mainMenuBgr.png");
    background-repeat: repeat-x;
}

.contentMaster ul.contentList > li,
ul.sf_newsList > li,
ul.sf_eventsList > li {
    background-image : url("Images/newsItemBgr.png");
    background-repeat: no-repeat;
    background-position: left bottom;
}

.productsMaster ul.contentList > li.full {
    background-image: none;
    border: solid 1px #748190;
}

.announcementsMaster ul.contentList > li.recommended {
    background-image: none;
    border: solid 1px #748190;
}

.contentMaster ul.contentList > li h2 a,
ul.sf_newsList > li h2 a,
ul.sf_eventsList > li h2 a {
    color: #3a3a3a;
}

.contentMaster ul.contentList > li .more a,
ul.sf_newsList > li .sf_readMore a,
ul.sf_eventsList > li .sf_readMore a {
    color: #3a3a3a;
    background-image : url("Images/more.png");
    background-repeat: no-repeat;
    background-position: right top;
}

ol.sf_pager li a {
    color: black;
    border: solid 1px #9c9c9c;
}

ol.sf_pager li a.sf_PagerSelItem {
    color: white;
    background: #256dc2;
}

ol.sf_pager li.pagerPrev a {
    background-image : url("Images/prev.png");
    background-repeat: no-repeat;
}

ol.sf_pager li.pagerNext a {
    background-image : url("Images/next.png");
    background-repeat: no-repeat;
}

.contentMaster .tags ul li {
    border: solid 1px #9a9a9a;
    background: #cccccc;
}

.contentMaster .tags ul li a {
    color: #3a3a3a;
}
/* ~master */

/* ~news - details */
.contentDetails ul.sf_postTags li,
.sf_singleNews ul.sf_postTags li,
.sf_singleEvent ul.sf_postTags li {
    border: solid 1px #9a9a9a;
    background: #cccccc;
}

.contentDetails .richContent,
.sf_singleNews .richContent {
    border-bottom: solid 1px #d9d9d9;
}

.contentDetails .tags {
    border-bottom: solid 1px #d9d9d9;
}

.contentDetails ul.sf_postTags li a,
.sf_singleNews ul.sf_postTags li a,
.sf_singleEvent ul.sf_postTags li a {
    color: #3a3a3a;
}

.contentDetails .sf_contentComments,
.sf_singleNews .sf_contentComments,
.sf_singleEvent .sf_contentComments {
    border-top: solid 1px #d9d9d9;
}

.announcementsDetails .paymentBlock input {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
}
/* ~news - details */

/* comments */

.comments h3.sf_commentsCount {
    color: #393939;
    background: url("Images/comments.png") no-repeat;
}

.comments h3.sf_commentsTitle {
    color: #393939;
}

.comments h3.sf_commentsCount {
    color: #393939;
    background: url("Images/comments.png") no-repeat;
}

.comments ol.sf_commentListing li > div {
    border: dashed 1px #bcc2b7;
}

.comments ol.sf_commentListing li > div {
    border: dashed 1px #bcc2b7;
}

.comments ol.sf_commentListing li.even > div {
    background: #f0eee4;
}

.comments .sf_contentCommentForm ol > li input.readOnly {
    border: none;
}

.comments .RadEditor.Default {
    background-color: white !important;
    border: none 0 transparent !important;
}

.comments .RadEditor.Default .reContentCell {
    background: solid 1px #bcbcbc !important;
}

.comments .moderationInfo {
    color: #00b221;
    border: dashed 1px #00b221;
}

/* ~comments */

.oneThirdMainPageModule {
    background: url("Images/sidebarSection.png") no-repeat;
}

.oneThirdMainPageModule h3 {
    color: white;
}

.oneThirdMainPageModule a.more {
    color: #3a3a3a;
    background: url("Images/more.png") no-repeat right top;
}

.oneThirdMainPageModule a.calendar {
    color: #3a3a3a;
}

.itemsListMainPageModule .moduleContent,
.itemsListMainPageModule .moduleContent a {
    color: #494949;
}

.itemsListMainPageModule .moduleContent a .category {
    color: #770009;
}

.itemsListMainPageModule .moduleContent a .dates {
    color: #770009;
}

.recommendedItemsRotator {
    border: solid 1px #999999;
}

.recommendedItemsRotator h3 {
    color: white;
    background: url("Images/moduleHeader.png") no-repeat right top;
}

.recommendedItemsRotator .rotator .item .thumbnail {
    background: black;
}

.recommendedItemsRotator .rotator .item .info {
    color: black !important;
    background: #c0c0c0;
}

.recommendedItemsRotator .rotator .item .info .title {
    color: #494949;
    background: transparent url("Images/semiTransGreenBgr.png") repeat;
}

.recommendedItemsRotator .rotator .item .info a.more {
    color: #3a3a3a;
    background: url("Images/more.png") no-repeat right top;
}

.recommendedItemsRotator .navigator {
    border-left: solid 1px #999999;
}

.recommendedItemsRotator .navigator ul li.current div {
    background: transparent url("Images/currentRecRotItem.png") no-repeat right top;
}

.recommendedItemsRotator .navigator ul li.current a {
    color: white;
}

.recommendedItemsRotator .navigator ul li a {
    color: #494949;
}

.contentRotator {
    background: url("Images/contentRotatorBgr.png") no-repeat left top;
}

.contentRotator h3 {
    color: white;
    background: url("Images/moduleHeader.png") no-repeat right top;
}

.contentRotator h3 a {
    color: white;
}

.contentRotator .contentInfo .title {
    color: #494949;
}

.contentRotator .contentInfo a.more {
    color: #3a3a3a;
    background-image : url("Images/more.png");
    background-repeat: no-repeat;
    background-position: right top;
}

.button {
    background: url("Images/submitBtn.png") no-repeat;
    border: none 0 transparent !important;
    color: white;
}

.buttonSmall {
    background: url("Images/submitBtnSmall.png") no-repeat;
    border: none 0 transparent !important;
    color: white;
}

ul.form > li > label {
    color: #226cc1;
}

ul.form > li.checkbox > label {
    color: black;
}

ul.form > li > input.txt,
ul.form > li > input.txtSmall,
ul.form > li > textarea {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
}

.panel {
    border: solid 1px #999999;
}

.panel .tr > h3,
.panel > h3 {
    color: white;
    background: url("Images/moduleHeader.png") no-repeat right top;
}

#createUser .captcha .sf_CaptchaTextbox input {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
}

#createUser .captcha .captcha span {
    color: red;
}

/*
#childrenZoneMainPageModule {
    background: url("Images/childrenZoneMainPageModule.png") no-repeat left top;
}
*/

/* games */
ul.games {
}

ul.games > li {
    border-bottom: solid 1px #c5c5c5;
}

ul.games > li h3 a {
    color: #006734;
}

ul.games > li .category {
    color: #256dc2;
}

ul.games > li a.play {
    color: white;
    background: url("Images/play.png") no-repeat left top;
}
/* ~games */

/* temp */
#catalogPlaceholder {
    background: url("Images/catalogPlaceholder.png") no-repeat left top;
}

#mainBottomPlaceholder {
    background: url("Images/mainBottomPlaceholder.png") no-repeat left top;
}
/* ~temp */

#productsCategoriesMainPage {
    background: url("Images/productsCategoriesMainPage.png") no-repeat left top;
}

#productsCategoriesMainPage .tr > h3 {
    color: white;
}

#productsCategoriesMainPage .tr > ul > li > h4 a {
    color: black;
    background: #c9ddef url("Images/arrow.png") no-repeat 168px center;
}

#productsCategoriesMainPage .tr > ul > li > ul > li > a {
    color: #494949;
}

.masterViewSwitch a {
    background-image: url("Images/views.jpg");
    background-repeat: no-repeat;
}

.masterViewSwitch a.productsListLink {
    background-position: 0 0;
}

.masterViewSwitch .current a.productsListLink,
.masterViewSwitch a.productsListLink:hover {
    background-position: 0 -59px;
}

.masterViewSwitch a.eventsListLink {
    background-position: -348px 0;
}

.masterViewSwitch .current a.eventsListLink,
.masterViewSwitch a.eventsListLink:hover {
    background-position: -348px -59px;
}

.masterViewSwitch a.mapLink {
    background-position: -116px 0;
}

.masterViewSwitch .current a.mapLink,
.masterViewSwitch a.mapLink:hover {
    background-position: -116px -59px;
}

.masterViewSwitch a.calendarLink {
    background-position: -464px 0;
}

.masterViewSwitch .current a.calendarLink,
.masterViewSwitch a.calendarLink:hover {
    background-position: -464px -59px;
}

.masterViewSwitch a.categoriesListLink {
    background-position: -232px 0;
}

.masterViewSwitch .current a.categoriesListLink,
.masterViewSwitch a.categoriesListLink:hover {
    background-position: -232px -59px;
}

.youtubeVideoList table td .videoImage {
    border: solid 1px #cecece;
}

.rssLink {
    background: url("Images/rssBgr.png") repeat-x left center;
}

.rssLink span {
    background: white;
}

.rssLink span a {
    background: url("Images/rss.png") no-repeat left top;
}

.forumList table th,
.singleForum  table th {
    color: #676767;
    border-bottom: solid 1px #ededed;
}

.forumList table td,
.singleForum table td {
    background: url("Images/forumRowBgr.png") repeat-x left bottom;
}

/*
.comments h3.sf_commentsCount {
    color: #393939;
    background: url("Images/comments.png") no-repeat;
}

.comments h3.sf_commentsTitle {
    color: #393939;
}

.comments h3.sf_commentsCount {
    color: #393939;
    background: url("Images/comments.png") no-repeat;
}

.comments ol.sf_commentListing li > div {
    border: dashed 1px #bcc2b7;
}

.comments ol.sf_commentListing li > div {
    border: dashed 1px #bcc2b7;
}

.comments ol.sf_commentListing li.even > div {
    background: #f0eee4;
}

.comments .sf_contentCommentForm ol > li input.readOnly {
    border: none;
}

.comments .RadEditor.Default {
    background-color: white !important;
    border: none 0 transparent !important;
}

.comments .RadEditor.Default .reContentCell {
    background: solid 1px #bcbcbc !important;
}

.comments .moderationInfo {
    color: #00b221;
    border: dashed 1px #00b221;
}
*/

.singleThread ul.posts > li {
    border: dashed 1px #bcc2b7;
}

.singleThread ul.posts > li.even {
    background: #f0eee4;
}

.singleThread ul.posts > li ul.author,
.singleThread .threadInitialPost ul.author {
    border-right: solid 1px #bcc2b7;
}

.sf_postContent .sf_forumDate span {
    color: #bcc2b7;
    border-bottom: solid 1px #bcc2b7;
}

.sf_postContent .quote blockquote {
    border: solid 1px #bcc2b7;
    background: #f5f4d8;
}

.editForum .RadEditor.Default {
    background-color: white !important;
    border: none 0 transparent !important;
}

.editForum .RadEditor.Default .reContentCell {
    background: solid 1px #bcbcbc !important;
}

.editForum .sf_forumsEditor h3 label,
.editForum .sf_forumsEditor h3.contentLabel,
.editForum .sf_forumsEditor h3.quoteLabel {
    color: #226cc1;
}

.editForum .sf_forumsEditor h3 > input {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
    width: 512px;
}

.createEditAnnouncement .RadEditor.Default,
.createEditPlace .RadEditor.Default {
    background-color: white !important;
    border: none 0 transparent !important;
}

.createEditAnnouncement .RadEditor.Default .reContentCell,
.createEditPlace  .RadEditor.Default .reContentCell {
    background: solid 1px #bcbcbc !important;
}

.createEditAnnouncement ul.form > li.paymentInfo label {
    color: #226cc1;
}

.createEditAnnouncement ul.form > li.paymentInfo input.txt {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
}

.announcementsMainPageModule {
    border: solid 1px #999999;
    background: #f5f4d8;
}

.announcementsMainPageModule h3 {
    color: white;
    background: url("Images/moduleHeader.png") no-repeat right top;
}

.announcementsMainPageModule h3 a {
    color: white;
}

.announcementsMainPageModule .categories a {
    color: #3a3a3a;
}

.announcementsMainPageModule .categories a span {
    color: #770009;
}

.announcementsMainPageModule .items a {
    color: #3a3a3a;
}

.paymentBlock {
    border: solid 1px #999999;
    background: #f5f4d8;
}

.myAnnouncements > a {
    color: #3a3a3a;
}

.myAnnouncements ul li > .name {
    background: url("Images/collapsed.png") no-repeat left center;
}

.myAnnouncements ul li > .name span,
.myAnnouncements ul li > .name a {
    color: #3a3a3a;
}

.myAnnouncements ul li > .date,
.myAnnouncements ul li > span {
    color: #266ec3;
}

.newsletterMainPage > div label {
    color: #226cc1;
}

.newsletterMainPage > div input.txt {
    border-top: solid 1px #9ea4a8;
    border-right: solid 1px #d9d9d9;
    border-bottom: solid 1px #d9d9d9;
    border-left: solid 1px #9ea4a8;
}

.searchResults .tr > h2 {
    color: #3a3a3a;
    background-image: url("Images/mainMenuBgr.png");
    background-repeat: repeat-x;
}

.searchBox label {
    color: white;
}

.searchBox .searchButton {
    background-image: url("Images/searchButton.png");
}

.answerForm > label {
    color: #226cc1;
}
