@import url('reset.css');
@import url('grid.css');

body {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

.span-14 {
	width:640px;
}

#camp {
	position:absolute;
	top:45px;
	margin-left:10px;
	z-index:999;
}

#header {
	width:100%;	
	background-color:#fff;
	padding-top:9px;
	color:#fff;
	height:48px;
	overflow:hidden;
}

#header h2 {
	font-size:16px;
	font-weight:bold;
}

#header p {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
}

#header .main-ul ul  {
	list-style:none;
	list-style-type:none;
	float:right;
}

#header .menu ul li {
	float:left;
	height:48px;
	padding-right:10px;
	background:url(../images/site/menu_inactive_right.png) no-repeat right;
	margin-left:5px;
	cursor:pointer;
}

#header .menu ul .mouseover {
	background:url(../images/site/menu_inactive_right.png) no-repeat right;	
}

#header .menu ul li .holder  a{
	color:#009ee0;
	text-decoration:none;
}

#header .menu ul .mouseover .holder  a{
	color:#fff;
	text-decoration:none;
}

#header .menu ul .active .holder a {
	color:#fff;
	text-decoration:none;
}

#header .menu ul li .holder {
	padding-top:5px;
	height:43px;
	padding-left:15px;
	color:#009ee0;
	background:url(../images/site/menu_inactive_left.png) no-repeat left;
}

#header .menu ul .mouseover .holder{
	background:url(../images/site/menu_inactive_left.png) no-repeat left;
	color:#fff;
}

#header .menu ul .active {
	background:url(../images/site/menu_active_right.png) no-repeat right;
	color:#fff;
}

#header .menu ul .active .holder{
	background:url(../images/site/menu_active_left.png) no-repeat left;
	color:#fff;
}



#header .menu ul li div {
	float:left;
	margin-right:10px;
}

#header .menu ul li div img{
	margin-top:12px;
}

#spacer-header {
	width:100%;
	height:8px;
	background:url(../images/site/spacer_top.png) repeat-x;
	overflow:hidden;
}

#spacer-bottom {
	width:100%;
	height:10px;
	background:url(../images/site/spacer_bottom.png) repeat-x;
	overflow:hidden;
}

#grid-static {
	background:url(../images/site/static_grid_bg.png) repeat-x center;
	width:100%;
	height:260px;	
}

#grid-global {
	background:url(../images/site/grid.png) repeat-x center;
	width:100%;
	height:419px;
}

#grid-local {
	background:url(../images/site/grid_local.png) repeat-x center;
	width:100%;
	height:327px;
}


#grid-local .container {
	width:988px;
}

#grid-local .shadow-left {
	float:left;
	background:url(../images/site/local_grid_shadow_left.png) no-repeat;
	height:327px;
	width:14px;
}


#grid-local .shadow-right {
	float:left;
	background:url(../images/site/local_grid_shadow_right.png) no-repeat;
	height:327px;
	width:14px;
}

#grid-global .container {
	width:980px;
}

#grid-local .gallery {
	float:left;
	width:684px;
}
#grid-local .become-friend {
	float:left;
	width:274px;
	height:327px;
	overflow:hidden;

}


#grid-global .flash {
	float:left;
	width:691px;
	height:419px;
	text-align:right;
}

#grid-global .become-friend {
	float:left;
	background:transparent url(../images/site/become_friend_bg_plate.png) no-repeat;
	width:285px;
	height:400px;
}

#country-menu {
	width:604px;
	height:294px;
	padding:15px;
	position:absolute;
	background-color:#009ee0;
	border:3px solid #5cc5ed;
	top:57px;
	/*margin-left:-131px;*/
	z-index:9999;
	left:0px;
}


#header .menu #country-menu div{
	float:left;	
	width:120px;
	margin:0px;
}



#header .menu #country-menu ul, #header .menu #country-menu ul li{
	float:none;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
	line-height:1em;
	background:none;
	height:auto;
	cursor:auto;
}

#header .menu #country-menu ul li a{
	text-decoration:none;
	color:#fff;
	font-size:11px;
	margin:0px;
}

.become-friend-caption {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0;
	margin-top:0;
	padding-bottom:0;
	padding-top:2px;
}

.signup input, .signup select{
	width:240px;
	margin:0px;
}

span.req {
	display:inline !important;	
	color:#585858;
}

.expand-country h2 {
	text-transform:uppercase;
	
}

.expand-country .holder {
	min-width:150px; 	
}

.required {
	font-size:11px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	color:#585858;
}

input.reqf, select.reqf {
	border:2px solid #28ACE2;		
}
/*
.local-signup span.name {
	margin-top:20px;	
}
*/
.signup .phonec {
	width:137px;	
}

.signup span {
	display:block;	
}

.signup .phone-container {
	float:left;
	height:50px;
}

.signup .button-container {
	float:left;
	padding-top:15px;
	margin-left:3px;
}

.signup {
	width:250px;
	margin-top:5px;
	margin-left:15px;
}

.signup .text {
	height:180px;
}


.signup h3 {
	margin-bottom:5px;
}


.happy .happy-moment {
	width:290px;
	margin-left:0px;
	min-height:185px;
	overflow:hidden;
}

.happy .happy-moment input {
	width:286px;
}

.happy .happy-moment textarea{
	width:286px;
	height:126px;
}

.happy .happy-moment .phonec {
	width:184px;	
}

.happy .happy-moment .become-friend-caption {
  color:#fff;	
}

.happy .happy-moment .thank-you {
	height:149px;
	width:294px;
	
}

.happy .happy-moment .anotherMomentBtn {
	float:right;
	margin-right:10px;
}

#textarea_count {
	font-size:12px;	
}

.green-light-bg .happy-text {
	min-height:134px;	
}

.addthis_button{
	float:left;	
}

.happy .step1 .button-container {
	float:right;
	padding-top:0px;
	margin-top:0px;
}

.local-signup .text-thankyou {
	height:254px;
}

.bar {
	background:#98c679;
	width:278px;
	height:25px;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
}

.bar p {
	font-size:10px;	
}

.bar img {
	margin-right:5px;	
}

.static-donation-box {
	padding-left:15px;
	padding-top:15px !important;
	width:302px !important;
	width:275px;
	height:515px;
	overflow:hidden;
	line-height:30px;
	background:transparent url(../images/site/static_donation.png) no-repeat;
}

.static-donation-box .pink-text {
	color:#f7bfbd;	
}

.static-donation-text-box {
	/*height:525px;*/
	width:600px;
	/*background:#fad5d6;*/
}

.donation {
	background: transparent url(../images/site/donation-bg.png) repeat-y;	
}

.about {
	background: transparent url(../images/site/about-bg.png) repeat-y;	
}

.static-about-box {
	padding-right:15px;
	padding-top:15px !important;
	width:302px !important;
	min-height:316px;
	text-align:right;
	line-height:30px;
	height:100%;
	background:transparent url(../images/site/static_about.png) no-repeat;
}

.static-about-box .green-text {
	color:#d0e4bf;
}

.static-about-text-box {
	min-height:291px;
	height:auto;
	/*background:#deeed5;*/

}

.static-error-text-box {
	min-height:120px;
	background:#d4edfa;
}

.static-error-box {
	height:160px;
	background:#76b856;
}

.static-about-box, .static-donation-box, .static-error-box {
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
}

.static-about-text-box, .static-donation-text-box, .static-error-text-box {
	padding:20px;
	width:600px;
}

.static-about-text-box a, .static-donation-text-box a, .static-error-text-box a {
	color:#009ee0;	
}

.static-about-text-box h3, .static-donation-text-box h3, .static-error-text-box h3 {
	margin-bottom:15px;
}

.static-about-text-box p, .static-donation-text-box p, .static-error-text-box p {
	margin-bottom:10px;
	font-size:12px;
}

.static-donation-text-box ul, .static-donation-text-box li {
	padding:0px;
	margin:0px;
	list-style:none;
	list-style-type:none;
	font-size:12px;
}

.static-donation-text-box ul{
	margin-bottom:10px;
	margin-left:25px;
}

.static-donation-text-box .send-field input{
	width:250px;
	margin-bottom:7px;
}

.static-donation-text-box .send-field a{
	margin-left:15px;
	font-size:12px;
}

.static-donation-text-box .send-field p{
	margin:0px;
	font-size:13px;
	font-weight:bold;
}

.static-donation-text-box .send-hug {
	height:227px;	
	overflow:hidden;
}

.static-donation-text-box .send-hug img {
	cursor:pointer;
}

.send-another-text {
	float:left;
	margin-right:15px;
	padding-top:7px;
	min-width:258px;
}

.find-friend input {
	width:240px;	
}

.find-friend div {
	padding-top:14px;
	padding-bottom:8px;
	float:left;
	
}

.local-small-box {
	width:289px;
	padding-bottom:16px;
	padding-top:16px;
	padding-left:14px;
	padding-right:14px;
	margin-bottom:3px;
	overflow:hidden;
}

.local-small-box-size {
	width:319px;
	margin-bottom:3px;
}

.send-hug-global .text {
	min-height:160px;	
}

.global-box {
	height:195px;
	width:289px;
	padding:14px;
	overflow:hidden;
	margin-right:0px !important;
}

.global-box-header {
	width:303px;
	padding-left:14px;
	padding-right:0px;
	padding-top:14px;
	padding-bottom:14px;
	height:20px;
	margin-right:0px !important;
		
}

.global-box-footer {
	height:6px;	
	margin-right:0px !important;
	overflow:hidden;
}

.global-box .bar {
	height:30px;	
}

.global-box h3 {
	margin-bottom:5px;
}

.img-left {
	float:left;	
}

/* fallback */

.fallback {
	float:left;
	width:639px;
	height:389px;
	background:url(../images/site/locale_fallback.png) no-repeat;
	margin-bottom:3px;
}


.fallback .count {
	float:right;
	margin:10px;
	width:500px;
	text-align:right;
	height:45px;
	font-size:25px;
	font-weight:bold;
}

.fallback .flag {
	float:left;
	margin:10px;
	width:39px;
}

.fallback .map {
	width:639px;
	text-align:center;
}

.fallback-pic-1 {
	float:left;
	margin-right:3px;
}

.fallback-pic-2 {
	float:left;	
}

.img-right {
	float:right;	
}

.global-box .btn {
	float:right;	
}

.bottom-space {
	margin-bottom:3px;	
}

#footer {
	text-align:right;
	margin-top:15px;
}

#footer .small-text {
	font-size:9px;
	color:#009ee0;
	margin-top:25px;
}

#footer p {
	font-size:12px;	
}

#footer a {
	color:#009ee0;	
}
#footer .spacer {
	padding-left:10px;
	padding-right:10px;
}



#listticker {
	height:200px; 
	overflow:hidden;
}

#listticker li{
	margin:0px;	
}

#listticker h3{
	font-weight:normal;
	margin:0px;
}

input {
	height:16px;
	
}

.on-focus {

	border:2px solid #000;	
}

input, textarea {
	border:2px solid #fff;
}
/* TYPO */

h3 {
	font-size:20px;
	font-weight:bold;
	line-height:1.1em;
}

p {
	font-size:11px;	
	line-height:1.45em;
}


.bar h3 {
	font-size:12px;	
}

div.btn {
	padding-left:7px;
	display:block;
	cursor:pointer;
	height:36px;
	margin-left:0px !important;
}

div.btn a {
	padding-right:7px;	
	margin:0px !important;
	display:block;
	height:26px;
	min-width:83px;
/*	overflow:auto;*/
	color:#000;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding-top:10px;

}

div.orange {
	background:url(../images/site/btn_organge_left.png) no-repeat;
}

div.pink {
	background:url(../images/site/btn_pink_left.png) no-repeat;
}

.pink a {
	background:url(../images/site/btn_pink_right.png) top right no-repeat;	
}

.orange a {
	background:url(../images/site/btn_organge_right.png) top right no-repeat;	
}


/* TEXT COLORS */

.green-text, .green-text a {
	color:#7bbb56;
}

.blue-text, .blue-text a {
	color:#28ace2;
}

.orange-text, .orange-text a {
	color:#fff;
}

.pink-text, .pink-text a {
	color:#ef4d6a;	
}

.white-text, .white-text a {
	color:#fff;	
	text-decoration:none;
}



/* BACKGROUND COLORS */


.green-light-bg {
	background:#d0e4bf;	
}


.green-bg {
	background:#deeed5;
}

.dark-green-bg {
	background:#76b856;
}


.orange-bg {
	background:#f3923d;
}


.blue-bg {
	background:#a2daf3;
}

.light-blue-bg {
	background:#d4edfa;	
}

.pink-bg {
	background:#fad5d6;
}


.dark-blue-bg {
	background:#28ace2;
}

.dark-pink-bg {
	background:#e74361;
}

.black-brown-bg {
	background:#2c302b;	
}

.bold-text {
	font-weight:bold !important;
}

/* slideshow */

#slideshow {
	width:684px;
	height:327px;
	overflow:hidden;
}


#slideshow IMG {
    position:absolute;
	display:none;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
	display:block;
}

#slideshow IMG.last-active {
    z-index:9;
	display:block;
}


/* easy slide */
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:317px;
	height:271px;
	overflow:hidden; 
	}
div#prev_btn{position:absolute; margin-left:8px; margin-top:245px; }
div#next_btn{position:absolute; margin-left:298px; margin-top:245px; }	


div#page_count{position:absolute; margin-left:290px; margin-top:130px; font-weight:bold; color:#fff; font-size:12px;}

.global-slider .header {
	position:absolute;
	margin-left:9px;
	margin-top:133px;
	width:245px;
	font-weight:bold;
	font-size:12px;
}


.local-slider #slider, .local-slider #slider li {
	height:84px;
	color:#fff;
}

.local-slider #slider li div{
	margin-top:45px;
	margin-left:35px;
	width:247px;
	font-size:12px;
	font-weight:normal;
}
.local-slider #next_btn, .local-slider #prev_btn{
	margin-top:35px;
}

.local-slider #page_count {
	margin-top:1px;	
	margin-left:295px;
}

.local-slider .header {
	position:absolute;
	margin-top:5px;
	margin-left:35px;
	width:247px;
	font-weight:bold;
	font-size:12px;
}

.happy {
	height:240px;	
}

.mostliked {
	height:258px;	
}