/*
 * jQuery Mobile Framework : plugin to provide a date and time picker.
 * Copyright (c) JTSage
 * CC 3.0 Attribution.  May be relicensed without permission/notification.
 * https://github.com/jtsage/jquery-mobile-datebox
 */

.ui-input-datebox {
	width: 97%;
	background-image: none;
	padding: .4em;
	line-height: 1.4;
	font-size: 16px;
	display: block;
	padding-top: 0;
	padding-bottom: 0
}
.ui-input-datebox {
	min-height: 38px
}
.ui-input-datebox .ui-btn-icon-notext {
	margin-top: 5px!important;
	margin-bottom: 5px!important
}
.ui-input-datebox input {
	width: 100%!important;
	padding: 0!important;
	margin-top: 5px!important;
	margin-right: -40px!important;
	border: 1px solid transparent!important;
	vertical-align: middle;
	display: inline-block!important;
	background-color: transparent;
	zoom: 1;
*display:inline
}
.ui-input-datebox input:focus {
	outline: 0
}
.ui-input-datebox .ui-btn-text {
	display: none
}
@media all and (min-width:450px) {
.ui-input-datebox {
	width: 60%;
	display: inline-block;
	zoom: 1;
*display:inline
}
}
.ui-grid-a .ui-input-datebox {
	width: 97%
}
.ui-grid-b .ui-input-datebox {
	width: 97%
}
.ui-grid-c .ui-input-datebox {
	width: 97%
}
.ui-grid-d .ui-input-datebox {
	width: 97%
}
.ui-datebox-gridheader {
	text-align: center
}
.ui-datebox-gridheader h4 {
	text-align: center;
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 10px;
	zoom: 1;
*display:inline
}
.ui-datebox-gridplus {
	float: right
}
.ui-datebox-gridminus {
	float: left
}
.ui-datebox-gridplus-rtl {
	float: left
}
.ui-datebox-gridminus-rtl {
	float: right
}
.ui-datebox-gridrow {
	margin-left: 5px;
	margin-right: 5px
}
.ui-datebox-grid {
	clear: both;
	margin-bottom: 5px
}
.ui-datebox-griddate {
	width: 36px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
	zoom: 1;
*display:inline
}
.ui-datebox-griddate-empty {
	border: 1px solid transparent;
	color: #888
}
.ui-datebox-griddate-label {
	height: 15px!important;
	line-height: 15px!important;
	color: black
}
.ui-datebox-griddate-disable {
	color: #888
}
.ui-datebox-header h4 {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center
}
.ui-datebox-controls {
	text-align: center
}
.ui-datebox-controls div {
	width: 77px;
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline
}
.ui-datebox-scontrols {
	text-align: center
}
.ui-datebox-scontrols div {
	width: 55px;
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline
}
.ui-datebox-scontrols .ui-datebox-sinput {
	width: 68px
}
.ui-datebox-scontrols .ui-datebox-sinput input {
	width: 48px;
	text-align: center;
	margin-left: 3px
}
.ui-datebox-input {
	width: 74px!important;
	margin-left: 1px;
	margin-right: 1px;
	text-align: center!important;
	display: inline-block!important;
	zoom: 1;
*display:inline
}
.ui-datebox-slide {
	width: 280px;
	margin-left: auto;
	margin-right: auto
}
.ui-datebox-sliderow-d {
	margin-bottom: 5px;
	text-align: center;
	height: 40px;
	width: 280px;
	overflow: hidden
}
.ui-datebox-sliderow-ym {
	margin-bottom: 5px;
	text-align: center;
	height: 32px;
	width: 280px;
	overflow: hidden
}
.ui-datebox-sliderow-hi {
	text-align: center;
	height: 32px;
	width: 280px;
	overflow: hidden
}
.ui-datebox-sliderow-int {
	display: inline-block;
	white-space: nowrap
}
.ui-datebox-slideyear {
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline;
	width: 84px;
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
	font-size: 14px;
	font-weight: bold
}
.ui-datebox-slidemonth {
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline;
	width: 51px;
	vertical-align: middle;
	line-height: 30px;
	height: 30px;
	font-size: 12px;
	font-weight: bold
}
.ui-datebox-slideday {
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline;
	width: 32px;
	vertical-align: middle;
	line-height: 20px;
	height: 38px;
	font-size: 14px;
	font-weight: bold
}
.ui-datebox-slidehour {
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline;
	width: 32px;
	vertical-align: middle;
	line-height: 22px;
	height: 24px;
	font-size: 14px;
	font-weight: bold
}
.ui-datebox-slidemins {
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline;
	width: 32px;
	vertical-align: middle;
	line-height: 22px;
	height: 24px;
	font-size: 14px;
	font-weight: bold
}
.ui-datebox-slidearrow {
	text-align: center;
	display: inline-block;
	zoom: 1;
*display:inline;
	width: 10px;
	vertical-align: middle;
	line-height: 38px;
	height: 38px;
	font-size: 10px;
	font-weight: bold
}
.ui-datebox-slidewday {
	font-size: 10px;
	font-weight: normal
}
.ui-datebox-flipcontent {
	text-align: center;
	height: 125px;
	margin-bottom: -40px
}
.ui-datebox-flipcontent div {
	margin-left: 3px;
	margin-right: 3px;
	width: 77px;
	height: 120px;
	display: inline-block;
	text-align: center;
	zoom: 1;
*display:inline;
	overflow: hidden
}
.ui-datebox-flipcenter {
	border: 1px solid #eee;
	height: 40px;
	margin-left: 10px;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: -45px
}
.ui-datebox-flipcontent ul {
	list-style-type: none;
	display: inline
}
.ui-datebox-flipcontent li {
	height: 30px
}
.ui-datebox-flipcontent li span {
	margin-top: 7px;
	display: block
}
.ui-datebox-container {
	border: 5px solid #111!important;
	width: 280px
}
.ui-datebox-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.ui-datebox-screen-modal {
	background-color: black;
	-moz-opacity: .8;
	opacity: .80;
	filter: alpha(opacity=80)
}
.ui-datebox-hidden {
	display: none
}
.ui-dialog .ui-datebox-container {
	border: none!important
}
.ui-datebox-collapse a {
	display: inline-block;
	width: 45%
}
.ui-datebox-inline {
	margin-top: 5px;
	border: 5px solid #111!important;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}
.ui-datebox-inlineblind {
	margin-top: 5px;
	border: 5px solid #111!important;
	margin-left: auto;
	margin-right: auto;
	text-align: center
}