@import url(/stylesheets/reset.css);

/* Make HTML 5 elements display block-level for consistent styling */
header, nav, section, article, footer, address {
	display: block;
}

/* LAYOUT */
body{ 
	background: #fff url(../images/bgtile.png) repeat-x ;
	font:12px Arial; line-height:1.4em; color:#333;
}


#wrapper{ margin:0 auto; width: 950px;
	background: url(../images/bg.png) no-repeat center top;}

header{ padding:50px 0; position:relative; font-size:14px;}

#main{float:right; width:620px; padding:0 25px;}
#sidebar{width:285px; margin-right:285px;}

#sidebar section{
	padding:15px;
	width: 215px;
	background: url(../images/sectionBg.png) no-repeat;
	margin: 0 0 15px 0;
}

#sidebar section.blank{
	background: none; padding:0px;
}

#sidebar section header{
	background:#184354 url(../images/sectionHeaderBg.png) no-repeat 10px center; padding:5px 25px; color:white; font-size:11px; font-weight:bold;
}

#sidebar section section{
	padding: 15px;
	background: none;
}

#sidebar section ul li{ list-style-image:url(../images/section_list_icon.gif);
list-style-type:square; padding:10px 0; width:190px; border-bottom: 2px dotted #d7e8f0;}
#sidebar p{font-size: 10px; color:#8f8f8f; line-height:1.2em;}

#sidebar section.feature{
	background: #253336; border:1px solid #76797c;
}

#sidebar section.feature p{color:#DDE7F0; margin:0 0 10px 0; font-size:11px;}

article{margin:0 0 10px 0;}
#main article{
	padding:10px;
	border-bottom: 2px dotted #d7e8f0; 
	position:relative;
	margin:0;
}
article h3{font-size:16px;}



#sidebar section.feature header {background:#2e3e42; padding:5px; color:white; margin:0 0 10px 0;}

footer{ clear:both; color:#333; font-size:10px; margin:20px 0;}

/* ELEMENTS */
h1{ text-indent:-9000px; 
	position:absolute; top:22px;
}

h1 a {
	color:#fcfae5;
	text-decoration:none;
	background:url(../images/logo.png) no-repeat;
	display:block;
	width:235px;
	height:100px;
}

h4, h5, h6{margin:5px 0;}



#main section{margin:0 0 25px 0;}
#main section header{padding:20px 0;}
#main section header h2{font-size:24px; border-bottom: 2px solid; padding-bottom:5px;}
#main section h3{font-size:18px; padding-bottom:5px;}
#main section footer{background:#f2f2f2;}

a{color: #48c2cb; text-decoration: underline;}
a:visited {color: #48c2cb;}
a:hover,a:focus {color: #48c2cb; text-decoration: none;}
a:active {}

#sidebar a.donate{color:#aad019; background:none;}
#main a.donate{background:#aad019; border:1px solid #91b01a; color:white; padding:0 5px; font-size:9px; text-transform:uppercase; font-weight:bold; text-decoration:none; position:absolute; bottom:5px; right:5px;}

a.support{background:#aad019; border:1px solid #91b01a; color:white; padding:0 5px; font-size:9px; text-transform:uppercase; font-weight:bold; text-decoration:none;}


/* NAVIGATION*/
nav{ background:#184354; padding:10px 15px; border: 4px solid white; z-index:-1;}
nav ul{text-align:right;}
nav ul li{display:inline; margin-right:10px;}

footer nav{ background:#f2f2f2; border:2px solid #e3e3e3; }
footer nav ul{float:right;}


/* CLASSES */
.floatLeft{ float:left; }
.floatRight{ float:right; }
.imageLeft{float:left; margin-right:20px;}
.clear{clear:both!important;}
.alignCenter{text-align:center;}
.alignLeft{text-align: left;}
.alignRight{text-align: right;}

.rounded{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	border-radius: 4px;
}



#main section.videoBox{width:175px; height:175px; padding:5px; border: 3px dotted #9FDFF8; float:left!important; margin:5px; background:#fff; position:relative;}
#main section.videoBox h3 a{color:#41cdff; font-size:11px;}
#main section.videoBox p{font-size:9px; line-height:11px;}

#main section.tweet{color:#484848; padding:20px; margin:0 0 5px 0; background: ; border-bottom:2px dotted #d7e8f0;}

section.findCause{
	background:#fbba14; border: 1px solid #ff970d; padding:5px 10px;
}

.findCause form input{background:#fff; padding:8px 5px;}
.findCause form input.button{background:none; border:0px; padding:0px; margin:8px 0 0 0;}

/*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
				padding:0 auto;
				background: #daf2f7;
                border-bottom: 3px dotted #8EB7C6;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 18px; color:#FFAB00; text-align:center;
/*                 width: 99.8%; */
                }
                

.attention {
/*                background:  #daf2f7 url('../images/icons/exclamation.png') 10px 11px no-repeat;
*/                }

.information {
/*                background: #daf2f7 url('../images/icons/information.png');
*/                }

.success {
/*                background:  #daf2f7 url('../images/icons/tick_circle.png');
*/                }

.error {
/*                background: #daf2f7 url('../images/icons/cross_circle.png');
*/                }
                
label.error {
                background: #ffcece url('../images/icons/cross_circle.png') left center no-repeat;
                border-color: #df8f8f;
                color: #665252;
                padding:5px 20px;
				display: inline-block; margin: 2px 0 0 10px;                
                 -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
				border-radius: 4px;
                }

.notification div {
                display:block;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;
                }

.notification .close {
                color:#2A77A9;
                font-size:24px;
                position:absolute;
                right:5px;
                top:5px;
                }


/* boxes */
.thirdbox{
	width: 29%;
	padding:10px 10px;
	background:#f2f2f2;
	height:300px;
	margin:5px;
	border: 1px solid #76797c; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.alertbox{

	background-color:#FF6600;
	color:#FFFFFF;
	padding:10px 10px;
	margin:5px;
	border: 1px solid #76797c; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;

}

.causeBox{
	background: url(../images/causeBackGrnd.jpg) bottom right  no-repeat;
	background-color:#ff7d1f;
	color:#FFFFFF;
	padding:10px 10px;
	margin:5px;
	border: 1px solid #76797c; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	
}


.postitBox{
	 background: url(../images/postIt.png) center no-repeat;
	 width:152px;
	 height:146px;
	 
}

.rowDiv{

	padding:8px;

}

.rowDiv:hover{
	background-color:#CCCCCC;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;

}
.varbox{
	width:100%;
	padding:10px 10px;
	background:#f2f2f2;
	height:100%;
	margin:5px;
	border: 1px solid #76797c; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}


.campaignNewBox{
	width:150px; height:115px; float:left; border: 3px dotted #9FDFF8; margin-top:5px; margin-left:10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}


.campaignNewBox:hover {
	background-color:#999999;
}



.foamGreenBox{
	width:100%;
	background-color:#96CEB3; 
	color:#FFFFFF;
	padding:10px 10px;
	height:100%;
	margin:5px;
	border: 1px solid #96CEB3; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.foamGreenBox:hover {
	background-color:#999999;
}

.lightBlueBox{
	width:100%;
	background-color:#77BED2; 
	color:#FFFFFF;
	padding:10px 10px;
	height:100%;
	margin:5px;
	border: 1px solid #77BED2; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

/*.lightBlueBox:hover {
	background-color:#999999;
}*/

.darkGreenBox{
	width:100%;
	background-color:#2B3E42; 
	color:#FFFFFF;
	padding:10px 10px;
	height:100%;
	margin:5px;
	border: 1px solid #2B3E42; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.darkGreenBox:hover {
	background-color:#999999;
}


.darkGreyBox{
	width:100%;
	background-color:#747E80; 
	color:#FFFFFF;
	padding:10px 10px;
	height:100%;
	margin:5px;
	border: 1px solid #747E80; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.darkGreyBox:hover {
	background-color:#999999;
}



.searchBox{
	width: 325px;
	padding:15px 15px;
	background:#333333;
	border: 1px solid #76797c; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}

.box{
	width: 93%;
	padding:15px 15px;
	padding-bottom:25px;
	background:#f2f2f2;
	border: 1px solid #76797c; 
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}


.helpBox{
	float:right; 
	width:25%; 
	background-color:#ff7d1f; 
	color:#FFFFFF; 
	padding:5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;

}


.tightBox{
	width: 325px;
	padding:5px;
	background:#737373;
	border: 1px solid #76797c; 
	margin-top:-10px;
	color:#FFFFFF;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius: 10px;
}


.twoThirdsDiv{
	float:left;
	width:60%;
	margin:0px;
	padding:0px;
	
	

}

.iphoneShell {

float:left; 
width:400px; 
height:750px; 
background:url(/images/IphoneSkin.png) left top no-repeat; 
margin-left:40px;


}

.iphoneContent {

	margin-top:133px; 
	margin-left:37px; 
	width:320px; 
	height:467px;
	background:#FFFFFF;

}

.iphoneFooter {

	margin-left:36px; 
	background:#666666; 
	text-align:center; 
	width:315px; 
	padding:3px; 
	padding-top:0px; 
	padding-bottom:0px; 
	height:40px; 

};

.iphoneButton {
	font-size:16px; 
	float:left; 
	margin-top:-5px;

}




.causeMenu{
	font-size:14px;
	margin-top:5px;
}












/* text */

.finePrint{
	font-size:9px;
}

.moviePrint{
	font-size:12px;
	color:#000000;
}


/* input */
.text-small{ 
	
	width:40px;

}

.text-large{ 
	
	width:400px;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;

}

.text-medium{ 
	
	width:200px;
	font:Arial, Helvetica, sans-serif;
	font-size:14px;

}
.text-date{ 
	
	width:140px;

}

.text-var{ 
	
	width:80%;
	margin:5px;

}


.inputBigSearch{
	color:#919191;
	padding:10px; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	
}







/* FORMS */
form{
}

form p{
	float:left;
	padding:10px;
}

input{
	color:#214252;
	padding:5px; 
	margin:2px;
	border:none;
	font-size:16px;
	background:#DFF2F7;
}

label{font-size:14px; padding:5px 0; color:#64C1CB;}

fieldset{
	background:#FFF;
	color:white;
	border:1px dashed #D6EEF4;
	margin:0 10px 10px 0;
	
}

fieldset P {

	color:#000000

};

.button{cursor:pointer; background:#47A8DD; color:FFFFFF; border:solid 2px #B7DCDF; padding:3px; text-decoration:none; height:30px; font-size:16px; }
.button a, .button a:visited{color:#FFFFFF;}


input.register{
	color:red;
	background: url(../images/register.png) no-repeat;
	width:156px;
	height:40px;
	display:block;
	text-indent: -9999px;
	cursor:pointer;
	float:right;
	margin-right:10px;
}


#demoVideo{
	background: url(../images/iphoneVideoTrans.png) no-repeat;
	height:490px;
	width:270px;
	float:right;
	margin-top:20px;
	
}

#demoAPP{
	background: url(../images/iphoneVideoTrans.png) no-repeat;
	height:490px;
	width:270px;
	float:left;
	margin-top:20px;
	
}

#centerVideo{
	float:left;
	margin-top:87px;
	margin-left:42px;

}

#centerDemo{
	float:left;
	margin-top:87px;
	margin-left:42px;
	height:288px;
	width:192px;

}

.gcInfoMain{
	float:left;
	width:600px;
}
.introToGoodClic{
	margin-top:10px;
	margin-bottom:20px;
		

}
.titleText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	margin-bottom:15px;
	
}



.subTitle{
	font-size:26px;
	color:#333333;
	margin-bottom:5px;

}

.titleSubText {
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	margin-left:10px;
}
.infotext {
	color:#666666;
	margin-left:10px;
		
}

.featureBox{
	width:265px;
	height:65px;
	margin:5px;
	float:left;
}



.moreFeatures{
	width:590px;
	height:15px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	float:left;
	margin-left:6px;
	margin-top:10px;
	cursor:pointer;
}

.gennButtons{
	text-align:center;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	height:15px;
	padding:5px;
	width:200px;
	margin-top:-5px;
	float:left;
	margin-left:5px;
	margin-right:5px;

}

.bottomButtons{
	background-color:#FF9900;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	height:15px;
	padding:5px;
	width:200px;
	margin-top:-5px;
	float:left;
	margin-left:5px;
	margin-right:5px;

}

#btnButtonsContainer{
	padding-left:20px;

}

.planOutline{
	float:left;
	width:600px;

}

.planGo{
	float:right;
	padding-right:50px;
	padding-top:40px;
	margin-top:-20px;
	margin-bottom:-20px;
	height:200px;
	width:200px;
	background: url(../images/goArrowRight_light.gif) no-repeat;
	
}

.featureRow{
	color:#000000;
	background-color:#6699FF;
	font-style:italic;
	font-weight:bold;
	margin-top:10px;
	
}
.planItem{
	padding-top:5px;
	width:200px;

}
.planChecked{
	background: url(../images/orangeCheckOrb_small.png) no-repeat;
	height:30px;
	width:90px;
}
.pricingTable{
	width:350px;
}

.pricingTable tr{
	text-shadow:#CCCCCC;
	vertical-align:middle;
}

.introToPricing{
	float:left;
	width:100%;
}

.pricingTitle{
	margin-top:10px;
	
}

.pricingGrid{
	float:right;
	}
	
.faqEntry{
	margin-top:20px;
}
.faq_q{
	background: url(../images/q.png) no-repeat;
	height:30px;
	width:90%;
	padding-top:5px;
	padding-left:40px;
}

.faq_a{
	background: url(../images/a.png) no-repeat;
	height:30px;
	width:80%;
	padding-top:5px;
	padding-left:40px;
	margin-left:30px;
	margin-top:-20px;
}

.caseStudyContainer{
	margin-top:30px;


}

.siteVideo{
	margin-left:20px;
	float:left;
}

.verySmallInput{
	font-size:11px;
	width:30px;
	margin-top:-4px;
}

div.homeInfo {
	
	color:#FFFFFF; 
	margin:10px; 
	padding-top:10px; padding-bottom:10px; padding-left:10px; padding-right:10px; font-size:18px;	
	margin-left:10px; margin-right:10px; margin-bottom:20px;
	
	text-align:center;
	
    -webkit-border-radius: 8px;
    -webkit-box-shadow: rgba(0,0,0,.7) 1px 10px 7px;

}


div.homeInfo img{
	max-height:80px;
	max-width:150px;

}

div.logoImage {
	max-height:120px;
	max-width:250px;

}

div.bkgImage {
	max-height:480px;
	max-width:320px;

}


.error-message {color:#CC0000;};