/* SYSTEM GENERATED 2015-02-24_12-52-02 (DO NOT MODIFY) */

/* Start of WIDGET.CSS */

/* NOTE references to planner folder */

#widgetPlanner #helpIcon {
	cursor: pointer;
	float: right;
	height: 15px;
	margin: -35px 4px 0 0;
}
#helpClose {
	float:left;
}

#widgetPlanner label {
	font-weight:bold;
	font-size:80%;
}

#widgetPlanner input {
	font-size:80%;
	margin-bottom:4px;
	/* display:block; */
	text-transform:uppercase;
	border:1px solid #CCCCCC;
	height:13px;
}
#widgetPlanner select {
	font-size:75%;
	border:1px solid #CCCCCC;
	display:inline;
}

#widgetPlanner #loc1, #widgetPlanner #loc2 {
	/* width:96%; */
	width:145px;
	display:inline;
	margin-top:-4px;
}

#widgetPlanner #timepicker1, #widgetPlanner #datepicker1 {
	width:56px;
	display:inline;
	/* float:right; */
	font-size:75%;
}
#widgetPlanner #timepicker1 {
	/* background:url("/planner/images/clk.png") right no-repeat; */
	margin-left:1px;
	width:54px;
}
#widgetPlanner label[for="datepicker1"] {
	margin-right:4px;
}
#widgetPlanner #datepicker1 {
	margin-top:-3px;
	/* background:url("/planner/images/cal.png") right no-repeat; */
}
#widgetPlanner .fldRight {
	float:right;
	margin-bottom:2px;
}
#widgetPlanner .fldRight label {
}
#widgetPlanner .fldRight select {
	margin-top:0px;
	width:86px;
}

#widgetPlanner .smBtn {
	vertical-align:middle;
	/* margin-top:-2px; */
	margin-bottom:2px;
}

#widgetPlanner #btnGo {
	margin:4px 0 0 46px;
}

#widgetPlanner .imgBtn {
	border:0px;
	background-color:white;
	padding:0;
	margin-left:-3px;
}

#widgetPlanner #otherOpts {
	margin:6px 0 0 4px;
}
#widgetPlanner #otherOpts p {
	font-size:70%;
	margin:4px 0 4px 0;
	text-align:center;
	color:#888888;
}
#widgetPlanner #otherOpts a:link {
	text-decoration:none;
}
#widgetPlanner #otherOpts img {
	margin-left:12px;
	border:0px;
}
#widgetPlanner #dadnab img {
	width:72px;
}
#widgetPlanner #google {
	width:55px;
}

#widgetPlanner .downMsg {
	color:red;
	font-weight:bold;
	text-align:center;
	font-size:110%;
}

#widgetPlanner #helpDiv {
	display:none;
	position:absolute;
	z-index:1000;
	border:2px solid #0069AA;
	border-radius:6px;
	box-shadow: 10px 10px 8px #888;
	background-color:#DDEEFF;
	padding:6px 12px 6px 6px;
}

#widgetPlanner #helpDiv h1 {
	font-size:100%;
	text-align:center;
}


/* AUTO-SUGGEST */

#suggs {
	margin-top:0px;
	padding:1px;
	background-color:white;
	position:absolute;
	z-index:1000;
	border:1px solid #AAA;
	border-radius:4px;
	box-shadow: 10px 10px 8px #888;
}

#suggs th {
	display:none;
}
#suggs td {
	cursor:pointer;
	font-size:80%;
	border-top:1px dotted #AAA;
	padding:1px;
}
.snv {
	color:#AAA;
	font-style:italic;
}

#dftip th {
	display:none;
}

.as_hl {
	background-color:#ADDFFF;
}
.as_nhl {
	background-color:#FFFFFF;
}
/* text typed */
.as1 {
	color:#888888;
}
/* text in match */
.as2 {
}


.asTyp {
	display:none;
}
.asTyp p {
}
.asTyp img {
	width:0px;
}
/* End of WIDGET.CSS */


/* Start of PICKER.CSS */

/* the div that holds the date picker calendar */
.dpDiv {
	z-index:9999;
	position:absolute;
	visibility:hidden;
	display:none;  /* 2/10/12 */
	box-shadow:	10px 10px 8px #888;
	border: 3px solid #0033AA;
	background-color: white;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	text-align: center;
	background-color: white;
	border-collapse:collapse;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	font-size:80%;
}

.dpHdgTR {
	font-size:80%;
	font-weight:bold;
	color:white;
	background-color: #0033AA;
}

.dpHdgTR td img {
	cursor:pointer;
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	cursor:pointer;
}

.dpTD a, .dpDayHighlightTD a {  /* time picker only */
	text-decoration:none;
	color:#000000;
}

.dpTD span, .dpDayHighlightTD span { /* time picker only */
	color:#808080;
	margin:0 4px 0 4px;
}

.dpTDHover a {  /* time picker only */
	text-decoration:none;
	color: red;
}
.dpTDHover span { /* time picker only */
	color:#808080;
	margin:0 4px 0 4px;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #CCCCCC;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
}

/* the table cell that holds the heading */
.dpHdgTD {
	text-align:left;
	padding:3px 4px;
	background-color:#0033AA
	color:white;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	padding: 0 3px;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 100%;
	color: gray;
	font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
	font-size: 100%;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-size: 80%;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
}

/* End of PICKER.CSS */