/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/

.ThemeSmall{
	margin:14px 0 14px 0;
}
.ThemeSmall.Eventtooltiptable{
	margin:0 0 0 0;
}

.ThemeSmall.Eventtooltiptable hr{
	margin:4px 0 4px 0;
}

.RadToolTip.Eventtooltip{
	opacity:1;
	padding:0 0 0 0;
	margin:0 0 0 0;
	border:0;
	background-color:inherit;
}
.RadToolTip.Eventtooltip .rtWrapper .rtWrapperContent{
	padding:0 0 0 0;
	margin:0 0 0 0;
}
.ThemeSmall .RadToolTip{background-color:red;}

.Eventtooltipheader,.Eventtooltipbody {
	width:200px;
	z-index:99;
	font-size:10px;
	font-family:Arial;
	padding:3px;
	opacity:1;
}

.Eventtooltipheader {
	border:#c3d9ff 1px solid;
	background-color:#c3d9ff;
	color:#00008B;
	font-weight:bold;
	font-size:13px;
	font-weight:900;
}

.Eventtooltipbody {
	border-left:#c3d9ff 1px solid;
	border-right:#c3d9ff 1px solid;
	border-bottom:#c3d9ff 1px solid;
	background-color:#fff;
}

.Eventtooltipbody span{
	font-weight:900 !important;
}

.Eventtooltipbody hr {
	color:#c3d9ff;
}

.ThemeSmall .EventDayScroll{	
    width: auto;
    height: auto;
}

.ThemeSmall .EventDayHeader
,.ThemeSmall .EventDay
,.ThemeSmall .EventWeekendDay
,.ThemeSmall .EventSelectedDay
,.ThemeSmall .EventDayEvents
,.ThemeSmall .EventWeekendDayEvents
{
	background-color:#ffffff;
	border: 1px solid #A2BBDD !important;
	color: #cccccc;
	text-align:center;
	vertical-align:middle;
	width:14%;
	font-size:10px;
	padding-top:1px;
	padding-bottom:1px;		
}

.ThemeSmall .Event .EventDayEvents a
,.ThemeSmall .Event .EventDayEvents  a:link
,.ThemeSmall .Event .EventDayEvents  a:visited
.ThemeSmall .Event .EventWeekendDayEvents a
,.ThemeSmall .Event .EventWeekendDayEvents  a:link
,.ThemeSmall .Event .EventWeekendDayEvents  a:visited
,.ThemeSmall .Event .EventSelectedDay a
,.ThemeSmall .Event .EventSelectedDay a:link{
	text-decoration:none;
	color: red;
}

.ThemeSmall .Event .EventDayEvents a:hover
,.ThemeSmall .Event .EventSelectedDay a:hover
,.ThemeSmall .Event .EventWeekendDayEvents a:hover{
	text-decoration: underline;
}

.ThemeSmall table.Event {
	table-layout:fixed;
	font-size: 9px;
	color:#FFF;	
	text-align:center;
	width:200px !important;
	white-space:normal;
}
.ThemeSmall .EventTitle{
background-image:url(gradient_Small.jpg);
height:32px !important;
border: 1px solid #C3D9FF;
}
.ThemeSmall .EventTitle td {
	height:32px !important;
	font-weight:700;
	font-size:11px;
	width:auto !important;
	color:#000 !important;
	white-space:normal;
	text-align:center;
	background-color:transparent;
}

.ThemeSmall .EventTitle table{
	width: 200px !important;	
}



.ThemeSmall .EventDayHeader {
	font-weight:700;
	background-color:#949494;	
	color:#FFFFFF;
}

.ThemeSmall .EventDay,.ThemeSmall .EventDay td {
font-size:9px;
width:14%;
color:#949494;	
font-family:verdana;
height:14%;
}

.ThemeSmall .EventDay a,.ThemeSmall .EventDay a:visited,.ThemeSmall .EventDay a:hover {
font-size:9px;
font-family:Verdana;
}

.ThemeSmall .EventDayEvents,.ThemeSmall .EventDayEvents td,.ThemeSmall .EventWeekendDayEvents,.ThemeSmall .EventWeekendDayEvents td  {
font-size:9px;
width:14%;
color:red;
font-family:Verdana;
height:14%;
}

.ThemeSmall .EventDayEvents a
,.ThemeSmall .EventDayEvents a:visited
,.ThemeSmall .EventDayEvents a:hover
,.ThemeSmall .EventWeekendDayEvents a
,.ThemeSmall .EventWeekendDayEvents a:visited
,.ThemeSmall .EventWeekendDayEvents a:hover {
	font-size:9px;
	color:red !important;
	font-family:Verdana;
}

.ThemeSmall .EventWeekendDayEvents {
background-color: #f5f5f5;
}

.ThemeSmall .EventOtherMonthDay {
color:gray;
background-color:#DCDCDC;
}



.ThemeSmall .EventSelector {
background-color:#c0c0e0;
}

.ThemeSmall .EventSelector a,.ThemeSmall .EventSelector a:visited,.ThemeSmall .EventSelector a:hover {
text-decoration:none;
}

.ThemeSmall .WeekTable table {
table-layout:auto;
font-size:9px;
color:#000;
font-family:Verdana;
text-align:center;
border:#e5dfdf 1px solid;
}

.ThemeSmall .WeekTable table td,.ThemeSmall .WeekTable table th {
border:0;
padding:0;
}

.ThemeSmall .weekDay {
border:#A2BBDD 1px solid;
}

.ThemeSmall .WeekItem {
text-align:center;
font-family:verdana,helvetica,arial;
font-size:9px;
background-color:#FFF;
font-weight:700;
border:#A2BBDD 1px solid;
}

.ThemeSmall .WeekBackground {
font-family:verdana,helvetica,arial;
background-color:#DCDCDC;
font-size:9px;
border:#A2BBDD 1px solid;
}

.ThemeSmall .WeekTitle {
font-family:verdana,helvetica,arial;
font-size:9px;
color:#000;
height:15%;
text-align:center;
background-image:url(gradient_Small.jpg);
border:transparent 1px solid;
}

.ThemeSmall .WeekOfTitle {
font-weight:700;
font-size:10px;
width:100%;
color:#000;
font-family:verdana,helvetica,arial;
text-align:center;
vertical-align:middle;
}

.ThemeSmall .WeekNextPrev {
font-weight:700;
font-family:verdana,helvetica,arial;
font-size:10px;
color:#000;
text-align:center;
vertical-align:middle;
}

.ThemeSmall .WeekRangeheader {
color:#000;
text-align:center;
vertical-align:middle;
font-family:verdana,helvetica,arial;
font-size:9px;
background-color:#6c6964;
border:none;
}

.ThemeSmall .ListLink {
font-weight:700;
font-size:9px;
font-family:verdana,helvetica,arial;
text-align:left;
vertical-align:top;
}

.ThemeSmall .ListHeader {
font-weight:700;
background-image:url(gradient_Small.jpg);
color:#000;
font-family:verdana,helvetica,arial;
height:32px;
text-align:left;
vertical-align:middle;
}

.ThemeSmall .ListPager TD {
	font-family:verdana,helvetica,arial;
}

.ThemeSmall .ListDuration {
	font-family:verdana,helvetica,arial;
	text-align:center;
	vertical-align:top;
}

.ThemeSmall .ListEdit {
	width:10px;
	text-align:center;
	vertical-align:top;
	padding-left:2px;
	padding-right:2px;
}

.ThemeSmall .EventNextPrev,.ThemeSmall .EventNextPrev a:link,.ThemeSmall .EventNextPrev a,.ThemeSmall .EventNextPrev a:visited,.ThemeSmall .EventNextPrev a:hover {
	font-size:9px !important;
	color:#000000 !important;	
}

.ThemeSmall table.ListDataGrid{
	width:100% !important;
}

.ThemeSmall table.DayViewEvent{
	width:100%;
	font-size:x-small !important;
	font-family:Tahoma,helvetica,arial;
	font-weight: normal;		
}

.ThemeSmall .DayViewEvent td{
	vertical-align:top !important;
	text-align:left !important;
}

.ThemeSmall .ListAlternate table.DayViewEvent{
	background-color:#F5F5F5 !important;
}

.ThemeSmall .DayViewDate{
	width:20%;
}

.ThemeSmall .DayViewTitle{
	width: 28%;
}
.ThemeSmall .DayViewDescription{
	width:50%;
}


.ThemeSmall .EventTodayDay {
	background-color:yellow !important;
}