body { background-color: #EEEEEE; color: #000000; margin: 0; padding: 0;
    background-image: url('//pt.f.km.ua/p/b.201210230000.gif');
}
.fullwidth { width: 770px; }

ol, ul { padding-left: 40px; margin-bottom: 0.6em; }
p { margin: 0 0 0.6em; }

a { cursor: hand; text-decoration: none; font-weight: bold; }
a:active { color: #0066FF; }
a:link { color: #0000CC; }
a:visited { color: #0000CC; }
a:hover { text-decoration: underline; color: #0066FF; }

.visitable a:visited,
a.visitable:visited { color: #6699FF; }

a.inv { text-decoration: underline; }
a.inv:hover { text-decoration: none; }

a.nou { text-decoration: none; }
a.nou:hover { text-decoration: none; }

a.udashed { color: #0066FF; border-bottom: 1px dashed #0000CC; text-decoration: none; }
a.udashed:hover { color: #6699FF; border-bottom: 1px dashed transparent; text-decoration: none; }

div#main_info {
  font-family: sans-serif;
  width: 770px;
  border-bottom: 1px solid #ccc;
  background-color: white;
  padding: 4px 0 6px;
  box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.2);
  font-size: 11px;
}

.thinlink { font-weight: normal; }
.clearer { padding: 0; margin: 0; height: 0; width: 100%; clear: both; }
.clear { clear: both; }

.nowrap { white-space: nowrap;}
.full { width: 100%; }

/* target=_blank */
a[href=""] { border-bottom: 1px dashed transparent; text-decoration: none; }
a[href=""]:hover { border-bottom: 1px dashed; text-decoration: none; }
#content a[target="_blank"] {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVlJREFUeNpUkL1LQnEUhp8r13vDUoqKPqaijKAlKEilxibJoIIcoiYDaYhoaqghIRocoo9JKJA+jKCQ+gMaxHJrkAiiJaKUXEwyb1fu7aeTHXg5vOc858A5smma1MbYTDRW1B00d/Ty/JrDtNlQFAWpFpxfisf6Bl3MzrUhqfArQUlobj6NpXZb9GDSH00mWY28kBWddwF9iXqm7hbZvXAYKxQK/JgGje2dGIaMx9NTHVSE8kJWqxVLTnnl+HKZs6sVMkWJ4No0Q8Nw/wAboU9aBWjXu5E1TcMQZtwXIbQdYKgfEmnY37nHbrezGf6mVCphaZSaqBfg0W6AxFWKpxScbF3TkL/jcW/A73a88Rb1+S3lcpnK3c4u8HpHCIcvOT+dqG6rxPriqL+SZVVyopXBEBe6BiF+MYUpvEPO/PuvrOs6weANRe0dVVXJfmTobGqhmM/9A/8EGABgI3X72Aq3ogAAAABJRU5ErkJggg==");
/*	opacity100: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVpJREFUeNpUkL1LQnEUhp8r13vDUoyKPqaijKBF6EIpNTZJBRW0RE0G0hDR1FBDQjQ4RB+TUCB9EEES9Qc0SB/g0BARREuEKbmYZN6u3NtPJz3wcnjPec6BcyTLsqiOkelYsmC4aGrv4fU9i+VwoCgKUjU4t3iZ7PUOMTPbiqTCnwRFodm5J2zV22L7E1rs9paV6BsZ0UkJ6FvU03U3yL75g2Q+n+fXMnG3dWCaMn5/d2VQEcoJ2e12bFnlnaOLJU7jy6QLEqHVKQY0uH+E9fAXLQJ0Gl3Iuq5jCjM6HiW8FWSgDxJPsLd9j9PpZCPyQ7FYxOaWGqkX4OFOkET8gZcHON68oiF3x/Nuv+ZzffARG9dspVKJ8t2eTggEBolELjg7GatsK8fawrBWzrIqedBLYIoLh7xweT6JJbxLTtf8VzYMg1DomoKeQlVVMp9pOhqbKeSyNeC/AAMAj4F11B76P+cAAAAASUVORK5CYII=
	opacity080: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC */
	background-origin: padding-box;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-size: auto;
	padding-right: 13px;
}
#content a[target="_blank"].tbimg { padding-right: 0; }

#content a.tbicon { display: block; background-repeat: no-repeat; }
#content a.tbicon div { height: 100%; }
#content a.tbicon:hover div {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVlJREFUeNpUkL1LQnEUhp8r13vDUoqKPqaijKAlKEilxibJoIIcoiYDaYhoaqghIRocoo9JKJA+jKCQ+gMaxHJrkAiiJaKUXEwyb1fu7aeTHXg5vOc858A5smma1MbYTDRW1B00d/Ty/JrDtNlQFAWpFpxfisf6Bl3MzrUhqfArQUlobj6NpXZb9GDSH00mWY28kBWddwF9iXqm7hbZvXAYKxQK/JgGje2dGIaMx9NTHVSE8kJWqxVLTnnl+HKZs6sVMkWJ4No0Q8Nw/wAboU9aBWjXu5E1TcMQZtwXIbQdYKgfEmnY37nHbrezGf6mVCphaZSaqBfg0W6AxFWKpxScbF3TkL/jcW/A73a88Rb1+S3lcpnK3c4u8HpHCIcvOT+dqG6rxPriqL+SZVVyopXBEBe6BiF+MYUpvEPO/PuvrOs6weANRe0dVVXJfmTobGqhmM/9A/8EGABgI3X72Aq3ogAAAABJRU5ErkJggg==");
/*	opacity100: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVpJREFUeNpUkL1LQnEUhp8r13vDUoyKPqaijKBF6EIpNTZJBRW0RE0G0hDR1FBDQjQ4RB+TUCB9EEES9Qc0SB/g0BARREuEKbmYZN6u3NtPJz3wcnjPec6BcyTLsqiOkelYsmC4aGrv4fU9i+VwoCgKUjU4t3iZ7PUOMTPbiqTCnwRFodm5J2zV22L7E1rs9paV6BsZ0UkJ6FvU03U3yL75g2Q+n+fXMnG3dWCaMn5/d2VQEcoJ2e12bFnlnaOLJU7jy6QLEqHVKQY0uH+E9fAXLQJ0Gl3Iuq5jCjM6HiW8FWSgDxJPsLd9j9PpZCPyQ7FYxOaWGqkX4OFOkET8gZcHON68oiF3x/Nuv+ZzffARG9dspVKJ8t2eTggEBolELjg7GatsK8fawrBWzrIqedBLYIoLh7xweT6JJbxLTtf8VzYMg1DomoKeQlVVMp9pOhqbKeSyNeC/AAMAj4F11B76P+cAAAAASUVORK5CYII=
	opacity080: iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFAAAAAElFTkSuQmCC */
    background-color: transparent;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position: 99% 2%;
    background-repeat: no-repeat;
    background-size: auto; }

/* NugEngine css: */

#pageinfo { font-size: 9px; color: #c0c0c0; }
#pageinfo a, .pageinfo a:link, .pageinfo a:visited { color: #a0a0ff; }

#content_modal_bg { opacity: 0.6; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background-color: black; }
#content_modal { text-align: right; position: fixed; background-color: white; top: 60px; left: 60px; bottom: 60px; width: 577px; padding: 3px 18px; }
#content_modal_data { border: 1px solid #d0d0d0; text-align: left; padding: 8px; position: absolute; top: 18px; left: 18px; bottom: 18px; right: 18px;
    overflow-y: scroll; }

/* v3 remake: */

.SmallUserSign { font-size: 10px; text-align: right; margin: 0 10px 0 0; padding: 0px; }

.GroupName { text-indent: 0pt; padding-top: 10px; }
.SubGroupName { margin-left: 6px; }
.SubGroupName a { font-weight: normal; }

OL.markthrough>LI { display: block; padding-left: 24px; }
OL.markthrough>LI:before { display: inline-block; content: counter(item) ". "; counter-increment: item; text-align: right; width: 38px;
	padding-right: 4px;
	margin-left: -42px;
}

li.new { font-weight: bold; }
li.new:after { content: "new!"; color: red; vertical-align: super; font-size: 80%; font-weight: normal; }

div.invalid { padding: 0 3px 2px; background-color: red; color: white; font-weight: bold; }
input.invalid { background-color: #ffe0e0; }

#bookmark_list { background-color: #ddeeff; border: 1px solid #bbccdd; width: 280px; padding: 5px; text-align: left;
	box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.5); border-radius: 4px; }
#bookmark_list div { margin-top:2px; vertical-align: middle; width: 49%; float: left; }
#bookmark_list img { margin-top:1px; margin-left:10px; margin-right:5px; vertical-align: middle; }

#other_phones { background-color: #ddeeff; border: 1px solid #bbccdd; width: auto; padding: 5px; text-align: left;
	box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.5); border-radius: 4px;  }

#cr_warnings { 	background-color: white; padding: 0 8px 5px; margin: 0; overflow: hidden; max-width: 754px; }

#error_cntrlEnter { font-size: 10px; }

#cr_cEnter
{
	width: 722px;
	background-color: #E5EEF4;
	text-align: center;
	padding: 3px 24px;
	font-size: 10px;
}

#selector_preffered_language { width: 706px; background-color: #FFF0F0; padding: 14px 15px 15px; margin: 10px; text-align: center; border: 2px dashed #E99090; }
#selector_preffered_language a { font-weight: bold; }
#selector_preffered_language u { text-decoration: none; color: #007700; }


/* v2 all, old: */

p { text-indent: 3em; text-align: justify; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;	color: #000000; }
.TopTable1stRow {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
}
.BottomTableLastRow {
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom: 1px solid #000000;


}
.BottomTableMiddleRow {

	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
}
.BottomTableTopRow {
	font-size: 9px;
	color: #000000;
	background-color: #FFFFFF;
	border-top: 1px solid #000000;


}
.BodyTable1stRow {
	background-color: #FFFFFF;
}
.TopTable2ndRow {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #4B83D6;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 2px;
	padding-left: 2px;
	font-weight: bold;

}
.TopTable3rdRow {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;

}

td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.Grayed { color: #AAAAFF; }
.NotActive { color: #AAAAAA; }



small {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

h1, h2, h3, h4, h5 { margin: 0px; padding: 0px; }
h4, h5 { font-size: inherit; }
h5 { font-weight: normal; }

.Justify {
	text-align: justify;
}
form {
	margin: 0px;
}
.InputSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.TopTableMOTDRow {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	background-color: #C5D7F1;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	text-align: center;

}
.BodyTableInfoBottom {

	background-color: #EEEEEE;
	font-size: 10px;
	font-weight: bold;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.DarkBgr {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #003399;
}
.BodyTableInfoContent2 {
	font-size: 12px;
	vertical-align: top;
	background-color: #f6f6f6;
}
.BodyTableInfoContent1 {
	font-size: 12px;
	vertical-align: top;
	background-color: #FFFFFF;
}

.GrayedDarker {
	color: #BBBBBB;
}

a.DarkBgrL:active {
	font-weight: bold;
	text-decoration: none;
	color: #4B83D6;
	background-color: #C0D3F1;
	border: 1px solid #4B83D6;
}
a.DarkBgrL:link {
	font-weight: bold;
	text-decoration: none;
	color: #4B83D6;
	background-color: #C0D3F1;
	border: 1px solid #4B83D6;
}
a.DarkBgrL:visited {
	font-weight: bold;
	text-decoration: none;
	color: #4B83D6;
	background-color: #C0D3F1;
	border: 1px solid #4B83D6;
}
a.DarkBgrL:hover {
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #4B83D6;
	border: 1px solid #FFFFFF;
}

.GrayedBgr {
	font-weight: bold;
	text-decoration: none;
	color: #BBBBBB;
	background-color: #EEEEEE;
	border: 1px solid #BBBBBB;
}

.DarkBgr { font-weight: bold; color: #EEEEEE; background-color: #CCCCCC; }
.BodyTableInfoHeader1 {
	background-color: #EEEEEE; font-size: 10px; font-weight: bolder; text-align: center;
	border-top: 1px solid #000000; }
.BodyTableInfoHeader2 {
	background-color: #EEEEEE; font-size: 10px; font-weight: bolder; text-align: center;
	border-bottom: 1px solid #000000; }
.BodyTableInfoHeader {
	background-color: #EEEEEE; font-size: 10px; font-weight: bolder; text-align: center;
	border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

.BodyNewsListDate { }
.BodyNewsListName { }
.BodyNewsName { font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.Smaller { font-size: smaller; }
.ListSmaller { font-size: smaller; }

.TLargerMore { font-size: 18px; }
.TLarger { font-size: 14px; }
.TSmall { font-size: 10px; }
.TMiddle { font-size: 11px; }
.TNormal { font-size: 12px; }

.PNoInEmphazJ { text-indent: 0pt; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-left: 10px; text-align: justify; }
.PNoInJ { text-indent: 0pt; margin-bottom: 0px; padding-bottom: 0px; margin-top: 0px; padding-top: 0px; padding-left: 0px; text-align: justify; }
.GrayedSmall {
	color: #bbbbbb;
	font-size: 10px;
}
.PJustPadded8 {
	text-align: justify;
	text-indent: 0pt;
	padding-bottom: 8px;
}
.PJustPadded10 {
	text-indent: 0pt;
	padding-top: 10px;
}
.PJustPadded {
	text-align: justify;
	text-indent: 0pt;
	padding-bottom: 5px;
}
.PAllEmphJ {
	text-align: justify;
	text-indent: 0pt;
	padding-left: 13px;
}

.THLarge { font-size: 16px;padding: 0 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.THLarge:first-letter { text-transform: capitalize; }


div.pagination {
	margin: 18px 6px;
	text-align: center;
	box-shadow: 1px 1px 3px #999;
	border-radius: 6px;
	border: 1px solid #f0f0f0;
}
div.pagination_header {
	border-radius: 6px 6px 0 0;
	background-color: #f0f0f0;
	text-align: center;
	padding: 0 2px 2px;
}
div.pagination table {
	width: 100%;
}
div.pagination > table {
	border-radius: 0 0 6px 6px;
	background-color: white;
	padding: 3px 5px 4px;
}
div.pagination > table table {
	border-radius: 6px;
	background-color: #f0f0f0;
	padding: 2px;
}
div.pagination .pagination_noncurrent {
	display: block;
	margin: 0 6px;
	border-radius: 4px;
	padding: 5px 2px 2px;
	height: 20px;
}
div.pagination .pagination_noncurrent:hover {
	box-shadow: inset 1px 1px 3px #999;
	background-color: white;
}
div.pagination .pagination_current {
	box-shadow: inset 1px 1px 3px #999;
	background-color: white;
	border-radius: 4px;
}
div.pagination a:hover img {
/*	-webkit-box-reflect: above 2px
		-webkit-gradient(linear, left top, left bottom,
			from(rgba(255,255,255,1)),
			color-stop(0.3, rgba(255,255,255,0.5)),
			color-stop(0.6, rgba(255,255,255,0)),
			to(rgba(255,255,255,0))
		);*/
	border-radius: 8px;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.33);
}

.noBold { font-weight: normal; }
a.AdvA { font-size: 11px; }
a.AdvA h1 { font-size: 12px; text-decoration: underline; padding: 1px 0 5px; margin: 0; }
a.AdvA div { padding: 8px; margin-top: 5px; border-radius: 6px; }
a.AdvA:hover { text-decoration: none; }
a.AdvA:hover div { background-color: #606090; color: white; }
div.AdvAh {
	text-align: center;
	padding: 6px;
	border: 6px solid #D8E4FA;
	border-radius: 6px;
	background-color: #ECF2FD;
	color: #990000;
}

.pageheader_search {padding: 12px; margin: 2px 0 0; text-align: center; background-color: #c0f0c0; border-radius: 6px; box-shadow: 0 4px 3px -3px #333; }
.pageheader_search small { font-size: inherit; font-weight: normal; }
.pageheader_search_narrow { width: 70%; margin: 0 auto 8px; background-color: #e0ffe0; border-radius: 0 0 6px 6px; box-shadow: 0 4px 3px -3px #333; }

.pageheader_one {
	padding: 6px 12px 7px;
	background-color: #f0f0ff;
	border-radius: 6px 6px 0 0;
	border: 1px solid #e0e0e0;
}
.pageheader_date {
	text-align: right;
	background-color: #e0e0e0;
	border-radius: 0 0 6px 6px;
	font-size: 9px;
	padding: 2px 6px 4px 6px;
	margin: 0 0 14px 0;
	box-shadow: 0 4px 3px -3px #333;
}

h2.pageheader, h3.pageheader { background-color: #e0e0ff; border-radius: 6px;
	background-image: linear-gradient(bottom, rgb(219,231,255) 45%, rgb(255,255,255) 73%, rgb(240,243,255) 87%);
	background-image: -o-linear-gradient(bottom, rgb(219,231,255) 45%, rgb(255,255,255) 73%, rgb(240,243,255) 87%);
	background-image: -moz-linear-gradient(bottom, rgb(219,231,255) 45%, rgb(255,255,255) 73%, rgb(240,243,255) 87%);
	background-image: -webkit-linear-gradient(bottom, rgb(219,231,255) 45%, rgb(255,255,255) 73%, rgb(240,243,255) 87%);
	background-image: -ms-linear-gradient(bottom, rgb(219,231,255) 45%, rgb(255,255,255) 73%, rgb(240,243,255) 87%);

	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.45, rgb(219,231,255)),
	    color-stop(0.73, rgb(255,255,255)),
	    color-stop(0.87, rgb(240,243,255))
	);

	box-shadow: 0 4px 3px -3px #333;
	border: 1px solid #e0e0e0;
}
h2.pageheader { padding: 1px 3px 3px 8px; }
h3.pageheader { padding: 4px 6px 5px 8px; }

.pagetext, .pagetext_nohdr { font-size: 12px;  }
.pagetext { padding-top: 12px;  }
.pagetext_nohdr li, .pagetext li { margin-bottom: 4px; }
.pagetext_nohdr li ul, .pagetext li ul { margin-top: 1px; }
.pagetext_nohdr li li, .pagetext li li { margin-bottom: 1px; }

.pagetext_pluses { padding: 0 3px 5px; border-radius: 6px; border: 1px solid transparent; box-shadow: 0 0 3px 2px #aaa; margin: 1px 0 2px 6px; text-align: center; float: left; width: 120px; font-size: 9px; }
.pagetext, .pagetext_nohdr {  }
.pagetext:hover, .pagetext_nohdr:hover {  }
.pagetext:hover .pagetext_pluses, .pagetext_nohdr:hover .pagetext_pluses { background-color: #f0f0ff; }

.admin_grey {
	font-size: 9px;
	border-radius: 4px;
	position: absolute;
	background-color: rgba(20,20,80,0.7);
	color: white;
	margin: 0 4px 0;
	padding: 1px 3px 2px;
	opacity: 0.2;
}
:hover > .admin_grey { overflow: visible; opacity: 0.9; }

#global_bottom { opacity: 1; }
#global_bottom:hover { opacity: 1; }

#body .closelink { padding: 0 4px 2px;
	border-style: solid;
}
#body .closelink:link, #body .closelink:visited { color: gray; text-decoration: none; background-color: rgb(229,233,255); border-radius: 4px;
	background-image: linear-gradient(bottom, rgb(180,199,237) 45%, rgb(207,212,252) 73%, rgb(229,233,255) 87%);
	background-image: -o-linear-gradient(bottom, rgb(180,199,237) 45%, rgb(207,212,252) 73%, rgb(229,233,255) 87%);
	background-image: -moz-linear-gradient(bottom, rgb(180,199,237) 45%, rgb(207,212,252) 73%, rgb(229,233,255) 87%);
	background-image: -webkit-linear-gradient(bottom, rgb(180,199,237) 45%, rgb(207,212,252) 73%, rgb(229,233,255) 87%);
	background-image: -ms-linear-gradient(bottom, rgb(180,199,237) 45%, rgb(207,212,252) 73%, rgb(229,233,255) 87%);

	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.45, rgb(180,199,237)),
	    color-stop(0.73, rgb(207,212,252)),
	    color-stop(0.87, rgb(229,233,255))
	);

	border-color: #99f;
	border-style: outset;
	border-width: 1px;
}
#body .closelink:active, #body .closelink:hover { color: white; text-decoration: none; background-color: rgb(232,235,255);
	background-image: linear-gradient(bottom, rgb(199,218,255) 45%, rgb(232,235,255) 73%, rgb(222,229,255) 87%);
	background-image: -o-linear-gradient(bottom, rgb(199,218,255) 45%, rgb(232,235,255) 73%, rgb(222,229,255) 87%);
	background-image: -moz-linear-gradient(bottom, rgb(199,218,255) 45%, rgb(232,235,255) 73%, rgb(222,229,255) 87%);
	background-image: -webkit-linear-gradient(bottom, rgb(199,218,255) 45%, rgb(232,235,255) 73%, rgb(222,229,255) 87%);
	background-image: -ms-linear-gradient(bottom, rgb(199,218,255) 45%, rgb(232,235,255) 73%, rgb(222,229,255) 87%);

	background-image: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.45, rgb(199,218,255)),
	    color-stop(0.73, rgb(232,235,255)),
	    color-stop(0.87, rgb(222,229,255))
	);

	border-color: #99f;
	border-style: outset;
	border-width: 1px;

	box-shadow: 1px 1px 2px 0px #999;
}


.icon { float: left; margin-right: 12px; border-radius: 8px; }

.OneLineItem { margin-top: 8px; }

@keyframes myfirst
{
	from {background: red;}
	to {background: yellow;}
}

@-moz-keyframes myfirst /* Firefox */
{
	from {background: red;}
	to {background: yellow;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {background: red;}
	to {background: yellow;}
}

@-o-keyframes myfirst /* Opera */
{
	from {background: red;}
	to {background: yellow;}
}

.nicemated1, .nicemated2 {
	width: 69px; height: 77px;
	transition: .5s all;
	-moz-transition: .5s all; /* Firefox */
	-webkit-transition: .5s all; /* Safari and Chrome */
	-o-transition: .5s all; /* Opera */
}
.nicemated1 { width: 69px; height: 77px; }
.nicemated1:hover { width: 89px; height: 97px; margin-left: -10px; margin-top: -10px; }
.nicemated2 { width: 76px; height: 93px; }
.nicemated2:hover { width: 96px; height: 103px; margin-left: -10px; margin-top: -10px; }