body,div,table,td,fieldset {
  -webkit-user-select: none;
  margin: 0;
  padding: 0;
}

input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

html {
  width: 100%;
  height: 100%; 
  background-color:rgb(230,230,230);
}

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 8pt;
  color: #303030;
  background: #fff;
  font-family: Verdana,Arial,sans-serif;
}

a:link {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

/* Footer */
#footer {
    clear: both;
    border-top: 1px solid #dedede;
    padding: 2px 10px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    bottom: 0px;
	background: rgb(220,220,220)
}
#footer .wrapper { width: 97% }
#footer p {
    font-family: "Lucida Grande",Tahoma,"Bitstream Vera Sans",Arial,sans-serif;
    float: left;
    color: #bbb;
    letter-spacing: 2px;
}
#footer span.copyright { color: #555; font-size: 10px;}
#footer p a { border: none }
#footer h6 {
    float: right;
    font-size: 10pt;
}
#tablebrowse        {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablebrowse td, #tablebrowse th {font-size:1.2em;border:1px solid rgb(152,191,33);padding:3px 7px 2px 7px;}
#tablebrowse th     {font-size:1.0em;text-align:left;padding-top:3px;padding-bottom:3px;background-color:rgb(167,201,66);color:rgb(0,0,0);text-align:center}
#tablebrowse tr.alt {color:rgb(0,0,0);background-color:rgb(234,242,211);}

#tablebrowse2        {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablebrowse2 td, #tablebrowse2 th {font-size:1.2em;border:1px solid rgb(84,156,200);padding:3px 7px 2px 7px;}
#tablebrowse2 th     {font-size:1.2em;text-align:left;padding-top:3px;padding-bottom:3px;background-color:rgb(94,166,255);color:#fff;text-align:center;}
#tablebrowse2 tr.alt {color:rgb(0,0,0);background-color:rgb(180,240,250);}

.tablebrowseTitle    {font-size:10pt;color:RGB(0,80,220);border-top:1px solid #dedede;border-left:1px solid #dedede;margin-bottom:3px;}

#connect-page,#login-page {
	width:100%;
	height:100%;
	background-color:rgb(230,230,230);
}	
.MenuBar {
    font-size:15px;
    background-color:RGB(200,240,240);
    Color:RGB(128,128,128);
    margin-right: auto;
    margin-left: auto;
	margin-top: 1px;
    width: 99%;
	height: 22px;
	padding: 2px;
    border-style: solid;
    border-width: 2px;
    border-color: RGB(220,255,255);
	border-radius: 0px;
    box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -o-box-shadow: 0 0 10px black;
}
.TopBar {
    font-size:15px;
    background-color:RGB(200,240,240);
    Color:RGB(128,128,128);
    margin-right: auto;
    margin-left: auto;
	  margin-top: 1px;
    width: 99%;
	  height: 22px;
	  padding: 2px;
    border-style: solid;
    border-width: 2px;
    border-color: RGB(220,255,255);
	  border-radius: 0px;
    box-shadow: 0 0 10px black;
    position:fixed;
    z-index: 999;
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -o-box-shadow: 0 0 10px black;
}
.BottomBar0 {
    font-size:18px;
    background-color:RGB(240,240,240);
    Color:RGB(128,128,128);
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 95%;
	height: 5%;
	max-height: 60px;
	min-height: 22px;
	padding: 2px;
    border-style: solid;
    border-width: 2px;
    border-color: RGB(220,255,255);
	border-radius: 0px;
    box-shadow: 0 0 10px black;
    position:fixed;
    bottom:0;
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -o-box-shadow: 0 0 10px black;
    width: -webkit-calc(100% - 15px);
    width:    -moz-calc(100% - 15px);
    width:         calc(100% - 15px);    
    white-space: nowrap;
    overflow-x:auto;
    overflow-y:auto;
}
.BottomBarNew {
    font-size:18px;
    background-color:RGB(100,140,240);
    Color:RGB(128,128,228);
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 95%;
	height: 5%;
	max-height: 60px;
	min-height: 22px;
	padding: 2px;
    position:fixed;
    bottom:0;
    width: -webkit-calc(100% - 15px);
    width:    -moz-calc(100% - 15px);
    width:         calc(100% - 15px);    
    white-space: nowrap;
    overflow-x:auto;
    overflow-y:auto;
}
.PaperSheet, .popup
{
    text-align: left;
    background-color: white;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #BBBBBB;
    position: relative;
	bottom: 10%
    box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    -moz-box-shadow: 0 0 10px black;
    -o-box-shadow: 0 0 10px black;
}
.PaperSheet {
    width: 650px;
    padding: 5px;
    border-radius:5px;
}

.PaperSheet_Title {
   font-size:20px; 
   Color:RGB(0,0,0); 
   padding:3px; 
   padding-left:10px;
   margin:-4px; 
   Background-Color:RGB(100,200,100); 
   border-top-left-radius:5px; 
   border-top-right-radius:5px;
}

.logo-container {
	height:60px;
	border-bottom-color:black;
	border-bottom-width:1px;
	border-bottom-style:solid;
	background-color:#F4F4F4;
}

.connect-parameters input[type='text'],input[type='password'], .connect-parameters select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	width:200px;
	border-radius:2px;
	border-width:1px;
	border-color:#C0C0C0;
	padding:2px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    margin-left: 5px;
}

.connect-parameters select {
	width:338px;
}

.connect-parameters input[type='checkbox'] {
	margin-top:8px;
}

.connect-parameters input {
	border-style:solid;
}	

.connect-parameters input:focus, .connect-parameters select:focus {
    box-shadow: 0 0 5px rgba(0, 255, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
}

g.connect-parameters {
	line-height:30px;
}

#Group1,#Group2, #connect-parameters {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
}

.btntable {
	margin-right:auto;
	margin-left:auto;
	margin-bottom:15px;
	padding-top:10px;
	width:85%;
}

.btntable input {
	float:right;
}

.trdpbtn {
	width:120px;
	height:30px;
	border-style:solid;
	border-radius:4px;	
	border-width:2px;
	border-color:#D0CCCC;
	background: -moz-linear-gradient(#FFFFFF,#EFEFEF);
	background: -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#EFEFEF));  	
	background-color:#F7F7F7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	vertical-align:middle;
	padding:5px;
	margin:5px;
	cursor:pointer;
}

.trdpbtn div {
	display:inline;
	line-height:30px;
	vertical-align:middle;
	float:left;
	position:relative;
}

.trdpbtn img {
	width:30px;
	height:30px;
	margin-right:4px;
}

.flipped {
  rotation: 180deg;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
}

.floatRight {
  float:right;
}

.searchBnt {
  border: 0px none;
  font-weight: bold; 
  font-size: 14px;
  background: url(/Img/search.gif) no-repeat 0px 0px; 
  width: 60px; 
  color: #f4f4f4; 
  line-height: 20px; 
  height: 28px;
}

.Putton01 {
  background-color:RGB(185,255,185);
  color:rgb(20,20,20);
  border-width:2px;
  border-color:RGB(240,240,240);
  border-Style:solid;
  border-radius:5px;
  box-shadow: 5px 5px 5px #888888;
  height:30px;
  width:80px;
  text-align: center;
  vertical-align:middle;
  cursor:pointer;
}   

.Putton01 + .Putton01 {
  margin-top: 8px;
}

#triangle-topleft {	width: 0;	height: 0;	border-top: 10px solid red;	border-right: 10px solid transparent;}
#square { width: 10px;	height: 10px;	background: red;}

.CyanButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
	box-shadow:inset 0px 1px 0px 0px #dcecfb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
	background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
	background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
	background-color:#bddbfa;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #84bbf3;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528ecc;
}
.CyanButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
	background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
	background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
	background-color:#80b5ea;
}
.CyanButton:active {
	position:relative;
	top:1px;
}

.OrangeButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.OrangeButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.OraneButton:active {
	position:relative;
	top:1px;
}

.GreenButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83c41a;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	//text-shadow:0px 1px 0px #86ae47;
}
.GreenButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356));
	background:-moz-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-webkit-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-o-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:-ms-linear-gradient(top, #a5cc52 5%, #b8e356 100%);
	background:linear-gradient(to bottom, #a5cc52 5%, #b8e356 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356',GradientType=0);
	background-color:#a5cc52;
}
.GreenButton:active {
	position:relative;
	top:1px;
}

.GoMarkButton {
  color: rgb(0,0,255); 
  background: transparent; 
  border: 2px solid #0099CC;
  border-radius: 15px; 
  width: auto;
}

@keyframes put-into-basket {
    0%   {width:100px;height:60px}
    50%  {width:200px;height:120px}
    100% {width:100px;height:60px}
}
@keyframes delete-from-basket {
    0%   {width:100px;height:60px}
    50%  {width:100px;height:10px}
    100% {width:100px;height:60px}
}
@keyframes adjqty-in-basket {
    0%  {width:100px;height:60px}
    50%  {width:150px;height:90px}
    100% {width:100px;height:60px}
}

a.ShopBasket {
	display:inline-block;
	width: 100px;
	height: 60px;
	text-align: center;
	font-size:24px;
	Color:RGB(0,0,0);
	position: fixed;
	left: 20px;
	bottom: 70px;
	background: RGB(255,180,180) url("basket.png") no-repeat center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

a:hover.back-to-top {
	background-color: #000;
}
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #27AE61 url("up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}