﻿/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/
/* The following control the Calendar Month Style-Look */
.Eventtooltipheader, 
.Eventtooltipbody {
	width:250px;
    filter:alpha(opacity=80);
    moz-opacity:0.8;
    opacity:0.8;
    z-index:99;
    font-size:11px;
	font-family:Arial;
    padding-left:5px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom:5px;
	}
.Eventtooltipheader {
    border:#c7c7c7 1px solid;
    background:#dcdcdc url(images/gray-gradient.gif) top repeat-x;
    color:#000;
    font-weight:bold;
	}
.Eventtooltipbody {
    border-left:#c7c7c7 1px solid;
    border-right:#c7c7c7 1px solid;
    border-bottom:#c7c7c7 1px solid;
    background-color:#fff;
	}
.Eventtooltipbody hr {
	/*width:100%;
	color:#c3d9ff;
	background-color:#c3d9ff;
	height:1px;
	border:0;*/
	display:none;
	}
.tvSchedule .Event {
    table-layout:fixed;
    width:100%;
    color:black;
    text-align:center;
    border-top:#c7c7c7 1px solid;
    border-left:#c7c7c7 2px solid;
    border-right:#c7c7c7 2px solid;
    border-bottom:#c7c7c7 2px solid;
    white-space:normal;
	}
.tvSchedule .EventTitle, 
.tvSchedule .EventTitle td {
    font-weight:bold;
    font-size:11px;
    width:100%;
    color:#000;
    height:20px;
    text-align:center;
    background-color:#fff;
    border-bottom:#c7c7c7 0px solid;
	}
.tvSchedule .EventNextPrev, 
.tvSchedule .EventNextPrev a:link {
    padding-right:0.5em;
    padding-left:0.5em;
    font-size:10px;
    padding-bottom:0px;
    color:#000;
    padding-top:0px;
	}
.tvSchedule .EventNextPrev a, 
.tvSchedule .EventNextPrev a:hover {
    padding-right:0.5em;
    padding-left:0.5em;
    font-size:10px;
    padding-bottom:0px;
    color:#000;
    padding-top:0px;
	}
.tvSchedule .EventDayHeader {
    font-weight:bold;
    font-size:10px;
    height:16px;
    background-color:silver;
    vertical-align:middle;
    border-top:#c7c7c7 1px solid;
    border-left:#c7c7c7 1px solid;
    border-right:#c7c7c7 1px solid;
    border-bottom:#c7c7c7 1px solid;
	}
/*width:14%;*/
.tvSchedule .EventDay, 
.tvSchedule .EventDayEvents {
    text-align:left;
    height:100px;
    vertical-align:top;
    color:#fff;
    background-color:#c7c7c7;
    border-top:#c7c7c7 1px solid;
    border-left:#c7c7c7 1px solid;
    border-right:#c7c7c7 1px solid;
    border-bottom:#c7c7c7 1px solid;
	}
.tvSchedule .EventDay td {}
.tvSchedule .EventDayScroll {
    width:100%;
    height:88%;
    overflow:auto;
    position:static;
    font-weight:bolder;
    background-color:#fff;
    opacity:0.8;
    filter:alpha(opacity = 80);
	}
.tvSchedule .EventOtherMonthDay {
    color:#808080;
    background-color:gainsboro;
	}
.tvSchedule .EventWeekendDay {
    background-color:whitesmoke;
	}
.tvSchedule .EventTodayDay {
    font-weight:bold;
    color:#0000ff;
    background-color:darkgray;
    border-top:#c7c7c7 1px solid;
    border-left:#c7c7c7 1px solid;
    border-right:#c7c7c7 1px solid;
    border-bottom:#c7c7c7 1px solid;
	}
.tvSchedule .EventSelectedDay {
    border-top:#c7c7c7 1px solid;
    border-left:#c7c7c7 1px solid;
    border-right:#c7c7c7 1px solid;
    border-bottom:#c7c7c7 1px solid;
    text-align:left;
	}
.tvSchedule .EventSelector {
    background-color:#c0c0c0;
}
.tvSchedule .EventSelector a, 
.tvSchedule .EventSelector a:visited, 
.tvSchedule .EventSelector a:hover {
    color:#00f;
    text-decoration:none;
}
/* ******************************************************* */
/* The following control the Calendar Week View Style-Look */
div.ThemeSTOcustom {width:920px;position:relative;}
.tvSchedule .WeekTable table td, 
.tvSchedule .WeekTable table th {
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:1px solid #ddd;
	height:auto;
	padding:3px 10px 5px;
	vertical-align:top;
	}
.tvSchedule .WeekHeader td {
	height:30px;
	background:transparent;
	padding:5px 0 10px;
	}
.tvSchedule .WeekOfTitle {
	font-size:18px;
	font-weight:bold;
	}
.tvSchedule .WeekNextPrev,
.tvSchedule .WeekNextPrev:link, 
.tvSchedule .WeekNextPrev:visited  {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	display:block;
	width:99%;
	background:#999;
	border:1px solid #d7d7d6;
	border-left:1px solid #646464;
	border-bottom:1px solid #646464;
	margin-top:3px;
	font-size:13px;
	}
.tvSchedule .WeekNextPrev:hover,
.tvSchedule .WeekNextPrev:active {background-color:#369;color:#fff;}
.tvSchedule div.WeekTable {width:920px; background-color:#fff;border-top:1px solid #ddd;}
.tvSchedule table.WeekTable {background-color:#fff;width:100%;table-layout:fixed;}
.tvSchedule .WeekTable th.WeekTitle {
	background:#151515 url(images/dark-gray-gradient.gif) top repeat-x;
	color:#FFF;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	text-shadow: -1px 1px #000;
	padding:0px 10px 0px;
	vertical-align:middle;
	height:45px;
	width:85px;
	}
.tvSchedule th.WeekRangeheader {
	background:#dcdcdc url(images/gray-gradient.gif) top repeat-x;
	color:#666;
	font-weight:normal;
	border:1px solid #ccc;
	border-width:0 1px 1px 0;
	text-align:left;
	padding-left:5px; 
	width:85px;
	}
.tvSchedule td.WeekBackground,
.tvSchedule td.WeekItem {
	height:auto;
	padding:3px 10px 5px;
	vertical-align:top;
	border:1px solid #ccc;
	border-width: 0 1px 1px 0;
	font-size:13px;
	}
.tvSchedule td.WeekItem img {display:block;}
.tvSchedule td.WeekItem:hover {background-color:#efefef;}
.tvSchedule td.WeekItem a {
	text-decoration:none;
	color:#39C;
	font-weight:bold;
	border-bottom:1px solid white;
	}
.tvSchedule td.WeekItem a:hover {border-color:#ccc;}
/* ******************************************************* */
/* The following control the Calendar List View Style-Look */
.tvSchedule .ListTable {
    width:100%;
	}
.tvSchedule .ListDate {
    text-align:left;
    vertical-align:top;
    width:100px;
	}
.tvSchedule .ListTitle {
    text-align:left;
    vertical-align:top;
	}
.tvSchedule .ListDescription {
    text-align:left;
    vertical-align:top;
	}
.tvSchedule .ListLink {
    font-weight:bold;
    text-align:left;
    vertical-align:top;
	}
.tvSchedule .ListHeader {
    font-weight:bold;
    color:black;
    background-color:#c3d9ff;
    height:32px;
    text-align:left;
    vertical-align:middle;
	}
.tvSchedule .ListDuration {
    text-align:center;
    vertical-align:top;
    width:60px;
	}
.tvSchedule .ListCategory {
    text-align:left;
    vertical-align:top;
    width:60px;
	}
.tvSchedule .ListLocation {
    text-align:left;
    vertical-align:top;
    width:60px;
	}
.tvSchedule .ListCustomField1 {
    text-align:left;
    vertical-align:top;
	}
.tvSchedule .ListCustomField2 {
    text-align:left;
    vertical-align:top;
	}
.tvSchedule .ListAlternate {
    background-color:WhiteSmoke;
	}
.tvSchedule .ListDataGrid {
    border-top:#c7c7c7 1px solid;
    border-left:#c7c7c7 2px solid;
    border-right:#c7c7c7 2px solid;
    border-bottom:#c7c7c7 2px solid;
    background-color:#e8eef7;
	}
.tvSchedule .ListDataGrid td {
    border-style:dotted;
    border-width:1px;
    border-color:#e2e2e2;
	}
.tvSchedule .ListEdit {
    text-align:center;
    vertical-align:top;
    width:1px;
	}