@CHARSET "UTF-8";
BODY			{margin: 0; font-family: Helvetica,Arial,sans-serif; /*font-size: 12px;*/}
.center			{text-align: center;}
INPUT, SELECT	{height: 30px; width: 99%; font-size: 18px;}
TEXTAREA		{height: 50px; width: 99%;}
INPUT[type=submit]	{height: 40px; margin-top: 10px;}
LABEL			{display: block; margin-top: 10px;}
IMG				{outline: none;}

/*UI REPLACEMENT*/
.ui-content .ui-listview {margin: -10px -15px;}
.ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt {padding: 4px 45px 4px 4px;}
.ui-li .ui-btn-text a.ui-link-inherit .preview {margin-right: 5px; float: left; width: 70px; height: 66px; overflow: hidden;}
.ui-li .ui-btn-text a.ui-link-inherit .preview img {margin-left: -20px;}
.ui-li-thumb	{left: 1px; max-height: 66px; max-width: 110px; position: absolute; top: 0;}
.ui-collapsible-content .btns {text-align: center; margin-top: 10px;}

P.position,
DIV.position	{border-bottom: 1px solid #FFF; margin: 10px 0 0; padding-bottom: 10px;}
DIV.position .cit	{/*color:#797979;*/ background:#fff; border:#aeaeae 1px solid; padding:5px; margin: 0;}
DIV.position .cit span	{display:block; /*color:#797979;*/ position: relative; top: 0px; right: 0px; font-size:11px; margin-bottom:5px;}
DIV.position .cit p	{/*color:#797979;*/ margin-bottom:0; margin-top: 5px; padding: 0;}
DIV.position .cit .cit	{background:#e7f8ff;}
DIV.position .cit .cit .cit	{background:#fff;}
P.summary		{border: none; background: #EEE; margin: 0; padding: 10px; border-bottom-left-radius: 0.6em; border-bottom-right-radius: 0.6em;}
SPAN.sender		{display: block; font-size: 12px; margin-top: 5px; font-weight: normal;}
SPAN.readed		{font-weight: normal;}

UL.wrapSpace LI H3,
UL.wrapSpace LI P{white-space: normal;}

/*ВСЁ ДЛЯ ЛАЙТ ВЕРСИИ*/
#Lite					{background: #ccc;}
#Lite a					{display: block; position: relative; text-decoration: none; font-weight: bold; color: #000;}
#Lite ul				{display: block; position: relative; height:100%; list-style: none outside none; color: #333; margin: 10px; padding: 0;}
#Lite .head,
#Lite .footer			{position: relative; width: 100%; background: #5E87B0; text-align: center;}
#Lite .navbar			{position: relative; height: 40px; overflow: visible;}
#Lite .navbar ul li		{float: left; width: 50%; background: #5F9CC5;}
#Lite .navbar ul li a	{padding: 10px; text-align: center; background: #5F9CC5; color: #fff; border: 1px solid #ccc;}
#Lite .navbar ul li a:hover {background: #5E87B0;}


#Lite .content			{padding: 10px;}
#Lite ul.listview		{margin: 5px 0;}
#Lite ul.listview li	{background: #fdfdfd; position: relative; border: 1px solid #222; border-width: 1px 1px 0 1px; color: #444;}
#Lite ul.listview li:last-child	{border-width: 1px;}
#Lite ul.listview li.list-divider	{font-size: 14px; font-weight: 700; padding: 0.5em 15px; background: #6FACD5; color: #FFF;}
#Lite ul.listview li.total	{padding: 0.7em 15px; font-weight: 700;}
#Lite ul.listview li a	{padding: 10px 15px; color: #444;}
#Lite ul.listview li a:hover {background: #eee;}
#Lite ul.listview li a p	{margin: 0px; font-weight: normal;}
#Lite ul.listview li a h3	{margin: 5px 0px;}
#Lite ul.listview li a span	{float: right;}
#Lite ul.listview li .content	{padding: 5px 42px 5px 5px; min-height: 66px;}
#Lite ul.listview li .content .preview	{margin-right: 5px; float: left; width: 70px; height: 66px; overflow: hidden;}
#Lite ul.listview li .content .preview img	{margin-left: -20px;}
#Lite ul.listview li .content h3	{font-size: 16px; margin: 0.6em 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#Lite ul.listview li .content p	{font-size: 12px; margin: -0.5em 0px 0.6em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#Lite ul.listview li .action	{border: 1px solid #222; border-width: 0 0 0 1px; height: 100%; margin: 0px; padding: 0px; position: absolute; right: 0px; top: 0px; width: 40px; z-index: 2;}
#Lite ul.listview li .action span	{display: block; width: 18px; height: 18px; position: absolute; left: 8px; top: 38%; border: 2px solid #222; border-radius: 10px; background: #AAA url("/image/icons-18-black.png") no-repeat scroll;}
#Lite ul.listview li .action span.plus	{background-position: 0px 50%;}
#Lite ul.listview li .action span.alert	{background-position: -504px 50%;}
#Lite ul.listview li .action span.delete{background-position: -72px 50%;}

#Lite ul.white li		{background: #fdfdfd; border: 1px solid #ccc; color: #444;}
#Lite ul.white li a		{padding: 10px 15px; color: #444;}
#Lite ul.white li a:hover {background: #eee;}

#Lite .controlgroup label {display: inline-block; margin: 0; position: relative; top: -10px;}

#Lite .footer a			{display: inline-block; background: #5F9CC5; color: #fff; padding: 8px; border: 1px solid #222;}
#Lite .footer a:hover	{background: #396B9E;}

#order input[type=text],
#login input {width: 99%;}

/*ПОСТРАНИЧКА*/
#page			{margin: 20px 0px; text-align: center;}
#page *			{padding: 10px 20px; font-size: 13px; font-weight: bold; cursor: pointer; color: #444;}
#page span		{display: inline-block; background: #fdfdfd; border: 1px solid #ccc}
#page span:hover{background: #eee;}
#page a			{display: inline-block; background: #fceda7; border: 1px solid #f7c942}
#page a:hover	{background: #fadb4e;}

/*COLLAPSIBLE*/
#Lite .collapsible-set		{margin: 20px 0px;}
#Lite .collapsible-set .collapsible > H3	{background: #5F9CC5; margin: 0px -8px; padding: 10px; border-bottom: 1px solid;}
#Lite .collapsible-set .collapsible .collapsible-content	{margin-bottom: 10px; display: none;}
#Lite .collapsible-set .collapsible .expand	{display: block;}
#Lite .collapsible-set .collapsible .collapsible-content .btns {text-align: center; margin-top: 10px;}
#Lite .collapsible-set .collapsible .collapsible-content .btns a {display: inline-block; background: #5F9CC5; color: #fff; margin-top: 10px; padding: 8px; border: 1px solid #222;}
#Lite .collapsible-set .collapsible .collapsible-content .btns a.white	{background: #F1F1F1; color: #222;}
#Lite .collapsible-set .collapsible .collapsible-content .btns a.black	{background: #2D2D2D; color: #FFF;}
#Lite .collapsible-set .collapsible .collapsible-content .btns a span	{display: inline-block; width: 18px; height: 18px; vertical-align: bottom; border: 2px solid #222; border-radius: 10px; background: #AAA url("/image/icons-18-black.png") no-repeat scroll;}
#Lite .collapsible-set .collapsible .collapsible-content .btns a span.check	{background-position: -252px 50%;}
#Lite .collapsible-set .collapsible .collapsible-content .btns a span.delete{background-position: -72px 50%;}
#Lite .collapsible-set .collapsible-set {margin: 10px;}