/* global */
html, body, td, input, select, textarea, button {
  font-family: Trebuchet MS,Verdana,Tahoma,san-serif;
  font-size: 11px;
}

#content {
  width: 550px;
}

form {
  margin: 0;
}

.clear {
  clear: both;
}

h3 {
  font-size: 125%;
  margin: 14px 0 6px 0;
}

.attention, .warning {
  color: #c00;
}

.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

.header {
  font-weight: bold;
  font-size: 125%;
  line-height: 80%;
  margin: 0;
  padding-right: 8px;
}



/* app specific */
a:hover {
  text-decoration: none;
}

img#loading {
  margin-left: 30px;
}

#poweredBy {
  font-size: 80%;
  padding-right: 12px;
  text-align: right;
  color: #666;
}

#poweredBy a, #poweredBy a:visited {
  color: #69c;
  text-decoration: none;
}

#poweredBy a:hover {
  text-decoration: underline;
}

#lblParticularDate, #lblNextAvail {
  white-space: nowrap;
}

#appRequestAvailability,
#appRequestForm {
 height: 290px;
}

#appRequestAvailability {
  float: left;
  width: 230px;
}

#appRequestHeader span.appDateTime {
  margin-left: 3px;
  padding: 2px 5px;
  background-color: #cbdfe8;
}

#appRequestForm {
  display: none;
  float: left;
  width: 300px;
  background-color: #ccc;
}

#appRequestForm form {
  margin: 20px 0;
}

.timeChoice {
  padding: 2px 0;
  margin-bottom: 2px;
  background-color: #eee;
}

.timeChoice span {
  display: block;
  float: left;
  width: 110px;
  padding: 0 5px;
}

.timeChoiceActive {
  background-color: #ccc;
	font-weight: bold;
}

.timeChoice button {
  border-width: 1px;
  padding: 0 5px;
  font-size: 80%;
  width: auto;
  overflow: visible;
}

.timeChoice button:hover {
  background-color: #cbdfe8;
}

#appRequestForm form div {
  padding: 2px 0;
}

#appRequestForm form div label {
  width: 100px;
  float: left;
  text-align: right;
}

#appRequestForm form div input, #appRequestForm form div textarea {
  width: 165px;
  border: 1px solid #999;
  padding: 1px 2px;
  margin-left: 6px;
}

#appRequestForm input.checkbox {
  width: 16px;
  position: relative;
  top: 2px;
}

button.scheduler {
  background-color: #fc6;
  border-width: 1px;
  margin: 6px 0;
  padding: 1px 8px;
  width: auto;
  overflow: visible;
}

button.scheduler:hover {
  background-color: #fc3;
}

#appRequestSubmitBtn {
  margin-left: 106px;
}

.areaHighlight {
  display: table;
  background-color: #cbdfe8;
  padding: 5px 10px;
}

.warning {
  padding: 0 0 0 24px;
  margin: 12px 0 -10px 15px;
  display: none;
  font-size: 80%;
  background: url(/img/icon_warning.png) no-repeat;
}

#saveApp {
  width: 275px;
  background-color: #cbdfe8;
  padding: 10px 15px;
}

a.jScrollArrowUp {
	background: url(/img/jScrollPane/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(/img/jScrollPane/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}

.leftScroll .jScrollPaneTrack {
	left: 0;
	right: auto;
}
.leftScroll a.jScrollArrowUp {
	left: 0;
	right: auto;
}
.leftScroll a.jScrollArrowDown {
	left: 0;
	right: auto;
}