/*--------------------------------------------------------------------------------------------------
									responsive base
-----------------------------------------------------------------------------------------------------*/


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

object, embed {
	height: 100%;
}


#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object {
	max-width: none !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-justify {
	text-align: justify !important;
}

.hide {
	display: none;
}

.antialiased {
	-webkit-font-smoothing: antialiased;
}

img {
	display: inline-block;
	vertical-align: middle;
}

select {
	width: 100%;
}

/* Grid HTML Classes */

.row {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
 *zoom: 1;
}

.row:before, .row:after {
	content: " ";
	display: table;
}

.row:after {
	 clear: both;
}

.row .row {
	width: auto;
	margin-left: -0.9375em;
	margin-right: -0.9375em;
	margin-top: 0;
	margin-bottom: 0;
 *zoom: 1;
}

.row .row:before, .row .row:after {
	content: " ";
	display: table;
}

.row .row:after {
	clear: both;
}

.row .row.collapse {
	width: auto;
	margin: 0;
	max-width: none;
 *zoom: 1;
}

.row .row.collapse:before, .row .row.collapse:after {
	content: " ";
	display: table;
}

.row .row.collapse:after {
	clear: both;
}

.push-1 {
	position: relative;
	left: 8.33333%;
	right: auto;
}

.pull-1 {
	position: relative;
	right: 8.33333%;
	left: auto;
}

.push-2 {
	position: relative;
	left: 16.66667%;
	right: auto;
}

.pull-2 {
	position: relative;
	right: 16.66667%;
	left: auto;
}

.push-3 {
	position: relative;
	left: 25%;
	right: auto;
}

.pull-3 {
	position: relative;
	right: 25%;
	left: auto;
}

.push-4 {
	position: relative;
	left: 33.33333%;
	right: auto;
}

.pull-4 {
	position: relative;
	right: 33.33333%;
	left: auto;
}

.push-5 {
	position: relative;
	left: 41.66667%;
	right: auto;
}

.pull-5 {
	position: relative;
	right: 41.66667%;
	left: auto;
}

.push-6 {
	position: relative;
	left: 50%;
	right: auto;
}

.pull-6 {
	position: relative;
	right: 50%;
	left: auto;
}

.push-7 {
	position: relative;
	left: 58.33333%;
	right: auto;
}

.pull-7 {
	position: relative;
	right: 58.33333%;
	left: auto;
}

.push-8 {
	position: relative;
	left: 66.66667%;
	right: auto;
}

.pull-8 {
	position: relative;
	right: 66.66667%;
	left: auto;
}

.push-9 {
	position: relative;
	left: 75%;
	right: auto;
}

.pull-9 {
	position: relative;
	right: 75%;
	left: auto;
}

.push-10 {
	position: relative;
	left: 83.33333%;
	right: auto;
}

.pull-10 {
	position: relative;
	right: 83.33333%;
	left: auto;
}

.push-11 {
	position: relative;
	left: 91.66667%;
	right: auto;
}

.pull-11 {
	position: relative;
	right: 91.66667%;
	left: auto;
}

@media only screen and (min-width : 1450px) {

.at_include {
	background-color: #f7f7f7;
	padding: 2.12em;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}

.detailsqueeze {
	max-width: 1700px;
}

body {
	font-size: 1em;
}

.comments .smaller {
	opacity: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	padding-left: 20px;
	margin-top: 3px;
}

.comments:hover .smaller {
	opacity: 1;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	display: block;
}

.trending .subusername {
	margin-bottom: 10px;
}

.super_banner img {
	width: 100%;
	max-width: 1080px;
}

.lpullin {
	margin-left: -0.9375em;
}

.lcreatespace {
	display: block;
	margin: 26px 0;
	width: 100%;
	height: 1px;
	clear: both;
}

.lcreatespaceclear {
	display: block;
	margin: 12px;
	clear: both;
	width: 100%;
	height: 1px;
}

.lclear {
	clear: both;
	height: 0;
}

.lloggedinpad {
	padding: 40px 40px 0 40px;
	text-align: center;
}

.lpushoff-top {
	margin: 20px 0 0 0;
}

.lleft {
	float: left !important;
}

.lright {
	float: right !important;
}

.large-menu {
	position: absolute;
	width: 260px;
	top: 0;
	left: 0;
	z-index: 1;
}

.lpaddme {
	padding: 0 45px;
}

.paddmyleft {
	padding: 0 0 0 25px;
}

.paddmyright {
	padding: 0 25px 0 0;
}

.lswimmer {
	height: 40px;
	padding: 2px
}

/*###############################################################################*/

 
.large-1 {
	position: relative;
	width: 8.33333%;
}

.large-2 {
	position: relative;
	width: 16.66667%;
}

.large-3 {
	position: relative;
	width: 25%;
}

.large-4 {
	position: relative;
	width: 33.33333%;
}

.large-5 {
	position: relative;
	width: 41.66667%;
}

.large-6 {
	position: relative;
	width: 50%;
}

.large-7 {
	position: relative;
	width: 58.33333%;
}

.large-8 {
	position: relative;
	width: 66.66667%;
}

.large-9 {
	position: relative;
	width: 75%;
}

.large-10 {
	position: relative;
	width: 83.33333%;
}

.large-11 {
	position: relative;
	width: 91.66667%;
}

.large-12 {
	position: relative;
	width: 100%;
}

.large-offset-0 {
	position: relative;
	margin-left: 0%;
}

.large-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}

.large-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}

.large-offset-3 {
	position: relative;
	margin-left: 25%;
}

.large-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}

.large-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}

.large-offset-6 {
	position: relative;
	margin-left: 50%;
}

.large-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}

.large-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}

.large-offset-9 {
	position: relative;
	margin-left: 75%;
}

.large-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}

.large-offset-11 {
	position: relative;
	margin-left: 91.66667%;
}

.column.large-centered, .columns.large-centered, .large-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

.column.large-uncentered, .columns.large-uncentered {
	margin-left: 0;
	margin-right: 0;
	float: left !important;
}

.column.large-uncentered.opposite, .columns.large-uncentered.opposite {
	float: right !important;
}

.lhide {
	display: none;
}

.lcolumn, .lcolumns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
}

.lcolumn_left {
	position: relative;
	padding-right: 0.9375em;
	float: left;
}

.lcolumn_right {
	position: relative;
	padding-left: 0.9375em;
	float: right;
}

.logo_details {
	padding-left: 30px;
}

#tagsearch {
	border-radius: 0 3px 0 0;
}

#titlesearch {
	border-radius: 0 0 3px 0;
}
}

@media only screen and (min-width : 1080px) and (max-width : 1449px) {

.at_include {
	background-color: #f7f7f7;
	padding: 2.12em;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}

body {
	font-size: 1.0625em;
}

.comments .smaller {
	opacity: 0;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	padding-left: 20px;
	margin-top: 3px;
}

.comments:hover .smaller {
	opacity: 1;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	display: block;
}

textarea {
	max-width: 100%;
	min-width: 100%;
}

.force {
	margin: 0 0 30px 0;
	clear: both;
	content: " ";
	display: table;
}

.super_banner img {
	width: 100%;
}

.mpullin {
	margin-left: -0.9375em;
}

.mcreatespace {
	display: block;
	margin: 26px 0;
	width: 100%;
	height: 1px;
	clear: both;
}

.mcreatespaceclear {
	display: block;
	margin: 12px;
	clear: both;
	width: 100%;
	height: 1px;
}

.mclear {
	clear: both;
	height: 0;
}

.mpushoff-top {
	margin: 20px 0 0 0;
}

.medium-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 220px;
}

.mleft {
	float: left !important;
}

.mright {
	float: right !important;
}

.mgrids li:nth-child(4n+1) {
	clear: both;
}

.smgrids li:nth-child(3n+1) {
	clear: both;
}

.mpaddme {
	padding: 0 25px;
}

.paddmyleft {
	padding: 0 0 0 25px;
}

.paddmyright {
	padding: 0 25px 0 0;
}

/*###############################################################################*/


.medium-1 {
	position: relative;
	width: 8.33333%;
}

.medium-2 {
	position: relative;
	width: 16.66667%;
}

.medium-3 {
	position: relative;
	width: 25%;
}

.medium-4 {
	position: relative;
	width: 33.33333%;
}

.medium-5 {
	position: relative;
	width: 41.66667%;
}

.medium-6 {
	position: relative;
	width: 50%;
}

.medium-7 {
	position: relative;
	width: 58.33333%;
}

.medium-8 {
	position: relative;
	width: 66.66667%;
}

.medium-9 {
	position: relative;
	width: 75%;
}

.medium-10 {
	position: relative;
	width: 83.33333%;
}

.medium-11 {
	position: relative;
	width: 91.66667%;
}

.medium-12 {
	position: relative;
	width: 100%;
}

.medium-offset-0 {
	position: relative;
	margin-left: 0%;
}

.medium-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}

.medium-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}

.medium-offset-3 {
	position: relative;
	margin-left: 25%;
}

.medium-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}

.medium-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}

.medium-offset-6 {
	position: relative;
	margin-left: 50%;
}

.medium-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}

.medium-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}

.medium-offset-9 {
	position: relative;
	margin-left: 75%;
}

.medium-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}

.column.medium-centered, .columns.medium-centered, .medium-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

.mhide {
	display: none;
}

.mcolumn, .mcolumns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
}

.mcolumn_left {
	position: relative;
	padding-right: 0.9375em;
	float: left;
}

.mcolumn_right {
	position: relative;
	padding-left: 0.9375em;
	float: right;
}

.logo_details {
	padding-left: 30px;
}

#tagsearch {
	border-radius: 0 3px 0 0;
}

#titlesearch {
	border-radius: 0 0 3px 0;
}
}

@media only screen and (min-width : 721px) and (max-width : 1079px) {

.at_include {
	background-color: #f7f7f7;
	padding: 2.12em;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}

body {
	font-size: 1.0625em;
}

textarea {
	max-width: 100%;
	min-width: 100%;
}

.force {
	margin: 0 0 30px 0;
	clear: both;
	content: " ";
	display: table;
}

.super_banner img {
	width: 100%;
}

.tpullin {
	margin-left: -0.9375em;
}

.tcreatespace {
	display: block;
	margin: 26px 0;
	width: 100%;
	height: 1px;
	clear: both;
}

.tcreatespaceclear {
	display: block;
	margin: 12px;
	clear: both;
	width: 100%;
	height: 1px;
}

.tclear {
	clear: both;
	height: 0;
}

.tpushoff-top {
	margin: 20px 0 0 0;
}

.tween-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 220px;
}

.tleft {
	float: left !important;
}

.tright {
	float: right !important;
}

.tgrids li:nth-child(4n+1) {
	clear: both;
}

.stgrids li:nth-child(3n+1) {
	clear: both;
}

.tpaddme {
	padding: 0 25px;
}

.paddmyleft {
	padding: 0 0 0 25px;
}

.paddmyright {
	padding: 0 25px 0 0;
}

/*###############################################################################*/


.tween-1 {
	position: relative;
	width: 8.33333%;
}

.tween-2 {
	position: relative;
	width: 16.66667%;
}

.tween-3 {
	position: relative;
	width: 25%;
}

.tween-4 {
	position: relative;
	width: 33.33333%;
}

.tween-5 {
	position: relative;
	width: 41.66667%;
}

.tween-6 {
	position: relative;
	width: 50%;
}

.tween-7 {
	position: relative;
	width: 58.33333%;
}

.tween-8 {
	position: relative;
	width: 66.66667%;
}

.tween-9 {
	position: relative;
	width: 75%;
}

.tween-10 {
	position: relative;
	width: 83.33333%;
}

.tween-11 {
	position: relative;
	width: 91.66667%;
}

.tween-12 {
	position: relative;
	width: 100%;
}

.tween-offset-0 {
	position: relative;
	margin-left: 0%;
}

.tween-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}

.tween-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}

.tween-offset-3 {
	position: relative;
	margin-left: 25%;
}

.tween-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}

.tween-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}

.tween-offset-6 {
	position: relative;
	margin-left: 50%;
}

.tween-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}

.tween-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}

.tween-offset-9 {
	position: relative;
	margin-left: 75%;
}

.tween-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}

.column.tween-centered, .columns.tween-centered, .tween-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

.thide {
	display: none;
}

.tcolumn, .tcolumns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
}

.tcolumn_left {
	position: relative;
	padding-right: 0.9375em;
	float: left;
}

.tcolumn_right {
	position: relative;
	padding-left: 0.9375em;
	float: right;
}

.logo_details {
	padding-left: 30px;
}

#tagsearch {
	border-radius: 0 3px 0 0;
}

#titlesearch {
	border-radius: 0 0 3px 0;
}
}

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

.at_include {
	background-color: #f7f7f7;
	padding: 2.12em;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 20px;
}

body {
	font-size: 1.18em;
}

textarea {
	min-width: 100%;
	max-width: 100%;
}

.small-menu {
	position: absolute;
	width: 120px;
	top: 0;
	left: 0;
}

.small-main {
	position: relative;
	margin-left: 120px;
}

.sleft {
	float: left !important;
}

.sright {
	float: right !important;
}

.spushoff-top {
	margin: 20px 0 0 0;
}

.screatespace {
	display: block;
	margin: 26px 0;
	width: 100%;
	clear: both;
}

.screatespaceclear {
	display: block;
	margin: 12px;
	clear: both;
	width: 100%;
}

.sclear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
}

.sgrids li:nth-child(3n+1) {
	clear: both;
}

.spaddme {
	padding: 0 25px;
}

.paddmyleft {
	padding: 0 0 0 25px;
}

.paddmyright {
	padding: 0 25px 0 0;
}

/*###############################################################################*/

 
.small-1 {
	position: relative;
	width: 8.33333%;
}

.small-2 {
	position: relative;
	width: 16.66667%;
}

.small-3 {
	position: relative;
	width: 25%;
}

.small-4 {
	position: relative;
	width: 33.33333%;
}

.small-5 {
	position: relative;
	width: 41.66667%;
}

.small-6 {
	position: relative;
	width: 50%;
}

.small-7 {
	position: relative;
	width: 58.33333%;
}

.small-8 {
	position: relative;
	width: 66.66667%;
}

.small-9 {
	position: relative;
	width: 75%;
}

.small-10 {
	position: relative;
	width: 83.33333%;
}

.small-11 {
	position: relative;
	width: 91.66667%;
}

.small-12 {
	position: relative;
	width: 100%;
}

.small-offset-0 {
	position: relative;
	margin-left: 0%;
}

.small-offset-1 {
	position: relative;
	margin-left: 8.33333%;
}

.small-offset-2 {
	position: relative;
	margin-left: 16.66667%;
}

.small-offset-3 {
	position: relative;
	margin-left: 25%;
}

.small-offset-4 {
	position: relative;
	margin-left: 33.33333%;
}

.small-offset-5 {
	position: relative;
	margin-left: 41.66667%;
}

.small-offset-6 {
	position: relative;
	margin-left: 50%;
}

.small-offset-7 {
	position: relative;
	margin-left: 58.33333%;
}

.small-offset-8 {
	position: relative;
	margin-left: 66.66667%;
}

.small-offset-9 {
	position: relative;
	margin-left: 75%;
}

.small-offset-10 {
	position: relative;
	margin-left: 83.33333%;
}

.column.small-centered, .columns.small-centered, .small-centered {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}

.shide {
	display: none;
}

.scolumn, .scolumns {
	position: relative;
	padding-left: 0.9375em;
	padding-right: 0.9375em;
	float: left;
}

.scolumn_left {
	position: relative;
	padding-right: 0.9375em;
	float: left;
}

.scolumn_right {
	position: relative;
	padding-left: 0.9375em;
	float: right;
}

#tagsearch {
	border-radius: 0 0 0 0;
}

#titlesearch {
	border-radius: 0 0 3px 3px;
}
}

/*-------------------------------------------------------------------------     overrides */

*, *:before, *:after {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;
	border: 0;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative; 
} 

/*-------------------------------------------------------------------------     markup */

body {
	font-family: "Lato";
	color: #8a8c8d;
	font-weight: 400;
	background:#268B51 url('../png/lilypond.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size:88%;
}

a {
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	color: inherit;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a:hover {
	background: #F5F4ED;
	color: #333;
}

a strong {
	position: absolute;
	top: -999999px;
	left: -999999px;
}

h2, h3, h4, h5, h6 {
	margin: 0 0 10px 0;
	text-transform: uppercase;
	color: #2D3134;
	font-weight: 900;
}

h1 a, h1 a:hover {
	margin: 0 auto;
	width: 130px;
	height: 80px;
	background-image: url(../png/logo-footer.png);
	background-repeat: no-repeat;
	background-position: center 0;
	background-size:contain;
	background-color: transparent;
	display: block;
	text-indent: -9000px;
	position: relative;
	z-index: 2;
}

p {
	line-height: 130%;
	margin: 8px 0;
}

.smaller {
	font-size: 80%;
}

.tan {
	background-color: #F5F4ED;
	padding: 20px;
}

#clearheader {
	clear: both;
}

.clearpx {
	clear: both;
	margin: 20px 0 0 0;
}

#wrap {
	padding: 30px;
}

.positioner {
	position: absolute;
}

#sheet {
	background-color: #F3F3F3;
	position: relative;
}

#sheet:before {
	content: " ";
	clear: both;
}

#main_nav {
}

.main {
	padding: 30px;
	background-color: #fbfbfb;
}

header {
	margin: 10% 0 0 0;
}

/*-------------------------------------------------------------------------     login form */

.login_setup {
	margin: 3% auto 10% auto;
	max-width: 375px;
}

.form_container {
} 

.new_account{
	margin:50px 0 200px 0;
}

/*-------------------------------------------------------------------------     forms */

#phone {
	display: none;
}

form {
	background-color: #fff;
	padding: 40px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

::-webkit-input-placeholder { /* WebKit browsers */
 color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color:    #999;
}

input[type=text], input[type=email], input[type=password] {
	background-color: #f6f6f6;
	padding: 10px;
	display: block;
	font-size: 120%;
	text-align: left;
	width: 100%;
	margin: 0 0 5px 0;
	
}

input[type=file] {
	background-color: #F5F4ED;
	padding: .4em 1.1em;
	font-weight: 900;
	font-size: 110%;
	margin: 0 0 10px 0;
	display: block;
	overflow: hidden;
	width: 100%;
	text-align: left;
}

input[type=text]:focus, input[type=password]:focus, input[type=file]:focus {
	background: #FFC;
	color: #555;
	text-align: left;
}

select {
	background: #F5F4ED;
	margin: 0 0 10px 0;
	padding: .63em 1em;
	font-weight: 900;
	font-size: 110%;
	width: 100%;
	display: block;
}

option {
	margin: 5px;
	border: none;
}

textarea {
	max-height: 300px;
	min-height: 300px;
	height: 300px;
	max-width: 100%;
	min-width: 100%;
	width: 100%;
	background-color: #F5F4ED;
	margin: 0 0 10px 0;
	padding: 1.1em;
	font-size: 105%;
	font-weight: 900;
	display: block;
}
label {
	margin-bottom:20px;
	display: block;
	
}


.eRemember{

	padding:7px 15px;
	border-radius:3px;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	display: block;
	
}


/*-------------------------------------------------------------------------     buttons */

.button {
	background-color: #3BAF29;
	color: #fff;
	padding:8px 15px;
	border-radius:3px;
	cursor: pointer;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif
}

.button:hover {
	background-color: #268B51; /* 91D446 */
	color: #fff;
}

.button:before {
	margin: 0 .25em 0 0;
}

small .button {
	padding: 5px;
	display: inline;
}

.dark {
	color: #F5F4ED;
	background: #2D3134;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	display: block;
	text-align: center;
}

.dark:hover {
	background: #A09997;
	color: #F5F4ED;
}

.yellow {
	background-color: #EEDC00;
	color: #393939;
}
 
.subprofiles {
	width: 48%;
	margin: 0 0 10px 0;
}

.bigbutton {
	padding: 50px;
	font-size: 150%;
}
/*-------------------------------------------------------------------------    checkbox */

input[type=checkbox] {
	display: none;
}

.on {
	color: #3B3B3B;
	background-color: #F5F4ED;
	position: relative;
	display: block;
	cursor: pointer;
}

.on:before {
	content: "\f00c";
	font-family: FontAwesome;
	border-radius: 3px;
	display: block;
	text-align: center;
	position: absolute;
	transition: all 300ms ease-out;
}

.on:hover {
	background-color: #3b3b3b;
	color: #F5F4ED;
	cursor: pointer;
}

.on:hover:before {
	content: "\f068";
	font-family: FontAwesome;
}

.off {
	position: relative;
	margin: 0 auto;
	display: block;
	cursor: pointer;
}

.off:before {
	content: "\f067";
	font-family: FontAwesome;
	margin:3px 0 0 0;
	color: #666;
	font-size:90%;
	display: block;
	text-align: center;
	position: absolute;
	transition: all 300ms ease-out;
}

.off:hover {
	background-color: #F5F4ED;
	color: #595959;
	cursor: pointer;
}

#activate_words {
	margin: 0 0 0 30px;
}

/*-------------------------------------------------------------------------     messages */



#Message {
	color: #444;
	padding: 10px 20px;
	display: block;
	text-align: left;
	margin: 10px 0;
	font-size: 110%;
}

#Message a {
	text-decoration: underline;
	color: inherit;
}

#Message a:hover {
	text-decoration: none;
	color: inherit;
	background-color: inherit;
}

#Message.success, .success {
	background: #4BAF4F;
	color: #fff;
}

#Message.alert, .alert {
	background: #990000;
	color: #E59A9A;
}

#Message.download, .download {
	background: #e3fce3;
	border-color: #9fe8b8;
}

#Message.warning, .warning {
	background: #fff6bf;
	color: #B88F47;
}

#Message.error, .error {
	background: #c00;
	color: #4B1B1B;
}

#Message.info, .info {
	background: #f7f7f7;
	color: #355F6E;
}