body {
	background: url('../images/top.png') repeat-x;
	font: 9pt "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/* **** */

a {
	text-decoration:none;
	color: #4e5687;
}

a:hover{
	text-decoration: underline;
	color: #111d52;
}

table {
	text-align: center;
	width: 100%;
}

td {
	padding: 4px;
	vertical-align: middle;
}

thead {
	font-weight: 700;
	font-variant: small-caps;
	font-size: 10pt;
}

thead td {
	padding-bottom: 10px;
}

tfoot td {
	padding-top: 10px;
	font-weight: 700;
}

.color1 {
	background: #ddedfa;
}

/* **** */

.wrapper{
	width: 900px;
	margin: 0 auto;
}

.header{
	height: 100px;
}

.header img {
	margin: 25px;
}

.menu ul {
	list-style-type: none;
}

.menu ul li {
	float: left;
	margin: 15px 30px 60px 0;
	font-weight: 900;
}

.menu ul li a {
	text-decoration:none;
	color: #a7a7a7;
	padding: 5px 15px;
}

.menu ul li a:hover{
	background: #333333;
	color: #fff;
	
	-webkit-border-radius: 5px;
 	khtml-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* **** */

.content {
	width: 650px;
	float: left;
}

.content h1 {
	font-size: 12pt;
	margin-bottom: 10px;
}

.content h2 {
	font-size: 10pt;
	margin: 20px 0 10px 0;
}

.content p {
	margin: 10px;
}

.content ul {
	list-style-type: disc;
}

.content ul li {
	margin: 5px 45px;
}

.rbox {
	width: 215px;
	float: left;
	margin-left: 25px;

	background: #fafafa;
	border: solid 1px #CCC;
	padding: 2px;
	margin-bottom: 10px;
}

.rbox table {
	width: 100%;
}

.rbox ul li a{
	display: block;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding: 5px 10px;
	text-decoration: none;
}

.rbox ul li a:hover{
	text-decoration: underline;
	background-image: url(images/menu_hover_bg.gif);
}
.rbox ul li a:active{
	text-decoration: underline;
	background-image: url(images/menu_hover_bg.gif);
}
.mbox h2 {
	background: #404564;
	font: bold 9pt Arial, Verdana, Helvetica, sans-serif;
	color: #fff;
	text-align: left;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding: 7px 0px 7px 10px;
}

.mbox {
	margin-bottom: 15px;
}

/* **** */

.footer {
	background: url('../images/foot.png') repeat-x;
}

.footer-content {
	height: 100px;
	width: 900px;
	margin: 15px auto 0 auto;
	font-size: 9pt;
	color: #a7a7a7;
	padding-top: 25px;
}

ul.cright {
	list-style-type: none;
}

ul.cright li {
	float: left;
	margin-left: 25px;
}

.sc_dane {
	margin: 0 auto;
}

.sc_dane tr td {
	margin: 2px;
	padding: 2px;
	border: 1px solid #7f8dad;
}

/* **** */

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.dark a:hover{
	text-decoration: underline;
	color: #9598a6;
}

button::-moz-focus-inner {
  border: 0; }

button.skip {
  background-color: #8c9cbf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8c9cbf 0%), to(#546a9e 50%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -moz-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -ms-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: -o-linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  background-image: linear-gradient(top, #8c9cbf 0%, #546a9e 50%, #36518f 50%, #3d5691 100%);
  border: 1px solid #172d6e;
  border-bottom: 1px solid #0e1d45;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -moz-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -ms-box-shadow: inset 0 1px 0 0 #b1b9cb;
  -o-box-shadow: inset 0 1px 0 0 #b1b9cb;
  box-shadow: inset 0 1px 0 0 #b1b9cb;
  color: #fff;
  font: bold 16px "helvetica neue", helvetica, arial, sans-serif;
  padding: 7px 0 8px 0;
  text-decoration: none;
  text-align: center;
  text-shadow: 0 -1px 1px #000f4d;
  width: 150px; }
  button.skip:hover {
    background-color: #7f8dad;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7f8dad 0%), to(#4a5e8c 50%));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -moz-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -ms-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: -o-linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    background-image: linear-gradient(top, #7f8dad 0%, #4a5e8c 50%, #2f477d 50%, #364c80 100%);
    cursor: pointer; }
  button.skip:active {
    -webkit-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -moz-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -ms-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    -o-box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white;
    box-shadow: inset 0 0 20px 0 #1d2845, 0 1px 0 white; }
    
button.cupid-green {
  background-color: #7fbf4d;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
  background-image: linear-gradient(top, #7fbf4d, #63a62f);
  border: 1px solid #63a62f;
  border-bottom: 1px solid #5b992b;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
  -moz-box-shadow: inset 0 1px 0 0 #96ca6d;
  -ms-box-shadow: inset 0 1px 0 0 #96ca6d;
  -o-box-shadow: inset 0 1px 0 0 #96ca6d;
  box-shadow: inset 0 1px 0 0 #96ca6d;
  color: #fff;
  font: bold 11px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  line-height: 1;
  padding: 7px 0 8px 0;
  text-align: center;
  text-shadow: 0 -1px 0 #4c9021;
  width: 177px; }
  button.cupid-green:hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
    -o-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    cursor: pointer; }
  button.cupid-green:active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; }
    

.error {
	border: 1px solid #FF0000;
	background: #FFFFFF;
	color: red;
	font-size: 8pt;
	font-weight: 700;
	text-align: center;
	padding: 15px;
	width: 80%;
	margin: 10px auto;
}
.msg {
	border: 1px solid #00FF00;
	background: #FFFFFF;
	color: green;
	font-size: 8pt;
	font-weight: 700;
	text-align: center;
	padding: 15px;
	width: 80%;
	margin: 10px auto;
}





.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:600px;
padding:14px;
}

/* ----------- stylized ----------- */
#stylized{
border:solid 2px #b7ddf2;
background:#ebf4fb;
}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:235px;
float:left;
}
#stylized label.dis {
display:inline;
font-weight:500;
text-align:left;
float:none;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:235px;
}
#stylized input, #stylized select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#stylized input[type='checkbox']{
width:10px;
}
#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background:#666666 url(img/button.png) no-repeat;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}