@CHARSET "UTF-8";

body, input, textarea, select {
	color: #163862;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

body {
	background-color: #163862;
	margin: 20px auto;
	width: 930px;
}

a {
	color: #FAAB53;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.disabled, a.disabled:hover {
	color: #DDD !important;
	cursor: default;
	text-decoration: none !important;
}
a img {
	border-width: 0px;
}

h3 {
	font-size: 14px !important;
	margin-bottom: 15px !important;
}
h3 a {
	color: #163862;
}
h4 {
	font-size: 12px;
}

ul, dl {
	margin: 0px;
	padding: 0px;
}

hr {
	clear: both;
	margin: 0px 0px 15px 0px;
	visibility: hidden;
}
hr.m0 {
	margin: 0px;
}

/* layout */
div#userPanelCorner img {
	display: block;
	float: right;
	margin-right: 28px;
}
div#container {
	background: #FFF url("/images/backgrounds/container.png");
	clear: both;
}

/* header */
div#userPanel {
	background: url("/images/backgrounds/userPanel.jpg") no-repeat;
	float: right;
	margin: 0px;
	padding: 0px;
	
	width: 274px;
	height: 150px;
}
.userPanel {
	height: 125px;
	margin: 0px;
}
div.userPanel {
	height: 120px;
}
.userPanel ul {
	list-style: none;
	margin: 3px 0px 0px 40px;
}
.userPanel ul li {
	float: left;
	line-height: 80%;
	text-align: center;
	width: 52px;
}
.userPanel ul li img {
	display: block;
	margin: 0px auto;
}
.userPanel ul li a {
	color: #FFF;
	font-size: 10px;
}
.userPanel p {
	color: #FFF;
	font-size: 15px;
	margin: 5px 33px 0px 0px;
	text-align: right;
}
.userPanel p a {
	font-size: 10px;
	color: #FFF;
}
div#freeRegistration {
	margin-left: 40px;
}
div#logo {
	float: left;
}
ul#topMenu {
	list-style: none;
	float: left;
	margin-top: 7px;
	width: 312px;
}
ul#topMenu li {
	float: left;
	margin-bottom: 5px;
	text-align: center;
	width: 78px;
}
ul#topMenu img {
	display: block;
	margin: 0px auto 2px auto;
}
ul#topMenu a {
	display: block;
	font-size: 11px;
	text-decoration: none;
}
ul#topMenu a:hover {
	text-decoration: underline;
}

/* content */
div#content {
	clear: both;
	padding-top: 0px;
}
ul#today {
	background: url("/images/line.gif") no-repeat;
	clear: both;
	color: #AECAEA;
	float: right;
	font-weight: bold;
	height: 60px;
	list-style: none;
	margin-right: 45px;
	margin-top: -20px;
	padding-top: 20px;
	text-align: right;
	width: 890px;
}
ul#today li {
	clear: both;
	margin-bottom: 6px;
}
ul#today li ul {
	list-style: none;
	float: right;
}
ul#today li ul li {
	clear: none;
	float: left;
	margin-right: 5px;
}
ul#today a {
	color: #AECAEA;
}

/* menus */
ul#mainMenu {
	float: left;
	list-style: none;
	width: 170px;
	
	position: relative;
	left: -44px;
}
li#mainMenuMore {
	margin-top: 15px;
}

ul#lettersMenu {
	list-style: none;
	margin-left: 10px;
	width: 150px;
}
ul#lettersMenu li {
	float: left;
	margin: 3px;
}

/* right */

div#right {
	float: right;
	margin-right: 80px;
	width: 630px;
}

div#right p {
	text-align: justify;
}

/* info + error */
div#divInfo,
div#divError {
	font-size: 14px;
	margin-bottom: 15px;
	padding: 5px;
}
div#divInfo {
	color: #FAAB53;
}
div#divError {
	color: #FF0000;
}
div#divInfo img,
div#divError img {
	margin-right: 10px;
	vertical-align: middle;
}

img#cornerLeftBottom {
	clear: both;
	display: block;
}

/* names list */
ul.namesList {
	float: left;
	list-style-image: url("/images/icons/small.jpg");
	width: 155px;
}
ul.namesList li {
	padding-left: 5px;
}
/*name days list */
ul#nameDaysList {
	list-style-image: url("/images/icons/small.jpg");
	margin-left: 12px;
}
ul#nameDaysList li {
	padding-left: 10px;
}
/* months list */
ul#monthsList {
	list-style: none;
}
ul#monthsList li {
	float: left;
	margin-right: 7px;
}
/* quotes and poems */
ul.quotesAndPoems {
	float: left;
	list-style-image: url("/images/icons/small.jpg");
	margin-right: 20px;
	width: 290px;
}
ul.quotesAndPoems li.firstChild {
	list-style: none;
}
ul.quotesAndPoems li img {
	display: block;
	margin: 10px auto;
}

/* calendar */
ul#calendar_months,
ul#calendar_days {
	clear: both;
}
ul#calendar_months {
	width: 540px;
}
ul#calendar_days {
	margin: 0px auto;
	width: 180px;
}
ul#calendar_months li,
ul#calendar_days li {
	clear: none;
	cursor: pointer;
	float: left;
	margin: 0px 3px 0px 0px;
}
ul#calendar_months li {
	border-bottom-width: 0px;
	color: #FFA84F;
	font-size: 14px;
	margin-bottom: -1px;
	padding: 2px 5px;
}
ul#calendar_days li {
	color: #69421D;
	padding: 2px 0px;
	text-align: center;
	width: 18px;
}
ul#calendar_days li.disabled {
	color: #AAA;
	cursor: default;
}
ul#calendar_months li.current,
ul#calendar_days li.current {
	font-weight: bold;
}
span#calendar_current_date {
	color: #ADCAEA;
}

/* pager */
ul.pager {
	clear: both;
	list-style: none;
	margin: 0px auto;
}
ul.pager li {
	float: left;
	height: 46px;
	margin: 2px;
	text-align: center;
	width: 34px;
}
ul.pager li.pager1 {
	background: url("/images/backgrounds/pager/1.png") no-repeat;
}
ul.pager li.pager2 {
	background: url("/images/backgrounds/pager/2.png") no-repeat;
}
ul.pager li.pager3 {
	background: url("/images/backgrounds/pager/3.png") no-repeat;
}
ul.pager li.current {
	background: url("/images/backgrounds/pager/current.png") no-repeat;
	font-weight: bold;
	height: 33px;
	padding-top: 13px;
}
ul.pager li a {
	color: #69421D;
	display: block;
	height: 33px;
	padding-top: 13px;
}

/* rating */
ul#rating {
	list-style: none;
}
ul#rating li {
	float: left;
}
ul#rating li img {
	cursor: pointer;
	margin-right: 5px;
}

/* card stats */
ul#cardStats {
	list-style: none;
}
ul#cardStats li {
	color: #FAAB52;
	float: left;
	text-align: center;
	width: 200px;
}
ul#cardStats li ul {
	margin: 0px auto;
	width: 140px;
}
ul#cardStats li li {
	width: auto;
}

/* holidays list */
dl#holidaysList dt {
	clear: left;
	float: left;
	width: 45px;
}
dl#holidaysList dd {
	float: left;
	margin-left: 0px;
	width: 230px;
}
dl#holidaysList .selected {
	font-weight: bold;
}

/* footer */
ul#footer {
	background: url("/images/backgrounds/footer.png") no-repeat;
	clear: both;
	height: 50px;
	list-style: none;
	padding-left: 40px;
	padding-top: 8px;
}
ul#footer li {
	float: left;
	margin-right: 25px;
}
ul#footer li a {
	color: #69421D;
	text-decoration: none;
}
ul#footer li a:hover {
	text-decoration: underline;
}

/* cards index */
ul#top10 {
	float: left;
	list-style: none;
	margin-right: 10px;
	width: 310px;
}
ul.top10 {
	list-style: none;
	margin-right: 10px;
}
ul.top10 li.header img {
	display: block;
	margin-left: 23px;
}
ul.oneColumn {
	float: left;
	list-style: none;
	width: 155px;
}
ul#top10 li.header img,
ul.oneColumn li.header img {
	display: block;
	margin-left: 23px;
}
/* cards */
div.cardBox {
	margin: 0px auto;
	width: 110px;
}
img.cardCorners {
	border-width: 0px !important;
	
	position: absolute;
}
ul.cardsList {
	list-style: none;
	clear: both;
	margin-top: 30px;
}
ul.cardsList li {
	float: left;
	height: 130px;
	margin-bottom: 5px;
	margin-right: 5px;
	width: 150px;
}
ul.cardsList img {
	border: 4px #FAD8AF solid;
}
ul.cardsList h4 {
	margin: 7px 0px 0px 0px;
	text-align: center;
}

div#cardSimple {
	text-align: center;
}
div#card * {
	display: block;
	margin: 0px;
	padding: 0px;
}
img#cardPart1 {
	margin-left: 70px;
}
div#object {
	border: 1px #FAAB52 solid;
	float: left;
	margin: 0px 0px 0px 20px;
	
	width: 550px;
	height: 400px;
}
img#cardPart2 {
	display: block;
	float: left;
	margin-top: 47px;
	margin-left: 0px;
}
img#cardPart3 {
	clear: left;
	float: left;
}
div#card div#body {
	background-color: #FAAB52;
	float: left;
	height: 284px;
	padding-left: 10px;
	width: 478px;
}
img#cardPart4 {
	float: left;
}
div#cardPart5 {
	clear: left;
	background: url("/images/card/5.png") no-repeat;
	
	width: 527px;
	height: 100px;
}
div#cardPart6 {
	clear: left;
	background: url("/images/card/5.png") no-repeat;
	margin-left: 30px;
	padding-top: 2px;
	
	width: 527px;
	height: 80px;
}

form#cardForm {
	color: #FDD5A9;
	padding: 0px 10px 10px 10px;
}
form#cardForm ul {
	background: url("/images/backgrounds/cardFormInput.png") no-repeat;
	float: left;
	
	width: 235px;
	height: 55px;
}
form#cardForm ul ul {
	background: none;
	border: none;
	clear: both;
	float: none;
	height: 20px;
}
form#cardForm ul.error_list li {
	font-size: 10px;
	padding: 0px;
}
form#cardForm ul.body {	
	width: 470px;
	height: 150px;
}
form#cardForm ul.body {
	background: none;
}
form#cardForm ul.body textarea {
	width: 100%;
	height: 130px;
}
form#cardForm label {
	margin-bottom: 2px;
}
form#cardForm input {
	margin-left: 10px !important;
}
form#cardForm input,
form#cardForm textarea {
	background-color: #FDD5A9;
	border-width: 0px !important;
	clear: left;
}
select {
	background-color: #FDD5A9;
	border: none;
}
form#cardForm input.image {
	background: none;
}
form#cardForm input {
	margin: 2px 0px;
	width: 160px !important;
}
form#cardForm input.image {
	float: right;
	margin-right: 25px;
	
	width: 107px !important;
	height: 76px !important;
}

/* forms */
div#right form {
	margin: 0px auto;
	padding: 5px 0px;
}
div#right label {
	padding-left: 3px;
}
div#right form input,
div#right form textarea {
	float: none;
	border: 1px #163862 solid;
	width: 250px;
}
div#right form fieldset ul li {
	padding: 5px 0px;
}
div#right form fieldset ul li.liSubmit {
	border-width: 0px;
	text-align: center;
}
div#right form fieldset ul li.liSubmit input {
	width: auto;
}
input.image,
img.button {
	border: none !important;
	display: block;
	float: right;
	margin-right: 25px !important;
	width: auto !important;
}

fieldset {
	border-width: 0px;
}
fieldset ul {
	list-style: none;
}
ul.error_list li {
	border-width: 0px !important;
	clear: both;
	color: #F00;
}

form fieldset ul li {
	clear: both;
	margin: 3px 0px;
}
form fieldset ul li label {
	display: block;
	float: left;
	width: 120px;
}

/* tables */
table {
	clear: both;
}
td {
	vertical-align: top;
}
/* calendar table */
table#calendarTable {

}
table#calendarTable th {
	color: #FFA84F;
	font-size: 16px;
}
table#calendarTable td {
	color: #AAA;
	font-size: 12px;
	padding-right: 4px;
	text-align: right;
	vertical-align: middle;

	width: 20px;
	height: 20px;
}
table#calendarTable td a {
	color: #69421D;
}
table#calendarTable td.isHoliday {

}
table#calendarTable td.selected {
	background: url("/images/backgrounds/calendar/selected.png") right no-repeat;
	font-weight: bold;
}
table#calendarTable a {
	display: block;
}

table.reportTable {
	border-collapse: collapse;
	margin: 10px 0px;
}
table.reportTable td {
	background-color: #FFA84F;
	border: 1px #FFF solid;
	color: #FFF;
	font-size: 12px;
	padding: 4px;
	vertical-align: middle;
}
table.reportTable td.plaster {
	background: none;
	padding: 15px 0px 0px 200px;
}
table.reportTable td.plaster img {
	bottom: -8px;
	position: relative;
}
table.reportTable td.actions {
	text-align: center;
}
table.reportTable td.actions a img {
	margin: 0px 4px;
}

/* login form */
input#login_top_email,
input#login_top_pass {
	padding-left: 12px;
	padding-right: 20px !important;
	width: 170px;
}
input#login_top_email {
	background: url("/images/backgrounds/loginForm/inputEmail.png") no-repeat;
	border-width: 0px;
	color: #AECAEA;
	height: 21px;
}
input#login_top_pass {
	background: url("/images/backgrounds/loginForm/inputPassword.png") no-repeat;
	border-width: 0px;
	color: #AECAEA;
	height: 26px;
}

form.userPanel li {
	margin: 0px;
}
form.userPanel li.liSubmit {
	margin-left: 25px;
	width: 70px;
}
form.userPanel label {
	width: 187px;
}
form.userPanel label img {
	display: block;
	float: right;
}

div#banner234x60 {
	float: left;
	height: 60px;
	margin: 10px 0px 35px 35px;
	width: 234px;
}
div#banner728x15 {
	color: #FFF;
	float: right;
	font-weight: normal;
	height: 15px;
	text-align: left;
	width: 728px;
}

/* segregators */
div#segregatorCalendar {
	float: left;
	margin-right: 50px;
	width: 235px;
}
div#segregatorHoliday {
	float: left;
	width: 320px;
}
div#segregatorReminderCalendar,
div#segregatorReminderForm {
	margin: 0px auto 20px auto;
	width: 580px;
}
div#segregatorForm {
	margin: 0px auto;
	width: 485px;
}
div#segregatorReminderForm div.segregator p {
	color: #FFA84F;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
div.segregatorTop {
	background: url("/images/backgrounds/segregator/top.png") repeat-x;
	height: 28px;
}
div.segregator {
	padding: 35px 10px 10px 10px;
	border-style: solid;
	border-width: 0px 11px 11px 11px;
}

div.segregatorOrange {
	background: url("/images/backgrounds/segregator/bottomOrange.png") repeat-x #FFF;
	border-color: #FFA84F;
}
div.segregatorBlue {
	background: url("/images/backgrounds/segregator/bottomBlue.png") repeat-x #FFF;
	border-color: #ADCAEA;
}

div#katila {
	text-align: right;
}
div#katila img {
	position: relative;
	top: -25px;
	right: 45px;
}

/* kartki recznie robione */
div.handMadeSmall h4,
div.handMadeBig h4 {
	border-color: #FAAB52;
	border-style: solid;
	border-width: 3px 0px;
	clear: both;
	font-size: 12px;
	padding: 3px 0px;
}
div.handMadeSmall {
	float: left;
	width: 50%;
}
div.handMadeBig {
	clear: both;
}
div.handMadeSmall,
div.handMadeBig {
	font-size: 11px;
}
div.handMadeSmall input,
div.handMadeBig input,
div.handMadeBig select {
	float: left !important;
	margin: 0px 5px 0px 0px !important;
}
div.handMadeBig textarea {
	height: 85px;
	width: 100% !important;
}

div.handMadeSmall span,
div.handMadeBig span {
	color: #F00;
	cursor: help;
	font-weight: bold;
	float: left !important;
}

div.clearNone input {
	display: inline !important;
	float: left !important;
	clear: none !important;

}
div.handMadeBig h4 span {
	display: inline !important;
	float: none !important;
}
div.handMadeBig input.checkbox {
	background-color: none !important;
}
div.banner_700_60{
	padding-left: 160px;
}