/********FONT COLOURS*******************
	Bright blue font: #09b0da - new: #0099C0
	Dark blue hover: #015f7c;
	Dark grey font: #464646
	Light grey font: #808080
	Watermark font lighter: #bcbcbc
	Light grey background: #f5f5f5
	Orange for dates: #f79422 new -#f47b03 newer #ea8928
	Light Orange notifications: #fff7eb
	Light grey line: #e0e0e0
***************************************/

#single-footer {
	margin: 0 auto;
	width: 1024px;

	border-top: 1px solid #e0e0e0;
}

#single-footer .copyright {
	font-size: 11px;
	clear: both;
	padding: 0 0 5px 0;
	color: #acacac;
	line-height: 14px;
}

body.single-nav {
	background-image: none;
	background-color: white;
	margin: 0;
	padding: 0;
}

body.single-nav #header {
	background: url("/Images/textureTest.png") repeat;
	border-bottom: 1px solid #C2C2C2;
	-webkit-box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.2);        
	box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.2);
}

.single-nav .centre {
	text-align: center;
}

#single-content p {
	line-height: 16px;
}

.single-nav h1 {
	font-size: 32px; 
	font-weight:bold; 
	margin:10px 0 7px 0;
	letter-spacing:-2px; 
	line-height:30px;
}

#single-container {
	background-color: white;
	min-height: 425px;
	margin: 0 20px;
}

#splashPage #single-container {
	background-color: transparent;
}

#header-content {
	margin: 0 auto;
	width: 1024px;
}

#single-content {
	margin: 0 auto;
	width: 1024px;
	margin-top: 20px;
	font-size: 14px;
}

#loginFormWrapper #serverErrorPanel {
	display: none !important;
}

#splashPage #loginFormWrapper #serverErrorPanel {
	display: block !important;
}

.single-nav .keyline {
	border-top: 1px solid #e0e0e0;
	padding-top: 6px;
}

.single-nav #category-headline h3 {
	font-size: 20px;
	margin-top: 15px;
}

.single-nav #category-list .item a {
	font-size: 13px;
	color: #777;
}

.single-nav #category-list .item strong a {
	color: #0099C0;
}

.single-nav .padbottom10 {
	padding-bottom: 10px;
}

.single-nav .padbottom20 {
	padding-bottom: 20px;
}

#login-explain {
	margin: 50px 0 0 0;
	font-size: 12px;
}

#login-explain h2 {
	font-size: 16px;
	margin-bottom: 5px;
}

#login-explain ul {
	margin-bottom: 10px;
}

button.close {
	overflow: visible;
}

.single-nav .smallBulletNav {
	margin: 0;
}

#splashPage #single-content {
	width: 960px;
}

#splashPage #category-list {
	padding-bottom: 20px;
}

@media screen and (min-width: 1180px) {
	#header-content, #single-content, #single-footer { width: 1200px; }
}

@media only screen and (max-width: 990px) {
	#header-content, #single-content, #single-footer { width: 735px; }
}

@media (max-width: 979px) and (min-width: 768px) {
	#header-content-filler { width: 735px; }
}

@media only screen and (max-width: 767px) {
	#header-content, #single-content, #single-footer { width: 360px; }
	#splashLogin, #splashSignUp, #splashForms { 
		float: none;
		margin: 10px auto;
	}

	#splashPage {
		background: url("/Images/splash/splash-mobile.jpg") top center no-repeat;
	}

	#splashPage #single-content {
		width: auto;
	}

	.splashContainer .hero-unit p {
		display: none;
	}

	.row-fluid .controls-row [class*="span"]+[class*="span"] {
		margin-left: 0;
	}
}

/*New Splash styles*/
.old_logos{width:1000px; margin:0 auto; padding:10px 0;}
.old_logos .logo_timeline{display:inline-block; width:20%; text-align:center; vertical-align:middle; margin:10px 0 0 0;}
.old_logos .logo_timeline:first-child{text-align:left;}
.old_logos .logo_timeline span{display:block; text-align:center; font-size:12px;}
header{height:auto; padding:0; background-color:#f0f0f0;}
#single-content, #single-footer{width:1000px;}
#header-content{width:1016px}
#splashLogin{background-color:#007390; color:#fff;}
#splashSignUp{background-color:#0099c0; color:#fff;}
h1.splash_h1{font-size:32px;}
#splashLogin h3, #splashSignUp h3, #splashLogin p, #splashSignUp p{color:#fff; margin-bottom:20px; padding:0;}
#splashSignUp p{font-size:12px; line-height:1.2;}
#splashLogin fieldset label.small{color:#fff; margin:0 0 15px 0;}
#splashSignUp a:link, #splashSignUp a:visited, #splashSignUp a:hover, #splashSignUp a:active, #splashLogin a:link, #splashLogin a:visited, #splashLogin a:hover, #splashLogin a:active{color:#fff;}
#splashLogin button.primaryButton.jumbo, a#splashSignupDisplayBtn:link, a#splashSignupDisplayBtn:visited, a#splashSignupDisplayBtn:hover, a#splashSignupDisplayBtn:active{color:#007390; background:#fff url(/Images/splash_new/but_bg_grad.gif) repeat-x center bottom; text-shadow:none; border:1px solid #005f77;}
#splashLogin button.primaryButton.jumbo:hover, a#splashSignupDisplayBtn:hover, a#splashSignupDisplayBtn:active{background-image:none;}
.fb-button{margin-top:15px;}
#login-explain{margin-top:30px;}
#login-explain h2{color:#0099c0; font-size:18px; font-weight:bold; border-bottom:none;}
#login-explain p{color:#464646; font-size:14px;}
.login_reunite, .login_share, .login_friends{background:url(/Images/splash_new/icon_big_reunite.gif) no-repeat left center; padding:10px 0 10px 164px; margin:0 0 45px 0;}
.login_share{background-image:url(/Images/splash_new/icon_big_share.gif); padding:35px 0 35px 164px;}
.login_friends{background-image:url(/Images/splash_new/icon_big_friends.gif); padding:21px 0 21px 164px; margin-bottom:0;}
.login_reunite p, .login_share p, .login_friends p{padding:0; margin:0;}
.splash_bottom_icons{border-top:2px solid #ddd; min-height:140px; padding:25px 0 0 0;}
.splash_bottom_icons .search_icon, .splash_bottom_icons .help_icon{float:left; width:50%;}
.splash_bottom_icons .search_icon img, .splash_bottom_icons .help_icon img{float:left;}
.splash_bottom_icons .search_icon p, .splash_bottom_icons .help_icon p{padding:27px 20px 0 0;}

@media only screen and (max-width: 990px){
	#header-content, #single-content, #single-footer{width:735px;}
	.old_logos .logo_timeline img{width:90%;}
	.login_reunite, .login_share, .login_friends{padding:2px 0 2px 164px; margin-bottom:20px;}
	.login_share{padding:25px 0 25px 164px;}
	.login_friends{padding:10px 0 10px 164px;}
	.login_reunite p, .login_share p, .login_friends p{padding-right:10px;};
}

@media only screen and (max-width: 767px){
	#header-content, #single-content, #single-footer{width:360px;}
	.old_logos .logo_timeline{width:48%; max-width:200px;}
	.old_logos .logo_timeline img{width:80%;}
	.login_reunite, .login_share, .login_friends{background-size:120px auto; padding:2px 0 2px 135px; margin-bottom:20px;}
	.login_share{padding:15px 0 15px 135px;}
	.login_friends{padding:4px 0 4px 135px;}
	.splash_bottom_icons .search_icon img, .splash_bottom_icons .help_icon img{width:90%;}
}