/*---useful pieces---*/

.module
{
	float:left;
	margin: 0 0 10px 0;
	width: 100%;
}

.borderBoxGrey
{
	border: 1px solid #666;
}

.floatRight
{
	float:right;
	margin: 0px;
	padding: 0px;
}

.note
{
	font-size:85%;
	color: #666;
	float: left;
}

.greenText
{
	color:#009900;
}

.redText
{
	color:#990000;
}

.surveyRequired
{
	color:#990000;
}


.instructions
{
	float:left;
	color: #666;
}

.divObscura
{
	background-color:Black;
	width:100%;
	height:2000px;
	z-index:1000;
	position:absolute;
	top:0px;
	left:0px;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
}

.divPop
{
	width:800px;
	height:600px;
	position:absolute;
	left:25%;
	top:25%;
	background-color:White;
	overflow:auto;
	z-index:1002;
	padding: 10px;
	border: 1px solid #666;
}

.centerer
{
	margin:auto;
	width:100%;
}

.toolTip
{
	border: 1px #999999 solid;
	padding: 1px;
	display: inline;
	background: #eeeeee;
	margin: 0 5px 0 5px;
	line-height:18px !important;
	font-size:12px !important;
	font-weight:bold;
}

.toolTip a 
{
	color:#666666;
	position: relative;
	text-decoration: none;
}

.toolTip .hidden 
{
	display:none;
	border: 1px  #ff9900 dashed;
	background: #ffffcc;
	padding: 10px;
	color: #000066;
}

.toolTip .hidden img
{
	border:none;
}

.toolTip a:hover .hidden 
{
	display:block; 
	position:absolute;
	top: -5px;
	left: 10px;
	z-index:1000;
}

.toolTip .sixWide
{
	width: 600px;
}

.toolTip dt 
{
	float: left;
	font-weight: bold;
	width: 150px;
	margin: 3px 0 10px 0;
	padding: 3px 0 0 0;
	border-top: 1px dashed #b2b2ad;
}

.toolTip dd
{
	float: left;
	font-weight: normal;
	width: 430px;
	margin: 3px 0 10px 0;
	padding: 3px 0 0 0;
	border-top: 1px dashed #b2b2ad;
}

.toolTip .toolTipTop
{
	border: none;
}

.toolTip dl
{
width: 580px;
margin: 0;
padding: 0;
}

.captchaBox
{
	width: 264px;
	float:left;
	border: 1px solid #aaa;
	background:#efefef;
	padding: 10px 9px 10px 9px;
	margin: 8px;
}

.captchaBoxTop
{
	width: 264px;
	float:left;
	font-size:90%;
	font-weight: bold;
	margin-bottom: 8px;
}

.captchaImageBox
{
	border: 1px dashed #666;
	width: 250px;
	height: 80px;
	padding:5px;
	margin-bottom:10px;
	background: #fff;
	float:left;
}

.captchaQuestion
{
	font-size: 90%;
	font-style:italic;
	margin-bottom:5px;
	float:left;
	width: 250px;
}

.captchaAnswer
{
	float:left;
	width: 250px;
}


.helpRevealButton
{
	float:left;
	padding:5px;
	padding-left: 22px;
	text-align:left;
	margin: 0 4px 0 0;
	color:blue;
	font-size: 110%;
	background: url(/images/help.png) no-repeat 2px 6px;
	border:none;
	font-weight:normal;
}

.helpRevealButton a 
{
	color:blue;
	position: relative;
	text-decoration: underline;
}

.helpRevealButton .hidden 
{
	display:none;
	border: 1px  #ff9900 dashed;
	background: #ffffcc;
	padding: 10px;
	color: #000066;
}

.helpRevealButton a:hover .hidden 
{
	display:block; 
	position:absolute;
	top: -5px;
	left: 10px;
	z-index:1500;
}


/*---buttons---*/

.button
{
	float:left;
	padding:5px;
	border: 1px solid #969696;
	background: #fff;
	font-size: 100%;
	color: #000;
	text-align:left;
	margin: 0 4px 0 0;
	cursor:pointer;
}

.button a img{
	border:none;
	display:block;
	float:left;
	}

.addButton
{
	color:#009900;
	font-size: 110%;
	padding-left: 22px;
	background: url(/images/add.png) no-repeat 2px 6px;
	border: none;
}

.addBulletButton
{
	color:#009900;
	padding-left: 22px;
	background: url(/images/bullet_add.png) no-repeat 2px 6px;
	border: none;
}

.resetButton
{
	color:blue;
	font-size: 110%;
	padding-left: 22px;
	background: url(/images/arrow_Round_undo.png) no-repeat 2px 6px;
	border: none;
}

.deleteButton
{
	color:#CC0000;
	font-size: 110%;
	padding-left: 22px;
	background: url(/images/delete.png) no-repeat 2px 6px;
	border: none;
}

.deleteBulletButton
{
	color:#CC0000;
	padding-left: 22px;
	background: url(/images/bullet_delete.png) no-repeat 2px 6px;
	border: none;
}

.redBulletButton
{
	background: url(/images/bullet_red.png) no-repeat 2px 6px;
}

.subButton
{
	font-size: 100%;
	margin-left: 20px;
}

.addListButton
{
	background: url(/images/add_list.png) no-repeat 2px 6px;
}

.addEmailButton
{
	background: url(/images/email_add.png) no-repeat 2px 6px;
}

.addPageButton
{
	background: url(/images/page_add.png) no-repeat 2px 6px;
}

.editPageButton
{
	background: url(/images/page_edit.png) no-repeat 2px 6px;
}

.saveButton
{
	background: url(/images/disk.png) no-repeat 2px 6px;
}

.starButton
{
	background: url(/images/star.png) no-repeat 2px 6px;
}

.acceptButton
{
	background: url(/images/accept.png) no-repeat 2px 6px;
}

.helpButton
{
	background: url(/images/help.png) no-repeat 2px 6px;
}

.dateButton
{ 
	background: url(/images/date.png) no-repeat 2px 6px;
}

.emailButton
{ 
	background: url(/images/email.png) no-repeat 2px 6px;
}

.zoomButton
{ 
	background: url(/images/zoom.png) no-repeat 2px 6px;
}

.errorButton
{ 
	background: url(/images/error.png) no-repeat 2px 6px;
}

.smallButton
{
	font-size: 10px;
}

.revealButton
{
	font-size: 10px;
	padding-left: 18px;
	background: url(/images/bullet_toggle_plus.png) no-repeat 1px 4px;
	border: none;
}


.redButton
{
	color:#CC0000;
}

.blueButton
{
	color:Blue;
}

.redBorder
{	
	font-weight:bold;
	border-top:1px solid #CC0000;
	border-left:1px solid #CC0000;
	border-right:1px solid #730202;
	border-bottom:1px solid #730202;
	background-color: #fff;
	background-position: 4px 6px;
	text-decoration:none;
}

.greenBorder
{
	font-weight:bold;
	border-top:1px solid #009900;
	border-left:1px solid #009900;
	border-right:1px solid #004c00;
	border-bottom:1px solid #004c00;
	background-color: #fff;
	background-position: 4px 6px;
	text-decoration:none;
}

.blueBorder
{
	font-weight:bold;
	border-top:1px solid #0000ff;
	border-left:1px solid #0000ff;
	border-right:1px solid #010174;
	border-bottom:1px solid #010174;
	background-color: #fff;
	background-position: 4px 6px;
	text-decoration:none;
}

.largeButton
{
	padding:8px 10px 8px 26px;
	border-width:2px;
	font-size: 140%;
	background-position: 6px 11px;
}

.rightButton
{
	float:right;
}

.slidingButtonLarge
{
	float:left;
	margin: 2px;
	height:42px;
}

.addButtonLarge
{
	padding:9px;
	padding-left: 40px;
	background:url(/images/large_add.png) no-repeat top left;
	background-position:4px 4px;
	border:none;
	color:#009900;
	font-size: 140%;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
}

.slidingButtonRightLarge
{
	background:url(/images/slidingButtonRightLarge.png) no-repeat top left #009900;
	float:left;
	height:42px;
	width:15px;
}

.slidingButtonLeftLarge
{
	background:url(/images/slidingButtonLeftLarge.png) no-repeat top left #009900;
	float:left;
	height:42px;
}

.acceptButtonLarge
{
	padding:9px;
	padding-left: 40px;
	background:url(/images/icon_acceptLarge.png) no-repeat top left;
	background-position:4px 4px;
	border:none;
	color:#009900;
	font-size: 140%;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
}

/*---error---*/

.errorBox
{
	float:left;
	width: 100%;
	margin: 10px;
	padding: 10px 10px 10px 45px;
	border: 2px solid #cc0033;
	background: url(/images/errorIcon.jpg) no-repeat left #fff;
	color: #cc0033;
	font-size:14px;
	line-height:20px;
	text-align:left;
}


.errorPop
{
	position:absolute;
	top:300px; 
	left:350px;
	width:300px;
}

.errorPopTop
{
	width:55px;
	height:17px;
	background: url(/images/errorShadowTop.png) no-repeat left top;
	padding:10px 0 0 245px;
}

.errorPopMiddle
{
	width:230px;
	background: url(/images/errorShadowMiddle.png) repeat-y left top;
	color:#990000;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	text-align:left;
	padding:5px 20px 0 50px;
	overflow:hidden;
	min-height:40px;
	height:auto !important;
	height:40px;/*Needs to match the min height pixels above*/
}

.errorPopBottom
{
	width:300px;
	height:19px;
	background: url(/images/errorShadowBottom.png) no-repeat left top;
}

.errorCloseLink
{
	color:#000;
	font-size: 10px;
}