body { margin:0px; padding:0px; background:#eee;}
.dl-horizontal dt { white-space: normal; }

.theHeaderMenu {background-color:#CBD1D7; }
.logo { background:#eee; border:1px solid #bbb; height:80px; margin-top:10px; margin-bottom:10px; color:#333;}

.navbar-top {margin-bottom:0px; }
.floating-nav-header-custom {float: left; width: 160px; height: 130px; padding-left: 3px; padding-right: 5px; padding-top: 16px; background: white; border: 1px solid #bbb; margin-top: -55px;}
.im-a-menu-container {margin-left:160px; background:#333; display:block; width:500px; height:70px; border:2px solid white; border-left:none; border-top-right-radius:15px; border-bottom-right-radius:15px;}

.btn {border-radius: 0px;}

.menucontainer {width:100%; height:75px;}
.MainMenuContainer {position:absolute; width:100%;}

.theMainMenu { background:#333; border-top:1px solid white; border-bottom:1px solid #bbb; height:80px;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.35);
	z-index: 998;
}
.floating-nav-header-custom-sm {display: none;}
.mainmenu {margin-bottom:0px; border-radius:0px; height:80px; padding-top:15px;}
.mainmenu ul {}
.mainmenu li {}
.container-wrapper {width:900px; margin:0px auto;}
.theMainContent { min-height:400px; z-index: 997;}
.profile-thumbnail {height:150px; margin-bottom:10px; margin-top:10px; background-color:#ddd; border:1px solid #bbb;}
.searchBox { border:1px solid #bbb; padding:15px 30px; width:100%; }

/*Alert on Team461 DisplayForm page*/
.alert-pad-right { margin-right:55px; }

/*Overide bootstrap table-responsive. I need the table to have these styles at every size
	Not just when the media is 768 width.
*/
 .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #dddddd; background-color: #fff; }

.ima-menu {}
.ima-menu a {display:block;}
.ima-menu .leader {color:white !important;}
.ima-menu .payload {color:white !important; font-weight:bold; font-size:18px;}

.account-menu-small-screen { display:none; }
.account-menu-large-screen { display:block; }
.account-menu {height:38px; background:#666;}
.account-menu a {color:white; padding-top:12px !important; padding-bottom:10px !important; line-height:15px !important; font-size:12px; text-transform:uppercase; font-weight:bold;}
.account-menu a:hover {background:none !important;}
.dropdown.open a {background:#333 !important;}
li.dropdown:hover ul a {background:white !important;}
.dropdown.open li a {background:white !important;}
.account-menu li > a:focus {background-color:transparent !important;}
.account-menu li > a:hover {background-color:#333 !important;}
.account-menu li.open > a:focus {background-color:#333 !important;}
li.dropdown:hover li:hover a {background:#333 !important;}
.dropdown .caret, .dropdown a:hover .caret {border-top-color:white;border-bottom-color:white;}

.carousel-inner img {width:100%; height:auto;}

.navbar-brand { padding:0px; }
.navbar-brand img { height:100px; width:auto; }

/* Sidebar navigation */
.nav-sidebar { margin-bottom: 20px; background-color: #ddd; border:1px solid #bbb;}
.nav-sidebar > li > a { padding-right: 20px; padding-left: 20px;}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus { color: #fff; background-color: #428bca; }

.account-menu .nav > li {
  z-index: 1002;
}

.field-validation-error { color: red; font-style:italic; }

.validation-summary-errors { color: #B94A48; background-color: #F2DEDE; border:1px solid #EED3D7; border-radius: 4px; padding: 15px;}
.validation-summary-errors ul {margin-bottom:0px;}
.red-error { border:1px solid red;}

.btn-file {position: relative; overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}

/* Account Overview Pages */
.overview {}
.overview h4 { background:#666; color:white; padding:10px; margin-bottom:0px; }
.overview .section { border:1px solid #666; padding:15px; background:white; }

/* Home Slider */
#home-slider {height:400px;}
#home-slider .item {height:400px; background:#bbb;}
#home-slider .slide-content {width:100%; height:400px;}
#home-slider .carousel-indicators {/*bottom:40px;*/}
#home-slider .carousel-caption {padding-bottom:50px;}
.call-to-action {height:100px; background:#ddd; position:relative; top:-50px; border:1px solid #999;}
.call-to-action-left {width:50%; height:98px; float:left;}
.call-to-action-right {width:50%; height:98px; float:left; background:#ccc;}
.call-to-action-inner {margin:20px;" class="text-center}
.call-to-action-button-signup {width:40%; margin-right:20px; height:60px; font-size:28px; font-weight:bold;}
.call-to-action-button-login {width:40%; height:60px; font-size:28px; font-weight:bold;}

/* List */
.listSearchResults { margin-top:50px;}
.listSearchResult { margin-bottom:15px; min-height:90px; border-bottom:1px solid #bbb; }
.listSearchResult .thumbnail { float:left; width: 100px; height:80px; background:#ccc; border:1px solid #bbb; }
.listSearchResult .details { float:left; min-height:80px; width:140px; margin-left:10px; }
.listSearchResult .details .name { font-weight:bold; font-size:14px !important;}
.listSearchResult .details .attribute { font-size:12px; text-align:right; padding-right:10px;}
.listSearchResult .detailsLink { float:right; margin-top:20px; }
.listSearchResult .matched-by { float:left; clear:both; border-top:1px dashed #bbb; width:100%; padding:2px 5px; margin-top:3px;}
.listSearchResult .matched-by .mb-type {font-weight:bold; font-size:12px;}
.listSearchResult .matched-by .mb-question {font-size:11px; color:#444;}
.listSearchResult .matched-by .mb-answer {font-size:11px; font-style:italic;}
.searchResultsHeader { background: #333; color:white; height:50px; margin-bottom:15px; }
.searchResultsHeader h3 { margin-left: 5px; padding-top:10px; }
.searchResultsHeader h4 { margin-left: 10px; padding-top:15px; }
.mapSearchResults {height:202px; background:#ccc; border: 1px solid #999; margin:25px 0px; }
.advancedSearchForm { background:#ccc; border: 1px solid #999; margin-top:25px; height:75px;}

.form-instance-table {border:1px solid #bbb; background:white; width:100%;}
.form-instance-table th {background:#428BCA; color:white; font-weight:bold; padding:5px;}

/* HOME PAGE */



/* Church Assistance Network */
.post {background:white; border: 1px solid #bbb; margin-bottom:10px;}
.post-container {padding:10px; }
.post-container .thumbnail {float:left; width:50px; height:50px; border:1px solid #bbb; background:#ccc; margin-right:10px;}
.post .post-content-wrapper {float:left;}
.post-container .poster-details {float:left;}
.post-container .poster-name {font-size:12px; font-weight:bold;}
.post-container .post-time-ago {font-size:10px; color:#999;}
.post .post-content {clear:both; font-size:14px;}
.post .item-and-value { font-style:italic; background-color:lightyellow; border-bottom:1px solid #bbb;}
.post .comments {min-height:50px; background:#ddd; margin-top:10px; border-top:1px solid #bbb; padding:10px 0px;}
.post .comment {clear:both; margin-left:50px; margin-bottom:10px;}
.comment .thumbnail {float:left; width:32px; height:32px; border:1px solid #bbb; background:#fff; margin-right:10px;}
.comment .comment-content-wrapper {float:left;}
.comment .poster-details {float:left;}
.comment .poster-name {font-size:12px; font-weight:bold; float:left; margin-right:5px;}
.comment .comment-time-ago {font-size:10px; color:#999; float:left;}
.comment .comment-content {clear:both; font-size:14px;}
.comment-entry-form {background:#bbb; clear:both; padding-left:50px; padding-bottom:10px;}
.comment-entry-form .comment-entry-form-container {padding-top:10px;}
.comment-entry-form .thumbnail {float:left; width:32px; height:32px; border:1px solid #bbb; background:#fff; margin-right:10px;}
.comment-entry-content {font-size:14px;float:left;}
.comment-entry-content .item-value-pledge {}
.comment-entry-content label {font-weight:normal; font-size:12px;}
.comment-entry-content input {width:400px; border:1px solid #999; padding:5px; font-size:11px;}
.comment-entry-content select { border:1px solid #999;}
.post-entry-form {background:white; border: 1px solid #bbb; margin-bottom:30px;}
.post-entry-form .post-entry-container {padding:10px;}
.post-entry-form .item-and-value-request {height:45px;}
.post-entry-form .item-and-value-request label {font-weight:normal; font-size:12px; width:300px; display:inline !important;}
.post-entry-form .item-and-value-request input {border:1px solid #bbb; display:inline !important;}
.post-entry-form textarea {border:1px solid #bbb; width:100%;}
.post-entry-form .post-entry-actions { padding:10px; background:#ddd; border-top:1px solid #bbb;}

.action-bar {padding:10px; margin:10px auto; border-top:2px solid #bbb; }

/***************************************************/
/* Account Request
/***************************************************/
#AccountRequest .form-group .form-group {padding-left:50px;}
#AccountRequest .form-group div label { font-weight:normal; cursor:pointer; }


/***************************************************/
/* Forms
/***************************************************/
.dyanmicForm { }
.dyanmicForm .question {margin:15px 0px; margin-left:0px; clear:both;}
.dyanmicForm .questionDisplayText { margin-top:5px; font-size:14px; font-weight:bold; float:left; width:150px; text-align:right;}
.dyanmicForm .questionDisplayText.full {float:none; width:auto; text-align:left;}
.dyanmicForm .answers {margin:5px; margin-top:0px; margin-left:20px; float:left; width:90%;}
.dyanmicForm .answer { margin:0px; display:block;}
.dyanmicForm .answer.radio, .dyanmicForm .answer.checkbox { float:left; width: 200px; padding-right:5px;}
.dyanmicForm .answerDisplayText { font-size:12px; font-weight:normal; font-style:italic; }
.dyanmicForm .answerInput { }
.dyanmicForm .answerInput .textBox { border:1px solid #bbb; padding:2px 5px;}
.dyanmicForm .form-buttons { text-align:center; margin-top:35px; padding-top:15px; border-top:2px solid #bbb; }
.dyanmicForm .textBox.has-error {border:1px solid red !important;}
.dyanmicForm .questionDisplayText.has-error {color:red !important;}
.dyanmicForm .validation-errors { color:red;}

/***************************************************/
/* Form Editor
/***************************************************/
.addNew .glyphicon-plus { color: limegreen; }

/***************************************************/
/* FOOTER BAR
/***************************************************/
.theFooter { background-color:#ddd; border-top:1px solid #bbb; margin-top:30px;
	-moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.35);
	-webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.35);
	box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.35);
	z-index: 998;
}
#footerbarcontainer {height:auto;text-align:center;height:325px;overflow:hidden;}
#footerbar {width:auto;height:325px;margin:0px auto;}
#footerbarcontentcontainer {margin:0px auto;background-color:#E0E3E7;width:900px;height:325px;}
#footerbarleft {float:left;width:556px;height:325px;text-align:left;}
#footertag {position:relative;top:40px;left:25px;font-size:11px;color:#5D81A1;}
#footertag a {color:#76A6D1;}
#footerbarright {float:right;width:324px;height:325px;background-image:url(Images/footerrightbacking.png);background-repeat:repeat-x;text-align:center;}
#footerbarright img#btmlogo {position:relative;top:40px;}

/* */
.sidebar-module-inset { padding: 15px; background-color: #F5F5F5; border-radius: 4px; border:1px solid #bbb; }
.sidebar-module {padding: 15px; margin: 0px; }

/* Search Side Bar Modules */
.search-module { margin-top:25px; padding:0px !important; }
.search-module h4 { background: #444; color:#fff; margin-top:0px; margin-bottom:0px; padding:10px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.search-module .inner-container { padding:5px 10px; }
.search-module .module-label-text {font-size:10px; font-weight:bold; }
.search-module .search-box { border:1px solid #bbb; padding:2px; font-size:11px; width:100%; margin-bottom:2px;}
.search-module .search-button { border:1px solid #bbb; padding:2px; font-size:12px; background:#444; color:#fff; margin:0px auto; margin-top:10px; display:block; width:75px; height:30px;}
.inner-container div { height:22px !important; }
.inner-container div a:hover { text-decoration:none; }
.search-module .alert { border-radius:0px; padding:5px 10px; margin-bottom:0px; font-size:11px; }
.search-module .filter {cursor:pointer; }

#home-slider, #home-slider .item, #home-slider .slide-content {
    height: 100%;
}


@media (max-width: 960px)
{
	/*#home-slider, #home-slider .item, #home-slider .slide-content {height:100%;}*/
	.container-wrapper {width:768px;}
	.form-instance-table { width:75%; }
	.account-menu-small-screen { display:none; }
	.account-menu-large-screen { display:block; }
}

@media (max-width: 768px)
{
	/*#home-slider, #home-slider .item, #home-slider .slide-content {height:100%;}*/
	.call-to-action {height:auto; position:relative; top:-50px;}
	.call-to-action-left, .call-to-action-right { height:auto; }
	.call-to-action-button-signup {width:90%; margin-right:0px; font-size:22px; height:50px;}
	.call-to-action-button-login {width:90%; margin-top:10px; font-size:22px; height:50px;}
	.container-wrapper {width:90%;}
	.agbar-links { display:none;}
	/*#footerbarcontainer {display:none;}*/
	.footerbarsocial {display:none;}
	#footerbarright {width:100%; height:200px;}
	#footerbarleft {width:100%; height:200px;}
	#footerbarcontentcontainer {width:100%; height:auto; overflow:visible;}
	#footerbarcontainer {height:auto;}
	.form-instance-table { width:90%; }
	.form-instance-table td, .form-instance-table th {display:none !important;}
	.form-instance-table td:nth-child(1), .form-instance-table th:nth-child(1),
	.form-instance-table td:nth-child(2), .form-instance-table th:nth-child(2),
	.form-instance-table td:nth-child(3), .form-instance-table th:nth-child(3),
	.form-instance-table th:nth-child(4), .form-instance-table th:nth-child(4) { display:table-cell !important; }
	.navbar-nav {margin-top:0px;}

	.MainMenuContainer {position:relative;}
	.menucontainer {height:auto;}
	.mainmenu {padding-top:0px; height:auto;}
	.navbar-brand img { height:100px; width:auto;}
	.navbar-header { display:none; }
	.navbar-header-sm { width:151px; display:block; margin: 0 auto;}
	.floating-nav-header-custom {display:none;}
	.floating-nav-header-custom-sm {display: inline-block; width: 100%; height: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px; margin-top: 0px; background:#fff; }
	.im-a-menu-container {margin:0px; background:#333; display:block; width:100%; height:auto; border:none; border-top-right-radius:0; border-bottom-right-radius:0;}
	.ima-menu {width:30%; float:left;}
	.theMainMenu {height:auto;}

	.account-menu-small-screen { display:block; width:100%; }
	.account-menu-large-screen { display:none; }
	/*Alert on Team461 DisplayForm page*/
	.alert-pad-right { margin-right:45px; }

}

@media (max-width: 360px)
{
	/*Alert on Team461 DisplayForm page*/
	.alert-pad-right { margin-right:15px; }
}

@media (max-width: 320px)
{
	/*#home-slider, #home-slider .item, #home-slider .slide-content {height:175px;}*/
	.container-wrapper {width:95%;}
	.call-to-action-button-signup {font-size:16px; height:40px;}
	.call-to-action-button-login {font-size:16px; height:40px; }

	.account-menu-small-screen { display:block; }
	.account-menu-large-screen { display:none; }
}

.carousel-inner > .item > img {

}