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

#container {
	width: 100%;
	height: 356px;
}
.top {
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	height: 50px;
	padding: 0px;
}
.bottom {
	background-image: url(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;
}
.country {
	font-size: 12px;
	width:120px;
}
/*
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-image: url('images/background_stripes.png');

  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;
}
.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.login {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
}
.loginPrompt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}
 .loginTable   
{
	/* Draw a rectangle around a text */
		border: 1px solid #999999;
	/* Round each corner of the generated rectangle */
		-webkit-border-radius: 10px;
	padding: 5px 0px;
	margin: 5px auto;
	background-color: #FFFFFF;
}
.remember {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.input {
	padding: 3px;
}
.grocery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #C4003B;
}
#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: #999999;
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	text-decoration: line-through;
}
.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;
}

.added {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CFCFCF;}

.callDate{
font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-decoration: none;
}
.calHead{
font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #000000;
}

.calFormRow {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}