/* ================================
    CSS STYLES FOR DNN Event Module 
   ================================
*/

/*
	Custom Calendar with no scroll bars.
	The calender is the full width of the column and the cells will stretch
	vertically as needed.
	I started with the Default event skin.  Differences are noted in comments.

	Created by Leslie Monahan, 8/24/2008.
	Updated 10/3/2009 to work with DNN 5.0+
*/


/* The following control the Calendar Month Style-Look */
.Eventtooltipheader, 
.Eventtooltipbody
{
	width: 300px;
    filter: alpha(opacity=80);
    moz-opacity: 0.8;
    z-index: 99;
    font-size: 10px;
	font-family: Arial;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.Eventtooltipheader
{
    border: #c3d9ff 1px solid;
    background-color: #c3d9ff;
    color:#00008B;
    font-weight:bold;
    font-size: 11px;
}
.Eventtooltipbody
{
    border-left: #c3d9ff 1px solid;
    border-right: #c3d9ff 1px solid;
    border-bottom: #c3d9ff 1px solid;
    background-color: #ffffff;
}
.Eventtooltipbody hr
{
	width: 100%;
	color: #c3d9ff;
	background-color: #c3d9ff;
	height: 1px;
	border: 0;
}

	 
.ThemeCustom .Event
{
/* table-layout:
	We don't want it to try and calculate the width of the table.
	We just want it to be 100%.  "Fixed" would make all the cells the
	same height and width.  But then contents would overflow the cells
	unless you had scroll bars.  "Auto" sets the table width based on the
	contents of cells.  Other values that set the height and width of the
	table are commented out.  Width: 100% was added.
*/

/*	table-layout: auto; */
	font-size: 7pt;
/*	width: 400px;*/
	width: 100%;
	color: white;
	font-family: Verdana;
/*	height: 400px;*/
	text-align: center;
	border-right: #e5dfdf 1px solid;
	border-bottom: #e5dfdf 1px solid;
	border-left: #e5dfdf 1px solid;
	border-top: #e5dfdf 1px solid;
	background-color: #EFE7E7;

}
.ThemeCustom .EventTitle
{
	font-weight: bold;
	font-size: 11pt;
	background-image: url(gradient_Custom.jpg);  /* Name of image was changed */
	width: 100%;
	color: white !important;  /* Text change to white because image is dark */
	text-align: center;
	height: 32px !important;
}
.ThemeCustom .EventTitle,
.ThemeCustom .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	width: 100%;
	color: white !important;  /* Text change to white because image is dark */
	text-align: center;
	background-image: url(gradient_Custom.jpg);  /* Name of image was changed */
	height: 32px !important;
}
/* Note use of "!important" to override Inline Style */
.ThemeCustom .EventNextPrev,
.ThemeCustom .EventNextPrev a:link
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: white !important;
	padding-top: 0px;
}
.ThemeCustom .EventNextPrev a,
.ThemeCustom .EventNextPrev a:visited,
.ThemeCustom .EventNextPrev a:hover
{
	padding-right: 0.5em;
	padding-left: 0.5em;
	font-size: 8pt;
	padding-bottom: 0px;
	color: black !important;
	padding-top: 0px;
}
.ThemeCustom .EventDayHeader
{
	font-weight: bold;
	font-size: 7pt;
	font-family: Verdana;
	background-color: silver;
	vertical-align: middle;
}
.ThemeCustom .EventDay, 
.ThemeCustom .EventDay td
{
	font-size: 7pt;
	width: 14%;
	color: #0000ff !important;
	font-family: Verdana;
/*	height: 14%;*/
}
.ThemeCustom .EventDay a,
.ThemeCustom .EventDay a:visited,
.ThemeCustom .EventDay a:hover
{
	font-size: 7pt;
	color: #0000ff !important;
	font-family: Verdana;
}
.ThemeCustom .EventDayScroll
/*
	If you wanted scroll bars, you would un-comment these lines.
	But then, you'd want to make the cell height fixed, or you'd
	never get scroll bars. These lines were taken from the FixedBlue event skin.
*/
/*
	overflow: auto;
	position: static;
	width: 100%;
	height: 85%;
*/
{
}
.ThemeCustom .EventOtherMonthDay
{
	color: #808080;
	background-color: gainsboro;
}

.ThemeCustom .EventOtherMonthDay a,
.ThemeCustom .EventOtherMonthDay a:visited,
.ThemeCustom .EventOtherMonthDay a:hover
{
	color: #8080c0;
	background-color: gainsboro;
}
.ThemeCustom .EventWeekendDay
{
	background-color: whitesmoke;
}
.ThemeCustom .EventTodayDay
{
	font-weight: bold;
	color: #0000ff !important;
	background-color: darkgray !important;
}
/* Note use of "!important" to override Inline Style */
.ThemeCustom .EventSelectedDay
{
	border-right: red 2px solid ;
	border-top: red 2px solid;
	border-left: red 2px solid;
	border-bottom: red 2px solid;
}
.ThemeCustom .EventSelector
{
	background-color: #c0c0e0;
}
.ThemeCustom .EventSelector a,
.ThemeCustom .EventSelector a:visited,
.ThemeCustom .EventSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}	

/* The following control the Calendar Week View Style-Look */
.ThemeCustom .WeekTable
{
	table-layout: auto;
	font-size: 7pt;
	color: black;
	font-family: Verdana;
	text-align: center;
	border-right: #e5dfdf 1px solid;
	border-bottom: #e5dfdf 1px solid;
	border-left: #e5dfdf 1px solid;
	border-top: #e5dfdf 1px solid;
}
.ThemeCustom .WeekTable table td, 
.ThemeCustom .WeekTable table th
{
    border:0px;
    padding:3px;
}
.ThemeCustom .WeekItem 
{
	text-align: center;
	ALIGNMENT: center;
	ALIGN: center;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#FFFFFF' , EndColorStr= '#CCCCCC' );
}
.ThemeCustom .WeekDay
{
    font-weight: bold;
    font-size: xx-small;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=  '#EEEEEE' , EndColorStr= '#B0C4DE' );
    color: #7994cb;
    font-family: verdana,helvetica,arial;
    background-color: #7994cb;
    text-align: center;
    vertical-align: middle;
    border-right: #a2bbdd 1px solid;
    border-top: #a2bbdd 1px solid;
    border-left: #a2bbdd 1px solid;
    border-bottom: #a2bbdd 1px solid;
}
.ThemeCustom .WeekBackground 
{
	ALIGNMENT: center;
	ALIGN: center;
	FONT-FAMILY: verdana,helvetica,arial;
	background-color: gainsboro;
	font-size: xx-small;
}
.ThemeCustom .WeekTitle 
{
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: xx-small;
	width: 100%;
	color: black;
	height: 15%;
	text-align: center;
	background-image: url(gradient_Default.jpg);
}
.ThemeCustom .WeekOfTitle
{
	font-weight: bold;
	font-size: 10px;
	width: 100%;
	color: navy;
	font-family: verdana,helvetica,arial;
	text-align: center;
	vertical-align: middle;
}
.ThemeCustom .WeekNextPrev
{
	font-weight: bold;
	FONT-FAMILY: verdana,helvetica,arial;
	font-size: 10px;
	width: 100%;
	color: navy;
	text-align: center;
	vertical-align: middle;
}
.ThemeCustom .WeekRangeheader 
{
	color: black;
	text-align: center;
	vertical-align: middle;
	font-family: verdana,helvetica,arial;
	font-size: xx-small;
	BACKGROUND-COLOR: #E5DFDF;
}


/* The following control the Calendar List View Style-Look */
.ThemeCustom .ListTable
{
	width: 100%;
}
.ThemeCustom .ListDate
{
	font-size: 8pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
    width: 60px;
}
.ThemeCustom .ListTitle
{
	font-size: 8pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}
.ThemeCustom .ListDescription
{
	font-size: 8pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}
.ThemeCustom .ListLink 
{
	font-weight: bold;
	font-size: 8pt;
	font-family: verdana,helvetica,arial;
	text-align: left;
	vertical-align:top;
}
.ThemeCustom .ListHeader
{
	font-weight: bold;
	font-size: 8pt;
/*	background-image: url(gradient_Custom.jpg); */
	color: black;
	font-family: verdana,helvetica,arial;
/*	height: 32px;  */
	text-align: left;
}
.ThemeCustom .ListDuration
{
    font-size: 8pt;
    font-family: verdana,helvetica,arial;
    text-align: center;
    vertical-align: top;
    width: 60px;
}
.ThemeCustom .ListCategory
{
    font-size: 8pt;
    font-family: verdana,helvetica,arial;
    text-align: left;
    vertical-align: top;
    width: 60px;
}
.ThemeCustom .ListLocation
{
    font-size: 8pt;
    font-family: verdana,helvetica,arial;
    text-align: left;
    vertical-align: top;
    width: 60px;
}
.ThemeCustom .ListCustomField1
{
    font-size: 8pt;
    font-family: verdana,helvetica,arial;
    text-align: left;
    vertical-align: top;
}
.ThemeCustom .ListCustomField2
{
    font-size: 8pt;
    font-family: verdana,helvetica,arial;
    text-align: left;
    vertical-align: top;
}
.ThemeCustom .ListAlternate
{
/*    background-color: WhiteSmoke;  */
}
.ThemeCustom .ListDataGrid
{
    border-right: #6699ff 1px solid;
    border-top: #6699ff 1px solid;
    border-left: #6699ff 1px solid;
    border-bottom: #6699ff 1px solid;
 /*   background-color: #EFE7E7;  */
}
.ThemeCustom .ListDataGrid td
{
    border-style: solid;
    border-width: 1px;
    border-color: #6699ff;
}
.ThemeCustom .ListEdit
{
    text-align: center;
    vertical-align: top;
    width: 1px;
}