@import url(reset.css);
@import url(ui-lightness/jquery-ui.css);

/* =body
************************************************************** */

body {
	background-color: #040f18;
	font: normal 63% Verdana, Geneva, sans-serif;
	color: #616161;
}

#site {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
}

h1 {
	position: absolute;
	left: 15px;
	top: 6px;
	width: 199px;
	height: 61px;
	background: url(i/logo.png) no-repeat left top;
	text-indent: -1000em;
}

h1 a {
	position: absolute;
	left: 0;
	top: 0;
	width: 199px;
	height: 61px;
}

/* =masthead
************************************************************** */

#masthead {
	position: relative;
	height: 73px;
	background: url(i/masthead/bg.png) no-repeat left top;
	margin-bottom: 15px;
}

#player-wrapper {
	position: absolute;
	top: 1px;
	left: 344px;
	width: 280px;
	height: 70px;
}

/* =login-box
************************************************************** */

#login-box {
	position: absolute;
	right: 20px;
	top: 7px;
}

#login-box .fields {
	float: left;
	margin-right: 12px;
}

#login-box .fields .line {
	padding: 3px 0;
}

#login-box .fields .line:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#login-box .fields label {
	display: block;
	height: 22px;
	float: left;
	width: 42px;
	background-position: left 7px;
	background-repeat: no-repeat;
	text-indent: -1000em;
}

#login-box .fields .login {
	background-image: url(i/masthead/lbl-login.png);
}

#login-box .fields .pass {
	background-image: url(i/masthead/lbl-pass.png);
}

#login-box .fields .field {
	float: left;
	border: 1px #28648b solid;
}

#login-box .fields .field input {
	background-color: #0f4d75;
	border: 1px #0f486d solid;
	width: 112px;
	height: 17px;
	padding: 1px 5px 0;
	color: #fff;
	font-size: 10px !important;
}

#login-box .actions {
	float: left;
	padding-top: 3px;
}

#login-box .actions .btn {
	margin-bottom: 12px;
}

#login-box .actions .remind {
	
}

#login-box .actions .remind a {
	color: #fff;
	font-size: 0.9em;
}

#login-box .actions .remind a:hover {
	text-decoration: underline;
}

/* =user-box
************************************************************** */

#user-box {
	float: right;
	padding-top: 12px;
	padding-right: 16px;
}

#user-box .btn a {
	position: absolute;
	right: 16px;
	top: 34px;
	float: none;
}

#user-box .user {
	float: right;
	color: #adc6d8;
	font-size: 1.1em;
	margin-bottom: 10px;
}

#user-box .user a {
	color: #fff;
	font-weight: bold;
}

#user-box .user .logout {
	color: #ADC6D8;
	font-size: 0.9em;
}

/* =main-menu
************************************************************** */

#main-menu{
	margin-bottom:20px;
	background: url(i/nav/menu_background.png) no-repeat top left;
	height: 30px; 
}	

#main-menu ul{
	margin: 0 0 0 10px;
	overflow: hidden;
}

#main-menu ul li{
	list-style: none;	
	float:left;
	display: block;
	margin: 9px 10px 0 -10px;
	background: url(i/nav/spacer.png) no-repeat top left;
	padding: 0 15px;
}

#main-menu a{
	text-transform: uppercase;	
	font-weight: bold;
	color: #fff;
}
#main-menu li a.hover, #main-menu li.selected a{
	color: #f3801e;
}


/* =main
************************************************************** */

#main {
	
}

#main:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/* =content-1st
************************************************************** */

#content-1st {
	float: left;
	width: 212px;
	margin-right: 14px;
}

/* =content-2nd
************************************************************** */

#content-2nd {
	float: left;
	width: 754px;
}

/* =nav
************************************************************** */

.nav {
	margin-bottom: 21px;
}

.nav .header {
	height: 32px;
	background: url(i/nav/header-bg.png) no-repeat left top;
}

.nav .header h2 {
	background-position: 14px 8px;
	background-repeat: no-repeat;
	height: 32px;
	text-indent: -1000em;
}

.nav.mycase .header h2 {
	background-image: url(i/headers/nav-mycase.png);
}

.nav.categories .header h2 {
	background-image: url(i/headers/nav-categories.png);
}

.nav.add-demo .header h2 {
	background-image: url(i/headers/nav-demo.png);
}

.nav.search .header h2 {
	background-image: url(i/headers/nav-search.png);
}

.nav .inner {
	background: #0b4772 url(i/nav/inner-bottom.gif) no-repeat left bottom;
}

.nav ul {
	list-style: none;
	padding-bottom: 6px;
	background: url(i/nav/ul-bottom.gif) no-repeat left bottom;
}

.nav ul li a {
	display: block;
	height: 23px;
	background: url(i/nav/ul-li.png) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 10px 0;
}

.nav ul ul {
	display: none;
	padding-bottom: 0;
	background-image: none;
}

.nav ul li.selected ul {
	display: block;
}

.nav ul ul li {
	border-bottom: 1px #456f8d solid;
}

.nav ul ul li a {
	font-size: 1em;
	height: 18px;
	text-transform: none;
	padding: 6px 10px 0;
	background-color: #175480;
	background-image: none;
	font-weight: normal;
}

.nav ul ul li.selected a {
	font-weight: bold;
	text-decoration: underline;
}

.nav ul ul li.even a {
	background-color: #195e8f;
}

/* =listing
************************************************************** */

.listing {
	width: 100%;
}

.listing thead th {
	background: url(i/listing/th.png) repeat-x left top;
}

#site .listing.simple-h thead th {
	padding: 5px;
	text-align: center;
}

#site .listing.simple-h thead th,
#site .listing.simple-h thead th a {
	background-image: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 0;
	height: auto;
}

#site .listing.simple-h thead th.to-left {
	text-align: left;
}

#user-profile .listing.simple-h thead th {
	background-color: #243137;
}

.listing thead th.first {
	background: url(i/listing/th-left.png) no-repeat left top;
}

.listing thead th.last {
	background: url(i/listing/th-right.png) no-repeat right top;
}

.listing thead th a {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -1000em;
	height: 26px;
	margin: 0 auto;
}

.listing thead th.left a {
	margin: 0 0 0 5px;
}

.listing thead th .author {
	background-image: url(i/headers/wykonawca-tytul.png);
	width: 130px;
}

.listing thead th .style {
	background-image: url(i/headers/styl.png);
	width: 28px;
}

.listing thead th .label {
	background-image: url(i/headers/label.png);
	width: 37px;
}

.listing thead th .date {
	background-image: url(i/headers/data.png);
	width: 30px;
}

.listing tbody td {
	background: #2b3d47 url(i/listing/td.png) repeat-x left top;
	padding: 4px 3px;
	color: #fff;
	font-size: 1.1em;
	/*text-align: center;*/
	vertical-align: middle;
}

.listing tbody td .img {
	position: relative;
	display: block;
	float: left;
	margin-right: 13px;
}

.listing tbody td .img img {
	width: 41px;
	float: left;
	border: 1px #253943 solid;
}

.listing tbody td.lp {
	text-align: center;
	font-weight: bold;
	color: #f3801e;
}

img.enlarged,
.listing tbody td .img img.enlarged {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	width: 150px;
	z-index: 200;
}

img.enlarged.shown,
.listing tbody td .img img.enlarged.shown {
	display: block;
}

.listing tbody td .info {
	float: left;
	text-align: left;
	font-weight: bold;
}

.listing tbody td .info p {
	padding: 3px 0;
	width: 260px;
}

.listing tbody td .info .subtitle {
	font-weight:normal;
}

.listing tbody td a.more {
	color: #fff;
	font-size: 0.73em;
}

.listing tbody td a.more:hover {
	text-decoration: none;
}

.listing tbody .details td {
	padding: 0;
	background-image: none;
	background-color: #283c47;
}

.listing tbody .details td .inner {
	display: none;
	color: #738C99;
	border: 1px #040f18 solid;
	border-bottom-width: 0;
}

.listing tbody .details.shown td .inner {
	display: block;
}

.listing tbody .details td .inner  .columns {
	background: #283c47 url(i/listing/action-bg.gif) repeat-y right top;
}

.listing tbody .details td .inner:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.listing tbody .details td .inner .description {
	float: left;
	width: 428px;
	text-align: left;
	font-size: 0.82em;
	padding: 5px;
}

.listing tbody .details td .inner .action {
	float: left;
	width: 305px;
	min-height: 46px;
	position: relative;
}

.listing tbody .details td .inner .action .add-to-case {
	display: block;
	margin: 5px 0 10px 25px;
	width: 275px;
	height: 26px;
	top: 7px;
	left: 28px;
	background: url(i/buttons/add-to-case.png) no-repeat left top;
	text-indent: -1000em;
}

.listing tbody .details td .inner .action .add-to-wishlist {
	display: block;
	margin: 5px 0 10px 25px;
	width: 275px;
	height: 26px;
	top: 7px;
	left: 28px;
	background: url(i/buttons/add-to-wishlist.png) no-repeat left top;
	text-indent: -1000em;
}

.listing tbody .details td .inner .action .remove-from-wishlist {
	display: block;
	margin: 5px 0 10px 25px;
	width: 275px;
	height: 26px;
	top: 7px;
	left: 28px;
	background: url(i/buttons/remove-from-wishlist.png) no-repeat left top;
	text-indent: -1000em;
}

.listing-bottom {
	min-height: 7px;
	background: #243137 url(i/listing/bottom.gif) no-repeat left bottom;
}

.listing tbody td .records {
	width: 100%;
	border-collapse: separate;
}

.listing tbody td .records thead th {
	display: none;
}

.listing tbody td .records td {
	background-image: none;
	background-color: #365264;
	border-right: 1px #040f18 solid;
	border-bottom: 1px #040f18 solid;
	font-size: 0.82em;
	color: #fff;
	padding: 4px 9px;
}

.listing tbody td .records tr.even  td {
	background-color: #304753;
}

.listing tbody td .records tbody td .speaker {
	display: block;
	margin: auto auto;
	width: 15px;
	height: 12px;
	background: url(i/icons/speaker.gif) no-repeat left top;
	text-indent: -1000em;
}

.listing tbody td .records tbody td .speaker.active {
	background-image: url(i/icons/speaker_active.gif);
}

.listing tbody td .records tbody td.title {
	text-align: left;
}

.listing tbody td .records tbody td.type {
	text-align: left;
}

/* =pager
************************************************************** */

.pager {
	padding: 15px 0;
}

.pager ul {
	list-style: none;
	text-align: center;
}

.pager ul li {
	display: inline;
	margin: 0 5px;
}

.pager ul li a {
	font-size: 1.1em;
	padding: 2px 4px;
	border: 1px #1c7390 solid;
	text-decoration: none;
}

.pager ul li a:hover {
	background-color: #1c7390;
}

.pager ul li.selected a,
.pager ul li.selected a:hover {
	border-color: #31CBFF;
	background-color: #31CBFF;
	color: #283c47;
}

/* =section
************************************************************** */

.section {
	
}

.section .header {
	height: 27px;
	background: url(i/section/header.png) no-repeat left top;
}

.section .inner {
	background: #243137 url(i/section/bottom.gif) no-repeat left bottom;
	padding-bottom: 8px;
}

/*transfer*/
.section .inner.transfer #info-text {
	margin: 0 15px 15px 15px;
	padding: 15px 0 0 0;
	font-size: 1.1em;
	color: #919090;
}
.section .inner.transfer #info-text p, .section .inner.transfer #info-text li{
	margin: 0 0 10px 0;
}
.section .inner.transfer #info-text ul{
	margin: 0 0 10px 20px;
}

/* =user-profile
************************************************************** */

#user-panel {
	padding: 0 0 13px 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#user-panel .transfer {
	float: left;
	width: 200px;
	margin: 0 0 0 40px;
}
#user-panel .transfer a{
	color: #f3801e;
}

#user-panel .info {
	float: left;
	width: 410px;
}

#user-panel .info.long {
	width: 500px;
}

#user-panel .info .line {
	margin-bottom: 20px;
}

#user-panel .info .used {
	color: #919090;
	margin: 40px 0 0 0;
}

#user-panel .info .green {
	color: #05c700;
}

#user-panel .info .red {
	color: #ff0000;
}

#user-panel .info .line .caption {
	float: left;
}

#user-panel .info .line .value {
	float: right;
}

#user-panel .buttons {
	float: left;
}

#user-panel .columns {
	margin: 0;
	background:url(i/line.png) no-repeat bottom center;
	padding: 20px;
}

#user-panel .certificate-form{
	margin: -3px 0 0 170px;	
	position: absolute;
	font-weight: normal;
	text-transform: none;
}
#user-panel .certificate-form .button{
	float:right;
	float/*\**/:none\9;
	padding/*\**/:4px 6px\9;
	margin: -2px 0 0 10px;
}
#user-panel .certificate-form .text{
	width: 50px;
}

/* =add-demo
************************************************************** */

.nav.add-demo form, .nav.search form {
	padding: 12px 10px;
	width: 192px;
	overflow: hidden;
}



/* =nav-form
************************************************************** */

.nav-form .cell {
	margin-bottom: 5px;
}

.nav-form .cell:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.nav-form .cell label {
	display: block;
	float: left;
	width: 48px;
	text-transform: uppercase;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
}

.nav-form .cell.lined label {
	float: none;
	margin-bottom: 5px;
}

.nav-form .cell.reg label {
	float: none;
	display: inline;
	width: auto;
	text-transform: none;
	font-weight: normal;
	color: #adc6d8;
}

.nav-form .cell.reg label input {
	position: relative;
	bottom: -2px;
}

.nav-form .cell .fields {
	margin-left: 48px;
}

.nav-form .cell.lined .fields {
	margin-left: 0;
}

.nav-form .cell .fields .field {
	border: 1px #255e85 solid;
	width: 143px;
}

.nav-form .cell .long{
	width: 200px;
	margin: 0; 
}

.nav-form .cell .long .field{
	width: 190px;
}

.nav-form .cell .fields.long .field input {
	width: 178px;
	height: 16px;
	padding: 2px 5px 0;
	border: 1px #0f486d solid;
	background-color: #0f4d75;
	color: #fff;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif;
}

.nav-form .cell .fields.long .field select {
	width: 190px;
	padding: 2px 5px 0;
	border: 1px #0f486d solid;
	background-color: #0f4d75;
	color: #fff;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif;
}

.nav-form .cell .fields .field input {
	width: 131px;
	height: 16px;
	padding: 2px 5px 0;
	border: 1px #0f486d solid;
	background-color: #0f4d75;
	color: #fff;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif;
}

.nav-form .cell .fields .field textarea {
	width: 131px;
	height: 75px;
	padding: 2px 5px 0;
	border: 1px #0f486d solid;
	background-color: #0f4d75;
	color: #fff;
	font-size: 11px !important;
	font-family: Arial, Helvetica, sans-serif;
}

.nav-form .btn {
	width: 193px;
}

/* =contact-form
************************************************************** */

.contact-form textarea, .contact-form select, .contact-form input.text{
	width: 400px;
	margin: 10px 0;
	font-size: 13px;
}

.contact-form textarea{
	height: 200px;
}	
	
/* =msgs
************************************************************** */

.msg-ok {
	background: #006b12 url(i/msgs/ok-top.png) no-repeat left top;
	color: #fff;
	margin-bottom: 10px;
}

.msg-ok .inner {
	background: url(i/msgs/ok-bottom.png) no-repeat left bottom;
	padding: 18px 15px;
}

.msg-ok .inner div {
	background: url(i/msgs/ok-icon.gif) no-repeat left 2px;
	padding: 4px 0 4px 27px;
}

.msg-error {
	background: #8b0000 url(i/msgs/error-top.png) no-repeat left top;
	color: #fff;
	margin-bottom: 10px;
}

.msg-error .inner {
	background: url(i/msgs/error-bottom.png) no-repeat left bottom;
	padding: 18px 15px;
}

.msg-error .inner div {
	background: url(i/msgs/error-icon.gif) no-repeat left 5px;
	padding: 4px 0 4px 21px;
}

/* =articles
************************************************************** */

#articles .inner {
	padding: 20px 10px;
}

#articles .articles {
	list-style: none;
}

#articles .articles li {
	margin-bottom: 28px;
}

#articles .articles li .head {
	margin-bottom: 12px;
}

#articles .articles li .head:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#articles .articles li .title {
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
}

#articles .articles li .title a {
	color: #fff;
}

#articles .articles li .date {
	float: right;
	color: #fff;
	font-size: 1.1em;
}

#articles .articles li .body {
	font-size: 1.1em;
	color: #919090;
}

/* =home
************************************************************** */

#home .inner {
	padding: 30px;
}

#home h2 {
	font-size: 3em;
	color: #fff;
	margin-bottom: 70px;
	font-weight: normal;
}

#home p {
	color: #919090;
	font-size: 1.1em;
}

/* =footer
************************************************************** */

#footer {
	padding: 11px 31px;
	background: url(i/wrapper/bottom.png) no-repeat left top;
	color: #8d8d8d;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
}

/* =buttons
************************************************************** */

.btn {
	padding-top: 4px;
}

.btn:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.login-button {
	display: block;
	float: left;
	width: 75px;
	height: 20px;
	background: url(i/buttons/login-btn.png) no-repeat left top;
	text-indent: -1000em;
	border: none;
}

.button {
	float: left;
	width: 75px;
	height: 16px;
	padding-top: 4px;
	background: url(i/buttons/button.png) no-repeat left top;
	text-align: center;
	text-transform: uppercase;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #fff;
	border: none;
}

.button:hover {
	text-decoration: none;
}

.button.space {
	margin-right: 10px;
}

.button.blue {
	background-image: url(i/buttons/button-blue.png)
}

.button.right {
	float: right;
}
.button.transfer {
	cursor: pointer;
	margin: 20px 0 40px 320px;
}

/* =mycase
************************************************************** */

.nav.mycase form fieldset {
	padding: 5px 0px 0px;
	color: #adc6d8;
}

.nav.mycase form fieldset.summary {
	padding: 17px 10px 12px;
	background: url(i/nav/summary-sep.gif) repeat-x left top;
}

.nav.mycase form fieldset.summary .line {
	margin-bottom: 6px;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif;
}

.nav.mycase form fieldset.summary .line:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.nav.mycase form fieldset.summary .line.left {
	color: #adc6d8;
	margin-bottom: 16px;
}

.nav.mycase form fieldset.summary .line.delete-items {
	color: #ffffff;
	text-transform: lowercase;
	font-weight: normal;
	margin: -10px 0 15px 0;
	font-size: 9px;
}

.nav.mycase form fieldset.summary .line .caption {
	float: left;
}

.nav.mycase form fieldset.summary .line .value {
	float: right;
}

.nav.mycase form fieldset .nothing {
	font-size: 1.1em;
	text-align: center;
	padding: 5px 0 10px;
}

.nav.mycase form fieldset ul {
	list-style: none;
	padding-bottom: 0;
	background-image: none;
}

.nav.mycase form fieldset ul li {
	padding: 10px 10px 8px;
	background: url(i/nav/mycase-list-sep.gif) repeat-x left top;
}

.nav.mycase form fieldset ul li:first-child {
	padding-top: 8px;
	background-image: none;
}

.nav.mycase form fieldset ul li:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.nav.mycase form fieldset ul li .check {
	float: left;
	width: 21px;
}

.nav.mycase form fieldset ul li .check input {
	margin: 0;
}

.nav.mycase form fieldset ul li .info {
	float: left;
	width: 120px;
	font-size: 0.9em;
	font-family: Tahoma, Geneva, sans-serif;
}

.nav.mycase form fieldset ul li .info p {
	margin-bottom: 2px;
}

.nav.mycase form fieldset ul li .info .title {
	font-weight: bold;
}

.nav.mycase form fieldset ul li .info .record {
	color: #5b85a2;
}

.nav.mycase form fieldset ul li .weight {
	float: right;
	font-size: 0.9em;
	font-family: Tahoma, Geneva, sans-serif;
	color: #adc6d8;
}

/* =banners
************************************************************** */
#top-banner{
	margin: 0 auto 20px auto;
	text-align:center;
}
.left-banner{
	margin: 0 auto 20px auto;
	width: 212px;	
}
.left-banner img{
	width: 212px;	
}

/* =download
************************************************************** */

#download {
	background-color: #2c3e49;
	color: #fff;
	font-size: 11px;
	padding: 23px 19px;
	background-image: none;
}

#download h1 {
	font-size: 1.09em;
	font-weight: bold;
	position: relative;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	background-image: none;
	text-indent: 0;
	margin-bottom: 32px;
}

#download .dl-list {
	list-style: none;
	margin-bottom: 34px;
}

#download .dl-list li {
	margin-bottom: 15px;
}

#download .dl-list li:after  {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

#download .dl-list li .info {
	float: left;
}

#download .dl-list li .weight {
	float: right;
}

#download .dl-list li .title {
	font-weight: bold;
	margin-bottom: 5px;
}

#download .dl-list li .details {
	font-size: 0.91em;
	color: #adc6d8;
}

#download .summary {
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 14px;
}

/* =general
************************************************************** */

a {
	color: #31cbff;
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.semantic {
	display: none;
}

.columns:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

/* =fb
************************************************************** */

#fb {
	position: fixed;
	right: -300px;
	top: 120px;
	width: 300px;
	height: 300px;
}

#fb .tag {
	display: block;
	position: absolute;
	top: 0;
	left: -29px;
	width: 29px;
	height: 99px;
	background: url(i/fb-tag.png) no-repeat left top;
	text-indent: -1000em;
}

#fb .box {
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;
	height: 280px;
	padding: 10px;
	background-color: #dcdcdc;
}


/* =sizes
************************************************************** */

 .size0 { background: none;}
 .size1 { width: 1%;}   .size2 { width: 2%;}  .size3 { width: 3%;}    .size4 { width: 4%;}
 .size5 { width: 5%;}   .size6 { width: 6%;}  .size7 { width: 7%;}    .size8 { width: 8%;}
 .size9 { width: 9%;}  .size10 { width: 10%;} .size11 { width: 11%;} .size12 { width: 12%;}
.size13 { width: 13%;} .size14 { width: 14%;} .size15 { width: 15%;} .size16 { width: 16%;}
.size17 { width: 17%;} .size18 { width: 18%;} .size19 { width: 19%;} .size20 { width: 20%;}
.size21 { width: 21%;} .size22 { width: 22%;} .size23 { width: 23%;} .size24 { width: 24%;}
.size25 { width: 25%;} .size26 { width: 26%;} .size27 { width: 27%;} .size28 { width: 28%;}
.size29 { width: 29%;} .size30 { width: 30%;} .size31 { width: 31%;} .size32 { width: 32%;}
.size33 { width: 33%;} .size34 { width: 34%;} .size35 { width: 35%;} .size36 { width: 36%;}
.size37 { width: 37%;} .size38 { width: 38%;} .size39 { width: 39%;} .size40 { width: 40%;}
.size41 { width: 41%;} .size42 { width: 42%;} .size43 { width: 43%;} .size44 { width: 44%;}
.size45 { width: 45%;} .size46 { width: 46%;} .size47 { width: 47%;} .size48 { width: 48%;}
.size49 { width: 49%;} .size50 { width: 50%;} .size51 { width: 51%;} .size52 { width: 52%;}
.size53 { width: 53%;} .size54 { width: 54%;} .size55 { width: 55%;} .size56 { width: 56%;}
.size57 { width: 57%;} .size58 { width: 58%;} .size59 { width: 59%;} .size60 { width: 60%;}
.size61 { width: 61%;} .size62 { width: 62%;} .size63 { width: 63%;} .size64 { width: 64%;}
.size65 { width: 65%;} .size66 { width: 66%;} .size67 { width: 67%;} .size68 { width: 68%;}
.size69 { width: 69%;} .size70 { width: 70%;} .size71 { width: 71%;} .size72 { width: 72%;}
.size73 { width: 73%;} .size74 { width: 74%;} .size75 { width: 75%;} .size76 { width: 76%;}
.size77 { width: 77%;} .size78 { width: 78%;} .size79 { width: 79%;} .size80 { width: 80%;}
.size81 { width: 81%;} .size82 { width: 82%;} .size83 { width: 83%;} .size84 { width: 84%;}
.size85 { width: 85%;} .size86 { width: 86%;} .size87 { width: 87%;} .size88 { width: 88%;}
.size89 { width: 89%;} .size90 { width: 90%;} .size91 { width: 91%;} .size92 { width: 92%;}
.size93 { width: 93%;} .size94 { width: 94%;} .size95 { width: 95%;} .size96 { width: 96%;}
.size97 { width: 97%;} .size98 { width: 98%;} .size99 { width: 99%;} .size100 { width: 100%;}