/* Imported Styles
/* Imported Styles
-------------------------------------------------------------- */
@import url("reset.css");
@import url("forms.css");
@import url("scroller.css");
@import url("galleriffic.css");
@import url("cmxform.css");
@import url("jquery.autocomplete.css");
@import url("jquery.bubbletip.css");
@import url("jquery.dialog.css");
@import url("menu.css");
@import url("blog.css");
@import url("chat_bar.css");
@import url("social_networking.css");
@import url("jquery-ui-1.10.3.custom.css");

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default */
body
{
	font: 10.0pt/1.5em Arial, Verdana, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	background-repeat: repeat;
	background-attachment: fixed;
	height:100%;
	text-align: left;
	width: 100%; 
}
::-webkit-scrollbar
{
	width: 8px;
}
			 
/* Track */
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
			 
/* Handle */
::-webkit-scrollbar-thumb
{
	-webkit-border-radius: 10px;
	border-radius: 4px;
	background: rgba(192,192,192,0.8); 
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive
{
	background: rgba(192,192,192,0.4); 
}

.navbar-header
{
	margin-top: -20px;
}
.display
{
	width: 100%;
}
input[type='button'], input[type='submit']
{
	font-size: 8.0pt;
}
input[type='text'], select, input.form-control
{
	color: #f15f25;
}
body#splashpage
{
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}
body#splashpage a, body#splashpage a:hover, body#splashpage a:visited
{
	text-decoration: none;
	color: #ffffff;
}
#splashpage .star-wars
{
	width: 100%;
}
#splashpage .crawl
{
	width: 100%;
}

#splashpage .title
{
	width: 100%;
}

#splashpage .quote
{
	width: 100%;
}


body#splashpage #scripture
{
	display: none;
	position: absolute;
	top: 30%;
	left: 0px;
}
body#splashpage #scripture #text
{
	text-align: left;
	width: 85%;
	margin-left: 25px;
	margin-right: 25px;
}
body#splashpage #scripture #verse
{
	text-align: right;
	width: 85%;
	margin: 50px 25px 0 0;
}
body#splashpage #scripture #text, body#splashpage #scripture #verse
{
	font-family: Arial;
	font-size: 16.0pt;
}
#logo
{
	display: none;
}
.navbar
{
	display: inline;
}
#banner
{
	display: none;
}
#title
{
	display: none;
	margin-left: 0px;
	height: 53px;
	text-align: left;
	font-size: 32pt;
	font-weight: bold;
	transform: skewX(10deg);
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	color: #f15f25;
	letter-spacing: -2px;
}
#header
{
	display: none;
}
ul.usernav
{
	display: none;
}
#login
{
	display: none;
}
#links_control
{
	display: block;
}
#launch_icon
{
	display: inline;
}
#buttons_icon
{
	display: inline;
}
ul.navbar-nav li
{
	margin: 0 -5px 0 -5px;
}
#navbar-ex1-collapse
{
	height: 100%;
	margin-bottom: 100%;
}
ul.navbar-nav li a
{
	font-size: 20px;
}
#links_panel_left
{
	display: block;
}
#panelButtons
{
	display: block;
}
.areaButtons
{
	display: none;
}
/*
** Content
*/
.areaContent, .areaContent td, .areaContent a
{
	font-size: 10.0pt;
	color: #f15f25;
}
.areaContent th
{
	font-size: 10.0pt;
	font-weight: bold;
	color: #f15f25;
}

#panelButtons ul
{
	width: 100%;
	list-style: none;
	height: 100%;
}
#panelButtons ul li
{
	text-align: left;
}
#panelButtons ui li a
{

	text-align: left;
	text-decoration: none;
	font-size: 8.0pt;
}

.areaContent
{
	height: calc(100% - 75px);
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
	padding: 25px 25px 0px 25px;
	display: block;
}
.background
{
	background: #ffffff;
}
.areaLinks
{
	margin-right: 10px;
    margin-top: 30px;
}
.areaLinks .possiblyHidden
{
	display: none;
}
.areaLinks .visible
{
	display: block;
}

/*
** Links
*/
/* Blog Group */
.panel-default > .panel-heading
{
/*    color: white !important;
    background-image: initial !important;
    background-color: #f15f25 !important; */
}
/* Blog Links */
.panel-body a
{
	color: #f15f25;
}
/* Core Links */
#links_list li a
{
    color: #f15f25;
}

#links_list
{
	overflow-y: auto;
	width: 100%;
	list-style: none;
	height: 100%;
	padding-left: 3px;
}
#links_list li
{
	padding: 10px 0 10px 0;
	text-align: left;
}

#links_list li a
{
	text-decoration: none;
	text-align: left;
	cursor: pointer;
	font-size: 20px;
}
#links_list .link_group
{
	text-decoration: none;
	text-align: left;
	color: #727f72;
	cursor: pointer;
	font-size: 10pt;
	width: 100%;
	font-weight: bold;
	padding-left: 3px;
}
#links_list .reorder
{
	border: 1px dotted black;
	height: 10px;
}
#chat_bar
{
	display: none;
}
#footer
{
	display: none;
}
#register_form
{
	margin-bottom: 100px;
}
.modal-dialog
{
	left: 0 !important;
}
.modal-backdrop
{
	display: none;
}

.icon_add
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -17px -129px;
	width: 15px;
	height: 15px;
}
.icon_edit
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -65px -113px;
	width: 15px;
	height: 15px;
}
.icon_delete
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -82px -129px;
	width: 15px;
	height: 15px;
}
.icon_details_show
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -224px -48px;
	width: 15px;
	height: 15px;
}
.icon_details_hide
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -194px -49px;
	width: 15px;
	height: 15px;
}
.icon_done
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -162px -64px;
	width: 15px;
	height: 15px;
}
.icon_directions
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -112px -97px;
	width: 15px;
	height: 15px;
}
.icon_tag
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -241px -97px;
	width: 15px;
	height: 15px;
}
.icon_close
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -82px -129px;
	width: 15px;
	height: 15px;
}
.icon_refresh
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -162px -64px;
	width: 15px;
	height: 15px;
}
.icon_previous
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -96px 0px;
	width: 15px;
	height: 15px;
}
.icon_next
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -35px 0px;
	width: 15px;
	height: 15px;
}
.icon_confirmed
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -63px -143px;
	width: 15px;
	height: 15px;
}
.icon_info
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -50px -143px;
	width: 15px;
	height: 15px;
}
.icon_play
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -2px -159px;
	width: 15px;
	height: 15px;
}
.icon_pause
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -14px -159px;
	width: 15px;
	height: 15px;
}
.icon_stop
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -97px -159px;
	width: 15px;
	height: 15px;
}
.icon_lock
{
	display: inline-block;
	background: url("/images/ui-icons_222222_256x240.png") -190px -97px;
	width: 15px;
	height: 15px;
}
.icon_transportation_walking
{
	display: inline-block;
	background: url("/images/transportation-icons.jpg") 0px 0px;
	width: 20px;
	height: 18px;
	background-size: 100px;
	margin-top: 3px;
}
.icon_transportation_bicycling
{
	display: inline-block;
	background: url("/images/transportation-icons.jpg") -48px 0px;
	width: 24px;
	height: 18px;
	background-size: 100px;
	margin-top: 3px;
}
.icon_transportation_transit
{
	display: inline-block;
	background: url("/images/transportation-icons.jpg") -22px -50px;
	width: 20px;
	height: 18px;
	background-size: 100px;
	margin-top: 3px;
}
.icon_transportation_driving
{
	display: inline-block;
	background: url("/images/transportation-icons.jpg") 1px -27px;
	width: 19px;
	height: 18px;
	background-size: 100px;
	margin-top: 3px;
}
#navbar_title
{
	display: inline-block;
	width: 60%;
	height: 50px;
	text-align: center;	
	/* background: url("/images/title_blue.png") 0 0; */
	background-repeat: no-repeat;
	text-align: left;
	font-size: 32pt;
	font-weight: bold;
	transform: skewX(10deg);
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	color: #f15f25;
	letter-spacing: -2px;
}
#title
{
	display: none;
	text-align: left;
	font-size: 32pt;
	font-weight: bold;
	transform: skewX(10deg);
	text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
	color: #f15f25;
	letter-spacing: -2px;
}

/* Extra small devices (phones, 480px and up) */
@media (min-width: 480px)
{
	#navbar_title
	{
		/* background: url("/images/title_yellow.png") 0 0; */
		background-repeat: no-repeat;
		text-align: left;
		font-size: 32pt;
		font-weight: bold;
		transform: skewX(10deg);
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: #f15f25;
		letter-spacing: -2px;
	}
	#title
	{
		display: none;
		text-align: left;
		font-size: 32pt;
		font-weight: bold;
		transform: skewX(10deg);
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: #f15f25;
		letter-spacing: -2px;
	}
	.navbar
	{
		display: inline;
	}
	#banner
	{
		display: none;
	}
	#header
	{
		display: none;
	}
	#login
	{
		display: none;
	}
	#links_control
	{
		display: block;
	}
	#launch_icon
	{
		display: inline;
	}
	#buttons_icon
	{
		display: inline;
	}
	#links_panel_left
	{
		display: block;
	}
	#panelButtons
	{
		display: block;
	}
	.areaButtons
	{
		display: none;
	}
	#panelButtons ul
	{
		width: 100%;
		list-style: none;
		height: 100%;
	}
	#panelButtons ul li
	{
		text-align: left;
	}
	#panelButtons ui li a
	{
		text-align: left;
		text-decoration: none;
		font-size: 8.0pt;
	}
	.areaContent
	{
		height: calc(100% - 82px);
        overflow-y: scroll; /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
		padding: 25px 25px 25px 25px;
		display: block;
	}
	.background
	{
		background: #ffffff;
	}
	#chat_bar
	{
		display: none;
	}
	#footer
	{
		display: none;
	}
	#register_form
	{
		margin-bottom: 100px;
	}
	.modal-backdrop
	{
		display: none;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
	.display
	{
		min-width: 100%;
	}
	body#splashpage #scripture
	{
		left: 25%;
	}
	body#splashpage #scripture #text
	{
		width: 500px;
	}
	body#splashpage #scripture #verse
	{
		width: 500px;
		margin: 50px 0 0 0;
	}
	#navbar_title
	{
		display: none;
		text-align: left;
		font-size: 32pt;
		font-weight: bold;
		transform: skewX(10deg);
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: #f15f25;
		letter-spacing: -2px;
	}
	#title
	{
		display: inline-block;
		width: 60%;
		height: 50px;
		text-align: center;
		background-repeat: no-repeat;
		text-align: left;
		font-size: 32pt;
		font-weight: bold;
		transform: skewX(10deg);
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: #f15f25;
		letter-spacing: -2px;
	}
	#logo
	{
		display: block;
	}
	#login
	{
		float: right;
		height: 50px;
		text-align: bottom;
		display: block;
	}
	#header
	{
		width: 768px;
		display: inline;
		text-align: left;
	}
	.navbar
	{
		display: none;
	}
	#banner
	{
		display: block;
	}
	#links_control
	{
		display: block;
	}
	#launch_icon
	{
		display: none;
	}
	#buttons_icon
	{
		display: none;
	}
	#links_panel_left
	{
		display: none;
	}
	#panelButtons
	{
		display: none;
	}
	ul.usernav
	{
		display: block;
	}
	.areaContent
	{
		height: calc(100% - 151px);
		padding: 25px 0 25px 25px;
		display: block;
		margin: 0 0 0 255px;
	}
	.areaButtons
	{
		width: 954px;
		padding: 0 10px 0 0;
		background: #ffffff;
		display: block;
	}
	.areaLinks
	{
		float: left;
		padding: 0 0 0 0;
		margin-right: 10px;
		width: 250px;
		height: calc(100% - 112px);
		display: inline-block;
		clear: both;
		position: absolute;
		top: 55px;
		left: 0px;
		overflow-y: auto;
	}
	.areaLinks .possiblyHidden
	{
		display: none;
	}
	.areaLinks .visible
	{
		display: block;
	}
	.background
	{
		background-color: #ffffff;
	}
	#links_list
	{
		margin-left: 0;
		list-style: none;
		height: 97%;
	}
	#links_list li
	{
		padding: 5px 0 5px 0;
		border-bottom: 0px;
		border-bottom-color: initial;
		text-align: right;
	}
	#links_list li a
	{
		text-align: right;
		font-size: 10pt;
	}
	#links_list .link_group
	{
		text-decoration: none;
		text-align: left;
		color: #ffffff;
		cursor: pointer;
		font-size: 10pt;
		width: 100%;
		font-weight: bold;
	}
	#chat_bar
	{
		display: block;
	}
	#footer
	{
		display: none;
	}
	[data-role="fieldcontain"] div
	{
		display: inline-block;
	}
	[data-role="fieldcontain"]
	{
		margin-bottom: 5px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
	#title
	{
		margin-left: 80px;
		/* background: url("/images/title_green.png") 0 0; */
		background-repeat: no-repeat;
		text-align: left;
		font-size: 32pt;
		font-weight: bold;
		transform: skewX(10deg);
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: #f15f25;
		letter-spacing: -2px;
	}
	.display
	{
		width: 964px;
		min-width: 964px;
	}
	#links_control
	{
		display: none;
	}
	#links_panel_left
	{
		display: none;
	}
	#panelButtons
	{
		display: none;
	}
	#banner
	{
		display: block;
	}
	.navbar
	{
		display: none;
	}
	#login
	{
		float: right;
		height: 50px;
		text-align: bottom;
		display: block;
	}
	#header
	{
		width: 992px;
		display: inline;
		text-align: left;
	}
	.background
	{
		background: #ffffff;
	}
    /*
	.areaContent, .areaContent td, .areaContent a, .areaContent input
	{
		font-size: 10.0pt;
		color: #334433;
	}
	*/
	.activeLink
	{
		font-size: 8.0pt;
		color: #000000;
		font-style: italic;
	}
	.areaButtons
	{
		width: 954px;
		padding: 0 10px 0 0;
		background: #ffffff;
		display: block;
	}
	[data-role="content"]
	{
		margin: 50px 0 0 100px;
	}
	.areaContent
	{
		height: calc(100% - 151px);
	/*	color: #334433; */
		padding: 25px 0 25px 25px;
		display: block;
		margin: 0 0 0 255px;
	}
	.areaLinks
	{
		float: left;
		padding: 0 0 0 0;
		margin-right: 10px;
		width: 250px;
		height: calc(100% - 112px);
		display: inline-block;
		clear: both;
		position: absolute;
		top: 55px;
		left: 0px;
        overflow-y: auto;
	}
	.areaLinks .possiblyHidden
	{
		display: block;
	}
	.areaLinks .visible
	{
		display: block;
	}
	#links_control
	{
		position: fixed;
		padding-top: 93px;
		z-index: 100;
	}
	.buttons
	{
		clear: both;
		list-style: none;
	}
	.content
	{
		font-size: 8.0pt;
		color: #000000;
	}
	.finePrint
	{
		font-size: 8.0pt;
		color: #afafaf;
	}
	.finePrint a
	{
		font-size: 8.0pt;
		color: #000000;
	}
	#links_list li
	{
		padding: 5px 0 5px 0;
		border-bottom: 0px;
		border-bottom-color: initial;
		text-align: right;
	}
	.instructions
	{
		color: #ffffff;
		font-weight: bold;
		background-color: #3366aa;
		border: 2px solid #000000;
		padding: 10px;
		margin: 25px 0 25px 0;
	}
	.label
	{
		display: inline-block;
		width: 200px; 
		margin-left: 0px;
		vertical-align: top;
		font-weight: normal;
		font-size: 8.0pt;
	}
	#mainContainer 
	{
		width: 768px;
		height: 800px;
		margin: 0 auto;
		padding: 10px 0 0 0;
		text-align: left;
	}
    #logo
	{
		position: absolute;
		width: 88px;
		height: 53px;
		outline: none;
		display: block;
	}
	#launch_icon
	{
		display: none;
	}
	#buttons_icon
	{
		display: none;
	}
	.friends_list
	{
		display: inline-block;
		height: 100px;
		width: 350px;
		overflow: auto;
	}
	.friends_list span
	{
		font-size: 8.0pt;
	}
	#menu a.menulink
	{
		white-space: nowrap;
	}
	#chat_bar
	{
		display: block;
	}
	#footer
	{
		display: none;
	}
	[data-role="fieldcontain"] div
	{
		display: inline-block;
	}
	[data-role="fieldcontain"]
	{
		margin-bottom: 5px;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	#title
	{
		/* background: url("/images/title_red.png") 0 0; */
		background-repeat: no-repeat;
		text-align: left;
		font-size: 32pt;
		font-weight: bold;
		transform: skewX(10deg);
		text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
		color: #f15f25;
		letter-spacing: -2px;
	}
	#links_control
	{
		display: none;
	}
	#links_panel_left
	{
		display: none;
	}
	#panelButtons
	{
		display: none;
	}
	#banner
	{
		display: block;
	}
	.navbar
	{
		display: none;
	}
	#login
	{
		float: right;
		height: 50px;
		text-align: bottom;
		display: block;
	}
    /*
	.areaContent, .areaContent td, .areaContent a, .areaContent input
	{
		font-size: 10.0pt;
		color: #334433;
	}
	*/
	.activeLink
	{
		font-size: 8.0pt;
		color: #000000;
		font-style: italic;
	}
	.areaButtons
	{
		width: 100%;
		padding: 0 0 0 0;
		background: #ffffff;
		display: block;
	}
	[data-role="content"]
	{
		margin: 50px 0 0 100px;
	}
	.areaContent
	{
		height: calc(100% - 151px);
	/*	color: #334433; */
		padding: 25px 0 25px 25px;
		display: block;
		margin: 0 0 0 255px;
	}
	.areaLinks
	{
		float: left;
		padding: 0 0 0 0;
		margin-right: 10px;
		width: 250px;
		height: calc(100% - 112px);
		display: inline-block;
		clear: both;
		position: absolute;
		top: 55px;
		left: 0px;
        overflow-y: auto;
	}
	.areaLinks .possiblyHidden
	{
		display: block;
	}
	.areaLinks .visible
	{
		display: block;
	}
	.background
	{
		background-color: #ffffff;
	}
	#links_control
	{
		position: fixed;
		padding-top: 93px;
		z-index: 100;
	}
	.buttons
	{
		clear: both;
		list-style: none;
	}
	.content
	{
		font-size: 8.0pt;
		color: #000000;
	}
	.contentImage
	{
		text-align: right;
		float: right;
	}
	.finePrint
	{
		font-size: 8.0pt;
		color: #afafaf;
	}
	.finePrint a
	{
		font-size: 8.0pt;
		color: #000000;
	}
	.instructions
	{
		color: #ffffff;
		font-weight: bold;
		background-color: #3366aa;
		border: 2px solid #000000;
		padding: 10px;
		margin: 25px 0 25px 0;
	}
	#mainContainer 
	{
		width: 768px;
		height: 800px;
		margin: 0 auto;
		padding: 10px 0 0 0;
		text-align: left;
	}
	#header
	{
		width: 1200px;
		display: inline;
		text-align: left;
	}
	#launch_icon
	{
		display: none;
	}
	#buttons_icon
	{
		display: none;
	}
	.friends_list
	{
		display: inline-block;
		height: 100px;
		width: 350px;
		overflow: auto;
	}
	.friends_list span
	{
		font-size: 8.0pt;
	}
	#menu a.menulink
	{
		white-space: nowrap;
	}
	#chat_bar
	{
		display: block;
	}
	#footer
	{
		display: none;
	}
	[data-role="fieldcontain"] div
	{
		display: inline-block;
	}
	[data-role="fieldcontain"]
	{
		margin-bottom: 5px;
	}
}