* {
	margin:0px;
	padding:0px;
	border:0px;
	outline:0px;
}

*, ::after, ::before {
	box-sizing: border-box;
}

html {
	/*background-color:#fff;*/
	height: 100%;
	/* override scaffolding.less from password field that messes with bootstrap menu text */
	font-size:1.0em !important; 
	min-height:100%;
	background-attachment:fixed;
	background-image:url('/images/background.jpg');
	background-repeat:no-repeat;
	background-position:bottom left, bottom right;
	background-size: fill;
}

body {
	background-color:#fff;
	color:#555;
	font-family:"Open Sans", arial, sans-serif;
	font-size:1.1rem;
	min-height: 100%;
}

/* page backgrounds on certain pages */
body#index,
body#about,
body#how-it-works,
/*body#assessment,*/
body#training,
body#partnerships,
body#admin,
body#coach,
body#login,
body#shop,
body#register,
body#resend,
body#forgot,
body#next-steps,
body#purchase-report,
body#contact {
	background:transparent;
	/*background-image:url('/images/banner-light.jpg');*/
	/*background-size: fill;*/
	
	/*background-position: top left 10px;*/
	/*background-repeat: no-repeat;*/
}

#page-container {
	/*padding-top:20px;*/
	/*background-color: #fff;*/
	/*min-height:600px;*/
	/*box-shadow: 0px 9px 8px -8px #fff;*/
	padding-bottom: 12px;
}


#content-wrap {
	max-width:1000px;
	margin:5px auto 0px auto;
	padding:20px;
	/*background-color:#ededed;*/
	background-color:#f7f7f7;
	position: relative;
}
#shop #content-wrap, #stats #content-wrap, #admin #content-wrap {
	max-width:98%;
}

/*#index #content-wrap,*/
.index-qb,
#about #content-wrap,
#how-it-works #content-wrap,
#assessment #content-wrap,
#training #content-wrap,
#partnerships #content-wrap,
#admin #content-wrap,
#stats #content-wrap,
#coach #content-wrap,
#login #content-wrap,
#register #content-wrap,
#resend #content-wrap,
#forgot #content-wrap,
#shop #content-wrap,
#next-steps #content-wrap,
#purchase-report #content-wrap,
#contact #content-wrap {
	/*background-color:rgba(255,255,255,0.9);*/
	background-color:#f7f7f7;
	box-shadow: 1px 1px 2px rgba(0,0,0,.4),1px 4px 8px rgba(43, 42, 47, .4);
	/*border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #bbb;
	border-bottom:1px solid #bbb;*/
}




a {
	text-decoration:none;
	/*color:#A699AA;*/
	color:#4270a1;
}

a:hover {
	color:#4270a1;
}

h1 {
	margin:0px 0px 25px 0px;
	color:#000;
	font-size:30px;
	font-weight:700;
	font-family:inherit;
}

h1 span {
	font-size:30px;
	font-weight:300;
}

h2 {
	margin-bottom:10px;
	color:#7F648C;
	font-size:20px;
	font-weight:700;
}

h2 a {
	color:#7F648C;
}

h3, h4, h5, h6 {
	font-size:1.3rem;
	margin-bottom: 20px;
}

hr {
	margin: 20px 0px;
	/*color: #777;*/
	height: 1px;
	border-top: 1px solid #ccc;
}

#stats hr {
	margin: 40px 0px;
}

img.max-width {
	max-width:100%;
}

p {
	font-size:1.2rem;
}


/* forms */

label {
	font-size:18px;
}
.form-horizontal .control-label {
	text-align: left;
}
.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;

}

label span {
	display:none;
	color:#637182;
	font-weight:700;
}

fieldset {
	padding: 20px;
}

input[type='text'], input[type='password'], input[type="number"] {
	display:block;
	padding:10px;
	margin:5px 0px 15px 0px;
	background-color:#FFFEEC;
	color:#6F6F6F;
	font-size:18px;
	font-family:inherit;
	border: 1px solid #ccc;
}

input[type='submit'], input[type='button'], button[type="submit"], a.button {
	display:block;
	padding:15px 30px;
	width:100%;
	margin:10px 0px 20px 0px;
	/*border-radius:5px;*/
	/*background-color:#497C91;*/
	background-color:#2C5482;
	color:#FFFFFF;
	font-size:1.5rem;
	text-align: center;
}

input[type='submit']:hover, input[type='button']:hover, button[type="submit"]:hover, a.button:hover  {
	cursor:pointer;
	background-color:#497C91;
}
a.button:hover, a.button:active {
	text-decoration:none;
}

textarea {
	padding:10px;
	margin:10px 0px 15px 0px;
	background-color:#FFFEEC;
	color:#6F6F6F;
	font-size:18px;
	font-family:inherit;
}


input, 
textarea, 
select, 
fieldset{
	width:100%;
	/*margin-bottom: 1.5rem !important;*/
	margin-bottom: 1.5rem;
	border: 1px solid #ccc;
}

/*p + h2 {
	margin-top:20px;
}*/

/*p + p {
	margin-top:26px;
}*/

p {
	margin:13px 0;
}
select {
	display:block;
	padding:10px;
	margin:5px 0px 15px 0px;
	background-color:#F5FDFF;
	color:#6F6F6F;
	font-size:18px;
	font-family:inherit;
}
/* not select2-container--open ? */
.select2-container {
	/*width: calc(100% - 50px) !important;*/
	/*width: 95% !important;*/
	margin: 5px 0px 15px 0px !important;
}
/* full width s2 are overflowing the viewport - use this fo*/
/*.select2-container.full {
	width: calc(100%) !important;
}*/
.select2-selection--single {
	height: 43px !important;
}
.select2-selection--single .select2-selection__rendered {
	padding: 5px 20px 5px 10px !important;
}
.select2-search__field {
  margin-bottom:0;
}
.select2-selection__arrow {
	height: 42px !important;
}
.select2-results__option {
	margin: 0;
}

.checkbox input {
	width:auto;
	float: left;
}
.checkbox input[type="checkbox"] {
	opacity: 0;
	margin-left: -25px;
}

.checkbox label {
	position: relative;
	padding-left: 0px;
	font-weight: bold;
}

.checkbox label::before,
.checkbox label::after {
	position: absolute;
}

.checkbox label::before {
	top: 21px;
	/*top: 0px;*/
	content: "";
	display: inline-block;
	height: 36px;
	width: 36px;
	border: 1px solid #ccc;
	background-color: white;
	border-radius: 4px; 
}
.checkbox label::after {
	left: 1px;
	top: 1px;
	content: "";
	font-size: 2.5em;
	display: inline-block;
	height: 22px;
	width: 22px;
	margin: 7px 0 0 0;
	/*
	height: 12px;
	width: 22px;
	border-left: 2px solid;
	border-bottom: 2px solid;
	transform: rotate(-45deg);
	padding: 3px 0 0 4px;
	*/
}


/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
	content: none;
}

/*Unhide the checkmark on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
	content: "✓";
}
div.checkbox-label {
	padding-left: 50px;
	padding-top: 26px;
}
div.checkbox {
	/*margin: 10px 0 10px 0;*/
	margin: 30px 0 10px 0;
}
/* if it's in a form group, don't add margins */
.form-group div.checkbox {
	margin: 0;
}

/* firefox and chrome giving different checkbox position */
/*@-moz-document url-prefix() {
	div.checkbox-label {
		padding-top: 7px;
	}
}
*/


.verifycode-input {
	width:50%;
	float:left;
	/*min-width:280px;*/
}

.sidebar .verifycode-input {
	width:100%;
}

.verifycode-image {
	width: 50%;
	display: inline-block;
	margin-left: 0px;
	text-align: center;
}
.verifycode-image img {
	margin: 10px;
	max-width: 100%;
}
.sidebar .verifycode-image {
	margin: auto auto;
	text-align: center;
	width: 100%;
}

.field-user-newpassword {
	width:50%;
	min-width:280px;
	float:left;
}
.admin-margin {
	width:50%;
	min-width:280px;
	display: inline-block;
	margin-top:38px;
}

/* coach invites */

#adminCoachInvites {
	margin-bottom:20px;
}

#invite_block, #invite-delete, #client_block, #client-delete {
	margin:0 20px;
}

.pass-reqs {
	clear:both;
}
.pass-reqs p {
	cursor:pointer;
}
.pass-reqs ul {
	display:none;
	margin-bottom:0px;
}
.kv-meter-container {
	margin-left:0px;
}
.kv-password td {
	padding-left:0px;
}

img.form-image {
	width:100%;
}

/* password create field formatting */

#user-newpassword {
	margin:0 !important;
}

/* hide the password show/hide container */ 
/*
.input-group-addon {
	display:none;
}
*/

.input-group {
	width: 100%;
}
.input-group-addon {
	padding: 0px 16px 0 0;
	font-size: 1rem;
}
.input-group-addon input[type="checkbox"] {
	margin: 8px;
}


#loginform-rememberme {
	width: auto;
}

#login h2 {
	margin-bottom:20px;
}

.submit-button {
	max-width: 300px;
}

th, td {
	padding: 2px 5px;
}

ul + p {
	margin-top:26px;
}

ul + h2 {
	margin-top:20px;
}

ul{
	margin-top:15px;
	list-style-position:inside;
}

ul li {
	margin:5px 0px 5px 20px;
}

.clr, .clrfix {
	clear:both;
}

#article-wrap {
	position:relative;
	width:1000px;
	min-height:500px;
}

#article-wrap-inner {
	overflow:hidden;
	width:100%;
	height:500px;
}

#branding #logo-img {
	float:left;
	width:68px;
}

#branding #company-name {
	float:left;
	margin-left:15px;
	margin-top:20px;
	color:#53A2E4;
	font-family:"Open Sans", sans-serif;
	font-size:22px;
	font-weight:bold;
}

#branding #featured-in {
	font-size:14px;
	color:#777777;
	float:left;
	margin-left:15px;
}

#click-guide-container {
	margin:15px 0px 0px 0px
}

#company-info {
	text-align:right;
	color:#777777;
	font-size:14px;
	line-height:14px;
	margin-top:40px;
}

#company-info span {
	display:block;
	color:#7F648C;
	font-size:24px;
	line-height:24px;
}

#company-name span {
	font-weight:700;
}

#featured-in img {
	display:inline-block;
	width:440px;
}

#header {
	margin:0px auto;
	width:1000px;
	padding:0px 0px 20px 0px;
}

#header #branding {
	float:left;
	width:720px;
}

#home-nav {
	padding:0px 10px !important;
	height:50px;
}

#header #company-info {
	float:right;
}

#index-banner {
	/*width:1000px;*/
	/*height:290px;*/
	/*height:160px;*/
	/*height:160px;*/
	margin:0px auto 0px auto;
	/*background: url('/images/banner.jpg') no-repeat top left;*/
	/*background-size:cover;*/
	text-align:center;
}

#index-banner img {
	/*height:100%;*/
	/*width:100%;*/
	height:auto;
	width:auto;	
	max-width: 85%;
	padding: 0 3%;
}


/* navigation */

/*.navbar-nav, .navbar-nav > li {
	float: none;
}
.nav > li {
	display: inline-block;
}
*/
#nav-wrap {
	/*width:1000px;*/
	background-color:#fff;
	margin:0px auto 0px auto;
}

#nav-wrap a {
	text-decoration:none;
	display:block;
	color:#222;
	margin:0px;
	padding:15px 22px;
	font-family:arial, sans-serif;
	font-weight:300;
	font-size: 1.2rem;
	line-height:20px;
}

#nav-wrap a.active {
	background-color:#fff;
	color:#000;
	text-decoration: underline !important;
}

#nav-wrap a:hover {
	background-color:#fff !important;
	color:#000 !important;
	text-decoration: underline !important;
}

#nav-wrap .container {
	margin:0;
	padding:0;
	width:100%;
}
.navbar {
	margin-bottom: 0px;
}
.navbar-toggle {
	border-color: #fff;
	float:none;
	margin-left: 15px;
}
.navbar-toggle .icon-bar {
	background-color: #000 !important;
}

/**************
	INDEX
**************/

#index-featured {
	padding:5px 15px;
	width:970px;
	margin:0px auto;
	background-color:#FFFFFF;
	color:#777777;
	font-size:14px;
}


.article-section p + p {
	margin-top:0px !important;
}

#index-qb-wrap {
	margin: 0px auto 20px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



h2 { color:#333; }
h2 a { color:#333; }
/*#sidebar-form input[type='text'], #sidebar-form textarea, #sidebar-form input[type='button'] { border:1px solid #333; }*/
.guide-box p a { color:#333; }



.index-qb {    
	flex: 0 22%;
	margin-bottom: 2%;
	padding: 20px;
	margin: 1.5%;
}

.index-qb .qb-top {
	width:100%;
	height:2px;
	/*background-color:#4b516b;*/
	background-color:#333;
}

.index-qb .qb-title {
	/*color:#4b516b;*/
	color:#000;
	font-size:16px;
	line-height:18px;
	padding:15px 0;
	display:block;
	text-decoration:none;
	/*color:#333;*/
	text-align: center;
}

.qb-title span {
	font-size:17px;
	display:block;
	font-weight:600;
}

.index-qb .qb-img-a {
	display:block;
	position:relative;
	overflow:hidden;
}

/*.index-qb + .index-qb {
	margin-left:20px;
}*/

.qb-img-a img {
	display:block;
	z-index:1;
	width:100%;
}

/*.qb-img-a .qb-img-overlay {
	width:235px;
	height:123px;
	position:absolute;
	top:123px;
	z-index:2;
	background-image:url('../images/qb-img-overlay.png');
}*/

/*.qb-img-a:hover .qb-img-overlay {
	top:0px;
}*/
.qb-img-a {
	opacity: 1;
}
.index-qb:hover .qb-img-a {
	opacity: 0.9;
}

.index-qb .qb-content {
	padding:16px 0 0 0;
	color: #333;
	font-size: 17px;
	font-family:inherit, sans-serif;
	text-align:left;
}

.no-top {
	margin-top:0px !important;
}

.qb-content a {
	display:block;
	/*background-color:#7F648C;*/
	color:#FFFFFF;
	margin-top:15px;
	text-decoration:none;
	text-align:center;
	padding:10px;
	font-size:16px;
	/*background-color:#4b516b !important; */
	background-color:#000; 
	border-radius: 23px;
}

.qb-content a:hover {
	/*background-color:#7F648C;*/
	/*color:#777777;*/
	color:white; 
	background-color:#4b516b; 
}


.qb-content a:hover {	
}



#content-left {
	float:left;
	padding-right:19px;
	width:720px;
	border-right:1px solid #ccc;
}

#blog #content-left, #library #content-left {
	border-right:0px;
	width:690px;
}



#footer {
	width: 100%;
	padding: 0px;
	background-color: #000;
	position: fixed;
	bottom: 0px;
	/*height: 16px;*/
	height: 13px;
	display:none;
}

#footer p {
	color:#D2D2D2;
	width:1000px;
	margin:0px auto;
	text-align:center;
	font-size:0.7rem;
	white-space:pre;
}


#footer a {
	text-decoration:none;
	color:white;
	display:inline-block;
}

#footer p a:hover {
	color:#D2D2D2;
}

#index #content-wrap {
	max-width:1350px;
	background-color:transparent;
	margin: 0px auto;
	padding: 0 20px;
}

#menu-wrapper {
	list-style-type:none;
	margin:0px;
	display:inline-block;
}

#menu-wrapper li {
	display: inline-block;
	margin:0px;
}

#mobile-menu {
	display:none;
}

/*#page-content {
	padding:20px;
	width:685px;
	background-color:#DCDFE2;
	color:#303030;
}
*/

#p404 #page-content {
	min-height:528px;
	font-size:18px;
}

#report-floats p{
	width:350px;
	float:left;
	font-size:14px;
	color:#333333;
	text-align:center;
	margin-top:15px;
}

#side-bar {
	float:right;
	width:200px;
	min-height:200px;
}

#blog #side-bar, #library #side-bar {
	background-color:#F2F2F2;
	margin:-20px -20px 0px -20px;
	padding:0px 0px 20px 20px;
	width:250px;
}

#side-bar p + p {
	margin-top:10px;
}

#side-bar p.sidebar-ad.large + p.sidebar-ad.large {
	margin-top:20px;
}

#sidebar-form input[type='text'], #sidebar-form textarea, #sidebar-form input[type='button'], #sidebar-form button[type="submit"] {
	border:1px solid #7F648C;
	box-sizing:border-box;
	font-size:16px;
	line-height:1em;
	width:100%;
}

#sidebar-form input[type='button'], #sidebar-form button[type="submit"] {
	border:0px;
	font-size:20px;
}

#well-ad-form {
	float:right;
	margin-top:20px;
	width:332px;
}

#well-ad-form input[type='submit'] {
	width:100%;
}

#well-ad-form .input {
	width:312px;
}

#well-ad-info {
	margin-top:20px;
	float:left;
	width:333px;
}

#well-ad-info li + li {
	margin-top:10px;
}

#well-ad-info ul + p {
	margin-top:20px;
}

#well-ad-reasons li {
	margin:10px 0px 5px 30px;
}

.blog-image {
	display:block;
	float:left;
	margin:0px 20px 10px 0px;
	width:335px;
}

.blog-preview-container {
	
}

.blog-preview-container + .blog-preview-container {
	margin-top:30px;
}

.blog-preview-content {
	float:right;
	width:315px;
}

.blog-preview-image {
	float:left;
	margin:0px 20px 10px 0px;
	width:334px;
}

.blog-preview-image a {
	display:block;
	width:100%;
}

.blog-preview-image img {
	display:block;
	width:inherit;
}

.blog-share {
	display:inline-block;
	text-decoration:none;
}

.blog-share + .blog-share {
	margin-left:10px;
}

.blog-share img {
	display:block;
}

.blog-title {
	font-size:26px;
	line-height:1em;
	margin:0px 0px 15px 0px;
}

.center {
	text-align:center;
}

.click-guide {
	float:left;
	padding:10px 0px;
	width:240px;
}

.click-guide:hover {
	background-color:#F9F9F9;
	color:#474E52;
	cursor:pointer;
}

.click-guide p {
	font-size:15px;
	text-align:center;
}

.click-guide-image {
	display:block;
	height:172px;
	margin:0px auto;
	width:125px;
}

.con-box {
	width:215px;
	float:left;
	text-align:center;
}

.con-box p {
	margin:5px 0px;
	color:#555555;
}

.con-box + .con-box {
	margin-left:20px;
}

.contact-half {
	float:left;
	min-width: 152px;
	width: 47%;
}

.contact-half + .contact-half {
	margin-left:20px;
}

.contact-half input[type='submit'] {
	width:100%x;
}

.contact-half input[type='text'] {
	width:100%;
}

.contact-half label {
	line-height:18px;
}

.contact-half textarea {
	min-width:320px;
	min-height:125px;
	width:100%;
}

.result {
	padding:10px 0px;
	color:#598BC1;
	font-size:18px;
}

.float-image {
	float:left;
	margin:0px 20px 20px 0px;
}

.italic {
	font-style:italic;
}

.outside {
	list-style-position:outside;
}

.outside li {
	margin:0px 0px 0px 30px;
}

.sidebar-ad {
	
}

.sidebar-ad + .sidebar-ad {
	margin-top:20px;
}

.sidebar-ad img {
	display:block;
	width:100%;
}

.side-bio-image {
	display:block;
	width:125px;
	margin:0px auto 20px auto;
}

.side-bio-image img {
	display:block;
	width:100%;
}

.side-connect {
	margin:30px 0px 0px 0px !important;
	text-align:center;
}

.side-connect img {
	display:block;
	margin:5px auto 0px auto;
	width:150px;
}

.side-guide {
	width:90px;
}

.side-title {
	margin-top:15px !important;
	font-size:18px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
}

.sitelink-box {
	float:left;
	position:relative;
	width:310px;
	min-height:300px;
	border:1px solid #EEEEEE;
	margin-bottom:15px;
}

.sitelink-box a {
	font-weight:500;
	text-decoration:underline !important;
}

.sitelink-box h3 {
	padding:5px;
	background-color:#EEEEEE;
}

.sitelink-box p {
	padding:5px;
}

.sitelink-box + .sitelink-box {
	margin-left:15px;
}

.sitelink-desc {
	position:absolute;
	width:300px;
	background-color:#303030;
	color:#F2F2F2;
	font-size:12px;
	z-index:100;
	padding:5px;
}

.sitelink-box.sitelink-wide {
	width:964px;
}

.sitelink-wide-float {
	float:left;
	width:470px;
}

.tab {
	display:inline-block;
	padding-left:15px;
}

.land-left {
	width:350px;
	float:left;
}

.land-right {
	width:350px;
	float:right;
}

.guide-box {
	width:730px;
	margin-top:20px;
}

.guide-box img {
	float:left;
	padding-right:10px;
	width:80px;
}

.guide-box p {
	font-size:14px;
	color:#555555;
	line-height:0.9em;
	width:615px;
	float:left;
	text-align:justify;
}

.guide-box p a {
	text-decoration:underline;
	display:block;
	margin-bottom:5px;
	color:#7F648C;
	font-weight:bold;
	font-family: arial, sans-serif;
}

.guide-box + .guide-box {
	/*margin-left:20px;*/
}

.strong {
	font-weight:700;
}

.unmarked-list {
	list-style-type:none;
	list-style-position:inside;
}

.unmarked-list li {
	margin-left:0px;
}


/*#retwell-banner {
	margin-bottom:20px;
}*/



.row {
	margin-left: 0px;
	margin-right: 0px;
}

.grayed {
	color:#ddd;
}

.alt input.assessmentSave {
	background-color: #fff;
}

#admin #assessment_block, #admin #client_summary_report_link {
	max-width:1000px;
	margin-left: auto; 
	margin-right: auto; 
}


/* videos */

.embed-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; overflow: hidden; 
	max-width: 100%; 
} 

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
	position: absolute; 
	top: 0; left: 0; 
	width: 100%; 
	height: 100%; 
}


.rq-vid-section {
	margin-top:30px;
	border-top:1px solid #ddd;
}

.rq-vid-section h2 {
	font-size:1.5rem;
	margin:30px;
	text-align:center;
}


/* admin */

.grid-view td, .grid-view th {
	font-size:0.9rem;
}


table.datatable th {
	white-space:nowrap;
}
.dataTables_filter {
	right: 10px;
	position: absolute;
}

.table-container {
	max-width: 100%;
	overflow-x: auto;
}
.dt-buttons {
	width:50%;
}
.dt-buttons button {
	padding: 7px 15px;
	border:1px solid #ddd;
	border-radius:4px;
	margin:10px 0;
}




/* icon buttons for next steps + download/view summary */
.how-to-download .col {
	text-align: center;
}
.how-to-download h3 {
	margin-top:0;
	margin-bottom:30px;
}

/*.how-to-download img {
	margin:0 auto;

}*/


/* wider than breakpoint */
@media screen and (min-width:768px) {

	/*
	*/
	.navbar-expand-sm .navbar-collapse {
		display: flex  !important;
		justify-content: space-around;
		flex-basis: auto;
	}

	.navbar-expand-sm ul li {
		margin:0;
	}

}



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

	#nav-wrap a {
		padding: 15px 16px;
		font-size: 0.9rem;
	}
	
}


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

	#content-left {
		width:488px;
	}

	#content-wrap {
		box-sizing:border-box;
		max-width:768px;
	}
	#footer p {
		width:768px;
	}

	#nav-wrap a {
		padding:9px;
		font-size: 0.9rem;
	}
	#index #content-wrap {
		padding: 0px;
	}
	.contact-half {
		width:100%;
	}
	.contact-half input[type='text'], .contact-half input[type='submit'] {
		box-sizing:border-box;
		width:100%;
	}

	.contact-half textarea {
		box-sizing:border-box;
		max-width:100%;
		min-width:100%;
	}

	.contact-half + .contact-half {
		margin:0px 0px 0px 0px;
	}

	.index-qb.breakpoint-768px {
		/*clear:left;*/
		/*margin-left:0px;*/
	}

	.index-qb {
		flex: 0 100%;
	}
	/*.index-qb .qb-img-a {
		margin:0px auto;
		width:235px;
	}*/
	
}

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

	#content-left {
		width:360px;
	}

	#footer-p {
		font-size:14px;
		width:640px;
	}

	#index-banner {
		/*width:640px;*/
	}

	#nav-wrap a {
		padding: 12px 8px;
		font-size: 1rem;
	}

	.float-image {
		max-width:200px;
	}
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
		margin-right: 0px;
		margin-left: 0px;
	}
}

@media screen and (max-width:640px) {
		
	#content-left {
		border:0px;
		box-sizing:border-box;
		float:none;
		padding-right:0px;
		width:100%;
	}
	#index-banner {
		/*height:180px;*/
		/*margin-top: 36px;*/
	}
		
	#content-wrap {
		margin-bottom:0px;
		width:100%;
		/*margin-top: 45px;*/
	}

	#footer p {
		box-sizing:border-box;
		padding:0px 10px;
		width:100%;
	}
		
	/*#menu-wrapper {
		background-color:#000;
		bottom:0px;
		left:-240px;
		overflow:auto;
		position:fixed;
		top: 36px;
		transition:left 0.2s ease;
		width:240px;
	}
	*/
	/*#menu-wrapper.open {
		left:0px;
		border-right: 1px solid #000;
	}*/

	/*#menu-wrapper li {
		border-bottom:1px solid #A699AA;
		float:none;
	}*/

	/*#mobile-menu {
		color:#333;
		display:inline-block;
		font-size:30px;
		line-height:30px;
		padding:0px 20px;
	}*/

	/*#nav-wrap {
		box-sizing:border-box;
		height:36px;
		left:0px;
		padding:0px;
		position:fixed;
		top:0px;
		width:100%;
		z-index:1001;
		text-align: left;
	}*/

	#page-container {
		padding-top:5px;
		min-height:300px;
	}

	#side-bar {
		float:none;
		margin-top:20px;
		width:100%;
	}

	.click-guide {
		float:none;
		width:100%;
	}

	.float-image {
		max-width:125px;
	}

	.index-qb + .index-qb {
		/*margin:0px 0px 0px 0px;*/
	}

	.sidebar-ad, .sidebar-ad.large img {
		max-width:235px;
		margin:0px auto;
	}
	.verifycode-image img {
		margin: 5px auto;
		width:90%;
	}
	.verifycode-image {
		width: 100%;
	}
	.verifycode-input {
		width: 100%;
	}
	.verifycode-input input {
		margin: 5px auto;
	}
}



/*  a n t i - s p a m  */ 
.ff {
	height: 0.03em !important;
	margin: 0 !important;
	padding: 0 !important;
	opacity: 0.01 !important;
	border: 0px !important;
	display: block !important;
}


#sidebar-form #contactform-verifycode-image {
	width:100%;
	max-width: 240px;
}






/* include/override yii features */

.hidden {
	display:none;
}
.help-block-error, .has-error .help-block {
	color:#f44 !important;
}
.form-group {
	margin-bottom:5px;
}
.form-control {
	margin-bottom:2px;
	height: 40px;
}
p.help-block {
	padding:0px !important;
	margin-bottom:15px;
}

.status-float {
	display:block;
	overflow:visible;
	height: 0px;
	overflow: visible;
	margin-top: -60px;
}

.status img  {
	width:35px;
	height:35px;
}

.user_status  {
	float:right;
}

.delete_invite_status  {
	float:right;
}

.delete_client_status  {
	float:right;
}

.new_client_email_status  {
	float:right;
}


.home-alert {
	width: 100%;
	margin: 0;
	padding: 0px;
	text-align: center;
	font-size: 0.6rem;
	background-color: #ffff00;
	opacity: 0.9;
	color: black;
	position: fixed;
	z-index: 100000;
}

.alert {
  padding: 15px;
  margin: 10px 0 20px 0;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.site-error {
	padding:30px;
}

.disabled {
	background-color:#eee !important;
}

code {
	background: transparent;
}