/* ==================================================
   IMPORTS
   ==================================================	*/
   @import url("http://www.forms-compassion.com/MobileExperience/assets/css/bootstrap.css");



/* ==================================================
   HELPERS
   ==================================================	*/
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.center {
	text-align: center !important;
}
.pull-left {
	float: left !important;
}
.pull-right {
	float: right !important;
}
.pull-center {
	margin-right: auto !important;
	margin-left: auto !important;
}
.serif {
	font-family: Georgia, serif !important;
}
.sans-serif {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif !important;
}
.condensed {
	font-family: "Open Sans Condensed", "Arial Narrow", sans-serif !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.lowercase {
	text-transform: lowercase !important;
}
.capitalize {
	text-transform: capitalize !important;
}
.small-caps {
	font-variant: small-caps !important;
}
.red {
	color: #DC3823 !important;
}
.blue {
	color: #13499 !important1;
}
.gray {
	color: #555 !important;
}
.light-blue {
	color: #87b3f0 !important;
}
.black {
	color: #000 !important;
}
.white {
	color: #fff !important;
}
.border {
	border: 2px solid #ccc;
}
.show {
	display: block !important;
}
.hide {
	display: none !important;
} /* Hide from all, including screen readers */
.hide-text {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
} /* Visually hide text, but allow screen readers */
.invisible {
	visibility: hidden;
} /* Hide element, but keep the flow (don't collapse space) */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
.fade {
	-webkit-transition: opacity 0.15s linear;
	-moz-transition: opacity 0.15s linear;
	-ms-transition: opacity 0.15s linear;
	-o-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
	opacity: 0;
}
.fade.in {
	opacity: 1;
}

.testimonial-widget {
                  float:right;
}

/* ==================================================
   BOOTSTRAP OVERRIDES
   ==================================================	*/
h1, h2, h3, h4, h5, h6 {
	line-height:1.5em;
	//clear:both;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top:-.25em;
}
.carousel-control {
	top:50%;
	opacity:.95;
	filter: alpha(opacity=95);
	text-align:center !important;
}
.carousel-control:hover {
	opacity:1;
	filter: alpha(opacity=1)
}
.carousel-control.right {
	right: -34px;
}
.carousel-control.left {
	left: -34px;
}
.row {
	margin-bottom:20px;
}
.row:last-child {
	margin-bottom:0;
}
.row:before { /* :before selector not included in bootstrap */
  clear: both;
}
blockquote[class*="span"]{
	margin-left:0;
	margin-right:0;
}
.input-prepend .add-on, .input-prepend .btn, .input-prepend .button, .input-prepend button {
	margin-right: -5px;
}
.input-append .add-on, .input-append .btn, .input-append .button, .input-append button {
	margin-left: -5px;
}
/* Commented out the font-size declaration in the p style in bootstrap.css */



/* ==================================================
   LAYOUT
   ==================================================	*/
body {
	background:url(/multimedia/cme-body-bg.jpg) no-repeat center top #134991;
	padding-bottom:40px;
}
#wrapper {
	/*background: ADD TRANSPARENT BLACK GRADIENT PNG 90px from the top and repeating x*/
	background:url(/multimedia/cme-wrapper-bg.png) 0 90px repeat-x;
	margin:0 auto;
}
.container {
	background-color:#fff;
	padding:20px;
}
div.container.nobg {
	margin-bottom:20px;
}
div.container + div.container {
	margin-top:20px;
}
div.container.nobg + div.container, div.container + div.container.nobg {
	margin-top:0px;
	margin-bottom:0px;
}
.container.nobg {
	background:transparent;
}
header {
	height:60px;
	position:relative;
	margin-bottom:40px;
}
header.container {
	padding:15px 20px;
}
header ul {
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:30px;
	left:245px;
}
header ul li {
	text-transform:uppercase;
	font-size:20px;
	float:left;
	display:block;
}
header ul li a {
	padding:10px 14px 12px;
	color:#fff !important;
	text-decoration:none;
                font-family: sans-serif;
}
header ul li a:hover, header ul li a.active {
	color:#05365E !important;
	background-color:#E6B413;
	text-decoration:none !important;
}
header .logo-cts, header .logo-compassion {
	display:inline-block;
	overflow:hidden;
                text-indent: -9999em;
}
header .logo-cts {
	width:167px;
	height:60px;
	background:url(/multimedia/logo-change-the-story.png) no-repeat 0 0;
                position:absolute;
}
header .logo-compassion {
	position:absolute;
	top:20px;
	right:20px;
	width:127px;
	height:49px;
	background:url(/multimedia/cme-logo-compassion.png) no-repeat 0 0;
}
.home-feature {
	background:url(/multimedia/smiling-girl.jpg) no-repeat 0 0;
	height:272px;
	width:880px;
	padding:40px 20px 40px 40px;
}
footer.container.nobg .secondary, footer.container.nobg .secondary a {
	color:#82B4F3;
}
footer .row {
	margin-top:60px;
}
.scroll {
	display:block;
	overflow:scroll;
}



/* ==================================================
   TYPOGRAPHY
   ==================================================	*/
.tetria{
	/* add this class to replace the the type with Tetria via Cufon */
}
.container.nobg p, .container.nobg h1, .container.nobg h3, .container.nobg h4, .container.nobg h5, .container.nobg h6, .container.nobg li {
	color:#fff;
}
.container.nobg h2 {
	font-size:20px;
	font-weight:normal;
	color:#E6B413;
}
.container.nobg a {
	font-weight:bold;
	color:#E6B413;
}
code, pre {
	padding: 2px 4px;
	color: #D14;
	background-color: #F7F7F9;
	border: 1px solid #E1E1E8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.caption small {
	clear: both;
	display: block;
	padding-top: 5px;
}
p.pull-right > img,
.caption.pull-right {
	margin-left: 10px;
	margin-bottom: 5px;
}
p.caption.pull-right > img {
	margin-left: 0;
	margin-bottom: 0;
}
p.pull-left > img,
.caption.pull-left {
	margin-right: 10px;
	margin-bottom: 5px;
}
p.caption.pull-left > img {
	margin-right: 0;
	margin-bottom: 0;
}
blockquote.pull-right {
	padding-left:20px;
}
blockquote.pull-left {
	padding-right:20px;
}
.copyright {
	font-size:12px;
}
.home-feature h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:36px;
	margin-bottom:.5em;
}
.home-feature .btn, .home-feature .button, .home-feature button {
	margin-top:.5em;
}
ul.share li {
	display:block;
	overflow:hidden;
	float:left;
	margin-right:20px;
}
ul.share li:last-child {
	margin-right:0;
}
ul.share a {
	display:block;
	overflow:hidden;
	text-indent:-9999em;
	background:url(/multimedia/cme-share-sprite.png) no-repeat;
	height:17px;
}
ul.share .facebook {
	background-position:0 0;
	width:23px;
}
ul.share.blue .facebook {
	background-position:0 -34px;
	width:23px;
}
ul.share .facebook:hover {
	background-position:0 -17px;
}
ul.share .twitter {
	background-position:-23px 0;
	width:14px;
}
ul.share.blue .twitter {
	background-position:-23px -34px;
	width:14px;
}
ul.share .twitter:hover {
	background-position:-23px -17px;
}
ul.share .email {
	background-position:-37px 0;
	width:22px;
}
ul.share.blue .email {
	background-position:-37px -34px;
	width:22px;
}
ul.share .email:hover {
	background-position:-37px -17px;
}

footer h2, footer h3, footer h4, footer h5, footer h6 {
	text-transform:uppercase;
}



/* ==================================================
   BUTTONS
   ==================================================	*/
.button, .btn,.button.yellow, .btn.yellow, button {
	display:inline-block;
	background-color:#E6B413;
	color:#05365e;
	font-weight:bold;
	font-size:30px;
	text-transform:uppercase;
	padding:13px 20px 10px;
	text-align:center;
	text-decoration:none !important;
	cursor:pointer;
	border:0;
                font-family: sans-serif;
}
.button.blue, .btn.blue {
	background-color:#134991;
	color:#fff;
}
.button.black, .btn.black {
	background-color:#222;
	color:#fff;
}
.button.gray, .btn.gray, .button.grey, .btn.grey {
	background-color:#999;
	color:#fff;
}
.button.white, .btn.white {
	background-color:#fff;
	color:#134991;
}
.button:hover, .btn:hover {
	text-decoration:none !important;
}
.button.medium, .button.md, .btn.medium, .btn.md {
	font-size:16px;
	padding:8px;
}
.button.small, .button.sm, .btn.small, .btn.sm {
	font-size:13px;
	padding:6px;
}
.button[class*="span"], .btn[class*="span"]{
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	float:none;
}
.yellow-button {
    background: #E6B413;
    padding: 15px;
    margin: 10px 0 10px 0;
    color: #153858;
    text-transform:uppercase;
}
.input-append button, .input-append .button, .input-append .btn {
	font-size:13px !important;
	padding:5px 10px;
}

@media (max-width: 999px) {
	#registerModal {
		width:950px !important;
		margin-left:-475px !important;
	}
}