@media screen
{

BODY
{
	font-size: 14px;  
	font-family: verdana, arial, 'ms sans serif', sans-serif;
	color: #35342C;
	margin: 4px; 
	line-height: 18px;
	cursor: default; 
	-ms-user-select: none; 
	-moz-user-select: none; 
	-webkit-user-select: none; 
	user-select: none; 
}

span
{
	font-size: 14px;  
	font-family: verdana, arial, 'ms sans serif', sans-serif;
}

.forward
{
	background-image: url(/inc/img/forward.png);
  	background-repeat: no-repeat;
	background-position: right center;
}

.loader,
.loader:before,
.loader:after {      
	display: inline-block;
  	background: #888970;
  	-webkit-animation: load1 1s infinite ease-in-out;
  	animation: load1 1s infinite ease-in-out;
  	width: 4px;
  	height: 10px;
}

.loader {
  	color: #888970;
  	position: relative;
  	top: 5px;
  	margin-left:8px;
  	margin-right:8px;
  	width: 4px !important;
  	-webkit-transform: translateZ(0);
  	-ms-transform: translateZ(0);
  	transform: translateZ(0);
  	-webkit-animation-delay: -0.16s;
  	animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  	position: absolute;
  	top: 0;
  	content: '';
}

.loader:before {
  	left: -6px;
  	-webkit-animation-delay: -0.32s;
  	animation-delay: -0.32s;
}
.loader:after {
  	left: 6px;
}

@-webkit-keyframes load1 {
  	0%,
  	80%,
  	100% {
    	box-shadow: 0 0;
    	height: 10px;
  	}
  	40% {
    	box-shadow: 0 -4px;
    	height: 12px;
  	}
}

@keyframes load1 {
  	0%,
  	80%,
  	100% {
    	box-shadow: 0 0;
    	height: 10px;
  	}
  	40% {
    	box-shadow: 0 -4px;
    	height: 12px;
  	}
}

input
{
	font-size: 14px;  
	font-family: verdana, arial, 'ms sans serif', sans-serif;
}

input:disabled
{
 	color: #8B8970;
}

table.dlg 
{
	border: 0;
	background-color: #E5DFBC;
	border-spacing: 1px;
}

.dlg td 
{
	padding: 1px 30px;
	background-color: #E5DFBC;
	height: 24px;
}

.dlg th 
{
	text-align: left;
	vertical-align: middle;
	padding: 8px 24px;
	background-color: #CDC9A5;
	color: #35342C;
	font-weight: bold;
	font-size: 18px;
}

.dlg th.login
{
	padding-left: 46px;
	background-image: url(/inc/img/user24.png);
	background-repeat: no-repeat;
	background-position: 10px center;
}

table.tmain
{
	margin: 0px;
	border-spacing: 0;
	border-collapse: collapse;
	Width: 100%;
}

table.tmain tr.theader
{ 
	height: 37px !important;
}

table.tmain tr.theader th 
{ 
	text-align: left;
	padding: 8px 20px;
	border: 0;
	background-color: #8B8970;
	color: #E5DFBC;
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
}

div.logo56
{
	background-image: url(/inc/img/logo_ups56.png);
  	background-repeat: no-repeat;
	background-position: left top;
}

.small
{
	font-size: 12px;
}

.small a
{
	color: #35342C;
	text-decoration: underline;
}

.framed
{
	display: inline-block;
	line-height: 18px;
	margin: 0px;
	padding: 2px 6px;
	border: 1px solid #B7B596;
	background-color: #F4EFC6;
	color: #35342C;
	border-radius: 4px;
	-webkit-user-select: text;
	-moz-user-select: text;
	user-select: auto;
}

.btn
{
	display: inline-block;
	outline: none;
	line-height: 18px;
	padding: 2px 8px;
	border-radius: 4px;
	border: 1px solid #B7B596;
	color: #35342C;
	background-color: #CDC9A5;
	user-select: none;
	cursor: pointer;
	transition: 0.25s;
}

.btn:hover
{
	background-color: #F4EFC6 !important; 
	color: #282724 !important;
}

.btn:disabled
{
	color: #8B8970 !important;
	background-color: #E5DFBC;
	cursor: default;
}

}