/* Include additional required styles */
@import url("/templates/tcgrecreation_responsive/topmenu.css");
@import url("/templates/tcgrecreation_responsive/mainmenu.css");
@import url("/templates/tcgrecreation_responsive/layout.php");


/*
* Weblog Standard Classes
*/

.alignIMGL {
	float: left;
	margin-right: 10px;
}

.alignIMGR {
	float: right;
	margin-left: 10px;
}

.social_networking div {
	text-align: center;
	width: 65px;
	float: left;
}


/* ############## */
/* Table Styling */
/* ############## */

* {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}

.textleft {text-align: left;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.left {float: left;}
.right {float: right;}

.col-5 {width: 50%;}

.large {font-size: large !important;}

.inline-block {display: inline-block;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
	font-size:16px;
}

img {
	max-width: 100%;
	height: auto;
}

table.middle {
	width: 100%;
	background-color: #ffffff;
	margin: 5px 0px 5px 0px;
}
.table-head {
	background: #B9D0DD;
	text-align: left;
	color: #595959;
	font: bold 11px trebuche, verdana, geneva, lucida, arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	/* ~ Not sure why this is here, but it's crap on mobile, I'm taking it out.
	white-space: nowrap; */
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.table-instruct {
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	background: #B9D0DD;
}
.table-body {
	font-family: Arial;
	font-size: 13px;
}

.notice {
	color: #ff0000;
}

/* Just a standard table */

table.standard {
	width: 99%; /* This is 99% to show it's shadow, which is cut off from the overflow:hidden; */
	font: 12px/18px Arial, Sans-serif;
	color: #333;
	background-color: #fff;
	border-spacing: 0;
	margin: 10px 0 15px;
	text-align: left;
	box-shadow: 1px 1px 3px rgba(0,0,0,.7);
}

table.standard th,
table.standard thead td {
	font: bold 12px/18px Arial, Sans-serif;
	color: #000;
	background-color: #fff;
	border-collapse: collapse;
	border-bottom: #ccc 2px solid;
	padding: 3px;
}

table.standard tbody td {
	border-bottom: #ccc 1px solid;
	padding: 4px;
	vertical-align: top;
	min-height: 27px;
}

table.standard tbody tr:nth-child(odd) td:nth-child(odd) {
	background-color: #dfdfdf;
}

table.standard tbody tr:nth-child(odd) td:nth-child(even) {
	background-color: #ececec;
}

table.standard tbody tr:nth-child(even) td:nth-child(odd) {
	background-color: #efefef;
}

table.standard tbody tr:nth-child(even) td:nth-child(even) {
	background-color: #f5f5f5;
}


/* ############ */
/* Form Styling */
/* ############ */

.formbody {
	
}

.formbody .head {
	background: #E7EFF7;
	color: #3E3E3E;
	font: bold 11px trebuche, verdana, geneva, lucida, arial, helvetica, sans-serif;
	padding: 5px 10px;
	margin-top: 1px;
}

.formbody .head .toggle {
	float: right;
}

.formbody .instruct {
	font-size: 11px;
	color: #000000;
	font-family: Arial;
}

.formbody .caution {
	float: left;
	margin-right: 10px;
}

.formbody .errors {
	margin-left: 125px;
}

.formbody .section {
	padding: 3px 8px;
}

.formbody label {
	float: left;
	font-size: 13px;
}

.formbody .halffield {
	width: 150px;
	text-align: center;
	float: left;
}

.formbody .row {
	padding: 10px 5px;
	border-bottom: 1px solid #CEDFEB;
}

.formbody .error {
	background-color: #FFDBDB !important;
}

.formbody .row:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.formbody .alert {
	background-color: #CCCCCC;
}

.formbody .controls {
	margin-left: 212px;
}

.formbody .controls .details {
	font-size: 11px;
	color: #808080;
	font-family: Arial;
}

.formbody .errorlist {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-image: url('/images/red_arrow.png');
	padding-left: 12px;
}

.formbody .errorlist li {
	font-family: Arial;
	font-size: 11px;
	color: #ff0000;
}


.formbody .row select, .formbody .row textarea, .formbody .row input {
	font-size: 13px;
}

div.form_controls {
	text-align: right;
}

.lastrow {
	border-bottom: 0px !important;
}

.notice {
	color: #ff0000;
}

/* ############## */
/* +--Calendar--+ */
/* ############## */

table.calendar {
	width: 100%;
	background-color: #ffffff;
	margin: 0px 0px 5px 0px;
	border-collapse: collapse;
	border-color: #808080;
	margin-top: 0px;
}

table.calendar tr th {
	border: 1px solid #808080;
}

table.calendar tr td {
	border: 1px solid #808080;
	padding-bottom: 70px;
}

table.mini-calendar {
	border-collapse: collapse;
	background-color: #ffffff;
	width: 96%;
}

table.mini-calendar tbody {
	font-size: 11px;
}

table.mini-calendar tbody td {
	padding-bottom: 5px;
	height: auto !important;
}

table.mini-calendar a {
	text-decoration: underline;
}

/* #################### */
/* +--Content Blocks--+ */
/* #################### */

div.border {
	border: 4px #DBDBDB outset;
}

div.block_item {
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 0px 5px 3px;
	margin: 0px 0px 15px 5px;
}

div.middle_block {
	text-align: left;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height:1.2em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}

div.middle_block:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

ul.blocklist {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style: none;
}

ul.blocklist a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

table.cookiecrumb {
	background-color: #DBDBDB;
	border-style: solid;
	border-width: 0px;
	border-color: #000000;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 5px 0px;
	width: 100%;
}

ul.flatlist {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

/* Loader box after form submission */
div#loadbox {
	border: 4px #DBDBDB outset;
	width: 220px;
	height: 100px;
	padding: 20px;
	background-color: #F1F1F1;
	vertical-align: middle;
	position:absolute;
	left:40%;
	top:40%;
	display: none;
}


/* +--Generals--+ */

font.general, p.general, span.general {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
}

a.general:link, a.general:active, a.general:visited {
	color: #000080;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}

a.general:hover {
	text-decoration: none;
}

font.general-small, p.general-small, span.general-small, ul.general-small {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}

a.general-small {
	color: #000080;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
}

div.lftcol_item {
	border-style: solid;
	border-width: 0px;
	border-color: #CCCCCC;
	text-align: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 10px;
}

.back:link, .back:visited, .back:hover, .back:active {
	color: #000000;
	text-decoration: none;
	text-align: center;
	font: bold 9pt Arial, Verdana, Helvetica, sans-serif;
}

.alt1 {
	background-color: #DCE7EF;
}

.alt2 {
	background-color: #EBF2F6;
}

span.small-date {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

form {
	margin: 0px;
}

.menulist {
		list-style-image: url("/templates/tcgrecreation_responsive/images/black_arrow.png");
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 0;
		padding-left: 12px;
}

.menulist a:link, .menulist a:active, .menulist a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-size: 12px;
	color: #000080;
}

.menulist a:hover {
	color: #000000;
}

/* ##################### */
/* +--Cookiecrumb Bar--+ */
/* ##################### */
font.fpath {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}
span.cookietitle {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
a.path:link, a.path:visited, a.path:active {
	color: #0066FF;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	padding: 10px 3px 10px 3px;
}
a.path:hover {
	color: #FF9900;
	text-decoration: none;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	padding: 10px 3px 10px 3px;
}

/* ################## */
/* +--Column Links--+ */
/* ################## */
#left_col {
	width: 150px; 
	float: left; 
	position: relative; 
	padding-top: 2px;
	margin-right: 1px;
	padding-left: 10px;
}
a.leftcol:link, a.leftcol:visited, a.leftcol:hover, a.leftcol:active {
	color: #0066FF;
	text-decoration: none;
	text-transform: uppercase;
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
}
a.leftcol_min:link, a.leftcol_min:visited, a.leftcol_min:active {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.leftcol_min:hover {
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

/* ############ */
/* +--Footer--+ */
/* ############ */
font.footer {
	color: #0066FF;
	font: 8pt Arial;
	text-align: center;
}
a.footer:link, a.footer:visited {
	color: #3B5CE3;
	text-decoration: none;
	font: 8pt Arial;
}
a.footer:hover {
	color: #000000;
	font-family: Arial;
	font-size: 8pt;
	text-decoration: underline;
}
a.footer:active {
	color: white;
	font-family: Arial;
	text-decoration: none;
	font-size: 8pt;
}
.pagestats {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	background-color: #DBDBDB;
	text-align: center;
	vertical-align: middle;
}

/* #################### */
/* +--Photos Gallery--+ */
/* #################### */
a.photo_link:link, a.photo_link:visited, a.photo_link:hover, a.photo_link:active {
	color: #0066FF;
	text-decoration: none;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
}
a.affiliates:link, a.affiliates:visited, a.affiliates:hover, a.affiliates:active {
	color: #0066FF;
	text-decoration: none;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
}

/* ########## */
/* +--Misc--+ */
/* ########## */
.tooltip {
	width: 300px;
	background-color: #dbdbdb;
	border: 3px solid #000000;
	padding: 3px;
	font-family: Arial, Verdana;
	font-size: 13px;
	font-weight: normal;
	display: none;
	position: absolute;
}

a.alpha:link, a.alpha:visited, a.alpha:active {
	color: #0066FF;
	text-decoration: none;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	padding: 0px 3px 0px 3px;
}
a.alpha:hover {
	text-decoration: underline;
}
.popup {
	border: 4px #DBDBDB outset;
	padding: 0px;
	background-color: #ffffff;
	position:absolute;
	z-index: 1;
	display: none;
}

/* ############ */
/* +--Search--+ */
/* ############ */

.site-search {
	float: right;
	clear: none !important;
}

a.search-title {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
	color: #808080;
	background-color:transparent
}
.search-description {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: transparent;
}
.search-url {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #008000;
	background-color: transparent;
}

/* ############ */
/* +--Custom--+ */
/* ############ */

.docrow {
	text-align: left;
	background-color: #e7eff7;
	border: 1px solid #7b9ebd;
	margin-top: 0px;
	margin-bottom: 0px;
}

.docrow ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.photorow .container {
	width: 150px;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	/*border: 1px solid #000000;*/
	text-align: center;
}

.photorow .container:hover {
	background-color: #dbdbdb;
}

.photorow .container .photo {
	height: 150px;
}

.photorow img {
	cursor: pointer;
}


/*
	Custom Styles for the Campbell Group Website
*/

.leaselistings .dialogue {
	border: 3px #99bbdd solid;
	background: #eceff8;
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
}

.leaselistings .error {
	background-color: #FFDBDB !important;
	border: 1px solid #FF9393 !important;
}

.leaselistings .row {
	padding: 3px;
	margin-bottom:5px;
	border: 1px solid #dbdbdb;
}

.leaselistings .row:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.leaselistings .row .title {
	background-color: #C8D9E3;
	border: 1px solid #7B9EBD;
	padding: 5px 3px 5px 3px;
	margin-bottom: 3px;
}

.leaselistings .row .title a:link,
.leaselistings .row .title a:visited,
.leaselistings .row .title a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #006DD0;
}

.leaselistings .row .title a:hover {
	text-decoration: underline;
}

.leaselistings .row .title a.bold {
	font-size: 15px;
	font-weight: bold;
}

.leaselistings .row .thumb {
	float: left;
	margin-right: 5px;
}

.leaselistings .row .availBtn {
	float: right;
}

.leaselistings .row .details {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}

.leaselistings .row .details .item {
	padding-right: 5px;
	margin-right: 5px;
	border-right: 1px solid #808080;
}

.leaselistings .row .details .descrip {
	margin-top: 20px;
}

.leaselistings .row .details .location {
	font-size: 11px;
	color: #999999;
}

.leaselistings .row .minoffer {
	font-weight: bold;
	color: #009933;
}

.leaselistings .row .descrip a:link,
.leaselistings .row .descrip a:visited,
.leaselistings .row .descrip a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #006DD0;
}

.leaselistings .row .descrip a:hover {
	text-decoration: underline;
}

h4, h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

.visibletext {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
	font-size: 12px;
}

.dialogueBox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	background-color: #FEFF95;
	padding: 5px 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #99BBDD;
}

.user-menu .heading {
	cursor: pointer;
	font-size: 1.1em;
	text-decoration: underline;
}

.map-cont {
	max-width: 100%;
	height: 100%;
	padding-top: 79%;
}

.map-cont img {
	max-width: none !important;
}


/* ############# */
/* +--Printer--+ */
/* ############# */
@media print {
	.leftcolumn_outline{display:none;}
	.rightcolumn_outline{display:none;}
	.footer_outline{display:none;}
	.navbar_outline{display:none;}
	.cookiecrumb{display:none;}
	.cookiecrumb a, .cookiecrumb img{display:none;}
	h2
	{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	border: 0px;
	background-color: none;
	background-image: none;
	padding: 0px;
	}
}

a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.menubox-mobile, .mobile_menu, .mobile_footer, .mobile_login {display:none;}

.light-blue-gradient, .login-button {
	background: #EFEFEF;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #CADAE5 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CADAE5), color-stop(100%,#EFEFEF));
	background: -webkit-linear-gradient(top, #CADAE5 0%,#EFEFEF 100%);
	background: -o-linear-gradient(top, #CADAE5 0%,#EFEFEF 100%);
	background: -ms-linear-gradient(top, #CADAE5 0%,#EFEFEF 100%);
	background: linear-gradient(to bottom, #CADAE5 0%,#EFEFEF 100%); 
}

.login-button {
	background: #EFEFEF;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #CADAE5 0%, #EFEFEF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CADAE5), color-stop(100%,#EFEFEF));
	background: -webkit-linear-gradient(top, #CADAE5 0%,#EFEFEF 100%);
	background: -o-linear-gradient(top, #CADAE5 0%,#EFEFEF 100%);
	background: -ms-linear-gradient(top, #CADAE5 0%,#EFEFEF 100%);
	background: linear-gradient(to bottom, #CADAE5 0%,#EFEFEF 100%);

	padding: 10px;
	font-size: 14px;
	text-shadow: 0 1px white;
	color: black;
	text-align: center;
	text-decoration: none;
	border: 2px solid #B9D0DD;
	box-shadow: 0px 0px 0px 1px #95B5C7;
	border-radius: 5px;
	margin: 10px 10px 0px 10px;
	display: block;
	filter: none\0/;
	background/*\**/: #EFEFEF\9;
}

#menu-toggle, .mobile-login {
	display: none;
	text-align: center;
	width: 100%;
}

.mobile-login {
	text-align: center;
	padding: 0 1em 1em;
}

.mobile-login a {
	display: inline-block;
	font-size: 0.8em;
	padding: 0.3em 3.5em;
	margin: 0 0.4em;
}

@media screen and (max-width: 900px) {
	#topmenu a {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (max-width: 750px) {
	#topmenu a {
		font-size: 0.7em;
		padding-top: 2px;
	}
}

@media screen and (max-width: 620px) {

	#topmenu, #group-menu, #user-menu, .site-search, .mobile-hide {display: none;}
	#menu-toggle, .mobile-login {display: inline-block;}
	
	select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
		max-width: 100%;
	}
	
	[class*='col'] {
		width:100%;
	}
	
	div.masthead_content img {
		display: block;
		margin: 0 auto;
	}

	div.body_outline {
		background-color: transparent;
		min-height: 0 !important;
	}
	
	div.navbar_outline {
		height: auto;
		margin: 0 20px 10px;
	}

	#menuwrapper {
		height: auto;
	}
	
	#topmenu {
		margin: 10px 0 -25px;
	}

	#topmenu li {
		text-align: center;
		border-top: 1px solid #BDD0DB;
		width: 100%;
	}
	
	#topmenu a {
		text-align: center;
		padding: 10px 0 32px;
		font-size: 0.9em;
	}

	div.middlecolumn_outline, div.leftcolumn_outline {
		width: 100%;
		padding: 0 10px; 
		min-height: 0 !important;
	}
	
	div.middlecolumn_content {
		padding: 0px 10px;
	}
	
	div.leftcolumn_outline {
		padding-top: 20px;
		margin-bottom: 20px;
		background: #C8D9E3;
	}
	
	table.calendar tr td {
		padding-bottom: 20px;
	}
	
	.album_container > table {
		margin: 0 auto;
	}
	
	.album_container table.mini-calendar tbody td {
		padding-right: 5px;
	}
	
	div.footer_outline font.footer > br {
		display: none;
	}
	
	div.footer_outline {
		line-height: 0.8;
		padding-top: 20px;
	}
	
	.table-body td {
		padding: 2px;
		font-size: 11px;
	}
	
	div.border {
		width: 100% !important;
		min-width: 0 !important;
	}
	
	/* Super Duper Custom */
	.formbody .controls {
		margin-left: 160px;
	}

}

.validation-image {
	height:72px; 
	width:200px;
	display: none;
}

/* Error styling */
.validation-error {
	background-color: none;
	background-image: url('/img/redcheck.png');
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.validation-error::after {
	content: "Bank Routing Numbers Do Not Match";
	  color: red;
}

/* Success styling */
.validation-success {
	background-color: none;
	background-image: url('/img/greencheck.png');
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.validation-success::after {
	content: "Bank Routing Numbers Match";
	color: green;
}



.bankaccount-image {
	height:72px; 
	width:200px;
	display: none;
}

/* Error styling */
.bankaccount-error {
	background-color: none;
	background-image: url('/img/redcheck.png');
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.bankaccount-error::after {
	content: "Bank Account Numbers Do Not Match";
	  color: red;
}

/* Success styling */
.bankaccount-success {
	background-color: none;
	background-image: url('/img/greencheck.png');
	background-repeat: no-repeat;
	background-position: 0px 20px;
}

.bankaccount-success::after {
	content: "Bank Account Numbers Match";
	color: green;
}