body {
    font-size: 13px;
	color: #222;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*	background: #FFFDF1 url("/img/bg.png") repeat;*/
background: #FFFDF1;
	padding-top:96px;
}

div.callout {
    background: none repeat scroll 0 0 #015b4e;
    border-radius: 5px 5px 0px 0px;
    padding: 20px 30px;
    color: #ffffff;
}

.callout h4 {
  color: #fff;
}

a {

}
a:hover {

}
a:active {

}
form {
    margin-bottom: 0;
}
a.back {
  margin-left: 12px;
}
/* modifiers */
.box-shadow {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.box-radius {
	border-radius: 4px;
}
p.padded {
    padding: 10px;
}
.no-margin-left {
  margin-left: 0;
}


/* ie8 fix */
.collapse {
  overflow: visible;
}



/* brand/logo */
.navbar .brand {
	margin:0;
}


/* purchase page */
table.product-container {
	border:1px solid #222;
	width:100%;
	border-collapse: collapse;
	box-shadow: 0 0 16px rgba(0, 0, 0, 0.6);
}
p.login {
	background-color: #FFFFCC;
	font-size:13px;
	color: #222;
	margin: 16px 0;
	line-height:26px;
	letter-spacing: normal;
}
.product-container td.divider {
	padding:0 10px;
}
p.purchase {
	background-color: #A64300;
	margin:20px;
	text-align:center;
}
p.option-heading {
	color: #A64600;
	font-size:12px;
	margin:4px 0;
}
.product-container td {
	padding:8px;
}
.product-container td.checkout {
	background-color: #F5F6F7;
	border-top:1px solid #222;
}
.product-container td.heading {
	background-color: #BF6A30;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color: #fff;
}
.product-container td.step {
	width:10%;
	vertical-align:top;
	padding-top:38px;
	font-size:28px;
	font-weight:bold;
	color: #A64300;
	text-align:center;
}
.product-container td.options {
	width: 35%;
	vertical-align:top;
}
.product-container td.properties {
	width:55%;
	border-left:1px solid #eee;
	font-size:12px;
	vertical-align:top;
	padding-top:22px;
}
p.product-header {
	color: #222;
}
.product-container p.title {
	font-weight:bold;
	font-size:16px;
	color: #222;
	text-align:center;
}
.product-container p.description {
	color: #222;
}
div.hidden-description {
	display:none;
}
div#feature-description {
	text-align: left;
}
table.order {
	border:0;
}
table.order td {
	border: 0;
}
table.order td.lbl {
	font-weight:bold;
	font-size:13px;
	text-align:right;
}


/* basic text alignments */
.tleft {
	text-align:left !important;
}
.tright {
	text-align:right !important;
}
.tcenter {
	text-align:center !important;
}

/* for marking form errors */
.form-error {
    color: red;
    font-size:11px;
    margin: 2px 0 2px 5px;
    display:block;
}

/* login form */
div.login-form {
    width:450px;
    margin: 0 auto;
    clear:both;
    padding:0;
}
.login-form h3 {
    background-color: #015b4e;
    color :#fff;
    margin:0 0 20px 0;
    font-size:20px;
}
.login-form .alert {
    margin: 10px !important;
}

#login{
  padding-top: 20px;
}
p.forgot-password {
    text-align:center;
    font-size:11px;
    margin:15px 0 650px 0;
}

/* grids */
div.selectors {
    padding-left:16px;
    padding-top: 6px;
    color: white;
}
div.selectors select {
    margin: 0 10px 0 10px;
}
div.selectors input[type="submit"] {
    margin: 0;
}

div.navbar-grids {
  margin-bottom:0;
  margin-top: 20px;
}
.navbar-grids .navbar-inner {
  padding: 10px;
  background-color: #015b4e;
margin-bottom: 20px;
}

/* nav bar */
ul.nav {
    padding-top:4px;
}
.navbar-fixed-top .container {
    width: 100%;
}
.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
}
.nav-collapse {
    padding-right:5px;
}

.main-heading{
  margin-top: 50px;
}

table.grids {
  background-color: white;
}
.grids th {
  text-align: center;
  vertical-align: middle !important;
  font-size: 11px;
  line-height: 12px;
}
.grids td {
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
}
.grids td.actions {
    text-align: right;
    width:100px;
}
.grids td.actions li {
    text-align: left;
}
.grids td.grid-name {
  text-align: left !important;
}
span.grid-status {
  font-size: 14px;
  font-weight: bold;
  color: blue;
}
span.grid-state {
  font-size: 11px;
  color: #222;
}
a.grid-name {
  font-size: 14px;
  font-weight: bold;
  color: #0074CC;
}
span.timestamp {
  font-size:10px;
  color: #666;
}
div.grid-selector {
    padding:0 0 10px 0;
    margin: 0;
}
div.profile-form {
  width:450px;
  margin: 0 auto;
  padding: 20px;
}

.input-fluid {
  width: 97%;
}

table.printable {
  margin: 30px 0;
}
table.printable td.description {
  width:60%;
}
table.printable td a {
  font-size: 16px;
  font-weight: bold;
}
table.printable td img {
  height:150px;
}

/* edit grid */
ul.grid-edit {
  background-color: #eee;
  padding:6px;
}

ul.grid-edit li a.upgrade {
  color: green;
  font-weight: bold;
}
table.edit {
  border:0;
}

table.edit td {
  vertical-align: middle;
  border:0;
}
td.form_label {
  text-align: right;
  font-weight: bold;
  width:35%;
}


td.even {
  background-color: #C9C299 !important;
}

.alert-info{
  background-color: #015b4e;
}
.alert-small-margin {
  margin-bottom: 0;
}
.vert-middle td {
  vertical-align: middle !important;
}
.very-small {
  font-size: 8px;
}
table.edit td input {
  width:60%;
}
table.edit input[type=radio] {
  width: auto;
}
table.edit input.small {
  width:100px;
}
#alert {
  color: red;
  font-weight: bold;
  padding:8px;
}


.square-header {
  background-color: #ccc;
  padding:8px;
}
.square-manager h2 {
color:#fff;
  padding:6px;
}
.square-manager td {
  border:0;
  padding:4px;
  vertical-align: middle !important;
}
.square-manager td.form_label {
  text-align: right;
  font-weight: bold;
  width: 20%;
}

table.game-view {
  border:none;
}
table.game-view td {
  border:none;
  vertical-align: middle;
}
table.game-view td.form_label {
  font-weight:bold;
  text-align: right;
}
table.player-view {
  border:none;
}
table.player-view td {
  border: none;
}
table.player-view td.form_label {
  width:25%;
  text-align: right;
  font-weight: bold;
  border: none;
}
td.bordered {
  border-bottom: 1px solid #EEEEEE !important;
}
.square-manager td.content {
  width: 30%;
}
.vert-top {
  vertical-align: top !important;
}

/* score input */
table.score-input {
  border:1px solid #000;
  background-color: #EEEEEE;
}
table.score-input td {
  border:1px solid #000;
  text-align: center;
  vertical-align: middle;
}
table.score-input td input {
  width:50px;
  text-align: center;
  font-weight: bold;
}
table.score-input th {
  text-align: center;
  border:none;
  background-color: #015b4e;
  color: #fff;
}
table.score-input td.form_label {
  text-align: right;
  font-weight: bold;
  padding-right: 10px;
}
/* gameboard */
div.gameboard-no-data {
  width:auto;
  margin:0 auto;
  border: 2px solid #000;
  padding:10px;
  height:500px;
  background-color: #eee;
}
p.gameboard-message {
  padding-top: 100px;
  text-align: center;
  font-size: 36px;
  line-height: 60px;
  color: #222;
}

table.gameboard-outer {
  border:1px solid #000;
  width:100%;
  background-color: #fff;
}
table.gameboard-outer td.team {
  vertical-align: middle;
  text-align: center;
  line-height:20px;
  font-size: 24px;
  font-weight: bold;
  color: #D50000;
  font-family: monospace;
  width:auto;
  padding:20px;
}
table.gameboard-inner {
  width:100%;
  border-collapse:separate;
  border-spacing:3px 3px;
  table-layout:fixed;
}
table.gameboard-inner td.column-number, table.gameboard-inner td.row-number {
  background-color: #FFFFCC;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #0000FF;
  font-size: 14px;
  padding:2px;
  border:1px solid #000;
  height:40px;
}
td.win {
    background-image:url('/img/winner.gif') !important;
    background-position:bottom center !important;
    background-repeat:no-repeat !important;
    border:1px solid #339966 !important;
}
td.win-paid {
    background-image:url('/img/winner-paid.gif') !important;
    background-position:bottom center !important;
    background-repeat:no-repeat !important;
    border:1px solid #339966 !important;
}
td.paid {
    background-image:url('/img/paid.gif');
    background-position:top center;
    background-repeat:no-repeat;
}
table.gameboard-inner td.number {
  background-color: #EEEEEE;
  text-align: center;
  vertical-align: bottom;
  border:1px solid #0000FF;
  height:20px;
}
p.grid-number {
  font-size: 11px;
  padding-bottom: 6px;
  margin-bottom:0;
}
p.grid-username {
  color: #222;
  font-weight: bold;
  font-size: 11px;
  margin: 0;
  word-wrap: break-word;
  line-height: 12px;
  padding: 10px 4px 2px 4px;
}

td.hover {
  background-color: #B5D2E0 !important;
  color: #000 !important;
  cursor: pointer;
}
td.winner {
  background-color: #468847 !important;
}
td.winner p.grid-number, td.winner p.grid-username {
  color: #fff;
}
span.winner {
  color: green;
  font-weight: bold;
}
span.ispaid {
  color: green;
}
span.notpaid {
  color: red;
}
table.gameboard td {
  border:1px solid #000;
}

.tab-pane {
  min-height:500px;
}
/* scoreboard */
table.scoreboard {
  width:400px;
  background-color: #eee;
  border:1px solid #000;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  margin: 10px auto;
}
.scoreboard td {
  border:1px solid #000;
}
.scoreboard td.team {
  font-weight: bold;
  font-size: 18px;
}
.scoreboard span.teamtype {
  font-size: 8px;
}
.scoreboard td.score {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
.scoreboard th {
  background-color: #015b4e;
  color: white;
  font-weight: bold;
  border: none;
}
.scoreboard th.quarter {
  text-align: center;
}
.scoreboard td.highlight {
  background-color: #FFFFCC;
}

input.rownum, input.colnum {
  width:14px !important;
  display:inline !important;
  margin:0;
  text-align: center;
  font-weight: bold;
}
/* validity jquery plugin */
/*
 * Style used by the label output mode.
 * Applied to the error labels that get positioned after an input.
 */
label.error {
    color:#fff;
    margin-left:2px;
    background-image:url('/img/arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:2px;
    padding-left:18px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
}

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes
 * and '.validity-modal-msg:hover' is applied to suggest
 * to the user that the boxes are clickable.
 */
.validity-modal-msg {
    position:absolute;
    z-index:1020;
    margin-top:12px;
    color:#fff;
    margin-left:2px;
    background-image:url('/img/arrow.gif');
    background-position:left center;
    background-repeat:no-repeat;
    padding:4px;
    padding-left:18px;
    -moz-border-radius:4px;
    -webkit-border-radius: 4px;
    cursor:pointer;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.modal-body{
  background-color: #fff;
}

.modal-header h3{
  color:#fff;
}

.validity-modal-msg:hover {
    color: #eee;
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL
 * which is the actual summary. The container can hold
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
 */
.validity-summary-container { display:none; }
.validity-summary-output ul { }
.validity-erroneous { border:solid 2px #f56600 !important; }

.validity-tooltip {
    z-index:1003;
    cursor:pointer;
    padding:3px;
    width:16em;
    border-width:1px;
    border-color:#555;
    border-style:solid;
    color:#111;
    position: absolute;
    background-color:#f56600;
}

.validity-tooltip:hover {
    border-color:#333;
}

.validity-tooltip .validity-tooltip-outer, .validity-tooltip .validity-tooltip-inner {
    position: absolute;
    width:0;
    height:0;
    border-right-width: 0;
    background:none;
    bottom:auto;
}

.validity-tooltip .validity-tooltip-outer {
    border-color:#333;
    border-style:solid;
    border-top: 0px solid transparent;
    border-bottom: 24px solid transparent;
    border-right-width:20px;
    border-right-style:solid;
    border-right-color:inherit;
    border-left-width:0px;
    top:-1px;
    left:-21px;
}

.validity-tooltip .validity-tooltip-inner {
    border-top: 0px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 20px solid #f56600;
    border-left-width:0px;
    top:1px;
    left:3px;
}
  /*
  Datepicker for Bootstrap
  Copyright 2012 Stefan Petre
  Licensed under the Apache License v2.0
  http://www.apache.org/licenses/LICENSE-2.0
*/
 .datepicker { z-index:1999; top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; /*.dow { border-top: 1px solid #ddd !important; }*/ } .datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; } .datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; } .datepicker > div { display: none; } .datepicker table { width: 100%; margin: 0; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td.day:hover { background: #eeeeee; cursor: pointer; } .datepicker td.old, .datepicker td.new { color: #999999; } .datepicker td.active, .datepicker td.active:hover { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled] { background-color: #0044cc; } .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active { background-color: #003399 \9; } .datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker td span:hover { background: #eeeeee; } .datepicker td span.active { background-color: #006dcc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -ms-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background-color: #0044cc; } .datepicker td span.active:active, .datepicker td span.active.active { background-color: #003399 \9; } .datepicker td span.old { color: #999999; } .datepicker th.switch { width: 145px; } .datepicker th.next, .datepicker th.prev { font-size: 19.5px; } .datepicker thead tr:first-child th { cursor: pointer; } .datepicker thead tr:first-child th:hover { background: #eeeeee; } .input-append.date .add-on i, .input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }


 ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
}

ul.wysihtml5-toolbar::after {
  clear: both;
  display: table;
  content: "";
}

ul.wysihtml5-toolbar > li {
  float: left;
  display: list-item;
  list-style: none;
  margin: 0 5px 10px 0;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic;
}

ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline;
}

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
  background-color: #E6E6E6;
  background-color: #D9D9D9;
  outline: 0;
}

ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important;
}

ul.wysihtml5-toolbar div.wysihtml5-colors {
  display:block;
  width: 50px;
  height: 20px;
  margin-top: 2px;
  margin-left: 5px;
  position: absolute;
  pointer-events: none;
}

ul.wysihtml5-toolbar a.wysihtml5-colors-title {
  padding-left: 70px;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="black"] {
  background: black !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="silver"] {
  background: silver !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="gray"] {
  background: gray !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="maroon"] {
  background: maroon !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="red"] {
  background: red !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="purple"] {
  background: purple !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="green"] {
  background: green !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="olive"] {
  background: olive !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="navy"] {
  background: navy !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="blue"] {
  background: blue !important;
}

ul.wysihtml5-toolbar div[data-wysihtml5-command-value="orange"] {
  background: orange !important;
}
.wysiwyg-color-black {
  color: black;
}

.wysiwyg-color-silver {
  color: silver;
}

.wysiwyg-color-gray {
  color: gray;
}

.wysiwyg-color-white {
  color: white;
}

.wysiwyg-color-maroon {
  color: maroon;
}

.wysiwyg-color-red {
  color: red;
}

.wysiwyg-color-purple {
  color: purple;
}

.wysiwyg-color-fuchsia {
  color: fuchsia;
}

.wysiwyg-color-green {
  color: green;
}

.wysiwyg-color-lime {
  color: lime;
}

.wysiwyg-color-olive {
  color: olive;
}

.wysiwyg-color-yellow {
  color: yellow;
}

.wysiwyg-color-navy {
  color: navy;
}

.wysiwyg-color-blue {
  color: blue;
}

.wysiwyg-color-teal {
  color: teal;
}

.wysiwyg-color-aqua {
  color: aqua;
}

.wysiwyg-color-orange {
  color: orange;
}