/* Форма бронирования номеров * Главная страница */
.forspeakForm INPUT, .forspeakForm SELECT, .forspeakForm TEXTAREA { margin: 10px 0 7px 0 }

.forspeakForm LABEL { 
	display: block; font: bold 11px Tahoma; 
	color: #565151; padding-right: 1em; margin: 12px 0 0 0
}
.forspeakForm LABEL.main { width: 141px; text-align: right }
.forspeakForm LABEL.telfax { width: 141px; text-align: right; margin: 22px 0 0 0 }
.forspeakForm LABEL.aut { text-align: right; margin: 0 6px 12px 0 }
.forspeakForm INPUT {
	width: 97%; background: #DED8C1; padding: 1px 2px 1px 4px;
	font: bold 12px Arial, sans-serif; color: #2C622B
}
.forspeakForm SELECT  {
	width: 100%; background: #DED8C1; font: bold 12px Arial, sans-serif; color: #2C622B
}

.forspeakForm TEXTAREA	 {
	width: 97%; background: #DED8C1; font: bold 12px Arial, sans-serif; 
	color: #2C622B; padding: 1px 2px 3px 4px
}
.forspeakForm INPUT.cb { width: auto; background: transparent; margin: 0 0.3em 0 0 }

TABLE.l TD { vertical-align: bottom !important }
TABLE.l TD LABEL { margin: 0 0 0.5em 0 }
TABLE.l TD INPUT { width: 96%; margin: 0 0 7px 0 }
TABLE.l TD LABEL.cod { width: 70px; margin: 0 0 7px 0 }
TABLE.l TD LABEL.date { width: 80px; margin: 0 0 7px 0 }
/*TABLE.l TD LABEL.dat { width: 95px; margin: 0 0 7px 0 }
TABLE.l TD LABEL.time { width: 109px; margin: 0 0 0.5em 0 }*/

.forspeakForm FIELDSET { width: 100%; border: 1px solid #DED8C1; padding: 0 0 1em 2em; margin: 0 0 0 -2em }
.forspeakForm FIELDSET LEGEND { font: bold 15px Arial; color: #700000; margin: 1em 0 0.5em -1.1em; padding: 0 0.5em }
.forspeakForm H1 { font: bold 12px Arial; color: #2C622B; margin: 7px 0 0 0 }

.forspeakForm .submit { 
	display: block; float: left; width: 177px; background: #F2EDD9; height: 33px; 
	position: relative; margin: 10px 0 0 0; padding: 0
}

.forspeakForm BR { clear: left }

/* --- */






DIV.previewLine	{ position: relative; background: #DED8C1; margin: 0 }

#preview { margin: 1.3em 2.3em 1.3em 4em }
#preview H1 { font: bold 13px tahoma; color: #453939; margin: 0 0 1.5em 0 }

/* Изображения */
#preview A IMG { margin: 0 20px 20px 0; border: 6px solid #DED8C1 }
#preview IMG.loop { position: absolute; border: none; margin: 66px 0 0 98px }

#viewBody { background: #F2EDD9; background-image: none }

#view { color: #700000 }

#view TABLE.menu { margin: 17px 0 0 44px }
#view TABLE.menu TD { padding: 0 16px 0 18px }
#view TABLE.menu TD.clear { padding: 4px 16px 6px 17px; border-top: 1px solid #DED8C1; border-right: 1px solid #DED8C1; border-left: 1px solid #DED8C1; }
#view TABLE.menu TD.active { font: bold 13px tahoma; background: #DED8C1; border-top: 1px solid #DED8C1; border-right: 1px solid #DED8C1; border-left: 1px solid #DED8C1; }

#view A, #view A:hover, #view A:visited { font: bold 11px tahoma; color: #2C622B; text-decoration: none }

#view .room { display: block; width: 500px; height: 400px; border: 6px solid #DED8C1; margin: 0 }
#view .paging { text-align: center; margin: 0px 0 14px 0 }
#view .paging .link { display: inline; width: 16px; height: 16px; background: #DED8C1; margin: 0 0 0 5px }
#view .paging .link2 { display: inline; width: 23px; height: 16px; background: #DED8C1; margin: 0 0 0 5px }
#view .paging .active { width: 21px; height: 21px; margin-bottom: -2px; background: #700000 }
#view .paging .active2 { width: 29px; height: 21px; margin-bottom: -2px; background: #700000 }
#view .paging .number { font: bold 11px tahoma; color: #2C622B; position: absolute; margin: 4px 0 0 10px }
#view .paging .numberActive { font: bold 13px tahoma; color: #FFF; position: absolute; margin: 2px 0 0 12px }

#view TABLE.comment	{ 
	display: block; width: 512px; height: 36px; font: bold 11px tahoma; color: #2C622B; 
	background: #DED8C1; margin: 0 0 14px 44px
}
#view TABLE.comment TD { padding: 0 12px 8px 12px }


/* Выпадающий календарик */
#calendarForm { position: absolute; padding: 0; z-index: 1 }
#calendarForm TD, #calendarForm A { font-size: 10px }
#calendarForm TABLE TD { vertical-align: top; color: #2C622B }

#calendar { width: 133px }
/* --- Календарь */
#months { 
	width: 141px; border-bottom: 1px solid #840000; 
	border-top: 1px solid #B5A49D; border-left: 1px solid #B5A49D; border-right: 1px solid #B5A49D
}
#months TD { background: #F2EDD9; text-align: center }
#months TD#back { padding: 4px 0 4px 6px }
#months TD#next { padding: 4px 6px 4px 0 }
#months TD#current { width: 100%; vertical-align: middle }
/* --- */
#days TD { text-align: center }
#days TD, #days TH {
	width: 19px; height: 19px; background: #DED7BB;
	border-style: solid; border-color: #B5A49D; border-width: 0 1px 1px 1px
}
#days TH { background: #F2EDD9 url(/pics/bg/18.gif) 0 0 no-repeat; border-bottom-color: #840000; padding-left: 3px }
#days .weekend { color: #840000 }
#days .weekend INPUT { color: #840000 }
#days INPUT, #days DIV.active {
	width: 19px; height: 19px; font: 10px Tahoma; color: #565151; padding: 0 0 0 1px;
	border: none; background: #F2EDD9 url(/pics/bg/18.gif) 0 0 no-repeat; cursor: pointer; cursor: hand
}
#days DIV.active { background: #6E0000; color: #FFF; padding: 3px 0 0 1px; height: 16px; width: 18px; cursor: default }
#days TD SPAN { line-height: 1.7; padding: 0 0 0 1px; color: #B5A49D }