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

* Filename:		base.css
* Description:	Global CSS for BBB CMS
* Version:		1.0.6 (07-29-2011)
* Author:		CBBB

---------------------------------------------

/*  KEEP CSS CLEAN
    Some guidelines to follow:
    1. Break code down into sections.
    2. Keep your rules alphabetically sorted.
    3. Only put one selector per line for a block of rules that apply to multiple selectors (except for reset).
    4. Indent your rules, only one rule per line.
    5. Indent proprietary properties with two spaces. Keep these properties directly below the proposed property.
        
        example:
        
        element#id,
        element.class {
            rule1: value;
              -webkit-rule2: value;
              -moz-rule2: value;
            rule2: value;
            top: value;
        }
-------------------------------------------*/

/* Resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}	
header, section, article, nav, footer, aside {
	display:block;
}
ol, ul {
	list-style: none;
}

/* --- Base typography --- */

* {
	font-size:100.01%
}
html {
	font-family: Verdana, sans-serif;
	font-size:62.5%;
}

h1 {
	font-size:2.4em;
}
h2 {
	font-size: 2.0em;
}
h3 {
	font-size:1.8em;
}
h4 {
	font-size:1.6em;
}
p {
	font-size:1.2em;
	margin: 0 0 1.2em;
}
a {
	color: #02647E;
	text-decoration:none;
}
a:hover {
	/*color:#0D7C99;*/
	color:#E2A339;
	text-decoration:underline;
}
/* --- Header Typography --- */
#masthead h1 {
	font-size:2em;
	font-weight:600;
	line-height:2em;
}
#masthead h1 sup {
	font-size:.5em;
	vertical-align:super;
}
#masthead h2 {
	color:#333333;
	font-family:Georgia, serif;
	font-size:1.4em;
	font-weight:600;
	line-height:2em;
	text-align:right;
}
#masthead h2 sup {
	font-size:.6em;
	vertical-align:super;
}
a.find-bbb {
	font-size:1.2em;
	line-height:2em;
	text-align:right;
}
#masthead h1 a {
	text-decoration:none;
}
#global-nav li a {
	color:#FFF;
	font-size:1.3em;
	font-weight:600;
	line-height:40px;
	text-decoration:none;
}
/*#global-nav li a:hover,*/ 
#global-nav li.here a,
#global-nav li.hovering a,
#global-nav li.mega div a {
	color:#0D7C99;
}
#global-nav li.mega div a:hover {
	color:#E2A339;
	text-decoration:underline;
}	
#global-nav li.mega div a {
	font-size:12px;
	font-weight:100;
	line-height:12px;
}
li#biz-login a {
	font-weight:400;
	text-decoration:underline;
}
/* --- Search Bar Typography --- */
#search label,
#search-container label{
	font-weight:700;
}
#search input[type="text"],
#search-container input[type="text"] {
	color:#333;
}

.search-btn,
.search-button {
	color:#FFF;
	font-weight:700;
}


/* --- Breadcrumbs Typography --- */
.crumbs li {
	font-size: 1em;
	color: #666;
}
.crumbs li a {
	font-size: 1em;
}
.crumbs li a:hover{
	text-decoration: none;
}

/* --- content area Typography ---*/
#primary-nav h2, #section h2 {
	color:#66793A;
	font-weight:100;
}

/* --- BBB Form Typography ---*/
.bbbform h3 {
	color:#67812D;
	font-weight:100;
}
label {
	font-size:1.3em;
	font-weight:700;
}
legend {
	font-size:1.3em;
	font-weight:700;
}
.radio label,
.checkbox label {
	font-weight:100;
}
textarea {
	font-size:1.5em;
}
input,
select {
	font-size:1.2em;
}
.required span,
span.required,
.exampletext {
	color:#9B9B9B;
	font-size:.9em !important;
	font-weight:100;
}
.exampletext {
	line-height: 20px;
}
.alerttext,
label.error  {
	color:#9E2B1E;
	font-size:1.2em;
	font-weight: 100;
}
/* --- Misc. Typography --- */
.bbbred {
	color:#9E2B1E;
}
/* --- Base Structure --- */
html,
body {
	/*background:url(../images/cbbb-body-background.png) repeat-x;*/
	height:100%;
}
/* --- Opera Footer Fix --- */
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
#page {
	margin:5px auto;
	min-height:100%;
	padding:0;
	/*position:relative;*/
	width:990px;
}
#section,
.wrap {
	overflow:auto;
	padding-bottom:105px; /*must be the same value as footer height + padding */
}
/* --- Header ---- */
#header-content {
	top:0;
	position:relative;
	left:0;
	height:120px;
}
#bbb-logo {
	left:0;
	position:absolute;
	top:0;
	width:100px;
}
#bbb-logo a {
	background:url(../images/cbbb-sprites.png) -9px -16px no-repeat;
	color:transparent;
	display:block;
	height:110px;
	margin:0 0 22px;
	padding:0;
	text-indent:-9999px;
	width:84px;
}
#masthead {
	left:100px;
	position:absolute;
	top:25px;
	width:890px;
}
#masthead h1 {
	float:left;
	width:275px;
}
#masthead h2 {
	float:left;
	padding: .6em 10px 0;
	width:450px;
}

a.find-bbb {
	float:right;
	margin:0 0;
	padding:1em 0 0 ;
	width:140px;
}

#global-nav {
	left:100px;
	overflow:visible;
	position:absolute;
	top:65px;
	width:890px;
}
#global-nav ul.level1 {
	background:#0D7C99 url(../images/global-nav-bg.png) repeat-x;
	border:2px solid #005a78;
	height:40px;
}
#global-nav li {
	float:left;
	position:relative;
}
#global-nav li.hovering, 
#global-nav li.here  {
	background:#FFF url(../images/global-nav-bg-hov-2.png) repeat-x;

}
#global-nav li a {
	display:block;
	line-height:40px;
	padding:0 10px;
}
#global-nav li div {
	background:#ECF4F6;
	border:2px solid #005a78;
		-moz-box-shadow: 2px 3px 5px #b4b4b4;
		-webkit-box-shadow: 2px 3px 5px #b4b4b4;
		box-shadow: 2px 3px 5px #b4b4b4;
	display:none;
	left:-2px;
	position:absolute;
	top:40px;
	width:245px;
}
#global-nav li.hovering div {
	display:block;
	border-top:none;
}
#global-nav li.hovering ul {
	background:none;
	border:none;
}
#global-nav li.hovering li {
	border-bottom:1px dotted #087397;
	float:none;
	padding:6px 0;
}
#global-nav li.hovering li a:hover {
	background:none;
}
li#biz-login {
	float:right;
}

/* --- Business and Charity Search Bar --- */
#search,
#search-container {
	background:#ecf4f6;
	border:1px solid #BADEE5;
	margin:5px 0;
	overflow: hidden;
	padding:10px;
	text-align:left;
}
/* --- CIBR 3.0 Styles --- */
#search-text-container,
#search-location-container {
	display: inline;
}
#search label,
#search-container label {
	display:inline;
	line-height:30px;
	padding:0 0 0 10px;
	vertical-align:middle;
}

#search input[type="text"],
#search-container input[type="text"]  {
	border:3px double #d5e5e9;
	height:24px;
	line-height:24px;
	margin:0;
	outline:medium none;
	padding:3px 4px;
	vertical-align:middle;
	width:230px;
}
#search input[type="checkbox"],
#search-container input[type="checkbox"] {
	margin-right:10px;
	vertical-align:middle;	
}
/* --- CIBR3.1 Styles --- */
#search-for {
	float:left; 
	margin:0 10px 0 0;
	width:410px; 
}
#search-for label,
#search-in label {
	display:block;
	font-size: 1.2em;
	line-height:20px;
	margin:0; 
	padding:0;
	width: 270px;
	vertical-align: middle;	
}
#search-for label {
	width:400px;
}
#search-for label span,
#search-in label span {
	color:grey;
 	font-size:.9em;
	font-weight:100;
}
#search-for input[type="text"].search-box,
#search-in input[type="text"].search-box {
	border: 3px double #D5E5E9;
	display:block; 
    height: 24px;
    line-height: 24px;
    margin: 0;
    outline: medium none;
    padding: 3px 4px;
    vertical-align: middle;
	width:270px;
		-moz-box-shadow:inset 0 2px 5px rgba(200,200,200,0.3);
   		-webkit-box-shadow:inset 0 2px 5px rgba(200,200,200,0.3);
   		box-shadow:inset 0 2px 5px rgba(200,200,200,0.3);
}
#search-for input[type="text"].search-box {
	width:400px;
}
#search-in {
	float:left; 
	margin:0 10px 0 0;
	width:290px;
}
#search-accred {
	float:left;
	margin:0 8px 0 0;
	padding:26px 0 0;
	width:132px;
}
#search-accred label {
	display: inline;
	line-height:24px; 
	margin:0; 
	padding:0;
	vertical-align: middle;
}
#search-accred input[type="checkbox"], #search-container input[type="checkbox"] {
	margin-right: 0px;
	vertical-align: middle;
}
#search-submit {
	float:left; 
	margin:0;
	padding:25px 0 0;
	width:90px;
}
#search-submit .search-btn {
	display: block;
}
.search-btn,
.search-button {
	background:url("../images/cbbb-sprites.png") no-repeat scroll -308px -49px transparent;
	border:medium none;
	color:transparent;
	cursor:pointer;
	display:inline-block;
	height:27px;
	line-height:27px;
	outline:medium none;
	text-indent:-9999px;
	text-transform:capitalize;
	width:78px;
}
/* --- End CIBR 3.1 styles --- */
.search-advanced {
	margin: 0 0 0 10px;
}
#advanced-search {
	margin:10px 0 0 0;
}
.show-search {
	display:block;
}
/* --- Main Content --- */
.main {
	float:left;
}
.main h2 {
	margin: 0 0 20px;
}
.main p {
	line-height:normal;
	margin:0 0 1.25em;
}
/* --- Breadcrumbs --- */
 .crumbs {
	background: #fff;
	display: block;
	list-style: none;
	margin: 15px 0 0;
	overflow:hidden;
	padding: 0 0 15px;
	width: 990px;
}
.crumbs li {
	background: url(../images/err-spacer.gif) no-repeat right 3px;
	float: left;
	margin: 0;
	padding: 0 7px 0 3px;
}
.crumbs li.active {
	background: none;
}

/* --- Sidebar --- */
.left {
	float:left;
}
.right {
	float:right
}
/* --- Footer --- */
#footer {
	background:#137696 url(../images/cbbb-footer-background.gif) repeat-x;
	clear:both;
	height:80px;
	margin-top:-105px; /*negative value of footer height + padding */
	padding:10px 0 15px;
	position:relative;
	width:100%;
}
#footer p {
	color:#FFF;
	margin:10px auto;
	text-align:center;
	width:990px;
}
#footer p a {
	color:#CCC;
}
.postalLink{
    display:block;
    }

/* --- Special Styles --- */
.hide {
	display:none;
}
.show { 
	display:block;
}
.spacer {
    border-bottom:1px dotted #eeeeee;
    height:5px;
    margin: 0 0 5px 0;
}
.bluebox {
	background-color: #ecf4f6; /* fallback color */
    	background-image: -moz-linear-gradient(-90deg, #ecf4f6, #f5fbfc);
    	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ecf4f6), to(#f5fbfc));
	border:1px solid #e0eef1;
}
.button {
	border:medium none;
	color:transparent;
	cursor:pointer;
	display:block;
	height:27px;
	line-height:27px;
	outline:medium none;
	text-indent:-9999px;
	text-transform:capitalize;
}
.green-btn {
	color: #ffffff;
	background: #558120;
	background: -moz-linear-gradient(
		top,
		#82b547 0%,
		#558120 55%,
		#558120 60%,
		#558120);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#82b547),
		color-stop(0.55, #558120),
		color-stop(0.60, #558120),
		to(#558120));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #527d1e;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	font-weight:700;
	padding: 6px 12px;
	text-decoration:none;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.2);
}
.red-btn {
	color: #ffffff;
	background: #9E2B1E;
	background: -moz-linear-gradient(
		top,
		#AB2E20 0%,
		#9E2B1E 55%,
		#9E2B1E 60%,
		#9E2B1E);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#AB2E20),
		color-stop(0.55, #9E2B1E),
		color-stop(0.60, #9E2B1E),
		to(#9E2B1E));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #7D2218;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	font-weight:700;
	padding: 6px 12px;
	text-decoration:none;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.3),
		0px 1px 0px rgba(255,255,255,0.2);
}
.green-btn:hover,
.green-btn:active, 
.red-btn:hover,
.red-btn:active {
	color:#eee;
	text-decoration: none;
}
/* --- BBB Form Structure ---*/
label {
	display:block;
	margin:9px 0 5px;
	width:100%;
}
.radio label,
.checkbox label {
	display:inline;
}
.name,
.address,
.city,
.stateprov,
.country,
.email,
.url {
	width:250px;
}
.zip,
.postal {
	width:70px;
}
.phone {
	width:120px;
}
/* Add additional input widths in your app specific CSS file */

.counterwrapper {
	overflow:hidden;
}
.counter {
	float:right;
	margin:3px 0 0;
	width:200px;
}
.counter label{
	display:inline;
	margin:0 5px 0 0;
	width:60px;
}
.formsubmit {
	margin:5px 0;
	overflow:hidden;
}
.submit {
	background: transparent url('../images/cbbb-sprites.png') no-repeat -432px -151px;
	border: none;
	cursor:pointer;
	display:block;
	float:left;
	height: 27px;
	text-indent:-9999px;
	text-transform: capitalize;
	width: 71px;
}
.cancel {
    display: block;
    float: left;
    font-size: 1.2em;
    height: 26px;
    line-height: 26px;
    margin: 0 0 0 10px;
    width: 60px;
}
.alert,
input.error,
textarea.error {
	border:1px solid #9E2B1E;
	padding: 3px 2px;
		box-shadow:0 0 2px #9E2B1E;
		-moz-box-shadow:0 0 2px #9E2B1E;
		-webkit-box-shadow:0 0 2px #9E2B1E;
}
select.error {
	border:1px solid #9E2B1E;
		box-shadow:0 0 2px #9E2B1E;
		-moz-box-shadow:0 0 2px #9E2B1E;
		-webkit-box-shadow:0 0 2px #9E2B1E;
}
.alerttext,
label.error {
	background:url(../images/cbbb-sprites.png) -869px -149px no-repeat;
	display:block;
	line-height:14px;
	padding: 0 0 0 10px;
}
.textarea-w-counter label.error {
	width:400px;
}
/* --- Modal Box ---*/
.modalbox {
	overflow:auto;
	width:500px;
}
.modalbox h3 {
	color:#67812D;
	margin:0 0 10px;
}
/* --- Auto Complete --- */
.ac_results {
	border: 1px solid #eeeeee;
}
.ac_odd {
	background-color: none;
}

.ac_over {
	background-color: #66793A;
}