@charset "utf-8";
/* CSS Document */

/*===  RESET  ===*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*===  END RESET  ===*/

body { background:#fff; color:#333; font-family:Arial,Helvetica,sans-serif; font-size:0.625em; margin:0; width:100%; }
img { border:none; }
em { font-style:italic; }
strong { font-weight:bold; }
a { color:#96004b; font-weight:normal; text-decoration:none; }
sup, sup a { font-size:.8em; font-weight:bold; line-height:1.2em; vertical-align:top; }

#siteWrap { overflow:hidden; width:975px; }

	#header { background:#8b0431 url(../images/ClearCommitment/headerBg.gif) top left repeat-x; color:#fff; position:relative; width:975px; height:110px; }
		#myHumiraLogo span { position:absolute; top:32px; left:13px; width:131px; height:44px; }
			#myHumiraLogo span a { background:transparent url(../images/ClearCommitment/myHumiraCCLogo.gif) top left no-repeat; border:none; cursor:pointer; display:block; text-indent:-9999px; width:131px; height:44px; }
		#ccLogo span { position:absolute; top:41px; left:171px; width:238px; height:25px; }
			#ccLogo span a { background:transparent url(../images/ClearCommitment/ccLogo.gif) top left no-repeat; border:none; cursor:pointer; display:block; text-indent:-9999px; width:238px; height:25px; }
		#logoDivider { background:transparent url(../images/ClearCommitment/logoDivider.gif) left top no-repeat; position:absolute; top:0px; left:156px; width:1px; height:82px; text-indent:-9999px; } 
		#humiraLogo span { position:absolute; top:41px; right:15px; width:85px; height:34px; }
			#humiraLogo span a { background:transparent url(../images/ClearCommitment/humiraLogo.gif) top left no-repeat; border:none; cursor:pointer; display:block; text-indent:-9999px; width:85px; height:34px; }
		#extrasTop { background:#fff; padding:5px 10px; position:absolute; top:0px; right:15px; }
		    #extrasTop a:hover { text-decoration:underline; }
		    #extrasTop li { color: #96004b; display:inline; float:left; font-size:12px; font-weight:bold; }
		    #extrasTop li span { margin:0 7px; }
		#extras { position:absolute; top:90px; right:15px; }
			#extras a:hover { text-decoration:underline; }
			#extras li { color:#fff; display:inline; float:left; font-size:12px; }
			#extras li a { color:#fff; }
			#extras li span { margin:0 7px; }
				#extras li span.textMinus { margin:0; }
					
	#primaryNavWrap { background:#5e0528 url(../images/ClearCommitment/navBg.gif) top left repeat-x; clear:both; width:975px; height:32px; }
		#primaryNav { display:inline; float:left; width:469px; height:32px; }
			#primaryNav ul { float:left; }
			#primaryNav li { color:#fff; display:inline; float:left; font-size:12px; }
			#primaryNav li a { background:transparent url(../images/ClearCommitment/navDivider.gif) top left no-repeat; color:#fff; display:inline; float:left; font-weight:bold; height:16px; padding:8px 0; text-align:center; }
				#primaryNav li a:hover { background:#ddd url(../images/ClearCommitment/navHoverBg.gif) left bottom repeat-x; color:#96004b; }
				#primaryNav li a.selected { background:#fff; color:#96004b; }
				    #primaryNav li a.selected:hover { background:#fff; color:#96004b; }
		        #primaryNav li.services a { background:none; width:156px; }
		            #primaryNav li.services a:hover { background:#ddd url(../images/ClearCommitment/navHoverBg.gif) left bottom repeat-x; color:#96004b; }
		        #primaryNav li.financial a { width:120px; }
		        #primaryNav li.program a { width:193px; }
		#navTools { background:transparent url(../images/ClearCommitment/navToolsBg.jpg) top left no-repeat; display:inline; float:left; width:506px; height:32px; }
			#navTools a:hover { text-decoration:underline; }
			#loginWrap, #userOptions { display:inline; float:left; width:506px; height:32px; }
			#login { display:inline; float:left; margin:0; width:506px; height:31px; padding: 1px 0 0;}
				#loginFields { float:right; margin:0 3px 0 0; }
				#login a { color:#fff; }
				/*#login span { color:#fff; display:inline; float:left; font-size:10px; font-weight:bold; margin:3px 5px 0 10px; }*/
				#login #loginName { color: #FFF; display: inline; float: left; font-size:10px; font-weight:bold; margin: 9px 0 0 10px;}
				#login #statusLinks {width:135px; display: inline; float:right; font-size:10px; line-height: 12px; margin-top:9px;}
				#login .logoutLink, #login .editProfile { color:#fff; display:inline; font-size:10px; font-weight:bold; margin:2px 5px 0;}
				#login .inputField { /*background:transparent url(../images/ClearCommitment/loginInput.gif) top left no-repeat; width:92px; height:20px;*/}
					/*#login .inputField input { border:none; color:#666; font-size:10px; font-weight:bold; outline:none; padding:3px 3px 3px 4px; width:80px; height:14px; }*/
				#login #userField { display:inline; float:left; margin:0 0 0 1px; }
				#login #passField { display:inline; float:left; margin:0 0 0 3px; }
				#login .watermarked_usr { color: #FFF; font-size: 0px; border:none; text-align: right; background: #FFF url(../images/clearcommitment/usr_wMark.gif) 4px 4px no-repeat;}
				#login .watermarked_psw { color: #FFF; font-size: 0px; border:none; text-align: right; background: #FFF url(../images/clearcommitment/psw_wMark.gif) 4px 4px no-repeat;}
				#login input#loginBtn { border:none; outline:none; display:inline; float:left; margin:0 0 0 3px; width:30px; height:20px; }
			    #login.hideLoginPanel { display:none; }
			    #loginCopy { color: #FFF; float: left; height: 18px; line-height: 18px; overflow: hidden; padding: 7px 0 7px; width: 427px;}
					#loginCopy .newUser { display: inline; float: left; font-weight: bold; width: 161px; text-align: center;}
					#loginCopy .loginTip { background: url(../images/ClearCommitment/bg_loginTip.gif) no-repeat left top; display: inline; float: left; padding: 0 0 0 13px; width: 252px;}
						#loginCopy .loginTip span { color: #fac200; font-weight: bold;}
					#loginBtnWrap { float: right; height: 31px; position: relative; width: 77px; z-index: 100;}
						#loginBtn { display: block; height: 31px; position: relative; width: 77px; z-index: 10;}
							#loginBtn:hover { background: transparent;}
						#loginBtn .btn { background: url(../images/ClearCommitment/btn_signIn.gif) no-repeat left top; cursor: pointer; display: block; float: none; height: 31px; margin: 0; overflow: hidden; text-indent: -9999px;}
					#loginBtn table.forIE6 { left: 0; position: absolute; top: 0;}
					#loginBtnWrap .loginPanel { background: url(../images/ClearCommitment/bg_loginPanel.gif) no-repeat left top; height: 62px; left: -230px; position: absolute; top: 30px; visibility: hidden; width: 307px;}
					
						#loginBtnWrap .loginPanel table { margin: 7px 0 0 12px;}
						#loginBtnWrap .loginPanel .inputField { background-color: #FFF; border: 2px solid #f0f0f0; /*color: #333;*/ font-size: 13px; font-weight: bold; line-height: 13px; margin: 0 0 0 3px; padding: 3px 5px 1px; width: 102px;}
						#loginBtnWrap .loginPanel .loginBtn { margin: 0 0 0 2px;}
						#loginBtnWrap .loginPanel .forogtPw { color: #FFF; font-size: 10px; line-height: 12px; padding: 3px 0 0 135px;}
							#loginBtnWrap .loginPanel .forgotPw a { color: #FFF; text-decoration: none;}
							#loginBtnWrap .loginPanel .forgotPw a:hover { text-decoration: underline;}
					
					#loginBtnWrap:hover #loginBtn .btn, #loginBtn:hover .btn, #loginBtn.active .btn { background-position: 0 -31px;}
					#loginBtnWrap:hover .loginPanel, #loginBtn:hover .loginPanel { visibility: visible;}
			
			#userOptions, #userOptions a { color:#fff; font-size:12px; }
				#welcomeUser { display:inline; float:left; padding:8px 10px 0 10px; width:170px; }
				#logOutEdit { display:inline; float:right; width:129px; }
					#logOutEdit ul { display:inline; float:right; margin:8px 10px 0 0; }
					#logOutEdit li { display:inline; float:left; }
					#logOutEdit li span { margin:0 5px; }
				
	#contentWrap { clear:both; display:inline; float:left; padding:20px 0 0; width:975px; }
		#flashWrap { margin:-8px 0 0; }
		
			.homeCallout {display:block; margin:0 9px 10px; width:397px; }
			.getStarted { display:inline; float:right; margin:-4px 0 0; width:320px; }
				.homeCallout .getStarted p { font-weight:bold; float:left; }
				.homeCallout .getStarted img { display:inline; float:right; margin:0 0 0 10px; }
			/*.homeCallout h2 { background:#650065 url(../images/ClearCommitment/cornerLeftPurple.gif) top left no-repeat; color:#fff; float:left; font-size:13px; font-weight:bold; height:22px; padding:6px 10px 0 10px; }
			.homeCallout p { clear:left; padding:10px 15px 6px 10px; }
			.homeCallout ul { display:inline; float:left; margin:0 0 0 30px; }
			.homeCallout li { background:transparent url(../images/ClearCommitment/pinkBullet.gif) 0px 4px no-repeat; list-style-position:outside; padding:0 0 0 10px; }
			.homeCallout a:hover { text-decoration:underline; }*/
			.homeCallout h2, .homeCalloutLong h2 { background:#650065 url(../images/ClearCommitment/cornerLeftPurple.gif) top left no-repeat; color:#fff; float:left; font-size:13px; font-weight:bold; height:22px; padding:6px 10px 0 10px; }
			.homeCallout p, .homeCalloutLong p { clear:left; padding:10px 15px 6px 10px; font-size:1.2em;}
			.homeCallout ul, .homeCalloutLong ul { display:inline; float:left; margin:0 0 0 30px; }
			.homeCallout li, .homeCalloutLong li { background:transparent url(../images/ClearCommitment/pinkBullet.gif) 0px 4px no-repeat; list-style-position:outside; padding:0 0 0 10px; font-size:1.2em;}
			.homeCallout a:hover, .homeCalloutLong a:hover { text-decoration:underline; }
			
			
			.searchLink {font-size: 12px;}
		#sidebar { display:inline; float:left; margin:0 30px 0 10px; width:135px; }
			#search { border-bottom:1px solid #96004b; display:inline; float:left; padding:0 0 20px; width:135px; height:20px; }
				#search #searchField { background:#fff url(../images/ClearCommitment/searchInputBg.gif) top left no-repeat; display:inline; float:left;width:100px; height:20px; }
				.inputField input { background:none; border:none; color:#666; font-size:10px; font-weight:bold; outline:none; padding:3px 3px 3px 4px; width:88px; height:14px; }
				#search input#searchBtn { border:none; outline:none; display:inline; float:right; width:30px; height:20px; }
			#secondaryNav { border-bottom:1px solid #96004b; display:inline; float:left; margin:15px 0; padding:0 0 15px; width:135px; }
				#secondaryNav li { line-height:14px; }
				#secondaryNav li.selected a { color:#96004b; }				
				#secondaryNav li a { clear:left; color:#666; display:inline; float:left; font-size:12px; font-weight:bold; padding:3px 0; }
					#secondaryNav li a:hover { color:#96004b; }
					#secondaryNav li ul.subNav { margin:0 0 0 4px; }
						#secondaryNav li ul.subNav li ul.subNav { margin:0 0 0 8px; }
						#secondaryNav li ul.subNav li a { font-weight:normal; padding:3px 0 3px 7px; }
					#secondaryNav li ul.subNav li a.selected { color:#96004b; }
					#secondaryNav li ul.subNav.selected li a { color:#96004b; }
						#secondaryNav li ul.subNav li a.selected, #secondaryNav li ul.subNav li a:hover { background:transparent url(../images/ClearCommitment/sideNavArrow.gif) 0px 5px no-repeat; color:#96004b; }
				#secondaryNav li#medGuide a { background:#96004b; color:#fff; margin:3px 0; padding:3px 4px; }
			#abbottNav { display:inline; width:135px; }
				#abbottNav li a { clear:left; color:#666; display:inline; float:left; font-size:12px; font-weight:bold; padding:3px 0; }
					#abbottNav li a:hover { color:#96004b; }
		#primaryContentWrap { display:inline; float:left; margin:15px 0 0; overflow:hidden; width:800px; }
			#primaryContent { display:inline;/* float:left; margin:0 20px 0 0; width:389px;*/}
				#primaryContent .contained { overflow: hidden; width: 380px;}
				#primaryContent.contentWide { margin:0; width:800px; }
				#primaryContent h1, #primaryContentWrap h1 { color:#79053d; font-size:2.1em; line-height:0.9em; margin:0 0 0.5em; }
					#primaryContent h1.imageH1 { margin:0 0 1em; position:relative; width:389px; height:94px; }
					#primaryContent h1.imageH1 span { font-size:18px; position:absolute; width:389px; }
					#primaryContent h1.imageH1 img { margin:0; position:relative; z-index:9999; }
				#primaryContent h2 { color:#79053d; font-size:1.4em; font-weight:bold; margin:1.5em 0 0; }
				#primaryContent h3 { color:#79053d; font-size:1.2em; font-weight:bold; margin:1.5em 0 0; }
				#viewallinjectionsRequired p, #primaryContent p { font-size:1.2em; line-height:1.5em; margin:0 0 1em; }
				#viewallinjectionsRequired a:hover, #primaryContent a:hover { text-decoration:underline; }
				#viewallinjectionsRequired ul, #primaryContent ul { margin:0 0 1em 15px; }
				#viewallinjectionsRequired ul li, #primaryContent ul li { font-size:1.2em; line-height:1.5em; list-style-type:disc; margin:0 0 1em; }
					#viewallinjectionsRequired ul li ul li, #primaryContent ul li ul li { font-size:1em; }
				#viewallinjectionsRequired ol, #primaryContent ol { padding:0; }
					#viewallinjectionsRequired  ol li, #primaryContent ol li { font-size:1.2em; font-weight:bold; line-height:1.5em; list-style-type:decimal; margin:0 0 1em 30px; }
						#viewallinjectionsRequired ol li span, #primaryContent ol li span { font-weight:normal; }
				#primaryContent .healthyList { clear:both; display:inline; float:left; margin:0 0 1.5em; width:800px; }
				    #primaryContent .healthyList img { display:inline; float:left; margin:0 0 0 20px; }
				    #primaryContent .healthyList ol { float:left; width:500px; }
				        #primaryContent .healthyList ol li { font-weight:normal; line-height:1.3em; list-style-type:none; margin:0; padding:7px 15px 7px 40px; }
				        #primaryContent .healthyList ol li.list1 { background:#edf6ff url(../images/ClearCommitment/list1.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list2 { background:#fff url(../images/ClearCommitment/list2.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list3 { background:#edf6ff url(../images/ClearCommitment/list3.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list4 { background:#fff url(../images/ClearCommitment/list4.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list5 { background:#edf6ff url(../images/ClearCommitment/list5.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list6 { background:#fff url(../images/ClearCommitment/list6.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list7 { background:#edf6ff url(../images/ClearCommitment/list7.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list8 { background:#fff url(../images/ClearCommitment/list8.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list9 { background:#edf6ff url(../images/ClearCommitment/list9.gif) left 9px no-repeat; }
				        #primaryContent .healthyList ol li.list10 { background:#fff url(../images/ClearCommitment/list10.gif) left 9px no-repeat; }
				#primaryContent img { margin:0 0 1.2em; }
				#primaryContent .contentCallout { background:#fff url(../images/ClearCommitment/contentCalloutBg.gif) top left no-repeat; clear:right; display:inline; float:right; margin:0 0 15px 15px; width:146px; }
					#primaryContent .contentCallout p { margin:12px 15px 6px; }
					.contentCalloutBtm { background:#fff url(../images/ClearCommitment/contentCalloutBg.gif) bottom left no-repeat; clear:both; width:146px; height:12px; }
				#primaryContent .videoTestimonial { display:inline; float:right; margin:0 0 20px 20px; width:325px; }
				    #primaryContent .videoTestimonial h2 { font-size:1.7em; margin:0; }
				.beforeAfterWrap { display:inline; float:left; margin:0 0 1.6em; width:752px; }
				    #primaryContent .beforeAfterWrap h2 { color:#79053d; font-size:1.4em; font-weight:bold; margin:0 0 1.5em; }
				        .beforeAfterWrap h2 a { font-weight:bold; }
				        .beforeAfterWrap h2.left { display:inline; float:left; }
				        .beforeAfterWrap h2.right { display:inline; float:right; }
				            .beforeAfterWrap h2.right a.nextBtn { background:transparent url(../images/ClearCommitment/arrowNext.gif) right 4px no-repeat; display:inline; float:right; padding:0 15px 0 0; }
				            .beforeAfterWrap h2.right a.prevBtn { background:transparent url(../images/ClearCommitment/arrowPrev.gif) left 4px no-repeat; display:inline; float:right; padding:0 0 0 15px; }
				    .beforeAfterImageWrap {float:right; width:483px;}
						.beforeAfterTop { background:#fff url(../images/ClearCommitment/beforeAfterTop.gif) left top no-repeat; clear:both; display:inline; float:left; font-size:1px; line-height:1px; margin:1em 0 0; width:483px; height:10px; }
						.beforeAfterImages { background:#eae9e9; display:inline; float:left; overflow:hidden; padding:0 0 2em; width:483px; }
							#primaryContent .beforeAfterImages h3 { margin:1.5em 0 1em; text-align:center; }
							.beforeAfterImages .col1, .beforeAfterImages .col2 { display:inline; float:left; text-align:center; width:241px; }
							#primaryContent .beforeAfterImages img { margin:0 0 1em; padding:0; }
						.beforeAfterBtm { background:#fff url(../images/ClearCommitment/beforeAfterBtm.gif) left top no-repeat; clear:both; display:inline; float:left; font-size:1px; line-height:1px; margin:0 0 1em; width:483px; height:10px; }
				    .baSafetyWrap {float:left; width:243px;}
						.baSafetyWrap h2 {margin:15px 0 5px 0 !important;}
				#primaryContent #programToolsWrap { background:#fff url(../images/ClearCommitment/servicesBg.gif) top left repeat-y; clear: both; display:inline; float:right; font-size: 1.2em; margin:15px 0 10px 25px; overflow:hidden; width:391px; }
					#programToolsCallout { background:transparent url(../images/ClearCommitment/servicesBgTop.gif) top left no-repeat; width:391px; }
						#programToolsCallout .col1 { border-right:1px solid #ccc; display:inline; float:left; padding:5px 10px 0; width:175px; }
						#programToolsCallout .col2 { display:inline; float:left; padding:5px 10px 0; width:175px; }
						#programToolsCallout h2 { background:#650065 url(../images/ClearCommitment/cornerLeftPurple.gif) top left no-repeat; color:#fff; float:left; font-size:13px; font-weight:bold; height:21px; line-height:1em; margin: 0; padding:6px 10px 0 10px; }
					#programToolsContent { clear:both; padding:10px 0 0; width:391px; }
					#programToolsWrap #programToolsContent h3 { margin-top:10px; margin-bottom:0px; color: #96004b; font-size:1.1em; font-weight:bold; }
					#programToolsContent h3 a { display:block; font-size:1.16em; font-weight:bold; margin:0 0 10px; }
				    #programToolsContent p { font-size:1em; margin:0 0 1em; }
				    #programToolsContent p a:hover, #programToolsContent li a:hover { text-decoration:underline; }
					#programToolsContent a:hover { text-decoration:underline; }
					#programToolsBtm { background:transparent url(../images/ClearCommitment/servicesBgBtm.gif) bottom left no-repeat; clear:both; width:391px; height:14px; }
				
				/* REGISTRATION/PROFILE FORM */
				#regFormWrap table td { height:28px; }
				#regFormWrap { font-size:1.2em; }
				#primaryContent #regFormWrap .SignupThankyou p { font-size:1em; }
				#primaryContent #regFormWrap .SignupThankyou h1 { font-size:2em; }
				#primaryContent .noteBox { font-size: 1.2em; line-height: 1.5em; margin: 0 0 1.0em; width: 571px;}
					#primaryContent .noteBox .noteBoxTop { background: url(../images/ClearCommitment/bg_noteBox_top.gif) no-repeat left top; height: 9px; overflow: hidden; width: 571px;}
					#primaryContent .noteBox .noteBoxBottom { background: url(../images/ClearCommitment/bg_noteBox_bottom.gif) no-repeat left top; height: 9px; overflow: hidden; width: 571px;}
					#primaryContent .noteBox .noteBoxBody { background: #ddeffb; padding: 2px 15px;}
					#primaryContent .noteBox strong { color: #96004b;}
					#primaryContent .noteBox .exclaim { background: url(../images/ClearCommitment/bg_noteBox_exclaimation.gif) no-repeat left center; padding: 3px 0 3px 31px;}
				/* END REGISTRATION/PROFILE FORM */
				
				/* RECIPE */
				.recipeWrap { background:#fff url(../images/ClearCommitment/recipeBg.gif) left top repeat-y; overflow:hidden; position:relative; width:389px; }
				.recipeTop { background:transparent url(../images/ClearCommitment/recipeTop.jpg) left top no-repeat; overflow:hidden; width:389px; }
				.recipeBtm { background:transparent url(../images/ClearCommitment/recipeBtm.gif) left bottom no-repeat; overflow:hidden; padding:0 0 10px; width:389px; }
					#primaryContent .recipeBtm h2 { font-size:13px; margin:0; padding:8px 10px 0; vertical-align:text-bottom; width:230px; height:40px; }
					#primaryContent .recipeBtm .recipeInfo p { font-size:10px; padding:5px; position:absolute; top:0px; right:0px; width:125px; }
					.ingredients { padding:0 20px 10px; }
					#primaryContent .ingredients p { font-size:10px; font-weight:bold; line-height:1.2em; margin:1.5em 0 0.7em; }
					#primaryContent .ingredients ul { margin:0 0 1em 5px; }
					#primaryContent .ingredients ul li { background:transparent url(../images/ClearCommitment/recipeBullet.gif) left 6px no-repeat; font-size:10px; font-weight:bold; line-height:1.2em; list-style:none; padding:0 0 0 8px; }
				/* END RECIPE */
				#viewAllSlim { width:383px; }
				#viewAllSlim .ViewAllSlimTable { border-collapse:separate; }
					#viewAllSlimTop { background:transparent url(../images/tools/viewAllTopBgSlim.jpg) left top no-repeat; width:383px; height:27px; }
						#viewAllSlimTop h2 { background:#650065 url(../images/tools/cornerLeftPurple.gif) top left no-repeat; color:#fff; float:left; font-size:11px; font-weight:bold; height:20px; margin:0; padding:7px 10px 0 10px; text-transform:uppercase; }
						#viewAllSlimTop .util { color:#000; display:inline; float:right; font-size:11px; font-weight:bold; margin:5px 0 0; width:170px; }
							#viewAllSlimTop .util .backBtn a { background:transparent url(../images/tools/backBtnWht.gif) left top no-repeat; display:block; float:left; outline:none; text-indent:-9999px; width:80px; height:17px; }
							#viewAllSlimTop .util .sort { display:inline; float:right; margin:2px 7px 0 0; }
							#viewAllSlimTop .util a:hover { text-decoration:none; }
					#viewAllSlim .viewAllEntry { border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0 0 1px; padding:10px; position:relative; width:363px; }
						#viewAllSlim .viewAllEntry img.nextInjection { margin:0; position:absolute; top:-5px; right:40px; width:105px; height:30px; }
						.viewAllEntry .util { position:absolute; top:0px; right:0px; width:88px; }
							.viewAllEntry .util .editDelete { float:right; font-size:11px; border: 1px solid #fff;}
							.viewAllEntry .util .didIt { clear:both; display:inline; float:right; margin:11px 0 0; width:83px; }
							.viewAllEntry .util .dismiss { clear:both; display:inline; float:right; margin:11px 0 0; width:83px; }
								.viewAllEntry .util .didIt span, .viewAllEntry .util .dismiss span { display:block; float:right; font-size:11px; }
								.viewAllEntry .util .didIt input, .viewAllEntry .util .dismiss input { display:block; float:right; margin:0 0 0 5px; padding:0; width:13px; height:13px; }
						#primaryContent .viewAllEntry p.desc { font-size:11px; margin:0; width:280px; }
						#primaryContent .viewAllEntry p.docName { font-size:14px; margin:0; width:280px; }
						#primaryContent .viewAllEntry p.dateTime { font-size:16px; line-height:1em; margin:0 0 0.5em; }
						#primaryContent .viewAllEntry p.injectDate { font-size:16px; line-height:1em; margin:0; }
						#viewAllSlim .viewAllEntry.alt { background:#f0f7ff; border-bottom:1px solid #fff; border-top:1px solid #fff; }
							.viewAllEntry.alt .util .editDelete { border: 1px solid #f0f7ff;}
						#viewAllSlim .viewAllEntry.last { border-bottom:1px solid #fff; }
						
						#viewAllSlim .viewAllEntry textarea.diaryViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:inherit; overflow:auto; width: 350px;}
						#viewAllSlim .viewAllEntry.alt textarea.diaryViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:#f0f7ff; overflow:auto; width: 350px;}
						#viewAllSlim .viewAllEntry.last textarea.diaryViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:#fff; overflow:auto; width: 350px;}
						
						
					#viewAllSlim #pages { border-top:1px solid #ccc; width:383px; }
						#primaryContent #pages ul { margin:0; }
						#viewAllSlim #pages li { border-top:2px solid #fff; border-right:1px solid #fff; display:inline; float:left; list-style:none; }
							#viewAllSlim #pages li a { background:#96004b; color:#fff; display:block; font-weight:bold; padding:4px 8px; }
								#viewAllSlim #pages li a:hover { background:#ac0557; text-decoration:none; }
				#viewAllWide { margin:0 0 0 20px; width:759px; }
					#viewAllWideTop { background:transparent url(../images/tools/viewAllTopBgWide.jpg) left top no-repeat; width:759px; height:42px; }
						#viewAllWideTop h2 { color:#fff; float:left; font-size:13px; font-weight:bold; height:28px; margin:0; padding:14px 10px 0 10px; text-transform:uppercase; }
						#viewAllWideTop .util { color:#000; display:inline; float:right; font-size:13px; font-weight:bold; margin:14px 0 0; padding:0 0 0 10px; width:400px; }
							#viewAllWideTop .util .backBtn a { background:transparent url(../images/tools/backBtnWht.gif) left top no-repeat; display:block; float:left; outline:none; text-indent:-9999px; width:80px; height:17px; }
							#viewAllWideTop .util .sort { display:inline; float:right; margin:0 7px 0 0; }
							#viewAllWideTop .util a:hover { text-decoration:none; }
					#viewAllWide .viewAllEntry { border-bottom:1px solid #ccc; border-top:1px solid #ccc; margin:0 0 1px; overflow:hidden; padding:10px 10px 10px 6px; position:relative; width:743px; }
						.progressImg { background:#fff; border:1px solid #ccc; display:inline; float:left; margin:0 4px 0 0; position:relative; height:110px; }
							#primaryContent .progressImg a { display:block; padding:3px; }
							#primaryContent .progressImg img { margin:0; }
							.progressImg span { background:transparent url(../images/tools/viewLrgBtn.png) left top no-repeat; cursor:pointer; display:block; text-indent:-9999px; position:absolute; bottom:8px; left:8px; width:21px; height:21px; }
						#viewAllWide .entryInfo { display:inline; float:left; margin:0 0 0 6px; width:384px; }
						
						#viewAllWide .viewAllEntry .util { position:absolute; top:0px; right:0px; width:150px; }
							#viewAllWide .viewAllEntry .util .editDelete { /*float:left;*/ font-size:11px; }
							#viewAllWide .viewAllEntry .util .itemRating { position: absolute; padding: 0 20px 0 0; right: 0; top: 0; }
							#viewAllWide .viewAllEntry .util .itemRating p { color: #333; font-size: 12px; line-height: 1em;}	
							#viewAllWide .viewAllEntry .util .itemRating .ratingBox{ color: #FFF; font-size: 10px; font-weight: bold; height: 14px; line-height: 14px; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0px; width: 14px;}
						
							#viewAllWide .viewAllEntry .diary .util { position:absolute; top:0px; right:0px; width:150px; }
							#viewAllWide .viewAllEntry .diary span.moodThumb { margin: 0 0 0 10px; }
							#viewAllWide .viewAllEntry .diary .moodThumb img { margin:0; }
							#viewAllWide .viewAllEntry .diary .util .editDelete { float:left; font-size:12px; }
							
							
						#primaryContent #viewAllWide .viewAllEntry p.desc { font-size:12px; margin:0; width:384px; }
						#primaryContent #viewAllWide .viewAllEntry textarea.diaryViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:inherit; overflow:hidden; width: 350px;}
						#primaryContent #viewAllWide .viewAllEntry.alt textarea.diaryViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:#f0f7ff; overflow:hidden; width: 350px;}
						#primaryContent #viewAllWide .viewAllEntry.last textarea.diaryViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:#fff; overflow:hidden; width: 350px;}
						
						#viewAllWide .viewAllEntry.alt { background:#f0f7ff; border-bottom:1px solid #fff; border-top:1px solid #fff; }
						#viewAllWide .viewAllEntry.last { border-bottom:1px solid #fff; }
						
						#primaryContent #viewAllWide .viewAllEntry textarea.skinViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:inherit; overflow:hidden; width: 375px;}
						#primaryContent #viewAllWide .viewAllEntry.alt textarea.skinViewAllTextarea { font-size:12px; color:#000; margin:0; border: 0; background:#f0f7ff; overflow:hidden; width: 375px;}
												
					#viewAllWide #pages { border-top:1px solid #ccc; width:759px; }
						#viewAllWide #pages li { border-top:2px solid #fff; border-right:1px solid #fff; display:inline; float:left; list-style:none; }
							#viewAllWide #pages li a { background:#96004b; color:#fff; display:block; font-weight:bold; padding:4px 8px; }
								#viewAllWide #pages li a:hover { background:#ac0557; text-decoration:none; }
					#primaryContent ul.recipeList { margin:0.5em 0 1em; }
						#primaryContent ul.recipeList li { background:#f7f7f7; border-bottom:1px solid #fff; font-size:1.2em; line-height:1em; list-style-type:none; margin:0; padding:3px 2px; }
						#primaryContent ul.recipeList li.alt { background:#efefef; }			
			#secondaryContent { display:inline; margin: 0 0 0 20px; float:right; width:391px; }
				#toolWrap { display:inline; float:left; width:391px; /*height:300px; margin-bottom: 120px;*/}
				#privacyInfo { background:transparent url(../images/ClearCommitment/privacyBtm.gif) left bottom no-repeat; display:inline; float:left; margin:3px 0 10px; padding:0 0 4px; overflow:hidden; width:391px; }
					#privacyInfoTop { background:transparent url(../images/ClearCommitment/privacyTop.gif) left top no-repeat; font-size:1%; height:4px; }
					#privacyInfo p { background:transparent url(../images/ClearCommitment/privacyBg.gif) left top repeat-y; font-size:1em; padding:6px 10px; width:371px; }
				#servicesWrap { background:#fff url(../images/ClearCommitment/servicesBg.gif) top left repeat-y; clear:both; display:inline; float:left; overflow:hidden; width:391px; }
					#servicesCallout { background:transparent url(../images/ClearCommitment/servicesBgTop.gif) top left no-repeat; width:391px; }
						#servicesCallout h2 { background:#650065 url(../images/ClearCommitment/cornerLeftPurple.gif) top left no-repeat; color:#fff; float:left; font-size:13px; font-weight:bold; height:21px; padding:6px 10px 0 10px; }
					#servicesContent { clear:both; padding:10px 0 0; width:391px; }
					#primaryContent #servicesCallout h2{margin:0px; }
					#servicesContent p, #servicesContent ul { display:inline; float:left; font-size:1.2em; margin:0 0 0 10px; width:120px; }
					#primaryContent #servicesCallout li{list-style:none; font-size:1em; line-height: 1.25em; margin:0px; margin-bottom:5px; padding:0px; padding-left: 10px;background-position: 0px 4px;}
					#servicesContent li { background:transparent url(../images/ClearCommitment/pinkBullet.gif) 0px 4px no-repeat; list-style-position:outside; padding:0 0 0 10px; }
					#servicesContent a:hover { text-decoration:underline; }
					#servicesCalloutBtm { background:transparent url(../images/ClearCommitment/servicesBgBtm.gif) bottom left no-repeat; clear:both; width:391px; height:14px; }
			    #skinCallout { display:inline; float:left; width:391px; }
			        #skinCallout img { float:left; margin:5px 15px 15px 0; }
			        #skinCallout h4 a { color:#79053d; display:block; font-weight:bold; font-size:1.2em;}
			        #skinCallout p { font-size:1em; margin-top:5px; }
			#wideCallout { background:transparent url(../images/ClearCommitment/wideCalloutBg.gif) left top repeat-y; margin:0 0 10px; overflow:hidden; position:relative; width:800px; }
			#wideCalloutBg { overflow:hidden; padding:0 0 10px; width:800px; }
			#wideCalloutTop { background:transparent url(../images/ClearCommitment/wideCalloutHead.jpg) left top no-repeat; width:800px; height:27px; }
				#wideCalloutTop h2 { background:#650065 url(../images/ClearCommitment/cornerLeftPurple.gif) top left no-repeat; color:#fff; float:left; font-size:13px; font-weight:bold; height:21px; padding:6px 10px 0 10px; }
				#wideCallout .column { border-right:1px solid #c8c8c8; display:inline; float:left; margin:0 0 -500px; overflow:hidden; padding:10px 10px 510px 10px; }
					#wideCallout .column.last { border-right:none; }
				#wideCallout h3 a { display:block; font-size:1.4em; font-weight:bold; margin:0 0 10px; }
				#wideCallout p { font-size:1.2em; margin:0 0 1em; }
				#wideCallout p a:hover, #wideCallout li a:hover { text-decoration:underline; }
				#wideCallout ul { display:inline; float:left; font-size:1.2em; margin:0 0 0 2px; }
				#wideCallout li { background:transparent url(../images/ClearCommitment/pinkBullet.gif) 0px 4px no-repeat; list-style-position:outside; padding:0 0 0 10px; }
					.col5 { padding:10px; width:139px; }
					.col3 { padding:10px; width:246px; }
						.col3 img { float:left; margin:0 10px 0 0; width:123px; height:94px; }
						.col3 p.slim { float:left; width:113px; }
			#wideCalloutBtm { background:transparent url(../images/ClearCommitment/wideCalloutBtm.gif) left bottom no-repeat; width:800px; height:14px; position:absolute; bottom:0px; left:0px; }
			
	#isiWrap { display: inline;}
		#isiWrap a:hover { text-decoration:underline; }
		.isiTitle { color:#79053d;}
		#isiHome { /*font-size:1.2em;*/ line-height:1.5em; padding:10px; }
		#isiInnerWide { display:inline; font-size:1.2em; line-height:1.5em;}
			/*#primaryContentWrap #isiInnerWide { font-size: 1.2em;}*/
		#isiHome p, #isiInnerWide p { font-size: 100%; margin:0 0 1em; }
		#isiHome p.noMargin, #isiInnerWide p.noMargin { margin:0px; }
		#isiHome p.noTopMargin, #isiInnerWide p.noTopMargin { margin-top:-10px; }
		#isiHome ul, #isiInnerWide ul { margin:0 0 1em 25px; }
		#isiHome ul li, #isiInnerWide ul li { font-size: 100%; list-style-type:disc; margin:0 0 0.5em 15px;}
		#isiHome h3, #isiInnerWide h3 { margin-top:10px; margin-bottom:0px; color: #96004b; font-size:1.1em; font-weight:bold; }
		#isiHome h4, #isiInnerWide h4 { margin:0px; color: #96004b; font-size:1em; font-weight:bold; }
		#isiHome table, #isiInnerWide table { margin:0px;}
				
		.pageID { display: block;}
		
	.footerLinks { color:#999; margin:1em auto 2em; text-align:center; }
	    .footerLinks a { color:#999; font-weight:bold; }
						
	.modalBackground{
		background-color: Gray;
		opacity: 0.7;	
	}
	
	
	
	/*10/21/2009*/
	#homeCalloutTable { font-size: 10px;}
	
	

	/**  Short Callout  **/	
.homeCallout {background:url(../images/ClearCommitment/homeCallout_middle_Short.gif) top left repeat-y;}
.homeCalloutTop {background:url(../images/ClearCommitment/homeCallout_top_Short.gif) top left no-repeat;
				height:28px;
				width:397px; }
.homeCalloutCap {background:url(../images/ClearCommitment/homeCallout_bottom_Short.gif) bottom left no-repeat;
					height:11px;
					width:397px;
					clear:both;
					}



	
/**  sidebar Callout  **/	

.servicesCallout {background:url(../images/ClearCommitment/homeCallout_middle_Short.gif) top left repeat-y;}
.servicesCalloutTop {background:url(../images/ClearCommitment/homeCallout_top_Short.gif) top left no-repeat;
				height:28px;
				width:397px;}
.servicesCalloutBottom {background:url(../images/ClearCommitment/homeCallout_bottom_Short.gif) bottom left no-repeat;
					height:11px;
					width:397px;
					clear:both;}
 
	
	
	
	
/**  Long Callout  **/	
.homeCalloutLong {background:url(../images/ClearCommitment/homeCallout_middle_long.gif) top left repeat-y;
				width:560px;
				
				}

.homeCalloutLongTop{background:url(../images/ClearCommitment/homeCallout_top_long.gif) top left no-repeat;
				height:28px;
				width:560px; }
.homeCalloutLongCap {background:url(../images/ClearCommitment/homeCallout_bottom_long.gif) bottom left no-repeat;
					height:11px;
					width:560px;
					clear:both;}

 
.requiredHead1, .requiredHead2,  .requiredHead3 {color:maroon; font-size: 15px; font-weight: bold; height:30px; text-indent: 10px; line-height: 30px; vertical-align:middle; margin-bottom:10px;}
 .requiredHead1 {background: url(../images/ClearCommitment/requiredhead1bg.gif) top left no-repeat; width:388px;}
 .requiredHead2 {background: url(../images/ClearCommitment/requiredhead2bg.gif) top left no-repeat; width: 805px;}
 .requiredHead3 {background: url(../images/ClearCommitment/homeCallout_bottom_long.gif) top left no-repeat; width:800px;}

.homeCalloutLong, .homeCalloutLongCap, .homeCalloutCap, .homeCallout {height:190px}

#secondaryContent .requiredHead, #primaryContent .requiredHead, .requiredHead {background: url(../images/ClearCommitment/requiredbg.gif) top right no-repeat;color:maroon; font-size: 15px; font-weight: bold;margin-bottom:10px; margin-bottom:10px; width: 100%;}
#secondaryContent .requiredHead span, #primaryContent .requiredHead span, .requiredHead span {background: url(../images/ClearCommitment/requiredcap.gif) top left no-repeat;  height:30px; text-indent: 10px; line-height: 30px; vertical-align:middle; width:100%; display:block;}

.underline{text-decoration:underline;}
.boldUnderline{text-decoration:underline; font-weight: bold}