/* CSS Document */

/************************************************************************

	Site:		Cedar Sinai Park

	Author:		eROI		[www.eroi.com]  

	Client:		Client name		[http://www.url.com]

	Listing Order:
	==============

	1 - Global
	2 - Navigation
	3 - Structure/Layout
	5 - Footer
	

************************************************************************/

/***********************************************************************
	1 - GLOBAL
************************************************************************/
/*------------------------------------------------------------------------------------------------ float fixes */
/* clear floats for browsers that support :after */
div#subNavWrapper:after,
div#subnav:after,
div#subnav ul:after,
div#galleryWrapper ul:after,
div.timeline:after,
div#form_bottomNav:after,
div.bg_forms ul.horizontal:after { clear: both;	content: "."; display: block; height: 0; visibility: hidden; }

/*------------------------------------------------------------------------------------------------ height fixes */
 { height: 100%; }

/*------------------------------------------------------------------------------------------------ link fixes */
ul#tertiary li a { text-decoration: none; }

/***********************************************************************
	2 - NAVIGATION
************************************************************************/
div#subNavWrapper { background: #fff; height: 38px; margin: 0 auto; position: relative; width: 961px; }
div#subnav { position: absolute; top: 10px; z-index: 100; }
div#subnav ul { list-style: none; padding: 0 0 0 15px; }
div#subnav ul li { float: left; height: 41px; margin-right: 10px; text-align: center; padding-top: 7px; }
div#subnav ul li a { color: #7b7e7e; padding: 0 5px; text-decoration: none; }
div#subnav ul li.on { background: url(../img/bg_sub-right-cap.gif) right top no-repeat; height: 31px; padding-top: 7px; }
div#subnav ul li.on a { background: url(../img/bg_sub-left-cap.gif) left top no-repeat; color: #506162; height: 31px; padding-top: 7px; }
div#subnav ul li a:hover { color: #506162; }

/*----------------------------------------------------------------------------------------------- tertiary nav */
div#lColumn ul#tertiary { list-style: none; }
	ul#tertiary li { line-height: 208%; }
	ul#tertiary li a { color: #7b7e7e; padding-left: 30px; }
	ul#tertiary li a:hover,
	ul#tertiary li.current_page_item a,
	ul#tertiary li.on a { background: url(../img/icon_right-arrow.gif) 10px top no-repeat; color: #506162; }
	
ul#tertiary li.formTertiary { color: #9d9fa2; padding-left: 30px; }
ul#tertiary li.formTertiary a { padding-left: 0; }
ul#tertiary li.formTertiary a:hover,
body.page-id-104 ul#tertiary li.on a,
body.page-id-103 ul#tertiary li.on a,
body.page-id-228 ul#tertiary li.on a { background: none; }
/***********************************************************************
	3 - STRUCTURE
************************************************************************/
/*----------------------------------------------------------------------------------------------- left column */
div#subTwoColumn { background: url(../img/bg_sub-content.gif) left top repeat-y; margin: 0 auto; position: relative; width: 970px; }
	div#subTopShadow { background: url(../img/bg_top-shadow.gif) left top no-repeat; height: 13px; width: 970px; }
	div#lColumn { float: left; padding: 6px 25px 0 10px; width: 208px; }
		div#teachlearn { bottom: 0;	left: 0; position: absolute; width: 248px; }
		div#teachlearn div#title_teachlearn { background: url(../img/bg_title-teaching-learning.gif) left top no-repeat; height: 105px;	width: 248px; }
/*----------------------------------------------------------------------------------------------- right column */
	div#rColumn { float: left; padding: 6px 0 40px 40px; width: 624px; }
	div#rColumn div.entry,
	div#rColumn div#galleryWrapper { padding: 20px 0 0 0; position: relative; }
	div#subBotCap {	background: url(../img/bg_sub-bot-cap.gif) right bottom no-repeat; height: 4px;	width: 970px; }
	div#galleryWrapper { padding: 0 0 20px 0; }
		div#bg_gallery { background: url(../img/bg_photo-gallery.gif) left top no-repeat; height: 475px; margin: 0 0 20px 0; padding: 14px 0 0 0; width: 670px; }
			div#polaroid { background: url(../img/bg_polaroid.png) left top no-repeat; height: 346px; margin: 0 auto; padding: 40px 0 0 27px; width: 353px; }
			div#jqueryGallery { height: 346px; }
			div#bg_polaroidTitle { background: url(../img/bg_gallery-photo-title.gif) left top no-repeat; height: 44px; margin-left: auto; margin-right: auto; padding: 33px 50px 0 59px; width: 271px; }
		
/*----------------------------------------------------------------------------------------------- timeline */
div#bg_timeline { background: url(../img/bg_timeline.gif) left top no-repeat; height: 384px; position: relative; width: 670px; }
	ul.point { list-style: none; }
	ul.point li { background: url(../img/bg_timeline-off-point.png) left top no-repeat; height: 38px; position: absolute; width: 38px; }
	ul.point li a:hover { background: url(../img/bg_timeline-active-point.png) left top no-repeat; }
	
	li#one { left: 35px; top: 75px; }
	li#two { left: 215px; top: 75px; }
	li#three { right: 225px; top: 75px; }
	li#four { right: 25px; top: 108px; }
	li#five { right: 145px; top: 143px; }
	li#six { right: 330px; top: 143px; }
	li#seven { left: 105px; top: 175px; }
	li#eight { bottom: 140px; left: 210px; }
	li#nine { bottom: 140px; right: 295px; }
	li#ten { bottom: 140px; right: 177px; }
	li#eleven { bottom: 110px; right: 103px; }
	li#twelve { bottom: 73px; right: 220px; }
	li#thirteen { bottom: 25px; right: 335px; }
	
	div#bottomTimelineWrapper { background: url(../img/bg_timeline-info.gif) left top repeat-y; margin-left: 12px; padding: 20px 0 15px 25px; width: 623px; }
		div.photo { float: left; margin-right: 20px; width: 340px; }
		div.text { padding-right: 20px; }
	div#timelineBotCap { background: url(../img/bg_timeline-botcap.gif) left top no-repeat; height: 7px; margin-left: 12px; width: 648px; }
	
	.ui-tabs-hide { display: none; }
	
/*---------------------------------------------------------------------------------------------- forms */
div.form_topcap { background: url(../img/bg_form-topcap.gif) left top no-repeat; height: 4px; width: 457px; }
div.bg_forms { background: url(../img/bg_forms.gif) left top repeat-y; padding: 10px 0 10px 18px; }
div.form_botcap { background: url(../img/bg_form-botcap.gif) left top no-repeat; height: 3px; margin-bottom: 7px; width: 457px; }
div#form_bottomNav { background: url(../img/bg_form-bottom-nav.gif) left top no-repeat; height: 58px; padding: 23px 12px 0 12px; position: relative; width: 433px; }
	div#btn_goback { background: url(../img/btn_goback.png) left top no-repeat; float: left; height: 35px; width: 110px; }
	div#btn_nextstep { background: url(../img/btn_nextstep.png) left top no-repeat; float: right; height: 35px; width: 110px; }
	
div#form_bottomDonation { background: url(../img/bg_form-bottom-donation.gif) left top no-repeat; height: 56px; padding: 25px 12px 0 35px; width: 412px; }
div#bg_donationAmount { background: url(../img/bg_donation-amount.gif) left top no-repeat; height: 153px; width: 404px; }

/*---------------------------------------------------------------------------------------------- tell us your situation */
body.page-id-238 { background: none; }
div#situationPopup { background: url(../img/bg_situation.gif) left top no-repeat; height: 200px; margin-left: auto; margin-right: auto; margin-top: 27px; padding: 30px 0 0 23px; width: 450px; }
/***********************************************************************
	4 - MAIN CONTENT
************************************************************************/
/*---------------------------------------------------------------------------------------------- left column */
div#teachlearn ul { list-style: none; padding: 8px 0 0 25px; }
div#teachlearn ul li { background: url(../img/icon_download.gif) left top no-repeat; font-size: 11px; padding: 0 0 20px 30px; }
div#teachlearn ul li span.teach_title { color: #6d8586; font-size: 12px; font-weight: bold; }
div#teachlearn ul li a { color: #363636; font-weight: bold; }
/*---------------------------------------------------------------------------------------------- right column */
div#rColumn div.entry h1,
div#rColumn div#galleryWrapper h1 { color: #a81f24; font-size: 26px; }
div#rColumn div.entry h2,
div#rColumn div#galleryWrapper h2 { color: #6d8586; font-size: 21px;	padding: 8px 0 15px 0; }
div#rColumn div.entry h3 { color: #6d8586; font-size: 13px; font-weight: bold; padding: 0 0 5px 0; }
div#rColumn div.entry p,
div#rColumn div#galleryWrapper p { line-height: 142%; padding: 0 0 20px 0; }
div#rColumn div.entry ul,
div#rColumn div.entry ol,
div#slideshowContent ul { padding: 0 0 20px 20px; }

div#rColumn div.entry ul li,
div#rColumn div.entry ol li,
div#slideshowContent ul li { line-height: 142%; }

div#galleryWrapper ul li img { border: 1px solid #6d6d6d; }
	div#bg_polaroidTitle p { color: #6d8586; }
	
div#rColumn div.entry img.alignleft { float: left; padding-right: 10px; }
div#rColumn div.entry img.alignright { float: right; padding-left: 10px; }
	
/*----------------------------------------------------------------------------------------------- timeline */
div#bottomTimelineWrapper div.text h3 { color: #a81f24; font-size: 16px; font-weight: bold; }
div#bottomTimelineWrapper div.text h4 { color: #6d8586; font-size: 14px; font-weight: normal; padding-bottom: 5px; }
div#bottomTimelineWrapper div.text p { line-height: 142%; }

/*----------------------------------------------------------------------------------------------- forms */
div#rColumn div.bg_forms h2 { color: #799ea1; }
div#rColumn div.bg_forms p strong { font-size: 14px; font-weight: bold; }

div.bg_forms ul { list-style: none; }
div.bg_forms ul li { padding: 0 0 5px 0; }
div.bg_forms ul li.dollar { background: url(../img/icon_dollar-sign.gif) 5px top no-repeat; padding-left: 20px; }

div.bg_forms ul li input.custom,
div.bg_forms ul li input.custom_long,
div.bg_forms ul li input#prefix,
div.bg_forms ul li input.custom_medium,
div.bg_forms ul li input#zip,
div#form_bottomDonation input#custom_donate { border-bottom: 1px solid #abc0bf; border-left: 1px solid #b5c6c5; border-right: 1px solid #aec3c2; border-top: 1px solid #b3c4c3; color: #555; padding: 2px 0 0 2px; text-align: left; }

div.bg_forms ul li input.custom { width: 237px; }
div.bg_forms ul li input.custom_long { width: 311px; }
div.bg_forms ul li input#prefix { width: 69px;}
div.bg_forms ul li input.custom_medium { width: 205px ; }
div.bg_forms ul li input#zip { width: 100px; }
div#form_bottomDonation input#custom_donate { float: left; width: 280px; }

div.bg_forms ul li small.blue { color: #6d8586; font-size: 10px; padding-left: 4px; }
div.bg_forms ul li label.leftLong { width: 375px; }
div.bg_forms ul li label span { color: #799ea1; font-size: 18px; }
div.bg_forms ul li textarea { border-bottom: 1px solid #ddd; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; width: 250px; }

div.bg_forms ul.horizontal { width: 410px;}
div.bg_forms ul.horizontal li { float: left; margin-right: 15px; }
div.bg_forms ul.horizontal li select { border-bottom: 1px solid #abc0bf; border-left: 1px solid #b5c6c5; border-right: 1px solid #aec3c2; border-top: 1px solid #b3c4c3; color: #555; width: 40px; }

p#addOn { margin-top: 20px; }
p#addOn img { float: left; margin-right: 8px; }
p#addOn span { color: #799ea1; font-size: 18px; }

div#form_bottomNav p { font-size: 17px; left: 166px; top: 45px; position: absolute;  }

/*----------------------------------------------------------------------------------------------- sitemap */
div.ddsg-wrapper div,
div.ddsg-wrapper h2 { display: none; }
/***********************************************************************
	4 - JQUERY CLUETIP
************************************************************************/
.cluetip-default { background: #e7f1f0; }
.cluetip-default h3#cluetip-title { background: #e7f1f0; border: 1px solid #83a6a8; color: #555; font-size: 11px; font-weight: normal; padding: 5px 15px; }
.cluetip-default #cluetip-inner { display: none; }

/***********************************************************************
	5 - EVENT PAYMENT
************************************************************************/
span.registration_steps { display: none; }
div.credit_card_checkout b.bodystyle { color: #a81f24; font-size: 26px; }
	div.credit_card_checkout table.creditCardTable tr td.TitleBar { padding-bottom: 15px; }
	div.credit_card_checkout table.creditCardTable tr td.TitleBar span.littletext { font-size: 11px; font-style: italic; }
	div.credit_card_checkout table.creditCardTable tr td { padding: 0 10px 10px 0; }
	div.credit_card_checkout table.creditCardTable tr td i { font-size: 11px; font-style: italic; }
	div.credit_card_checkout table.creditCardTable tr td.littletext { text-align: left; }