/* Generic Page Elements
==================================================================================== */

	html {
		-webkit-text-size-adjust: none;		
	}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 15px;
		line-height: 25px;		
		color: #FFFFFF;
		background: #353447;
	}
	
	strong {
		font-weight: bold;
	}
	
	em {
		font-style: oblique;
	}
	
	a:link,
	a:visited {
		color: #256BD5;
		text-decoration: none;
	}
	
	a:hover,
	a:active {
		text-decoration: underline;
	}

	h1,
	h2,
	p,
	ul {
		margin-bottom: 20px;
	}

	h1 {
		font-size: 25px;
		line-height: 35px;		
	}
	
	h2 {
		font-weight: bold;
	}
		
/* Responsive Grid 960 (Based on Skeleton Grid)
==================================================================================== */

	.row					{ padding: 20px 0px; }
	.row_btm_only			{ padding-bottom: 20px; }
	.row_top_only			{ padding-top: 20px; }
	.columns				{ margin: 0px 10px; float: left; display: inline; }
	
	.one.columns            { width: 40px;  }
	.two.columns            { width: 100px; }
	.three.columns          { width: 160px; }
	.four.columns           { width: 220px; }
	.five.columns           { width: 280px; }
	.six.columns            { width: 340px; }
	.seven.columns          { width: 400px; }
	.eight.columns          { width: 460px; }
	.nine.columns           { width: 520px; }
	.ten.columns            { width: 580px; }
	.eleven.columns         { width: 640px; }
	.twelve.columns         { width: 700px; }
	.thirteen.columns       { width: 760px; }
	.fourteen.columns       { width: 820px; }
	.fifteen.columns        { width: 880px; }
	.sixteen.columns        { width: 940px; }
	.one-third.columns      { width: 300px; }
	.two-thirds.columns     { width: 620px; }

    .offset-by-one  		{ padding-left: 60px;  }
    .offset-by-two          { padding-left: 120px; }
    .offset-by-three        { padding-left: 180px; }
    .offset-by-four         { padding-left: 240px; }
    .offset-by-five         { padding-left: 300px; }
    .offset-by-six          { padding-left: 360px; }
    .offset-by-seven        { padding-left: 420px; }
    .offset-by-eight        { padding-left: 480px; }
    .offset-by-nine         { padding-left: 540px; }
    .offset-by-ten          { padding-left: 600px; }
    .offset-by-eleven       { padding-left: 660px; }
    .offset-by-twelve       { padding-left: 720px; }
    .offset-by-thirteen     { padding-left: 780px; }
    .offset-by-fourteen		{ padding-left: 840px; }
    .offset-by-fifteen      { padding-left: 900px; }	

/* Containers and Container Specific Styles
==================================================================================== */

	#sales_header,
	#header,
	#identity,
	#content,
	#footer {
		width: 960px;
		margin: 0px auto;
		position: relative;
	}

	#header .circle_btn,
	#header .circle_btn img,
	#header .cu_logo,
	#header .cu_sponsor,
	#header .sponsor_logo,
	#footer .circle_btn,
	#footer .circle_btn img
	 {
 		height: 40px;
 		float: left;
	}

	#header .circle_btn,
	#footer .circle_btn {
		margin-left: 20px;
		float: right;
	}

	#header .cu_sponsor {
		margin-left: 20px;
		padding-left: 20px;
		border-left: 1px solid #B9B9B9;
	}	
 	
 	#header .centered_box {
	 	line-height: 1;
 	}
	
	#footer a {
		color: #A2BBE1;
	}	

	#footer .twelve.columns {
		line-height: 40px;
	}

	#container {
		background: #6F6F96;
	}

	#identity_bar {
		background: #8686B2;
	}

	#identity {
		text-align: center;
		line-height: 1;		
		padding: 15px 0px;
	}
	
	#sales_identity {
		line-height: 25px;
	}
		 
	#nav .nav_btn {
		width: 215px;
		margin-left: 20px;
		float: left;
	}

	#nav .nav_btn.first {
		margin-left: 0px;
		padding-right: 19px;
		border-right: 1px solid #B9B9B9;
	}

	#nav .nav_btn a {
		text-align: center;
		background: #353447;		
		width: inherit;
		padding: 20px 0px;
		display: block;
		position: relative;
		border-radius: 15px;
		z-index: 1;
	}

	#nav .nav_btn a:hover {
		text-decoration: none;
	}	

	#nav .nav_btn img {
		height: 70px;
		margin: 0px auto 5px auto;
		display: block;
	}
	
	#nav .notification,
	#nav .label {
		line-height: 1;
		color: #FFFFFF;
		display: block;		
	}

	#nav .notification {
		background: #CA0000;
		padding: 10px 15px;
		border-radius: 15px;
		position: absolute;
		top: 15px;
		right: 15px;
		z-index: 2;
	}
	
	#nav .label {
		font-size: 20px;
	}
	
	.news #nav .news,
	.pray #nav .pray,
	.serve #nav .serve,
	.give #nav .give {
		background: #FFFFFF;
	}
	
	.news #nav .news .label,
	.pray #nav .pray .label,
	.serve #nav .serve .label,
	.give #nav .give .label {
		color: #000000;
	}	

/* Boxes and Box Specific Styles
==================================================================================== */

	.top_line {
		border-top: 1px dotted #B9B9B9;
		padding-top: 20px;		
	}

	.btm_line {
		border-bottom: 1px dotted #B9B9B9;
		margin-bottom: 20px;
	}

	.centered_box {
		text-align: center;
	}	

	.message_box {
		text-align: center;
		color: #6A6337;
		background: #E8E0AE;
		padding: 20px;
		border-radius: 15px;		
	}

	.static_box .message_box, .expandable_box_mid .message_box {
		text-align: left;
		margin-bottom: 20px;
		border-radius: 0px;
	}

	.static_box, .expandable_box_top, .expandable_box_mid, .expandable_box_btm {
		color: #000000;
		background:#FFFFFF;		
	}

	.static_box {
		padding: 25px 30px 15px 30px;
		border-radius: 15px;
	}
	
	.expandable_box_top {
		height: 20px;
		border-radius: 15px 15px 0px 0px;			
	}

	.expandable_box_mid {
		padding: 5px 30px 1px 30px;
	}

	.expandable_box_btm {
		height: 20px;
		border-radius: 0px 0px 15px 15px;			
	}

	.title_box h1 {
		font-size: 30px;
		line-height: 40px;
		padding: 10px 0px;
	}	

	.title_box img {
		height: 60px;
		margin: 0px 0px 20px 20px;
		float: right;
	}

	.description_box {
		background:#37374B;
		padding: 25px 30px 5px 30px;
		border-radius: 15px;		
	}

	.description_box a {
		color: #A2BBE1;
	}

	.select_box li {
		margin-bottom: 10px;
	}
		
	.select_box li a {
		color: #353447;
		background: #A2BBE1;
		padding: 20px;
		display: block;
		border-radius: 15px;	
	}

	.select_box li a:hover {
		text-decoration: none;
	}

	.select_box li img {
		height: 25px;
		margin-left: 20px;
		float: right;
	}
	
	#file_upload img {
		width: 450px;
		height: auto;
		border-width: 1px;
		border-style: solid;
		border-color: #B9B9B9;
	}
	
	#file_loading {
		display: none;
	}

	#file_loading img {
		width: 200px;
		height: auto;
	}

	.list_box span {
		font-weight: bold;
	}

	.small_text {
		font-size: 12px;
		line-height: 22px;
	}	

/* Posts and Post Specific Styles (All Features)
==================================================================================== */

	.post_unavailable {
		line-height: 1;
		background: #8588B2;
		padding: 20px;
		border-radius: 15px;
	}
	
	.post_unavailable img {
		width: 450px;
	}

	.post_error {
		display: none;
	}	

	.post_badge {
		text-align: center;
		color: #FFFFFF;
		background: #1F9C0D;
		margin-bottom: 20px;
		padding: 5px;
		border-radius: 15px;
	}

	.post_box .expandable_box_mid {
		padding-top: 15px;
	}

	.post_new, .post_updated {
		font-weight: bold;
		color: #1F9C0D;
	}
	
	.collapsed {
		height: 50px;
		overflow: hidden;
	}

	.responders {
		text-align: center;
	}

	.give_meter {
		background: #CCCCCC;
		height: 20px;
		border-radius: 15px;
	}

	.give_meter_fill {
		background: #CA0000;
		height: inherit;
		border-radius: inherit;		
	}

	.give_meter_total, .give_meter_goal {
		font-size: 12px;
		line-height: 22px;	
		margin-top: 5px;
	}
	
	.give_meter_total {
		margin-left: 20px;
		float: left;
	}

	.give_meter_goal {
		margin-right: 20px;
		float: right;
	}

	.post_sidebar {
		text-align: center;
		padding: 20px 20px 1px 20px;
		border-radius: 15px;		
	}

	.counter {
		color: #000000;
		margin-bottom: 10px;
		padding: 10px;
		border-radius: 15px;
	}

	.count {
		font-size: 60px;
		line-height: 1;
		font-weight: bold;
		display: block;		
	}

	.counter img {
		width: 60px;
		margin: 0px auto 10px auto;
		display: block;
	}
	
	.post_contact a, .post_contact .post_sponsor {
		font-size: 18px;
		line-height: 28px;
		color: #FFFFFF;
		display: block;
	}
	
	.post_sponsor_company {
		display: block;
	}

	.post_creator {
		padding: 0px 30px;		
	}

	.post_creator a {
		height: 40px;
		margin: 0px 10px;
		float: right;
	}
	
 	.post_creator a img {
 		height: inherit;
 	}
		
	/* Colors specific to "news" section. */

		.news .post_sidebar {
			background: #1F9C0D;		
		}

		.news .post_sidebar .counter {
			background: #94DD9B;
		}

		.news .post_sidebar .counter_label {
			color: #0F4E06;
		}

		.news .post_sidebar .post_contact {
			color: #94DD9B;			
		}
	
		.news .post_sidebar .default_btn {
			background: #0F4E06;		
		}

	/* Colors specific to "pray" section. */

		.pray .post_sidebar {
			background: #CA7FC7;		
		}
		
		.pray .post_sidebar .counter {
			background: #E5BFE3;
		}

		.pray .post_sidebar .counter_label {
			color: #653F63;
		}

		.pray .post_sidebar .post_contact {
			color: #E5BFE3;			
		}
	
		.pray .post_sidebar .default_btn {
			background: #653F63;		
		}

	/* Colors specific to "serve" section. */
	
		.serve .post_sidebar {
			background: #AE9D00;		
		}
		
		.serve .post_sidebar .counter {
			background: #D7CE80;
		}

		.serve .post_sidebar .counter_label {
			color: #574E00;
		}
		
		.serve .post_sidebar .post_contact {
			color: #D7CE80;			
		}
	
		.serve .post_sidebar .default_btn {
			background: #574E00;		
		}

	/* Colors specific to "give" section. */

		.give .post_sidebar {
			background: #C3CA11;		
		}

		.give .post_sidebar .counter {
			background: #E9ECA1;
		}

		.give .post_sidebar .counter_label {
			color: #616508;
		}

		.give .post_sidebar .post_contact {
			color: #E9ECA1;			
		}
	
		.give .post_sidebar .default_btn {
			background: #616508;		
		}

/* Form Styles
==================================================================================== */

	.error_row label {
		color: #6A6337;		
		background: #E8E0AE;
		padding: 20px;
	}
	
	.form_comment {
		font-size: 12px;
		line-height: 22px;
		color: #999999;
		padding: 5px 5px 0px 5px;
	}

	/* Form elements don't inherit font information by default, this sets them to do that. */

	input,
	select,
	textarea {
		font-family:inherit;
		font-size: inherit;
		line-height: inherit;
	}
	
	/* Get rid of the rounded corner fields and inner drop shadows on mobile browsers. */
	
	textarea, input[type="text"], input[type="submit"], input[type="password"] {
		-webkit-appearance: none;		
		border-radius: 0;
	}
			
	label,
	input,
	textarea {
		margin-bottom: 5px;
		display: block;	
	}
	
	input,
	textarea,
	.license_box {
		background: #ECECEC;
		width: 488px;
		padding: 15px;
		border-width: 1px;
		border-style: solid;
		border-color: #B9B9B9;
	}
	
	textarea {
		height: 70px;
	}

	.license_box {
		height: 200px;
		overflow: auto;
		margin-bottom: 20px;
	}
	
	input:focus,
	textarea:focus {
		border-color: #B9B9B9;
	}

	.text_row,
	.textarea_row,
	.password_row,
	.select_row,
	.checkbox_row,
	.newcheckbox_row,
	.radio_row,
	.date_row,
	.anytime_row,
	.ccexp_row,
	.monthday_row,
	#filter_row,
	#search_row,
	#give_recipient_row,
	#give_online_url_row,
	#give_other_instructions_row,
	#give_instructions_row,
	#file_upload form input {
		margin-bottom: 20px;
	}

	#search {
		width: 848px;
	}

	select {
		width: 400px;
	}

	#serve_due_date_row	select,
	#serve_due_time_row	select,
	#pray_expires_row select,
	#news_expires_row select,
	#give_expires_row select,
	#church_cc_exp_row select,
	#sponsor_cc_exp_row select,
	.monthday_row select {
		width: 130px;
	}

	#serve_due_anytime_group {
		margin: 5px 0px;
	}

	.checkbox_row input,
	.newcheckbox_row input,
	.radio_row label input,
	#serve_due_anytime_group input {
		font-size: x-large;
		width: auto;
		margin-right: 10px;
		display: inline;
	}
	
	.checkbox_row label,
	.newcheckbox_row label,
	.radio_row label,
	#serve_due_anytime_group label {
		margin-bottom: 0px;
		display: inline;	
	}	
	
	.radio_row label {
		margin-right: 20px;
	}

/* Member Directory Styles
==================================================================================== */
	
	.directory_box .title_box h1 {
		font-size: 24px;
		line-height: 30px;		
	}

	.directory_box .title_box h1 span {
		font-weight: bold;
		display: block;
	}

	.directory_box .title_box img {
		border-width: 1px;
		border-style: solid;
		border-color: #B9B9B9;
		cursor: pointer;		
	}

	.directory_box .directory_normal {
		height: 78px;
	}	

	.directory_box .directory_large {
		width: 398px;
		height: auto;
	}	
	
	.directory_admin p {
		font-size: 12px;
		line-height: 20px;
		float: left;
	}

	.directory_control {
		float: right;
		margin-bottom: 20px;
	}

	.directory_displaying {
		line-height: 40px;
	}
	
	.directory_admin a, .directory_control a {
		height: 40px;
		margin-left: 10px;
		float: right;
	}
	
 	.directory_admin a img, .directory_control a img {
 		height: inherit;
 	}
 
 	#from_record, #to_record, #total_count {
	 	font-weight: bold;
 	}

 	.page_arrow, #page_links a {
		font-weight: bold;
		padding: 0px 5px;
 	}	

 	#page_links a {
	 	color: #FFFFFF;
 	}
 	
 	#page_links .this_page {
	 	color: #B9B9B9;
 	} 	
 	
/* Sales Page Styles
==================================================================================== */

	.small_btn,
	.small_btn:link,
	.small_btn:visited {
		line-height: 20px;
		color: #353447;
		background: #A2BBE1;
		height: auto;
		width: 120px;
		padding: 10px 20px;
		display: block;
		float: right;
		border-radius: 15px;
		cursor: pointer;
	}

	.small_btn:hover,
	.small_btn:active {
		text-decoration: none;		
	}

	.small_btn img {
		height: 20px;
		margin-left: 20px;
		float: right;
	}	

	.large_btn,
	.large_btn:link,
	.large_btn:visited {
		font-size: 25px;
		line-height: 40px;
		height: auto;
		width: 300px;
		padding: 20px;
		margin: 0px auto;
		display: block;
		border-radius: 15px;
		cursor: pointer;
	}

	.large_btn:hover,
	.large_btn:active {
		text-decoration: none;		
	}

	.large_btn img {
		height: 40px;
		margin-right: 20px;
		float: left;
	}
	
	.play_btn,
	.play_btn:link,
	.play_btn:visited {
		color: #0F4E06;
		background: #009916;		
	}	
	
	.signup_btn,
	.signup_btn:link,
	.signup_btn:visited {
		color: #574E00;
		background: #AE9D00;		
	}

	#video_placeholder, #video_play {
		line-height: 1;		
	}

	#video_placeholder {
		display: block;		
	}
	
	#video_play {
		display: none;
	}

	.video_player {
		width: 937px;
		height: 527px;
		border: 1px solid #B9B9B9;
	}
	
	.video_in_box {
		width: 758px;
		height: 427px;
		margin-bottom: 15px;
		border: 1px solid #B9B9B9;
	}
	
	.screenshot_thumb, .screenshot_full {
		margin: 0px auto;
		border: 1px solid #B9B9B9;		
	}

	.screenshot_thumb {
		width: 398px;
	}
	
	.screenshot_full {
		width: 878px;
	}

/* Usage Report Styles
==================================================================================== */
	
	.usage_report {
		text-align: left;	
		width: 100%;
		margin-bottom: 15px;
	}
	
	.usage_report tr:nth-child(odd) td{
		background: #DDDDDD;		
	}
	
	.usage_report tr:nth-child(even) td {
		background: #FFFFFF;
	}
	
	.usage_report th, .usage_report td {
		padding: 10px;		
	}
	
	.usage_report th {
		font-weight: bold;
		border-top: 1px dotted #B9B9B9;
		border-bottom: 1px dotted #B9B9B9;
	}
		
 
/* Miscellaneous Styles
==================================================================================== */

	.default_btn,
	.default_btn:link,
	.default_btn:visited {
		text-align: center;
		color: #353447;
		background: #A2BBE1;
		width: 230px;
		margin: 0px auto;
		padding: 10px;
		display: block;
		border-radius: 15px;
		cursor: pointer;
	}

	.default_btn:hover,
	.default_btn:active {
		text-decoration: none;		
	}
	
	.post_sidebar .default_btn,
	.post_sidebar .default_btn:link,
	.post_sidebar .default_btn:visited {
		color: #FFFFFF;
		width: auto;
	}

	.left_btn, .left_btn:link {
		float: left;
	}
	
	.right_btn, .right_btn:link {
		float: right;
	}

	.show_list_btn, .show_list_btn:link {
		text-align: center;
		color: #256BD5;
		display: block;
		cursor: pointer;
	}

	.show_list_btn span, .show_list_btn:link span {
		color: #B9B9B9;
	}

	.success {
		color: #36B324;
	}

	.error {
		color: #CF0000;
	}

	.bullet_list {
		list-style-type: disc;
		margin-left: 40px;
		margin-right: 40px;
	}

	.dot {
		color: #B9B9B9;
		padding: 0px 5px;
	}
	
	.clear {
		width: 0;
		height: 0;
		clear: both;
		display: block;
		overflow: hidden;
		visibility: hidden;
	}