ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

a {
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

body {
  margin: 0;
  padding: 0;
  font-family: Trebuchet ms, Verdana, sans-serif;
  font-size: 10pt;
  color: #1F1A17;
  background-color: #fff;
}

body {
  padding: 5px 0;
}

a {
  text-decoration: underline;
  color: #4F8CDE;
}
a:hover {
  text-decoration: none;
}
acronym {
  font-weight: bold;
  font-size: 12pt;
  color: #1274A5;
  border-bottom: 1px dashed #ccc;
}
em {
  color: #DD4AAB;
}
h1 {
  margin: 5px 0;
  color: #B81183;
}
h1.flash-c { 
  text-align: center;
  color: #007CC3;
  margin: 2px;
  background: #F9F9F9;
}
h3 {
  color: #515151;
}
h3 acronym {
  font-size: 18pt;
  color: #FF961B;
}
hr {
  border: 0;
  border-bottom: 1px dotted #ccc;
}
input, textarea, .inp1 {
  background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

div#body {
  /*background: url(../images/bg-line.gif) repeat-x;*/
}
div#container {
  margin: 0 auto;
  width: 900px;
}
div#header {
  position: relative;
  height: 93px;
  background: url(../images/lay_02.gif) no-repeat;
}
div#header .main {
  text-decoration: none;
  position: absolute;
  top: 5px;
  left: 0;
  width: 220px;
  height: 80px;
}
div#indicator
{
  position: absolute;
  width: 24px;
  height: 24px;
  left: 500px;
  top: 200px;
  z-index: 900;
  background: url(/images/preloader.gif) no-repeat 0 0;
}
div#nav {
  font-weight: bold;
  color: #848282;
  border-top: 2px solid #FFA024;
}
div#nav ul {
  margin: 0 38px;
  list-style: none;
}
div#nav ul li {
  float: left;
  margin-right: 2px;
}
div#nav a {
  display: block;
  text-decoration: none;
  padding: 6px 10px;
  color: #B8B8B8;
  background: #F6F6F6;
}
div#nav a:hover {
  background: #FBFBFB;
}
div#nav a.addtag {
  color: #fff;
  background: #75C5F0;
}
div#nav a.addtag:hover {
  color: #fff;
  background: #97D3F3;
}
div#nav a.ln1 {
  color: #fff;
  background: #F7B4D2;
}
div#nav a.ln1:hover {
  color: #fff;
  background: #F9CADF;
}
div#nav a.open {
  background: #fff;
  border-top: 2px solid #D6D6D6;
}
div#precontent {
  width: 625px;
  float: left;
}
div#content {
  padding: 6px;
}
div#rightside {
  width: 270px;
  float: right;
  color: #666;
}
div#rightside a {
  color: #444;
}

div.menu-block {
  padding: 0;
  margin-bottom: 5px;
  background: url(../images/lay_06_02.gif) repeat-y;
}
div.menu-block h3 {
  background: url(../images/lay_06_01.gif) no-repeat;
}
div.menu-block h3 span {
  text-align: right;
  display: block;
  padding: 15px;
  color: #75C5F0 !important;
}
div.menu-block .content {
  text-align: left !important;
  padding: 10px 20px;
}
div.menu-block .end{
  font-size: 0;
  height: 11px;
  margin: 0;
  padding: 0;
  background: url(../images/lay_06_04.gif) no-repeat;
}
div#account-my-points {
  margin-bottom: 5px;
  padding-top: 16px;
  background: url(../images/menu_03_01.gif) no-repeat;
}
div#account-my-points .content {
  padding: 5px 15px;
  background: url(../images/menu_03_02.gif) repeat-y;
}
div#account-my-points .end{
  font-size: 0;
  height: 14px;
  margin: 0;
  padding: 0;
  background: url(../images/menu_03_03.gif) no-repeat;
}
div#account {
  font-size: 9pt;
  margin-bottom: 5px;
  width: 270px;
  background: url(../images/menu_06_02.gif) repeat-y;
}
div#account a {
  color: #F8A900;
}
div#account .precontent{
  background: url(../images/menu_06_01.gif) no-repeat;
}
div#account .content{
  padding: 35px;
}
div#account .end{
  font-size: 0;
  height: 12px;
  margin: 0;
  padding: 0;
  background: url(../images/menu_06_03.gif) no-repeat;
}
div#account ul {
  margin: 0;
  padding: 0;
}
div#account ul li {
  margin: 0;
}
div#send-sms {
  margin-bottom: 5px;
  height: 165px;
  background: url(../images/lay_08.gif) no-repeat;
}
div#tagList {
  vertical-align: middle;
}
div#tagList a {
  /*display: block;
  float: left;*/
  line-height: 50px;
  margin-top: 2px;
  margin-left: 4px;
}
div#tagList .noresults {
  color: #999;
}
div#myTagView {
  position: relative;
  width: 37px;
  height: 36px;
  background: url(../images/mytags_view.gif) no-repeat;
  clear: both;
}
div#myTagView a {
  text-decoration: none;
  display: block;
  width: 18px;
  height: 17px;
}
div#myTagView a.blocks {
  position: absolute;
  top:0;
  left:0;
}
div#myTagView a.list {
  position: absolute;
  top:0;
  left:20px;
}
div#myTagView a.blocks:hover {
  background: url(../images/mytags_view.gif) -37px 0 no-repeat;
}
div#myTagView a.list:hover {
  background: url(../images/mytags_view.gif) -57px 0 no-repeat;
}
div#myTagList {
}
div#myTagList .preview {
  float: left;
  margin-right: 0px;
  width: 204px;
  height: 157px;
  background: url(../images/bg-example.jpg) no-repeat;
}
div#myTagList .preview .title {
  padding: 10px 15px;
  color: #8BAD11;
}
div#myTagList .preview .style {
  text-align: center;
  height: 49px;
  padding: 20px;
  overflow: hidden;
}
div#myTagList .preview .style div {
}
div#myTagList .preview .action {
  position: relative;
}
div#myTagList .preview .action a {
  text-decoration: none;
  position: absolute;
  height: 24px;
}
div#myTagList .preview .action .show {
  left: 0;
  width: 77px;
}
div#myTagList .preview .action .edit {
  left: 78px;
  width: 70px;
}
div#myTagList .preview .action .delete {
  left: 148px;
  width: 57px;
}
div#footer {
  text-align: center;
  color: #ccc;
  padding: 10px;
  border-top: 1px solid #f1f1f1;
}
div#footer a {
  color: #ccc;
}

div.btn-row {

}

#statNavBar {
  font-size: 9pt;
  border-bottom: 1px solid #f1f1f1;
}
#statNavBar ul {
  list-style: none;
}
#statNavBar li {
  float: left;
  margin-top: 2px;
  margin-right: 2px;
  padding: 4px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #f1f1f1;
}

/* ROW */
div.row {
  padding: 4px;
  clear: both;
}
div.row label {
  width: 100px;
  float: left;
}
div.row .content {
  padding-left: 105px;
}
div.row .content span {
  font-weight: normal;
}
div.row .content label {
  float: none;
}
.quicktag div.row label {
  width: 30px;
  float: left;
}
.quicktag div.row .content {
  float: right;
  width: 185px;
  padding: 0;
}

.block {
  padding: 10px;
  background: #f9f9f9;
  border-bottom: 1px solid #f1f1f1;
}
.btn01 {
  font-size: 10px;
  font-weight: bold;
  padding: 0px;
  color: #666;
  background: #e1e1e1;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
}

.cleaner {
  clear: both;
}

.created-at {
  padding: 6px;
  border-bottom: 1px dotted #f1f1f1;
}
.created-at em {
  font-weight: bold;
  color: #80B0F2;
}

.error-list {
  margin: 5px 0;
  padding: 10px;
  border-top: 1px solid #FF9494;
  border-bottom: 2px solid #FF9494;
}
.error-list ul {
  margin: 4px 25px;
}
.extra {
  font-weight: bold;
  padding: 15px !important;
  background: #FFF8FD;
  border-top: 1px dotted #FFE7F7;
  border-bottom: 1px dotted #FFE7F7;
}
.form-tag {
  margin: 10px 0;
}

.highlight-ex {
  height: 100px;
  margin: 4px 0;
  padding: 10px;
  color: #ccc;
  border: 1px solid #f1f1f1;
}
.highlight-pat {
  position: relative;
  border-bottom: 1px dotted #f1f1f1;
}
.highlight-pat a {
  text-decoration: none;
  display: block;
  padding: 10px;
  border: 1px solid #fff;
}
.highlight-pat a:hover {
  text-decoration: none;
  display: block;
  background: #FFF7EB;
  border: 1px solid #FFE1B6;
}
.highlight-pat .selected {
  border: 1px solid #1380E6 !important;
}
.highlight-pat .btn02 {
  position: absolute;
  top: 5px;
  left: auto;
  right: 5px;
  /*right: 15px;*/
  padding: 2px 8px;
  color: #fff;
  background: #5696EE;
  border: 0;
  border-bottom: 2px solid #80B0F2;    
}
.highlight-pat .nopoint {
  display: block;
  padding: 10px;
  color: #ccc;
  border: 1px solid #fff;
}


/* RODZAJE STYLI */
.highlight1 {
  font-size: 10pt;
  padding: 1px;
  color: #000 !important;
}
.highlight2 {
  font-size: 10pt;
  font-weight: bold;
  padding: 1px;
  color: #000 !important;
}
.highlight3 {
  font-size: 10pt;
  font-weight: bold;
  padding: 1px;
  color: #DA251D !important;
}
.highlight4 {
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px;
  color: #75C5F0 !important;
}
.highlight5 {
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  padding: 2px;
  color: #98C008 !important;
}
.highlight6 {
  text-decoration: none;
  font-size: 10pt;
  font-weight: bold;
  padding: 1px;
  color: #DD137B !important;
}
.highlight7 {
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #F8C400;
}
.highlight8 {
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #75C5F0;
}
.highlight9 {
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #A7D10E;
}
.highlight10 {
  text-decoration: none;
  font-size: 16pt;
  font-weight: bold;
  padding: 2px;
  color: #000 !important;
  background: none;
}
.highlight11 {
  text-decoration: none;
  font-size: 16pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #F8C400;
}
.highlight12 {
  text-decoration: none;
  font-size: 16pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #75C5F0;
}
.highlight13 {
  text-decoration: none;
  font-size: 18pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #A7D10E;
}
.highlight14 {
  text-decoration: none;
  font-size: 18pt;
  font-weight: bold;
  padding: 2px;
  color: #859F24 !important;
  background: #F2FFC3;
  border: 1px solid #A7D10E;
}
.highlight15 {
  text-decoration: none;
  font-size: 18pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #F8F008;
}
.highlight16 {
  text-decoration: none;
  font-size: 18pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #DA251D;
}
.highlight17 {
  text-decoration: none;
  font-size: 18pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #DD137B;
}
.highlight18 {
  text-decoration: none;
  font-size: 22pt;
  font-weight: bold;
  font-style: italic;
  padding: 2px;
  color: #fff !important;
  background: #75C5F0;
}
.highlight19 {
  text-decoration: none;
  font-size: 22pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #75C5F0;
  border-bottom: 2px dotted #fff;
}
.highlight20 {
  text-decoration: none;
  font-size: 22pt;
  font-weight: bold;
  padding: 2px;
  color: #2587BC !important;
  background: #D9F2FF;
  border: 1px solid #2587BC;
}
.highlight21 {
  font-variant: small-caps;
  text-decoration: none;
  font-size: 22pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #F8C400;
}
.highlight22 {
  text-decoration: none;
  font-size: 28pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #A7D10E;
}
.highlight23 {
  text-decoration: none;
  font-size: 28pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #DA251D;
}
.highlight24 {
  text-decoration: none;
  font-size: 40pt;
  font-weight: bold;
  padding: 2px;
  color: #fff !important;
  background: #DD137B;
  border: 2px dotted #fff;
}
.how-to {
  position: relative;
  margin: 15px 0;
  width: 100%;
  height: 286px;
  background: url(../images/how-to2.gif) center no-repeat;
}
.how-to .sms-msg {
  font-weight: bold;
  position: absolute;
  top: 115px;
  left: 85px;
  color: #BF0000;
}
.lighter {
  text-align: center;
  color: #888;
}
.msg {
  margin: 10px 0;
  padding: 10px;
  border-top: 1px solid #f1f1f1;
  border-left: 1px solid #f1f1f1;
  border-right: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
}
.msg-true {
  margin: 10px 0;
  padding: 10px;
  color: #398016;
  border-top: 1px solid #E7FFDB;
  border-left: 1px solid #E7FFDB;
  border-right: 1px solid #BCF3A1;
  border-bottom: 1px solid #BCF3A1;
}
.msg-false {
  margin: 10px 0;
  padding: 10px;
  color: #DA251D;
  border-top: 1px solid #FFE3E2;
  border-left: 1px solid #FFE3E2;
  border-right: 1px solid #FFD3D1;
  border-bottom: 1px solid #FFD3D1;
}
.tbl01 {
  border-collapse: collapse;
}
.tbl01 th {
  font-size: 9pt;
  text-align: left;
  padding: 4px;
  color: #ccc;
  background: #fff;
}
.tbl01 td {
  padding: 4px;
  border: 1px solid #f1f1f1;
}
.tbl01 .odd1 {
  background: #fff !important;
}
.tbl01 .even1 {
  background: #f9f9f9 !important;
}
.tbl01 .odd2 {
  background: #fff !important;
  border-left: 6px solid #D6D6D6;
}
.tbl01 .even2 {
  background: #f9f9f9 !important;
  border-left: 6px solid #ABABAB;
}
.tbl01 .tags {
  font-size: 9pt;
  padding: 15px;
}
.tbl01 .tags a {
  color: #219B05;
}
.tbl01 .tags a:hover {
  color: #A0A0A0;
}
.tbl01 .odd2 .tags {
  background: #fff url(../images/pat-odd2.gif) !important;
}
.tbl01 .even2 .tags {
  background: #f9f9f9 url(../images/pat-even2.gif) !important;
}
.tbl01 .off {
  color: #ccc;
}