/* On an iPad, the rules below takes precedence over the rules above (order is important) */
@media only screen and (device-width: 768px) {
  #root {
    margin: 10px 0 0p 210px;
    background-color: lightgrey;
	  background-color: white;
  }
}

@media screen and (max-device-width: 480px) and (orientation:portrait) {
  #root {
    margin: 0 10px 0 10px;
    background-color: lightgrey;
	  background-color: white;
    font-size: 20px;
  }
  input[type="text"], textarea {
    font-size: 16px;
  }
	button {
	  height: 20px;
	  margin-bottom: 3px;
	}
	.clientView {
	  width: 300px;
	}
} 

button {
	border-width: 1px;
	border-color: black;
	border-radius: 10px;
	background-color: lightgrey;
}
button[selected] {
	background-color: #04f;
	color: white;
}

.CalendarHeader button {
	width: 6em;
}

.DialogContainer {
	width: 300px;
}
/* On an iPad, the rules below takes precedence over the rules above (order is important) */
@media only screen and (device-width: 768px) {
  #root {
    margin: 10px 0 0p 210px;
    background-color: lightgrey;
	  background-color: white;
  }
}

@media screen and (max-device-width: 480px) and (orientation:portrait) {
  #root {
    margin: 0 10px 0 10px;
    background-color: lightgrey;
	  background-color: white;
    font-size: 20px;
  }
  input[type="text"], textarea {
    font-size: 16px;
  }
	button {
	  height: 20px;
	  margin-bottom: 3px;
	}
	.clientView {
	  width: 300px;
	}
}

textarea {
	resize: none;
}

button {
	border-width: 1px;
	border-color: black;
	border-radius: 10px;
	background-color: lightgrey;
}
button[selected] {
	background-color: #04f;
	color: white;
}

.CalendarHeader button {
	width: 6em;
}

.DialogContainer {
	width: 300px;
}
Disable resize on textarea (doesn't work well in iframe)
Disable resize on textarea (doesn't work well in iframe)

git-svn-id: aa6b683a0c3c4a7a7056638acacb3aaf04dd239a@3617 63c81c92-1a08-11de-87e6-23293a004a03
