
html {
    overflow: -moz-scrollbars-vertical;
}


._label {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	padding: 5px 5px 5px 0;
}

._content {
	text-align: left;
	vertical-align: middle;
	padding: 5px 0;
}

.border {
	border: 1px solid #ccc
}

.loop {
	border: 1px solid #ccc;
	margin-bottom: .6em
}

.narrow {
	border: 1px solid #000;
	width: 100%;
	height: 1px
}

.margin {
	margin: 1em
}

.padding {
	padding: 7px
}

.paddingTop {
	padding-top: 7px
}

.paddingLeft {
	padding-left: 7px
}

.paddingRight {
	padding-right: 7px
}

.paddingBottom {
	padding-bottom: 7px
}

.iconPaddingRight {
	padding-right: 0.3em;
}

.red {
	color: #e3001b
}

.blue {
	color: #147dd0
}

.navy {
	color: #004ea0
}

.green {
	color: #096
}

.litGreen {
	color: #699
}

.pink {
	color: #c99
}

.purple {
	color: #9d538e
}

.maroon {
	color: #8e3613
}

.gray{
	color: #999
}

.lightblueBG {
	background-color: #ADD8E6
}

.auto {
	width: auto
}

.left {
	text-align: left
}

.right {
	text-align: right;
}


.center {
	text-align: center
}

.floatLt {
	float: left
}

.floatRt {
	float: right
}

.clearBoth {
	clear: both
}

.underline {
	text-decoration: underline
}

.top {
	vertical-align: top
}

.noDisplay {
	display: none
}

.inline {
	display: inline
}

.small {
	font-size: 85%
}

.tiny {
	font-size: 70%
}

.italic {
	font-style: italic
}

.bold {
	font-weight: bold
}

.h1,.h2,.h3,.h4,.h5,.h6 {
	color: #000;
	font-weight: normal;
	line-height: 1;
	margin: 7px
}

.h4,.h5,.h6 {
	font-weight: bold
}

.h1 {
	font-size: 2.6em
}

.h2 {
	font-size: 2em
}

.h3 {
	font-size: 1.5em
}

.h4 {
	font-size: 1.25em
}

.h5 {
	font-size: 1.1em
}

.h6 {
	font-size: 1em
}

.space0 {
	padding: 0 50px
}

.space1 {
	padding: 0 20px
}

.space2 {
	padding: 0 15px
}

.space3 {
	padding: 0 10px
}

.space4 {
	padding: 0 5px
}

.space5 {
	padding: 0 3px
}

.lowKey {
	font-weight: normal;
	font-size: 85%;
	color: #6c7a7d
}

.caption {
	margin-bottom: 10px;
	padding: 0 0 4px 7px;
	border-bottom: 1px dotted #999999;
	text-align: left;
	font-size: 1.35em;
}

.msg {
	color: #000000;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	padding: .4em
}

#msgs {
  margin: 1em auto 1em auto;
  display: none;
  border: 1px solid #ffc452;
  font-size:12px;
  color:#ffc452;
  width: 910px;
  margin-bottom: 24px;
  
}

.logoutMsg {
	margin: 2em auto 1em auto;
	font-size:14px;
	text-align: center;
	color:#5B5443;
}

#errs {
	margin: 1em auto 1em auto;
	display: none;
	border: 1px solid #ff0000;
	background-color:#ff0000;
	font-size:12px;
	color:white;
	margin-bottom: 24px;
	width: 910px
}

.aMsg {
	color: #222;
	font-weight: bold
}

.aErr {
	color: red;
	font-weight: bold
}

#formMsg {
	display: none;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	padding: .2em 0;
	background-color: #888888
}

#formErr {
	display: none;
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	padding: .2em 0;
	background-color: #db0000
}

.permLink {
	border-right: 1px solid #111;
	padding: 1px 10px;
	font-size: 85%
}

label.error {
	display: block;
	color: red;
	font-style: italic;
}

input.error {
	border: 1px solid red
}

.warn {
	color: #f33;
	font-weight: bold
}

.longText {
	width: 460px
}

.longText input{
	width: 460px
}

.shortText {
	width: 40px
}

.shortText input, .shortText select {
	width: 40px;
}

.dateText {
	width: 80px
}

.dateText input{
	width: 80px
}

.timeText {
	width: 40px
}

.timeText input {
	width: 40px
}

.tinyText {
	width: 22px
}

.transferSelect {
	text-align: center;
}

.transferSelect td {
	padding: 10px;
}

.transferSelect input[type='button'] {
	color: green;
	width: 36px;
}

.circle li {
	list-style: circle;
	margin-left: 18px;
}

.heading {
	text-align: left;
	font-size: 25px;
	letter-spacing: .02em;
	height: 45px;
	border-bottom: solid 4px #baa57a;
	color: #3b3a3a;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.selectedRow {
	background-color:black !important;
}
