/*

RadScheduler Web20 skin

* For notes on some CSS class names, please check RadScheduler common skin file *

*/

.RadScheduler_Web20
{
    color:#333;
    background:#fff;
}

.RadScheduler_Web20,
.RadScheduler_Web20 table
{
    font:11px/16px Arial, serif;;
}
/* control header */

.RadScheduler_Web20 .rsHeader
{
    border:1px solid #769bcb;
    border-width:1px 1px 0;
    background:#8EB2DA url('Scheduler/menuItem.gif') repeat-x top left;
}
.RadScheduler_Web20 .rsHeader p
{
	float:left;
    left:11px;
    width:90px;
    height:26px;
    margin:12px 0 0 0;
    padding:0;   
    background:url('Scheduler/PrevNext.gif') 4px 0 no-repeat;
    line-height:21px;
    color:#0d5776;
}
.RadScheduler_Web20 .rsPrevDay,
.RadScheduler_Web20 .rsNextDay
{
    top:0;
    width:14px;
    height:21px;
}
.RadScheduler_Web20 .rsPrevDay
{
    left:0;
}
.RadScheduler_Web20 .rsNextDay
{
    left:15px;
}
.RadScheduler_Web20 .rsHeader em
{
    font-weight: bold;
    font-style: normal;
}
.RadScheduler_Web20 .rsHeader p em
{
	position:absolute;
	top:0;
	left:38px;
}
.RadScheduler_Web20 .rsHeader p em a
{
    color:#fff;
}

.RadScheduler_Web20 .rsHeader p em a.rsToday
{
	text-decoration: underline;
}
 
.RadSchedule_Web20 .rsHeader p em a:hover
{
    text-decoration:none;
}

.RadScheduler_Web20 .rsHeader h2
{
    margin:0;
    padding:5px 0 5px 130px;
    font-size:16px;
    line-height:34px;
    color:#fff;
    font-weight:bold;
}

.RadScheduler_Web20 .rsHeader ul
{
    list-style:none;
    float:right;
    margin:0;
    text-align:right;
    font-size:12px;
    line-height:46px;
    height:46px;
}

.RadScheduler_Web20 .rsHeader li
{
    float:left;
    border-left:1px solid #769BCB;
    color:#fff;
}

.RadScheduler_Web20 .rsHeader .rsSelected,
.RadScheduler_Web20 .rsHeader ul a
{
    padding:0 12px;
}

.RadScheduler_Web20 .rsHeader ul a
{
    float:left;
    display:block;
    color:#fff;
    text-decoration:none;
    font-weight: bold;
}

.RadScheduler_Web20 .rsHeader .rsSelected,
.RadScheduler_Web20 .rsHeader ul a:hover
{
    background:#bbe054 url('Scheduler/menuItemSelected.gif') center 0 repeat-x;
	color: #333;
}

/*table header*/

.RadScheduler_Web20 .rsColumnHeader,
.RadScheduler_Web20 .rsAllDay
{
    border-left: 1px solid #769bcb; 
    border-right: 1px solid #769bcb;
}

.RadScheduler_Web20 .rsAllDayCell
{
    border-right: 1px solid #769bcb;
    background: #e7f1ff;
    cursor: default;
}

/* Begin IE6 Fix - All day-appointments disappear on click */
* html .RadScheduler_Web20 .rsAllDayCell
{
	height: 25px;
}

* html .RadScheduler_Web20 .rsAllDayCell .rsWrap
{
	height: 100%;
}
/* End IE6 Fix  */

.RadScheduler_Web20 .rsAllDayCell .rsWrap
{
	height: 25px;
}

.RadScheduler_Web20 .rsColumnHeaderFirstCell,
.RadScheduler_Web20 .rsAllDayFirstCell
{
    background: #a0b8db; 
    width: 70px; 
    height: 25px;
}

.RadScheduler_Web20 .rsColumnHeaderFirstCell div,
.RadScheduler_Web20 .rsAllDayFirstCell div
{
    width: 70px;
}

.RadScheduler_Web20 .rsAllDayFirstCell
{
	color: #333;
	font-size: 12px;
    height: 25px;
    text-align:center;
}

.RadScheduler_Web20 .rsAllDayLastCell
{
    border-top: 0;
    background: #e7f1ff;
}

.RadScheduler_Web20 .rsAllDayLastCell div,
.RadScheduler_Web20 .rsColumnHeaderLastCell div
{
	width: 15px;
}

.RadScheduler_Web20 .rsColumnHeaderTable,
.RadScheduler_Web20 .rsAllDayTable,
.RadScheduler_Web20 .rsTimelineTable
{
    border-left: 1px solid #769bcb; 
    border-right: 1px solid #769bcb; 
}

.RadScheduler_Web20 .rsColumnHeaderFirstCell,
.RadScheduler_Web20 .rsColumnHeaderRow th
{
    border-top: 1px solid #324d78; 
    background:#5677ad url('Scheduler/rsHeaderBg.gif') repeat-x bottom left;
    height: 23px;
}

.RadScheduler_Web20 .rsColumnHeaderRow th
{
	color: #fff;
    border-right: 1px solid #2e4873;
    border-bottom: 1px solid #2e4873;  
    text-align:center;
}

.RadScheduler_Web20 .rsColumnHeaderRow th.rsTodayCol
{
    background:url('Scheduler/WeekDayToday.gif') center 0 repeat-x #ea8e00;
}

.RadScheduler_Web20 .rsColumnHeaderLastCell
{
	border-top: 1px solid #426196;
    background:#5b5b5b url('Scheduler/rsHeaderBg.gif') repeat-x bottom left;
}

.RadScheduler_Web20 .rsContentTable .rsLastCell,
.RadScheduler_Web20 .rsAllDayRow .rsLastCell,
.RadScheduler_Web20 .rsColumnHeaderRow .rsLastCell
{
    border-right: 0px none;
}

.RadScheduler_Web20 .rsShowMore
{
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
}

/* main content */

.RadScheduler_Web20 .rsContent
{
    border: 1px solid #769bcb; 
}

.RadScheduler_Web20 .rsHoursTable
{
    width: 70px;
}

.RadScheduler_Web20 .rsHoursTable th
{
	color: #333;
    height: 25px;
    border-top: 1px solid #6788be; 
    background: #a0b8db;
    font-size: 12px;
}

.RadScheduler_Web20 .rsHoursTable th.rsFirstCell
{
    border-top: 0;
    border-top: 1px solid #b5c7e0; 
}

.RadScheduler_Web20 .rsHoursTable th.rsAltHour
{
    border-top: 0;
    padding-top: 1px;
}

/* task table */

.RadScheduler_Web20 .rsContentTable
{
    border-left: 1px solid #769bcb;
}

.RadScheduler_Web20 .rsCell
{
	border-right: 1px solid #769bcb;
    background: #fff;
    height: 25px;
    border-bottom: 1px solid #d8dde0;
    vertical-align:top;
}

.RadScheduler_Web20 td.rsWorkHour 
{
	background:#fff; 
}

.RadScheduler_Web20 .rsMonthView .rsCell
{
	height: auto;
	background:#fff;
}

.RadScheduler_Web20 .rsMonthView .rsWrap
{
	height: 25px;
	cursor: default;
}

.RadScheduler_Web20 .rsAltRow .rsCell
{
	border-bottom-color:#f0f2f3;
}

.RadScheduler_Web20 .rsMonthView td.rsOtherMonth
{
    background:#f0f2f4;
}

.RadScheduler_Web20 .rsContentTable .rsSatCol,
.RadScheduler_Web20 .rsContentTable .rsSunCol
{
	background:#f0f2f4;
}

.RadScheduler_Web20 .rsMonthView .rsLastRow td.rsSatCol,
.RadScheduler_Web20 .rsMonthView .rsLastRow td.rsSunCol
{
    border-bottom-color:#292929;
}

.RadScheduler_Web20 .rsLastRow .rsCell
{
	border-bottom: 0px none;
}

.RadScheduler_Web20 .rsContentTable .rsRow .rsAptCreate,
.RadScheduler_Web20 .rsAllDayRow .rsAptCreate
{
    background:#dcfc5c;
    color: #333;
}

/* small edit form */

.RadScheduler_Web20 .rsAptEdit
{
    background: #dcfc5c;
    border: 1px solid #accb2d;
    margin-left: -1px;
}

.RadScheduler_Web20 .rsEditOptions
{
	float: right;
    margin-right: 2px;
}

.RadScheduler_Web20 .rsAptEditConfirm
{
    background:url('Scheduler/AppointmentEditOK.gif') no-repeat center center;
    height:20px;
}

.RadScheduler_Web20 .rsAptEditCancel
{
    background:url('Scheduler/AppointmentEditCancel.gif') no-repeat center center;
    height:20px;
}

.RadScheduler_Web20 .rsEditOptions a.rsAptEditMore 
{
    font-size:0.9em;
    line-height:20px;
    text-align:right;
    text-indent:0pt;
    color:#949090;
    text-decoration: none;
}

.RadScheduler_Web20 .rsEditOptions a 
{
	float: left;
	width: 15px;
}

.RadScheduler_Web20 .rsEditOptions a.rsAptEditMore 
{
	width: 30px;
}

.RadScheduler_Web20 .rsAptEditTextareaWrapper textarea 
{
	font-size: 12px;
    overflow: auto;
    
    background:#fff;
	border:1px solid;
	border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea;
	font-family:"Segoe UI",arial,verdana,tahoma,sans-serif;
	color: #000;
}

/* apt */

.RadScheduler_Web20 .rsContentTable .rsApt
{
	width:100%;
}

.RadScheduler_Web20 .rsAptWrap
{
    border: 1px solid #6788be;
    border-bottom-width: 0;
    background:#bbcde6 url('Scheduler/AppointmentBg.gif') repeat-x top left;
}

.RadScheduler_Web20 .rsAptInner
{	
	color: #333;
	font: bold Arial, serif;
}

.RadScheduler_Web20 .rsAptBottom
{
    border-bottom: 1px solid #6788be;
}

/*
.RadScheduler_Web20 .rsAptSelected .rsAptWrap
{
    border-left-color:#86c950;
    border-right-color:#86c950;
    background:#d8f5c0;
}

.RadScheduler_Web20 .rsAptSelected .rsAptInner
{
    border-top: 1px solid #86c950;
}

.RadScheduler_Web20 .rsAptSelected .rsAptBottom
{
    border-bottom: 1px solid #86c950;
}
*/

.RadScheduler_Web20 .rsAptResize
{
    background:url('Scheduler/AppointmentExpand.gif') no-repeat center bottom;
    width: 15px;
    height: 6px;
    bottom: 1px;
    margin-left: -7px;
    left: 50%;
    cursor: s-resize;
}

.RadScheduler_Web20 .rsAptDelete 
{
    background:url('Scheduler/AppointmentDelete.gif') no-repeat;
    height:11px;
    right:3px;
    top:3px;
    width:11px;
    text-indent:-99em;
}

.RadScheduler_Web20 .rsAptRecurrence
{
	padding: 0px 3px;
	margin: 0px 3px;
    background:url('Scheduler/rsRecurrence.gif') no-repeat 0 50%;
}

.RadScheduler_Web20 .rsAptRecurrenceException
{
	padding: 0px 3px;
	margin: 0px 3px;
    background:url('Scheduler/rsRecurrenceException.gif') no-repeat 0 50%;
}

/* Appointment Arrows */

.RadScheduler_Web20 .rsWArrowTop .rsAptContent
{
    padding-top:7px;
}
.RadScheduler_Web20 .rsWArrowBottom .rsAptContent
{
    padding-bottom:7px;
}
.RadScheduler_Web20 .rsWArrowLeft .rsAptContent
{
    padding-left:10px;
}
.RadScheduler_Web20 .rsWArrowRight .rsAptContent
{
    padding-right:10px;
}

.RadScheduler_Web20 .rsArrowTop,
.RadScheduler_Web20 .rsArrowBottom
{
    width:100%;
    height:4px;
    left:0;
}

.RadScheduler_Web20 .rsArrowLeft,
.RadScheduler_Web20 .rsArrowRight
{
    width:4px;
    height:100%;
    top:0;
}

.RadScheduler_Web20 .rsArrowTop
{
    top:2px;
    background:url('Scheduler/AppointmentArrowU.gif') 50% 0 no-repeat;
}
.RadScheduler_Web20 .rsArrowBottom
{
    background:url('Scheduler/AppointmentArrowD.gif') 50% 0 no-repeat;
    bottom:2px;
}
.RadScheduler_Web20 .rsArrowLeft
{
    background:url('Scheduler/AppointmentArrowL.gif') 0 50% no-repeat;
    left:3px;
}
.RadScheduler_Web20 .rsArrowRight
{
    background:url('Scheduler/AppointmentArrowR.gif') 0 50% no-repeat;
    right:3px;
}

/* footer */

.RadScheduler_Web20 .rsFooter
{
    border:1px solid #799dcc;
    border-top:0;
    background:#e7f1ff;
    line-height:20px;
}

.RadScheduler_Web20 .rsFooter a
{
    margin-left:10px;
    padding-left:11px;
    background:url('Scheduler/Show24.gif') 0 0.3em no-repeat;
    color:#5f6265;
}

/* Advanced Edit */

.RadScheduler_Web20 .rsAdvancedEdit
{
    background:#f7f7f7;
	border:1px solid #a0a0a0;
	cursor: default;
}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInput,
.RadScheduler_Web20 .rsAdvancedEdit select,
.RadScheduler_Web20 .rsAdvancedEdit textarea
{
	border-color:#6788be;
	border-style:solid;
	border-width:1px 1px 2px;
	color:#000;
}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInput:hover,
.RadScheduler_Web20 .rsAdvancedEdit select:hover,
.RadScheduler_Web20 .rsAdvancedEdit textarea:hover
{
	border-color: #a5bedf;
}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvInput:focus,
.RadScheduler_Web20 .rsAdvancedEdit select:focus,
.RadScheduler_Web20 .rsAdvancedEdit textarea:focus
{
	border-color:#6788be;
}

.RadScheduler_Web20 .rsAdvancedEdit .pickerWrapper_Web20
{
	border: 0;
}

.RadScheduler_Web20 .rsAdvancedEdit textarea
{
    display:block;
	width:80%;
	font: 12px Arial,sans-serif;
}

.RadScheduler_Web20 .rsAdvMoreDetails,
.RadScheduler_Web20 .rsAdvRecurrence
{
	border-top: 1px solid #dfdfdf;
	border-bottom:1px solid #cdcdcd;
	background:url(Scheduler/AdvEditHead.gif) repeat-x #dfdfdf;
	padding:0 0 0 16px;
	font-size:14px;
	line-height:29px;
	height:29px;
}

.RadScheduler_Web20 .rsAdvMoreDetails
{
	margin:1em 0 0.6em;
}
.RadScheduler_Web20 .rsAdvRecurrence
{
	margin:1em 0 0;
}


.RadScheduler_Web20 .rsAdvancedSubmitArea
{
	padding-top:2px;
	line-height:3em;
	border-top:1px solid #dadada;
	background:#fff;
}

.RadScheduler_Web20 .rsAdvEditSave,
.RadScheduler_Web20 .rsAdvEditCancel
{
	margin-left:16px;
	text-decoration:none;
	font-weight:bold
}

.RadScheduler_Web20 .rsAdvEditSave
{
	padding-left:15px;
	background:url(Scheduler/AppointmentEditOK.gif) 0 0.4em no-repeat;
	color:#588f02;
	font-size:1.6em
}

.RadScheduler_Web20 .rsAdvEditCancel
{
	padding-left:13px;
	background:url(Scheduler/AppointmentEditCancel.gif) 0 0.36em no-repeat;
	color:#e46100;
	font-size:1.2em;
}

.RadScheduler_Web20 .rsAdvBasicControls:after,
.RadScheduler_Web20 .rsAdvMoreControls ul:after,
.RadScheduler_Web20 .rsAdvRecurrenceFreq:after,
.RadScheduler_Web20 .rsAdvRecurrencePatterns:after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.RadScheduler_Web20 .rsAdvBasicControls label,
.RadScheduler_Web20 .rsAdvBasicControls textarea
{   
    display:block;
    margin:0.8em 0 0 15px;
}

.RadScheduler_Web20 .rsAdvBasicControls ul
{
    list-style:none;
    margin:0.8em 0 0 15px;
    padding:0;
}

.RadScheduler_Web20 .rsAdvBasicControls li
{
    float:left;
    margin-right:10px;
}

.RadScheduler_Web20 .rsAdvBasicControls li label
{
    display:inline;
    margin-left:0;
    vertical-align:middle;
    padding-right:5px;
}

.RadScheduler_Web20 .rsAdvBasicControls li .rsAdvInput
{
	margin-right:5px;
}

.RadScheduler_Web20 .rsAdvMoreControls ul,
.RadScheduler_Web20 .rsAdvRecurrenceRangePanel ul
{
    list-style:none;
    margin:0.8em 0 0 15px;
    padding:0;
}

.RadScheduler_Web20 .rsAdvRecurrenceRangePanel label
{
	padding-right: 4px;
}

.RadScheduler_Web20 .rsAdvMoreControls li
{
    float:left;
    clear:left;
    width:100%;
}

.RadScheduler_Web20 .rsAdvMoreControls li label
{
    float:left;
    width:60px;
}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvCheckboxWrapper input
{
	vertical-align: middle;
}

.RadScheduler_Web20 .rsAdvancedEdit .rsAdvCheckboxWrapper label
{
	width: auto;
}

.RadScheduler_Web20 .rsAdvMoreControls li input
{
    float:left;
}

.RadScheduler_Web20 .rsAdvRecurrenceRange
{
    margin:1em 0 0;
    padding:0.8em 0 0 15px;
}

.RadScheduler_Web20 .rsAdvRecurrenceFreq
{
    float:left;
    width:150px;
    margin:0.8em 0 0 0;
    border-right:1px solid #769bcb;
}

.RadScheduler_Web20 .rsAdvRecurrenceFreq ul
{
    list-style:none;
    margin:0 0 0 15px;
    padding:0;
}


.RadScheduler_Web20 .rsAdvResetExceptions
{
	clear: both;
	text-align: right;
}

.RadScheduler_Web20 .rsAdvHourly,
.RadScheduler_Web20 .rsAdvDaily,
.RadScheduler_Web20 .rsAdvWeekly,
.RadScheduler_Web20 .rsAdvMonthly,
.RadScheduler_Web20 .rsAdvYearly
{
    float:left;
    margin:1em 0 0 0;
    padding-left:2em;
    position:relative;
    left:-2px;
}

.RadScheduler_Web20 .rsAdvHourly ul,
.RadScheduler_Web20 .rsAdvDaily ul,
.RadScheduler_Web20 .rsAdvWeekly ul,
.RadScheduler_Web20 .rsAdvMonthly ul,
.RadScheduler_Web20 .rsAdvYearly ul
{
    list-style:none;
    margin:0 0 0 15px;
    padding:0;
    width: 390px;
}

.RadScheduler_Web20 .rsAdvHourly li,
.RadScheduler_Web20 .rsAdvDaily li,
.RadScheduler_Web20 .rsAdvWeekly li,
.RadScheduler_Web20 .rsAdvMonthly li,
.RadScheduler_Web20 .rsAdvYearly li,
.RadScheduler_Web20 .rsAdvRecurrenceRangePanel li,
.RadScheduler_Web20 .rsAdvMoreControls li
{
    margin:0 0 0.3em 0;
}

.RadScheduler_Web20 .rsAdvHourly input,
.RadScheduler_Web20 .rsAdvDaily input,
.RadScheduler_Web20 .rsAdvWeekly input,
.RadScheduler_Web20 .rsAdvMonthly input,
.RadScheduler_Web20 .rsAdvYearly input,
.RadScheduler_Web20 .rsAdvHourly select,
.RadScheduler_Web20 .rsAdvDaily select,
.RadScheduler_Web20 .rsAdvWeekly select,
.RadScheduler_Web20 .rsAdvMonthly select,
.RadScheduler_Web20 .rsAdvYearly select
{
    margin:0 2px;
}

.RadScheduler_Web20 .rsAdvRecurrencePatterns .rsAdvInput,
.RadScheduler_Web20 .rsAdvRecurrenceRangePanel .rsAdvInput
{
	width: 30px;
	padding-left: 1px;
	padding-right: 1px;
}

.RadScheduler_Web20 .rsAdvRecurrencePatterns .rsAdvWeekly_Weekday
{
	float: left;
	width: 100px;
}

.RadScheduler_Web20 .rsConfirmation
{
    position:absolute;
    z-index:10001;
    width:284px;
    height:185px;
    border:1px solid #8bbde8;
    padding-left:96px;
    background:#f4fcff url(Scheduler/rsConfirmation.gif) repeat-y;
}

.RadScheduler_Web20 .rsConfirmation h1,
.RadScheduler_Web20 .rsConfirmation h2
{
    margin:22px 0;
    font:normal 14px/1.2 arial,sans-serif;
    color:#333;
}

.RadScheduler_Web20 .rsConfirmation div
{
    font:normal 14px/1.2 arial, sans-serif;
    color:#085ba1;
}

.RadScheduler_Web20 .rsConfirmation input
{
    position:relative;
    top:1px;
}

.RadScheduler_Web20 .rsConfirmation .rsButtonContainer
{
    margin:20px 0 0;
}

.RadScheduler_Web20 .rsConfirmation .rsButtonContainer a
{
    background:#085ba1;
    margin: 5px;
    padding:1px 3px 3px;
    color:#fff;
    text-decoration:none;
}

.RadScheduler_Web20 .rsAdvancedEdit .radInput_Web20,
.RadScheduler_Web20 .rsAdvancedEdit .pickerWrapper_Web20
{
	vertical-align: top;
}

.RadScheduler_Web20 .rsScrollingContent
{
	scrollbar-face-color: #a5bedf;
	scrollbar-highlight-color: white;
	scrollbar-shadow-color: #6788be;
	scrollbar-3dlight-color: #a5bedf;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #a5bedf;
	scrollbar-darkshadow-color: #404040;
}