body { font-family: 'Open Sans', sans-serif;font-weight: 400;word-wrap: break-word;}
input, select, textarea { font-family: Helvetica,Arial,sans-serif; color: #111; background-color: #fff; }

a { color: #5C97BF; }
a:hover { color: #5C97BF; text-decoration: none; }
.darkest-bg a:hover, .dark-bg a:hover { color: #ffffff; }

.centered { text-align: center; }
.clear-both { clear: both; }

.darkest-bg { background-color: #252525; color: #fff; }
.mid-bg { background-color: #414141; color: #989898; }
.dark-bg { background-color: #2D2D2D; color: #818181; }
.light-bg { background-color: #3A3A3A; color: #fff; }
.lighter-bg { background-color: #8D8D8D; color: #fff;}
.lightest-bg { background-color: #efefef; }
.color-bg { background-color: #5C97BF; color: #fff;}
.color-fg { color: #5C97BF; }
.hover-bg { background-color: #595959; }

.unread { background-color: #FBC8C8!important; }

img.smiley { height: 18px; }

.dark-heading { background-color: #252525; color: #5C97BF; margin: 20px 0 0 0;padding: 12px;font-size: 22px;}

button, .button { background-color: #5C97BF; color: #fff; border: none; padding: 10px; height: 40px; border-radius: 0; }

.left-padd { padding-left: 15px; }
    	
.modal-header { background-color: #f00; border-radius: 4px 4px 0 0; background-color: #2D2D2D; color: #5C97BF; }
.modal-header h3 { margin: 0; }
.modal-header .close { margin-top: -6px; color: #5C97BF; opacity: 1; text-shadow: none; font-size: 26px; }  
.modal-footer { background-color: #F5F5F5;border-radius: 0 0 4px 4px;padding: 10px 15px; }    	
.modal-body label { font-weight: normal; }
.modal-body input { width: 100%; padding: 5px; margin-top: 10px;}

.errors { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; padding: 5px 0 5px 0; margin: 0; }
.errors h3 { margin: 10px; }

.form-table { width: 100%; }
.form-table input { width: 100%; height: 30px; line-height: 20px; font-size: 20px; padding: 5px 10px; margin-bottom: 10px; }
.form-table textarea { width: 100%;  line-height: 20px; font-size: 20px; padding: 5px 10px; margin-bottom: 10px; }
.form-table label { text-align: right; width: 88%; font-weight: normal; }
 	
.pagination { margin: 0px; }
.pagination a, .pagination a:hover { background-color: #5C97BF!important; color: #fff!important; border-radius: 0!important; padding: 9px 15px!important;}
.pagination > li > a, .pagination > li > a:hover { border-width: 0 0 0 1px!important; border-color: #414141!important; border-style: solid!important; }
.pagination .disabled a, .pagination .disabled a:hover { background-color: #393939!important; color: #707070!important; cursor: default!important;}
.pagination .active a, .pagination .active a:hover { background-color: #3C6784 !important; }
.page-link-bar { margin-bottom: 2px;padding: 0;font-size: 12px;font-weight: bold;text-transform: uppercase; height: 35px; }
.page-links-right { float: right; }

#main-menu-container { }
.navbar { margin-bottom:0; border-radius: 0; background-color: #5C97BF; min-height: 40px; }
.navbar-brand, .navbar-brand:hover { color: #5C97BF; padding: 8px 0px; height: 40px; font-size: 20px; }
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
.navbar-nav > li > a, .navbar-nav > li > a:hover { background-color: #5C97BF!important; color: #fff!important; }
.navbar-toggle { margin-top: 2px; margin-bottom: 2px; }
.navbar-toggle .fa-bars { font-size: 23px; text-shadow: 1px 1px #333; }
#main-menu a { height: 40px; padding: 10px 20px; display: block; float: left; width: 100%; color: #5C97BF; }
#social-bookmarks { float: right; margin-right: 10px; margin-top: 10px; }
#social-bookmarks .addthis_20x20_style .at_flat_counter { height: 20px!important; }
#navbar-brand-mobile, #navbar-brand-mobile:hover { color: #fff!important; width: auto!important; background-color: transparent!important; }
#mobile-login-menu  { margin: 0; }
#mobile-login-menu a { width: 49%; text-align: center; }

#login-error-bar { text-align: center; z-index: 19; }

#top-header .open .dropdown-toggle { border-right: 1px solid #3a3a3a; }
#login-box { background-color: #5C97BF;color: #fff;padding: 15px 25px 25px 25px; border: 1px solid #3a3a3a; border-top: 0; border-radius: 0; }
#login-box label { font-weight: normal; }
#login-box input { width: 236px;border-color: #FFF;border: none;padding: 5px;margin-bottom: 5px; color: #2D2D2D; }
#login-box button { background-color: #3a3a3a; color: #fff; border-radius: 0; float: right; font-size: 13px}
#login-box .btn { font-size: 13px; }
#forgotten_password a { color:#fff; font-size: 11px; }

#footer-div { padding: 10px 0 35px 0; text-align: center; }
#footer-div a, #footer-div a:hover { color: #457596; display: block; clear: both; font-size: 15px; line-height: 24px; text-decoration: none; }
.footer_break { clear: both; margin: 0px 2px 15px; }
#copyright-div { padding: 11px 0; font-size: 12px; }
#copyright-div a, #copyright-div a:hover { color: #fff; }

#h1-title { color: #5C97BF; text-align: center; margin-top: 50px; }
.index-text { color: #6F6F6F;font-size: 16px !important;line-height: 27px; text-align: justify; margin: 30px 0;}
.index-blue { background-color: #5C97BF;clear: both;color: #fff; text-align: center; }
.index-blue p { text-align: justify; font-size: 14px; padding: 0 20px;  }
.index-blue h2 { margin: 40px 0; }
.index-blue h3 { margin: 20px 0; }

.top-margin { margin-top: 10px; }

#signup-form-container { height: 500px; color: #fff; }
#signup-form { padding: 0 20px; }
#signup-heading { text-align: center; margin-top: 50px; margin-bottom: 50px; font-weight: 600; }
#signup-form input { border: none; border-width: 0; width: 100%; height: 30px; line-height: 20px; font-size: 20px; padding: 5px 10px; margin-bottom: 10px; }
#signup-form label { margin-top: 5px; text-align: right; width: 88%; font-weight: normal; }
#signup-button { width: 130px;float: right;margin: 30px 0 20px 0;}
#terms_home_div { text-align: right;padding-top: 30px;font-size: 12px; }
#terms {  -ms-transform: scale(1.5); -moz-transform: scale(1.5);  -webkit-transform: scale(1.5); -o-transform: scale(1.5);  padding: 10px; }
#forgotten_password_link { margin: 45px 0px 0 20px; }

.fb-login i {
	margin-right: 5px;
}
    	
.block-heading { margin-top: 10px; margin-bottom: 10px; }
.block-heading h2 { padding: 15px;line-height: 20px;font-size: 15px;font-weight: 600;margin: 0; }
.block-link-right { text-align: center;padding: 15px 20px; line-height: 20px;font-size: 15px;font-weight: 600;margin: 0; display: block; float: right; color: #fff; border-left: 1px solid #fff; }
.block-link-right:hover { color: #5C97BF; }

.visitor img { width: 84%; margin-top: 7px; }

.welcome-img-link { border: none;position: relative;display: block; height: 280px; z-index: 100; }
.welcome-img-link img { z-index: 100; }
.welcome { position: absolute;bottom: 0;left: 0;padding: 10px;color: #fff;z-index: 10;width: 100%;opacity: 0.8;text-align: center; }
.welcome-row { max-height: 280px; overflow: hidden; }
.welcome-mobile  { padding: 10px;color: #fff;width: 100%;text-align: center; }

.home-viewed-link { float: right;margin-right: 10px; }
.home-viewed-text { padding-left: 10px; }

#online-container .online { color: #B4B4B4; background-color: #252525; margin-bottom: 5px; margin-left: 2px; margin-right: 2px; cursor: pointer; width: 98%; }
#online-container .image img { width: 100%; }
#online-container .nickname { height: 20px;overflow: hidden; }
#online-container .female .nickname, .female-fg  { color: #DE879E; }
#online-container .male .nickname, .male-fg { color: #508CC0; }
.online .info { padding: 8px 8px 5px 8px; }
.online .location { font-size: 12px; color: #fff; height: 34px; overflow: hidden;}
.online .datetime { font-size: 11px; }	

.message-item { padding: 10px; margin-bottom: 1px; }
#message_reply { padding: 10px; margin-bottom: 40px; }	
.message-username, .message-username a { color: #5D5D5D; text-transform: uppercase; font-weight: bold; font-size: 12px; }
.message-subject { color: #5C97BF; font-size: 18px; }
.message-date { color: #3A3A3A; font-size: 12px; }
.message-info-container { margin-top: 21px; margin-left: 105px; }
.message-link { display: block; width: 100%; }

#new_message_form { margin-top: 10px; margin-bottom 40px; }
#new_message_form .row { margin-bottom: 10px; }

#profile_form { margin-top: 10px; padding: 40px; }
#profile_form input, #profile_form select, #profile_form textarea { padding: 10px; margin-bottom: 5px; }
#profile_form label { text-align: right; margin-top: 10px; padding-right: 28px; width: 100%; }
#profile_form #about { height: 200px; width: 100%; }
#profile_form #county, #profile_form #country, #profile_form #nickname { width: 98%; }
.profile-small-select { width: 135px; }

.friend-delete { display: block; width: 100%; background-color: #B95B5B; color: #fff;  padding: 8px;  font-size: 12px; }
.friend-accept { display: block; width: 49%; background-color: #42A15B; color: #fff;  padding: 8px;  font-size: 12px; float: right; }
.friend-reject { display: block; width: 49%; background-color: #B95B5B; color: #fff;  padding: 8px;  font-size: 12px; float: left; }
.friend-delete:hover, .friend-accept:hover,  .friend-reject:hover { color: #fff; }

#forum_right_container { padding-left: 30px; } 
#forum_right_container h3 { margin: 0px;font-size: 12px;font-weight: bold;color: #ccc;padding: 11px 15px;}
#latest_posts { margin: 0; padding:0; list-style: none;}
#latest_posts li { padding: 10px;list-style: none;margin-bottom: 1px; }
.latest_post_item { background-color: #EEE; font-weight: bold; font-size: 12px; }
.latest_post_item .small_grey { font-size: 11px; padding: 0px; margin: 5px 0 0 0; color: #515151; font-weight: normal; }

.forum_post { width: 100%; margin-bottom: 15px; }
.forum_post_img_td { box-sizing: content-box; width: 110px; }
.forum_post_img { width: 100%; }
.forum_page_button { color: #FFF;text-decoration: none;display: block;background-color: #5C97BF;float: right;padding: 11px 0 10px 0; font-size:10px; width: 152px; text-align: center; }
.forum_page_button:hover { color: #fff;}
.page-link-bar { margin-bottom: 13px; }

h1.photos_h1 { color: #111;font-size: 24px;margin: 20px 0;}
#photos-container { text-align: center; margin-left: auto;  margin-right: auto; }
.photo_inner { text-align: center; padding-bottom: 20px; vertical-align: top; float: left; }

.left_bubble {
	box-sizing: content-box;
	vertical-align: top;
	position: relative;
	background-color: #eee;
	padding: 10px;
	min-height: 91px;
}

.arrow_left {
	top: 50%;
	left: -22px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	position: absolute;
	border-width: 11px;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-right-color: #eee;
}


.forum_post_comments {
	width: 67px;
	vertical-align: middle;
	text-align: center;
	padding-left: 30px;
	float: right;
	box-sizing: content-box;
}

.forum_post_comments .well {
	width: 45px;
	text-align: center;
	float: right;
	margin-bottom: 0px;
	padding: 25px 10px;
	box-sizing: content-box;
	background-color: #E4E4E4;
	border: 1px solid #DBDBDB;
}

#comment_text { width: 100%;height: 150px;margin-bottom: 5px;}
#comment_submit { width: 140px;float: right;}

#forum_warning { clear: both;background-color: #fff;border-radius: 0px;text-align:  center;margin-bottom: 14px;border: 3px solid #f00; }
#forum_warning a { padding: 6px 0;display:  block;color: #f00; text-decoration: underline; }

.forum_post_comments_mobile { display: none; position: absolute;left:0;bottom:-20px;height: 20px;background-color: rgba(0,0,0,0.7);width: 100%;font-size: 12px;height: 20px;}

#top-ad-outer { background-color: #eee; }
#top-ad-outer-mobile { padding: 10px 0 5px 0; }
#top-ad-container { padding: 10px 0; width: 100%; }
.responsive-ad-square { width: 336px; }
#home_ad_margin, #home_viewed_container { margin-right: 341px; }
#home_ad_container { position: absolute;top:0; right:0; z-index: 10; border-left: 5px solid #fff;}
#home_ad_mobile, #home_ad_mobile .responsive-ad-horizontal { height: 0; width: 0; overflow: hidden; }
#account-welcome-container { padding-left: 5px; }
#my-visitors { color: #818181;height: 240px; }

#bottom_ad_mobile { width: 100%; padding: 10px 0; }
#bottom_ad_mobile .responsive-ad-horizontal { width: 100%; }

#online-container .image { height: 190px; }

#forum-button-mobile { width: 95%;margin:0; float: right; padding: 3px 20px;vertical-align: middle; }

.admin-link { color:#fff; }
.navbar-nav > li > a.inbox-new-message { color: #f00!important; }

#top-ad-container-mobile, #home_ad_mobile, #responsive-ad-mobile, #responsive-ad-mobile-bottom  { height: 0!important; width: 0!important; } 
#top-ad-container-mobile .responsive-top-ins, #home_ad_mobile .responsive-top-ins, #responsive-ad-mobile .new-responsive-ins, #responsive-ad-mobile-bottom .new-responsive-ins { display: none!important; }
	
.ng-ad-728 { text-align: center; }	
.ng-ad-468, .ng-ad-234 { display: none; text-align: center; margin-top: 10px; }
#top-ad-container-mobile .ng-ad-728 { display: none; }
		
/* Medium Devices, Desktops */
@media (max-width : 1199px) {
	.responsive-ad-square { width: 300px; }
	#home_ad_container .responsive-ad-square { width: 336px; }
	#online-container .image { height: 154px;}
}
		
 /* Small Devices, Tablets */
@media (max-width : 991px) {
	#main-menu a { padding: 10px 15px; }
	#online-container .image { height: 177px;}
	#home_ad_margin, #home_viewed_container { margin-right: 0; }
	#home_ad_container .responsive-ad-square { width: 0; height:0; overflow: hidden; }
	#home_ad_mobile { width: 100%; padding: 10px 0; height: auto; }
	#home_ad_mobile .responsive-ad-horizontal { width: 100%; height: auto; }
	#profile_form label { text-align: left; }
	#forum_left_container { padding-right: 0px; } 
	#forum_right_container { padding-left: 0px; }
	#forum_warning { font-size: 13px; padding: 2px 0 1px 0; }
	#signup-heading { padding-top: 15px;padding-bottom: 15px;font-weight: normal;font-size: 20px; margin: 0; }
	#signup-form label { text-align: left; }
	#terms_home_div { padding-top: 0px; }
	#forgotten_password_link { margin-top: 24px; font-size: 13px; }
	#signup-button { margin-top: 13px; }
	.index-blue h3 { text-align: left; margin-left: 17px; }
	.align-right { text-align: right!important; }
}

/* Small Devices, Tablets */
@media (max-width : 767px) {
	
	h1 { font-size: 30px; }
	.mobile-padding { padding: 0 15px; }
	
	img.rounded-mobile { border-radius: 50%; }
	
	#online-container .image { height: auto;}
	
	#nav-brand-main { margin-left: 17px; }
	#main-menu a { color: #fff; }
	#main-menu a:hover { background-color: #397198; }
	#h1-title { font-size: 26px; }
	#login-box { border: none; }
	#login-box input { clear: both;display: block;width: 100%;}
	#login-box button { margin-bottom: 24px; }
	#login-box a { text-align: left!important; width: auto!important; padding: 8px 0; }
	#login-error-bar { padding-left: 10px; padding-right: 10px; }
	#login-body { overflow-x: hidden; width: 100%; }
	#signup-image-col { position: relative; }
	#mobile-heading-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-color: rgba(255,255,255, 0.2); }
	#mobile-heading-text { position: absolute; bottom: 40px; text-align: center; font-size: 24px; text-shadow: 1px 1px #111; width: 100%; }
	.index-text p, .index-blue p { padding: 0 20px!important; }
	.index-blue p, .index-blue h3 { text-align: center!important; }
	#copyright-div { padding-left: 20px; }
	
	#forgotten_password_link  { margin-left: 0!important; }
	
	#signup_form { margin-right: 15px; margin-left: 15px; }
	#signup-terms { padding: 10px 0; }
	#signup-terms #terms { margin-left: 15px; }
	.errors h3 { font-size: 15px; }
	
	.home-viewed-link { margin-right: 5px; }
	.home-viewed-text { margin-left: 5px; }
	
	#account-welcome-container { padding-left :0; }
	#my-visitors { height: auto; padding-bottom: 10px; }
	
	.message-info-container { margin-top: 15px; }
	.message-subject { font-size: 15px; }
	
	#profile-links a { border-left: 0px solid #fff!important; }
	
	#profile_form { padding: 20px; }
	
	#forum-button-mobile-container { margin: 0 10px; }
	#forum-button-mobile { width: 100%;margin: 0 0 10px 0; padding: 3px 20px;vertical-align: middle; }
	
	.welcome-row { max-height: none; overflow: visible; }
	
	.dropdown-menu>li>a { padding-left: 35px!important; }
	
	.page-link-bar { font-weight: normal; }
	.forum_page_button { width: 128px; padding: 10px 0 10px 0; font-size: 11px; }
	.forum_post_img_td { width: 65px; vertical-align: middle!important; padding-left: 5px; }
	.forum_post_img { border-radius: 50%; }
	.forum_post_comments_mobile { background-color: transparent; bottom: -26px; font-size: 14px; }
	
	#top-ad-container .responsive-ad-horizontal, #top-ad-container { height:0!important; width: 0!important; overflow: hidden!important; padding: 0!important; }
	#top-ad-container .responsive-top-ins { display: none!important; }
	
	#top-ad-container-mobile .responsive-top-ins, #responsive-ad-mobile .new-responsive-ins, #responsive-ad-mobile-bottom .new-responsive-ins { display: block!important; }
	#top-ad-container-mobile, #home_ad_mobile, #home_ad_mobile, #responsive-ad-mobile, #responsive-ad-mobile-bottom { display: block!important; width: 100%!important; height: auto!important; }
	
	.dark-heading { margin: 0px; }
	
	.ng-ad-728 { display: none; }
}

@media (min-width: 475px) and (max-width: 767px) {
	.ng-ad-468 { display: block; }
}
@media (min-width: 240px) and (max-width: 474px) {
	.ng-ad-234 { display: block; }
}