/* (c) 2010 M+R Strategic Services */

body,p,div,blockquote,h1,h2,h3,h4,h5,h6,table,tbody,thead,tr,td,th,input,ul,li {
	margin:0;
	padding:0;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

body {
	background-color: #a3a3a3;
}

hr {
	width:85%;
	border:0;
	border-bottom:1px solid #ddd;
	margin:25px auto 0;
}


#page {	
	background: url("/shared/img/body-bg.jpg") repeat-x top left;
}

.centering-frame {
	width:900px;
	margin:0 auto;
}

#network-graphic {
	background: url("/socialmedia/img/network-graphic.jpg");
	height:107px;
	width:344px;
	float:right;
	margin:5px 30px 0 0;
}

#logo-area {
	padding:20px 0 0 0;	
}

	#logo-area a img {
		border:0;
	}

#main-title {	
	height:130px;
	width:910px;
	background: url("/socialmedia/img/site-title.gif") no-repeat 0 20px;
}

	#main-title img{
		float:left;
	}
	
ul#nav {	
	float:right;
	margin:20px 0 0 0;
}

	ul#nav li {
		float:left;
		list-style:none;
	}

	ul#nav li a {
		display:block;
		height:42px; 
		background-position: 0 -42px; 
		background-repeat:no-repeat;
	}
	
	ul#nav li a:hover, ul#nav li a.on { background-position: 0 0; }	 
	
	ul#nav li#introduction a { background-image: url("/socialmedia/img/nav/introduction_full.jpg");	width:123px; }
	ul#nav li#key-findings a { background-image: url("/socialmedia/img/nav/key_findings_full.jpg");	width:116px; }
	ul#nav li#facebook a { background-image: url("/socialmedia/img/nav/facebook_full.jpg");	width:99px; }
	ul#nav li#twitter a { background-image: url("/socialmedia/img/nav/twitter_full.jpg");	width:74px; }
	ul#nav li#appendices a { background-image: url("/socialmedia/img/nav/appendices_full.jpg");	width:117px; }

#header {
	background: url("/shared/img/header-bg.jpg") repeat-x;
	height: 45px;
}

	#header #sign-up {
		float:left;
		height: 40px;
	}
	
#sign-up-button {
	display:block;
	float:left;
	background-color:#d6e3ca;		
	height:21px;		
	text-decoration:none;
	margin:7px 0px 0 10px ;
}

	#sign-up-button .text {
		float:left;		
		padding:3px 4px;
		font-style:italic;
		font-size:.7em;
		color:#0e3454;
		font-weight:bold;		
		text-decoration:none;
	}
	
	#sign-up-button .text:hover {
		color:#40739f;
	}
	
	#sign-up-button .left-side {
		background: url("/shared/img/signup-button-left.jpg") no-repeat 0 0;
		height:21px;
		width:2px;
		float:left;
	}
	
	#sign-up-button .right-side {
		background: url("/shared/img/signup-button-right.jpg") no-repeat 0 0;
		height:21px;
		width:2px;
		float:left;
	}
	
	#sign-up-thanks {
		padding: 10px 0;
		font-weight:bold;
		color:#fff;
		font-size:.9em;
		display:none;
		float:left;
	}

#learn-more-mrss {
	display:block;
	float:right;
	margin:5px 0;
}
	
	#learn-more-mrss img {
		border:0;
	}
	
#signup-textbox {
	float:left;
	margin: 7px 0 0 0;
	font-size:.7em;	
	height: 16px;
}

#new-stats-text {
	float:left;
	margin:13px 0 0 15px;
}

#content {
	width: 910px;
	margin-bottom:30px;
}

	#content #content-border-top {
		height:11px;
		width:910px;
		background: url("/shared/img/content-border-top.jpg") no-repeat 0 0;
	}
	
	#content #body {
		border-left: 5px solid #ecf3e5;
		border-right: 5px solid #ecf3e5;		
		background-color: #ffffff;
	}	
		
		#content #body #homepage-text {
			height:500px;
			background: url("/socialmedia/img/tape_measure_homepage.jpg") no-repeat bottom left;
		}
		
		#content #body #inner-page-text {
			background: url("/socialmedia/img/inner-tape-measure-bg.jpg") no-repeat bottom right;
		}
	
	#content #footer {
		width:900px;
		background: url("/shared/img/footer-bg.jpg") repeat-x 0 0;
		border-left: 5px solid #ecf3e5;
		border-right: 5px solid #ecf3e5;
		height:66px;
	}
	
		#content #footer p {
			font-size: .65em;
			text-align:right;
			padding: 20px 15px 5px 0;
		}
		
			#content #footer p a	{
				color:#0e3454;
				text-decoration:none;				
			}
			
			#content #footer p a:hover {			
				text-decoration:underline;				
			}
			
		#content #footer p.copyright {
			color:#999;
			font-size:.6em;
			padding: 5px 15px 20px 0;
		}
	
	#content #content-border-bottom {
		background: url("/shared/img/content-border-bottom.gif") no-repeat 0 0;
		height: 11px;
		width:910px;
	}

	#content #body #homepage-left {
		width:475px;
		float:left;
	}
	
	#content #body #homepage-right {
		width:400px;
		float:right;
	}
	
	#content #body #inner-page-text #content-nav {
		float:right;
		margin: 5px 15px 0 0;
	}
	
	#content #body #inner-page-text #content-nav a.button-sm {
		float:left;
		display:block;
		text-decoration:none;
		margin-left:10px;
	}
	
	#content #body #inner-page-text #content-nav a.button-sm .left-side {
		background: url("/shared/img/content-nav-small-left.jpg") no-repeat 0 0;
		width: 5px;
		height:25px;
		float:left;
	}
	
	#content #body #inner-page-text #content-nav .button-sm .right-side {
		background: url("/shared/img/content-nav-small-right.jpg") no-repeat 0 0;
		width: 5px;
		height:25px;
		float:left;
	}
	
	#content #body #inner-page-text #content-nav a.button-sm .button-text {
		background-color: #f8faf6;
		border-top: #d5e8ec 1px solid;
		border-bottom: #d5e8ec 1px solid;
		height:23px;
		float:left;		
	}
	
		#content #body #inner-page-text #content-nav a.button-sm .button-text .label {			
			color:#4597a6;			
			float:left;
			font-size:.8em;
			font-weight:bold;
			padding:3px 2px;
		}
		
		#content #body #inner-page-text #content-nav a.button-sm .button-text .label .highlight {
			color:#0e3454;
		}
		
		#content #body #inner-page-text #content-nav a.button-sm .button-text .label:hover {			
			color:#8fc8d3;
		}
		
	#content #body a.button {		
		display:block;
		text-decoration:none;
	}
	
	#content #body .float-left {
		float:left;
	}
	
	#content #body .float-right {
		float:right;
	}
	
	#content #body a.button .left-side {
		background: url("/shared/img/content-nav-big-left.jpg") no-repeat 0 0;
		width: 7px;
		height:35px;
		float:left;
	}
	
	#content #body a.button .right-side {
		background: url("/shared/img/content-nav-big-right.jpg") no-repeat 0 0;
		width: 7px;
		height:35px;
		float:left;
	}
	
	#content #body a.button .button-text {
		background-color: #f8faf6;
		border-top: #d5e8ec 1px solid;
		border-bottom: #d5e8ec 1px solid;
		height:33px;
		float:left;		
	}
	
		#content #body a.button .button-text .label {			
			color:#4597a6;			
			float:left;
			font-size:1em;
			font-weight:bold;
			padding:6px 2px;
		}
		
		#content #body a.button .button-text .label .highlight {
			color:#0e3454;
		}
		
		#content #body a.button .button-text .label:hover {			
			color:#8fc8d3;
		}

	#content #body #inner-page-text .content-nav-big {
		margin:15px 25px 5px;
		height:35px;
	}	
	
	#content #body .text ul.toc {
		width:250px;
		border: 1px solid #ddd;
		padding:10px 5px 5px 5px;
		margin: 0 15px 15px 30px;
		float:right;
	}
	
		#content #body .text ul.toc li {
			margin-left: 30px;
			padding: 0 0 3px 0;
			font-size:.8em;
		}
	
		#content #body .text ul.toc li a {
			color:#4597a6;
			text-decoration:none;			
		}
		
		#content #body .text ul.toc li a:hover {
			text-decoration:underline;
			background-color:#fff;
			color:#4597a6;
		}
		
	.add-buffer-for-toc {
		width: 700px;
	}
	
	#content #body .text blockquote {
		padding: 5px 20px;
	}
	
	#content #body .text p {
		font-size: .8em;
		line-height:1.65em;
		padding: 0 30px 1em;
	}
	
	#content #body .text p a,
	#content #body .text ul li a,
	#content #body .text ol li a,
	.required a {
		color:#4597a6;
		text-decoration:none;
	}
	
	#content #body .text p a:hover, 
	#content #body .text ul li a:hover,
	#content #body .text ol li a:hover,
	.required a:hover {
		color:#fff;
		text-decoration:underline;
		background-color:#8fc8d3;
	}
	
	#content #body .text h1 {
		font-size:2.25em;
		color:#4597a6;
		font-weight:normal;
		padding:10px 20px;
	}
	
	#content #body .text .pullquote {
		font-size:2.5em;
		font-style:italic;
		font-weight:normal;		
		color:#dbdbdb;
		width:550px;
		padding: 30px 0 20px 15px;
	}
	
	#content #body .text h2 {
		font-size:1.25em;
		color:#444;
		font-weight:bold;
		padding: 10px 22px;
	}
	
	#content #body #homepage-text h2 {
		line-height:1.75em;
		color:#888;
		padding: 15px 0 5px 15px;
		font-size: 1.1em;
	}
	
	#content #body .text h3 {
		font-size:1em;
		color:#0e3454;
		font-weight:bold;
		padding:10px 30px 5px;
	}
	
	#content #body .text h6 {
		font-size: .9em;
		color:#333;
		line-height:2em;
		padding: 10px 15px 0;
		font-weight:normal;
	}
	
	#content #body .text li {
		list-style: url("/socialmedia/img/network-bullet.jpg");
		font-size: .8em;
		line-height:1.65em;
		padding: 0 10px 1em;
		margin-left:50px;
	}
	
	#content #body .text ul {
		margin: 15px 20px 0;		
	}
	
	#content #body .text .sidenote {
		border:1px solid #bbb;
		background-color:#ddd;
		width:800px;
		margin: 20px 40px 10px 40px;		
	}	
	
	#content #body .text .table-frame {
	
	}
	
	#content #body .text fieldset {
		margin: 5px 0;
		border: 0;
		width:50%;
		text-align:left;
	}
	
	#content #body .text fieldset legend{		
		font-weight:bold;
		color:#4597a6;
		font-size:1em;		
	}	
	
	#content #body .text fieldset table {
		margin: 10px auto;
	}
	
	#content #body .text fieldset thead th {
		background-color: #698296;
		font-size: .8em;
		padding:5px 10px;
		text-align:center;
		white-space:nowrap;
		vertical-align: middle;
		color:#fff;
		font-weight:bold;
	}
	
	#content #body .text fieldset thead th.blank {
		background-color:#fff;
		border-bottom:none;
	}
	
	#content #body .text fieldset tfoot tr {
		background-color:#95acbf;
	}
	
	#content #body .text fieldset tbody tr {
		background-color:#fff;
	}
	
	#content #body .text fieldset tbody td,
	#content #body .text fieldset tfoot td {
		font-size: .8em;
		padding: 5px 10px;
		text-align:right;
		vertical-align: middle;
		border:0;
	}
	
	#content #body .text fieldset tfoot td {
		font-weight:bold;
	}
	
	#content #body .text fieldset tbody tr.alt {
		background-color:#cedae3;
	}
	
	#content #body .text fieldset tbody td.text-cell {
		text-align:left;
		white-space:nowrap;
	}
	
	#content #body .text #download-form {
		padding: 20px 20px 0 20px;
	}

	#content #body .text .form-row {
		padding: 0 0 15px 0;
	}
	
	#content #body .text .form-row label {
		font-size:.7em;
		color:#666;
		padding-left: 10px;
	}
	
	#content #body .text .checkbox-row {
		padding: 5px 30px 15px;
	}
	
.textbox {
	background: url("/shared/img/textbox-bg.jpg") repeat-x;
	height:17px;
	color:#333;
	padding:5px 3px;	
	border:2px solid #698296;
}

#info-required {
	display:none;
}

.download-button-row {
	text-align:center;	
	height:40px;
}

#download-button {
	padding: 10px 0 0 85px;
}

#download-thank-you {
	display:none;
	text-align:center;
	padding: 25px 0;
}

.required {
	color:#698296;
	line-height:normal;
	font-weight:bold;
	font-size:.7em;	
	clear:both;
}

.red { color:red; }
.green { color:green; }

.watermark { color:#999; font-style:italic; }

.inline-image {
	margin: 10px;
}