/* order of positional properties for selectors is:  display, float, clear, width, height, padding, border, margin (with some exceptions) */
/* body font-size of 76% plus use of ems allow consistent font sizes cross browser plus resizable in IE */


html,body			{padding:0; margin:0; font-family: arial, helvitica, sans-serif; font-size: 76%; }
body				{background: #FFF url(../images/interface/bg_line.gif) repeat-x; color: #666; /*default text colour*/}
body.noline			{background: none; color: #666; /*default text colour*/}
/******************/
/* Element Styles */
/******************/
form, ul , ol , li 	{padding:0; margin:0; list-style:none; font-size: 1.05em;}
li li 				{font-size: 1em;} /*fixes nested*/
ul ul				{font-size: 1em;} /*fixes nested*/
li.blue				{color: #069 !important;}
hr.halfwidth		{width: 500px;}
hr.fullwidth		{width: 680px;}
a img 				{border:none;}
a 					{text-decoration:none; font-weight: bold;  color: #069;}
a.bold              {font-weight: bold;}
a.nobold			{font-weight: normal !important;}
a.small				{font-size: 0.8em;}
a:hover				{text-decoration: underline; color: #960 !important;} /*global selected anchor colour, use !important on sub styles to override */
a.selected			{color: #960 !important;} /*global selected anchor colour, use !important on sub styles to override */
a.arrow				{padding-left:9px; font-weight: bold; background: url(../images/interface/snav_arrow.gif) -9px -4px no-repeat;}
a:hover.arrow		{background: url(../images/interface/snav_arrowselected.gif) -9px -4px no-repeat;}
p					{font-size: 1.25em; line-height: 1.50em;}
p a					{font-weight: normal;}
p.aright			{text-align: right;}
p.topnav			{height: 20px; padding:8px 16px 0 0; margin:0; font-size: 1.15em; text-align:right;}
p.topnav a			{padding:0 4px 0 4px;p.topnav font-weight:normal;}
p.topnav a:hover	{color: #960;} /* alter arrow colour with background-color attribute*/
h1.logo				{width: 385px; height: 64px; margin:0; overflow: hidden; background: #fff; padding: 0;  
					 } /* parnassus investments logo ONLY*/
h2					{font-size: 1.75em; color:#808080; margin-top:0;}
h2.grey				{color:#808080 !important;} /* section landing pages */
h3					{font-size: 1.25em; margin:2em 0 1.5em 0;}
h3.home					{font-size: 1.25em; margin:0;}
h4					{font-size: 1.25em; margin:0.5em 0 1em 0;}
/* '.bio' styles are used for rounded box with pic, title and quote.
No wrapper div is necessary, html order is:
<img class="bio" /><h4 blass="bio">...</h4><p class="bio">...</p> 
*/
h4.bio				{float:left; display:block; width: 399px; height: 16px; padding: 5px 0 0 12px; margin:10px 0 0 0; color: #666; text-transform: uppercase;
					 background: url(../images/interface/bg_bioh4.gif) 0 0 no-repeat;}
h4.bio span			{color: #70808F;}

img.bio				{float:left; margin:10px 0 0 0;}
p.bio				{float:left; display:block; width: 387px; height: 67px; padding: 14px 12px 0 12px; margin:0; font-size: 1em; 
					 background:#FFF url(../images/interface/bg_biocopy.gif) 0 0 no-repeat;}
p.bio strong		{font-size: 1.15em; line-height: 1.5em;}
p.bio a.arrow		{background-position:-9px -6px;}
p.disclosure		{ font-family:"Trebuchet MS";}			
p.disclosuresmall	{font-size: 1.10em; font-family:"Trebuchet MS";}
p.roundcontent		{margin: 0; padding: 0;}
#content ul 		{padding: 0 25px; margin-top: 10px;}
#content ul li 		{list-style: square outside; margin-bottom: 10px; font-size: 1.25em !important;}
#content ol 		{padding: 0 25px; margin-top: 10px;}
#content ol li 		{list-style: decimal outside ; margin-bottom: 5px; font-size: 1.25em !important;}
img.sm				{margin: 0; vertical-align:top;}
img.left			{margin:0 20px 10px 0;}
img.right			{margin:0 0 10px 20px;}
img.sort            {margin:0 0 0 0;}
div.headwrapper         {display:table;}
div.headwrapperrow      {display:table-row; vertical-align:text-top;}
div.headwrapperrow div  {display:table-cell; padding-right: 5px;}
div.sortheadtext        {margin: 0 0 0 0; text-align:center;}
div.sortimage           {margin: 0 0 0 0; text-align:center;}
.roundedcornr_box_grey		{background: #efefef; padding: 0; margin: 0;}
.roundedcornr_top_grey div.tl	{background: transparent url(../images/roundedcornr_grey_tl.gif) no-repeat top left; }
.roundedcornr_top_grey		{background: url(../images/roundedcornr_grey_tr.gif) no-repeat top right; }
.roundedcornr_bottom_grey div.bl {background: transparent url(../images/roundedcornr_grey_bl.gif) no-repeat bottom left; }
.roundedcornr_bottom_grey		{background: transparent url(../images/roundedcornr_grey_br.gif) no-repeat bottom right; }
.roundedcornr_top_grey div.tl, .roundedcornr_top_grey, 
.roundedcornr_bottom_grey div.bl, .roundedcornr_bottom_grey {   
   height: 16px;
   font-size: 1em;
}
/*.roundedcornr_content_grey	{ margin: 0 16px; }*/
.roundedcornr_content_grey	{ margin: 0; padding: 0 16px 0 16px; }
.roundspacer {
    margin: 0px; padding: 0px; border: 0px;
    clear: both;
    font-size: 1px; line-height: 1px;
}
.insideroundwidth		{width: 478px !important;}
/*table					{width: 510px; margin:10px 0; padding:0; font-size: 1.15em; line-height: 1.15em;}*/
table					{width: 510px; margin:0 0 0 0; padding:0; font-size: 1.15em;}
table table				{font-size: 1em;} /*fixes nested table font sizes */
table th				{background: #A9A9A9; color: #FFF; text-align:center; font-size: 1.20em;}
table td				{text-align:left; color: #333; padding:0 0; }
table td p, span		{font-size: 1.10em; line-height: 1.20em; color: #666;}
table td.right,
table th.right			{float:none; text-align:right;}
table td.left,
table th.left			{float:none; text-align:left;}
table tr.itemstyle      {background-color: #F6F6F6;}
table tr.AlternatingItemStyle {background-color: #EAE9E9;}
table tr.highlight1      {background-color: #d4e3f4;}
table tr.nohighlight    {background-color: inherit;}
table tr.roundheader th {margin: 0; padding: 0; vertical-align: top;}
table.mailaddress td,	
table.mailaddress th 	{padding: 4px 2px 2px 6px; float:none;}
table.delivpref td,	
table.delivpref th 	{border-left: 1px solid #FFF; padding: 2px 2px 2px 2px; float:none; text-align:center}
table.delivpref th span{font-size: 0.65em; line-height: 1.0em;}
table.delivpref td.left{width: 130px; padding:0 0 0 6px; text-align: left;}
table.fundprices td		{border-left: 1px solid #FFF; padding: 5px 5px 5px 5px; float:none; text-align:center;}
table.fundprices th 	{border-left: 1px solid #FFF; padding: 0 5px 5px 5px; float:none; text-align:center;}
table.fundprices th span{font-size: 0.75em; line-height: 1.6em;}
table.fundprices td.left{width: 165px; padding:0 0 0 6px;}
table.fundprices td.firstcolleft{width: 165px; padding:0 0 0 6px; text-align: left;}
table.funddistributions td,	
table.funddistributions th 	{border-left: 1px solid #FFF; padding: 5px 5px 5px 5px; float:none; text-align:center; vertical-align:top; }
table.funddistributions th {font-size: 1.0em; line-height: 1.6em; background: #EAE9E9; color: #333;}
table.funddistributions td.left{width: 165px; padding:0 0 0 6px;}
table.funddistributions td.firstcolleft{width: 165px; padding:0 0 0 6px; text-align: left; vertical-align: middle;}
table.brokersum td,	
table.brokersum th 	{border-left: 1px solid #FFF; padding: 2px 2px 2px 2px; float:none; text-align:center}
table.brokersum th span{font-size: 0.65em; line-height: 1.0em;}
table.brokersum td.left{width: 165px; padding:0 0 0 6px;}
table.acctsum			{clear:both; float:none; width: 460px;}
table.acctsum th		{ padding-left: 10px; text-align:left; }
table.acctsum td.leftside	{padding: 0;}
table.acctsum td.rightside	{color: #666;}
table.assetallocation td {padding:0 !important;}
table.accntactivity td 	{padding: 3px 5px 3px 5px; float:none; text-align:left; vertical-align: text-top;}
table.accntactivity td.showdetails {padding: 5px 0 5px 0;}
table.accntactivity th {font-size: 1.0em; line-height: 1.2em; border-left: 1px solid #FFF; color:Black; background: none;
                            padding: 2px 2px 2px 5px; float:none; text-align:left; font-weight: bold; text-decoration: underline;}
table.accntactivity th.detail {background: none; text-decoration: none;}
table.accntactivity td.detail {border-left: 1px solid #FFF; vertical-align: middle;}
table.accntactivity td.right {text-align: right;}
/* data table */
table.data td,	
table.data th 	{border-left: 1px solid #FFF; padding: 5px 5px 5px 5px !important; float:none; text-align:center}
table.data th span{font-size: 0.75em; line-height: 1.6em;}
table.data td.left{width: 165px; padding:0 0 0 6px;}
table.data td.firstcolleft{width: 165px; padding:0 0 0 6px; text-align: left;}

table.newaccountdata 			{float:left; clear:both; /* stop margin collap se */}
table.newaccountdata td,	
table.newaccountdata th 	{border-left: 1px solid #FFF; padding: 5px 5px 5px 5px; float:none; text-align:center}
table.newaccountdata th span{font-size: 0.75em; line-height: 1.6em;}
table.newaccountdata td.left{width: 165px; padding:0 0 0 6px;}
table.halfwidth			{float:left; margin-right: 10px; margin-top:0px; margin-bottom: 10px; width: 250px; font-size: 1.15em; }
table.halfwidth.right	{margin-right: 0; clear:right;}
table.halfwidth td		{text-align:left; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px;}
table.fullwidth			{float:left; width: 670px; margin: 0;}
table.fullwidth.right	{margin-right: 0; clear:right;}
table.fullwidth td		{text-align:left; padding: 0 0 0}
table.fullwidth th		{background: #A9A9A9; color: #FFF; text-align:center; font-size: 1.25em;}
table.fullwidth td.right,
table.fullwidth th.right			{float:none; text-align:right;}
table.fullwidth td.left,
table.fullwidth th.left			{float:none; text-align:left;}
table.highlights 				{float:left; clear:both; /* stop margin collap se */}
table.highlights td p, span		{font-size: 1.12em; line-height: 1.40em; margin: 0; color: #666;}
table.layout td			{color: #666; font-size: 1.0em;}
table.formlayout td       {padding: 0 0 4px 0;}

#wrapper 				{width: 755px; margin:0 auto;}

/*****************/
/* Layout Styles */
/*****************/

/* Navigation */
#mainnav  				{width: 751px; height: 39px; padding: 0 2px 1px 2px; background: #FFF;}
#mainnav li 			{float:left; height: 39px; border-left: 1px solid #FFF; }
#mainnav li.first 		{border-left: none;}
#mainnav li a 			{display:block; padding-top: 39px; background-position: 0 0; background-repeat: no-repeat; overflow:hidden; 
						 /* WIN IE5 hack */ height: 39px;voice-family: "\"}\""; voice-family:inherit; height: 0;}
#mainnav a:hover 		{background-position: 0 -39px;}
#mainnav a.howweinvest	{width: 110px; background-image: url(../images/nav/howweinvest.gif);}
#mainnav a.mutualfunds	{width: 151px; background-image: url(../images/nav/mutualfunds.gif);}
#mainnav a.investors 	{width: 137px; background-image: url(../images/nav/investors.gif);}
#mainnav a.account		{width: 103px; background-image: url(../images/nav/account.gif);}
#mainnav a.documents 	{width: 137px; background-image: url(../images/nav/documents.gif);}
#mainnav a.parnassus	{width: 108px; background-image: url(../images/nav/parnassus.gif);}
#subnav 				{width: 749px; height: 27px; padding: 0 1px; margin-left: 2px; background: #E8ECDA;  white-space:nowrap; 	}
#subnav li				{float:left;  height: 25px; padding: 0 4px 0 5px; font-size: 1.1em;
						 background: url(../images/interface/bg_subnavdot.gif) top left no-repeat;}
#subnav li.first 		{background:none;}
#subnav li a			{display:block; float:left; height: 18px; padding-top: 7px;}

/* Content Area */
#content 									{width: 751px; padding: 0 1px 30px 1px; border-right: 1px solid #C9CACB; border-left: 1px solid #C9CACB; 
										 	 background: url(../images/interface/bg_sidebarblue.gif) 0 0 repeat-y;}
#content .topspace 							{width: 751px; height: 30px; background: #FFF;}
#content .maincontent 						{float:left; width: 511px; min-height: 300px; padding: 0 32px 0 30px;  margin-left: -1px; background-position: 0 0; background-repeat:no-repeat;}
* html #content .maincontent				{height: 300px;} /* set min-height in IE*/
#content .sidebar p,
#content .sidebar h3						{padding: 0 17px;}
#content .sidebar							{float:right; width: 179px;}
#content .sidebar div.banner				{width: 179px; height: 298px; background-repeat: no-repeat; background-position: 0 0;}
#content .sidebar div.snav h5				{display:block; width: 169px; height: 19px; margin:0; font-size: 1.2em; padding:10px 0 0 10px;
											 background: #E6E9D3 url(../images/interface/bg_inthissec.gif) 0 0 no-repeat;}
#content .sidebar div.snav.rel h5			{display:block; width: 169px; height: 17px; margin:0; font-size: 1.2em; padding:5px 0 0 10px;
											 background: #E6E9D3 url(../images/interface/bg_relatedlinks.gif) 0 0 no-repeat;}
#content .sidebar .snav ul,
#content .sidebar .snav ul li	  			{padding:0; margin:0; list-style:none; }
#content .sidebar .snav ul li a 			{display:block; width: 160px; padding:4px 0 4px 19px; border-bottom:1px solid #CCC;
											 background: #EDF0E1 url(../images/interface/snav_arrow.gif) 0 0 no-repeat;}
#content .sidebar .snav ul li a:hover,
#content .sidebar .snav ul li a.selected	{background: #E2E4D1 url(../images/interface/snav_arrowselected.gif) 0 0 no-repeat;}
#content .sidebar .snav.rel ul li a,
#content .sidebar .snav.rel ul li a:hover	{background-color: #F4F8FC !important; font-weight: normal;}
#content .sidebar ul.util					{width: 179px; padding: 6px 0 8px 0; margin:0 0 75px 0;  background:#DBE8F6;}
#content .sidebar ul.util li				{padding:0; margin:0;list-style:none;}
#content .sidebar ul.util li a				{display:block; width: 179px; padding-top: 23px; overflow:hidden; background-repeat: no-repeat; background-position: 0 0;  
											 /* WIN IE5 hack */ height: 23px;voice-family: "\"}\""; voice-family:inherit; height: 0;}
ul.util li a.btn_act						{background-image: url(../images/interface/button_openaccount.gif);}
ul.util li a.btn_dlbro						{background-image: url(../images/interface/button_dlbrochure.gif);}
ul.util li a.btn_iras						{background-image: url(../images/interface/button_infooniras.gif);}
ul.util li a.btn_invest						{background-image: url(../images/interface/button_investment.gif);}
ul.util li a.btn_faq						{background-image: url(../images/interface/button_faq.gif);}
ul.util li a.btn_act:hover					{background-image: url(../images/interface/button_openaccount_over.gif);}
ul.util li a.btn_dlbro:hover				{background-image: url(../images/interface/button_dlbrochure_over.gif);}
ul.util li a.btn_iras:hover					{background-image: url(../images/interface/button_infooniras_over.gif);}
ul.util li a.btn_invest:hover				{background-image: url(../images/interface/button_investment_over.gif);}
ul.util li a.btn_faq:hover					{background-image: url(../images/interface/button_faq_over.gif);}

/* Footer Area */
.bottombg		{width: 100%; height: 5px; background:  url(../images/interface/bg_footerline.gif) 0 0 repeat-x;}
#footer 		{width: 753px; padding-top: 10px; border-top: 1px solid #FFF; margin:-5px auto 0 auto;}
* html #footer 	{margin-top: -12px;}
#footer p		{margin: 5px 0 0 0; font-size: 1.25em; font-family:"Trebuchet MS";}
#footer p.left	{width: 550px; padding-left: 3px;}
#footer p.right {padding-right: 10px;}

/**************************/
/* Individual Page Styles */
/**************************/
/* Home Page*/
body.home 				{background: #FFF url(../images/interface/bg_HPline.gif) repeat-x;}
body.home #content		{background: #FFF url(../images/interface/bg_homepage.jpg) 1px 0 no-repeat; height: 342px; padding-bottom:0; }
body.home .news			{float:right; width: 200px;}
body.home .hometext		{float:left; margin-left: 50px; margin-top: 50px; width: 420px; color:#FFFFFF;}
body.home .hometext h2	{color:#99FFFF;}
body.home #content ul	{font-size: 0.9em;}
body.home table.panel td p	{color:#FFFFFF;}
/* How We Invest Pages*/
body.howweinvest #content .maincontent 	{background-image: url(../images/interface/bg_tab_howeinvest.gif);}
body.howweinvest #mainnav a.howweinvest	{background-position: 0 -78px;}
body.howweinvest .sidebar .banner		{background-image: url(../images/interface/bg_banner_howweinvest.jpg);}
body.howweinvest .sidebar .snav			{background-position: 0 76px !important;} /*adjust this value to show the background image below the 'In This Section' nav*/
body.howweinvest	 h2					{color: #9B9934;}
/* Mutual Funds Page*/
body.mutualfunds #content .maincontent	{background-image: url(../images/interface/bg_tab_mutualfunds.gif);}
body.mutualfunds #mainnav a.mutualfunds	{background-position: 0 -78px;}
body.mutualfunds .sidebar .banner		{background-image: url(../images/interface/bg_banner_mutualfunds.jpg);}
body.fundmicro	 #content .sidebar .banner{background-position: 0 103px; height: 315px;} /*adjust this value to show the background image below the 'In This Section' nav*/
body.mutualfunds .sidebar .snav ul li a {background-color: #F9F3E7 !important;}              /*section nav background colour*/
body.mutualfunds .sidebar .snav ul li a:hover,
body.mutualfunds .sidebar .snav ul li a.selected	{background-color: #EFE8DB !important;}	  /*section nav highlighted colour*/
body.mutualfunds #subnav				{background: #ECD7B0;}
body.mutualfunds	h2					{color: #CD9934;}
/* Mutual Funds Microsite*/

/* Institutional Investors */
body.investors #content .maincontent	{background-image: url(../images/interface/bg_tab_investors.gif);}
body.investors #mainnav a.investors		{background-position: 0 -78px;}
body.investors .sidebar .banner			{background-image: url(../images/interface/bg_banner_investors.jpg);}
body.investors .sidebar .snav			{background-position: 0 83px !important;} /*adjust this value to show the background image below the 'In This Section' nav*/
body.investors #subnav					{background: #F9E7D6;}
body.investors h2						{color: #E49043;}
/* Account */
body.account #content .maincontent		{background-image: url(../images/interface/bg_tab_account.gif);}
body.account #mainnav a.account			{background-position: 0 -78px;}
body.account .sidebar .banner			{background-image: url(../images/interface/bg_banner_account.jpg);}
body.account #subnav					{background: #EBDDEA;}
body.account h2							{color: #996699; margin: 0 0 0 0;}
body.account h3							{font-size: 1.25em; margin:0;}
table#vs_errors * li 					{margin-bottom: 5px !important; font-size: 0.90em !important; color: Red !important;}
table#vs_errors	td						{color: Red;}
div#vs_errors * li, div.vs_errors * li	{margin-bottom: 5px !important; font-size: 0.90em !important; color: Red;}
div#vs_errors, div.vs_errors			{color: Red;}
body.account table.xpanel td div,
body.account div.xpanel					{font-size: 1em !important;}
form.round div                      {width: 480px !important; font-size: 1.05em !important;}
form.twocols div					{float:left; width: 500px; margin: 0 0 6px 0; font-size: 1.15em;}
form.twocols p						{font-size: 1.25em; line-height: 1.50em;}
p.message				{font-size: 1.25em; line-height: 1.50em; color: #006E2E;}
p.errormessage				{font-size: 1.25em; line-height: 1.50em; color: red;}
form.twocols table					{float:left;}
form.twocols table td				{color: #666;}
form.twocols label.textbox			{float:left;  width: 135px; padding-top: 3px; margin:0; }
form.twocols label.longtxbxlbl		{float:left;  width: 170px; padding-top: 3px; margin:0; }
form.twocols label.textboxlong		{float:left;  width: auto; padding-top: 3px; margin:0;}
form.twocols input.textbox			{float:left; width: 158px; height: auto; margin:0;  padding:0; font-size: 1em;}
input.phone			{width: 40px; height: 15px; margin:0;  padding:0; font-size:1em;}
form.twocols input.submit			{width: auto; height: auto; margin-left:9px; font-size: 0.9em;}
form.twocols img.random			{float: left; width: auto; height: auto; margin: 0; padding: 0;}
form.twocols span.checkbox	input	{float: left; width: auto; height: 15px; margin-right:3px; font-size: 0.9em;}
form.twocols table.radiolist		{float:none; width: 250px;}
form.twocols label.xlabel			{float:left;  width: 145px; padding-top: 0px; margin:0;}
form.twocols span.xlabel			{padding: 0; margin:0;}
form.twocols textarea.textarea		{float:left; width: 350px; height: 100px; margin:0;}
form.twocols select					{float:left; width: 170px; height: 20px; margin-right: 5px;  padding:0; font-size: 1em;}
body.account form.newaccountfull div				{float:left; width: 680px; margin: 0 0 6px 0; font-size: 1.15em;}
body.account form.newaccountfull p					{float:left; font-size: 1.25em; line-height: 1.50em;}
body.account form.newaccountfull table				{float:left;}
body.account form.newaccountfull table td			{float:left !important; color: #666;}
body.account form.newaccountfull label.textbox			{float:left;  width: 100px !important; padding-top: 5px; margin-right: 3px;}
body.account form.newaccountfull label.textboxlong		{float:left;  width: auto; padding-top: 3px; margin:0;}
body.account form.newaccountfull input.textbox			{float:left; width: 100px !important; height: 15px; margin-right: 5px;  padding:0; font-size: 1em;}
body.account form.newaccountfull select					{float:left; width: 100px; height: 20px; margin-right: 5px;  padding:0; font-size: 1em;}
body.account form.newaccountfull input.submit			{width: auto; height: auto; margin-left:9px; font-size: 0.9em;}
body.account form.newaccountfull label.xlabel			{float:left;  width: 100px !important; padding-top: 0px; margin-right: 5px;}
body.account form.newaccountfull span.xlabel			{float: none !important; font-size: 0.95em; padding: 0; margin:0;}
body.account form.newaccountfull span.checkbox	input	{float: left; width: auto; height: 15px; margin-right:3px; font-size: 0.9em;}
body.account form.newaccountfull label.col1				{float: left; width: 120px !important; padding-top: 5px; margin-right: 5px;}
body.account form.newaccountfull label.col2, input.col2	{float: left; width: 130px !important; padding-top: 5px; margin-right: 5px !important;}
body.account form.newaccountfull label.col3, input.col3	{float: left; width: 60px !important; padding-top: 5px; margin-right: 5px !important;}
body.account form.newaccountfull label.col4, input.col4	{float: left; width: 115px !important; padding-top: 5px; margin-right: 5px !important;}
body.account form.newaccountfull label.col5, input.col5	{float: left; width: auto !important; padding-top: 5px; margin-right: 5px;}
body.account form.newaccountfull label.autocol1				{float: left; width: 120px !important; padding-top: 5px; margin-right: 5px;}
body.account form.newaccountfull label.autocol2, input.autocol2	{float: left; width: 110px !important; padding-top: 5px; margin-right: 5px !important;}
body.account form.newaccountfull label.autocol3, select.autocol3	{float: left; width: 110px !important; height: auto !important; padding-top: 5px; margin-right: 5px !important;}
body.account form.newaccountfull label.autocol4, select.autocol4	{float: left; width: 110px !important; height: auto !important; padding-top: 5px; margin-right: 5px !important;}
body.account form.newaccountfull label.autocol5, select.autocol5	{float: left; width: 150px !important; height: auto !important; padding-top: 5px; margin-right: 5px;}
/*body.account form div					{float:left; clear:both; width: 510px; margin: 0 0 6px 0;}*/
/*body.account label					{float:left; clear:left; width: 62px; padding-top: 3px; margin:0;}*/ /*font-size: 1.1em;*/
/*body.account input					{float:left; width: 158px; height: 15px; margin:0;  padding:0; font-size: 1em;}*/
body.account .message					{color: #006E2E;}
body.account input						{height: auto; margin:0;  padding:0; font-size: 1em;}
body.account select 					{font-family:Arial, Helvetica, sans-serif; font-size:1em;}
body.account select.selectdeliv				{width:auto; font-family:Arial, Helvetica, sans-serif; font-size:0.9em !important;}
body.account input.phone				{width: 40px; height: 15px; margin:0;  padding:0; font-size:1em;}
body.account input.submit				{width: auto; height: auto; margin-left:9px; font-size: 0.9em; margin-top: 20px;}
body.account input.leftbutton			{width: auto; height: auto; margin-right:9px; font-size: 0.9em; margin-top: 20px;}
body.account input.cancel				{width: auto; height: auto; font-size: 0.9em; margin-top: 20px;}
body.account input.button				{width: auto; height: auto; font-size: 0.9em; margin: 0;}
body.account table.radiolist            {float:left; width: 380px; font-size: 1.15em;}
body.account table.radiolist td.firstcol	{width: 20px; }
body.account table.radiolist td         {padding: 2px; margin: 0; vertical-align: middle; border-bottom: 3px solid #FFF;}
body.account span.radio input			{margin-left: 10px; margin-right: 5px;}
body.account span.checkbox input		{float: left; width: auto; height: 15px; margin-right:3px; font-size: 0.9em;}
body.account span.checkboxcenter input	{float: none; width: auto; height: 15px; margin-right:3px; font-size: 0.9em;}
body.account span.radio label			{font-size: 0.85em;}
body.account .loggedin #content			{background: url(../images/interface/bg_sidebarpurple.gif) 0 0 repeat-y	;}
body.account .loggedin .sidebar			{background: url(../images/interface/bg_accountsidebartop.gif) 0 0 no-repeat;}
body.account.fullwidth	#content		{background: none!important;}
body.account.fullwidth #content .maincontent 	{width: 690px !important;}
/* body.account a.logout					{padding-left: 8px; color: #C00; font-weight: bold; background: url(../images/interface/bg_arrowlogout.gif) 0 3px no-repeat;}
body.account a:hover.logout				{color: #C00 !important;} */
/** html body.loggedin #content .sidebar	{float:left; margin-left: -3px;  } *//*banish IE repeating text bug in your account*/

/* Forms & Documents (also the open an account page) */
body.newacct #content .maincontent,
body.documents #content .maincontent	{background-image: url(../images/interface/bg_tab_documents.gif);}
body.documents #mainnav a.documents		{background-position: 0 -78px;}
body.newacct	.sidebar .banner,
body.documents .sidebar .banner			{background-image: url(../images/interface/bg_banner_documents.jpg);}
body.documents .sidebar .snav			{background-position: 0 83px !important;} /*adjust this value to show the background image below the 'In This Section' nav*/
body.newacct #subnav,
body.documents #subnav					{background: #F0D2D6;}
/* About Parnassus (also the contact us page) */
body.contact #content .maincontent,
body.parnassus #content .maincontent	{background-image: url(../images/interface/bg_tab_parnassus.gif);}
body.parnassus #mainnav a.parnassus		{background-position: 0 -78px;}
body.parnassus.fullwidth	#content		{background: none!important;}
body.parnassus.fullwidth #content .maincontent 	{width: 690px !important;}
body.contact .sidebar .banner,
body.parnassus .sidebar .banner			{background-image: url(../images/interface/bg_banner_parnassus.jpg);}
body.parnassus .sidebar .snav			{background-position: 0 83px !important; } /*adjust this value to show the background image below the 'In This Section' nav*/
body.contact #subnav,
body.parnassus #subnav					{background: #D4E3F4; }
div.thickboxed p,
div.thickboxed h3					{margin:2em 0 1.5em 0 !important;}
div.thickboxed h2					{margin:0 0 1.5em 0;}

/* Search Page */
body.search	#content					{background: none!important;}
body.search #content .maincontent	{width: 690px;}
body.search table					{width: 100% !important;}
input.searchtextbox					{width: 90px !important; height: 16px !important; color: #666; margin: 0; font-size: 0.9em !important; 
									border-top-color: #b3b7b1; border-top-width: 1px !important; border-top-style: solid; 
									border-right-color: #b3b7b1; border-right-width: 1px !important; border-right-style: solid;
									border-bottom-color: #b3b7b1; border-bottom-width: 1px !important; border-bottom-style: solid;
									border-left-color: #b3b7b1; border-left-width: 1px !important; border-left-style: solid;
									padding-left: 4px !important; padding-bottom: 0; padding-right: 0; padding-top: 2px !important;}
input.searchbutton					{width: 45px !important; height: 20px !important; font-size: 0.9em !important; padding-bottom: 5px !important; }
input.button						{width: auto; height: auto; font-size: 1.0em; margin: 0;}
input.textbox                      {float:left; width: 150px; height: auto; margin:0;  padding:0; font-size: 1em;}
input.textboxlong                  {float:left; width: 200px; height: auto; margin:0;  padding:0; font-size: 1em;}
input.textboxshort                 {float:left; width: 100px; height: auto; margin:0;  padding:0; font-size: 1em;}
input.textboxshorter                 {float:left; width: 50px; height: auto; margin:0;  padding:0; font-size: 1em;}
textarea							{float:left; width: 300px; height: 100px; margin:0;}
select								{float:left; width: auto; height: auto; margin-right: 5px;  padding:0; font-size: 1em;}
body.search input.textbox			{width: 220px;}
body.search table.resultnav		{width: auto !important;}

/***********/
/* Helpers */
/***********/
.nomargin {margin: 0 !important;}

/*use this for styles only to be printed or for accessibility elements (e.g. long descriptions)
  elements with the access class will not be printed
*/
.access,
.print 	{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; }
.print {display:none;}
/* use .screen to stop an element from printing. */

/* float helpers */
.left 	{float:left;}
.right	{float:right;}
.center {text-align:center}
.clear 	{float:none; clear:both;}
.invisible {visibility:hidden; font-size: 0; display:none;}


/* use these declarations for elements that require clearing*/
/* ~The clear list~ */
#content:after,
#content .maincontent:after,
p.bio:after,
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/* Hides from IE-mac \*/
* html #content,
* html .clearfix {height: 1%;}
/* .maincontent, p.bio already have a height declaration */
/* End hide from IE-mac */

	/* Google Custom Search*/
	.gs-watermark,
	.gsc-tabsAreaInvisible,
	.gsc-trailing-more-results,
	.gs-visibleUrl,
	.gsc-resultsHeader,
	.gsc-tabsArea,
	.gsc-search-box {display:none !important;}
	.gs-title *,
	.gs-title {color:#4578c6 !important; text-decoration:none !important;}
	.gs-title:hover{text-decoration:underline !important;}
	.gsc-result {font-size: 1.3em; padding: 18px !important; border-bottom: 1px solid #eff0f0 !important; margin:0 !important; line-height: 18px;}
	
	/*.googlesearch {background:#f3f3f3; padding: 12px 18px;}*/
	.googlesearch {padding: 12px 18px;}
	.googlesearch label {font-weight:bold; padding: 5px 5px 0 0; display:block; float:left;}
	.googlesearch input {display:block; float:left;}
	.googlesearch #searchbutton {padding:0; border:none; display:block; margin: 1px 0 0 6px; height: 20px; width: 68px; text-indent:-9999px; background: url(../images/interface/buttons/search.png) 0 0 no-repeat; cursor:pointer;}
	.gsc-cursor {float:right; padding-top: 10px;}
	
	/* Pagination Controls*/
	.pagination {width:731px; height: 35px; padding: 15px 16px 0 16px; background: url(../images/interface/chrome/tablepaginationbg.png) 0 100% no-repeat;}
	.pagination h4 {float:left; padding-top:5px;}
	.pagination p {float:right; display:block; color:#46474a;}
	.gsc-cursor-page,
	.pagination span,
	.pagination a {display:block; float:left; width:19px; height: 15px; padding: 4px 0 0 0; border: 1px solid #d8e4f7; margin: 0 0 0 -1px !important; text-align:center; font-weight:bold; text-decoration:none !important; color:#3674d4 !important;}
	.gsc-cursor-page:hover,
	.pagination a:hover { color:#46474a !important; cursor:pointer;}
	.gsc-cursor-current-page,
	.pagination span {border:none; padding-top: 5px; color:#46474a !important;}
	.pagination .last {background: url(../images/interface/chrome/icons.png) -582px -560px no-repeat; text-align:left; text-indent:-9999px; margin-left: 4px;}
	.pagination .last:hover {background-position: -564px -560px;}
	.pagination .first {background: url(../images/interface/chrome/icons.png) -583px -577px no-repeat; text-align:left; text-indent:-9999px; margin-right: 5px;}
	.pagination .first:hover {background-position: -565px -577px;}