.textCallout
{
	padding:1px 2px;
	border:1px dotted #C8DDFF;
	color:#336699;
}
.hiliteCallout
{
	padding:1px 2px;
	border:1px dotted #FFCC33;
}
.noteCallout
{
	padding:1px 2px;
	border:1px dotted #cccccc;
}
.textCallout IMG, .hiliteCallout IMG, .noteCallout IMG
{
	height:16px;
	width:16px;
}
.finalDateCallout
{
	font-weight:bold;
	color:#FF6633;
	border:1px dotted #FF6633;
	padding:2px 4px;
	margin:0px 5px;
}
.relMenuCallout
{
	border:1px dashed #FFCC33;
	padding:2px 8px;
	margin:4px;
	font-size:15px;
}
.relMenuCallout IMG
{
	margin-right:4px;
	height:32px;
	width:32px;
}
.relMenuCallout .two
{
	font-weight:bold;
}
.relMenuCallout .two IMG
{
	float:left;
}
.relMenuCallout .two .note
{
	font-weight:normal;
	font-size:12px;
}
.relMenuCallout .sub
{
	margin:2px 0px;
	padding:2px 0px 0px 16px;
	border-top:1px dotted #cccccc;
	font-size:12px;
	line-height:16px;
}
.relMenuCallout .sub IMG
{
	margin-right:4px;
	height:16px;
	width:16px;
}
.relMenuCallout .sub A, .relMenuCallout .sub A:link
{
	color:#999999;
}
.hiliteRow
{
	padding:5px;
	border-top:1px dotted #C8DDFF;
	border-bottom:1px dotted #C8DDFF;
}

.basicdatepicker SPAN
{
	display:none;
}
.bdpFootNote
{
	display:none;
}
body
{
	font-family: Arial,Verdana;
	font-size: 12px;
	color: #333333;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
}
form
{
	display:inline;
}
ol, ul
{
	padding:0px 5px 0px 15px;
	/*NORMAL margin -> margin:0px;*/
	/*ADD left/right margin to match "p" margin -> margin:0px 15px;*/
	margin:0px 15px;
}
/*adjust margin if nested*/
p ol, p ul, ol ol, ol ul, ul ol, #container ol, #container ul
{
	padding:0px 5px 0px 15px;
	margin:0px;
}
ul.index, ol.index
{
	font-size:16px;
}
li
{
	padding:0px;
	margin:7px 5px 7px 10px;
}
p, .p
{
	font-size:13px;
	margin:7px 15px;
}
h1
{
	font-weight:normal;
	font-size:24px;
	margin:5px 0px;
}
h2
{
	font-weight:normal;
	font-size:20px;
	color:#3366CC;
	margin:10px;
}
h3
{
	font-weight:bold;
	font-size:15px;
	color:#003366;
	margin:10px;
}
h3.text
{
	font-weight:normal;
}
a, a:link, a:visited
{
	color:#4A73B5;
	text-decoration:underline;
}
a:hover, a:active
{
	color:#CC3300;
	text-decoration:none;
}
.notice
{
	background:url(http://assets.whichdateworks.com/images/icons/system-alert-note.png) no-repeat -30px -20px;
	margin:25px;
	font-family:Verdana,Arial;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	color:#FFFFFF;
	border:3px dashed #EEEEEE;
	background-color:#B6BBFF;
	padding:20px 10px 20px 100px;
}
.vsum
{
	background:url(http://assets.whichdateworks.com/images/icons/caution.png) no-repeat -30px;
	margin:10px 25px;
	font-family:Verdana,Arial;
	font-size:16px;
	border:3px dashed #EE3300;
	background-color:#FFED66;
	padding:10px 10px 10px 70px;
}
.vsum UL
{
	margin:5px;
}
.vsum LI
{
	font-size:14px;
	font-style:italic;
	color:#000000;
	margin:5px;
}
.topLogoBanner
{
	background-color:#CC3300;
	background-image:url(http://assets.whichdateworks.com/images/wdw-logo-bg.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
	border-bottom:3px solid #CC3300;
	text-align:center;
}
.topMenu
{
	background:#333333 url(http://assets.whichdateworks.com/images/top-menu-bg.jpg) repeat-x top left;
	padding:0px 10px;
	margin:0px;
	height:25px;
	line-height:25px;
	color: #999999;
}
.topMenu .on, .topMenu A, .topMenu A:link
{
	color: #ffcc33;
}
.topMenu .off, .topMenu A.off, .topMenu A.off:link
{
	color: #999999;
}
.topMenu span
{
	color: #CCCCCC;
}
.topMenu input.textbox
{
	text-align:center;
	font-size:11px;
	line-height:14px;
	padding:0px;
	margin:0px 1px;
	height:15px;
	background-color:#666666;
	border:1px solid #999999;
	color:#cccccc;
	width:100px;
}
.topMenu input.on
{
	background-color:#666666;
	border:1px solid #cccccc;
	color:#ffffff;
}
.topMenu .button
{
	font-size:11px;
	line-height:14px;
	height:19px;
	margin:0px;
	padding:0px;
	color:#333333;
}
.mainNavBanner
{
	border-bottom:1px solid #FFCC66;
	padding:2px 15px;
	line-height:24px;
	text-align:center;
	background-color:#ffffff;
}
.mainContextNav
{
	font-size:14px;
}
.mainContextNav IMG
{
	margin:0px 5px;
}
.footMenuBanner
{
	border-top:1px solid #CC6600;
	border-bottom:3px solid #993300;
	background-color:#FFCC66;
	padding:10px 20px;
	line-height:16px;
}
.footMenuBanner UL
{
	list-style-type:none;
	margin:5px;
	padding:0px;
}
.footMenuBanner UL LI
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.mainNav
{
	font-size:14px;
	color:#ffcc33;
}

.mainNav a, .mainNav a:link, .mainNav a:visited
{
	color:#FFFFFF;
}
.mainNav a:hover, .mainNav a:active
{
	color:#ffcc33;
}

.body {
	padding:0px;
	padding-bottom:5px;
	background-color:#ff9933;
	background-image:url(http://assets.whichdateworks.com/images/bg-grad-white-orange.gif);
	background-position:0px -300px;
	background-repeat:repeat-x;
	text-align:center;
}

.feedbackRow
{
	display:none;
}
.fframe
{
	border:0px none Transparent;
	height:130px;
	width:650px;
	overflow:hidden;
}

input.StepButton {
	font-size: 14px;
	font-family: Arial, Verdana;
	color: #336699;
	height: 30px;
}

span.StepDone
{
	padding:1px 5px;
	background-color:#FFCC33;
	border:2px solid #FFEF80;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana,Arial;
	font-weight:bold;
}
span.StepOn
{
	padding:1px 5px;
	background-color:#FF9933;
	border:2px solid #FFCC33;
	color:#FFFFFF;
	font-size:14px;
	font-family:Verdana,Arial;
	font-weight:bold;
}
span.StepOff
{
	padding:1px 5px;
	background-color:#EEEEEE;
	border:2px solid #FFFFFF;
	color:#CCCCCC;
	font-size:14px;
	font-family:Verdana,Arial;
	font-weight:bold;
}

h1.Step
{
	font-family:Verdana;
	color:#FF6633;
	margin-top:10px;
	margin-left:15px;
}

div.Step
{
	margin:5px;
	padding:5px 15px;
	border:3px solid #EEEEEE;
}
div.Step TABLE
{
	margin-top:5px;
}

div.Page
{
	margin:5px auto;
	padding:5px;
	border:2px solid #FF9900;
	background-color:#FFFFFF;
	width:760px;
	text-align:left;
}

div.MessageBox
{
	font-family:Verdana,Arial;
	font-size:16px;
	font-weight:bold;
	color:#FF3333;
	margin:15px auto;
	padding:10px;
	border:4px double #FFCC33;
	background-color:#FFEF80;
	width:726px;
	/*text-align:left;*/
}

.caption
{
	font-weight:bold;
}
/*
.bigCaption
{
	font-size:16px;
	font-weight:bold;
	color:#3366cc;
}
*/
.areaTabOn
{
	color:#375688;
	padding:5px 15px 5px 10px;
	border-left:5px solid #C8DDFF;
	border-top:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background-color:#EAF2FF;/*#DDEAFF; #C8DDFF;*/
	font-size:13px;
	line-height:16px;
	font-weight:bold;
}
DIV.areaOn
{
	border:1px solid #DDDDDD;/*#DDEAFF; #C8DDFF;*/
	border-left:5px solid #C8DDFF;
	background-color:#EAF2FF;
	padding:5px;
	margin-bottom:10px;
	font-size:12px;
}
DIV.areaOn A, DIV.areaOn A:link, DIV.areaOn A:active, DIV.areaOn A:visited
{
	color:#4A73B5;
	text-decoration:underline;
}
DIV.areaOn A:hover
{
	text-decoration:none;
}
DIV.areaOn INPUT.textbox
{
	font-family: Arial,Verdana;
	font-size:14px;
	color:#333333;
	border:3px solid #EEEEEE;/*#C8DDFF;*/
	/*border-left:2px solid #CCCCCC;*/
	padding:8px;
	width:95%;
}
DIV.areaOn TEXTAREA.textarea
{
	font-family: Arial,Verdana;
	font-size:14px;
	color:#333333;
	border:3px solid #EEEEEE;/*#C8DDFF;*/
	/*border-left:2px solid #CCCCCC;*/
	padding:8px;
	width:95%;
	height:expression(this.scrollHeight+'px');
	overflow:auto;
	overflow-x:auto;
	overflow-y:scroll;
}
DIV.areaOn DIV.intro
{
	font-family: Verdana,Arial;
	color:#4A73B5;
	padding-bottom:5px;
	margin:5px auto;
	border-bottom:1px dotted #C8DDFF;
}
DIV.areaOn DIV.caption
{
	font-family: Verdana,Arial;
	color:#4A73B5;
	margin:5px 10px;	
	font-weight:bold;
	font-size:11px;
}
DIV.areaOn DIV.footer
{
	font-family: Verdana,Arial;
	color:#4A73B5;
	padding-top:5px;
	margin-top:5px;	
	border-top:1px dotted #C8DDFF;/*#EEEEEE;*/
	font-style:italic;
}
DIV.areaOn DIV.hilite
{
	/*background-color:#EAF2FF;*/
}
.areaTabOff
{
	padding:3px 10px;
	background-color:#EEEEEE;
	font-size:11px;
}
DIV.areaOff
{
	border:3px solid #EEEEEE;
	padding:5px;
	margin-bottom:10px;
	font-size:12px;
}