@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url( ../../../themes/css/import.css );
@import url( ./defaults.css );
/*
 * primary background color (blue): 	8cd5e3
 * secondary text header color (red):	ed1c24	
 * text color (grey):					333333
 * link and button color (blue):		006ab6
 */

@media all	{

	/* reset styles */
	html, body, div, span, object, iframe, 
	p, blockquote, pre, a, 
	abbr, acronym, address, code, del, dfn, em, img, q, 
	dl, dt, dd, ol, ul, li, 
	form, label, legend, 
	table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	
	@font-face {
		font-family: 'Glyphicons Halflings';
		src: url('fonts/glyphicons-halflings-regular.eot');
		src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
	}
	.glyphicon {
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		font-style: normal;
		font-weight: normal;
		line-height: 1;

  		-webkit-font-smoothing: antialiased;
  		-moz-osx-font-smoothing: grayscale;
	}
	.glyphicon-calendar:before {
  		content: "\e109";
	}
	.glyphicon-map-marker:before {
  		content: "\e062";
	}
	
	/*will adjust if this breaks anything*/
	ol {margin:0 0 15px 25px;}

	h1, h2, h3, h4, h5, h6  {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
	fieldset, input {margin:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
	textarea		{font-weight:inherit;font-style:inherit;font-family:inherit;font-size:inherit}

	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}
	ul,dl,dt,dd {list-style:none;}

	body {color:#333;background-color:#fff; font-family:Georgia, "Times New Roman", Times, serif; line-height:normal; font-size:14px;} 

    a.button, input.button, span.button,.button .button-over { background:#0b6bb4; color:#fff !important; font-size:13px; text-transform:none; text-shadow:none; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -ms-transition: background .2s linear; -o-transition: background .2s linear; transition: background .2s linear;}
	form .buttonHolder .button:hover { background:#000 !important; }
	
	/* master layout - overrides gala_07 */
	div.container,
	div#container           {width:945px;margin:0 auto;}
	div#container           {margin-bottom:320px}
	div#wrapper             {float:left;width:100%; padding-bottom:0px}
	div.blocks2  #content   {margin: 0 180px 0 180px;}
	div.blocks2e #content   {margin: 0 270px 0     0;}
	div.blocks2n #content   {margin: 0     0 0 270px;}
	div.blocks1  #content   {margin: 0     0 0     0;}
	div#navigation          {float:left;width:340px;margin-left:-945px}
	div#extra               {float:left;width:250px;margin:30px 0 0px -250px}
	div.blocks2n #navigation          {float:left;width:250px;margin:30px 0px 0px -945px;}
	div.blocks3  #content	{margin: 0 225px 0 270px;}
	div.blocks3 #navigation          {float:left;width:250px;margin:30px 0px 0px -945px;}
	div.blocks3 #extra               {float:left;width:205px;margin:30px 0px 0px -205px}
	div#footer              {clear:left;width:100%}

	/* special case margins for home page and search */
	#accounts.displaymode div#container,
    #minisearch.listmode div#container {width:auto}
	#accounts.displaymode .body .header,
    #minisearch.listmode .body .header,
    #minisearch.listmode .sub-container,
	#accounts .display.features #search_results,
	#accounts .display.features #homepage_content,
	#main_search_header,
	#accounts .display.classic #features_block {width:945px; margin:0 auto;}
	#accounts.sectiondisplaymode div#container {width:945px;}
	
	#account-nav, input.button, #account-links a.button, .cufon, .header h1, #logo h1,#logo h3,.box h3,.box h4,#footer h4,.mod_toptitle h1, .section .header h1, .manage_press .header h1, .controlpanel .header h1, .edit .header h1, .login .header h1, .errorpage .header h1, #organizations .admin a.button, #pledgetop h2, .module.pledge-info h2, #initiatives h1, #initiatives h2, #initiatives h3, #initiatives h4, #initiatives h5, #initiatives h6, #pledgetop ul.pledge_steps, #initiativestop, #mobile-account-links a, .module.modresources .modpagelist, #extra h2, #extra h3, .module.mod-initiatives-callout h3, .module.mod-initiatives-callout a {
    	font-family: 'Montserrat', sans-serif;
    	font-weight: 700 !important;
	}
	
	#extra h3 { text-transform:none }

	/* general uniform overrides */
	form .row						{ border:none; /*color:#505050;*/ padding:1em 0;}
	form .buttonHolder				{ margin:3px 0; height:29px; position:relative; background:none; }
	form .buttonHolder .button-over	{ opacity:0; filter:alpha(opacity=0); position:absolute; z-index:10; cursor:pointer; font-size:14px; line-height:12px; height:30px; font-weight:bold; padding:7px 15px;  color:#fff; }
	form .dateInput					{ display:inline }
	form .formhelp,	form .formhelp p { color:#505050; font-size:11px; font-style:italic; font-weight:normal; cursor:help; }
	form .formhelp p { margin:0;}
	form .inlineLabels ul li		{ width:220px; }
	form .inlineLabels ul li .formhelp, form .inlineLabels td ul li {margin:0; width:auto}
	form .inlineLabels iframe		{ width:450px; }
	form .formlabel,
	form .inlineLabels label, 
	form .inlineLabels .label 		{ font-weight:normal; width:220px; font-size:14px}
	form .inlineLabels .formlabel	{ width:220px }
	form .row .add,
    form .row .add .button-over		{ padding:6px 10px 6px 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  background-image: url(./images/add_icon.png); background-repeat:no-repeat; background-position: 4px center; background-color:#f4f4f4; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:none; font-size:13px; text-transform:none;}
    form .row .remove, form .row .multiform_remove,
    form .row .remove .button-over	{ padding:6px 10px 6px 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;  background-image: url(./images/remove.png); background-repeat:no-repeat; background-position: 4px center; background-color:#f4f4f4; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:none; font-size:13px; text-transform:none;}
	form .buttonHolder .formhelp	{ display:inline; margin-left:10px; padding:0.5em 0 0.5em 15px; border-left:1px solid #999999; } 
	
	/* no styles on remove btns in right column service modules */
	.servicetabs .row .multiform_remove	{padding:0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;  background:none; font-weight:normal; text-shadow:none; font-size:13px; text-transform:none;}
	
	/*disabled buttons */
	form .buttonHolder .button.disabled { background-color:#ccc }

	.multiform_unit					{padding-top:10px}
	#users form .formlabel			{text-align: left;}
	#opp_reps_inputs .padded 		{padding-top:7px}
	#org_rep_multiform .multiform_unit .forminput 	{padding-bottom:7px}
    #opp_reps_inputs .forminput { margin-bottom:5px; }
    /*
	form fieldset fieldset				{ border:1px solid #999; margin:0 -15px; padding:0 15px 10px;}
	*/
	form fieldset .legend,
	form fieldset legend		{ display:none }
	.admin.switchboard form fieldset .legend,
	.admin.swtichboard form fieldset legend { display:block }
	form .textInput				{/*color:#545454;*/ font-size:14px;}
    
	/*MOVED TO MEDIAQUERY SECTION BELOW */
	/*form .inlineLabels .textInput, 
	form .inlineLabels .selectInput, 
	form .inlineLabels select, 
	form .inlineLabels textarea,
	form.minifind .textInput
    {
		border: solid #cccccc; 
		border-width: 1px 0 0 2px;
		background: #efefef;
		background: -moz-linear-gradient(top, #ffffff 50%, #efefef 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#efefef));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
		padding: 6px 4px;
        width:440px;
        font-size:14px;
	}
	form .inlineLabels .selectInput,
	form .inlineLabels select 				{ padding: 4px 2px; width:440px; font-family:Georgia, "Times New Roman", Times, serif;}  */
	
	/*********** FIND AN ORGANIZATION desktops**********/
	/* special filter is used if suborg package is installed */
	.org-search-form label {
		display:inline !important;
	}
	.org-search-form label[for="org-cats"] {
   		position: absolute;
    	top: -9999px;
    	left: -9999px;
	}
	.org-search-form label[for="sub_org"],
	.sub_org_checkbox {
		margin-left:10px;
	}
	.org-search-form .buttonHolder.submit {
		float:right;
		margin-top:-3px;
	}
	/*************** END *******************/
	
	
	form .inlineLabels .dateSelect			{margin-right:7px}
	form .inlineLabels .dateSelect .selectInput,
	form .inlineLabels .dateSelect select 	{margin-right:5px}
	form .inlineLabels .timeSelect			{margin-left:8px}
	form .inlineLabels .timeSelect .selectInput,
	form .inlineLabels .timeSelect select	{margin-left:5px}
    form .inlineLabels ul { margin:0; } 
    form .inlineLabels ul ul { width:auto; margin:0 } 
    form .imageUpload .button { float:right;}
    form .inlineLabels label em,
    form .inlineLabels .label em { /*display:inline-block; float:none; margin-left:5px;*/ background-image:url(./images/icon_requiered.png); }
    
    .row.org-toc ul {width:auto;}
    .row.org-toc ul li { /*this restores ul list formatting to org registration step 3 */
	list-style:disc;
	margin-left: 35px;
    	padding: 0 0 5px;
	width:auto;
    }

    /* This gets rid of the margin and applies proper alignment for forms for Volunteer Opp Preferences */
    #useroppsprefs .inlineLabels .forminput { margin-left: 0px; }
    #useroppsprefs .buttonHolder { margin-left: 0px; }
    #useroppsprefs .inlineLabels,
    #oppsloghours { margin: 0 0 35px; }
    #useroppsprefs .row,
    #oppsloghours .row,
    #my_account_setting .row	{ padding: 0.6em 0; }
    #oppsloghours div .tos { padding-left: 20px; }
    #oppsloghours div .tos label { width:400px }
    #useroppsprefs .data thead th, #useroppsprefs .data td {text-align:center; width:50px}
    
    table .center-col {text-align:center}

   #reports form .inlineLabels select 			{ padding: 4px 2px; font-family:Georgia, "Times New Roman", Times, serif;}
   #reports form .row .forminput 	{ margin-left: 5px; width: auto;  float: left;}
   #reports form .row .formlabel			{ width: auto; float: left; margin: 0; }
   #reports form .row .forminput .formlabel	{ width: auto; float: left; margin: 0; }
   #reports form .row label		{ width: auto; float: left; margin: 0.45em 0 0 0; }
   #reports form .row .forminput .formlabel label 	{ margin-left: 5px; }
   #reports form .buttonHolder 	{ margin: 0 0 0 25px; padding: 0; text-align: left; float: left; clear: none; }
   #reports .tableResults { font-size: 14px; font-weight: bold;text-transform: capitalize; }
   #reports form .inlineLabels .row { margin-bottom: 10px; }
   #reports table.report_list  { border-color: #E9E9E9 #E9E9E9 -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px medium; margin-bottom: 30px; }
   #reports .formhelp { font-size: 12px; font-style: italic; margin-bottom: 30px; }
   #reports form  .row.textRow	{ margin-bottom: 0px; padding-bottom: 0em; }
   #reports .header h3 { display:inline; }
   #reports .body .header { margin: 20px 270px 15px 0px; border-bottom: 1px dotted #999999; display:block; padding-bottom: 0.4em; width: auto; margin-right: 0;}
   #reports form .row .dateSelect			{margin-right:7px}
   #reports form .row select {
    background: -moz-linear-gradient(center top , #FFFFFF 50%, #EFEFEF 100%) repeat scroll 0 0 transparent;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px 0 0 2px;
    font-size: 14px;
    float: none;
    width: auto;
    margin-right: 5px;
    font-family: Georgia,"Times New Roman",Times,serif;
    padding: 4px 2px;
    }
    #reports .wait {background-image: url(./images/ajax-loader-for-reports.gif); background-repeat:no-repeat; background-position:left; padding-left:30px;}
    #reports .wait.done {background-image: url(./images/import_16.gif); background-repeat:no-repeat; background-position:left; padding-left:30px;}
   
    
    form .currentfile .item { background-color:#ececec; border:1px solid #e6e6e6; padding:1em 1em 1.25em;}
    form .currentfile td { border:0; padding:0 }
    form .currentfile .item ul li { font-size:12px; color:#000; }
	/* servicetab area forms */
   
    form .servicetabs fieldset { background:#ececeb; padding:10px 10px 1px; margin-bottom:10px; position:relative;}
    form .servicetabs label,
    form .servicetabs .label,	
    form .servicetabs .formlabel {display:none; margin:0} 
    form .servicetabs .forminput {width:auto; float:none; display:block; margin-bottom:0;}
	form .servicetabs .textInput, 
	form .servicetabs .fileUpload, 
	form .servicetabs .selectInput, 
	form .servicetabs select, 
	form .servicetabs textarea	{width:94% !important;}
	form .servicetabs .row		{margin:0 0 10px 0; padding:0;}
	form .servicetabs legend,
	form .servicetabs .legend	{display:block; padding:0; margin:0 0 12px 0; font-size:14px; color:#4d4d4d; } 
	form .servicetabs .button.small, form .servicetabs .small {width:auto !important;}
    form .servicetabs .button { background-color:#f4f4f4; border:1px solid #d9d9d9; color:#0B6BB4 !important; text-transform:none;}
    form .servicetabs .buttonHolder .add,
    form .servicetabs .buttonHolder .add .button-over { padding:6px 10px 3px 28px; background-image: url(./images/add_icon.png); background-repeat:no-repeat; background-position: 4px center; background-color:#f4f4f4; font-weight:normal !important; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:none; font-size:13px; text-transform:none;}
    form .servicetabs .buttonHolder .add:hover,
    input.add:hover {
    	background:url(./images/add_icon.png) no-repeat 4px center #f4f4f4 !important;
    }

    form .servicetabs .formlabel { width:auto; float:none; }
    form .servicetabs .forminput { margin-left:0; width:auto; }

	form a.manage { position:absolute; top:1px; right:20px; z-index:100;}
      
	form .inlineLabels .forminput fieldset .textInput, 
	form .inlineLabels .forminput fieldset .fileUpload, 
	form .inlineLabels .forminput fieldset .selectInput, 
	form .inlineLabels .forminput fieldset select, 
	form .inlineLabels .forminput fieldset textarea {width:97% !important}				/* not sure why 100% is too large */
	form .inlineLabels .forminput .buttonHolder {text-align:left}	/* this would be an exception however */
	form .inlineLabels .forminput fieldset {margin:0; padding:0; border:0}
	
	/* slideshow edit forms */
	form .slideshow .fileUpload {width:auto !important; margin-right:6px}
	form .slideshow .slideshow_slide { margin-bottom:10px; position:relative; min-height:40px }
    form .slideshow .slideshow_slide .forminput { width:auto;}
    form .slideshow .formlabel { margin-bottom:5px; }
    form .slideshow .slideshow_slide_selectbar {background:white; border:1px solid #eee; min-height:40px}
	form .slideshow .slideshow_slide_fieldset {background:#eee; padding:0 1em 1.25em;}
	form .slideshow .slideshow_slide_selectbar .button,
	form .slideshow .slideshow_slide_fieldset .button {float:right; background:none; border:none; width:auto !important; text-align:center; color:#0B6BB4;  text-transform:none; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:none; font-size:13px; font-weight:normal}
	form .slideshow .slideshow_slide_selectbar .button { margin:6px 8px 0 0;  text-transform:none; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:none; font-size:13px;}
    form .slideshow .slideshow_slide_selectbar img { vertical-align:middle; margin:4px;}
    form .slideshow .forminput .row	{padding:.5em 0}
	form .slideshow .forminput .buttonHolder {margin:0 0 -26px; text-align:right; right:0; bottom:36px; float:right; } 
    form .imageUpload .button, 
	form .slideshow .forminput .buttonHolder a { margin-top:14px; display:block; font-size:13px;}
	form .slideshow .priorities_priority_image_id .formlabel {display:none; }
    form .slideshow .hide { position:absolute; top:14px; right:20px; z-index:100;}
    form .slideshow .edit { margin:14px 20px 0 0; float:right}
    form .slideshow .forminput .item {float:none; margin:0; width:auto;} /* the following are overridng form .inlineLables .item -- perhaps those can be discarded */
	form .slideshow .forminput .item table tr td {border:none; padding:5px 10px 0 0;}
	form .slideshow .forminput .item img {border:1px solid #ccc;}
	form .slideshow .forminput .item ul {margin:0; width:auto}
	form .slideshow .forminput .item ul li {line-height:1; padding-bottom:10px; font-size:12px;}
	form .slideshow .forminput .item ul li .label {width:auto; margin:0; font-size:12px; font-weight:bold;}
	form .slideshow .forminput label.checkbox {display:inline; float:none; margin-left:0.3em;}

	form div.remove	{text-align:right; border-bottom: 1px dotted #999999; }
	form .remove .button { border:none; font-family:Georgia, "Times New Roman", Times, serif; text-shadow:none; font-size:13px; text-transform: none; padding:0; margin:0; background:none; width:auto; font-weight:normal; color:#8C0B05;}

    form .blockLabels .label,
    form .blockLabels label { float:none; display:block; margin-bottom:10px; }
	form .blockLabels .buttonHolder .button {background:none;border:1px solid #999999; font-family:Georgia, "Times New Roman", Times, serif; padding:4px 6px 2px; color:#0B6BB4; font-size:13px}

	.filterForm .inlineLabels .formlabel label, 
	.filterForm .inlineLabels .formlabel {width:auto}
	.filterForm .inlineLabels .forminput {margin-left:60px}
	.filterForm fieldset .legend		 {display:block;}

	/* slideshow highly granular selections - might be wise to common class these things */
	.service_plan_images_service_plan_image .formlabel,
	.profile_service_plan_image_id .formlabel,
	.about_images_about_image_id .formlabel,
	.about_images_about_image .formlabel,
	.orgpage_images_orgpage_image_id .formlabel,
	.orgpage_images_orgpage_image .formlabel,
	.slideshow_slideshow_image_id .formlabel,
	.slideshow_images_slideshow_image .formlabel	{ display:none; }

	/* slideshow module */
	#navigation .slideshow		{margin:0; padding:0}
	
	/*slideshow left column default image width */
	.cboxElement img {}

	/* hidden module titles */
	#navigation .opportunity-menu h3,
	#navigation .slideshow h3	{display:none}

	/* login form */
	/* general button overrides */
	form .buttonHolder .button 			{ font-size:14px; padding:7px 15px; text-transform:capitalize; line-height:15px; text-shadow:none; font-weight:normal; }
	.buttonHolder a:link, .buttonHolder a:active, .buttonHolder a:visited { text-transform:none;}
	.listing .buttonHolder, #row_menu_menu_title .buttonHolder {padding:0; margin-left:0}
	
	/*links that look like buttons need to have color set to fff*/
	.apply .buttonHolder	{padding-top:4px;}
	.apply .buttonHolder a:link, .apply .buttonHolder a:active, .apply .buttonHolder a:visited,
	.cos-form .buttonHolder a:link, .cos-form .buttonHolder a:active, .cos-form .buttonHolder a:visited,
	.about_organizations .buttonHolder a:link, .about_organizations .buttonHolder a:active, .about_organizations .buttonHolder a:visited,
	#organizations .admin .buttonHolder a:link, #organizations .admin .buttonHolder a:active, #organizations .admin .buttonHolder a:visited,
	#opportunities .listing .buttonHolder a:link, #opportunities .listing .buttonHolder a:active, #opportunities .listing .buttonHolder a:visited
	{color:#fff; text-decoration:none;}
	
	.admin.organizations .body .buttonHolder.row {padding-top: 15px;}
	
	/*modifications to the apply button */
	div.apply .buttonHolde.submit {
        	width:100%;
        	float:none !important;
	}
	div.apply a.button {
        	font-size: 2em;
        	text-align: center;
        	width: 90% !important;
        	text-transform:uppercase;
        	box-shadow:0 1px 3px rgba(0, 0, 0, 0.2);
        	font-family: 'Montserrat', sans-serif;
    		line-height:1em;
	}
	div.apply .sociallinks {
        	border-left:none !important;
        	margin:0 !important;
        	padding:15px 0 !important;
        	float:none;
        	clear:left;
	}	
	
	.tweet-this		{padding-left:5px; background:url(./images/twitter.gif) no-repeat left; margin-left:5px;
	padding-left:20px;}

	/* custom menu editing */
	.listbuttons .button,
	.listbuttons input.button,
	.listbuttons a.button:link, .listbuttons a.button:active, .listbuttons a.button:visited
	{background:none; font-weight:normal; font-size:13px; display:inline; margin:0; padding:6px 0;}
	.listbuttons input.button {width:auto}

	.listbuttons				{text-align:center; padding:6px;}
	#accounts .menu .order		{width:20%; text-align:center}
	#accounts .menu .actions	{width:35%; text-align:center; padding:6px}
	#opportunities.adminmode .data .actions	{width:150px; text-align:center}
	#opportunities.adminmode .listing.opportunities .data .actions {width:100px; text-align:center}
	#opportunities.adminmode .listing.opportunities .data .date {width:130px;}
	#organizations .listing.opportunities .data .title	{font-size:14px; line-height:normal; width:150px;}
		 
	/*  This may need to be deleted
	#users form .buttonHolder .button 		{ margin-left: 15px; font-size:14px; padding:7px 15px; text-transform:capitalize; line-height:15px; text-shadow:none; font-weight:normal; } */

	/* general styles */
	h1, h2, h4, h5, h6 {font-weight:bold; color:#5a5a5a; }
	h3 {font-size:16px; color:#000; font-weight:bold}
	p {font-size: 14px; margin:0 0 1em;}
	a { text-decoration:none; }
	a:focus, a:hover { text-decoration:underline; }
	em {font-style:italic}
	.notes {font-style:italic; font-size:12px; margin-bottom:30px;}
	#blogs .notes {margin:0; width:172px;}

	pre *,code *,
	.code,.codelisting,
	.codelisting *			{font-family:monospace !important; text-align:left !important;}
	pre				{overflow:auto; text-align:left;}
	img				{}
	hr				{}
	small,.small			{font-size:0.8em;}

	/* links */
	:link,
	:visited				{text-decoration:none;}
	:link:hover,
	:visited:hover,
	:link:active,
	:visited:active			{text-decoration:underline;}

	/* titles */
	h1,h2,h3				{padding:0; margin:0;}
	h1				{}
	h2				{}
	h3				{margin-bottom: 0.4em;}

	/* common classes */
	.body				{}
	.date				{}
	.header .date			{}
	.content				{overflow:hidden}
	.post				{}
	.preview				{}
	.norecords			{}
	.popup				{}
	.highlight			{font-weight:bold;}
	.selected				{}
	.floaticon			{float:right; text-align:right;}
	.nav .floaticon		{padding-top:14px;}
	.usersinfo			{float:left; text-align:left; margin: 20px ;}
	.storage				{}
	.storage .item			{}
	.comment,.footer			{}
	.footer				{}
	.hidden				{display:none !important}
	.pagination .numbered_pagination div { font-family:Arial; padding:0;}
	.servicetabs		{width:250px; padding:0px; margin-top:12px; }
	.editcontainer		{margin-right:270px;}
	#users .admin.users.listing .item .floaticon	{float:right; text-align:right; margin:20px;}
	#users .admin.users.listing .item .floaticon ul,
	#users .forminput ul {line-height: 1;}
	#users .forminput ul {margin:0;}
	
	/* generic table with alternating color rows */
	.generic-table { margin-bottom:30px; }
    .generic-table td { border:0; padding:10px; }
    .generic-table .fa { background-color:#fafafa; }
    .generic-table tr { border:1px solid #e5e5e5; }
    .generic-table tr:last-child { /*border-bottom:0;*/ }
    .generic-table th {font-size:14px; font-weight:normal; padding:10px}
    /* End generic table */
    
    /* Table style for Volunteer Pages for results, search, etc. */
    .volunteer-results th,
    .volunteer-results td				{ background: none; border: none; padding: 0px; }
    .volunteer-results th				{ font-size: 12px; }
    .volunteer-results tr td ul			{ list-style: none; margin: 0; }
    .volunteer-results .row-line		{ border-bottom: 1px dotted #999; padding: 0px; }
    #volunteer-results-bg				{ background-color: #fbfbfb; border: 1px solid #e5e5e5; margin-bottom: 30px; padding: 15px 15px 5px 15px; }
    #volunteer-rss-icon                 { float:right;margin-bottom:-5px;}
    /* End Volunteer Results table */
    

	/* images */
	.portrait				{}
	.icon				{vertical-align:middle; border:0;}
	.menuicon				{}
	ul.small				{}

	/* tocs */
	.maketoc				{}
	.maketoc h3			{}
	.maketoc a			{}
	.maketoc ul			{}
	.maketoc ul li			{}
	.maketoc ul ul			{}

	/* forms */
	form				{}
	textarea			{}
	input				{}
	select				{}
	fieldset			{}
	legend				{}
	.row				{}
	.submit				{}
	.quicktags			{}
	.formlabel			{text-align:left; font-weight:normal}
	.forminput			{}
	.formhelp			{}
	.error				{color:#A41111;}
	.errorpage h3		{}
	.htmlpure-error		{display:block; margin:1em 0;}
	.warning				{color:#A41111}
	.success				{padding-bottom:20px}
	.clear				{clear:both;}
	.formfeedback		{clear:none;}

	/* module help on admin page */
	.modulehelp kbd			{font-family:monospace;}
	.modulehelp dt			{width:27%; float:left; text-align:right; font-weight:bold;}
	.modulehelp dd			{width:70%; margin-left:30%;}
	.modulehelp .example		{text-decoration:underline;}

	/* the small searchboxes */
	.minifind				{width:auto;}
	.minifind fieldset			{border:0;}
	.minifind legend,
	.minifind .legend			{display:none;}
	.minifind fieldset			{padding:0.5em; margin:0;}
	
	/* parsed elements from the tikiwiki parser */
	.bittable td			{}
	.bitbox				{margin:0.5em; padding:0.5em 5px;}
	.bitbox a				{}
	.bitbar				{border-bottom:3px solid #eee;}

	/* common settings for listings */
	.odd,.even			{}
	.odd				{}
	.even				{}
	
	#users .listing .odd,
	#users .listing .even,	
	#opportunities .listing .odd,
	#opportunities .listing .even,
	#organizations .listing .odd,
	#organizations .listing .even		{border-bottom: 1px solid #e5e5e5;}
	
	#users .listing .even,
	#opportunities .listing .even,
	#organizations .listing .even,
	#reports table.report_list .even		{background: #f1f1f1;}
	
	#users table.data .even,
	#opportunities table.data .even,
	#organizations table.data .even		{background: #f1f1f1;}
	
	/*#users td,*/
	#opportunities .result_set td, #opportunities .suggested td,
	#opportunities .result_set th, #opportunities .suggested th
	/*#organizations td*/					{padding: 15px 16px 15px 16px}
	
	#users table,
	#opportunities table,
	#organizations table								{/*margin-top: 20px*/}
	
	#opportunities .display.opportunities.prefs .result_set table {margin-top: 10px}
	
	/* This is for tables inside of a div with a colored background on the "Volunteers" page */
	#opportunities table.volunteer-results					{margin-top: 0; padding: 0;}
	#opportunities table.volunteer-results td,
	#opportunities table.volunteer-results th				{ padding: 10px 0; vertical-align:top}
	#opportunities table.volunteer-results th.main-title 	{ padding: 0px; }
	#opportunities table.data tr p							{margin: 8px 0px 2px 0;}
	
	/* tables */
	fieldset table			{}
	table				{ border-collapse:collapse; border-spacing:0; padding:0; margin:0; width:100%; }
	caption				{ margin:10px 0; font-weight:bold; font-size:1.4em; color:#5A5A5A }
	th,td 				{ padding: 6px 16px; border-bottom:1px solid #e9e9e9; }
	th{
		font-size:14px;
		font-weight:bold;
		color:#000000;
		background: #e9e9e9; /* old browsers */
		background: -moz-linear-gradient(top, #f9f9f9 0%, #e9e9e9 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e9e9e9)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0 ); /* ie */
	}
	th :link, th :visited,	
	th a:link, th a:visited { color:#000000; font-weight:bold; }
	td.actionicon		{width:100px;}
	td.centered, th.centered	{text-align:center;}
	table.data			{ border: 1px solid #e9e9e9; border-bottom:none; margin-bottom:30px }
	table.data tr td,
	#reports table.report_list tr td		{height:40px}
	table.optionbar		{}
	.menutable td		{}

	.edit_storage_list table th,
	.edit_storage_list table td	{ padding:6px 16px 6px 0; }
	.edit_storage_list table td	{ vertical-align:bottom; }
	

	.organizations table.data caption,
	.opportunities table.data caption	{ font-size:16px; padding:12px 0px; border-bottom:1px dotted #999; color:#000}
	

	/* lists */
	ul,ul li				{}
	ul.data,ul.data li.item	{}
	ul.data					{}
	ul.data li.item			{padding:5px;}
	ul.data .thumb			{}
	ol.data					{}
	#users .listing ol.data	{padding: 0px; list-style:none; margin: 0;}

	li.odd,li.even			{}
	ul.toc,ul.toc ul			{}
	ul.toc li				{}
	ul.toc ul.data			{}
	ul.toc p				{}

	dl				{}
	dt				{}
	dd				{}

	/* boxes */
	.box				{}
	.box h3				{}
	.boxcontent			{}

	/* structure navigation */
	.path				{}
	.navigation span			{}
	.navigation .left			{float:left;}
	.navigation .right			{float:right;}
	.navigation span a			{}

	/* package specific list stylings */
	.themes ul.data li.item 	{}
	
	/* SEARCH Widget styles */
	#search_widget, #search_widget_embed {
		padding:10px;
		background:#EFEFEF;
	}
	.module.search-widget {
	}
	.module.search-widget h3 {display:none;}
	#search_widget_logo {
		text-align:center;
		padding:0;
	}
	#search_widget_logo img {
		width:auto;
	}
	#sw_keyword, #embed {
		width:95%;
	}
	#search_widget_header {
		color: #343434;
    	font-family: helvetica, arial;
    	font-weight: bold;
    	margin-bottom: 10px;
   		text-transform: uppercase;
	}
	
	.module.search-widget input, .module.search-widget select {
		border-color: #CCCCCC;
    	border-style: solid;
    	border-width: 1px 0 0 2px;
    	font-size:1em;
    	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#FFFFFF));
    	background:-moz-linear-gradient(0% 50% 90deg,#EFEFEF, #FFFFFF);
    	background-color:#EFEFEF;
    	width:100%;
    	font-family: Georgia,"Times New Roman",Times,serif;
    	color:#999;
    	padding:4px;
    }
    .search_widget_field_name {
    	font-weight:bold;
    }
    .search_widget_field_set .formhelp {
    	float:right;
    	margin-top:5px;
    }
    #search_widget_embed {
    	margin-top:1px;
    	background:#E1E1E1;
    }
    #search_widget_embed .embed-label {
    	font-weight:bold;
    	float:left;
    }
     #search_widget_embed .embed-help {
    	font-size: smaller;
    	float:right;
    }
    #overDiv {
    	border:none !important;
    	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFEFEF), to(#FFFFFF)) !important;
    	background:-moz-linear-gradient(0% 50% 90deg,#EFEFEF, #FFFFFF) !important;
    	background-color:#EFEFEF; /*for IE */
    	-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px#888;
		box-shadow: 0 0 5px #888;
		font-size:0.875em;
    }
    
    #navigation	li .active	{font-weight:bold; color: #5A5A5A;}
    
    
    /* Menu navigation manager  */
    .menupage .actions {
    	text-align:center;
    }
    
    .edit.bitmenu .header, .module.menuitems-forms h3, .module.menuitems-forms .pagesection_header  {
    	background: linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1;
		border: 1px solid #DFDFDF;
		height: auto;
		line-height: 35px;
		padding-left: 10px;
		position: relative;
		margin-bottom:0px;  
    }
    
     .module.menuitems-forms .pagesection_header {
		cursor: pointer;
		width:90%;
    }
	.module.menuitems-forms .pagesection_items  {
		margin-top: 10px;
		padding: 10px 0 0 10px;
    }
    .edit.bitmenu .header {
   		font-size:16px;
    	font-weight:bold;
    }
      
    #editbitmenuform .menuitems , .edit.bitmenu .body, .module.menuitems-forms .boxcontent{
		border-color: #DFDFDF;
		background: linear-gradient(to top, #F5F5F5, #F9F9F9) repeat scroll 0 0 #F5F5F5;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
		border-image: none;
		border-style: solid;
		border-width: 0 1px 1px;
		display: block;
		padding: 10px 0 10px 10px;
	}
	
	#editbitmenuform  .menuitemsheaders.handle{
    	background: linear-gradient(to top, #ECECEC, #F9F9F9) repeat scroll 0 0 #F1F1F1;
    	cursor: move;
		border: 1px solid #DFDFDF;
		height: auto;
		line-height: 35px;
		overflow: hidden;
		padding-left: 10px;
		position: relative;
		width: 400px;
		word-wrap: break-word;
    
    }
    
	#editbitmenuform .menuitemsheaders.handle.tab {
		background: #808080; /* Old browsers */
		background: -moz-linear-gradient(top,  #808080 0%, #6d6d6d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(100%,#6d6d6d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #808080 0%,#6d6d6d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #808080 0%,#6d6d6d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #808080 0%,#6d6d6d 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #808080 0%,#6d6d6d 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#6d6d6d',GradientType=0 ); /* IE6-9 */
	}
    
    #editbitmenuform .menuitemsheaders .menuitemsheader {
    	margin: 5px 0 0;
    	padding: 0 0 5px;
    	display:inline-block;
    	border:0;
    	font-size: 12px;
    }
    
	#editbitmenuform .menuitemsheaders .menuitemsheader.title {
    	width:75%;
    	font-weight: bold;
    }
    
	#editbitmenuform .menuitemsheaders .menuitemsheader.type{
    	width:10%;
    	margin-left:20px;
    	color: #999999;
    	font-size:14px;
    }
    
    #editbitmenuform .menuitemsheaders .menuitemsheader.toggle {
     	margin-left:1px;
     	width:5%;
     	color: #999999;
     	cursor: pointer;
     	font-size:16px; 
     	font-weight:bold
    }
    
    #editbitmenuform .menuitemsheaders.tab .menuitemsheader{
    	color: #FFFFFF;
    }
	
	#editbitmenuform .menuitems{
		width: 400px;
	}
	
	#editbitmenuform .menuitems .formlabel {
		float:none;
		color: #999999;
	}
	
	#editbitmenuform .menuitems .forminput {
		float:none;
		margin:10px 0 0 0;
	}
	
	#editbitmenuform .menuitems .forminput .textInput {
		width:365px;
	}
	
	#editbitmenuform .menuitems .multiform_remove{
		background-color: #FF0000;
		background-image: none;
		padding:8px 10px 7px;
	}

	#editbitmenuform .buttonHolder, #menuitems_forms_tab_tab_widget .buttonHolder, #menuitems_forms_tab_widget .buttonHolder{
		margin-left:0px; 
	}
	    
    #editbitmenuform .placeholder {
    	outline: 1px dashed #4183C4;
    	width:400px;
    	height:30px;
	}
	
	#editbitmenuform ol {
    	list-style-type: none;
	}
	
	#editbitmenuform .textInput, #editbitmenuform select {
		width: 85%;
	}
	
	#editbitmenuform .legend {
		width: 95%;
	}
	
   /* Menu navigation manager module  */
    #menuitems_forms_page_links input[type='checkbox'] {
    	margin-right:5px;
    }

    .module.menuitems-forms .textInput {
    	width:200px;
    }
    
    .module.menuitems-forms .menuitems_forms_page_field label{
    	margin:0px;
    }
    
    #editbitmenuform .ui-state-hover{
    	min-height:20px;
    }
    
     #menuitems_menuitems_description {
     	padding-top:10px;
     }
     
     .menuitems_forms_page_field label input {
     	position:absolute;
	}
	
	.menuitems_forms_page_field label span {
     	display:inline-block;
     	padding-left: 25px;
	}
    
    .listing.menu .expunge { text-align:right;padding:5px;}
    .listing.menu .expunge label{ display:inline;}
    
    /*Video container wrapper*/
    .video-container {
    	position: relative;
    	padding-bottom: 56.25%;
    	padding-top: 30px;
    	height: 0;
    	overflow: hidden;
	}

	.video-container iframe,  
	.video-container object,  
	.video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	/*Hide honeypot field*/
	#cos_hpot_emails { display:none; }

	/*Availability admin opp */
	.admin_availability .availability_label, .admin_availability .button { display: inline;margin-left: 5px;}
	.admin_availability .forminput { margin-bottom:10px;}
	.admin_availability .textInput { width:75% !important;}
}

@media screen,projection,tv	{
	/* layout */
	html				{}

	/*
	div#container		{padding:0;}
	#header .container,
	#footer .container,
	#middle				{margin:0 auto; width:940px;}
	*/
	#main				{margin:30px 0px;}  			
	#feedback #main, 
	#organizations.adminmode #main
	/*#opportunities.adminmode #main*/	{margin-top:10px;}  /* the 30px top margin on #main could be a serious problem so far it has manifested in feedback - watch out */ 
    #feedback.editmode #main,
    #organizations.adminmode #main .listing
	{margin-top:30px;}
	.managemode #editorgform		{margin-top:-30px;}
	#editmenuform					{margin-top:-30px;}
	#navigation			{}
	#navigation ul		{vertical-align: text-top;}
	#navigation	li		{border-bottom: 1px dotted #999; padding: 6px 0}
	#navigation	li	a	{}
	div#extra			{float:left}
	#extra li 			{line-height: normal; list-style: none;}
	#footer				{}
	#header, #footer	{background:#8cd5e3}
	.display.feedback .content {width:450px;}
	/* #middle				{margin-top:30px} */

	#bittop				{clear:both; text-align:center; padding:0; position:relative; } /* todo remove height limit */
	#bittop img			{border:none}
	#bitbottom			{padding:10px;}

	/* admin menu */
	.mod_top_menu								{background:black;border:#999 solid; border-width:0 0 2px 0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	#bittopbar									{color:white}
	#bittopbar ul.dropmenu						{line-height:12px}
	#bittopbar ul.dropmenu li ul li				{background:#222; color:white}
	#bittopbar ul.dropmenu li ul li:hover		{background-color:#455;}
	#bittopbar a								{color:#99fcfc}
	#bittopbar a:hover							{color:white}
	.mod_toptitle								{background:white;}
	#toptitle 									{padding:30px 0 0; position:relative; z-index:1;}
	#toptitle h1 								{z-index:1; font-size:30px; background:url("./images/bg-page-title.gif") no-repeat scroll center bottom transparent; line-height:1em; padding-bottom:30px; text-transform:uppercase;}

	/* html tags */
	body				{}
	a.create				{}
	a.external			{}

	/* headings */
	.header				{}
	.header h1			{}
	.tabsystem .header h1		{}
	.header h2			{}
	.comment				{}
	.comment h3			{}
	.post				{}
	.comment .post			{}
	.comment .content			{}
	.display				{}
	.display.comment	{clear:both}

	/* various settings */
	.pagination			{ padding-top:55px }
	.pagination a		{display:block;padding:3px 6px;}
	 div.disabled, div.page_num_current {padding:3px 6px !important;}
	.gallerybar,
	.structurebar		{}
	.gallerybar a,
	.structurebar a		{}
	.avatar				{}
	.errorpage p		{}
	/* pagination on news and press need special settings becuase the column width where the pagination appears is too narrow, to avoid pagination wrapping, we're setting the position to absolute */
	#blogs.listmode .pagination {position:absolute; padding-top:25px;}
	/*the line above requires the following adjustment*/
	#blogs.listmode div#wrapper {margin-bottom:50px}

	/* users */
	.users #checkform	{border: 1px solid #e5e5e5; border-bottom: 0px; margin-top:20px}
	
	
	/* accounts */
	#accounts #profile_service_plan,
	#accounts .inlineLabels		{margin-top: 10px;}
	#accounts .servicetabs		{margin-top: 41px;}
	/*BEGIN This is somewhat convoluted and inelegant.  Can delete if there's a way to find the tpl */
	#accounts .accounts .body .header,
	#accounts .site_settings .body .header,
	#accounts .theme .body .header,
	#accounts .volunteer_copy_settings .body .header,
	#accounts .organization_copy_settings .body .header,
	#accounts .contact_form_settings .body .header		{margin-top: 10px} 
	

	#presscategories .presscategory .body .header 	{margin-bottom: 5px;}
	#accounts #main .module.homelayout-tip,
	#accounts #main .module.menu-tip,
	#presscategories #extra .module.oppcats-tip		{margin-top: 53px}
	#accounts .section.account.register .type, #kernel .section.account.register .type		{margin-bottom:30px}
	
	.section.account.register a.button,
	.section.account.about_organizations a.button {
		color:#fff !important;
		text-decoration:none;
		
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
        -ms-transition: background 0.2s linear;
        -o-transition: background 0.2s linear;
		transition: background 0.2s linear;
		line-height:normal;
	}
	.section.account.register a.button:hover,
	.section.account.about_organizations a.button:hover {
		background:#000 !important;
	}

	/* home page features */
	#accounts .display.features #features_block { background: white; }
	#accounts .display.classic #features_block .features-row, #accounts .display.features #features_block .features-row { margin-top:30px; clear:both }
	#accounts .display.classic #features_block .feature		{ width:450px; float:left;}
	#accounts .display.classic #features_block .feature.full-width, #accounts .display.features #features_block .feature.full-width { width:100%;}
	#accounts .display.classic #features_block .feature.odd, #accounts .display.features #features_block .feature.odd 	{ padding-right:20px; border-right:1px dotted #999}
	#accounts .display.classic #features_block .feature.even, #accounts .display.features #features_block .feature.even 	{ margin-left:20px; }
	#accounts .display.classic #features_block .feature .thumbnail, #accounts .display.features #features_block .feature .thumbnail { float:left; margin-right:20px; height:127px; overflow:hidden; width:170px; }
	#accounts .display.classic #features_block .feature .thumbnail	img, #accounts .display.features #features_block .feature .thumbnail	img  {width:100%; height:auto }
	#accounts .display.classic #features_block .feature .body				{ float:left; width:260px }
	#accounts .display.classic #features_block .feature .body.full-width, #accounts .display.features #features_block .feature .body.full-width	{ width:auto }
	#accounts .display.classic #features_block .full-width .thumbnail, #accounts .display.features #features_block .full-width .thumbnail {
		width:470px;
		height:auto;
	}
	#accounts .display.classic #features_block .full-width .body, #accounts .display.features #features_block .full-width .body {
		width:455px;
		height:auto;
	}
	#accounts .display.classic #features_block .feature .body .parsed_data, #accounts .display.features #features_block .feature .body .parsed_data  { font-size:14px; line-height:normal; text-align:left; width:auto; margin-bottom:5px; }

	/*** NEW HOMEPAGE ***/
	#accounts .display.features #adv_search #main_search_header {
		background-color: white;
		border: 0;
	}
	#accounts .display.features #header_join_button .button {
		line-height: normal;
		font-size: 22px;
		text-decoration: none;
		padding: 11px 22px 8px 22px;
	}
	
	#accounts .display.features #features_block .feature .body h3 {
		font-size: 2.3em;
	}
	#accounts .display.features #features_block .feature .body h3 a {
		color: white;
		text-decoration: none;
		/*text-shadow: 1px 1px 1px #313131;*/
	}
	#accounts .display.features #features_block .feature { 
		position: relative;
		overflow:hidden;
		height:340px;
	}
	#accounts .display.features #features_block .feature img {
		width:100%;
		min-height:100%;
		height:auto;
	}
	#accounts .display.features #features_block .feature .overlay {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		background: black;
		opacity: .45;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
		width: 100%;
		height: 100%;
	}
	#accounts .display.features #features_block .feature .body { 
		position: absolute;
		bottom: 20px;
		left: 20px;
		right:20px;
		color: white; 
	}
	#accounts .display.features #features_block .feature .body .parsed_data {
		font-family: Helvetica;
		/*text-shadow: 1px 1px 1px #313131;*/
		padding: 0 0 15px;
		font-size: 14px;
		line-height:18px;

	}
	#accounts .display.features #features_block .feature .body > a,
	#accounts .display.features #features_block .feature .body a.learnMore {
		background-color: white;
		color: #242424;
		padding: 8px 13px;
		font-size: 1.4em;
		border-radius: 4px;
		text-decoration: none;
		display: inline-block;
	}
	#accounts .display.features #features_block .feature .body a.learnMore {
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}
	#accounts .display.features #features_block .feature .body a.learnMore:hover {
		background:#000;
		color:#fff;
	}

	#accounts .display.features #features_block .rsGCaption {
		display: none;
	}
	#accounts .display.features #features_block .visibleNearby {
		background-color: white;
	}
	
	#accounts .display.features #adv_search {
		background: white;
	}

	#accounts .display.features #adv_search #main_search_title { 
		color: black;
		display: block;
		float: none;
	}
	#accounts .display.features #adv_search #main_search_header {
		float: none;
	}
	#accounts .display.features #main_search_title_copy {
		float: left;
	}
	#accounts .display.features #main_search_title_button {
		float: right;
	}

	#accounts .display.features #adv_search #main_search_title .button {
		line-height: normal;
		color: white;
		text-transform: uppercase !important;
		text-decoration: none !important;
		vertical-align: middle;
	}

	#accounts .display.features #search_results div.wrapper {
		background: #f5f5f5;
		color: #3f3f3f;
		text-align: center;
		margin-bottom: 11px;
	}
		
	#accounts .display.features #search_results div.wrapper .oppcategory {
		font-family: Helvetica, Arial, sans-serif;
		color: #3c3c3c;
		min-height: 200px;
    	padding: 40px 20px;
	} 
	#accounts .display.features #search_results div.wrapper .oppcategory .oppcategory-title {
		font-size: 1.7em;
		font-weight: bold;
		margin-bottom: 10px;

	}
	#accounts .display.features #search_results div.wrapper .oppcategory .oppcategory-opportunity {
		font-size: 1.2em;
	}
	#accounts .display.features #search_results div.wrapper .oppcategory:hover {
		color: white;
		cursor: pointer;
	}

	#accounts .display.features #search_results div.wrapper .oppcategory-logo {
		margin-bottom: 10px;
	}
	
	/*styles for the search tabs */
	.search-tabs { margin:0 auto; width:955px; }
	.search-tabs .tab {
		-webkit-border-radius: 5px 5px 0px 0px;
		border-radius: 5px 5px 0px 0px;
		background:#d5d5d5;
		float:left;
		text-transform:uppercase;
		text-shadow: 1px 1px #717171;
		color:#fff;
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		padding: 6px 15px 5px;
		margin-left:5px;
		font-size:1.2em;
		content:inherit;
	}
	.search-tabs .search-tab-label {
		display:block;
	}
	.search-tabs .tab.active {
		background:#ababab;
	}
	/* END TABS */
	/* Volunteer Match Search Info */
	#volunteermatch {
		clear:both;
		padding-top: 20px;
	}
	#volunteermatch p {
		color: #999999;
		float: none;
		font-family: Helvetica,Arial,sans-serif;
		font-size: 0.875em;
		font-weight: normal;
		margin-left: 20px;
		width: 55%;
		display: inline-block;
		vertical-align:top;
		padding-top:15px;
	}
	#volunteermatch .callout {
		font-weight: bold;
	}
	
	#volunteermatch img {
		height:50px;
		width:auto;
	}

	.opp_info {
		width: 90%;
		margin: 0 auto;
		line-height: 18px;
		text-align: center;
		margin-top: 14px;
	}
	.opp_info .opp_date .calendar_icon, 
	.opp_info .opp_location .pin_icon {
		display: inline-block;
		width: 18px;
		height: 18px;
		vertical-align: top;
	}
	.opp_info .opp_date .calendar_icon {background: url(images/calendar_icon.png);}
	.opp_info .opp_location .pin_icon {background: url(images/pin_icon.png);}
	.opp_info .opp_date { display: inline; margin-right: 5%; }
	.opp_info .opp_location {  display: inline;}

	#accounts .display.features  #mc_embed_signup {
		padding-top: 40px;
	}
	#accounts .display.features  #mc_embed_signup form {
		margin: 0;
		padding: 0;
	}
	
	#accounts .display.features  #mc_embed_signup input {
		border: 0;
		background: #f5f5f5;
		font-family: Helvetica;
		font-size: 18px;
		color: #242424;
	}
	

	#accounts .display.features  .mc_copy h2 {
		font-size: 1.7em;
		margin-top: 0;
		margin-bottom: 5px;
		color: #242424;
		text-transform: uppercase;
	}
		

	#accounts .display.features  #mc_embed_signup .mc-field-group {
		width: 100%;
	}


	#accounts .display.features .zip-select input {
		width: 50%;
		float: left;
		margin-right: 5%;
	}
	#accounts .display.features .zip-select .select-field option {

	}
	#accounts .display.features .zip-select .select-field {
		width: 45%;
		font-size:16px;
		-webkit-appearance: menulist-button;
		border: 0;
		height: 35px;
		color: #242424;
		background: #f5f5f5;
	}

	#accounts .display.features #mc_embed_signup #mc-embedded-subscribe {
		background-color: #F78715; 
		color: white;
		text-transform: uppercase;
		padding: 0 12px;
	}

	/*END*/

	/* priorities */
	.prio1				{background:#dfc !important;}
	.prio2				{background:#efc !important;}
	.prio3				{background:#ffc !important;}
	.prio4				{background:#fec !important;}
	.prio5				{background:#fdc !important;}

	/* navigation bars */
	.navbar				{height:2em; line-height:2em;}
	.navbar ul			{padding:0; margin:0; list-style:none;}
	.navbar ul li			{float:left; padding:0 5px;}

	/*** miscellaneous settings ***/
	.quicktag				{}

	/* boxes and modules */
	.box				{}
	.box h3				{}
	.popup				{width:250px; background:#fff; padding:0.5em; border:1px solid #999;}
	.popup small			{}
	.popup h3				{}
	.closebutton			{position:absolute; top:2px; right:2px;}

	/* modules */
	.module				{padding:0em; margin:0 0 20px;}
	.module h3			{}
	.module h3 a		{}
	.module ul			{margin:0; padding:0; list-style:none;}
	.module ul ul		{margin:0 0 0.5em 1.2em;}
	.module ul li		{margin:0;}
	.module ol			{margin:0 0 0 1.2em;}
	.module ol li		{margin:0;}
	.module .notes		{margin-top:10px;}
	/*admin page tip modules */
	.module.homelayout-tip,
	.module.menu-tip,
	.module.oppcats-tip {background-color:#ECECEC; margin-top:60px}
	.module.homelayout-tip h3,
	.module.menu-tip h3,
	.module.oppcats-tip h3 {display:none}
	.module.homelayout-tip .boxcontent h3,
	.module.menu-tip .boxcontent h3,
	.module.oppcats-tip .boxcontent h3 {display:block}
	.module.homelayout-tip .boxcontent,
	.module.menu-tip .boxcontent,
	.module.oppcats-tip .boxcontent {padding:10px;}
	 #pages.listmode .module.menu-tip,#menu.listmode .module.menu-tip {margin-top:46px}	
	 
	 /**** blog widget *****/
	.module.last-blog-posts {}
	.module.last-blog-posts h2 { 
		text-transform:none !important;
		font-family:inherit !important;
	}
	.module.last-blog-posts .mod-slideshow {
		float:none;
		margin:0 0 15px 0;
	}
	.module.last-blog-posts .mod-slideshow img {
		width:100%;
		height:auto;
	}
	.module.last-blog-posts h1,
	.module.last-blog-posts h2,
	.module.last-blog-posts h3 {
		text-transform:none !important;
	}
	.see-all-link {
		margin-top:-25px;
		margin-bottom:15px;
		position:relative;
		text-align:right;
	}
	/**** end blog widget ****/

	/**** resources callout widget *****/
	.module.modresources,
	.module.mod-initiatives-callout {
		color:#fff;
		padding:10px 10px 20px;
	}
	.module.modresources.loggedout {
		background:#8cc53f;
	}
	.module.modresources.loggedin,
	.module.mod-initiatives-callout {
		background:#f05a24;
	}
	.module.modresources h3,
	.module.modresources a.button,
	.module.mod-initiatives-callout h3 {
		color:#fff;
		text-decoration:none;
	}
	.module.mod-initiatives-callout a {
		background:#fff;
		color:#f05a24;
		text-decoration:none;
	}
	.module.modresources h1,
	.module.modresources h2, 
	.module.modresources h3,
	.module.mod-initiatives-callout h3 {
		text-transform:uppercase;
	}
	.module.modresources .modpagelist {
		margin:10px 0;
		padding-top: 10px;
	}
	.module.modresources .modpagelist a,
	.module.mod-initiatives-callout a {
		-webkit-border-radius: 4px;
        border-radius: 4px;
        background:#fff;
        padding:5px 10px;
        color:#f05a24;
        text-decoration:none;
        display:block;
        
        -webkit-transition: background 0.2s ;
		-moz-transition: background 0.2s ;
        -ms-transition: background 0.2s ;
        -o-transition: background 0.2s ;
		transition: background 0.2s ;
    }
    .module.modresources .modpagelist a:hover,
    .module.mod-initiatives-callout a:hover {
    	background:#000;
		color:#fff;
    }
	.module.modresources a.button {
		-webkit-transition: background 0.2s ;
		-moz-transition: background 0.2s ;
        -ms-transition: background 0.2s ;
        -o-transition: background 0.2s ;
		transition: background 0.2s ;
	}
	.module.modresources a.button:hover {
		background:#000;
	}
	.module.modresources .modpagelist.active a {
		background:#8cc53f;
		color:#fff;
	}
		/*actual resources listing module */
		.module.resources { margin-top:2em }
		.module.resources h3 {
			display:none;
		}
		
		.module.resources .left {
			width:30%;
		}
		.module.resources .right {
			width:65%; margin-left:5%
		}
		
		.module.resources .left .image {
			padding:10px;
			background:#f3f3f3;
			-webkit-box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.1);
			box-shadow:  0px 5px 5px 0px rgba(0, 0, 0, 0.1);
		}
		.module.resources .title {font-weight:bold;}
		.module.resources .description p span {font-family:inherit !important;}								
		.module.resources .left img { width:100%; }
		.module.resources .modresource {
			border-bottom:1px #ccc solid;
			padding-bottom:15px;
			margin-bottom:15px;
		}
		
		.module.resources .left,
		.module.resources .right { float:left; }
		
		.module.resources .resource_files ul {
			list-style:none;
			margin:0;
		}
		.module.resources .resource_files ul li {
			background:url(./images/download-arrow.png) no-repeat;
			background-size:28px 28px;
			padding-left:38px;
			min-height:32px;
			margin-bottom:20px;
			
		}
		.module.resources .resource_files ul li a {
			font-weight:bold;
			font-size:16px;
		}
	
	
	/**** end resources callout widget *****/
	
	
	
	
	/* title for the left side navigation */
	.listpresscats h3 {display:none}
	
	/* multi file upload */
	#fileslist div span			{}

	/* dynamic tree styling */
	.DynamicTree .text			{}
	.DynamicTree .text-active		{}
	.DynamicTree .tree-top		{}
	.DynamicTree .tree-wrapper1		{}
	.DynamicTree .tree-tooltip		{}
	.DynamicTree .navbar a		{}
	.DynamicTree span .move		{}

	/* tabs */
	.tabsystem			{margin:5px;}
	.tabsystem .tabcontainer		{margin:0; padding:0; border:0; clear:both; z-index:1;}
	.tabsystem .tabcontainer .tab,
	.tabsystem .tabcontainer .tab-active	{position:relative; display:inline; float:left; z-index:1; white-space:nowrap;}
	.tabsystem .tabpage			{z-index:1; clear:both;}
	.tabsystem .tabcontainer h4				{margin:0; padding:0; z-index:1;}

	/* tabs design */
	.tabsystem .tabcontainer .tab,
	.tabsystem .tabcontainer .tab-hover,
	.tabsystem .tabcontainer .tab-active	{top:3px; font:10px verdana,arial,sans-serif; margin:0 3px; padding:4px 5px 1px 5px; border:1px solid #bbb; border-bottom:0;}
	.tabsystem .tabcontainer .tab-hover	{padding:3px 5px 1px 5px; border-top:2px solid #f60;}
	.tabsystem .tabcontainer .tab-active	{top:1px; margin:0 0px; color:#000; padding:2px 8px 4px 8px; border-top:2px solid #f60;}
	.tabsystem .tabpage			{border:1px solid #bbb; margin:0; padding:5px;}

	/* css driven dropdown menus - horizontal */
	ul.hor li.current			{font-weight:bolder;}
	ul.hor li.current li		{font-weight:normal;}
	ul.hor *				{line-height:22px;}
	ul.hor li				{width:auto;}
	ul.hor li li,
	ul.hor li ul			{width:13em;}
	ul.hor .head			{width:auto;}
	ul.hor li				{float:left; position:relative;}
	ul.hor li li .icon			{vertical-align:middle; margin-left:-23px;}
	ul.hor li ul ul			{margin:-23px 0 0 13em;}
	/* remove admin icon margin */
	ul.hor li.m-admin li a		{margin:0;}
	/* set some background colors for visibility */
	/* thanks to our favourite browser we can't simply inherit the values */
	div#bittopbar			{z-index:1000;}
	ul.hor				{z-index:1001;}
	ul.hor ul				{z-index:1002;}
	ul.hor ul ul			{z-index:1003;}
	ul.hor li:hover ul ul,
	ul.hor li:hover ul ul ul		{left:-999em;}
	ul.hor li:hover ul,
	ul.hor li li:hover ul,
	ul.hor li li li:hover ul		{left:auto;}

	/* site identity styles */
	#bittop #account-links	{ display:inline; position:absolute; z-index:100; text-align:right; top:0; right:0;}
	#bittop a 			{ color:#fff; text-align:center; margin-bottom:0px; font-weight:bold; }
	#bittop a:hover 	{ text-decoration:none;}
	#bittop #logo a		{ display:block; }
	#bittop #account-links a {
		margin:0 0 0 4px; 
		text-transform:uppercase;
		border-radius:         0 0 5px 5px;
		-webkit-border-top-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius:    0 0 5px 5px;
		-o-border-radius:      0 0 5px 5px;
		-khtml-border-radius:  0 0 5px 5px;
	}
	#bittop h1			{ font-size:45px; line-height:45px; margin:0; letter-spacing:1px; text-transform:uppercase;}
	#bittop h3			{ font-size:13px; line-height:13px; letter-spacing:3px; margin:0; text-transform:uppercase;}
	#bittop h1 a		{ margin-bottom:0px; }
	#logo 				{ width:955px; height:160px; padding-top:15px; margin:0 auto; z-index:10; position:relative; }
	#mobile-logo,
	#mobile-account-links		{ display:none; }
 	/* #logo span 			{ visibility:hidden;} */
	#bittop .glow 		{ width:940px; height:206px; background:url(./images/bg-glow.png) top center no-repeat; top:0; position:absolute; z-index:1; left:0;}
	#bittop .account-nav {float:left;}
	#bittop .social { padding-top: 5px; position: absolute; right: 0; z-index: 150;}
	#bittop .social .fb-like, #bittop .social .tweet {float:left;margin:0;padding: 0 0 0 10px;}
	
	/* general page styles */
	.header h1			{ font-size:30px; line-height:1em; font-weight:normal; margin-bottom:15px; padding-bottom:30px; background:url(./images/bg-page-title.gif) bottom center no-repeat; text-transform:uppercase; margin:0}
	.body .header h2	{ font-size:25px; background:none; padding:0 0 10px; margin-bottom:0px; text-transform:none}
	.body ul { list-style-type:disc; margin:0 0 .5em 1.5em}
	.body ul li {margin:0 0 6px 0}

	/* subheader container */
	.edit .body .header, 
	.organizations.admin .body .header, 
	.opportunities.admin .body .header, 
	.feedback.admin .body .header, 
	.oppcategories .body .header, 
	.presscategories .body .header,
	.edit.userskill .body .header,
	.menu .body .header, 
	form .service .legend, 
	.confirm .body .header,
	.listing.pages.bitpage .header,
	.listing.feedback .legend,
	#feedback .body .header,
	#opportunities .admin .header,
	.organizations.admin .header,
	.manage.organizations .header,
	.body.flag .header,
	.edit.opportunities.inquire	.header,
	#organizations .display.opportunities .body .header,
	#opportunities .display.opportunities .body .header,
	#users .listing.useractivity .body .header,
	#opportunities .display.opportunities.prefs .result_set	.header,
	.edit.organizations .header { margin-bottom:15px; margin-right:270px; border-bottom: 1px dotted #999999; display:block; }
	
	.display.opportunities .row h3,
	#useroppsprefs h3,
	#oppsloghours h3,
	#my_account_setting h3			{ margin:15px 0 15px 0; border-bottom: 1px dotted #999999; display:block; padding-bottom: 10px;}
	#users .body .header 			{ margin-bottom:15px; margin-right:270px; border-bottom: 1px dotted #999999; display:block; }
    #users .body .header 			{ width:auto; }
    .organizations.admin .body .header,
    .organizations.edit .body .header,
    .organizations.manage .body .header,
    .opportunities.admin .body .header,
    .oppcategories .body .header,
    .presscategories .body .header,
    .userscategories .body .header,
    .menu .body .header,
    #feedback .body .header,
    .listing.pages.bitpage .header,
    .listing.feedback .legend,
    .edit.opportunities.inquire	.header,
    .edit.pages.bitpage	.header,
    .body.flag .header, .admin.flags .header,
    #organizations .display.opportunities .body .header,
    #opportunities .display.opportunities .body .header,
    #users .listing.useractivity .body .header,
    #opportunities .display.opportunities.prefs .result_set	.header,
    .edit.organizations .header {padding-bottom:7px; margin-right:0}
	/* end subheader container */
    
	/* subheader title style */
	.features .body .header h3,
    .organizations.admin .body .header h3,
    .organizations.edit .body .header h3,
    .opportunities.admin .body .header h3,
    .oppcategories .body .header h3,
    .presscategories .body .header h3,
    .userscategories .body .header h3,
    .menu .body .header h3,
	#blogs .body .header h3,
    #feedback .body .header h3,
    #users .body .header h3,
    .edit.opportunities.inquire	.header h3,
    .edit.pages.bitpage	h3, .listing.pages.bitpage .header	h3,
    .body.flag .header h3, .admin.flags .header h3,
    #organizations .display.opportunities .body .header h3,
    #opportunities .display.opportunities .body .header	h3,
    #users .listing.useractivity .body .header h3,
    #opportunities .display.opportunities.prefs .result_set	.header h3,
    .edit.organizations .header h3,
    .resources .header h3,
    .userskill .header h3,
    .pagescategories .header h3	{display:inline;}
    
    .organizations.admin .body .header h3
	.edit .body .header strong,
    form .service .legend { font-size:16px; }
	/* send subheader title style */
	
	#opportunities.adminmode .forminput table.data 		{margin-bottom:0}
	#opportunities.editmode .forminput table.data th,
	#opportunities.editmode .forminput table.data td,
	#opportunities.adminmode .forminput table.data th,
	#opportunities.adminmode .forminput table.data td,
	.display.opportunities table.data th,
	.display.opportunities table.data td	{padding:6px}
	.display.opportunities .header .expired	h2		{color:#A41111}
	
	.display.opportunities .address {width:170px; margin-right:15px; float:left;}
	.display.opportunities .address.marker {width:35px; margin:0}

	/* legends */
    .edit .editcontainer .header,
    form .service .legend 					{ margin:20px 0 0 0; padding:0 0 10px 0; }
    .listing .service .legend,
    .adminmode .service .legend				{margin:0 0 20px; width:675px;}
     #row_menu_menu_title .forminput		{margin-top:20px}
	.filterForm .service .legend 			{width:auto}
	#inquireform fieldset .legend,
	#editorgform fieldset .legend,	
	form fieldset fieldset .legend		{ display:block; border-bottom:1px dotted #999999; font-size:16px; /*margin:20px 0 0; */ padding-bottom:7px; }
	/* some select legends require a width restriction - add them here */
	#editoppform fieldset .legend		{ width:675px; }
	#editorgform fieldset .legend		{ width:675px; }
	
	#opportunities .display.opportunities.prefs .result_set {margin-bottom:30px}
	
	/* reports */
	#reports .body ul 		{ list-style-type: none; margin: 0 0 30px 0;	}
	
	/* This div class is added to a div that should wrap around the {legend legend =""} code if you don't want a page to have a subhead but want to keep the styling of the form. */
	.no-legend-heading .inlineLabels .legend { background: #ccc; border-bottom: none; padding: 0; }
	
	.listing .data {margin-top:20px;}
    form .buttonHolder	{ margin-left:225px; text-align:left;}
    form .requiredMsg { display:inline-block; border-left:1px solid #ddd; padding: 8px 0px 8px 35px; margin-left:20px; font-style:italic; background:url(./images/icon_requiered.png)  10px center no-repeat;  }
    #agree_to_terms {margin-top:5px;}
    
    /* organization manager styles*/
    .organization-menu h3 		{display:none}
    .organizations .header 		{margin-right:0}
    
    .organizations #optin_email-Y, .organizations #optin_email-N {float:left; width:25px}
    .organizations #optin_email-N {margin-top:4px}
    
    .orginfo {border-bottom:1px dotted #999999;margin-bottom:10px;padding-bottom:10px;}
    .orginfo .logo {text-align:center;padding-bottom:10px;}
    .orginfo img { width:100%; height:auto; }
    
    .repinfo {padding-bottom:10px}
    
    #edit_storage_list_tab_editorgform table td	{padding:0}
    #edit_storage_list_tab_editorgform .item ul li .label,
    .message_from_mayor_mayor .item ul li .label,
    .message_from_mayor_mayor_cropped .item ul li .label,
    .message_from_mayor_mayor_signature	.item ul li .label	{width:auto; margin:0; font-size:12px; font-weight:bold;}
    
    #edit_storage_list_tab_editorgform .item ul li,
    .message_from_mayor_mayor .item ul li,
    .message_from_mayor_mayor_cropped .item ul li,
    .message_from_mayor_mayor_signature	.item ul li {margin-bottom:5px; padding-left:5px;}

	/* press page */
	.press .body h2		{ margin-bottom:4px; font-weight:normal; font-size:20px; line-height:22px;}
	.press .body h5		{ font-size:13px; font-style:italic; color:#000000; font-weight:normal; margin:14px 0 2px 0; }
	.press .body p		{ line-height:17px }

	/* blogposts */
	#blogs .body .header h2	{ font-size: 2em; line-height: normal; padding:0;}
    #blogs .displaymode .body .header h3 { font-size:20px; font-family:Arial, Helvetica, sans-serif; margin:0} 
    .post               { margin-bottom:1.5em; font-size:13px; }
	.post .header h1	{ font-weight:normal; font-size:20px; }
	.post .header h3    { font-size: 2em; }
	.post .byline	    { font-size:13px; }
    .post .post-date    { color:#666; margin:0 0 .2em 0; }
    .post .date		    { color:#000000; font-weight:bold; margin:0 0 .2em 0; }
	.post .body 		{ line-height:17px }
    .post .footer       { margin-top:4px; }
	.post .content		{ margin-top: 10px; }
	.comment .post		{ margin:0px; }
	.comment .post .content { margin: 0px 0px 12px; font-size: 14px; padding-bottom:12px; border-bottom: 1px dotted #999999; }

	.blogs .byline	    { font-size:13px; margin-bottom:.3em; }
    .blogs .content     { font-size:14px; }
	
	/* blogposts sociallinks */
	.post-sociallinks {margin-top:10px}
	.post-sociallinks .twitter {float:left; border-right:1px solid #999;}
	.post-sociallinks .facebook {float:left; padding: 0 0 0 8px; margin-left:5px;}
	
	/* pages page */
	.blogs form .service .legend,
	.pages form .service .legend		{ display:none; }
	.listing.pages .actionicon, .listing.menu .actionicon  {padding: 6px; text-align:left;}
	.listing.menu .actionicon  {padding: 6px 16px;}
	

	/* modules */
	.module.opportunity-menu ul {clear:both}
	.module.opportunity-menu ul li {line-height:normal}
	
	/* box */
	.box { padding:20px; }
	.box .cos-form  { padding:0; }
	.box h2 { font-size:13px; margin:0 0 8px 0; line-height:normal; }
	.box h3 { font-size:19px; margin:0 0 12px 0; }
	.box h4 { font-size:14px; margin:0 0 12px 0; }
	.box div,
	.box p { line-height:15px; font-size:13px; }
    .box .date  { font-size:13px; font-style:italic; color:#000000; font-weight:normal; margin:0 0 2px 0; }
	.box .image { margin-bottom:8px; }
	
	/* This floats the slideshow image to the left on the news story page*/
	.mod-slideshow 			{float:left; margin: 0px 15px 15px 0;}
	.gallery_link			{font-size:11px; font-style:italic; font-weight:bold; background-image: url(./images/view_gallery.gif); background-repeat:no-repeat; background-position:left; padding-left:20px}

	/* cos box forms */
	.cos-form 				{ padding:40px 0;  }
	.cos-form input[type=text],
	.cos-form textarea		{ border:0; width:300px; padding:7px; background:none; background-color:#fff; margin-bottom:6px; color:#666; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;}
	.cos-form textarea		{ height:130px; }
	.cos-form input			{ font-size:100%; line-height:17px; }
	.cos-form .row 			{ margin-bottom:0px; }
	.box .cos-form .row.focused	{ background:none; }
	.cos-form .error input	{ color:#9e0b0f; }
	/* NOT SURE WHAT THIS EFFECTS - DONT SEE ANY CHANGE
	.cos-form label.row span { width:125px; float:left; line-height:26px; }
	*/
	.cos-form .formlabel	{display:none}
	.box .cos-form input[type=text],
	.box .cos-form textarea 	{ width:246px; background-color:#fff; }
	.box .cos-form .row			{ padding:0; border:none; }
	.box .buttonHolder 		{ margin-left:0; }
	.submit,
	.box form .submit,
	.cos-form .submit		{ text-align:left; }
	.cos-form .forminput    { margin-left:0; }
	
	#opps_interest_multiform select, #opps_skill_multiform select, #opps_audience_multiform select,
	#pagescategories_pagescategories_map_multiform select,
	#userscategories_userscategories_map_multiform select,
	#contentgroupperms_contentgroupperms_multiform select {width:350px}
	
	form#editbitpageform .row { padding: 0.5em 0; }

	/* homepage tip */
	.homelayout-grid		{text-align:center;border:1px solid #000; padding:5px;}
	.homelayout-grid h2		{margin:12px 0; font-weight:normal;}
	.homelayout-grid .griditem	{float:left; background:white; margin:5px; width:99px; padding:10px 0;}
	.homelayout-grid .griditem.full-width	{width:207px;}
	
	/* icons */
	.icon 			{ /*float:left;*/ margin:4px 5px 5px 0; } /* if you end up here trying to float an icon, identify where we really need icons floated - it is a minority case */
	#navigation .icon,
	#extra .icon,
	#spinner .icon	{float:none}
	th .icon		{float:none; margin-top:-5px}

	.hr { margin:12px 0; border:0; height:2px; background-image:url(./images/bg-hr.png); }
	.title { font-size:20px; line-height:22px; margin-bottom:20px; }

	.photo { position:relative; margin-bottom:27px; }
	.photo .caption { font-size:11px; font-style:italic; }

    /* account navigation */
    #bittop .account-nav {list-style:none;}
    #bittop .account-nav { height:31px; z-index:10; position:relative; }
    #bittop .account-nav li {  z-index:1000; float:left; height:31px; margin-right:4px; background:url(./images/bg-nav-off.gif); color:#fff;  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
	#bittop .account-nav li:hover a.tab,    
    #bittop .account-nav li.selected a.tab { background-color:#fff; color:#000; text-decoration:none; }
    #bittop .account-nav li a,
    #bittop .account-nav li a.tab { display:block; height:31px; letter-spacing:1px; line-height:31px; font-size:13px; text-transform:uppercase; padding:0 14px; color:#fff; font-weight:bold;  -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
    #bittop .account-nav li ul { z-index:1000; background:none; width:261px; margin:0; border:0; -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.6); -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.6); box-shadow: 5px 5px 5px rgba(0,0,0,.6); }
    #bittop .account-nav li ul li { line-height:normal; height:auto; background:#fff; border:1px solid #e7e7e7; margin:0; width:263px; border-bottom:0;  float:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
    #bittop .account-nav li ul li a { color:#000; text-align:left; height:auto; line-height:normal;  padding-top:8px; padding-bottom:8px;}
    #bittop .account-nav li ul li a:hover { color:#006AB6; background:none; }
    #bittop .account-nav li ul li:last-child { border-bottom:1px solid #e7e7e7; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
	.mod_top_menu	{ position:relative; z-index:51; }
    .mod_site_title { position:relative; z-index:50; }
    .mod_toptitle	{ position:relative; z-index:1; }
	.back-to-list	{float:left; position:relative; left:250px; margin-top:-25px}
	
	/* accounts pkg */
	#accounts .display	{font-size:13px}
	.section	{ background:url("./images/bg-page-bottom.gif") no-repeat scroll center bottom transparent; padding-bottom:40px;}
	.section-edit,
	.manage_press,
	.controlpanel {width:auto; margin:0}
	.manage_press .header,
	.controlpanel .header {margin-bottom:20px}
	.errorpage .header h1,
	.login .header h1,
	.edit .header h1,
	.manage_press .header h1,
	.controlpanel .header h1 {font-size:30px; text-transform:uppercase; margin:0}
	.errorpage .header,
	.login .header	{margin-bottom:30px}
	.edit .header,
	#reports .header {margin-bottom:8px}
 
	/* Generic Section */
	.section-col1 {width:250px; margin: 30px 0 0 0; float:left;}
	.section-col1 img, img.default-img {width:100%; height:auto;}
	.section-col2 {width:450px; margin: 30px 20px 0 20px; float:left;}
	.section-col3 {width:205px; margin: 30px 0 0 0; float:left;}
	.section-col3 ul {list-style-type: none; margin-left:0px;}
	
 	/* contact comment forms */
    #editcomment-form .inlineLabels .textInput, 
    #editcomment-form .inlineLabels .fileUpload, 
    #editcomment-form .inlineLabels .selectInput, 
    #editcomment-form .inlineLabels select, 
    #editcomment-form .inlineLabels textarea,
    #contact_form .inlineLabels .textInput, 
    #contact_form .inlineLabels .fileUpload, 
    #contact_form .inlineLabels .selectInput, 
    #contact_form .inlineLabels select, 
    #contact_form .inlineLabels textarea    { width:286px }
	#editcomment-form .inlineLabels label, 
	#editcomment-form .inlineLabels .formlabel	{ width:160px; }
	#contact_form .inlineLabels label, 
    #contact_form .inlineLabels .formlabel      { width:160px; }
    #editcomment-form .inlineLabels .forminput,
    #editcomment-form .buttonHolder,
    #contact_form .inlineLabels .forminput,
    #contact_form .buttonHolder      { margin-left:160px; }

	#contact_form .inlineLabels label em, 
	#contact_form .inlineLabels .label em 	{/*display:none;*/}

	#contact_form .error input				{ color:#9e0b0f; }
	#contact_form .formfeedback				{/*clear:both;*/}
	#contact_form .formfeedback .icon,
	.cos-form .formfeedback .icon			{ display:inline; float:none; }

	#editcomment-form .row 					{ padding: 0.5em 0; }


	#accounts.displaymode .body .header { font-size:50px; line-height:55px; color:#666; margin-bottom:15px; text-align:center}
	/*fixing the centering of page titles affected by the above code */
	#accounts.displaymode .section.section-edit .body .header {line-height:normal; text-align:left; margin:0; width:675px;}
	
	/* DEPRECATED DELETE .accounts .parsed_data p {margin:0; font-size:50px; } */
	#triplebox	{width:945px; margin:0 auto}
	#triplebox .inner { background:url(./images/bg-home-cols.gif) top center repeat-y; }
	#triplebox .box { float:left; margin-left:20px; width:260px; background:none;  -ms-filter:none; filter:none; }
	#triplebox .box:first-child { margin-left:0; }

	.box h3 {line-height:.9em; overflow:hidden;}

    /* accounts control panel and accounts admin features */
    .controlpanel { margin-top:20px; }
    .controlpanel h2 { font-size:18px; position:relative; padding:14px 0 12px 40px; margin-bottom:10px; }
    .controlpanel h2 .icon { position:absolute; top:0; left:0; }
    .controlpanel .dashboard { margin-bottom:49px; }
    .controlpanel .dashboard .col{  width:465px; float:left; margin-bottom:25px;}
    .controlpanel .dashboard h3 { height:31px; line-height:30px; font-size:13px; font-weight:bold; color:#585858; padding:0 10px; background: url(./images/bg-header-bar.gif) no-repeat;}
    .controlpanel .dashboard h4 { font:normal italic 14px Georgia; margin:0; padding:0 10px 5px; color:#918a8a; border-bottom:1px solid #f0f0f0; }
    .controlpanel ul { list-style:none; margin:0 }
    .controlpanel .dashboard { background-color:#fafafa; font-size:14px; font-weight:bold; border:1px solid #f0f0f0; }
    .controlpanel .dashboard td { border:0; padding:0; }
    .controlpanel .dashboard tr { border-bottom:1px solid #e5e5e5; }
    .controlpanel .dashboard tr:last-child { border-bottom:0; }
    .controlpanel .dashboard a { display:inline-block; padding:10px 0 8px; font-weight:bold; font-size:16px; width:100%; text-decoration:none; }
    .controlpanel .dashboard a span { display:inline-block; font-size:18px; width:50px; text-align:center; }

    .controlpanel .row h2 { border-bottom: 1px dotted #999999; }
    .controlpanel .row .col { width:300px; float:left; margin: 0 20px 25px 0; }
    .controlpanel .row .last, 
    .controlpanel .row #manage-nonprof { margin-right:0; }
    .controlpanel .row  li { margin:3px 0 ; color:#999; font-size:14px; }
    .controlpanel .row  li a { /*text-decoration:underline;*/ }
    
    li.cpanel-section-header {
		font-weight:bold;
		padding-top:10px;
		border-bottom:1px solid #EFEFEF;
	}
	li.cpanel-section-header:first-child {
		padding:0;
	}

	/* map */
	.marker {float:left}
	.map {margin-top:15px;}

	/* hackish right col */
	#side { width:300px; float:right; }
	#side .box { margin-bottom:20px; }

	/* footer */
	#footer { padding:40px 0; line-height:18px; color:#333; font-size:13px; height:240px; margin-top:-320px;}
	#footer h4 { color:#000; margin-bottom:14px; text-transform:uppercase; }
	#footer div.left { float:left; width:447px; margin-right:28px; }
	#footer div.right { float:left; width:450px; }
	#footer span.right { float:right; }
	#footer span.right a {  }
	#footer span.footer_links a {  }
	#footer span.copyright p { margin: 5px 0px 0px 0px; }
	#footer span.socialnetwork_images {/*margin-left:20px;*/ }
	#footer p.socialnetworking span img {
		width:32px !important;
		height:auto !important;
		opacity:0.75;
		filter:alpha(opacity=75); /* For IE8 and earlier */
	}
	#footer p.socialnetworking span img:hover {
		opacity:1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
	}
	#footer span.socialnetworking a {margin-left:0px; }
	#footer a {color:#fff}

	/* downloadable attachments */
	.box .thumb { margin:0 10px 10px 0; float:left }
	.box .image .thumb {float:none}
	.dwld { margin-top:25px; }
	.dwld .title { font-weight:normal; margin-bottom:0; }
	.dwld img.thumb { margin:0 10px 10px 0; float:left; }
	.dwld p { font-style:italic; font-size:11px; }
	
	 /* opportunity flag admin view */
	 #opportunities .admin.flags .status                             {margin-top:20px}
	 #opportunities .admin.flags .status .row.pending .forminput     {font-weight:bold; color:#ff9900}
	 #opportunities .admin.flags .status .row.resolved .forminput    {font-weight:bold; color:#6cbb1d}
	 
	 /*social media buttons on opp pages */
	 .fb-like.fb_iframe_widget {
	 	vertical-align:top;
	 }

	/* edit panels */
	.admin .row,
	.edit .row {clear:both}

	/* restore styles - things that should come last */
	form .forminput .legend				{ display:block !important; margin:0; padding-top:0; font-size:14px; border:none; }

	/* confirm dialog */
    .display.confirm .body { margin:0 255px 0 0; width:auto; }
    .display.confirm .body .header { margin-right:0; padding:20px 0 10px;  }
    .display.confirm .formlabel { font-weight:bold; }
    .display.confirm .forminput { padding-top:4px; }
    .display.confirm .forminput li {margin:0 0 10px 0; }
    .display.confirm .forminput .icon { display:none; }
    .display.confirm .forminput .formfeedback p {  margin-bottom:3px;  }

	/* menu edit */
	#accounts .section-edit .servicetabs	{margin-top:28px;}
	
	/*related docs adjsutments */
	#about_about_related_docs td,
	#relateddocs_relateddocs_related_docs td,
	#orgpage_orgpage_related_docs td,
	#profile_mayor_related_docs td,
	#profile_service_plan_related_docs td,
	#priorities_priority_related_docs td	{padding:0 0 0 5px}
	
	#about_about_related_docs td ul li,
	#relateddocs_relateddocs_related_docs td ul li,
	#orgpage_orgpage_related_docs td ul li,
	#profile_mayor_related_docs td ul li,
	#profile_service_plan_related_docs td ul li,
	#priorities_priority_related_docs td ul li,
	#editfeatureform td ul li	{width:160px; font-size:12px}
	
	#about_about_related_docs td ul li .label,
	#relateddocs_relateddocs_related_docs td ul li .label,
	#orgpage_orgpage_related_docs td ul li .label,
	#profile_mayor_related_docs td ul li .label,
	#profile_service_plan_related_docs td ul li .label,
	#priorities_priority_related_docs td ul li .label,
	#editfeatureform td ul li .label	{display:block; font-weight:bold;}

	/* minisearch */
	/* home page form */
	#adv_search #main_search_title{ font-size: 40px; float:left; }
	#adv_search #main_search_dropdown { display:block; padding:5px 0 0 15px; text-align:right; float:left; }
	#adv_search #responsive_search_dropdown {display:none}
	#adv_search #main_search_input { display:none; padding:0px 0 10px 50px; z-index:10; float:left; }
	#adv_search #main_search_input_close { z-index:11; position:absolute; left:100px; }
	#adv_search .main_search_inputfield { background:url(./images/main_search_bg.jpg) no-repeat; }
	#adv_search .main_search_inputbox { border:0; margin:0; background-color:transparent; padding:3px; width:350px; height:50px; font-size:26px; padding:7px 5px 0 5px }
	#adv_search .main_search_selectbox { background:url(./images/main_dropdown_bg.jpg) no-repeat; font-size:26px; width:366px; height:39px; }
	#adv_search .main_search_prompt { color:#ff9b00; }
	#adv_search #main_search_header { height:80px; }
    
	/* home page priorities dropdown */
	#adv_search .big_dropdown {float:left; margin:0}
	#adv_search .big_dropdown dt {cursor:pointer; padding:0; font-size:26px; }
	#adv_search .big_dropdown dt:hover { background:url(./images/main_dropdown_bg-over.jpg) no-repeat; }
	#adv_search .big_dropdown dd {position:absolute; overflow:hidden; display:none;  background:url(./images/main_select_bg.jpg) repeat-x #393939; z-index:200; opacity:0;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
    }
	#adv_search .big_dropdown ul {list-style:none;text-align:left; margin-left:0; margin-bottom:5px; position:relative;  }
	#adv_search .big_dropdown li {display:block; padding:0; margin-bottom:0; position:relative; }
	#adv_search .big_dropdown a, 
    .big_dropdown a:active, 
    .big_dropdown a:visited { display:block; padding:5px 5px 5px 14px; color:#f6f6f6; position:relative; z-index:1000; text-decoration:none; font-size:26px; width:347px }
	#main_search_reset {display:inline-block; padding:12px;}
	#main_search_reset a {
		-webkit-border-radius: 5px;
    		 border-radius: 5px;
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
		padding:5px 10px 5px 10px;
		border:1px solid #e6e6e6;
	}
	/* need tighter spacing on the search form */
	#adv_search_form .row {padding:5px 0}
	
    #minisearch.listmode .sub-container { margin-bottom:60px; }
    #minisearch.listmode #wrapper { padding-bottom:0; }
	/* end home page priorities dropdown */
	/* end home page form */
	
	/* advance search page form */
	#adv_search #search_header_link{ float:right; font-size:14px; padding-top:12px; }
	#adv_search #adv_search_ajax_loader { width:955px; margin:0 auto; }
	#adv_search #search_working { /* loading wheel */ width:955px; height:25px; margin:0 auto; background:url(./images/loader_bg.png) no-repeat top center; text-align:center; z-index:2000; display:none; position:absolute; padding-top:10px }
	#adv_search .cols { margin-top:30px; background:url(./images/vertical-line.gif) repeat-y top center; }
    #adv_search .adv_search_col_left { width:488px; float:left; margin-right:23px; }
	#adv_search .adv_search_col_left .formlabel,
    #adv_search .adv_search_col_left label { width:114px; }
	#adv_search .adv_search_col_left .forminput { margin-left: 114px; width:370px; }
    
	#adv_search .multiform_remove img { display:none; }
    #adv_search .multiform_remove { padding-left:18px;}
    
    #adv_search .adv_search_col_right { width:433px; float:left; }
	#adv_search .adv_search_col_right .formlabel { width:77px; }
	#adv_search .adv_search_col_right label { width:77px; }
	#adv_search .adv_search_col_right .forminput { margin-left: 77px; width:357px; }
	
    	#adv_search .mf_selectors  { width:326px; } 
        .skill-select { width:326px !important; } 
	#adv_search .buttonHolder{ margin-left: 114px; }
    #adv_search .buttonHolder span.button { float:left; margin-right:18px; }
    #adv_search .buttonHolder span.reset { border-left: 1px solid #ddd; padding:7px 18px; }
    
	#adv_search .icon{ float: none; }
	
	/* advance search ui calendar */
	#adv_search .ui-datepicker-trigger {margin: 4px 0px 0px 9px;}
	.ui-widget {font-size: 0.9em;}
	
	/* advance search page results */
	#adv_search .band_link { float:right; margin-top:5px; font-size:13px; font-weight:bold; color:#e28705; }
	#adv_search .search_results_table { width:945px; margin:0 auto; }
	#adv_search .search_header_td_row { width:155px; text-align:left; font-family:'Montserrat', sans-serif; font-weight:700; color:#7f7f7f; height:35px; text-transform:uppercase;} 
	#adv_search .search_header_td_row a:link, 
	#adv_search .search_header_td_row a:active, 
	#adv_search .search_header_td_row a:visited { color:#7f7f7f }
	#adv_search .search_header_td_row .icon{ margin-top:-6px; float: none; }
	#adv_search .search_results_td_row { width:155px; text-align:left; height:35px; color:#393939 }
    #adv_search .search_results_td_row { overflow:hidden; }
	#adv_search .search_results_table td { border-bottom:0; border-right:1px solid #c2c2c2; padding-left:0; padding-right:0; }
	#adv_search .search_results_table td span { padding:0 16px; display:block; }
    #adv_search .search_results_table td:last-child { border:0; }
	#adv_search .search_results_table td.col-1 span { padding-left:0; }
	/* bands of color */
    #adv_search .band_header { background:url(./images/results-shadow.jpg) repeat-x #fff; width:100%;}
	#adv_search .band_f0f0f0 { width:100%; background:url(./images/white-line.gif) repeat-x #f0f0f0;}
	#adv_search .band_ebebeb { width:100%; background:url(./images/white-line.gif) repeat-x #ebebeb; }
	#adv_search .band_pagination { padding:10px 0; background-color:#f0f0f0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; width:100%;}
	
	/* search results pagination */
	#adv_search .search_pagination_links { margin:0 auto; width:945px; }
	#adv_search .search_pagination { height:25px; color:#FFFFFF; text-align:left; float:left}
	#adv_search .get_advanced_search { float:right; font-weight:bold; padding-top:5px}
    #adv_search .search_pagination div { background-color:#eaeaea; border:1px solid #c9c9c9; color:#626262; font-family:Arial; font-size:14px; cursor:pointer; }
	#adv_search .search_pagination .page_text { float:left; margin:5px 10px 0 5px; border:0 none; background:none; }
	#adv_search .search_pagination .page_num, 
    #adv_search .search_pagination .page_num_current,
    #adv_search .search_pagination .page  { float:left; padding:3px 6px; margin-right:7px; display:block; }
    #adv_search .search_pagination .disabled { color:#b7adad; border-color:#e3e3e3; cursor:auto; } 
    #adv_search .search_pagination .page_num:hover,
	#adv_search .search_pagination .page_num_current { color:#f0f0e8; background-color:#626262; border-color:#505050; }

	/* homepage dropdown */
	#main_search_dropdown_tag {float:left; height:30px; overflow:hidden; padding:5px 0 0 10px; text-align:left; white-space:nowrap; width:300px;}
	
	/* home page feature editing */
	#editfeaturesform .order 	{text-align:center}
	#editfeatureform .item { background-color:#ececec; border:1px solid #e6e6e6; padding:0; margin:0 0 10px 0}
	#editfeatureform .item td {padding:5px}
    
    #adv_search #search_results td { overflow:hidden;}
	/* end minisearch */
	
	#loginurl.formfeedback	{display:none}
	#my_account_header, .module.userprofile-menu h3, #opportunities.displaymode	.nav_step_tab, #opportunities.editmode	.nav_step_tab {display:none}
	
	.listing.opportunities form.minifind 			{float:right}
	.listing.opportunities form.minifind .icon 		{display:none}
	.listing.opportunities .header h3				{float:left; padding-top:3px}
	.listing.opportunities form.minifind .textInput.small	{width:400px !important}

	/* Org bulk inquire */
	.edit.opportunities.inquire.bulk #row_admin_inquiry_volunteer .forminput {
		margin-left: 15.7em;
	}
   
    /* Volunteer Needs table */
    #volunteerSchedule { margin-bottom:20px; }
    #volunteerSchedule table td,
    #volunteerSchedule table th { border:1px solid #ccc; padding:0; border-width:0 0 1px 1px; background:none; font-size:14px; }
    #volunteerSchedule table .first { border-left:0; padding:10px 10px 10px 0; font-weight:bold; }
    #volunteerSchedule table th { padding:2px 11px 5px; }
    #volunteerSchedule table span {display:block; width:9px; height:9px; margin:0 auto; background-image:url(./images/dot-inverse.png); background-color:#5a5a5a;  text-indent: 100%; white-space: nowrap; overflow: hidden; }

	/*Volunteer CVs */
	.userreview .step-number,
	.userreview .step {
		display:inline-block;
		vertical-align:top;
	}
	.userreview .step-number {
		width:60px;
	}
	.userreview .step {
		width:615px;
	}
	/*.userreview .selector {
		padding:4px 3px 5px 5px;
		background:#fff;
	}*/
	.userreview .userskill .step-number,
	.userreview .userreview .step-number,
	.userreview .submit .step-number {
		height:40px;
		margin-right:20px;
		width:40px;
		border-radius:20px;
		font-size:1.5em;
		color:#fff;
		line-height:1.7em;
		text-align:center;
		background:#333;	
	}
	.userreview ul.skills li,
	.userreview ul.reviews li {
		padding:10px;
		border:none !important;
		display:block;
		background:#f2f2f2;
	}
	.userreview ul.reviews li div.selector,
	.userreview ul.reviews li div.review {
		display:inline-block;
		vertical-align:top;
	}
	.userreview ul.reviews li div.selector {
		width:3%;
	}
	.userreview ul.reviews li div.review {
		width:95%;
		background:url(./images/quotes.png) no-repeat 10px 0;
	}
	.userreview ul.reviews li div.review p {
		padding-left:60px;
		font-style:italic;
	}
	.userreview ul.reviews li div.reviewer {
		text-align:right;
		font-style:italic;
	}
	
	/*Volunteer UserDoit */
	#userdoit_login_trigger {
		background:#cfcfcf;
		padding:8px 10px 10px 10px;
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}
	#userdoit_login {
		padding:35px 10%;
	}
	#usersdoit_email, #usersdoit_password {
		width:100%;
		padding:10px;
		font-size:16px;
	}
	#userdoit_login .button {
		background:#8dc54e;
		padding: 15px 16px 17px;
		font-size:16px;
		display:block;
		
		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}
	#userdoit_login .button:hover {
		background:#70a139;
	}
	#userdoit_hours {
		padding-bottom:25px;
	}
	#userdoit_hours .result_set .header {
		padding-bottom: 0px !important;
		border-bottom: 0px !important;
		margin-bottom: 0px !important;
	} 
	#userdoit_hours .result_set .header .body{
		padding: 10px;
		background:#ccc;
		color:#FFFFFF; 
	}
	#userdoit_hours .result_set .header .body .hours {
		font-weight:bold; 
	}
	
	#userdoit_hours .result_set table {
		margin-top: 0px !important;
	}
	
	/* PDFs */
	.cv { font-family: Helvetica, Arial, sans-serif !important; padding:40px; }
	.cv .header.section { background:none !important; }
	.cv #title { 
		background:#00A3D2;
		padding:20px;
	}
	.cv p.intro, .cv p.real-name {
		margin:0;
		padding:0;
		text-transform:uppercase;
		color:#fff;
	}
	.cv p.real-name {
		font-weight:bold;
		font-size:2em;
	}
	.cv #account_info,
	.cv #userskills,
	.cv #userreviews {
		padding:20px;
	}
	.cv p.provided-by {
		text-transform:uppercase;
		font-weight:bold;
		margin:0; padding:0;
		font-size:1.5em;
	}
	.cv p.provided-by span {
		font-style:italic;
		font-size:12px;
		font-weight:normal;
		text-transform:none;
		display:block;
	}
	.cv #account_snippet {
		margin:50px 0 20px 0;
	}
	.cv.section { padding:0 20px; }
	.cv #userhours, .cv #userdoithours, .cv #userreviews {
		/*border-top:1px solid #ccc;*/
		padding-top:20px;
	}
	.cv #skills .skill { font-weight:bold; }
	.cv #reviews div.quote {  }
	.cv #reviews div.comment {
		font-family:Georgia, "Times New Roman", Times, serif !important;
		font-style:italic;
		padding-left:30px;
	}
	.cv #reviews div.reviewer {
		text-align:right;
		font-family:Georgia, "Times New Roman", Times, serif !important;
                font-style:italic;
		padding:10px;
	}
	.cv h3 {
		text-transform:uppercase;
	}
	.cv h4 {
		color:#000;
		padding-bottom:10px
	}
	.listing.userreview .step .buttonHolder {
		margin:20px 0 !important;
	}
	/* comments */
	.comment .header h2 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; font-size:14px; margin: 2em 0 1em;}
	.section.account.manage_comments .submitted {width:125px}
	.section.account.manage_comments .response	{width:200px}
	.section.account.manage_comments .status	{width:120px; text-align:center}
	.section.account.manage_comments .status.available			{color:#6cbb1d}
	.section.account.manage_comments .status.pending.approval	{color:#ff9900}

	/* --- Float Hack --- */
	.row:after,
	.cf:after	{ content: ".";  display: block; height: 0; overflow:hidden; clear: both; visibility: hidden; } 
	.cf, .row { display:inline-block;}
	/* Hides from IE-mac \*/
	* html .cf {height: 1%;}
	/* End hide from IE-mac */
	.cf, .row { display:block;}
	
	/*Nov 19, 2012, adding basic PLEDGE A DAY OF SERVICE STYLES to COS */
	.mod_pledge_top {
		background:#fff;
	}
	#pledgetop {
		padding-top:30px;	
	}
	#pledgetop ul.pledge_steps {
	list-style-type: none;
	margin:15px 0 20px 0;
	padding:0;
	}
	#pledgetop ul.pledge_steps li {
		float:left;
		text-transform:uppercase;
		font-size:1em;
		margin-right:10px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background:#ccc;
		color:#fff;
		padding:5px 10px 5px 10px;
	}
	#pledgetop ul.pledge_steps li.pledge_step_arrow {
		width: 0; 
		height: 0; 
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 10px solid #ccc;
		background:none;
		border-radius:0;
		padding:0;
		margin-top:5px;
	}
	#pledgetop ul.pledge_steps li.pledge_step.highlight {
		background:#272727;
		color:#fff;
	}
	.pledge.opportunity {
		margin-bottom:1.5em;
	}
	.pledge.opportunity .title {
		margin-bottom:.5em;
		line-height:normal;
	}
	
	/****************** SERVICE INITIATIVES ******************/
	.mod_initiatives_top {
		background:#fff;
		
	}
	.mod_initiatives_top .container {
		background:url("./images/bg-page-title.gif") no-repeat center bottom;
	}
	#initiatives h1, #initiatives h2, #initiatives h3,
	.module.modresources.loggedin.pagecatslist h3 {
		text-transform:uppercase !important;
	}
	#initiatives .blog .post .header h2,
	#initiatives .blog .post .header h3 {
		text-transform:none !important;
	}
	#initiativestop h1, .mod_initiatives_top h1 {
		padding: 30px 0;
	}
	#initiativestop h2 {
		font-size:2em;
		line-height:1em;
	}
	#initiatives .listing.initiatives h3 {
		font-size:1.2em;
		padding: 1px 0 3px 5px;
		margin-top:5px;
	}
	#initiativestop {
		padding:20px 0 30px;
	}
	#initiativestop .left {
		float:left;
		width: 71.42857%; /* 675px/945px; */
		margin-right:2.1164%;
	}
	#initiativestop .left .header.section_title {
		text-transform:uppercase;
		font-size:18px;
	}
	#initiativestop .left .header.short_description {
		text-transform:uppercase;
		font-size:18px;
		line-height:normal;
		font-weight:400;
	}
	#initiativestop .right {
		float:left;
		padding-top:20px;
		width: 26.45502%; /* 250px/945px; */
		
	}
	#initiativestop .right #subtext {
		text-transform:uppercase;
		margin-bottom:1em;
	}
	#initiativestop .header.vol_counter {
		overflow:hidden;
	}
	#initiativestop .right .header.sign_up_link_url a {
		background:#00A3D2;
		display:inline;
		text-transform:uppercase;
		font-size:1.2em;
		-moz-border-radius: 4px;
		border-radius: 4px;
		color:#fff;
		padding:10px;
		text-decoration:none;
		
		-webkit-transition: background 0.2s ;
		-moz-transition: background 0.2s ;
        -ms-transition: background 0.2s ;
        -o-transition: background 0.2s ;
		transition: background 0.2s ;
	}
	#initiativestop .right .header.sign_up_link_url a:hover {
		background:#000;
	}
	
	.listing.initiatives.bitinitiative .header h1 {
		display:none;
	}
	.display.initiatives .floaticon {display:none}

}

@media print	{
	body		{margin:0; padding:0;}
	.blocks1, .blocks2, .blocks3,
	#wrapper, #content	{width:100% !important; margin:0 !important; padding:0 !important;}
	#header, #navigation, #extra, #footer, .bittoc, .floaticon,
	.minifind, .navbar	{display:none;}
	.post,.item	{page-break-inside:avoid;}
	#volunteerSchedule table span {display:block;}
}

@page	{
	margin:1.6cm 2cm;
}

/* vim: set sw=10 ts=10: */

#responsive-nav, #responsive-search-results { display:none }




/*MEDIA QUERIES*/
/* Desktops and laptops ----------- */
@media only screen and (min-width : 769px) {
/* Styles */
	form .inlineLabels .textInput, 
	form .inlineLabels .selectInput, 
	form .inlineLabels select, 
	form .inlineLabels textarea,
	form.minifind .textInput
    {
		border: solid #cccccc; 
		border-width: 1px 0 0 2px;
		background: #efefef; /* old browsers */
		background: -moz-linear-gradient(top, #ffffff 50%, #efefef 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#efefef)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* ie */
		padding: 6px 4px;
        width:440px;
        font-size:14px;
	}
	form .inlineLabels .selectInput,
	form .inlineLabels select 				{ padding: 4px 2px; width:440px; font-family:Georgia, "Times New Roman", Times, serif;} 

	
	#accounts .display.features #search_results .col {
		margin-right: 1.0582%; /* 10px/945px */
    	width: 32.2751%; /* 305px/945px */
    	float:left;
	}
		
	/*#accounts .display.features #search_results .col-3 {
		margin-right: 0;
	} */

	/*#accounts .display.features  .mc_copy,
	#accounts .display.features  .mc-side {
		width: 307px;
		float: left;
		margin-right: 11px;

	}*/
	#accounts .display.features #search_results .col:nth-child(3n+3) {  
		margin-right:0;
	}
	/*#accounts .display.features  .mc-side.col-2 {
		margin-right: 0;
	}*/
	#accounts .display.features .mc-submit {
		margin-left: 318px;
	}


}






@media screen and (max-width: 768px) {

	#accounts .display.features #adv_search #main_search_header #main_search_title_copy {
		float: none;
		width: 100% ;
	}

	#accounts .display.features #adv_search #main_search_header #main_search_title_button {
		float: none;
	}
	#accounts .display.features #adv_search #main_search_header #main_search_title,
	#accounts .display.features #homepage_content .mc_form  {
		padding: 20px;

	}
	#accounts .display.features #homepage_content,
	#accounts .display.classic #features_block, 
	#accounts .display.features #search_results {
		width: 100%;
	}

	#accounts .display.features #search_results .col {
		padding-left: 0;
		clear: both;
	}
	#accounts .display.features #search_results .col .wrapper {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	body {
		font-size: 100%;
	}
	#bittop img.thumb {
		width:80%;
		height:auto;
	}
	#mobile-logo {
		width:auto;
		height:auto;
		padding:0.5em 2.5%;
		margin:0;
		display:block;
	}
	div.container, #accounts.displaymode .body .header, #minisearch.listmode .body .header, #minisearch.listmode .sub-container, #main_search_header, #features_block,
	#accounts.sectiondisplaymode div#container  {
    	width: 100%;
	}
	#main_search_reset,
	#opportunities.editmode .apply .buttonHolder.submit {
		display:none;
	}
	div#container {
		margin:0;
		width:100%;
	}
	.header {
		width:100% !important;
	}
	#search_widget_embed {
		display:none
	}
	#cboxLoadedContent img, .cboxElement a img {
		width:100% !important;
		height:auto !important;
	}
	a.button, input.button, span.button, .button .button-over {
		padding:0.5em;
		/*font-size:1.5em;*/
	}
	
	#bittop .glow {
		background:none;
    	height:auto;
		width:100%;
	}
	#main, #toptitle {
		width:95%;
		margin:0 0 .5em 2.5%;
	}
	div.title {
		line-height:normal;
	}
	#bittop .social { padding: 5px 0 10px 8px; position: relative; right:inherit}
	
	#bittop #account-links {
		display: inline;
    	margin: 0 auto;
    	position: relative;
	}
	
	/* PAGINATION */
	/* hide numbered pages, keep previous and next */
	.page_num_current, .page_num {
		display:none !important;
	}
	.page_num.next, .page_num.previous {
		display:block !important;
	} 
	
	form {
		font-size:100%
	}
	
	/*****************************************/
	/*^*^*^**^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*/
	/*** RESPONSIVE NAVIGATION ***************/
	
	/*form#responsive-nav, form#responsive_search_dropdown {
    	display: inline-block !important;
    	margin-top: 5px;
    	width: 90% !important;
		float:none;
	}
	select.chzn-select {
    	height: 1.875em;
    	padding: 1em;
		font-size:1em;
    	width: 100%;
	}*/
	
	nav#responsive-nav {
		display:block;
		background:#303030;
		box-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
	
	nav#responsive-nav .nav-buttons {
		float:left;
	}
	nav#responsive-nav .account-buttons {
		float:right;
	}
	nav#responsive-nav .nav-stack,
	#mobile-account-links a {
		-webkit-border-radius: 5px;
        border-radius: 5px;
        border:2px solid #000;
        background:#303030;
		background: -moz-linear-gradient(top,  #303030 1%, #262626 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#303030), color-stop(100%,#262626)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #303030 1%,#262626 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #303030 1%,#262626 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #303030 1%,#262626 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #303030 1%,#262626 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#262626',GradientType=0 ); /* IE6-9 */
		margin:0.5em;
		padding:0.5em 0.5em 0.3em;
		color:#ddd;
		text-shadow: -1px -1px 0 rgba(0,0,0,.5);
    }
    #mobile-account-links {
    	display:block;
    }
    #mobile-account-links a {
    	font-size:0.875em;
    	padding: 0.7em;
    	text-transform:uppercase;
    	margin-left:0;
    	}
	
	
	#bittop .account-nav {
		
	}
	#bittop .account-nav li {
		display: none;
		width: 100%;
		background:#303030;
		border-radius:0;
	}
	#bittop .account-nav li a {
		display: block;
		width: auto;
		padding: 10px 5%;
		font-size: 14px;
		font-weight: bold;
		text-shadow: -1px -1px 0 rgba(0,0,0,.15);
		color: white;
		text-decoration: none;
		/*border-bottom: 1px solid rgba(0,0,0,.2);*/
		border-top: 1px solid rgba(255,255,255,.1); 
		border-radius:0 !important;
		text-align:left;
	}
	#bittop .account-nav li:hover a.tab, #bittop .account-nav li.selected a.tab {
		background:#424242;
		color:#DDD;
	}
	#bittop .account-nav li a:hover {
		background-color: rgba(0,0,0,.5);
		border-top-color: transparent;
	}
	#bittop .account-nav > li:first-child {
		border-top: 1px solid rgba(0,0,0,.2);
	}

	/* Toggle the navigation bar open  */

	#bittop .account-nav.open { 
		height: auto; 
	}
	#bittop .account-nav.open li { 
		display: block; 
	}
	#bittop ul.submenu {
		display:none !important;
	}
	
	

	/* Submenus – optional .parent class indicates dropdowns */

	#bittop .account-nav > li:hover > a {
		background: rgba(0,0,0,.5);
		border-bottom-color: transparent;
	}
	#bittop .account-nav li.parent > a:after {
		content: "▼";
		color: rgba(255,255,255,.5);
		float: right;
	}
	#bittop .account-nav li.parent > a:hover {
		background: rgba(0,0,0,.75);
	}
	#bittop .account-nav li ul {
		display: none;
		background: rgba(0,0,0,.5);
		border-top: 0 none;
		padding: 0;
		width:100%;
		box-shadow:0;
		position:relative !important;
		left:0;
		top:0;
	}
	#bittop .account-nav li ul li {
		width:auto;
		border:0;
		background:#424242;
	}
	#bittop .account-nav li ul a {
		border-bottom:1px solid #3d3d3d;
		border-top:1px solid #3d3d3d;
		border-top:none;
		font-size: 12px;
		padding: 10px 5%;
		font-weight: normal;
		color: #c2c2c2 !important;
		padding-left:2.5em;
		
  	}
  	#bittop .account-nav li ul a:hover {
  		color:#000 !important;
  		border-top:none;
  		
  	}
  	#bittop .account-nav li ul li:last-child {
  		border:0;
  		border-radius:0;
  	}
	#bittop .account-nav li:hover ul {
		display: block;
	}
	/* end nav */
	/*^*^*^**^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*^*/
	
	
	
	
	div.band_header,
	div.band_f0f0f0,
	div.band_ebebeb,
	#bittop #account-links,
	#logo,
	#bittop .social,
	/*div#extra,*/
	/*#account-nav,*/
	#adv_search #main_search_title,
	#adv_search .main_search_selectbox{
		display:none;
	}
	
	/*FORMS*/
	#editorgform fieldset .legend,
	#editoppform fieldset .legend {
		width:100%;
	}
	form .inlineLabels .textInput, form .inlineLabels .selectInput, form .inlineLabels select, form .inlineLabels textarea, form.minifind .textInput,
	#editcomment-form .inlineLabels .forminput, #editcomment-form .buttonHolder, #contact_form .inlineLabels .forminput, #contact_form .buttonHolder, .menuitems_forms_inputbox {
		/*background: none;
		border: 2px inset #EBE9ED;*/
		width:87% !important;
		font-size:1em;
		height: 1.875em;
		padding:0;
		margin:0;
		clear:both;
		float:none;
	}
	#editcomment-form .inlineLabels .forminput, #editcomment-form .buttonHolder, #contact_form .inlineLabels .forminput, #contact_form .buttonHolder {
		height:auto;
		padding:0.5em 2.5% 0.5em 2.5%;
	}
	form textarea {
		height:12em !important
	}
	form .formlabel, form .inlineLabels .label {
		padding-bottom:.2em;
		font-size:1em;
	}
	form .inlineLabels .formlabel, 
	form .inlineLabels .forminput,
	form .inlineLabels .formhelp,
	#users form .formlabel,
	form .inlineLabels ul,
	form .inlineLabels ul li {
		width:100%;
		margin-left:0 !important;
		float:none !important;
	}
	.forminput, #captcha {
		margin:0;
		display:block
	}
	form .formhelp {
		float:none;
		width:auto;
	}
	#captcha {
		font-size:1em;
		float:none;
	}
	form .inlineLabels label em, form .inlineLabels .label em {
		display:none;
	}
	form .buttonHolder {
		margin:0
	}
	
	#adv_search_form .row, form .row {
		background:#F3F3F3;
		padding:5px 0 5px 5px;
		margin-bottom:0.2em;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		height:auto;
	}
	#adv_search .get_advanced_search {
		float:none;
		clear:both;
	}
	input#adv_keyword {
		font-size:100%;
		padding:0;
	}
	
	.header {
		margin-top:1em;
		width:100%;
	}
	.header h1 {
		width:100%;
	}
	
	/*homepage */
	#accounts.displaymode .body .header {
		font-size:1.5em;
		line-height:normal;
	}
	#accounts.displaymode .body .content .header h1 {
		font-size:1em;
	}
	
	#adv_search #responsive_search_dropdown {
		display:block;
	}
	select.chzn-select.home-search {
		font-size:125%;
		width:100%;
	}
	#responsive-search-results, #adv_search .search_pagination_links {
		display:block;
		width:100%;
		font-size:1.2em;
		margin:0;
	}
	#adv_search #main_search_header {
		height:40px;
	}
	#accounts .display.features #adv_search #main_search_header {
		text-align:center;
		height:auto;
	}
	#adv_search .search_pagination_links {
		/*padding:0 1em;*/
	}
	#responsive-search-results h4 {
		font-size:150%;
		margin-bottom:0.5em;
	}
	#responsive-search-results .opp p {
		margin:0;
		padding:0;
	}
	#responsive-search-results .opp {
		margin-bottom:0.5em;
		background: url("./images/bg-page-title.gif") no-repeat bottom center #EDEDED;
		padding:0.5em 2% 1.5em;
	}
	#responsive-search-results .org-title {
		font-weight:bold;
	}
	#responsive-search-results .opp-category {
		font-style:italic;
		color:#666;
	}
	
	
	/******** FEATURES **************/
	
	#features_block {
		width:100%;
	}
	
	#accounts .display.classic #features_block .feature.full-width .thumbnail {
		height:auto;
		width:100%;
	}
	#accounts .display.classic #features_block .feature.full-width .thumbnail img {
		width:100% !important;
	}
	#accounts .display.classic #features_block .feature.full-width .body {
    	float: none;
    	width: 100%;
	}
	#accounts .display.classic #features_block .features-row .feature{
		width:100%;
		border:none !important;
	}
	#accounts .display.classic #features_block .features-row {
		margin:0;
	}
	#accounts .display.classic #features_block .feature {
		margin:15px 0 !important;
	}
	#accounts .display.classic #features_block .feature .thumbnail {
		width:29%;
		margin-right:2%;
	}
	#accounts .display.classic #features_block .feature .thumbnail img {
		width:100% !important;
		height:auto !important;
	}
	#accounts .display.classic #features_block .feature .body {
		width:69%;
	}
	
	#accounts .display.features #search_results div.wrapper .oppcategory {
		min-height:inherit;
	}
	
	
	/******** END FEATURES *********/
	
	
	
	/* advanced search page */
	/*#minisearch.listmode .sub-container {
		width:95%;
		margin:0 0 0 2.5%;
	}*/
	#adv_search #search_header_link {
		display:none;
	}
	#adv_search .adv_search_col_left,
	#adv_search .adv_search_col_right {
		float: none;
   	 	margin-right: 0;
    	width: 100%;
	}
	#adv_search .adv_search_col_left .formlabel, #adv_search .adv_search_col_left label,
	#adv_search .adv_search_col_left .forminput,
	#adv_search .adv_search_col_right .formlabel,
	#adv_search .adv_search_col_right .forminput,
	#adv_search .buttonHolder {
    	margin-left:0 !important;
    	width: 100% !important;
	}
		
	form .inlineLabels .formlabel {
		float:none;
	}
	#adv_search .cols {
		background:none;
		margin:0;
	}
	#adv_search #adv_search_ajax_loader {
		width:auto;
	}
	#adv_search #search_working {
		width:97%;
		}
	
	/******************FIND ORGANZIATION PAGE (mobile)******************/
	
	.listing.organizations select, .listing.organizations input {
		margin-bottom:0.5em;
	}
	.listing.organizations table tr td {vertical-align:top}
	
	.org-search-form label[for="sub_org"],
	.sub_org_checkbox {
		display:block !important;
		margin-left:0;
	}
	.org-search-form .buttonHolder.submit {
		float:none;
		margin-top:15px;
	}
	
	/******************END******************/
	
	/******************PLEDGE A DAY OF SERVICE PAGE******************/
	
	.mod_pledge_top {
		width:100%;
	}
	#pledgetop {
		padding:0.5em 0 .5em 2.5%;
	}
	
	#pledgetop ul.pledge_steps li {
		float:none;
		width:90%;
		margin:0 0 0.2em 0;
	}
	#pledgetop ul.pledge_steps li.pledge_step_arrow { display:none }
	
	table.data th, .dashboard table th { display:none; }
	table.data tr, .dashboard table tr {padding: 0 0.2em; }
	table.data td, .dashboard table td { display:table-row; border:none; height:auto !important; }
	table.data td a, .dashboard table td a {font-weight:bold; font-size:1.5em; margin-top:0.5em; display:block;}
	
	/*TABLES TABLES, DONT you love tables*/
	form#useroppsprefs table.data th {display:table-cell; font-size:10px}
	form#useroppsprefs table.data tr {padding: 0 0.2em; }
	form#useroppsprefs table.data td { display:table-cell; border:none; height:auto !important; }
	form#useroppsprefs table.data td a {font-weight:bold; font-size:0.5em; margin-top:0; display:block;}

	form#checkform table.data td { display:inline-flex; }
	
	.admin.organizations table.data th,
	.admin.organizations table.data td {display:table-cell; font-size:10px}
	.admin.organizations table.data td a {font-size:10px; display:inline}
	
	/******************END******************/
	
	/**************OPORTUNITY*****************/
	
	#volunteerSchedule table td, #volunteerSchedule table th {
		padding:0;
		font-size:10px;
	}
	#volunteerSchedule table th {
		text-align:center;
	}
	
	#row_admin_inquiry_volunteer_opportunity .formlabel,
	#row_admin_inquiry_date_sent .formlabel, 
	#row_admin_inquiry_volunteer .formlabel,
	#row_admin_inquiry_inquiry_subject .formlabel,
	#row_admin_inquiry_message .formlabel {
		float:none;
		width:auto;
		padding-top:10px;
		font-weight:bold;
	}
	
	
	#row_admin_inquiry_volunteer_opportunity .forminput,
	#row_admin_inquiry_date_sent .forminput,
	#row_admin_inquiry_volunteer .forminput,
	#row_admin_inquiry_inquiry_subject .forminput,
	#row_admin_inquiry_message .forminput {
		float:none;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	
	#extra .boxcontent, .module h3 { padding:0 2.5%; }
	
	/******************END******************/
	
	/******************PAGES******************/
	
	
	.section-col1, .section-col2 {
		float:none;
		width:100%;
		margin:0;
	}
	.section-col1 img, .section-col2 img, .boxcontent img {
		width:100% !important;
		height:auto !important;
	}
	.gallery_link { display:none; }
	
	div.blocks2n #content,
	div.blocks2 #navigation,
	div.blocks2n #navigation,
	div.blocks3 #navigation,
	div.blocks3 #content,
	div.blocks3 #extra   {
		float:none;
		margin:0;
		width:100%;
		clear:both;
	}
	div.blocks2 #navigation .boxcontent,
	div.blocks3 #navigation .boxcontent {
		padding:0.5em 2.5% .5em 2.5%;
	}
	
	
	/******************END******************/
	
	/******************NEWS AND PRESS******************/
	.mod-slideshow {
		float:none;
		margin:0;
	}
	.mod-slideshow img {
		width:100%;
		height:auto;
	}
	/* blogposts sociallinks */
	.post-sociallinks .twitter {float:none; border-right:none;}
	.post-sociallinks .facebook {float:none; margin:10px 0; padding:0}
	
	/******************END******************/
	
	/******************USERs******************/
	#useroppsprefs .data thead th, #useroppsprefs .data td {
    	width: auto !important;
		padding:0 !important;
		font-size:10px !important;
	}
	
	#volunteer-rss-icon { display:none; }
	#navigation .boxcontent {
		padding:0.5em 2.5% .5em 2.5%;
	}
	form .row .remove, form .row .multiform_remove, form .row .remove .button-over {
		font-size:0;
		padding:18px 0 6px 28px;	
	}
	#oppsloghours div .tos label {width:100%;}
	table#volunteer-hours-listing tr>:first-child {display:none}
	
	input#like_org_title { display:block; }
	
	/******************END******************/
	
	
	/******************FOOTER******************/
	#footer {
		width:100%;
		height:auto;
		margin:0;
		padding:3% 0 3% 0;
		position:relative;
	}
	#footer span.socialnetwork_images,
	#footer span.right a {
		margin:0
	}
	#footer img.icon {
		width:25% !important;
		height:auto !important;
		margin:0;
	}
	#footer h4 {
		font-size:1.2em;
		margin:0 0 .5em 2.5%;
	}
	
	#footer div.left, #footer div.right, #footer span.right {
		margin:0 0 0 2.5%;
		padding:0;
		float:none;
		width:95%;
	}
	#footer span.copyright p {
    	margin:3% 0 3% 0;
		margin:0 0 .5em 2.5%;
	}
	#footer span.footer_links, p {font-size: 1em; line-height:normal;}
	#footer span.footer_links {margin:0 0 .5em 2.5%;}
	
	#footer span.socialnetwork_images {
		padding-left: 2.5%;
	}

	
	/******************END FOOTER******************/
	
	
	
	/******************ADMIN******************/
	
	
	
	/******************END ADMIN******************/
	
	
	
	/******************INITIATIVES******************/
	
	#initiativestop {
		padding:1em 0;
	}
	#initiativestop .left, #initiativestop .right {
		float:none;
		width: auto;
		margin: 0.5em 2.5%;
	}
	#initiativestop h2 {
		font-size:1.5em;
	}
	#initiativestop .left .header.short_description {
		font-size:1em;
	} 
	
	/******************PROVISIONAL HOMEPAGE******************/
	#triplebox { width: 100% }
    #triplebox .box { width: auto; float:none; clear:left; background-color: #fff; margin-left:0;}
    #triplebox .box h3, #triplebox .box h4 { color:#2f2f2f; }
    #triplebox .box .cos-form input[type=text], #triplebox .box .cos-form textarea { width: 100% }
    /******************PROVISIONAL HOMEPAGE******************/
    
    .twitter-share-button {
		margin-top:15px;
		display:block;
	}
	
	/*hide print btn*/
	li.print-opp { display:none; }
	 
}

@media screen and (max-width: 375px) {

	
	
	#accounts .display.features #adv_search #main_search_header {
		text-align: center;
	}


	#accounts .display.features #search_results .col {
		padding-left: 5%;
		clear: both;
	}
	#accounts .display.features #search_results .col .wrapper {
		width: 90%;
		float: none;
		margin-right: 5%;
	}
	#accounts .display.classic #features_block .feature .thumbnail {
		height: auto;
    	margin-bottom: 15px;
    	margin-right: 0;
    	width: 100%;
	}
	#accounts .display.classic #features_block .feature .thumbnail img {
		width:100% !important;
	}
	#accounts .display.classic #features_block .feature .body {
    	float: none;
    	width: 100%;
	}
	#accounts .display.classic #features_block .feature {
		width:100% !important;
		font-size:100%;
		float:none;
	}
	#accounts .display.classic #features_block .feature.even {
    	margin:0;
	}
	#accounts .display.classic #features_block h3 {
		font-size:150%;
	}
	#accounts .display.classic #features_block .features-row {
		margin:0;
	}
	#accounts .display.classic #features_block .feature.full-width,
	#accounts .display.classic #features_block .feature.odd,
	#accounts .display.classic #features_block .feature.even {
		margin-top:30px;
	}
	

}