* {margin: 0; padding: 0; border: 0;}

html {background-color: #8999BE; background-image: url(textpattern/txp_img/img/background-html.png); background-repeat: repeat-x; background-position: top;}

@keyframes anim {0%{opacity: 0;} 100%{opacity: 1;}}

#container {width: 950px; margin: 0 auto; margin-top: 25px; margin-bottom: 25px; border: 2px solid #FFF; border-radius: 20px; box-shadow: black 0 0 12px; -webkit-box-shadow: black 0 0 12px; -moz-box-shadow: black 0 0 12px; background-color: #E6E9EE; font-family: "calibri", tahoma, verdana, arial; animation: anim 0.5s linear;}

#header {display: block; width: 950px; height: 289px; background-color: #222642; background-image: url('textpattern/txp_img/img/head.jpg'); background-repeat: no-repeat; border-radius: 18px 18px 0 0;}

#background-header-bottom {padding: 5px; background-image: url('textpattern/txp_img/img/background-header-bottom.png'); background-position: center; background-repeat: repeat-y; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; box-shadow: black 0 0 10px; -webkit-box-shadow: black 0 0 10px; -moz-box-shadow: black 0 0 10px; position: relative;}
#background-header-bottom input {padding: 3px 5px 3px 5px; font-size: 13px; color: #000; background: #EF88DA; border: 1px solid #000; border-radius: 5px;}

.txp {float: left; top: 0; left: 0; width: 5px; height: 5px; cursor: default; color: #FE80FE; text-decoration: none;}
.search_input {text-align: right; margin-right: 20px; font-size: 10px;}
.search_input input {font-size: 10px;}

.rss-container a {display: block; width: 40px; height: 20px; position: absolute; top: 7px; right: 235px; background-image: url('textpattern/txp_img/img/rss.gif'); background-position: left center; background-repeat: no-repeat; text-decoration: none; transition: 0.3s;}
.rss-container a:hover {background-image: url('textpattern/txp_img/img/rss-a.gif'); background-position: left center; background-repeat: no-repeat; transition: 0.3s;}
.rss {padding: 0 0 0 35px; font-family: Verdana; font-size: 15px; color: #FA9322;}

#left-column {float: left; padding: 20px 0 20px 27px; width: 256px;}
.menu-a {background: #445199; background-image: url('textpattern/txp_img/img/background-menu-a.gif'); background-repeat: no-repeat; background-position: left;}
.menu-p {background: #0F0A3B; background-image: url('textpattern/txp_img/img/background-menu-p.gif'); background-repeat: no-repeat; background-position: left;}
.menu-a, .menu-p {display: block; width: 155px; border: 1px solid #FFF; border-radius: 20px 0 0 20px; margin-top: 1px; padding: 9px 12px 9px 68px; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px; transition: 0.3s;}
#menu a{font-family: Verdana; font-size: 19px; text-decoration: none; color: #EF88DA;}
#menu a:hover {background: #445199; background-image: url('textpattern/txp_img/img/background-menu-ahref.gif'); background-repeat: no-repeat; background-position: left; border: 1px solid #FFF; transition: 0.3s;}

.actual, .last-comments-list, .facebook {margin: 18px 0 18px 0; padding: 10px; width: 215px; color: #DBDBDB; border: 1px solid #FFF; border-radius: 15px 0 0 15px; background-color: #0F0A3B; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px;}
.actual-title, .last-comments-list-title {margin-bottom: 6px; padding: 0 3px 6px 3px; font-family: Verdana; color: #CA0000; font-weight: bold; border-bottom: 1px dashed #555;}
.actual-date {font-family: Verdana; font-size: 0.7em; color: #A2A2A2; font-weight: normal; position: relative; top: -1px;}
.actual-title-article {font-size: 0.9em; font-weight: bold; margin-bottom: 5px;}
.actual p {font-size: 0.9em; line-height: 140%;}
.actual a {color: #DBDBDB; text-decoration: none; border-bottom: 1px solid #C9C9C9;}
.actual a:hover {border-bottom: 1px dashed #C9C9C9;}

.last-comments-list-title {color: #DBDBDB;}
.title-comments a, .name-comments a {font-size: 0.9em; line-height: 140%; text-decoration: none;}
.title-comments a {color: #DBDBDB;}
.title-comments a:hover {border-bottom: 1px dashed #C9C9C9;}
.name-comments {color: #EF88DA;}

#content {width: 630px; float: right; padding: 20px 27px 20px 10px; text-align: center; position: relative;}

H1 {float: left; margin-left: 20px; font-family: "Matura MT Script Capitals", Times; color: #FECFFE; font-size: 20px; font-weight: normal; font-style: italic;}
H2 {font-family: Verdana; font-weight: normal; color:  #EF88DA; font-size: 20px;}

.board-top {display: block; padding: 15px 65px 15px 65px; margin-bottom: 6px; font-family: Verdana; font-weight: normal; color:  #EF88DA; font-size: 20px; border: 1px solid #FFF; border-bottom: none; border-radius: 0 20px 0 0; background-color: #0F0A3B; background-image: url('textpattern/txp_img/img/background-title.png'); background-repeat: repeat-x; background-position: top; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px; position: relative; overflow: hidden;}

.board-top form {position: absolute; top: 17px; right: 15px; width: 110px; overflow: hidden; padding: 2px; border: 1px solid #000; border-radius: 5px; background-color: #445199; z-index: 10;}
.board-top select {width: 130px; font-size: 13px;}
.board-top option, .board-top select {background-color: #445199; cursor: hand; cursor: pointer;}

.board-bottom {display: block; padding: 12px 65px 18px 65px; font-family: Verdana; color: #EF88DA; font-size: 20px; border: 1px solid #FFF; border-top: none; border-radius: 0 0 20px 0; background-color: #0F0A3B; background-image: url('textpattern/txp_img/img/background-listing-bottom.png'); background-repeat: repeat-x; background-position: bottom; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px; position: relative; overflow: hidden;}

.backlist-top a, .backlist-bottom a, .newer a, .older a {display: block; width: 34px, height: 16px; border: 1px solid #000; padding: 2px 4px 2px 4px; font-size: 13px; color: #000; text-decoration: none; border: 1px solid #000; border-radius: 5px; background-color: #445199;}
.newer {position: absolute; bottom: 19px; left: 15px; z-index: 10;}
.older {position: absolute; bottom: 19px; right: 15px; z-index: 10;}
.backlist-top a {position: absolute; top: 17px; right: 15px; width: 34px; height: 16px; color: #445199; background-color: #445199; background-image: url('textpattern/txp_img/img/backlist.gif'); background-repeat: no-repeat; background-position: center center;}
.backlist-bottom a {position: absolute; bottom: 19px; right: 15px; width: 34px; height: 16px;color: #445199; background-color: #445199; background-image: url('textpattern/txp_img/img/backlist.gif'); background-repeat: no-repeat; background-position: center center;}

.box-listing-topline {border-top: 1px dashed #B4B4B4; margin: 0 8px 0 8px; padding: 3px 0 3px 0; clear: both;}
.box-listing-line {float: left; border-top: 1px dashed #B4B4B4; padding: 6px 3px 6px 3px; position: relative;}
.box-listing-line a {display: block; padding: 11px 10px 8px 10px; width: 182px; background-color: #0F0A3B; border: 1px solid #FFF; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px; text-decoration: none;}
.box-listing-line a:hover {background-color: #2F3175;}
.box-listing-img {display: block; width: 180px; height: 100px; margin: 10px 0 10px 0; background-repeat: no-repeat; background-position: center center; border: 1px solid #FFF;}
.box-listing-title {display: block; height: 40px; text-align: left; color: #000; font-family: Verdana; font-size: 15px; font-weight: bold; background-color: #445199; padding: 9px 5px 8px 5px; border-radius: 10px 10px 0 0;}
.box-listing-content {display: block; text-align: left; background-color: #445199;}
.box-listing-data {display: block; padding: 5px 6px 5px 6px; font-family: Verdana; font-size: 11px; color: #B2B2B2; cursor: default;}

.popup {display: none;}  
.popup-container {position: absolute; width: 190px; left: -2px; bottom: 61px; text-align: left; color: #E6E6E6; font-size: 0.9em; background-color: #2F3175; padding: 6px 11px 6px 11px; border: 1px solid #FFF; border-radius: 15px; box-shadow: black 0 0 10px; -webkit-box-shadow: black 0 0 10px; -moz-box-shadow: black 0 0 10px; z-index: 100;}

.article-listing-line {border-top: 1px dashed #B4B4B4; margin-top: 6px; padding-top: 6px; clear: both;}
.article-listing-line a {display: block; padding: 10px; background-color: #0F0A3B; border-left: 1px solid #FFF; border-right: 1px solid #FFF; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px; text-decoration: none; transition: 0.3s;}
.article-listing-line a:hover {background-color: #2F3175; transition: 0.3s;}
.article-listing-img {display: block; float: left; width: 120px; height: 120px; background-repeat: no-repeat; background-position: center center; border: 1px solid #FFF;}
.article-listing-title {display: block; margin-bottom: 3px; padding: 4px 5px 5px 5px; color: #000; font-family: Verdana; font-size: 1.1em; font-weight: bold; border-bottom: 1px dashed #666;}
.article-listing-content {display: block; float: right; text-align: left; width: 455px; min-height: 117px; padding: 0 10px 5px 10px; background-color: #445199; border-radius: 0 10px 10px 0;}
.article-listing-excerpt {color: #E6E6E6;}
.article-listing-data {display: block; margin-top: 5px; padding: 5px 0 1px 5px; font-family: Verdana; font-size: 0.7em; color: #B2B2B2; border-top: 1px dashed #666;}
.clear {display: block; clear: both; color: #0F0A3B; font-size: 0;}
.inline {display: inline;}


.body-content p {margin: 0.4em 1em 1em 1em; text-indent: 50px; line-height: 140%; text-align: justify; font-size: 0.9em;}
.body-text p:first-letter {font-size: 1.1em; font-weight: bold;}
.body-content ul, body-content ol {margin: 1em 3em 1em 3em; text-align: justify; font-size: 0.9em;}
.body-content li {list-style-type: square; line-height: 140%;}
.body-content p a, .t-details a {color: #202020; text-decoration: none; border-bottom: 1px solid #202020;}
.body-content p a:hover, .t-details a:hover {border-bottom: 1px dashed #202020;}
.body-content img {padding: 10px; border: 1px solid #FFF; background-color: #F9FAFB; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px;}
.no-style {text-align: center;}
.body-text a img:hover {box-shadow: black 0 0 10px; -webkit-box-shadow: black 0 0 10px; -moz-box-shadow: black 0 0 10px;}
.no-style img {margin: 0 0 1em 0; padding: 0; border: 1px solid #555; background-color: none;}


.table-description {margin: 17px 20px 25px 30px;}
.table-description table {border-collapse: collapse; border: 2px solid #A4B9DB; text-align: left;}
.table-description th {border: 1px dashed #A4B9DB; padding: 5px 10px 5px 10px; text-align: left; font-size: 0.8em; color: #484848; background-color: #D8DDE7;}
.table-description td {border: 1px dashed #A4B9DB; padding: 5px 10px 5px 10px; text-align: left; font-size: 0.8em; background-color: #D8DDE7;}

.table {margin: 1em 0 1em 0; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px;}
.table table {border: 1px solid #E8EBF0; border-collapse: collapse;}
.table th {border: 1px dashed #A4B9DB; padding: 5px; font-size: 0.9em; background-color: #445199;}
.table td {border: 1px dashed #A4B9DB; padding: 5px; text-align: left; font-size: 0.8em; background-color: #D8DDE7;}
.table img {margin: 0; padding: 0; background: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none;}
.table a {color: #000; text-decoration: none;}
.table a:hover {color: #555;}

#item-container-top, #item-container-bottom, #item-container-middle, .classing {font-family: Verdana; background-color: #ECEEF2; border: 1px solid #FFF; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px;}
#item-container-top {margin-bottom: 15px; padding: 10px 10px 20px 10px; border-radius: 0 0 20px 20px;}
#item-container-bottom {margin-top: 15px; padding: 20px 10px 10px 10px; border-radius: 20px 20px 0 0;}
#item-container-middle {padding: 10px;}

#item-container-top {min-height: 200px;}

.comments-wrapper table{margin: 0 auto; margin-top: 20px; margin-bottom: 20px; padding: 25px; border: 1px solid #FFF; border-radius: 15px 15px 0 0; background-color: #445199; font-family: Verdana; font-size: 0.9em; color: #000; box-shadow: black 0 0 2px; -webkit-box-shadow: black 0 0 2px; -moz-box-shadow: black 0 0 2px; text-align: left;}
.comments-wrapper td {padding: 2px 3px 2px 3px; vertical-align: middle;}
.comments-wrapper input, .comments-wrapper textarea {padding: 2px 6px 2px 6px; border: 1px solid #000; border-radius: 5px; font-size: 1em; background-color: #F3F3F7;}
.comments-wrapper textarea {background-image: url(textpattern/txp_img/img/background-textarea.png); background-repeat: no-repeat; background-position: bottom right;}
.remember input {margin-left: 10px; background-color: #F5F8FA; border: none; padding: 0; border-radius: 0;}
.input-button input {margin-top: 10px; background-color: #8A99DF; border: 1px solid #000; cursor: pointer; cursor: hand;}

#cpreview {margin: 0 auto; margin-top: 20px; padding-bottom: 10px; border: 2px dashed #445199; border-radius: 15px; background-image: url('textpattern/txp_img/img/background-cpreview.gif'); background-repeat: no-repeat; background-position: right bottom; word-wrap: break-word;}
#txpCommentInputForm, .comments_error {color: #DD0000;}
.comment-content {margin: 0 auto; margin-top: 20px; margin-bottom: 20px; width: 480px; min-height: 72px; border: 1px solid #FFF; border-radius: 40px; padding: 7px 15px 7px 15px; font-size: 0.9em; color: #E6E6E6; background-color: #445199; box-shadow: black 0 0 2px; -webkit-box-shadow: black 0 0 2px; -moz-box-shadow: black 0 0 2px; position: relative; left: 10px; word-wrap: break-word;}
.comment-content p a {color: #E6E6E6; border-bottom: 1px solid #E6E6E6;}
.comment-content p a:hover {border-bottom: 1px dashed #E6E6E6;}
.comment-corner {width: 28px; height: 43px; position: absolute; top: 14px; left: -27px; background-image: url('textpattern/txp_img/img/comment-corner.gif'); background-repeat: no-repeat;}
.comment-data {margin-bottom: 7px; padding: 5px 5px 9px 15px; text-align: left; font-family: Verdana; font-size: 0.8em; color: #000; font-weight: bold; border-bottom: 1px dashed #5B65A4;}
.comment-content p {text-align: left; text-indent: 30px;}
.comment-data a {color: #000; text-decoration: none; border-bottom: 1px solid #000;}
.comment-data a:hover {border-bottom: 1px dashed #000;}

@keyframes anim-anchor {0%{opacity: 0;} 20% {opacity: 1;} 40% {opacity: 0;} 60% {opacity: 1;} 80% {opacity: 0;} 100% {opacity: 1;}}

.comment-anchor :target {display: block; width: 600px; height: 80px; background-image: url(textpattern/txp_img/img/anchor.png); background-repeat: no-repeat; background-position: right bottom; position: absolute; animation: anim-anchor 3s linear 1;}

.error-status {color: #A61A32; font-size: 1.6em; margin: 30px 0 20px 0}

.item-board p {margin: 0 30px 0 30px; margin-top: 1em; text-indent: 0; text-align: left;}

.gallery-descriptions-rating {margin-bottom: 12px; position: relative; top: 5px; float: left; width: 250px;}
.gallery-descriptions-voting {margin: 0 15px 13px 0; float: right; width: 210px;}
.gallery-descriptions-rank1 {margin: 15px 10px 13px 30px; padding-top: 15px; text-align: left; font-size: 0.9em; color: #445199; font-weight: bold;}
.gallery-descriptions-rank2 {margin: 15px 10px 13px 0; padding-top: 15px; text-align: left; font-size: 0.9em; color: #445199; font-weight: bold;}
.joiner {margin: 4px 0 5px 53px;}
.gallery-descriptions {margin: 20px 30px 7px 30px; padding-top: 15px; text-align: left; font-size: 0.9em; color: #445199; font-weight: bold; border-top: 1px dashed #B4B4B4; clear: both;}
.rank {text-align: left;}
.ranks {text-align: left; margin-left: 30px;}
.ranks, .rating-container, .votes {font-size: 9px; color: #777;}
.gallery-elements-rank {margin: 0 0 2px 70px; font-size: 0.8em; color: #000;}
.gallery-elements-rank2 {margin: 0 0 2px 40px; font-size: 0.8em; color: #000;}
.ranks img, .rating-container img {margin: 0 10px 0 0; padding: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #ECEEF2; vertical-align: top;}
.classing {border-radius: 12px 12px 0 0; margin: 0 3px 6px 3px; clear: both;}
.classing p {font-size: 9px; padding: 5px; color: #777;}
.classing p img {margin: 0 10px 0 0; vertical-align: top;}
.gallery-images img {margin: 10px 0 10px 0; padding: 5px; max-width: 125px; overflow: hidden;  transition: 0.2s;}
.gallery-images a img:hover {box-shadow: black 0 0 10px; -webkit-box-shadow: black 0 0 10px; -moz-box-shadow: black 0 0 10px; transition: 0.2s;}
.gallery-images p {color: #000; font-size: 0.8em; margin: 10px 0 0 70px; text-indent: 0;}
.gallery-music {text-align: left;}
.gallery-elements-music {margin: 10px 30px 10px 30px; font-size: 0.9em; color: #000; position: relative;}
.gallery-elements-player {margin-left: 20px; height: 20px; position: relative; z-index: 2;}
.gallery-elements-warning img {position: absolute; top: 0; left: 20px; padding: 0; margin: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; z-index: 1; background-color: #EAEDF2;}
.votes {margin-top: 5px;}

.users-rank form {float: left;}
.users-rank input a:hover {background-color: #FF0000;}

.hidden {display: none;}
.block {display: block;}

.rating-container {position: relative;}
.rating-01, .rating-02, .rating-03, .rating-04, .rating-05, .rating-06, .rating-07, .rating-08, .rating-09, .rating-10 {display: inline-block; text-align: center; padding-top: 7px; width: 26px; height: 18px; font-family: Verdana; font-size: 10px; font-weight: bold; color: #000; z-index: 10; background-image: url('textpattern/txp_img/img/background-star.png'); background-repeat: no-repeat; background-position: center;}
.rating-01 {position: absolute; left: -4px; top: -25px;}
.rating-02 {position: absolute; left: 11px; top: -25px;}
.rating-03 {position: absolute; left: 27px; top: -25px;}
.rating-04 {position: absolute; left: 43px; top: -25px;}
.rating-05 {position: absolute; left: 59px; top: -25px;}
.rating-06 {position: absolute; left: 75px; top: -25px;}
.rating-07 {position: absolute; left: 91px; top: -25px;}
.rating-08 {position: absolute; left: 107px; top: -25px;}
.rating-09 {position: absolute; left: 123px; top: -25px;}
.rating-10 {position: absolute; left: 139px; top: -25px;}

#wrapping {font-size: 1.1em; position: relative;}
#jump-top {position: absolute; top: 0; right: 30px; font-family: Verdana; font-size: 0.6em;}
#jump-top a {color: #444; text-decoration: none; border-bottom: 1px solid #444;}
#jump-top a:hover {border-bottom: 1px dashed #444;}
#jump-top-comments {text-align: right; margin: 0 20px 8px 0; font-family: Verdana; font-size: 0.7em;}
#jump-top-comments a {color: #222; text-decoration: none; border-bottom: 1px solid #222; z-index: 100;}
#jump-top-comments a:hover {border-bottom: 1px dashed #222;}

#public-data {text-align: right; font-size: 0.6em; color: #A9B4C0; position: relative; top: -5px; left: -15px; font-weight: bold;}

.count-item {margin: 18px 0 0 5px; float: left; width: 34px; padding: 10px 0 10px 0; background-color: #EF88DA; border: 1px solid #0F0A3B; border-radius: 6px 0 0 6px; font-family: Verdana; font-size: 14px; font-weight: bold;}

.progressbar-divider {margin: 20px 30px 0 30px; padding-top: 20x; border-bottom: 1px dashed #B4B4B4; clear: both;}
.progressbar-title {margin: 15px 50px 0 50px; text-align: left; font-size: 12px; color: #000; font-weight: bold;}
.progressbar-title a {color: #000; text-decoration: none; border-bottom: 1px solid #000;}
.progressbar-title a:hover {color: #777; border-bottom: 1px dashed #777;}
.progressbar-container {margin: 5px 47px 5px 47px; border: 1px solid #FFF; border-radius: 5px; background-color: #999;}
.progressbar {height: 17px; padding-top: 3px; background-color: #272B64; background-image: url(textpattern/txp_img/img/background-progressbar.png); background-repeat: repeat-x; background-position: center; color: #FFF; font-size: 10px; font-weight: bold; border-radius: 5px;}
.progressbar-info {margin: 0 50px 0 50px; text-align: left; font-size: 9px; color: #777;}
.progressbar-notice {display: inline-block; margin: 4px 0 4px 0; padding-top: 3px; border-top: 1px dotted #CCC;}
.progressbar-notice a {color: #777; text-decoration: none; border-bottom: 1px solid #777;}
.progressbar-notice a:hover {color: #444; border-bottom: 1px dashed #444;}

.social-networks {margin: 30px 55px 10px 50px; height: 20px;}
.fb-like {float:left; display: inline-block;}
.gplus {float: right; display: inline-block;}

.menu-forms {margin-top: 10px; font-size: 0.6em; font-weight: bold; color: #333;}
.menu-forms a {color: #333;}
.menu-forms a:hover {color: #666;}

.table-bar, .table-list {margin-bottom: 15px; padding-top: 25px;}
.table-poll {padding-top: 25px;}
.table-editor {margin-bottom: 15px;}
.table-bar table, .table-list table, .table-poll table {margin: 0 auto; border-collapse: collapse; border: 1px solid #A4B9DB; font-size: 0.6em; width: 570px;}
.table-bar th, .table-list th {border: 1px solid #A4B9DB; background-color: #5A68B6;}
.table-bar table, .table-bar td, .table-list table, .table-list td {padding: 2px 4px 2px 4px; border: 1px solid #A4B9DB;}
.table-bar textarea {width: 550px; height: 150px; padding: 4px; border: 1px solid #5A68B6;}
.th {height: 30px; font-size: 12px; font-weight: bold; background-color: #5A68B6;}
.th a {color: #000; text-decoration: none;}
.th a:hover {text-decoration: underline;}
.th2 {height: 30px; width: 90px; font-size: 12px; font-weight: bold; background-color: #5A68B6;}
.c {text-align: center;}
.l {text-align: left;}
.table-list table a, .table-poll table a {color: #000; text-decoration: none;}
.table-list table a:hover {text-decoration: underline;}
.table-poll table a:hover {text-decoration: underline;}
.table-list-notice {text-align: left; color: #555;}

.headline {font-size: 0.9em; font-weight: bold;}
.downtit {float: left; width: 180px; text-align: left; color: #555; font-weight: bold; cursor: help;}

.table-list input {font-size: 0.8em;}
.list-input {width: 470px; border: 1px solid #5A68B6; padding: 2px 4px 2px 4px;}
.list-input2 {width: 261px; border: 1px solid #5A68B6; padding: 2px 4px 2px 4px;}
.list-input3 {width: 200px; text-align: right;}
.list-input4 {width: 97px; border: 1px solid #5A68B6; padding: 2px 4px 2px 4px;}
.list-input5 {width: 50px; border: 1px solid #5A68B6; padding: 2px 4px 2px 4px;}
.table-list-title {text-align: left; font-weight: bold;}
.table-list-bold {font-weight: bold;}
.table-bar-right {text-align: right;}

.table-details table {margin-bottom: 0; width: 100%; font-size: 0.9em;}
.table-details td {background-color: #EAEDF2; font-weight: normal; color: #333;}
.table-details th {padding: 2px 4px 2px 4px; font-size: 1.3em;}
.tb-dt-r {width: 110px; text-align: right;}
.tb-dt-r2 {width: 50px; text-align: right;}
.table-details img {margin: 0; padding: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}

.echo-table-left {width: 255px; float: left; text-align: left;}
.alone {margin: 13px 5px 15px 90px;}
.two {float: left; margin: 13px 5px 15px 40px;}
.echo-table-right {margin: 13px 40px 15px 5px; width: 255px; float: right; text-align: left;}
.echo-table-left img, .echo-table-right img {border: 0; padding: 0;}
.echo-table-left table, .echo-table-right table {width: 100%; border-collapse: collapse; border: 2px solid #A4B9DB; text-align: left; font-size: 0.6em; background-color: #D8DDE7;}
.echo-table-title {font-weight: bold; font-size: 1.1em;}
.echo-table-left td, .echo-table-left th, .echo-table-right td, .echo-table-right th {padding: 3px 5px 3px 5px; border: 1px dashed #A4B9DB;}
.echo-table-left th, .echo-table-right th {color: #484848;}
.echo-table-left td, .echo-table-right td {width: 140px; color: #000;}
.echo-table-left a, .echo-table-right a {color: #000; text-decoration: none; border-bottom: 1px solid #000;}
.echo-table-left a:hover, .echo-table-right a:hover {color: #333; border-bottom: 1px dashed #333;}

.unvisible {visibility: hidden;}

.table-down-items {text-align: left; margin: 12px 0 0 20px; vertical-align: left;}

.statistic {padding: 3px 6px 3px 6px; background-color: #262861; border: 1px solid #B7B9BF; border-radius: 0 6px 6px 0; color: #FFF; font-size: 11px; font-weight: bold;}
.statistic2 {display: inline-block; width: 40px; text-align: right; padding: 0 4px 0 4px; background-color: #555; color: #FFF; font-weight: bold; border-radius: 2px;}

.t-g-down img, .t-g-down2 img {margin: 0; padding: 0; background-color: #FFF; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; border: none; vertical-align: middle; background-image: url('textpattern/txp_img/img/down-p.gif'); background-repeat: no-repeat; background-position: center center; transition: 0.3s;}
.t-g-down img:hover, .t-g-down2 img:hover{background-color: #FFF; background-image: url('textpattern/txp_img/img/down-a.gif'); background-repeat: no-repeat; background-position: center center; transition: 0.3s;}

.t-details {margin: 10px 30px 10px 30px; text-align: left; line-height: 150%; font-size: 0.9em;}
.t-details p {font-size: 1em; margin: 0 0 0 1.3em; text-indent: -1.3em;}
.t-g-h {margin-bottom: 5px; color: #000; font-weight: bold;}
.t-g-down, .t-g-down2 {display: inline-block; padding: 5px 8px 5px 8px; border: 1px solid #FFF; border-radius: 0 8px 8px 0; background-color: #999;}
.t-g-down {margin: 12px 30px 0 25px;}
.t-g-down2 {margin: 17px 30px 15px 3px;}
.t-g-down2 a img:hover {box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}

.table-editor table {margin: 0 auto; width: 571px; border-collapse: collapse; border: 1px solid #A4B9DB;}
.table-editor td {border: 1px solid #A4B9DB; padding: 2px 3px 2px 3px; font-size: 12px;}
.table-editor textarea {width: 405px; padding: 4px; height: 50px; border: 1px solid #5A68B6;}

.table-poll td {border: 1px solid #A4B9DB;}
.table-poll .td2 {padding: 2px 3px 2px 3px;}
.table-poll-id {width: 50px; padding: 2px 3px 2px 3px; background-color: #5A68B6; border-bottom: 1px solid #A4B9DB; font-size: 1.1em; font-weight: bold;}
.table-poll-td {padding: 2px; text-align: left; cursor: pointer;}
.table-poll .celline {margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid #C2D0E7;}

.edit-item {margin-right: 5px; padding: 2px 4px 2px 4px; font-family: Tahoma; font-size: 13px; border: 1px solid #5A68B6; background-color: #F0F2F7;}
.edit-item-id {width: 50px; font-family: Tahoma; font-size: 16px;}

#footer {clear: both; border-top: 1px dashed #FFF; background-color: #485471; color: #8D9AB8; padding: 25px 30px 15px 20px; text-align: right; border-radius: 0 0 18px 18px; font-size: 0.9em; font-weight: bold;}
#footer a {color: #8D9AB8;}
#footer a:hover {color: #FFF;}

.alert-data-container {position: fixed; bottom: 0; left: -50%; z-index: 100;}
.alert-data-container a {text-decoration: none;}
.alert-data {display: block; width: 2000px; position: relative; left: 400px; padding: 7px 0 8px 0; border: 1px solid #FFF; border-bottom: none; background-color: #0F0A3B; font-size: 14px; color: #FFF; font-weight: bold; box-shadow: black 0 0 4px; -webkit-box-shadow: black 0 0 4px; -moz-box-shadow: black 0 0 4px;}

.mistake {margin: 2em;}
.mistake td {padding: 5px; background-color: #445199;}
.mistake input, .mistake textarea {padding: 2px 5px 2px 5px; border: 1px solid #000; background-color: #FFF; background-color: #F3F3F6;}
.mistake select {border: 1px solid #000; background: #F3F3F6; font-size: 1em;}
.mistake ul {margin-left: 70px; text-align: left; color: #EF88DA;}
.ep-opt select {text-align: right;}

.report {text-align: right; margin-right: 25px;}
.report2 {text-align: right; margin: 0 45px 5px 0; position: relative; top: 10px;}
.report a, .report2 a {font-size: 0.7em; color: #888; text-decoration: none; border-bottom: 1px solid #888;}
.report a:hover, .report2 a:hover {border-bottom: 1px dashed #888;}

.message-report {margin: 10px 20px 20px 20px; text-align: left;}
.report-header, .report-header a {margin: 4px 2px 4px 2px; padding: 1px 20px 1px 20px; text-align: left; background-color: #F8FAFC; border: 1px solid #A4B9DB; cursor: pointer;}
.message-report hr {margin: 10px 0 10px 0; border-bottom: 1px dashed #A4B9DB;}
.message-report p {margin: 1em 0 1em 0; font-size: 1.1em;}
.clear-message {float: right; margin: -10px 10px 0 0;}

.switch-mode {position: absolute; top: 0; right: 15px;}
.switch-mode input {position: fixed; top: 440px; border: 1px solid #FFF; border-radius: 8px; box-shadow: black 0 0 5px; -webkit-box-shadow: black 0 0 5px; -moz-box-shadow: black 0 0 5px;}
#switchOn {background-color: #C4CCDF; opacity: 0.9;  filter:alpha (opacity=90);}
#switchOn:hover {background-color: #ABB7D1; opacity: 0.9;  filter:alpha (opacity=90);}

.steps {text-align: center; color: #000; margin-bottom: 10px;}

.preload {position: absolute; top: 0; left: 0; visibility: hidden; z-index: -5;}