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

/* The following control the Calendar Month Style-Look */
.Eventtooltip
{
    border-right: #000 1px solid;
    padding-right: 5px;
    border-top: #000 1px solid;
    padding-left: 5px;
    font-size: 10px;
    filter: alpha(opacity=100);
    padding-bottom: 5px;
    border-left: #000 1px solid;
    width: 200px;
    color: #000;
    padding-top: 5px;
    border-bottom: #000 1px solid;
    font-family: Arial;
    background-color: #ffd;
    text-align: left;
    moz-opacity:1;
    z-index: 99;
    position: absolute;
	display:block;
}
	 
.Event
{
	table-layout: auto;
	font-size: 7pt;
	color: #000;
	font-family: Tahoma Verdana Arial;
	height: 400px;
	width: 100%;
	text-align: center;
	border: 0px;
	background-color: #d2d2d2;
	white-space:normal;
	line-height:1.3em;
}

.EventTitle
{
	font-weight: bold;
	font-size: 11pt;
	width: 100%;
	color: white !important;
	text-align: center;
	height: 32px !important;
}

.EventTitle, .EventTitle td
{
	font-weight: bold;
	font-size: 11pt;
	width: 100%;
	color: #049c9a !important;
	text-align: center;
	background-image:url(header_bg.gif);
	height: 40px !important;
}

/* Note use of "!important" to override Inline Style */
.EventNextPrev, .EventNextPrev a:link, .EventNextPrev , .EventNextPrev a:visited
{
	padding-right: 0;
	padding-left: 0;
	font-size: 11px;
	padding-bottom: 0px;
	color: black !important;
	vertical-align:middle;
	text-decoration:none;
}

.EventNextPrev a:hover
{
	padding-right: 0;
	padding-left: 0;
	font-size: 11px;
	padding-bottom: 0px;
	color: #cc0000!important;
	padding-top: 0px;
	text-decoration:underline;
}

.EventDayHeader
{
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma Verdana Arial;
	background-color: #4c4c4d;
	color: #53e6d9;
	vertical-align: middle;
	height:27px;
}

.EventDay, .EventDay td,
{
	font-size: 7pt;
	width: 14%;
	color: #333333!important;
	background-color: #eeeeee;
	font-family: Tahoma Verdana Arial;
	height: 14%;
	text-align: left;
	padding-left: 5px;
}
.EventDay a, .EventDay a:visited
{
	font-size: 7pt;
	color: #000!important;
	font-family: Tahoma Verdana Arial;
	text-decoration: none;
	font-weight:normal;
}

.EventDay a:hover
{
	font-size: 7pt;
	color: #cc0000!important;
	font-family: Tahoma Verdana Arial;
}

.EventDayScroll div
{
	margin-bottom:0.6em;
}

.EventOtherMonthDay
{
	color: #e1e1e1;
	background-color: #f7f7f7;
}

.EventOtherMonthDay a, .EventOtherMonthDay a:visited, .EventOtherMonthDay a:hover
{
	color: #e1e1e1;
}


.EventWeekendDay
{
	background-color: #e1e1e1;
}


.EventTodayDay
{
	font-weight: bold;
	color: #000 !important;
	background-color: #bff2ee !important;
}

/* Note use of "!important" to override Inline Style */
.EventSelectedDay
{
	border:0px;
}

.EventSelector
{
	background-color: #c0c0e0;
}
.EventSelector a,
.EventSelector a:visited,
.EventSelector a:hover
{
	color: #0000ff;
	text-decoration: none;
}	



/* The following control the Calendar Week View Style-Look */
.WeekTable table
{
	table-layout: auto;
	font-size: 9pt;
	color: black;
	font-family: Tahoma Verdana Arial;
	text-align: center;
	border: 0px;
	width: 100%;
	background-color:#d2d2d2;
}
.WeekItem
{
    border: 0px;
	background-color: #bff2ee;
	padding:0px;
    color: #000000;
}
.WeekItem a:link
{
    border: 0px;
	background-color: #bff2ee;
	padding:0px;
    color: #000000;
}
.WeekItem a:hover
{
    border: 0px;
	background-color: #bff2ee;
	padding:0px;
	color: #003366;
}

.WeekTable table td, .WeekTable table th
{
    border:0px;
    padding:0px;
}
.WeekDay
{
	font-weight: bold;
	font-size: 11px;
	color: black !important;
	font-family: Tahoma Verdana Arial;
	background-color: #000000;
	text-align: center;
	vertical-align: middle;
    border: 0px;
}
.WeekBackground 
{
	font-family: Tahoma Verdana Arial;
	background-color: #eeeeee;
	font-size: 9px;
	color: Black;
    border:0px;
}
.WeekTitle 
{
	font-family: Tahoma Verdana Arial;
	font-size: 11px;
	color: #53e6d9;
	height: 35px;
	vertical-align:middle;
	text-align: center;
	background-color: #4c4c4d ;
	width: 11%;
    border: 0px;
}
.WeekOfTitle
{
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	color: #049c9a;
	font-family: Tahoma Verdana Arial;
	text-align: center;
	vertical-align: middle;
}
.WeekNextPrev 
{
	font-weight: bold;
	font-family: Tahoma Verdana Arial;
	font-size: 10px;
	width: 100%;
	color: white;
	text-align: left;
	vertical-align: middle;
}
.WeekRangeheader 
{
	color: #fff;
	text-align: center;
	vertical-align: middle;
	font-family: Tahoma Verdana Arial;
	font-size: 9px ;
	BACKGROUND-COLOR: #999999;
	border:none!important;
	font-weight:normal;
	line-height:18px;
}


/* The following control the Calendar List View Style-Look */
.ListTable
{
	width: 300px;
}
.ListDate
{
	font-size: 11px;
	font-family: Tahoma Verdana Arial;
	text-align: left;
	vertical-align:top;
	background-color: transparent;
	color: black;
	padding-left:7px;
	width:11%;
}
.ListTitle
{
	font-size: 11px;
	font-family: Tahoma Verdana Arial;
	text-align: left;
	vertical-align:top;
	background-color: transparent;
	color: black;
	padding-left:7px;
	width:20%;
}
.ListTitle a:link
{
	font-size: 11px;
	font-family: Tahoma Verdana Arial;
	text-align: left;
	vertical-align:top;
	background-color: transparent;
	color: black;
	padding-left:7px;
	width:20%;
}
A.ListTitle:hover
{
	font-size: 11px;
	vertical-align: top;
	color: #003366 !important;
	font-family: Tahoma Verdana Arial;
	background-color: transparent;
	text-align: left;
	text-decoration: underline;
	padding-left:7px;
	width:20%;
}
.ListDescription
{
	font-size: 11pt;
	font-family: Tahoma Verdana Arial;
	text-align: left;
	vertical-align:top;
	background-color: transparent;
	color: black;
	padding-left:7px;
	width:25%;
}
.ListLink 
{
	font-weight: bold;
	font-size: 11pt;
	font-family: Tahoma Verdana Arial;
	text-align: left;
	vertical-align:top;
	background-color: transparent;
	color: black;
	padding-left:7px;
}
.ListDuration
{
    width: 60px;
    font-size: 11pt;
    font-family: Tahoma Verdana Arial;
    text-align: center;
    vertical-align: top;
	background-color: transparent;
	color: black;
	padding-left:7px;
}
.ListCategory
{
    font-size: 11pt;
    font-family: Tahoma Verdana Arial;
    text-align: left;
    vertical-align: top;
	background-color: transparent;
	color: black;
	padding-left:7px;
}	
.ListCustomField1
{
   	font-size: 11pt;
    font-family: Tahoma Verdana Arial;
	text-align: left;
    vertical-align: top;
	background-color: transparent;
	color: black;
	padding-left:8px;
}
.ListCustomField2
{
    font-size: 11pt;
    font-family: Tahoma Verdana Arial;
    text-align: left;
    vertical-align: top;
	background-color: transparent;
	color: black;
	padding-left:8px;
}
.ListAlternate
{
    background-color:#f7f7f7;
}
.ListEdit
{
    width: 20px;
    text-align: center;
    vertical-align: top;
	background-color: transparent;
	color: black;
}
.ListDataGrid
{
    border-style: none;
	background-color: #d2d2d2;
}
.ListDataGrid td
{
    border-style: none;
    line-height:18px;
    background-color:#eeeeee;
}
.ListDataGrid .lightrow td
{
    border-style: none;
    line-height:18px;
    background-color: #f7f7f7;
}
.ListDataGrid .ListHeader
{
	font-weight: bold;
	font-size: 11px;
	background-color: #4c4c4d;
	color: #53e6d9;
	font-family: Tahoma,verdana,arial;
	height: 25px;
	text-align: left;
	padding-left:7px;
}
.padding10
{
	padding-left:10px;
}
.ResultsTable
{
	background-color: #d2d2d2;
}

.ResultsTableBg
{
	background-color: #d2d2d2;
}

.ResultsTableBg .item
{
	background-color: #e5e5e5;
	color: #000;
	font-size: 11px;
	padding: 2px;
	padding-left:7px;
}

.ResultsTableBg .detail
{
	background-color: #f7f7f7;
	color: #000;
	font-size: 11px;
	padding: 2px;
	padding-left:7px;
}

.module .resultstable td { background: #e9e9e9; padding: 3px 10px; }
.module .resultstable td input {margin: -1px 0 -3px 0; }
.module .resultstable td a {color: #000; text-decoration: underline;}
.module .resultstable td a:hover {color: #0046d5; text-decoration: underline;}
.module .resultstable .darkrow td  { background: #dddddd; }
.module .resultstable .selectedrow td  { background: #f5fdcd; }
.module .resultstable .tableHeader td { background: #c5e6e4; padding: 4px 10px; font-weight: bold; color:#000000; }
.module .resultstable { margin: 0; padding: 0; }

#center {
    margin: 0 auto;
    text-align:center;
}

a, a:link
{
    color:#000000;
}