﻿
.RadCalendar_MetroTouch {
    background: none repeat scroll 0 0 #fff;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 34px;
}
.RadCalendar_MetroTouch .rcTitlebar {
    border-color: #cdcdcd;
    color: black;
}
.RadCalendar_MetroTouch .rcTitlebar table {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 34px;
}
.RadCalendar_MetroTouch .rcTitlebar td {
    padding: 0 0 1px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev, .RadCalendar_MetroTouch .rcTitlebar .rcNext, .RadCalendar_MetroTouch .rcTitlebar .rcFastPrev, .RadCalendar_MetroTouch .rcTitlebar .rcFastNext {
    background-image: url("Common/radActionsSprite.png");
    border: 2px solid transparent;
    border-radius: 16px;
    color: #25a0da;
    height: 28px;
    margin: 1px 2px 0;
    width: 28px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastPrev {
    background-position: -11px -911px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev {
    background-position: -11px -111px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcNext {
    background-position: -11px -161px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastNext {
    background-position: -11px -961px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev:hover, .RadCalendar_MetroTouch .rcTitlebar .rcNext:hover, .RadCalendar_MetroTouch .rcTitlebar .rcFastPrev:hover, .RadCalendar_MetroTouch .rcTitlebar .rcFastNext:hover {
    border-color: #25a0da;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastPrev:hover {
    background-position: -61px -911px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcPrev:hover {
    background-position: -61px -111px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcNext:hover {
    background-position: -61px -161px;
}
.RadCalendar_MetroTouch .rcTitlebar .rcFastNext:hover {
    background-position: -61px -961px;
}
.RadCalendar_MetroTouch .rcMain {
    border-color: #cdcdcd;
}
.RadCalendar_MetroTouch .rcMainTable {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 34px;
}
.RadCalendar_MetroTouch .rcCalendars > .rcMainTable {
    border-collapse: collapse;
}
.RadCalendar_MetroTouch .rcCalendars {
    border: 0 none;
}
.RadCalendar_MetroTouch .rcHeader, .RadCalendar_MetroTouch .rcFooter {
    border-color: #cdcdcd;
}
.RadCalendar_MetroTouch .rcWeek th {
    border-bottom: 1px solid #cdcdcd;
    color: #767676;
    font-size: 12px;
    height: 30px;
    text-align: center;
    width: 28px;
}
.RadCalendar_MetroTouch .rcWeek .rcViewSel, .RadCalendar_MetroTouch .rcRow th {
    color: #767676;
    font-size: 12px;
}
.RadCalendar_MetroTouch .rcRow th {
    padding: 0 8px 0 7px;
}
.RadCalendar_MetroTouch .rcRow td {
    border-color: white;
}
.RadCalendar_MetroTouch .rcMain .rcRow a, .RadCalendar_MetroTouch .rcMain .rcRow span {
    border: 2px solid white;
    border-radius: 20px;
    color: black;
    height: 34px;
    padding: 0;
    text-align: center;
    width: 34px;
}
.RadCalendar_MetroTouch .rcMain .rcWeekend a {
    color: #767676;
}
.RadCalendar_MetroTouch .rcRow .rcToday a {
    border-color: #25a0da;
}
.RadCalendar_MetroTouch .rcMain .rcOtherMonth a {
    color: #c5c5c5;
}
.RadCalendar_MetroTouch .rcMain .rcOutOfRange span {
    color: #777;
}
.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a {
    background: none repeat scroll 0 0 #25a0da;
    border-color: #25a0da;
    color: white;
}
.RadCalendar_MetroTouch .rcRow .rcHover a {
    background: none repeat scroll 0 0 #e8e8e8;
    border-color: #e8e8e8;
}
.RadCalendar_MetroTouch .rcMain .rcRow .rcHover a {
    color: #000;
}
.RadCalendarMultiView_MetroTouch .rcTitlebar {
    border-bottom: 0 none;
}
.RadCalendarMultiView_MetroTouch .rcMain {
    border-color: #dadad2;
}
.RadCalendarMultiView_MetroTouch .rcCalendar {
    border-color: #cdcdcd;
}
.RadCalendarMultiView_MetroTouch .rcMainTable .rcTitle {
    border-color: #e5e5e5;
    line-height: 32px;
    padding: 0 0 2px;
}
html .RadCalendarMonthView_MetroTouch {
    background: none repeat scroll 0 0 white;
    border-color: #cdcdcd;
    color: black;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 34px;
    width: 203px;
}
html .RadCalendarMonthView_MetroTouch td {
    padding: 0;
    width: 50px;
}
.RadCalendarMonthView_MetroTouch #rcMView_Feb, .RadCalendarMonthView_MetroTouch #rcMView_Apr, .RadCalendarMonthView_MetroTouch #rcMView_Jun, .RadCalendarMonthView_MetroTouch #rcMView_Aug, .RadCalendarMonthView_MetroTouch #rcMView_Oct, .RadCalendarMonthView_MetroTouch #rcMView_Dec {
    border-right: 1px solid #cdcdcd;
}
.RadCalendarMonthView_MetroTouch a {
    color: black;
    padding: 0;
}
.RadCalendarMonthView_MetroTouch a:hover {
    background-color: #e8e8e8;
    padding: 0;
}
.RadCalendarMonthView_MetroTouch .rcSelected a {
    background: none repeat scroll 0 0 #25a0da;
    border: 0 none;
    color: #fff;
    padding: 0;
}
.RadCalendarMonthView_MetroTouch #rcMView_PrevY a, .RadCalendarMonthView_MetroTouch #rcMView_NextY a {
    background: url("Common/radActionsSprite.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 32px;
    width: 32px;
}
.RadCalendarMonthView_MetroTouch #rcMView_PrevY a {
    background-position: -8px -908px;
}
.RadCalendarMonthView_MetroTouch #rcMView_NextY a {
    background-position: -8px -958px;
}
.RadCalendarMonthView_MetroTouch .rcButtons {
    width: auto;
}
.RadCalendarMonthView_MetroTouch .rcButtons input {
    background: none repeat scroll 0 0 black;
    border-color: black;
    color: white;
    float: left;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    height: 34px;
    line-height: 34px;
    padding: 0;
}
.RadCalendarMonthView_MetroTouch #rcMView_Today {
    background: none repeat scroll 0 0 #25a0da;
    border-color: #25a0da;
    margin: 0;
    text-transform: lowercase;
    width: 100px;
}
.RadCalendarMonthView_MetroTouch #rcMView_OK {
    width: 41px;
}
.RadCalendarMonthView_MetroTouch #rcMView_Cancel {
    width: 60px;
}
table.RadCalendarTimeView_MetroTouch {
    background: none repeat scroll 0 0 white;
    border-color: #cdcdcd;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 34px;
}
.RadCalendarTimeView_MetroTouch th {
    background: none repeat scroll 0 0 white;
    border-bottom: 1px solid #cdcdcd;
    color: black;
    line-height: 34px;
}
table.RadCalendarTimeView_MetroTouch td {
    border-color: #cdcdcd;
    padding: 0;
    width: 80px;
}
.RadCalendarTimeView_MetroTouch a {
    color: black;
    padding: 0;
}
.RadCalendarTimeView_MetroTouch td.rcSelected a {
    background: none repeat scroll 0 0 #25a0da;
    border: 0 none;
    color: #fff;
    padding: 0;
}
.RadCalendarTimeView_MetroTouch td.rcHover a {
    background: none repeat scroll 0 0 #e8e8e8;
    border: 0 none;
    color: black;
    padding: 0;
}
.RadCalendarTimeView_MetroTouch .rcFooter {
    border-color: #cdcdcd;
}
.RadPicker_MetroTouch .rcCalPopup, .RadPicker_MetroTouch .rcTimePopup {
    background-color: #f9f9f9;
    background-image: url("Common/radActionsSprite.png");
    border: 1px solid #cdcdcd;
    height: 34px;
    width: 34px;
}
.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker_MetroTouch .rcTimePopup:hover {
    background-color: #f9f9f9;
}
.RadPicker_MetroTouch .rcCalPopup {
    background-position: -9px -4209px;
}
.RadPicker_MetroTouch .rcTimePopup {
    background-position: -9px -4259px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar .rcFastPrev {
    background-position: -61px -961px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar a.rcFastPrev:hover {
    background-position: -61px -961px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar .rcPrev {
    background-position: -11px -161px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar a.rcPrev:hover {
    background-position: -61px -161px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar .rcNext {
    background-position: -11px -111px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar a.rcNext:hover {
    background-position: -61px -111px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar .rcFastNext {
    background-position: -11px -911px;
}
.RadCalendarRTL_MetroTouch .rcTitlebar a.rcFastNext:hover {
    background-position: -61px -911px;
}
