.calendario_campo, .calendario_imagem{
	display: inline-block;
	vertical-align: middle;
}

.calendario_campo{
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.calendario_campo:hover + .calendario_imagem{
	border-color: #70ab96;
}

.calendario_campo:focus + .calendario_imagem{
	border-color: #70ab96;
	box-shadow: 0px 0px 5px #85cbb2, inset -1px 2px 2px #8f8f8f !important;
}

.calendario_imagem{
	box-shadow: inset -1px 2px 2px #8f8f8f;
	border: 1px solid #a8a8a8;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-left: 0;
	background-color: white;
	padding: 2px 1px 1px 0;
	cursor: pointer;
	margin-left: -5px;
}
.calendario_imagem:hover{
	background-color: lightgreen;
}
.calendario_imagem:active{
	background-color: forestgreen;
}

div.calendar {
	position: relative;
	z-index: 200;
	border: 1px solid #565;
	border-radius: 3px;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8);
}
.calendar .header{
	background: #02864a url(./imagens/botoes_degrades.png) top repeat-x;
	background-position: 0 -44px;
	text-align: center;
	height: 28px;
	margin: 2px;
	border-radius: 3px;
}
.calendar .header .prevmonth{
	display: inline-block;
	vertical-align: top;
	width: 15%;
	text-align: left;
}
.calendar .header .selectfields{
	display: inline-block;
	vertical-align: top;
	width: 70%;
	margin-top: 4px;
}
.calendar .header .selectfields div:first-child{
	margin-right: 5px;
}
.calendar .header .meses, .calendar .header .anos{
	width: 37%;
	visibility: visible !important;
}
.calendar .header .nextmonth{
	display: inline-block;
	vertical-align: top;
	width: 15%;
	text-align: right;
}
.calendar .header button{
	min-width: 0;
	width: 24px;
	height: 24px;
	margin: 2px;
	border-color: transparent;
	background-color: transparent;
	background-image: none;
	position: relative;
}
.calendar .header button span{
	display: inline-block;
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url('./imagens/calendario_sprites.png');
}
.calendar .header button .prevmonth_icon{
	background-position: 0px 0px;
	top: 5px;
	left: 5px;
}
.calendar .header button .nextmonth_icon{
	background-position: 0px -12px;
	top: 5px;
	right: 5px;
}
.calendar .header button:hover{
	border-color: #AAA;
	background: #EAEAEA url('./imagens/botoes_degrades.png') repeat-x;
}
.calendar .header button:active{
	background: #EAEAEA url('./imagens/botoes_degrades.png') repeat-x;
	background-position: 0px -22px;
}
.calendar .header button:hover .prevmonth_icon{
	background-position: 0px -24px;
}
.calendar .header button:hover .nextmonth_icon{
	background-position: 0px -36px;
}
.calendar, .calendar table {
	border-radius: 3px;
	font-size: 11px;
	color: #000;
	cursor: default;
	background: #fff;
	font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #ddd;
	padding: 2px;
	text-align: center;
	color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #a66;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
	background: #efe;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	color: #444;
	text-align: right;
	padding: 2px 4px 2px 2px;
	border: 1px solid #d8d8d8;
	background: #f1f1f1 url('./imagens/botoes_degrades.png') top repeat-x;
}

.calendar tbody .day.wn{
	border-color: transparent;
	background: white;
}

.calendar tbody .day.othermonth, .calendar tbody .day.disabled{
	opacity: .35;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	background-position: 0 -22px;
	border: 1px solid #c6c6c6;
	cursor: pointer;
}

.calendar tbody td.hilite_interval{
	background-position: 0 -88px;
	border: 1px solid #c6c6c6;
	cursor: pointer;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	background-position: 0 -66px;
	color: #fff !important;
}

.calendar tbody td.selected, .calendar tbody td.selected_interval { /* Cell showing today date */
	font-weight: bold;
	border: 1px solid #02864a !important;
	padding: 1px 3px 1px 1px;
	background-position: 0 -44px;
	color: #fff !important;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #a66;
}

.calendar tbody td.today { font-weight: bold; background: #ddebe4; border-color: #ccc; color: #444; }

.calendar tbody .today.selected{
	background: transparent url('./imagens/botoes_degrades.png') top repeat-x;
	background-position: 0 -44px !important;
}

.calendar tbody .today.hilite{
	background: transparent url('./imagens/botoes_degrades.png') top repeat-x;
	background-position: 0 -22px;
	color: #444;
}
.calendar tbody .today.day.hilite:not(.selected){
	color: #444 !important;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
}
/* The footer part -- status bar and "Close" button */
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	padding: 4px;
	border-top: 1px solid #ddd;
	background: #fff;
	color: #444;
}
.floatLeft{
	width:90px;
	float:left;
	text-align:left;
}
.floatRight{
	width:90px;
	float:right;
	text-align:right;
}