/* --- GENERAL --- */

/* Set page background, general font properties, and collapse all borders */

html {
	
	background-image: url('../images/background_gradient.jpg');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	font-size: small;
	border-collapse: collapse;
	
}

/* Set page container background color and dimensions */

#all_content {

	width: 896px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	
}

/* Force scrollbars in Safari and Chrome */

::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}

::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* Set color and remove underline for links */

a:link, a:visited {
	
	color: #5588BB;
	text-decoration: none;
	
}

/* Set color for link when hovering or clicking */
	
a:hover, a:active {
	
	color: #336699;
	text-decoration: underline;
	
}

/* Remove borders from linked images */

img {
	
	border: none;
	
}

/* Create container for left-side of page */

#LHS {
	
	float: left;
	width: 500px;
	padding-top: 15px;
	padding-bottom: 25px;
	
}

/* Create container for right-side of page */

#RHS {
	
	padding-top: 15px;
	padding-bottom: 25px;
	padding-left: 560px;
		
}

/* Set font style and underline for major headings */

h1 {
	
	font-style: italic;
	font-size: 1.5em;
	color: #336699;
	border-bottom: 2px solid #6699CC;
	
}

/* Set font style for major form heading */

h2 {
	
	font-size: 1.2em;
	text-align: center;
	margin: 0; 
	padding-top: 7px;
	padding-bottom: 3px;
	
}

/* Set font style for minor headings */

h3 {
	
	color: #336699;
	font-size: 1.2em;
	margin: 0;
	
}

/* Set front style for legal text headings */

h4 {
	
	font-size: 1.1em;
	color: #000000;
	
}

/* Set font style for video headings */

h5 {
	
	text-align: center;
	font-size: 1.2em;
	color: #336699;
	padding-top: 50px;
	
}


/* Set display properties for narrative text */

.narrative {
	
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.8em;
	
}

/* Set display properties for user messages */

.user_message {
	
	background-color: #6699CC;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	line-height: 1.7em;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

/* Set display properties for error messages */

.error_message {
	
	background-color: #FF0000;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.9em;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

/* Set display properties for end-of-section indicator */

.end_narrative {
	
	font-size: 0.9em;
	font-style: italic;
	color: #999999;
	text-align: center;
	
}

/* Mobile only - link back to top */

.mobile_end {
	
	display: none;
	font-size: 1.1em;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	padding-top: 5px;
	margin-bottom: 100px;
	
}

/* Set display properties for scrolling instructions */

.scroll_info {
	
	font-size: 0.9em;
	color: #999999;
	font-style: italic;
	text-align: center;
	padding-top: 10px;
	
}

/* Create 15px spacer */

.small_spacer {
	
	height: 15px;
	
}

/* Create 75px spacer */

.medium_spacer {
	
	height: 75px;
	
}

/* Create 150px spacer */

.large_spacer {
	
	height: 150px;
	
}

/* --- HEADER.PHP --- */

/* Mobile only */

#main_logo {
	
	
}

/* Create container for login elements */

#header_login {
	
	float: right;
	width: 400px;
	margin-top: 50px;
	
}

/* Set display properties for login field containers */

.header_login_col_1 {
	
	float: left;
	text-align: left;
	width: 160px;

}

/* Set display properties for login button div */

.header_login_col_2 {
	
	float: left;
	width: 80px;
	padding-top: 20px;
	
}

/* Set display properties for login input labels */

.login_label_top {
	
	display: block;
	color: #5588BB;
	padding-left: 2px;
	
}

/* Set display properties for login input fields */

.login_input {
	
	display: block;
	font-size: 0.9em;
	height: 20px;
	width: 140px;
	margin-top: 2px;
	border: 2px solid #6699CC;
	border-radius: 3px;
		
}

/* Set display properties for text below login elements */

.login_label_bottom {
	
	display: block;
	float: left;
	color: #5588BB;
	font-size: 0.9em;
	padding-left: 2px;
	padding-top: 3px;
	
}

/* Set display properties for login button */

#submit_li_button {
	
	float: right;
	width: 75px;
	
}

/* Set display properties for logout button container */

#header_logout {
	
	float: right;
	padding-top: 60px;
	width: 50%;
	
}

/* Set display properties for member name and email */

#header_welcome {
	
	text-align: right;
	color: #5588BB;
	padding-bottom: 5px;
	
}

/* Set display properties for logout button */

#submit_lo_button {
	
	float: right;
	width: 75px;
	
}

/* Set display and alignment for navigation bar */

.navigation {
	
	background-color: #336699;
	width: 888px;
	height: 30px;
	margin: 0 auto;
	border: 2px solid #6699CC;
	border-radius: 5px;
	box-shadow: 4px 4px 4px #999999;
	clear: both;
			
}

/* Eliminate margins, padding, and borders for UL element in navigation bar */

.navigation ul {
	
	padding: 0;
	margin: 0;
	border: none;
	
}

/* Set display properties for for navigation tabs */

.navigation li {
	
	float: left;
	width: 176px;
	height: 30px;
	list-style: none;	
	border-right: 2px solid #6699CC;	
	
}

/* Set font properties for navigation links */

.navigation a {
	
	display: block;
	font-size: 1.5em;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
		
}

/* Set text color for visited areas */

.navigation a:visited, .navigation a:link {
	
	color: #FFFFFF
	
}

/* Change color of tab when hovering */

.navigation a:hover {
	
	background-color: #5588BB;
	text-decoration: none;
	height: 30px;
	
}

/* Eliminate divider after last navigation tab */

.navigation .last_li {
	
	border: none;
	
}

/* Set display properties for selected tab */

.selected_tab {
	
	background-color: #6699CC;
	color: #FFFFFF;
	height: 30px;
	
}

/* Set display properties for expert label */

#experts_only_label {
	
	float: left;
	color: #336699;
	background-color: rgba(0,120,255,0.1);
	text-align: center;
	width: 176px;
	margin-left: 360px;
	border-radius: 20px 20px 0px 0px;
	
}

/* Set display properties for affiliate label */

#affiliates_only_label {
	
	float: left;
	color: #336699;
	background-color: rgba(0,120,255,0.1);
	text-align: center;
	width: 176px;
	margin-left: 2px;
	border-radius: 20px 20px 0px 0px;
	
}

/* --- INDEX.PHP --- */

/* Create container for video and survey icons */

#video_survey {
	
	float: left;
	text-align: center;
	width: 475px;
	margin-top: 15px;
	
}

/* Create links for mobile site */

a.mobile_link {
	
	display: none;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background-color: #EFEFEF;
	margin-top: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 15px;
	box-shadow: 7px 7px 7px #999999;
	
}

/* Set display properties for video and survey labels */

.video_survey_label {
	
	float: left;
	font-size: 1.2em;
	color: #999999;
	width: 50%;
	margin-top: 5px;
	margin-bottom: 10px;
	
}

/* Set display properties for video icon */

#video_icon {
	
	display: block;
	float: left;
	font-size: 6em;
	text-decoration: none;
	text-shadow: 4px 4px 4px #CCCCCC;
	background-image: url('../images/video_survey_background.jpg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 200px;
	height: 125px;
	margin-left: 18px;
	padding-top: 5px;
	border: 3px solid #E0E0E0;
	border-radius: 65px;
	box-shadow: 5px 5px 5px #CCCCCC;
	
}

/* Set display properties for video icon when hovering */

#video_icon:hover, #video_icon:active {
	
	border: 3px solid #6699CC;
	color: #6699CC;
	text-shadow: none;
	box-shadow: none;
	
}

/* Set display properties for survey icon */

#survey_icon {
	
	display: block;
	float: left;
	font-size: 7em;
	text-decoration: none;
	text-shadow: 4px 4px 4px #CCCCCC;
	background-image: url('../images/video_survey_background.jpg');
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	width: 200px;
	height: 130px;
	margin-left: 30px;
	border: 3px solid #E0E0E0;
	border-radius: 65px;
	box-shadow: 5px 5px 5px #CCCCCC;
	
}

/* Set display properites for survey icon when hovering */

#survey_icon:hover, #survey_icon:active {
	
	border: 3px solid #6699CC;
	color: #6699CC;
	text-shadow: none;
	box-shadow: none;
	
}
	
/* Set display properties for definitions container */

#definitions {
	
	float: left;
	background-image: url('../images/torn_paper.jpg');
	background-repeat: no-repeat;
	font-family: 'Courier New', Courier, monospace;
	font-size: 1.1em;
	width: 440px;
	height: 275px;
	padding-top: 5px;
	padding-right: 40px;
	padding-left: 25px;
	margin-top: 15px;
	opacity: 0.7;
	
}

/* Set display properties for defined terms */

.defined_term {
	
	font-size: 1.2em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #222222;
	margin-bottom: 5px;
	margin-top: 20px;
	
}

/* Set display properties for definition text */

.definition {
	
	font-size: 1em;
	color: #666666;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
	
}

/* Set display properties for underlined terms */

.underlined {
	
	text-decoration: underline;
	
}

/* Set display properties for learn more link */

#learn_more_link {
	
	display: block;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-left: 250px;
	margin-top: 15px;
	
}

/* Create spacer between definition section and goals */

.clear_spacer {
	
	clear: both;
	
}

/* Set display properties for terms with minor emphasis */

.minor_emphasis {
	
	font-weight: bold;
	font-style: italic;
	
}

/* Set display properties for index form heading */

#index_form_header {
	
	color: #FFFFFF;
	background-color: #5588BB;
	font-size: 1.5em;
	margin-top: 15px;
	text-align: left;
	padding-bottom: 5px;
	padding-left: 25px;
	border: 2px solid #CCCCCC;
	border-bottom: none;
	border-radius: 15px 15px 0 0;
	box-shadow: 5px 5px 5px #CCCCCC;
	overflow-y: hidden;
	
}

/* Create container for index form */

#index_form_content {
	
	background-color: #5588BB;
	font-size: 1.1em;
	height: 215px;
	padding-top: 5px;
	border: 2px solid #CCCCCC;
	border-top: none;
	border-radius: 0 0 15px 15px;
	box-shadow: 5px 5px 5px #CCCCCC;
	overflow-y: auto;

}

/* Set display properties for terms acceptance */

#index_form_instructions {
	
	display: block;
	float: left;
	font-style: italic;
	font-size: 0.9em;
	text-align: left;	
	color: #FFFFFF;
	width: 275px;
	padding-bottom: 5px;
	margin-left: 25px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-bottom: 1px solid #FFFFFF;
	
}

/* Change color of index form labels to white */

.white_label {
	
	color: #FFFFFF;
	margin-left: -10px;
	
}

/* Set display properties for index form submission button */

#index_form_button {
	
	display: block;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	
}

/* Create a spacer for the index form */

.form_spacer {
	
	display: block;
	float: left;
	height: 8px;
	width: 100%;
	
}

/* Set display parameters for graph label */

#graph_label {

	font-size: 1.2em;
	color: #999999;
	text-align: center;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 10px;

}

/* Create container for bar graphs */

#graphs {
	
	position: relative;
	height: 125px;
	border-bottom: 2px solid #5588BB;
	overflow: hidden;
	
}

/* Set display properties for graph values (padding attributes in page code) */

.bar_value {
	
	position: absolute;
	top: 0;
	text-align: center;
	font-size: 1.2em;
	width: 33%;
	
}

/* Set display properties for bar graphs (height in page code) */

.bar {
	
	position: absolute;
	bottom: 0;
	background-color: #5588BB;
	width: 20%;
	box-shadow: 5px 5px 5px #CCCCCC;
	
}

/* Set display properties for bar graph labels */

.bar_name {
	
	float: left;
	text-align: center;
	font-size: 1.2em;
	color: #5588BB;
	width: 33%;
	padding-top: 5px;
	
}

/* Used only for mobile version */

#mobile_stats {
	
	display: none;
	font-size: 1.2em;
	color: #5588BB;
	text-align: center;
	line-height: 2em;
	padding-top: 25px;
	
}

/* Set display properties for like button container */

#like_container {
	
	text-align: right;
	padding-top: 10px;
	padding-right: 240px;
	
}

/* --- OVERVIEW_VIDEO.PHP --- */

/* Set display properties for embedded video */

.video_player {

	margin-left: 140px;
	margin-bottom: 100px;
	border: 3px solid #336699;
	border-radius: 3px;
	box-shadow: 7px 7px 7px #999999;
	
}

/* --- EXPLORE.PHP --- */

/* Set display properties for first contribution in pairing */

.q_contrib_1 {
	
	float: left;
	text-align: left;
	font-size: 0.9em;
	width: 205px;
	padding-right: 40px;
	padding-top: 5px;
	clear: both;
	
}

/* Create container for scale and radio buttons */

.q_scale {
	
	float: left;
	width: 400px;
	
}

/* Set display properties for radio buttons */

.q_radio {
	
	display: block;
	float: left;
	text-align: center;
	width: 80px;
	margin-bottom: 3px;
	
}

/* Set display properties for radio button labels */

.q_radio_label {
	
	display: block;
	float: left;
	font-size: 0.9em;
	text-align: center;
	width: 80px;
	
}

/* Set display properties for second contribution in pairing */

.q_contrib_2 {
	
	float: left;
	text-align: left;
	font-size: 0.9em;
	width: 205px;
	padding-left: 40px;
	padding-top: 5px;
	
}

/* Create spacer to go between contribution pairings */

.scale_spacer {
	
	clear: both;
	color: #999999;
	font-style: italic;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 2px solid #DDDDDD;
	
}

/* Set display parameters for 50% and 100% status messages */

.progress_message {
	
	float: left;
	text-align: center;
	font-style: italic;
	background-color: #336699;
	color: #FFFFFF;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

/* Set display properties for survey submit button */

.scale_submit {
	
	display: block;
	clear: both;
	font-size: 1.2em;
	width: 100px;
	margin-left: 395px;
	margin-top: 30px;
	margin-bottom: 40px;
	
}

/* Set display properties for results container */

#explore_results {

	border: 2px solid #6699CC;
	width: 670px;
	margin-left: 85px;
	margin-top: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-radius: 7px;
	
}

/* Set display properties for graph headings */

.issue_graph_heading {
	
	display: block;
	float: left;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #336699;
	width: 275px;
	margin-left: 40px;
	padding-bottom: 5px;
	border-bottom: 2px solid #336699;
	
}

/* Create container to hold issue labels */

.explore_label_container {
	
	float: left;
	line-height: 22px;
	width: 130px;
	padding-right: 3px;
	margin-top: 12px;
	margin-bottom: 15px;
	
}

/* Create container to hold issue bars */

.explore_bar_container {
	
	float: left;
	line-height: 20px;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-left: 2px solid #336699;
	
}

/* Set display properties for community average issue value bars */

.issue_bar_com {
	
	float: left;
	background-color: #EEEEEE;
	margin-top: 4px;
	box-shadow: 0px 2px 4px #999999;
	
}

/* Set display properties for mobile results container */

.explore_mobile_result_container {
	
	display: none;
	float: left;
	line-height: 22px;
	width: 75px;
	padding-top: 12px;
	margin-bottom: 15px;
	
}

/* Set display properties for mobile results */

.mobile_explore_result {
	
	display: none;
	float: left;
	text-align: left;
	font-size: 0.9em;
	width: 75px;
	padding-top: 10px;
	
}

/* Set display properties for score transfer button */

a.transfer_scores {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	width: 200px;
	margin-top: 20px;
	margin-left: 220px;
	border-radius: 7px;
	box-shadow: 4px 4px 4px #999999;
	
}

/* Set hover display properties for score transfer button */

a.transfer_scores:hover, a.transfer_scores:active {
	
	background-color: #6699CC;
	box-shadow: none;
	
}

/* --- LEARN.PHP --- */

/* Create container for overview sections */

.learn_container {
	
	float: left;
	width: 475px;
	padding: 10px;
	
}

/* Set display properties for for overview headings */

.learn_text {
	
	float: left;
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.8em;
	margin: 0;
	
}

/* Set display properties for overview bullets */

.learn_more_text {
	
	display: block;
	float: left;
	font-style: italic;
	text-align: center;
	font-size: 0.9em;
	width: 100%;
	margin-top: 20px;
	padding: 5px;
	border: 1px dashed #CCCCCC;
	border-left: none;
	border-right: none;
	
}

/* Set display properties for term links */

a.non_selected_term, a.selected_term {
	
	color: #5588BB;
	
}

/* Set display properties for term links when hovering */

a.non_selected_term:hover, a.selected_term:hover {
	
	color: #FFFFFF;
	background-color: #5588BB;
	border-radius: 2px;
	text-decoration: none;
	
}

/* Mobile only (detailed content positioning) */

#mobile_learn_content {
	
}

/* Create section divider */

.learn_divider {
	
	display: block;
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: 2px solid #DDDDDD;
	
}

/* Set display properties for detailed content header (hidden until link is clicked) */

.content_header {
	
	display: none;
	color: #FFFFFF;
	background-color: #336699;
	margin-top: 5px;
	border: 2px solid #336699;
	border-radius: 5px 5px 0 0;
	box-shadow: 4px 5px 4px #999999;
	overflow-y: hidden;
	
}

/* Set display properties for detailed content container (hidden until link is clicked) */

.content {
	
	display: none;
	background-color: #FFFFFF;
	height: 600px;
	border: 2px solid #336699;
	border-radius: 0 0 5px 5px;
	box-shadow: 4px 4px 4px #999999;
	overflow-y: scroll;

}

/* Set display properties for sound bite narrative */

.sound_bite {
	
	display: block;
	float: left;
	font-size: 1em;
	font-style: italic;
	text-align: left;
	line-height: 1.8em;
	padding-left: 15px;
	padding-right: 15px;
		
}

/* Set display properties for fine print narrative */

.fine_print {
	
	display: block;
	float: left;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.7em;
	padding-left: 15px;
	padding-right: 15px;
	
}

/* Hide scroll note until link is clicked */

#hidden_scroll {
	
	display: none;
	
}

/* Create placeholder for right-side until link is clicked */

#learn_instructions {
	
	background-image: url('../images/logo_graph_background.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 1.1em;
	color: #5588BB;
	text-align: center;
	font-style: italic;
	width: 95%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 305px;
	padding-bottom: 305px;
	margin-top: 5px;
	border: 2px solid #336699;
	box-shadow: 4px 4px 4px #999999;
	border-radius: 5px;
	
}

/* Set display properties for "sound bite" and "fine print" icons */

.block_icon {
	
	float: left;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

/* Set display properties for "sound bite" and "fine print" labels */

.block_icon_label {
	
	float: left;
	width: 75%;
	padding-left: 10px;
	padding-top: 13px;
	margin-bottom: 10px;
	
}

/* Set display properties for unordered lists */

.content ul li {
	
	text-align: left;
	font-size: 0.9em;
	line-height: 1.7em;
	padding-top: 10px;
	padding-right: 10px;
	
}

/* Set display properties for ordered lists */

.content ol li {
	
	text-align: left;
	font-size: 0.9em;
	line-height: 1.7em;
	padding-top: 5px;
	padding-right: 10px;
	
}

/* Create container around ul and ol lists */

.container_sm {
	
	float: left;
	padding-right: 10px;
	
}


/* Set display properties for first terms in lists */

.li_lead {
	
	font-weight: bold;
	
}

/* Set display propertes for images that are centered */

.img_ctr {
	
	display: block;
	margin: 5px auto 5px auto;
	
}

/* Mobile only (increase size of impact sample calculation) */

#sample_impact_calc {
	
}

/* --- JOIN.PHP --- */

/* Set display properties for emphaized words in overview */

.big_emphasis {
	
	color: #336699;
	font-family: Zapfino, Geneva, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	padding-left: 5px;
	padding-right: 5px;
	
}

/* Set display properties for overview headings */

.join_header {
	
	float: left;
	font-size: 1.2em;
	width: 280px;
	padding-left: 5px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #6699CC;
	
}

/* Set display properties for overview images */

.join_img {
	
	display: block;
	float: left;
	padding-top: 30px;
	margin-left: 35px;
		
}

/* Create block numbering used in form */

.form_heading_number {
	
	float: left;
	background-color: #336699;
	font-size: 1.2em;
	color: #FFFFFF;
	text-align: center;
	width: 1.4em;
	height: 1.4em;
	margin-left: 15px;
	margin-top: 7px;
	padding: 5px;
	box-shadow: 3px 3px 3px #999999;
	
}

/* Set display properties for form instructions */

p.form_narrative {
	
	float: left;
	font-size: 0.9em;
	color: #555555;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 15px;
	margin-right: 15px;
	border-bottom: 1px solid #555555;
	border-top: 1px solid #555555;
	
}

/* Create issue entry container */

.container {
	
	float: left;
	width: 100%;
	
}

/* Create box around issue points section */

#issue_values {
	
	float: left;
	width: 200px;
	margin-top: 5px;
	margin-bottom: 5px;
	
}

/* Set display properties for issue point inputs */

.issue_value_input {
	
	display: block;
	float: left;
	text-align: center;
	font-size: 0.9em;
	height: 17px;
	width: 25px;
	margin-bottom: 10px;
	margin-top: 3px;
	border: 1px solid #6699CC;
	border-radius: 3px;
	
}

/* Create total line for issue points */

#total_line {
	
	float: left;
	margin-left: 125px;
	margin-bottom: 5px;
	width: 42px;
	border-bottom: 2px solid #6699CC;
	
}

/* Set display properties for issue total box */

#issue_total {
	
	float: left;
	background-color: #EEEEEE;
	text-align: center;
	font-size: 0.9em;
	height: 17px;
	width: 25px;
	margin-bottom: 10px;
	margin-top: 3px;
	border: 1px solid #6699CC;
	border-radius: 3px;

}

/* Set display properties for survey note */

.survey_note {
	
	float: left;
	font-size: 0.9em;
	font-style: italic;
	color: #555555;
	width: 100px;
	margin-top: 5px;
	padding-top: 30px;
	
}

/* Set display properties for form fieldsets */

.form_summary {
	
	float: left;
	font-size: 0.9em;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #6699CC;
	border-radius: 5px;
	
}

/* Set display properties for form drop-down boxes */

.form_select {
	
	float: left;
	width: 50%;
	margin-top: 3px;
	border: 1px solid #6699CC;
	
}

/* Set display properties for expertise textareas */

.expertise_source {
	
	float: left;
	font-size: 0.9em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	width: 125px;
	height: 60px;
	margin-top: 5px;
	padding: 3px;
	border: 1px solid #6699CC;
	border-radius: 3px;
	resize: none;
	
}

/* Create container for optional section selects */

.optional_select {
	
	float: left;
	text-align: center;
	width: 300px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #555555;
	
}

/* Mobile only (resize radio buttons) */

.join_radio {
	
}

/* Set display properties for optional section question labels */

.opt_select_label {
	
	float: left;
	text-align: right;
	font-size: 0.9em;
	width: 125px;
	padding-right: 7px;
	padding-top: 2px;
	
}

/* Set display properties for optional section select radio button labels */

.radio_label {
	
	font-size: 0.9em;
	padding-left: 3px;
	padding-right: 20px;
	
}

/* --- FORGOT_PASSWORD --- */

/* Set display properties for reset button */

.reset_button {
	
	width: 150px;
	margin-left: 15px;
	margin-top: 5px;
	
}

/* --- MY_DASHBOARD.PHP --- */

/* Set display properties for news bullets */

.shaded_block {
	
	font-size: 0.9em;
	padding-top: 15px;
	background-color: rgba(100,150,200,0.10);
	box-shadow: 4px 4px 4px #999999;
	
}

/* Set display properties for news content */

.news_item {
	
	padding-bottom: 15px;
	padding-right: 10px;
	
}

/* Set display properties for links on dashboard */

a.dashboard_link {
	
	font-size: 0.9em;
	margin-left: 200px;
	
}

/* Set display properties for table containing statistics */

.stats_table {
	
	font-size: 0.9em;
	padding: 10px;
	background-color: rgba(100,150,200,0.10);
	box-shadow: 4px 4px 4px #999999;
	
}

/* Set display properties for first column of stats tables */

.line_header {
	
	float: left;
	width: 110px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	
}

/* Set display properties for intervals */

.interval_header {
	
	float: left;
	text-align: center;
	width: 155px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	border-bottom: 1px solid #336699;
	
}

/* Set display properties for data headers */

.data_header {
	
	float: left;
	width: 45px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	border-bottom: 1px solid #336699;
	
}

/* Set display properties for data points */

.data_point {
	
	float: left;
	text-align: center;
	width: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;

}

/* Set display properties for information display elements */

.field_text {
	
	float: left;
	background-color: #EEEEEE;
	text-align: left;
	font-size: 0.9em;
	width: 165px;
	margin-top: 3px;
	padding: 2px;
	padding-left: 7px;
	overflow: hidden;

}

/* Set display properties for expertise fieldset labels */

.form_exp_label {
	
	float: left;
	text-align: right;
	font-size: 0.9em;
	width: 75px;
	padding-right: 7px;
	padding-top: 5px;
	
}

/* Set display properties for fieldset information display elements */

.field_fs_text {
	
	float: left;
	background-color: #EEEEEE;
	text-align: left;
	font-size: 0.9em;
	width: 170px;
	margin-top: 3px;
	padding: 2px;
	padding-left: 7px;
	margin-bottom: 5px;
	
}

/* Set display properties for no expertise and affiliation indicators */

#no_exp_msg {
	
	float: left;
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 5px;
	
}

/* Set display properties for edit links */

.edit_link {
	
	float: left;
	text-align: center;
	font-size: 0.9em;
	text-transform: uppercase;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	
}

/* Set display properties for issue value bars */

.issue_bar {
	
	float: left;
	background-color: #6699CC;
	margin-top: 4px;
	box-shadow: 0px 2px 4px #999999;
	
}

/* Set display properties for issue value labels */

.issue_score_label {
	
	float: left;
	text-align: left;
	font-size: 0.9em;
	margin-top: 3px;
	padding: 2px;
	padding-left: 7px;
		
}

/* Create container to hold issue labels */

.issue_label_container {
	
	float: left;
	line-height: 22px;
	width: 130px;
	padding-right: 3px;
	margin-top: 12px;
	margin-bottom: 15px;
	
}

/* Create container to hold issue bars */

.issue_bar_container {
	
	float: left;
	line-height: 20px;
	width: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	border-left: 2px solid #336699;
	
}

/* --- NEWS.PHP ---*/

.news_header {
	
	text-align: center;
	font-style: italic;
	color: #6699CC;
	list-style-type: none;
	margin-right: 40px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #6699CC;
	
}

/* --- MY_PURPOSE.PHP --- */

/* Set display parameters for contribution summary area */

#vote_contrib_summary {
	
	font-size: 0.9em;
	
}

/* Set display parameters for contribution labels on voting screen */

.vote_contrib_label {
	
	display: block;
	float: left;
	clear: both;
	text-align: right;
	font-weight: bold;
	width: 100px;
	margin-bottom: 5px;
	padding-right: 5px;
	
}

/* Set display parameters for contribution title on voting screen */

.vote_contrib_title {
	
	display: block;
	width: 765px;
	float: left;
	
}

/* Set display parameters for contribution description on voting screen */

.vote_contrib_desc {
	
	display: block;
	float: left;
	text-align: justify;
	width: 765px;
	margin-bottom: 10px;
	
}

/* Create container to hold analysis summaries */

.assessment_summary {
	
	display: block;
	float: left;
	font-size: 0.9em;
	width: 325px;
	margin-left: 20px;
	border: 2px solid #336699;
	border-radius: 7px;
	box-shadow: 5px 5px 5px #999999;
	
}

/* Create top banner for analysis containers */

.assessment_heading {
	
	font-size: 1.1em;
	text-align: center;
	background-color: #336699;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	
}

/* Set display properties for labels in analysis headings */

.analysis_heading_label {
	
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
	width: 80px;
	margin-left: 10px;
	
}

/* Set display properties for text in analysis headings */

.analysis_heading_field {
	
	display: block;
	float: left;
	width: 220px;
	margin-left: 5px;
	margin-bottom: 10px;
	
}

/* Set display properties for analysis methodologies */

.analysis_summary {
	
	display: block;
	float: left;
	clear: both;
	text-align: justify;
	width: 300px;
	margin-left: 10px;
	margin-bottom: 10px;
	
}

/* Create abuse reporting link at bottom of analysis */

a.report_abuse_assmt {
	
	direction: block;
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 100%;
	
}

/* Create container for voting buttons */

.voting_section {
	
	display: block;
	float: left;
	text-align: center;
	width: 160px;
	height: 175px;
	margin-left: 20px;
	
}

/* Set display properties for voting buttons */

.voting_button {
	
	width: 120px;
	margin-top: 20px;
	
}

/* Set display properties for remaining votes label */

.votes_remaining_label {

	font-size: 1em;
	padding-bottom: 5px;
	
}

/* Set display properties for remaining votes display */

.votes_remaining {

	font-size: 1em;
	font-weight: bold;
	background-color: #336699;
	color: #FFFFFF;
	width: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: auto;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #999999;
	
}

/* Set display parameters for Purpose Caps table */

#purpose_caps_table {

	padding: 10px;
	margin-top: 50px;
	border: 2px solid #336699;
	border-radius: 20px;
	box-shadow: 5px 5px 5px #999999;
	
}

/* Set display properties for purpose caps header box */

.header_box_pc {
	
	font-size: 0.9em;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #336699;
	border-bottom: none;
	
}

/* Set display properties for data box */

.list_box_pc {
	
	font-size: 0.9em;
	width: 860px;
	height: 300px;
	border-bottom: 2px solid #336699;
	margin-left: auto;
	margin-right: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	
}

/* Set color for even lines in purpose cap table */

.even_list_entry_pc {
	
	background-color: rgba(102,153,204,0.1);
	
}


/* Set display properties for company name header */

a.co_name_header {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 214px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for ticker header */

a.ticker_header {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 94px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for sector header */

a.sector_header {
	
	display: block;
	float: left;
	text-align: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 187px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for contribution count header */

a.contrib_count_header {
	
	display: block;
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 120px;
	padding: 3px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for purpose cap value header */

a.pc_value_header {

	display: block;
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 198px;
	padding: 3px;
	
}

/* Set display properties for company names */

.co_name_entry {
	
	float: left;
	width: 216px;
	padding: 3px;
	padding-left: 6px;
	
} 

/* Set display properties for tickers */

.ticker_entry {
	
	display: block;
	float: left;
	width: 96px;
	padding: 3px;
	padding-left: 6px;
	
}

/* Set display properties for sector */

.sector_entry {
	
	float: left;
	text-align: left;
	width: 186px;
	padding: 3px;
	padding-left: 6px;
	
}

/* Set display properties for contrib counts */

.contrib_count_entry {
	
	float: left;
	text-align: center;
	width: 122px;
	padding: 3px;
	
}

/* Set display properties for purpose cap values */

.pc_value_entry {
	
	display: block;
	float: left;
	text-align: right;
	width: 50px;
	padding: 3px;
	padding-right: 6px;
	
}

/* Set display properties for purpose cap bar */

.pc_bar_entry {
	
	display: block;
	float: left;
	background-color: #6699CC;
	height: 1em;
	padding-top: 2px;
	margin-left: 5px;
	margin-top: 3px;
	margin-bottom: 3px;
	border: 1px solid #6699CC;
	box-shadow: 2px 2px 2px #999999;
	
}

/* --- MY_AFFILIATIONS.PHP --- */

/* Set display properties for thumbnail icons */

.identifier_icon {
	
	display: block;
	float: left;
	height: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	
}

/* Set display properties for instruction text */

.instructions {
	
	display: block;
	float: left;
	font-size: 0.9em;
	text-align: justify;
	margin-left: 30px;
	width: 760px;
	
}

/* Create horizontal separation bar */

.horizontal_bar {
	
	width: 100%;
	margin-bottom: 15px;
	border-bottom: 2px solid #CCCCCC;
	clear: both;
	
}

/* Set display properties for table properties labels */

.table_properties_label {
	
	font-size: 0.9em;
	margin-left: 10px;
	margin-bottom: 15px;
	
}

/* Set display properties for table properties dropdowns */

.table_properties {
	
	margin-left: 5px;
	margin-right: 30px;
	margin-bottom: 15px;
	
}

.table_properties_update {
	
	margin-left: 20px;
	
}

/* Set display properties for header box */

.header_box {
	
	font-size: 0.9em;
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #336699;
	border-bottom: none;
	border-radius: 5px 5px 0 0;
	
}

/* Set display properties for selection box */

.list_box {
	
	font-size: 0.9em;
	width: 880px;
	height: 300px;
	border: 2px solid #336699;
	border-top: none;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0 0 5px 5px;
	overflow-y: scroll;
	overflow-x: hidden;
	
}

/* Set display properties for company name header */

a.company_header {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 164px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for title header */

a.title_header {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 214px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for issue header */

a.issue_header {
	
	display: block;
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 140px;
	padding: 3px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for date header */

a.date_header {
	
	display: block;
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 120px;
	padding: 3px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for value header */

a.value_header {

	display: block;
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 120px;
	padding: 3px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for status header */

a.status_header {
	
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 70px;
	padding: 3px;
	
}

/* Shade every other list entry */

.even_list_entry {
	
	background-color: #EEEEEE;
	
}

/* Highlight member's list entry */

.member_list_entry {
	
	background-color: rgba(102,153,204,0.30);
	
}

/* Set display properties for company names */

.company_entry {
	
	float: left;
	width: 166px;
	padding: 3px;
	padding-left: 6px;
	
} 

/* Set display properties for titles */

.title_entry {
	
	display: block;
	float: left;
	width: 216px;
	padding: 3px;
	padding-left: 6px;
	
}

/* Set display properties for issues */

.issue_entry {
	
	float: left;
	text-align: center;
	width: 142px;
	padding: 3px;
	
}

/* Set display properties for dates */

.date_entry {
	
	float: left;
	text-align: center;
	width: 122px;
	padding: 3px;
	
}

/* Set display properties for value ranges */

.value_entry {
	
	display: block;
	float: left;
	text-align: center;
	width: 122px;
	padding: 3px;
	
}

/* Set display properties for unlocked status */

.unlocked_status_entry {
	
	display: block;
	float: right;
	text-align: right;
	width: 55px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	
}

/* Set display properties for locked status */

.locked_status_entry {
	
	display: block;
	float: right;
	text-align: right;
	width: 55px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 6px;
	
}

/* Set display properties for information displays */

.info_display {
	
	display: block;
	float: left;
	font-size: 0.9em;
	height: 15px;
	width: 175px;
	margin-bottom: 10px;
	margin-top: 3px;
	
}

/* Set display properties for contribution detail text box */

.entry_detail {
	
	display: block;
	font-size: 0.9em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	width: 375px;
	height: 180px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	resize: none;
	
}

/* Create container for contribution details */

.detail_container {
	
	float: right;
	width: 445px;
	
}

/* Created hidden div for storing information */

.hidden_div {
	
	display: none;
	
}

/* Set display properties for source links */

.source_link {
	
	display: none;
	float: left;
	font-size: 0.9em;
	width: 175px;
	margin-top: 5px;
	padding-left: 1px;
	
}

/* --- ACCOUNT.PHP --- */

/* Create container to hold fieldsets */

.edit_container_lg {
	
	float: left;
	width: 380px;
	
}

/* Set display properties for submit button */

.edit_submit_button_lg_indent {
	
	display: block;
	clear: both;
	width: 100px;
	margin-left: 150px;
	margin-bottom: 20px;
	
}

/* --- PURPOSE.PHP --- */

/* Create container to hold fieldset */

.edit_container_sm {
	
	display: block;
	float: left;
	width: 300px;
	
}

/* Set display properties for submit button */

.edit_submit_button_sm_indent {
	
	display: block;
	clear: both;
	width: 100px;
	margin-left: 75px;
	margin-bottom: 20px;
	
}

/* Set display properties for note regarding survey link */

.purpose_survey_note {
	
	float: left;
	font-size: 0.9em;
	font-style: italic;
	color: #555555;
	width: 330px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 200px;
	padding-top: 50px;
	padding-left: 20px;
	
}

/* Set display properties for survey button */

a.purpose_update {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	padding: 10px;
	width: 200px;
	margin-top: 25px;
	margin-left: 50px;
	border-radius: 7px;
	box-shadow: 4px 4px 4px #999999;
	
}

/* Set hover display properties for survey button */

a.purpose_update:hover, a.purpose_update:active {
	
	background-color: #6699CC;
	box-shadow: none;
	
}

/* --- CONTRIBUTIONS.PHP --- */

/* Set display properties for instructions */

.narrative_trimmed {
	
	font-size: 0.9em;
	line-height: 1.8em;
	padding-right: 100px;
	
}

/* Create containers for contribution inputs */

.contrib_container {
	
	float: left;
	width: 400px;
	
}

/* Create container for contribution description */

.contrib_container_2 {
	
	float: right;
	width: 445px;
	
}

/* Set display properties for select inputs */

.contrib_select {
	
	float: left;
	width: 180px;
	margin-top: 3px;
	margin-bottom: 10px;
	border: 1px solid #6699CC;
	
}

/* Set display properties for textarea label */

.contrib_desc_label {
	
	float: left;
	text-align: left;
	font-size: 0.9em;
	width: 100%;
	padding-left: 30px;
	margin-bottom: 3px;
		
}

/* Set display properties for textarea */

.contrib_desc {
	
	display: block;
	font-size: 0.9em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	width: 375px;
	height: 200px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: 1px solid #6699CC;
	border-radius: 3px;
	resize: none;
	
}

/* Set display properties for terms checkbox */

.contrib_check {
	
	float: left;
	margin-left: 25px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: both;
	
}

/* Set display properties for terms paragraph */

.acceptance {
	
	float: left;
	font-size: 0.9em;
	font-style: italic;
	color: #555555;	
	width: 320px;
	
}

/* Set display properties for submit button */

.contrib_submit {
	
	clear: both;
	width: 100px;
	margin-left: 400px;
	margin-bottom: 20px;
	
}

/* --- ANALYSES.PHP --- */

/* Set display properties for visible source links */

.source_link_visible {
	
	display: block;
	float: left;
	font-size: 0.9em;
	width: 175px;
	margin-top: 5px;
	padding-left: 1px;
	
}

/* Initialized zero reason dropdown as hidden */

#zero_reason_dropdown {
	
	display: none;
	
}

/* Set display properties for read-only section */

.read_only_area {

	background-color: rgba(240,240,240,0.5);
	margin-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	border: 1px solid #DDDDDD;
	border-radius: 7px;

}

/* Set display properties for read-only header */

.read_only_header {
	
	background-color: #DDDDDD;
	font-size: 0.9em;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 7px 7px 0px 0px;
	
}

/* Set display properties for read-only text */

.read_only_text {
	
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 10px;
	
}

/* Set display properties for read only textarea */

.read_only_desc {
	
	display: block;
	font-size: 0.9em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	background-color: rgba(240,240,240,.0);
	width: 375px;
	height: 200px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	resize: none;
	
}

/* --- ANALYSIS_LIST.PHP --- */

/* Set display properties for close window link */

a.close_window_link {
	
	display: block;
	font-size: 1.1em;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 175px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 25px;
	box-shadow: 5px 5px 5px #999999;
		
}

/* Set display properties for close window link when hovering or clicking */

a.close_window_link:hover, a.close_window_link:active {
	
	background-color: #6699CC;
	box-shadow: none;
	text-decoration: none;
	
}

/* Set display properties for first name header */

a.first_name_header {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 148px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for credentials header */

a.credentials_header {
	
	display: block;
	float: left;
	background-color: #336699;
	color: #FFFFFF;
	width: 350px;
	padding: 3px;
	padding-left: 6px;
	border-right: 2px solid #FFFFFF;
	
}

/* Set display properties for votes header */

a.votes_header {
	
	float: left;
	text-align: center;
	background-color: #336699;
	color: #FFFFFF;
	width: 98px;
	padding: 3px;
	
}

/* Set display properties for first name entries */

.first_name_entry {
	
	float: left;
	width: 150px;
	padding: 3px;
	padding-left: 6px;
	
} 

/* Set display properties for credentials */

.credentials_entry {
	
	display: block;
	float: left;
	width: 352px;
	padding: 3px;
	padding-left: 6px;
	
}

/* Set display properties for unlocked status */

.votes_entry {
	
	display: block;
	float: right;
	text-align: center;
	width: 80px;
	padding: 3px;
	
}

/* --- CONNECT.PHP --- */

/* Mobile only (move contact form to top) */

#mobile_blog {
		
}

/* Create container for blog */

#blog {
	
	height: 550px;
	padding-right: 15px;
	border-bottom: 2px solid #6699CC;
	overflow-y: auto;
	
}

/* Set display properties for blog entries */

.blog_entry {
	
	padding-bottom: 5px;
	margin-bottom: 15px;
	border-bottom: 1px dashed #6699CC;
	
}

/* Set display properties for date text */

.blog_date {
	
	color: #777777;
	font-size: 0.9em;
	padding-left: 10px;
	
}

/* Mobile only (instructions for where to find blog) */

.mobile_instructions {
	
	display: none;
	font-style: italic;
	text-align: center;
	background-color: #EEEEEE;
	padding: 15px;
	
}

/* Set display properties for contact form heading */

.form_header {
	
	color: #FFFFFF;
	background-color: #336699;
	margin-top: 5px;
	border: 2px solid #336699;
	border-radius: 5px 5px 0 0;
	box-shadow: 4px 5px 4px #999999;
	overflow-y: hidden;
	
}

/* Create container for contact form */

.form_content {
	
	background-color: #FFFFFF;
	height: 600px;
	padding-top: 5px;
	border: 2px solid #336699;
	border-radius: 0 0 5px 5px;
	box-shadow: 4px 4px 4px #999999;
	overflow-y: auto;

}

/* Set display properties for form labels */

.form_label {
	
	display: block;
	float: left;
	text-align: right;
	width: 125px;
	padding-right: 7px;
	padding-top: 5px;
	font-size: 0.9em;
	
}

/* Set display properties for form text inputs */

.form_input {
	
	display: block;
	float: left;
	font-size: 0.9em;
	height: 17px;
	width: 175px;
	margin-bottom: 10px;
	margin-top: 3px;
	border: 1px solid #6699CC;
	border-radius: 3px;
	
}

/* Set display properties for label above textarea */

.comment_label {
	
	display: block;
	float: left;
	text-align: center;
	font-size: 0.9em;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 3px;
		
}

/* Set display properties for textarea */

#email_comments {
	
	display: block;
	font-size: 0.9em;
	font-family: Geneva, Helvetica, Arial, sans-serif;
	width: 80%;
	height: 200px;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	border: 1px solid #6699CC;
	border-radius: 3px;
	resize: none;
	
}

/* Set display properties for form checkboxes */

.form_check {
	
	display: block;
	float: left;
	margin-top: 7px;
	margin-bottom: 10px;
	
}

/* Set display properties for topic select box */

#contact_select {

	display: block;
	float: left;
	width: 175px;
	margin-top: 4px;
	margin-bottom: 7px;
	border: 1px solid #6699CC;

}

/* Set display properties for form submission buttons */

.form_button {
	
	display: block;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	clear: both;
	
}

/* --- FOOTER.PHP --- */

/* Set display and alignment for footer section */

#footer {
	
	clear: both;
	color: #5588BB;
	text-align: center;
	margin: 0 auto;
	padding: 2px;
	border-top: 2px solid #6699CC;
	border-bottom: 2px solid #6699CC;
	
}

/* Set display and alignment for elements in footer */

.boilerplate {
	
	font-size: 0.9em;
	padding-right: 15px;
	padding-left: 15px;	
	
}

/* Set display and alignment for disclaimers */

.disclaimer {
	
	color: #5588BB;
	font-style: italic;
	font-size: 0.8em;
	text-align: center;
	margin: 5px;
	
}