/*------------------------------------------------------------------
[Global Styles Stylesheet]

Project:			Nooma
Version:			1.0
Primary use:		Web site - Specific Section Styles
Lead Designer:		ad2, Inc.
------------------------------------------------------------------
[Table of Contents]
[1] Index
[2] SubNav
[3] Subpage Template
[4] My Account:User Manager
[5] MY ACCOUNT:ALERT MANAGER
[6] MY ACCOUNT:REPORTS
[7] HOW IT WORKS
[8] WHY NOW
[9] TRY NOW
[10] SUPPORT
[11] Access Denied Page
/*------------------------------------------------------------------
[1]INDEX
*/
#indexUpperTop
{
	width: 978px;
	height: 10px;
	float: left; 
	display: block; 
	font-size: 0;
	border-top: 1px solid #ebebeb;
	background-color: #fff	
}
	#upperCornerL
	{
		width:11px; 
		height:11px; 
		float: left;
		font-size: 0;
		background: url(../images/_layout/indexBoxTL.gif) no-repeat top left
	}
	#upperCornerR
	{
		width:11px; 
		height:11px; 
		float:right;
		font-size: 0;
		background: url(../images/_layout/indexBoxTR.gif) no-repeat top right
	}
#indexUpper
{
	width: 100%;
	min-height: 294px;
	height: expression(this.scrollHeight < 295 ? "294px" : "auto");
	margin-top:-2px; /* deleting weird 2px gap in chrome */
	padding-bottom: 10px;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	background-color: #fff
}
#flashContainer
{
	float:left; padding-left: 11px
}
#indexTrialFeature
{
	float:right;
	position: relative; 
	padding-right: 11px
}
	#indexTrialFeature a
	{
		width: 227px;
		height: 48px;
		position: absolute;
		margin: 226px 0 0 21px;
		text-indent: -9999px;
		background: url(/shared/images/_layout/indexBlueBtn.png) no-repeat top left
	}
	#indexTrialFeature a:hover
	{
		background-position: bottom left
	}
#indexLower
{
	width: 100%;
	min-height: 185px;
	height: expression(this.scrollHeight < 186 ? "185px" : "auto");
	position: relative;
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	background: #fff url(/shared/images/_layout/indexLowerBg.gif) repeat-x top left
}
#indexLowerContents
{
	padding: 30px 10px 0 20px
}
#indexLowerBtm
{
	width: 982px;
	height: 9px;
	float: left; 
	display: block; 
	font-size: 0;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff
}
	#lowerCornerL
	{
		width:9px; 
		height:9px; 
		float: left;
		font-size: 0;
		background: url(../images/_layout/indexBoxBL.gif) no-repeat bottom left
	}
	#lowerCornerR
	{
		width:9px; 
		height:9px; 
		float:right;
		font-size: 0;
		background: url(../images/_layout/indexBoxBR.gif) no-repeat bottom
	}
#indexNewsBox
{
	width: 450px;
	min-height: 97px;
	height: expression(this.scrollHeight < 98 ? "97px" : "auto");
	float:left;
	background: #fff url(/shared/images/_layout/indexFeatBoxBg450.gif) no-repeat;
    margin-left:20px;
}
	#indexNewsIcon
	{
		width: 88px;
		height: 91px;
		position: absolute;
		margin: -10px 0 0 -25px;
		background: url(/shared/images/_layout/indexNewsIcon.png) no-repeat
	}
	#indexNewsAccordion
	{
		padding: 20px 15px 10px 70px
	}
	#indexLinkContents
	{
		padding: 20px 15px 10px	
	}
	#indexNewsAccordion h3
	{

	}
	#indexNewsAccordion div div,  #indexLinkContents p
	{
	font-size: 1.1em;
	line-height: 1.4em
	}
#indexLinkBox
{
    font-size:1.1em;
    line-height:1.4em;
	width: 450px;
	min-height: 97px;
	height: expression(this.scrollHeight < 98 ? "97px" : "auto");
	float: left;
	margin: 0 20px 0 0;
	margin-left:20px;
	background: #fff url(/shared/images/_layout/indexFeatBoxBg450.gif) no-repeat
}
	#indexFactIcon
	{
		width: 88px;
		height: 81px;
		position: absolute;
		margin: -10px 0 0 -25px;
		background: url(/shared/images/_layout/indexFactIcon.png) no-repeat
	}
	#indexLinkIcon /* you can delete once they decide the section Facts from Links */
	{
		width: 90px;
		height: 81px;
		position: absolute;
		margin: -10px 0 0 -25px;
		background: url(/shared/images/_layout/indexLinksIcon.png) no-repeat
	}
	#indexLinkContents h3
	{
	 padding: 0 0 5px 17px;
	 background: url(/shared/images/_layout/linkIcon.gif) no-repeat top left
	 }
#indexHelpBox
{
	width: 180px;
	height: 244px;
	float: left;
	position: relative;
	padding-bottom: 10px;
	background: url(/shared/images/_layout/indexHelpBox.gif) no-repeat
}
	#indexHelpBox a
	{
		position: absolute;
		margin: 214px 0 0 35px;
		font-weight: bold;
		font-size: 1.5em;
		text-transform: uppercase
	}
	#indexHelpBox a:hover
	{
		text-decoration: none;
		color: #fff
	}
	#indexHelpBox a img
	{	
		width: 11px; 
		height: 11px;
		margin-left:3px;
		background: url(/shared/images/_layout/greenArrows.gif) no-repeat bottom left
	}
	#indexHelpBox a:hover img
	{
		background-position: bottom right
	}
/* Help light box */
.helpBoxHeader
{
	padding: 22px 10px 22px 78px; 
	color: #9ec450;
	font-size: 1.7em;
	background: url(/shared/images/_layout/indexHelpIcon.gif) no-repeat 0 0
}
/*------------------------------------------------------------------
[2]SUB NAV
*/
#subNav
{
	width: 177px; 
	float: left;
	margin: 25px 10px 0 0
}
#subpageLeftColUpper
{
	width: 155px;
	height: 10px;
	float: left; 
	display: block; 
	font-size: 0;
	border-top: 1px solid #ebebeb;
	background-color: #fff
}
#subpageLeftColLower
{
	width: 159px;
	height: 9px; 
	float: left; 
	display: block; 
	font-size: 0;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff
}
#subNavMiddle
{
	margin-top:-2px; /* deleting weird 2px gap in chrome */
	font-size: 1.2em;
	font-weight: bold;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	background-color: #fff;
}
#subNavMiddle ul
{
	padding: 10px 20px 15px 20px
}
#subNavMiddle ul li
{
	padding-bottom: 15px
}
#subNavMiddle ul li a
{
	color: #868686
}
#subNavMiddle ul li a:hover
{
	text-decoration: none;
	color: #82a140
}
/*selected nav styling*/
#selectedSubNav a
{
	color: #82a140 !important
}
#selectedSubNav img
{
	width: 10px; 
	height: 10px;
	margin-left: 5px;
	background: url(/shared/images/_layout/greenArrows.gif) no-repeat top left
}
#selectedSubNav ul
{
	padding: 0
}
#selectedSubNav ul li
{
	padding: 7px 0 0 5px
}
#selectedSubNav ul li a
{
	font-weight: normal; 
	color: #636363 !important;
	font-size: .9em
}
	#selectedSubNav ul li a:hover
	{
		color: #82a140 !important;
	}
	#selectedSubNav ul li a.selected
	{
		color: #82a140 !important;
	}
/*------------------------------------------------------------------
[3]SUBPAGE TEMPLATE
*/
#subpage
{
	width: 809px;
	float: left;
	margin-top: 25px
}
#subpageOneCol
{
	width: 100%;
	margin-top: 25px
}
#subpageUpper
{
	width: 787px;
	height: 10px; 
	float: left; 
	display: block; 
	font-size: 0;
	border-top: 1px solid #ebebeb;
	background-color: #9ec450
}
#subpageOneColUpper
{
	width: 978px;
	height: 10px; 
	float: left; 
	display: block; 
	font-size: 0;
	border-top: 1px solid #ebebeb;
	background-color: #9ec450
}
#subpage #upperCornerL, #subpageOneCol #upperCornerL
{
	width:11px; 
	height:11px; 
	float: left;
	font-size: 0;
	background: url(../images/_layout/subBoxGreenTL.gif) no-repeat top left
}
#subpage #upperCornerR, #subpageOneCol #upperCornerR
{
	width:11px; 
	height:11px; 
	float:right;
	font-size: 0;
	background: url(../images/_layout/subBoxGreenTR.gif) no-repeat top right
}
/*header settings for My Account section */
#subpageOneColUpperBrown /*for Login page*/
{
	width: 978px;
	height: 10px; 
	float: left; 
	display: block; 
	font-size: 0;
	border-top: 1px solid #ebebeb;
	background-color: #70645a
}
#subpageBrownUpper
{
	width: 787px;
	height: 10px; 
	float: left; 
	display: block; 
	font-size: 0;
	border-top: 1px solid #ebebeb;
	background-color: #70645a
}
#upperBrownCornerL
{
	width:11px; 
	height:11px; 
	float: left;
	font-size: 0;
	background: url(../images/_layout/subBoxBrownTL.gif) no-repeat top left
}
#upperBrownCornerR
{
	width:11px; 
	height:11px; 
	float:right;
	font-size: 0;
	background: url(../images/_layout/subBoxBrownTR.gif) no-repeat top right
}
#subpageLower
{
	width: 791px;
	height: 9px; 
	float: left; 
	display: block; 
	font-size: 0;
	border-bottom: 1px solid #ebebeb;
	background-color: #fff
}
#subpageMiddle
{
	overflow: hidden !important; /*equalHeight.js creat overflow auto*/
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	padding:0;
	margin-top:-2px; /* deleting weird 2px gap in chrome */
	background-color: #fff
}
#subpageOneColMiddle /* For 1Column Page */
{
	border-right: 1px solid #ebebeb;
	border-left: 1px solid #ebebeb;
	padding:0;
	margin-top:-2px; /* deleting weird 2px gap in chrome */
	background-color: #fff
}
#subpageHeader
{
	height: 38px;
	padding: 5px 0 0 20px;
	border-bottom: 1px solid #82a140;
	border-top: 0;
	background-color: #9ec450 
}
#subpageBrownHeader
{
	height: 38px;
	padding: 5px 0 0 20px;
	position: relative;
	border-bottom: 1px solid #362f2d;
	background-color: #70645a 
}
	#subpageBrownHeader .blueBtnContainer
	{
		position: absolute;
		top: -5px;
		right: 30px
	}
	/* use different gif for BlueButton in the header */
	.ie6 #subpageBrownHeader .blueBtn, .ie6 #subpageBrownHeader .bluePlusBtn
	{
		background-position: 0 -60px
	}
	.ie6 #subpageBrownHeader .blueBtn:hover, .ie6 #subpageBrownHeader .bluePlusBtn:hover
	{
		background-position: 0 -90px
	}
#subpageContents
{
	padding: 20px;
	font-size: 1.1em; 
	line-height: 1.4em;
}
	#subpageContents p
	{
		margin-bottom: 10px;
		line-height: 1.4em
	}
.subpageFormContainer
{
	margin: 20px;
	line-height: 1.4em
}
.subpageFormContainer br 
{
	clear: both
}
	.subpageFormSmallContainer
	{
		width: 370px
	}
/*------------------------------------------------------------------
[4]MY ACCOUNT:USER MANAGER
*/
/*-----Add A New User Page-------*/
.greenBox
{
	height: 160px;
	padding: 0 10px;
	border: 1px solid #9ec450;
	background-color: #f0fdcd
}
.greenBoxAddUser /* ISSUE! with MAC FF, buttons underneath the page off-aligned with height setting in AddUser.html  */ 
{
	padding: 0 10px;
	border: 1px solid #9ec450;
	background-color: #f0fdcd
}
	.greenBox .inputBig, .greenBoxAddUser .inputBig
	{
		float: left;
		width: 170px;
		margin: 3px 10px 5px 0;
		border: 1px solid #9ec450
	}
	.greenBox .grayBtnContainer, .greenBoxAddUser .grayBtnContainer
	{
		margin-top: 0
	}
#listAccordion
{
	width: 600px;
	float:left;
	border: 1px solid #9ec450
}
	#listAccordion h3
	{
		position: relative
	}
	#listAccordion h3 .listAccordionTitle
	{
		position: absolute; 
		left: 320px	
	}	
	#listAccordion h3 .listCollapse
	{
		position: absolute;
		right: 10px;
		font-weight: normal;
		font-size: .8em
	}
	#listAccordion h3 a
	{
		background-color: #f0fdcd
	}
		#listAccordion h3 a:hover
		{
			text-decoration: none
		}
	#listAccordion div div .radioBtnList
	{
		float: left;
		display: block;
		width: 299px;
		padding-top: 5px
	}
#blackOutSchedule
{
	padding-left: 150px;
	position: relative
}
	#blackOutSchedule input
	{
		margin: 4px 0 9px 0
	}
	#blackOutSchedule span
	{
		margin-top: 3px 
	}
	.webkit #blackOutSchedule .dropdown
	{
		margin-bottom: 7px
	}
	.ie #blackOutSchedule input
	{
		margin: 2px 0 3px 0
	}
	.ie #blackOutSchedule span
	{
		margin-top: 3px 
	}
.startHeader
{
	position: absolute;
	margin-left: 75px;
	margin-top: -20px;
	color: #9ec450;
	font-size: 1.1em;
	font-weight: bold
}
.endHeader
{
	position: absolute;
	margin-left: 175px;
	margin-top: -20px;
	color: #9ec450;
	font-size: 1.1em;
	font-weight: bold
}
.ie .startHeader
{
	margin-left: -175px;
}
.ie .endHeader
{
	margin-left: -75px;
}
.suggestionBox
{
	width: 160px;
	float: left;
	padding: 10px;
	margin: 5px 0 5px 10px;
	background-color: #f0fdcd
}
/*-----Edit User Page-------*/
.username /* text without inputBox*/
{
	float: left; 
	display: block; 
	margin: 2px 0 5px 8px; 
	font-size: 1.2em
}
/*section accordion (jQuery)*/
.toggleHeader_expanded 
{
	padding:9px 30px;
	margin-top:-1px;
	font-size:2em;
	cursor:pointer;
	border-top:1px solid #deeaba;
	border-bottom:1px solid #deeaba;
	background:#f0fdcd url(/shared/images/icons/toggleArrow_down_editUser.gif) no-repeat 13px center
}
.toggleHeader_collapsed
{
	padding:9px 30px;
	margin-top:-1px;
	font-size:2em;
	cursor:pointer;
	border-top:1px solid #deeaba;
	border-bottom:1px solid #deeaba;
	background:#f0fdcd url(/shared/images/icons/toggleArrow_editUser.gif) no-repeat 13px center
}
/*exception list accordion (jQuery)*/
#exceptionsBox
{
	width:600px;
	float:left;
	position: relative;
	border: 1px solid #9ec450;
	font-family:Verdana, Arial, Helvetica, sans-serif
}
#exceptionsBoxHeader
{
	height:27px;
	color:#96b158;
	font-weight:bold;
	font-size:1.1em;
	background-color: #f0fdcd
}
#exceptionsBoxHeader .leftHeader, #exceptionsBoxHeader .rightHeader
{
	width: 299px;
	height:27px;
	float:left;
	display:block
}

#exceptionsBoxHeader .leftHeader
{
	border-right: 1px solid #9ec450;
	background: transparent url(/shared/images/icons/icon_thumbsUpDown_small.png) no-repeat 12px 5px
}
.ie6 #filtersBoxContent #exceptionsBoxHeader /* ISSUE! header position wrong when load the page with ie6. EditUserPageOnly */
{
	position: relative;
	left: 0;
	top: 0
}
#exceptionsBoxHeader .rightHeader
{
	background: transparent url(/shared/images/icons/icon_thumbsUpDown_small.png) no-repeat 12px -16px
}
#exceptionsBoxHeader .leftHeader span, #exceptionsBoxHeader .rightHeader span
{
	padding:7px 31px;
	float:left; 
	margin-right:33px;
}

#exceptionsBoxHeader .listCollapse a
{
	width:60px;
	height:12px;
	float:left;
	margin-top:7px;
	font-weight: normal;
	font-size: .8em;
	cursor:pointer;
	background:url(/shared/images/_layout/btn_collapseExpand.gif) no-repeat 0px 0px
}

#exceptionsBoxHeader .listCollapse a:hover
{
	background:url(/shared/images/_layout/btn_collapseExpand.gif) no-repeat 0px -12px
}
#exceptionsBoxHeader .listExpand a
{
	width:60px;
	height:12px;
	margin-top:7px;
	float:left;
	font-weight: normal;
	font-size: .8em;
	cursor:pointer;
	background:url(/shared/images/_layout/btn_collapseExpand.gif) no-repeat 0px -24px
}
#exceptionsBoxHeader .listExpand a:hover
{
	background:url(/shared/images/_layout/btn_collapseExpand.gif) no-repeat 0px -36px
}

#exceptionsBoxContent .leftContent, #exceptionsBoxContent .rightContent
{
 	float:left;
	display:block;
	width: 275px;	
	padding:6px 12px;
}
#exceptionsBoxContent /* added 10/30/09 */
{
	background:url(/shared/images/_layout/midBorder.gif) repeat-y 0 0

}
/*#exceptionsBoxContent .leftContent
{
	border-right: 1px solid #9ec450
}*/
#exceptionsBoxContent label
{
	display:block;
	float:left;
	padding-top: 4px
}
.ie6 #exceptionsBoxContent label
{
	display:block;
	float:left;
	padding-top: 4px;
	padding-bottom: 3px
}
/*------------------------------------------------------------------
[5]MY ACCOUNT:ALERT MANAGER
*/
/* Static Table Style */
table.static
{
	width: 100%;
	color: #626365;
	margin:10px 0pt 15px;	
	text-align: left;
	background-color: #f0fdcd;
	border: 1px solid #c1c1c1;
	font-family: Verdana, Arial, Helvetica, sans-serif
}
table.static th
{
	padding: 4px;
	vertical-align:middle;
	font-weight:bold;
	background-color: #fff;
	border: 1px solid #c1c1c1
}
table.static td 
{
	padding: 10px;
	font-size:.9em;
	vertical-align: top;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
	background: url(/shared/images/_layout/whitePixel.gif) bottom left repeat-x
}
table.static  td.odd
{
	background-color:#e8f9b3
}
table.static .alertRecipientRow
{
	padding: 7px 10px;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
	background-color: #9ec450
}
table.static .alertRecipientRow a.linkDelete
{
	display: inline;
	font-size: .9em;
	font-weight: normal	
}
.lightestGreenBg
{
 	background-color: #f8fde6 !important
}
/* Add an Alert Widgets */

/*.lightBoxHeader
{
	display: block; 
	margin-bottom: 15px; 
	padding: 15px;
	color: #fff;
	background-color: #70645a
}
	.lightBoxHeader a 
	{ 
		color: #fff
	}*/
.alertBoxContentsBox
{
	padding: 10px;
	font-size: 1.1em
}
.alertBoxContentsBox .inputMed, .alertBoxContentsBox .inputSmall, .alertBoxContentsBox .dropdown
{
	margin: 0 0 5px 5px
}
.alertBoxContentsBox .linkDeleteGray
{
	float: left;
	display: block;
	margin-top: 5px
}
.ie6 .alertBoxContentsBox .linkDeleteGray
{
	width: 13px;
	height: 13px;
	float: left;
	display: block;
	margin-top: 4px
}
.alertBoxContentsBox .greenBorderBox .darkGreen /* solving disappearing issue with ie6 */
{
	display: block;
	width: 100%;
	background-color: #f0fdcd
}
/*------------------------------------------------------------------
[6]MY ACCOUNT:REPORTS
*/
a.actionTxt
{
	color: #fff;
	font-size: 1.2em;
	font-weight: bold
}
a.actionTxt:hover
{
	color: #fff;
	text-decoration: underline
}
a.actionGreenTxt
{
	font-size: 1em !important;
	font-weight: bold
}
a.actionGreenTxt:hover
{
	text-decoration: underline
}
.legendTxt
{
	width:140px; 
	margin-right:10px; 
	font-size: .9em;
	text-align:right
}
.scoreSite
{
	margin-top: 3px;
	float: left
}
.scoreSite img
{
	width: 11px;
	height: 11px;
	margin: 0 0 -2px 3px;
	background: url(/shared/images/icons/iconSets.png) no-repeat -47px -16px
}
.redBlock
{
	display:block; 
	width:30px; 
	height:30px; 
	background-color: #ff0000
}
.orangeBlock
{
	display:block; 
	width:30px; 
	height:30px; 
	background-color: #ff7900
}
.yellowBlock
{
	display:block; 
	width:30px; 
	height:30px; 
	background-color: #f4d500
}
.greenBlock
{
	display:block; 
	width:30px; 
	height:30px; 
	background-color: #9ec450
}
.redBg
{
	background-color: #ff0000 !important
}
.orangeBg
{
	background-color: #ff7900 !important
}
.yellowBg
{
	background-color: #f4d500 !important
}
.greenBg
{
	background-color: #9ec450 !important
}
/* pagenations */
a.prevBtn
{
	display: block;
	float: left;
	margin-right: 7px;
	width: 23px;
	height: 23px;
	background: url(/shared/images/_layout/nextPrevBtns.gif) no-repeat 0 0
}
a.prevBtn:hover
{
	background-position: 0 -23px
}
a.pageNum, a.pageNum:active, a.pageNum:focus, a.pageNum:visited 
{
	display: block;
	float: left;
	margin: 0 4px;
	padding:3px 5px;
	color: #898989;
	border:1px solid #ebebeb;
	background-color:#fafafa
}
a.pageNum:hover, a.pageNumSelected
{
	display: block;
	float: left;
	margin: 0 4px;
	padding:3px 5px;
	color: #82a140;
	text-decoration: none;
	border:1px solid #9ec450;
	background-color:#F8FDE6
}
a.nextBtn
{
	display: block;
	float: left;
	margin-left: 7px;
	width: 23px;
	height: 23px;
	background: url(/shared/images/_layout/nextPrevBtns.gif) no-repeat -23px 0
}
a.nextBtn:hover
{
	background-position: -23px -23px
}
/*------------------------------------------------------------------
[7]HOW IT WORKS
*/
h4.iconFeature
{
	padding: 20px 0 20px 70px;
	background: url(/shared/images/icons/iconFeatures.gif) no-repeat 0 0
}
/*------------------------------------------------------------------
[8]WHY NOW
*/
h4.iconFacts
{
	padding: 20px 0 20px 70px;
	background: url(/shared/images/icons/iconFacts.gif) no-repeat 0 0
}
.iconTips
{
	padding: 17px 0 17px 70px;
	background: url(/shared/images/icons/iconTips.gif) no-repeat 0 0
}
.listingNumber 
{
	width: 20px;
	float: left;
	margin-right: 10px;
	margin-bottom: 3px;
	text-align:right;
	font-size: 1.0em;
	/*font-weight: bold;*/
	color: #9ec450;
	vertical-align: bottom;
}
.linstingText
{
	font-size: 1.0em;
	width: 700px;
	float: left;
	display: block;
	vertical-align: bottom;
}
/*------------------------------------------------------------------
[9]TRY NOW
*/
.formHeader
{
	padding:9px 30px;
	margin-top:-1px;
	font-size:2em;
	border-top:1px solid #deeaba;
	border-bottom:1px solid #deeaba;
	background-color: #f0fdcd 
}
.termsBox
{
	float: left;
	width: 550px;
	height: 80px;
	padding: 10px;
	overflow-y: scroll;
	overflow-x: none;
	margin-left: 10px;
	border: 1px solid #c1c1c1
}
.termsBox ul, .termsBox ul li ul
{
	padding: 10px 0 10px 20px
}
.termsBox ul li
{
	list-style-type: decimal !important
}
/*------------------------------------------------------------------
[10]SUPPORT
*/
h4.iconFAQ
{
	padding: 7px 0 7px 45px;
	background: url(/shared/images/icons/iconFAQ.gif) no-repeat 0 0
}
/*------------------------------------------------------------------
[11] ACCESS DENIED PAGE
*/
#accessDeniedDetails h3
{
	font-size: 1.3em
}
#accessDeniedDetails div div
{
	padding: 0 20px;
	font-size: 1.1em
}
#accessDeniedDetails .spacerMed
{
	clear: both
}
.detailHeader
{
	float: left;
	width: 70px;
	text-align: right;
	color: #9ec450;
	font-size: 1.1em;
	font-weight: bold
}
.accessDeniedBox
{
	padding: 10px;
	border: 1px solid #9ec450;
	background-color: #f0fdcd
}