﻿/*Telerik RadCalendar Brown skin*/

table.RadCalendar_Brown
{
	border-collapse:separate;
	border:2;
	background:#b79988;
	font:12px "segoe ui",arial,sans-serif;
	width:180px;
	font-size: 1.2em;		
}

/*titlebar*/

.RadCalendar_Brown .rcTitlebar
{
	width:100%;
	border:1px solid;
	border-color:#422413 #422413 #422413;
	padding:0;
	background:#b79988 0 -1000px repeat-x url('Brownsprite.gif');
	color:#fff;	
}

.RadCalendar_Brown .rcTitlebar table
{
	width:100%;
	border-collapse:separate;
	border:0;
	font:12px/22px "segoe ui",arial,sans-serif;
}

.RadCalendar_Brown .rcTitlebar td
{
	border:0;
	padding:0 0 1px;
	text-align:center;
	vertical-align:middle;
}

.RadCalendar_Brown .rcTitlebar .rcTitle
{
	width:100%;
	cursor:pointer;
}

.RadCalendar_Brown .rcTitlebar .rcPrev,
.RadCalendar_Brown .rcTitlebar .rcNext,
.RadCalendar_Brown .rcTitlebar .rcFastPrev,
.RadCalendar_Brown .rcTitlebar .rcFastNext
{
	display:block;
	width:17px;
	height:16px;
	overflow:hidden;
	margin:0 2px;
	background:transparent url('Brownsprite.gif') no-repeat;
	text-indent:-2222px;
	text-decoration:none;
	color:#999;
}

.RadCalendar_Brown .rcTitlebar .rcFastPrev
{
	margin-left:4px;
	background-position:0 -200px;
}

.RadCalendar_Brown .rcTitlebar .rcFastPrev:hover
{
	background-position:0 -250px; 	 
}

.RadCalendar_Brown .rcTitlebar .rcPrev
{
	background-position:0 -300px;
}

.RadCalendar_Brown .rcTitlebar .rcPrev:hover
{
	background-position:0 -350px;
}

.RadCalendar_Brown .rcTitlebar .rcNext
{
	background-position:0 -400px;
}

.RadCalendar_Brown .rcTitlebar .rcNext:hover
{
	background-position:0 -450px;
}

.RadCalendar_Brown .rcTitlebar .rcFastNext
{
	margin-right:4px;
	background-position:0 -500px;
}

.RadCalendar_Brown .rcTitlebar .rcFastNext:hover
{
	background-position:0 -550px;
}

.RadCalendar_Brown .rcBrown
{
	width:100%;
	border:1px solid #422413;
	border-top:0;
	padding:0;
}

.RadCalendar_Brown .rcBrownTable
{
	width:100%;
	border-collapse:separate;
	border:0;
	color:#2b2c20;
	font:12px/20px "segoe ui",arial,sans-serif;	
	
}

/*header, footer*/

.RadCalendar_Brown .rcHeader,
.RadCalendar_Brown .rcFooter
{
	border:1px solid #422413;
	border-top:0;
	padding:0;
}

/*week numbers and days*/

.RadCalendar_Brown .rcRow th,
.RadCalendar_Brown .rcWeek th
{
	border:0;
	color:#422413;
	font-weight:normal;
	vertical-align:middle;
	cursor:default;
}

.RadCalendar_Brown .rcWeek th
{
	border-top:1px solid #422413;
	border-bottom:1px solid #422413;
	padding:2px 6px 3px 0;
	background:#422413 0 100% repeat-x url('Brownsprite.gif');
	text-align:right;
}

.RadCalendar_Brown .rcWeek .rcViewSel,
.RadCalendar_Brown .rcRow th
{
	width:12px;
	padding-left:9px;
	padding-right:7px;
	text-align:center;
}

.RadCalendar_Brown .rcRow th
{
	background:#b79988;
}

/*date cells*/

.RadCalendar_Brown .rcRow td
{
	border:1px solid #422413;
	padding:5px;
	text-align:right;
	vertical-align:middle;
}

.RadCalendar_Brown .rcBrown .rcRow a,
.RadCalendar_Brown .rcBrown .rcRow span
{
	display:block;
	padding:1px 5px 1px 0;
	text-decoration:none;
	color:#2b2c20;
}

.RadCalendar_Brown .rcBrown .rcWeekend a
{
	color:#595f35;
}

.RadCalendar_Brown .rcRow .rcToday
{
	border-color:#62703b;
	background:#b79988;
}

.RadCalendar_Brown .rcRow .rcToday a,
.RadCalendar_Brown .rcRow .rcSelected a
{
	color:#fff;
}

.RadCalendar_Brown .rcBrown .rcOtherMonth a
{
	color:#88914b;
}

.RadCalendar_Brown .rcBrown .rcOutOfRange span
{
	color:#88914b;
	cursor:default;
}

.RadCalendar_Brown .rcRow .rcHover
{
	border-color:#ab7d25 #95660a #8f610a #a67618;
	background:#d69609 0 -1600px repeat-x url('Brownsprite.gif');
}

.RadCalendar_Brown .rcRow .rcHover a
{
	color:#7a1b05;
}

.RadCalendar_Brown .rcRow .rcSelected
{
	border-color:#91351f #7a1b05 #751a04 #8b2913;
	background:#be4401 0 -1700px repeat-x url('Brownsprite.gif');
}

.RadCalendar_Brown .rcRow .rcSelected a
{
	color:#fff;
}

/*multimonth view*/

table.RadCalendarMultiView_Brown
{
	width:auto;
}

.RadCalendarMultiView_Brown .rcTitlebar
{
	border-color:#422413;
	background:#2d3d1d 0 -1200px repeat-x url('Brownsprite.gif');
}

.RadCalendarMultiView_Brown .rcTitlebar table
{
	line-height:28px;
}

.RadCalendarMultiView_Brown .rcTitlebar td
{
	padding-bottom:2px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcPrev,
.RadCalendarMultiView_Brown .rcTitlebar .rcNext,
.RadCalendarMultiView_Brown .rcTitlebar .rcFastPrev,
.RadCalendarMultiView_Brown .rcTitlebar .rcFastNext
{
	margin-top:2px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcFastPrev
{
	background-position:0 -600px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcFastPrev:hover
{
	background-position:0 -650px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcPrev
{
	background-position:0 -700px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcPrev:hover
{
	background-position:0 -750px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcNext
{
	background-position:0 -800px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcNext:hover
{
	background-position:0 -850px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcFastNext
{
	background-position:0 -900px;
}

.RadCalendarMultiView_Brown .rcTitlebar .rcFastNext:hover
{
	background-position:0 -950px;
}

.RadCalendarMultiView_Brown .rcBrown
{
	border-color:#422413;
}

.RadCalendarMultiView_Brown .rcCalendar
{
	width:220px;
	border:1px solid #422413;
	padding:0;
}

.RadCalendarMultiView_Brown .rcBrownTable .rcTitle
{
	border-bottom:1px solid #422413;
	padding:0 0 1px;
	background:#422413;
	color:#fff;
	text-align:center;
	line-height:22px;
}

/*month view*/

table.RadCalendarMonthView_Brown
{
	border-collapse:separate;
	border:1px solid #422413;
	background:#e6c8b7;
	font:12px "segoe ui",arial,sans-serif;
	color:#2b2c20;
}

.RadCalendarMonthView_Brown td
{
	border:0;
	padding:5px 2px 0;
}

.RadCalendarMonthView_Brown #rcMView_Feb,
.RadCalendarMonthView_Brown #rcMView_Apr,
.RadCalendarMonthView_Brown #rcMView_Jun,
.RadCalendarMonthView_Brown #rcMView_Aug,
.RadCalendarMonthView_Brown #rcMView_Oct,
.RadCalendarMonthView_Brown #rcMView_Dec
{
	border-right:1px solid #422413;
}

.RadCalendarMonthView_Brown td:first-child+td+td
{
	border-left:1px solid #d3e0c2;
}

.RadCalendarMonthView_Brown a
{
	display:block;
	padding:2px 4px;
	text-align:center;
	text-decoration:none;
	color:#2b2c20;
}

.RadCalendarMonthView_Brown .rcSelected a
{
	border:1px solid;
	border-color:#422413; 
	padding:1px 3px;
	background:#422413;
	color:#fff;
}

.RadCalendarMonthView_Brown #rcMView_PrevY a,
.RadCalendarMonthView_Brown #rcMView_NextY a
{
	display:block;
	width:17px;
	height:16px;
	overflow:hidden;
	margin:0 auto;
	background:transparent no-repeat url('Brownsprite.gif');
	text-indent:-2222px;
	text-align:center;
	text-decoration:none;
	color:#999;
}

.RadCalendarMonthView_Brown #rcMView_PrevY a
{
	background-position:0 -2100px;
}

.RadCalendarMonthView_Brown #rcMView_PrevY a:hover
{
	background-position:0 -2150px;
}

.RadCalendarMonthView_Brown #rcMView_NextY a
{
	background-position:0 -2200px;
}

.RadCalendarMonthView_Brown #rcMView_NextY a:hover
{
	background-position:0 -2250px;
}

.RadCalendarMonthView_Brown .rcButtons
{
	padding:5px 7px;
	text-align:center;
}

.RadCalendarMonthView_Brown input
{
	border:1px solid #422413;
	padding:0;
	background:#202b15 0 -2300px repeat-x url('Brownsprite.gif');
	color:#e7f1d7;
	font:12px "segoe ui",arial,sans-serif;
	cursor:pointer;	
	text-transform:uppercase
}

.RadCalendarMonthView_Brown input:hover
{
	background-color:#293917;
	background-position:0 -2350px;
	color:#fff;
}

.RadCalendarMonthView_Brown #rcMView_Today
{
	margin:0 0.4em 0 0;
}

.RadCalendarMonthView_Brown #rcMView_OK
{
	padding:0 0.2em;
}

/*time view*/

table.RadCalendarTimeView_Brown
{
	border-collapse:separate;
	border:1px solid #422413;
	background:#b79988;
	color:#2b2c20;
	font:12px "segoe ui",arial,sans-serif;
}

.RadCalendarTimeView_Brown th
{
	border:0;
	border-bottom:1px solid #422413;
	padding:0 0 1px;
	background:#b79988 0 -1000px repeat-x url('Brownsprite.gif');
	color:#fff;
	text-align:center;
	line-height:22px;
	cursor:default;
	font-weight:normal;
}

.RadCalendarTimeView_Brown td
{
	border:0;
	border-left:1px solid #422413;
	padding:2px 2px 3px;
}

.RadCalendarTimeView_Brown td:first-child
{
	border-left:0;
}

.RadCalendarTimeView_Brown a
{
	display:block;
	padding:2px 6px;
	text-align:center;
	color:#2b2c20;
	text-decoration:none;
}

.RadCalendarTimeView_Brown td.rcHover a
{
	border:1px solid;
	border-color:#ab7d25 #95660a #8f610a #a67618;
	padding:1px 5px;
	background:#d69609 0 -1600px repeat-x url('Brownsprite.gif');
	color:#7a1b05;
}

.RadCalendarTimeView_Brown .rcFooter
{
	border:0;
	border-top:1px solid #422413;
	padding:0;
}

/*pickers*/

.RadPicker_Brown
{
	vertical-align:middle;
}

.RadPicker_Brown table.rcTable,
.RadPicker_Brown table.rcTable td
{
	border:0;
	margin:0;
	padding:0;
}

.RadPicker_Brown td
{
	vertical-align:middle;
}

.RadPicker_Brown table.rcTable .rcInputCell,
{
	padding:0 4px 0 0;	
}

.RadPicker_Brown table.rcTable .rcInputCell input
{    
    border: solid 1px #422413;
    Height:19px;    
    font: 12px Arial, sans-serif;  
    line-height: 18px;
    padding-left: 2px;
    color:#422413;
    }

.RadPicker_Brown td a
{
	position:relative;/*FF*/
	outline:none;/*FF*/
	z-index:2;/*Opera*/
	margin:0 2px;
	text-decoration:none;
}
* html .RadPicker_Brown td a{position:static}/*IE6*/
*+html .RadPicker_Brown td a{position:static}/*IE7*/

.RadPicker_Brown .rcCalPopup,
.RadPicker_Brown .rcTimePopup
{
	display:block;
	overflow:hidden;
	width:22px;
	height:22px;
	background:url('Brownsprite.gif') no-repeat;
	text-indent:-2222px;
	text-align:center;
}

.RadPicker_Brown .rcCalPopup,
.RadPicker_Brown .rcDisabled.rcCalPopup:hover
{
	background-position:0 0;
}

.RadPicker_Brown .rcCalPopup:hover
{
	background-position:0 -50px;
}

.RadPicker_Brown .rcTimePopup,
.RadPicker_Brown .rcDisabled.rcTimePopup:hover
{
	background-position:0 -100px;
}

.RadPicker_Brown .rcTimePopup:hover
{
	background-position:0 -150px;
}

.RadPicker_Brown .rcDisabled,
.RadCalendarMonthView_Brown .rcDisabled
{
	opacity:0.5;
	filter:alpha(opacity=50);
}

/*rtl*/

.RadCalendarRTL_Brown .rcTitlebar table
{
	direction:ltr;
}

.RadCalendarRTL_Brown .rcTitle
{
	direction:rtl;
}
