@charset "UTF-8";
/* CSS Document */

#container {
	width: 100%;
	height: 356px;
}
.top {
	background-color: #FFFFFF;
	height: 50px;
	padding: 0px;
}
.clientsTR {
	background-image: url(images/clientsbg.jpg);
	background-repeat: repeat-x;
	height: 50px;
}
.editBG {
	background-image: url(images/edit.jpg);
	background-position: right;
	background-repeat: no-repeat;
	width: 80px;
}
.input {
}
input {
	font-size: 12px;
}
.clientName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	padding-left: 5px;
}
.bottom {
	background-image: url(YadaMobile/images/bottomBG.jpg);
	background-repeat: repeat-x;
	height: 49px;
	padding: 0px;
	margin: 0px;
	background-color: #000000;
}
.bottomrule {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

/*
when the orientation changes to landscape mode, the body is assigned the .landscape
class so that we can easily change metrics and other properties via simple CSS matching
*/
body.landscape {
  min-width: 480px;
  margin: 0px;
}

#browser {
  /* ensure we always fill the whole screen */
  min-height: 356px;
}

body.landscape #browser {
  min-height: 356px;
}

#pages_container > div {
  position: absolute;
  /*
  add a default transform so that the contents of the pages
  are already composited as hardware elements and will animate
  smoothly later on when we launch transitions
  */
  -webkit-transform: translate(0px,0px);
}
body {
	width: 320px;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat;
	font-family: Helvetica;
	/* ensure that we don't get the default callout following a long touch on
  an element, which is a default behavior in Mobile Safari */
  -webkit-touch-callout: none;
	/* disable the Mobile Safari default behavior to adjust font size automatically
  to improve readability */
  -webkit-text-size-adjust: none;
	color: #E3E3E3;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.formText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #cd004b;
}
 .loginTable   
{
	background-color: #FFFFFF;
	background-image: url(images/login.jpg);
	background-repeat: no-repeat;
}
.remember {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.input {
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	border: 1px solid #666666;
	font-weight: bold;
}
.contactInfo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
}
.grocery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #C4003B;
}
.contactInfo a {
	color: #000000;
}
.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #2E5CA9;
}
#scrollable {
	height: 247px;
	width: 100%;
	overflow: auto;
}
.item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
}
.itemDone {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CFCFCF;
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: none;
}
.itemTD {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 7px;
	padding-bottom: 7px;
	height: 40px;
}
.todo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #6C8C8E;
}
.indexBG {
	background-image: url(images/indexbg.jpg);
	background-position: bottom;
}
.clientDetails {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #267504;
	padding-left: 7px;
	text-transform: none;
}
.demo {
	color: #666666;
	font-size: 12px;
	font-weight: bold;
}
.taskNumber{ color: #666666}

.hr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.td-background {
	background-image: url(images/background-.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}