/*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

/*
******************************************************
******************************************************
******************************************************
* Add classes
*/
.DUAdHide
	{
	border:1px solid red;
	}

.DUAdTop
	{
	vertical-align:top;
	text-align:center;
	padding-bottom:15px;
/*
	width:728px;
	height:15px;
*/
}

.DUAdTop2
	{
	float:left;
	width:120px;
	height:90px;
	padding:10px;
	margin:2.5em 0.25em 0em 0em;
	}

.DUAdLeft
	{
	float:left;
	width:160px;
	height:600px;
	padding:10px;
	margin:2.5em 0.25em 0em 0em;
	}

.DUAdCenter
	{
	float:right;
	width:300px;
	height:250px;
/*
	padding:10px;
	margin:auto;
	margin:2.5em 0.25em 0em 0em;
	border:1px solid red;
	*/
	}
/*
 * Copyright © 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

/*
//$calCellColorRequest = "#88ff88";
//$calCellColorNow = "#ffff00";
*/

/*
******************************************************
******************************************************
******************************************************
* DUC - Days Until Calendar classes
*/

.DUCFrameDay,.DUCFrameWeek,.DUCFrameMonth,.DUCFrameYear					/* Entire calendar frames */
	{
	float:left;
	margin:1px 1px 2px 1px;
	}
.DUCFrameDay
	{
	border:1px solid #00b8ff;
	padding:0px 2px 7px 2px;
/*
	border:1px solid #eeeeee;
	border:1px solid #00b8ff;
	border:1px solid gray;
	border:1px solid #0088FF;
	border:1px solid #ffffff;
	border:1px solid green;
*/
	}
.DUCFrameWeek
	{
	border:1px solid #00b8ff;
	padding:0px 2px 7px 2px;
/*
	border:1px solid gray;
	border:1px solid green;
*/
	}
.DUCFrameMonth
	{
	height:235px;
/*	border:1px solid red;*/
	}
.DUCFrameMonthInternal
	{
	float:left;	/* shrink wrap */
	border:1px solid #00b8ff;
	padding:5px 5px 5px 5px;
/*
	border:1px solid gray;
	border:1px solid green;
*/
	}
.DUCFrameYear
	{
	border:1px solid #00b8ff;
	padding:5px 5px 5px 5px;
/*
	border:1px solid gray;
*/
	}

.DUCRowMonth					/* Row of calendar cells for month */
	{
	text-align:center;							/* horizontally center text */
	line-height:24px;	/* vertically center text */
	font-size:small;
	clear:both;
	}

.DUCWeekRow						/* Row of calendar for week format */
	{
	clear:both;
	text-align:center;							/* horizontally center text */
/*	line-height:24px;*/	/* vertically center text */
	font-size:small;
	}

.DUCWeekSelectType				/* calendar type select for week */
	{
	float:left;
	clear:both;
	}

.DUCWeekNavigation				/* calendar navigation for week */
	{
	float:left;
	}

.DUCWeekInfo					/* calendar info for week */
	{
	float:left;
	margin:2px;
	border:1px solid black;
	}

.DUCWeekCells					/* calendar cells for week */
	{
	float:left;
	}

.DUCWeekEventsBackground
	{
	position:relative;
	}
.DUCWeekEventsBackground img
	{
	top:0px;
	left:140px;
	width:48px;
	z-index:25;
	position:absolute;
	}

.DUCDayRow						/* Row of calendar for day format */
	{
	clear:both;
	text-align:center;							/* horizontally center text */
/*	line-height:24px;*/	/* vertically center text */
	font-size:small;
	}

.DUCDayEvents
	{
	clear:both;
	position:relative;	/* create reference container for position:absolute in .DUCDayEventsBackground */
	}

.DUCDayEventsBackground
	{
/*
	top:30px;
	opacity:0.3;
	filter:alpha(opacity=30);
*/
	position:absolute;
	top:15px;
	width:432px; /* 24px * 18 cells */
	height:15px;
	left:7.92px;
	z-index:-25;
	}

.DUCDayEventRow
	{
	clear:both;
	font-size:x-small;
	line-height:35px;
	white-space:nowrap;
	}

.DUCDayEventHeader
	{
	font-size:x-small;
	clear:both;
	line-height:15px;	/* center text vertically */
/*
	float:left;
		clear:both;
	white-space:nowrap;
	color: #0088FF;
	height:24px;
	margin:0px;
	position:relative;
*/
	}
.DUCDayEventHeader .DUCCell
	{
	float:left;
	/*
	width:48px;
	position:relative;
	color: #0088FF;
			*/
	height:15px;
	}

.DUCDayEventYesterday
	{
	z-index:5;
	}

/*
.DUCRdDate	{ background-color:#aaffaa; }
.DUCAlignXX	{ border-bottom: 1px solid #00f8f8; }
.DUCToday	{ background-color:#ffffaa; .DUCToday must follow .DUCAlign because it's higher priority (if they're both visible)
*/
.DUCDayEventCurrent
	{
	float:left;
/*	background-color:#aaffaa;*/
	}

div.DUCDayEvent
	{
	float:left;
	background:#eeeeee;
	}
div.DUCDayEvent:hover
	{
	background:#cccccc;
	}

div.DUCDayEventToday
	{
	float:left;
	background:#ffffaa;
	}
div.DUCDayEventToday:hover
	{
	background:#ffff77;
	}

div.DUCDayEventRdDate
	{
	float:left;
	background:#ccffcc;
	}
div.DUCDayEventRdDate:hover
	{
	background:#aaffaa;
/*	background:rgba(255,255,0,.5);*/	/* use instead of opacity so it's not inherited (by tooltips)
										needed so we don't overwrite any text from yesterday cell overflowing into us */
	}

.DUCDayInfo
	{
	border:1px solid black;
	margin:2px;
	}

.DUCDaySelectType				/* calendar type select for day */
	{
	float:left;
/*	clear:both;*/
	}

.DUCDayNavigation				/* calendar navigation for day */
	{
	float:left;
	}

.DUCDayInfo					/* calendar info for day */
	{
	float:left;
	}

.DUCDayCells					/* calendar cells for day */
	{
	float:left;
	}

.DUCCell				/* A calendar cell */
	{
	color: #0088FF;
	width:24px;			/* match size of background images */
	height:24px;
	float:left;
	margin:0px;
/*
	z-index:-10;
	background:#ffff00;
	opacity:1.0;
	filter:alpha(opacity=100);
*/
	position:relative;	/* create reference container for position:absolute in .DUCDayEventsBackground */
	}

.DUCCellBackground
	{
/*
	width:24px;
	height:24px;
	position:absolute;
	background:#aaaaaa;
*/
/*	background:#ffff00;*/
/*	opacity:0.3;*/				/* Firefox */
/*	filter:alpha(opacity=30);*/	/* for IE */
/*	z-index:-100;*/
	}

.DUCCellCurrent
	{
	width:24px;			/* match size of background images */
	height:24px;
/*	background:#eeeeee;
	background:#88ff88;
	position:absolute;
	opacity:0.7;
	filter:alpha(opacity=70);
*/
/*	z-index:10;*/
	}

.DUCCellStretch0	{ width:0px; }
.DUCCellStretch0pt33{ width:7.92px; }
.DUCCellStretch1	{ width:24px; }
.DUCCellStretch2	{ width:48px; }
.DUCCellStretch3	{ width:72px; }
.DUCCellStretch4	{ width:96px; }
.DUCCellStretch5	{ width:120px; }
.DUCCellStretch6	{ width:144px; }
.DUCCellStretch7	{ width:168px; }
.DUCCellStretch8	{ width:192px; }

.DUCWeekSingleCell
	{
/*	border:1px solid black;*/
	}

.DUCRdDate	{ background-color:#aaffaa; }
.DUCAlignXX	{ border-bottom: 1px solid #00f8f8; }
.DUCToday	{ background-color:#ffffaa; }		/* .DUCToday must follow .DUCAlign because it's higher priority (if they're both visible) */
/*
.DUCToday	{ background-color:#ffffaa; }
.DUCBackgroundA	{ background-color:#EEEEEE; }
.DUCBackgroundB	{ background-color:#DDDDDD; }
.DUCBackgroundA	{ background-color:#ccccff; }
.DUCBackgroundB	{ background-color:#eeeeff; }
.DUCBackgroundA	{ background-color:#aaaa88; }
.DUCBackgroundB	{ background-color:#aaaa44; }
.DUCBackgroundA	{ background-color:#88ccff; }
.DUCBackgroundB	{ background-color:#88eeff; }
*/
.DUCBackgroundA	{ background-color:#ccccff; }
.DUCBackgroundB	{ background-color:#eeeeff; }

.DUCYearMonthLabel
	{
	/* Vertical text CSS from Scott Gale: http://scottgale.com/blog/css-vertical-text/2010/03/01/ */
	float:left;
	font-size:xx-small;
	font-weight:bold;
	/*
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
*/
	/*
	color:#333;
	border:0px solid red;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
*/
	}
.DUCCell .DULink
 	{
	text-decoration: none;
	line-height:23px;
	z-index:10; /* needed so text from yesterday flows over
					today (on day format calendar, otherwise
					it's cut off when gray shading for today starts) */
	}

a img.DUIcon
 	{
	text-decoration: none;
	line-height:23px;
	z-index:10; /* needed so text from yesterday flows over
					today (on day format calendar, otherwise
					it's cut off when gray shading for today starts) */
	}
/*
.DUCCell a
 	{
	color: #0088FF;
	text-decoration: none;
	cursor:pointer;
	line-height:23px;
	}
*/
.DUCExtracalated a,
.DUCIntercalated a
	{
	color: #880088;
	}
.DUCCell a:hover
 	{
/*	color: red;*/
	}
.DUCCell a.DUCLeapDay
	{
	color: #880088;
	}
.DUCCell a.DUCExtracalatedDay
	{
	color: #880088;
	}

.DUCCellEmpty			/* An empty calendar cell */
	{
/*	border:1px solid transparent;*/
	}
/*
.DUCSelectSize
	{
	float:left;
	text-align:center;
	}
*/
.DUCSelectType
	{
	float:left;
	}
.DUCSelectType option		/* Calendar selection drop-down options */
	{
	font-size:xx-small;
	}

.DUCAddButton
	{
	float:left;
	}

.DUCDeleteButton
	{
	float:left;
	}

.DUCSelectButton
	{
	float:left;
	}

.DUCSelectCurrent option
	{
	background:#888800;
	}

.DUCNavigation			/* Navigation control row */
	{
	clear:both;
	font-size:xx-small;
	}

.DUCMonth, .DUCYear		/* Calendar month, year select drop-down options */
	{
	}

.DUCMonth option, .DUCYear option
	{
	font-size:xx-small;
	}

.DUCTopRow img.DUIcon			/* Move the add/delete icons to the right corner */
	{
	float:right;
	margin:2px;
	}

.DUCNavigation img.DUIcon
	{
/*	float:left;*/
	margin:2px;
	}

.DUCDateString
	{
	font-size:xx-small;
	text-align:center;
	white-space:nowrap;
	clear:both;
	float:left;
/*	width:100%;*/
	}
.DUCDateStringRequested
	{
	background-color:#aaffaa;
	}
.DUCDateStringNow
	{
	background-color:#ffffaa;
	}

.DUCInfo
	{
	}
.DUCInfoDates
	{
	float:left;
	width:80%;
/*	vertical-align:middle;*/
	}
.DUCInfoIcons
	{
	float:right;
	}

/*
 * Formatting for calendar background images
 *
 * DUC(o)(o)(o)(o)
 * DUC(T)(C)(B)(E)
 * 	o: no events of this type today
 * 	T: single day event (T)oday
 * 	C: (C)ontinuing event today
 * 	B: (B)gining event today
 * 	E: (E)nding event today
 */
div.DUCoooo { background-image:url(/images/DUCoooo.png); }
div.DUCoooE { background-image:url(/images/DUCoooE.png); }
div.DUCooBo { background-image:url(/images/DUCooBo.png); }
div.DUCooBE { background-image:url(/images/DUCooBE.png); }
div.DUCoCoo { background-image:url(/images/DUCoCoo.png); }
div.DUCoCoE { background-image:url(/images/DUCoCoE.png); }
div.DUCoCBo { background-image:url(/images/DUCoCBo.png); }
div.DUCoCBE { background-image:url(/images/DUCoCBE.png); }
div.DUCTooo { background-image:url(/images/DUCTooo.png); }
div.DUCTooE { background-image:url(/images/DUCTooE.png); }
div.DUCToBo { background-image:url(/images/DUCToBo.png); }
div.DUCToBE { background-image:url(/images/DUCToBE.png); }
div.DUCTCoo { background-image:url(/images/DUCTCoo.png); }
div.DUCTCoE { background-image:url(/images/DUCTCoE.png); }
div.DUCTCBo { background-image:url(/images/DUCTCBo.png); }
div.DUCTCBE { background-image:url(/images/DUCTCBE.png); }

div div.DUCAlignLeftSunset		{ width: 0px; }
div div.DUCAlignLeftMidnight	{ width: 6px; }
div div.DUCAlignLeftSunrise		{ width:12px; }
div div.DUCAlignLeftNoon		{ width:18px; }
div div.DUCAlignRightSunset		{ width:18px; }
div div.DUCAlignRightMidnight	{ width:12px; }
div div.DUCAlignRightSunrise	{ width: 6px; }
div div.DUCAlignRightNoon		{ width: 0px; }

div div.DUCAlignX
	{
	width:16px;
	height:16px;
	}
div div.DUCAlignRight	/* 2 divs needed to increase priority so "div.DUCDayRow div" size is overridden */
	{
	background-image:url(/images/arrow_right.png);
	width:16px;
	height:16px;
/*	width:24px;
	height:24px;*/
	}
div div.DUCAlignLeft	/* 2 divs needed to increase priority so "div.DUCDayRow div" size is overridden */
	{
	background-image:url(/images/arrow_left.png);
	width:16px;
	height:16px;
	}

/*
 * Formatting for day start type images
 */
.DUCType
	{
	float:left;								/* floating also causes "shrink-wrapping" of contents */
	height:4px;
	margin:8px 0 0 0;
	cursor:help;
	width:168px;	/* 7 days */
	}
.DUCTypeSunset		{ background-image:url(/images/DUCDayStartSunset.png); }
.DUCTypeMidnight	{ background-image:url(/images/DUCDayStartMidnight.png); }
.DUCTypeNoon		{ background-image:url(/images/DUCDayStartNoon.png); }
.DUCTypeSunrise		{ background-image:url(/images/DUCDayStartSunrise.png); }
/*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

.DUDebugInfo
	{
	height:1em;
	line-height: .25em;
	font-size: .25em;
	color:#DDDDDD;
	}
.DUDebugInfo div
	{
	clear:both;
	}

.DULink
	{
	color: #0088FF;
/*	text-decoration: none;*/
/*	cursor:pointer;*/
	}

.DUUR	/* upper right cell */
	{
	float:right;
	}

/*
#floater	{float:left; height:50%; margin-bottom:-120px;}
#content	{clear:both; height:240px; position:relative;}
clear:both;
float:right;
*//*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

#DUDatesContainer
	{
/*	float:left;*/
	display:inline-block;
	white-space:normal;
/*	border:1px solid blue;*/
	width: 80%;
	}
.DUDateStatus
	{
	clear:both;
	float:left;
	font-size:small;
	background-color: #eeeeee; 
	border:1px solid #888888;
	width: 100%;
	margin: 0 0 4px 0;
	padding: 4px;
	}
.DUDateStatus a
	{
/*	color: #0088FF;*/
/*	text-decoration: none;*/
/*	cursor:pointer;*/
	}
.DUDateStatusTitle
	{
	float:left;
	width:10%;
	}
.DUDateStatusList
	{
	float:left;
	width:85%;
	}
.DUCategoryHierarchy
	{
	clear:both;
	float:left;
	background-color: #eeeeee; 
	border:1px solid #888888;
	margin: 0 0 4px 0;
	padding: 4px;
	font-size:small;
	width:100%;
	}
.DUCategoryHierarchy img
	{
	padding:0 5px;
	}
.DUStatusMessage
	{
	clear:both;
	float:left;
	background-color: #eeeeee; 
	border:1px solid #888888;
	margin: 0 0 4px 0;
	padding: 4px;
	font-size:small;
	width:100%;
	color:red;
	}
.DUDate
	{
	clear:both;
/*
	width:120px;
	height:600px;
	padding:10px;
	margin:2.5em 0.25em 0em 0em;
	background:transparent url(/v34/images/gradient-light-blue-10x150-0088FF-FFFFFF.jpg) repeat-x scroll top left;
	background-color: #CCCCCC;
*/
	margin: 2px;
/*	border:1px solid pink;*/
	background-color: #EEEEEE;

	/*	Next two lines are needed because .DUDate only contains floats:
			http://www.quirksmode.org/css/clearing.html
		(Otherwise background won't apply since there isn't any height)
	*/
	overflow: hidden;	/* change from auto to fix 1px vertical scrolling */
	width: 100%
	}
.DUMonth
	{
	clear:both;
	border-bottom: 2px solid green;
	margin:0px;
	padding:0px;
	background-color:#AAAAAA;
	font-weight:bold;
	font-size:large;
	text-align:center;
	}
.DUDateExtra
	{
	float:right;
/*	background-color:#eeeeee;*/
	}
.DUDateBody
	{
	float:left;
	width:100%;
	}
.DUDateTop
	{
	float:left;
	width:95%;
	}
.DUDateHide
	{
/*	float:left;*/
	}
.DUDateMain
	{
	float:left;
	clear:left;
/*	border:1px solid green;*/
	width:49%;
	}
/*
.DUDateMain a
	{
	color: #0088FF;
	}
*/
.DUDateDetails
	{
	background-color: #DDDDDD;
	float:left;
	font-size:small;
	line-height:2em;
	/*	border:1px solid green;*/
	width:49%;
	}
.DUDateDetails div				/* all children of date details */
	{
/*	border:1px solid yellow;*/
	margin: 0 1px 1px 1px;
	float:left;
	}
.DUDateDetails > div			/* immediate children of date details */
	{
	clear:both;					/* new line for each details row */
	width:100%;
	}
.DUDateDetails div a
	{
/*	width:3%;*/
	}
.DUDateDetails div div
	{
	width:92%;
	}

.XXXDUDateDetails > div > div			/* secondary children of date details */
	{
	border: 1px solid transparent; /* needed to keep text aligned w/icon text */
	}

.DUInfo
	{
	float:left;
/*	background:#EEEEEE;*/
	background-color: #DDDDDD;
	width:49%;
	float:left;
/*	font-size:small;*/
/*	line-height:2em;*/
	}
.DUInfo > div
	{
	padding:5px;
	margin:5px;
	border: 1px solid #BBBBBB;
	}
.DUDate .DUDateMethod
	{
	color:#0088FF;
	font-size:small;
/*	float:left;*/
/*	clear:both;*/
	}
.DUDate .DUDateNotes
	{
	color:#0088FF;
	font-size:x-small;
/*	float:left;*/
/*	clear:both;*/
	}
.DUDate .DUDateLength
	{
	color:#0088FF;
	font-size:x-small;
/*	float:left;
	clear:both;*/
	}
.DUDate .DUDatePeriod
	{
	color:#0088FF;
	font-size:x-small;
/*	float:left;
	clear:both;*/
	}
.DUDate .DUDateIDs
	{
	float:right;
	position:relative;
/*	top:0em;*/
	left:-2em;
	color:#BBBBBB;
	font-size:xx-small;
	line-height:0em;
	}

.DUSearchResults
	{
	}

.DUDateCategories
	{
	float:left;
	clear:both;
	font-size:xx-small;
	width:49%; /*?? Change from 90% - for search?? if so, create a new class for search... */
	text-align:center;
	}
.DUDateCategory
	{
	float:left;
	background:#DDDDDD;
	border:solid 1px #CCCCCC;
	margin:2px;
	}
.DUDateCategory div	/* sprites - div inside a category */
	{
	float:left;
	}
.DUDateCategory .DUIcon
	{
	float:left;
/*	clear:both;*/
/*	color:#BBBBBB;*/
/*	font-size:xx-small;
	line-height:1em;*/
	}

.DUResolutionIconLeft
	{
/*	position:relative;*/
/*	left:-5px;*/
	}
.DUResolutionIconRight
	{
	position:relative;
	left:-10px;
	}

.DUDateCategory .DUCategoryID
	{
	float:right;
	position:relative;
	top:1em;
	color:#BBBBBB;
	}

.DUDateDescriptionRow
	{
	clear:both;
	}
.DUDateDescription
	{
/*	float:left;*/
/*	width:25%;*/
	margin:auto;
	border:solid 1px #CCCCCC;
	}

.DUDateWikiLink
	{
	font-size:xx-small;
	color: #0088FF;
	}
.DUDateWikiLink a
	{
	color: #0088FF;
	}
.DULinks
	{
	clear:both;
	float:right;
	width:300px;
	border:solid 1px #CCCCCC;
	margin:5px 1px 0 0;
	padding:5px 0;
	font-size:xx-small;
	}
.DULinks a
	{
	margin:5px;
	}
.DULinks div
	{
	font-size:small;
	text-align:center;
	}
/*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

/*
******************************************************
******************************************************
******************************************************
* Header classes
*/

body
	{
	background:transparent url(/images/gradient-light-blue-10x150-0088FF-FFFFFF.jpg) repeat-x scroll top left;
/*		background-color:cyan;*/
	width:100%;
	}

.DUBodyMain
	{
/*	overflow-x:scroll;*/
	white-space:nowrap;
	}

.DUHeaderMain
	{
	white-space:nowrap;
	}
.DUHeaderInfo
	{
	float:left;
	height:235px;
	width:250px;
/*	border:1px solid gray;
	margin:1px 1px 2px 1px;*/
	}

.DUHeaderLogoTitle
	{
	float:left;
	margin:7px 0 7px 0;
	}
.DUHeaderLogo1
	{
	float:left;
	}
.DUHeaderLogo4
	{
	}

.DUHeaderTitle
	{
/*
	position:relative;
	float:left;
	*/
	width:195px;
	text-align:center;
	/*
	height:50px;
	width:195px;
	font-size:large;
	border:1px solid yellow;
*/
	}
/*
.DUHeaderTitle div
	{
	position:absolute;
	top:50%;
	height:1em;
	margin-top:-0.5em;
	text-align:center;
	width:195px;
	font-weight:bold;
	}
.DUHeaderTitle select
	{
	text-align:center;
	}
*/
.DUHeaderTitle img
	{
	text-align:center;
	float:none;
	}

.DUHeaderTimeZone
	{
	clear:both;
	font-size:x-small;
	background-color:#eeeeee;
	margin:0 25px;
	padding:5px;
	text-align:center;
/*	border:1px solid red;*/
	}

.DUHeaderSearch
	{
	text-align:center;
	margin:5px 5px 0 5px;
	}

.DUHeaderCalendar
	{
/*	float:right;*/
	white-space:nowrap;
	display:inline-block;
	}
.DUHeaderCalendarSize
	{
	text-align:center;
	}
.DUHeaderCalendarSize *
	{
	text-align:center;
	float:none;
	}

/*.DUHeaderCalendarSize select*/
/*.DUHeaderCalendarSize img*/
/*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

/*
******************************************************
******************************************************
******************************************************
* Icon classes
*/

/*
.DULogoXX
	{
	background: transparent url(/v34/images/DaysUntilLogo1.4.100x100.png) no-repeat scroll 0 0;
	width:350;
	height:100;
	font-size:60px;
	padding:3px 0 0 110px;
	text-align:left;
	line-height:100px;
	margin:10px 0 0 10px;
	float:left;
	}
.DULogoXX img
	{
	width:70%;
	}
*/

.DULogo
	{
/*	width:70%;*/
	}
.DULogo1
	{
	width:55px;
	border: 0;
	}
.DULogo4
	{
	width:250px;
	border: 0;
	}



.DUIcon
	{
	cursor:pointer; /* Needed when icon is just an <img> and not inside a link (<a>) */
	border: 0;
	vertical-align:middle;
	text-align:center;
	margin:2px;
	}

.DUIconLink
	{
	text-decoration: none;
	}

.DUIconCal
	{
	float:left;
	clear:both;
	width: 1.3em;
	text-align:center;
	padding: 0px 1px;
	text-decoration: none;
	/*
	margin: 1px;
	font-size:1em;
	line-height: 2em;

	display:block;
	text-decoration: none;
	cursor: help;
*/
	}
/*.DUDateDetails div .DUIconCalDef*/
.DUIconCalDef
	{
	border: 1px solid #0088FF;
	color: #0088FF;
/*	font-weight:bold;*/
	background: white;
	}
.DUDateDetails div .DUIconCalConv
	{
	border: 1px solid black;
	color: black;
	}
a.DU_icon_cal_conv
	{
	color: black;
	}

/* Define styles used in the menu */
#DUMenuContainer
	{
/*	margin-top:10px;
	border: 1px solid green;*/
	}

#DUMenu
	{
 	float: left;
 	padding: 3px 0 3px 10px;
	margin:0px;
	border-bottom: 1px solid #000000;
	font: bold 12px Verdana, sans-serif;
	color: BLACK;
	}
#DUMenu li {
	list-style: none;
	display: inline;
	padding: 0;
}
#DUMenu li a
	{
	padding: 3px 0.5em;
	border: 1px solid #AAAAAA;
	border-bottom: none;
	background: #b2dbff;
	text-decoration: none;
	}
#DUMenu li a:link { color: BLACK; }
#DUMenu li a:visited { color: BLACK; }
#DUMenu li a:hover {
	color: BLACK;
	background: #00BBBB;
	border-color: #AAAAAA;
}
#DUMenu li.active a {
	background: WHITE;
	border: 1px solid #000000;
	border-bottom: 1px solid white;
}
/*
 * Copyright © 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

/*
******************************************************
******************************************************
******************************************************
* Settings menu classes
*/

/* Define styles used in the menu */
#DUMenuSettingsContainer
	{
/*	margin-top:10px;
	border: 1px solid green;*/
	}

#DUMenuSettings
	{
	clear: both;
 	float: left;
	padding: 8px 0 3px 10px;
	margin:0px;
	border-bottom: 1px solid #000000;
	font: bold 12px Verdana, sans-serif;
	color: BLACK;
	}
#DUMenuSettings li {
	list-style: none;
	display: inline;
	padding: 0;
}
#DUMenuSettings li a
	{
	padding: 3px 0.5em;
	border: 1px solid #AAAAAA;
	border-bottom: none;
	background: #e5f3ff;
	text-decoration: none;
	}
#DUMenuSettings li a:link { color: BLACK; }
#DUMenuSettings li a:visited { color: BLACK; }
#DUMenuSettings li a:hover {
	color: BLACK;
	background: #00BBBB;
	border-color: #AAAAAA;
}
#DUMenuSettings li.active a {
	background: WHITE;
	border: 1px solid #000000;
	border-bottom: 1px solid white;
}
/*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

/*
******************************************************
******************************************************
******************************************************
* Tooltip classes
*   Technique from:http://naspinski.net/post/css-Tooltips--tutorial.aspx
*/
.DUTooltipParent
	{
	position:relative;
	}
div.DUTooltipParent:hover
	{
	z-index:25;
/*	color:green;*/
	}
.DUTooltip
	{
	color: black;
	display:none;
	position:absolute;
	text-align:left;
	padding:2px;
	border:1px solid Black;
	background-color:#ffffaa;
	/*opacity:1.0;*/				/* Override inherited opacity from DUCDayEventCurrent */
/*	filter:alpha(opacity=100);*/
	top:8px;
	left:100px;
	width:350px;
	line-height:1em;
	white-space:normal;
	z-index:25;
	}
.DUTooltipParent:hover .DUTooltip
	{
/*	color:red;*/
	display:block;
	}
/*
div.DUtooltip:hover {display:block; z-index:25; color:red;}
*/	/* Don't know why "div" is required here, but not above */

.DUTooltipMonth
	{
	top:1.25em;
	left:1.25em;
	width:300px;
	}
/*.DUTooltipDay		{ left:100px; }*/
.DUTooltipDayPrev	{ left:50px; }
/*.DUTooltipDayNext	{ left:100px; }*/

/*
div.DUtooltip
	{
	position:relative;
	}
div.DUtooltip:hover {z-index:25;}
div.DUtooltip div
  {
  color: black;
  display:none;
  position:absolute;
  top:1.25em;
  left:1.75em;
  text-align:left;
  width:250px;
  padding:2px;
  border:1px solid Black;
  background-color:#ffffaa;
	}
div.DUtooltip:hover div {display: block;}
*/

/*
div.DUTooltipParent
	{
	position:relative;
	}
div.DUTooltipParent:hover {z-index:25;}
div.DUTooltip2
	{
	color: black;
	display:none;
	position:absolute;
	top:1.25em;
	left:1.75em;
	text-align:left;
	width:250px;
	padding:2px;
	border:1px solid Black;
	background-color:#ffffaa;
	}
div.DUTooltip2:hover {display: block;}
*/

.DUtooltipNotes
	{
	font-size:xx-small;
	}
/*
 * Copyright � 2008 - 2009 David DeGroote, Symmetric Designs, and DaysUntil.com. All rights reserved.
 */

.DUTimeZone
	{
/*	clear:both;*/
	width:75%;
	float:left;
	font-size:small;
	background-color:#eeeeee;
	border:1px solid #aaaaaa;
	margin:10px 2px;
	}