/*!
 * jQuery UI CSS Framework @VERSION
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
@import "../../bundles/gotcourtsdefault/base/jQuery/themes/base/jquery.ui.base.css";
@import "../../bundles/gotcourtsdefault/base/jQuery/themes/base/jquery.ui.theme.css";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

.container_8 {
  margin-left: auto;
  margin-right: auto;
  width: 740px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

.container_8 .grid_9 {
  width: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}
/* Main */

:focus {
	outline: none;
}
body {
	font-family: 'Open Sans', sans-serif;
	background-color: #fff;
	color: #292c30;
	line-height: 18px;
	font-size: 13px;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	line-height: normal;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 0.5em;
	line-height: normal;
}

h3 {
	font-size: 16px;
	line-height: normal;
}
p {
	padding-bottom: 1em;
}
hr {
	border: none;
	border-top: 1px solid #b0b0b0;
	margin: 10px 0;
}
input {
	font-family: 'Open Sans', sans-serif;
}
textarea {
	border: 1px solid #b0b0b0;
	font-family: 'Open Sans', sans-serif;
}
select {
	padding-left: 6px;
	padding-right: 6px;
	z-index: 1005;
}
a {
	color: #3068c9;
	text-decoration: underline;
	outline: 0;
}
a:hover,
a:active,
a:focus {
	color: #292c30;
	outline: 0;

}
strong {
	font-weight: bold;
}
.normal {
    font-weight: normal;
}
table * { border-collapse: separate; }

/* Links with pointer */
a.open_dialog {
    cursor: pointer;
}

/* Links with pointer */
a.open_dialog_hover {
	cursor: pointer;
}

/* Links with icons */
a.favorites {
	padding-left: 20px;
	background: url("../../bundles/gotcourtsdefault/images/icon_favorites_off.png") no-repeat left 2px;
}
a.favorites.on {
	background: url("../../bundles/gotcourtsdefault/images/icon_favorites_on.png") no-repeat left top;
}
a.viewProfile {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_eye.png") no-repeat left 2px;
}
a.sendMessage {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_message_left.png") no-repeat left 2px;
}
a.addAsBuddy {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_addAsBuddy.png") no-repeat left 2px;
}
a.removeBuddy {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_removeBuddy.png") no-repeat left 2px;
}
a.revokeBuddy {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_revokeBuddy.png") no-repeat left 2px;
}
a.acceptBuddy {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_acceptBuddy.png") no-repeat left 2px;
}
a.ignoreBuddy {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_ignoreBuddy.png") no-repeat left 2px;
}
a.view_announcements {
	padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_announce.png") no-repeat left 2px;
}


/* Forms */
fieldset {
	padding: 0 0 15px 0;
}
fieldset.panel {
	display: inline-block;
	border: 1px solid #b0b0b0;
	padding: 6px;
	vertical-align: top;
}
.horizontal label {
	min-width: 18px;
	width: auto;
	float: left;
	text-align: center;
	padding: 0 6px 6px 6px;
}
.vertical label {
	display: block;
	padding: 0; /*10px 6px 6px 6px;*/
	min-width: 18px;
	vertical-align: top;
}
fieldset.inline {
	padding: 0;
	white-space: nowrap;
}
fieldset.inline label {
	float: none;
	text-align: left;
	padding: 0 9px 0 0;
	min-width: auto;
}
fieldset.narrow .inputText {
	width: 105px;
}
fieldset.narrow .inputText.ui-autocomplete-input {
	padding-left: 20px;
	width: 85px;
}
legend {
	margin-bottom: 10px;
	padding-top: 15px;
	font-size: 16px;
}
input[type="text"] {
    border: 1px solid #b0b0b0;
}
input[type="text"]:focus {
    outline:none;
    border-color:#4aa0cc;
    box-shadow: none;
}
input[type="checkbox"] {
    cursor: pointer;
    vertical-align: middle;
}
.inputText {
	border: 1px solid #b0b0b0;
	width: 239px;
	height: 24px;
	line-height: 25px;
	padding: 0 3px;
	margin: 0;
	text-overflow: ellipsis;
	text-indent: 4px;
}
#pdfExtraSettingsForm .inputText {
	border: 1px solid #b0b0b0;
	width: 100%;
	height: 24px;
	line-height: 25px;
	padding: 0 3px;
	margin: 0;
	text-overflow: ellipsis;
	text-indent: 4px;
}
.inputText.ui-autocomplete-input {
	padding-left: 20px;
	width: 219px;
}
.inputText:hover,
.inputText:focus {
	outline: none;
	border: 1px solid #4aa0cc;
}
.inputText.error {
    border-color: #ed4848;
    background-color: #fcf1f1;
}
.inputText.number {
	width: 60px;
	text-align: right;
}
input:disabled {
    background-color: #EBEBE4;
    border: 1px solid #b0b0b0;
}
.inputText.disabled {
    border: 1px solid #b0b0b0;
    background-color: #EBEBE4;
}
.inputText:disabled {
    border: 1px solid #b0b0b0;
    background-color: #EBEBE4;
}
.inputText.narrow {
	width: 105px;
}
.inputText_errorMessage {
	z-index: 1010;
	position: absolute;
	display: block;
	padding-left: 7px;
	vertical-align: top;
	background: url("../../bundles/gotcourtsdefault/images/inputText_errorTooltip_arrow.png") no-repeat left center;
}
.inputText_errorMessage.left {
	padding-left: 0;
	padding-right: 7px;
	background: url("../../bundles/gotcourtsdefault/images/inputText_errorTooltip_arrow_right.png") no-repeat right center;
}
.inputText_errorMessage.top {
	padding-left: 0;
	padding-bottom: 7px;
	background: url("../../bundles/gotcourtsdefault/images/inputText_errorTooltip_arrow_bottom.png") no-repeat center bottom;
}
.inputText_errorMessage div {
	padding-left: 12px;
	padding-right: 13px;
	min-width: 100px;
	border-radius: 2px;
	background-color: #ed4848;
	color: #fff;
	font-size: 12px;
	line-height: 25px;
}
.mainContent .inputText_errorMessage {
	z-index: 1010;
}
.inputTextarea,
.ui-dialog .inputTextarea {
    border: 1px solid #b0b0b0;
    width: 239px;
    line-height: 24px;
    padding: 0 3px;
    margin: 0;
    resize: none;
    vertical-align: top;
}
.inputTextarea:hover,
.inputTextarea:focus {
    outline: none;
    border: 1px solid #4aa0cc;
}
.inputTextarea.error {
    border-color: #ed4848;
    background-color: #fcf1f1;
}
input[type="radio"] {
	padding: 0;
	vertical-align: text-top;
    cursor: pointer;
}
input[type="radio"]:disabled {
     cursor: auto;
}
.radios {
    display: inline-block;
}
form .radios label {
    width: auto;
}
form .radios-left label {
    margin-right: 10px;
}
.fieldnote {
	color: #808285;
}
/* Input with fieldnote */
.input-with-fieldnote {
    display: inline-block;
    vertical-align: top;
}
.input-with-fieldnote .fieldnote {
    margin-left: 0;
}

.form_row {
    padding-bottom: 1em;
}


/* SCROLLBAR */
.ps-container .ps-scrollbar-x-rail {
    display: none;
}



/* label-buttons */
.label-buttons input {
	display: none;
}
.label-buttons label {
	display: inline-block;
	padding: 3px 6px;
	cursor: pointer;
}
.label-buttons label:hover,
.label-buttons label.selected {
	background-color: #a8a8a8;
}

/* Blocks Layout */
.blockDiv {
	margin: 10px 0;
}
.blockFieldset {
	margin: 10px 0;
}
.blockFieldset.alpha {
	margin-top: 0;
}
.blockFieldset.alpha legend {
	padding-top: 0;
}
.blockLabel {
	display: block;
}
.block fieldset {
	margin: 10px 0;
}
.block fieldset.alpha {
	margin-top: 0;
}
.block fieldset.alpha legend {
	padding-top: 0;
}
.block label {
	display: block;
}
.block label.inline {
	display: inline;
}
.block li label {
	display: inline;
}
.block.block-wide label {
	display: inline-block;
	width: 150px;
}
.block.block-wide label.inline {
	display: inline;
}
.block.block-wide .horizontal label {
	width: auto;
}
.block.block-wide .radios label {
    width: auto;
}
.block.block-wide .radios-left label {
    margin-right: 10px;
}
.block.block-wide fieldset.panel {
	display: inline-block;
	vertical-align: top;
	margin-top: 0;
}
.block.block-wide ul.indent {
    display: inline-block;
}
/* /Blocks Layout */


/* Buttons */
button::-moz-focus-inner {
	border: 0px solid transparent;
}
.button,
button {
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.button,
button,
.button:focus,
button:focus {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: inline-block;
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	margin: 0;
	background-color: #ff5900;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	text-align: center;
	padding: 6px 12px;
	line-height: 19px;
}
/*.button.hover,
.button:hover,
.button:active,
button.hover,
button:hover,
button:active {
	color: #ffffff;
	background: #ee5c0c;
}*/
.button.hover,
.button:hover,
button:hover {
	opacity: 0.85;
}
.button:active,
button:active {
	box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.5);
}
.button:focus,
button:focus {
	outline: none;
}
.button.disabled,
.button:disabled,
button:disabled,
.button:disabled:focus,
button:disabled:focus,
.button[disabled="true"],
.button[disabled="true"]:focus,
.button[disabled="disabled"],
.button[disabled="disabled"]:focus{
    opacity: 0.5;
    cursor: default;
    background: #ff5900;
    color: #fff;
}
.button.disabled.hover,
.button.disabled:hover,
.button:disabled.hover,
.button:disabled:hover,
button.disabled.hover,
button.disabled:hover,
button:disabled.hover,
button:disabled:hover,
.button:disabled:focus:hover,
button:disabled:focus:hover,
.button[disabled="true"]:hover,
.button[disabled="true"]:focus:hover,
.button[disabled="disabled"]:hover,
.button[disabled="disabled"]:focus:hover{
	box-shadow: none;
    background: #ff5900;
}
.dialog {
    display: none;
}
.dialog_footer .button,
.dialog_footer a {
	margin-bottom: 6px;
	margin-right: 10px;
}
.dialog_footer td.right .button,
.dialog_footer td.right a {
	margin-right: 0;
}


/* firefox fix */
input.button {
	height: 31px;
}
/* ui-theme override */
.ui-widget-content a.button,
.ui-widget-content a.button:focus {
	color: #ffffff;
	text-decoration: none;
}
.ui-widget-content a.button.buttonSecondary,
.ui-widget-content a.button.buttonSecondary:focus {
	color: #292c30;
	text-decoration: none;
}
/* buttonSecondary */
.buttonSecondary,
.buttonSecondary:focus {
	color: #292c30;
	background-color: #f7f7f7;
	border: 1px solid #b0b0b0;
	/*line-height: 17px;*/
}
/*.buttonSecondary:hover,
.buttonSecondary:active {
	background: #f6f6f6;
	color: #292c30;
}*/
.buttonSecondary:active {
	box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.25);
}
.button.buttonSecondary.disabled,
.button.buttonSecondary:disabled,
button.buttonSecondary:disabled,
.button.buttonSecondary:disabled:focus,
button.buttonSecondary:disabled:focus,
.button.buttonSecondary[disabled="true"],
.button.buttonSecondary[disabled="true"]:focus,
.button.buttonSecondary[disabled="disabled"],
.button.buttonSecondary[disabled="disabled"]:focus{
    opacity: 0.5;
    cursor: default;
	color: #292c30;
    background: #b0b0b0;
}
.button.buttonSecondary.disabled.hover,
.button.buttonSecondary.disabled:hover,
.button.buttonSecondary:disabled.hover,
.button.buttonSecondary:disabled:hover,
button.buttonSecondary.disabled.hover,
button.buttonSecondary.disabled:hover,
button.buttonSecondary:disabled.hover,
button.buttonSecondary:disabled:hover,
.button.buttonSecondary:disabled:focus:hover,
button.buttonSecondary:disabled:focus:hover,
.button.buttonSecondary[disabled="true"]:hover,
.button.buttonSecondary[disabled="true"]:focus:hover,
.button.buttonSecondary[disabled="disabled"]:hover,
.button.buttonSecondary[disabled="disabled"]:focus:hover{
    opacity: 0.5;
	box-shadow: none;
	color: #292c30;
    background: #b0b0b0;
}
/* buttonRed */
.buttonRed {
	background-color: #df0505;
}
/*.buttonRed:hover,
.buttonRed:active {
	background: #de310e;
}*/
/* buttonCTA */
button.buttonCTA,
.button.buttonCTA,
button.buttonCTA.hover,
.button.buttonCTA.hover,
button.buttonCTA:hover,
.button.buttonCTA:hover,
button.buttonCTA:active,
.button.buttonCTA:active,
button.buttonCTA:focus,
.button.buttonCTA:focus {
	width: 240px;
	font-size: 16px;
	line-height: 33px;
	text-transform: uppercase;
	background: #FF5524 !important;
}
/* buttonNormal */
.buttonNormal,
.buttonNormal:focus {
    background: #FF5524 !important;
}
/*.buttonNormal:hover {
    background: linear-gradient(to bottom, #5CB7E5 0%,#3992BF 100%) !important;
}*/
/* buttonSuccess */
.buttonSuccess,
.buttonSuccess:focus {
    background: #40ad0e !important;
}
/*.buttonSuccess:hover {
    background: linear-gradient(to bottom, #60aa09 0%,#60a107, 100%) !important;
}*/


/* buttonFacebook */
.buttonFacebook,
.buttonFacebook:focus {
	background: #44579D url("../../bundles/gotcourtsdefault/images/icon_facebook30.png") no-repeat 1px center;
    padding-left: 30px;
}
.buttonFacebook:hover {
	background: #44579D url("../../bundles/gotcourtsdefault/images/icon_facebook30.png") no-repeat 1px center;
}
/* buttonGPlus */
.buttonGPlus,
.buttonGPlus:focus {
	background: #D04D35 url("../../bundles/gotcourtsdefault/images/icon_google30.png") no-repeat 1px center;
    padding-left: 30px;
}
.buttonGPlus:hover {
	background: #D04D35 url("../../bundles/gotcourtsdefault/images/icon_google30.png") no-repeat 1px center;
}

/* buttonCategory */
.buttonCategory {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-size: 12px;
    font-weight: normal;
    color: #b0b0b0;
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    padding: 3px 10px;
    margin-right: 7px;
    margin-bottom: 10px;
    text-decoration: none;
	transition: background-color 0.4s ease;
}
.buttonCategory.active {
    color: #ffffff;
    border: 1px solid #4aa0cc;
    text-decoration: none;
    background-color: #4aa0cc;
}
.buttonCategory.active:hover {
    color: #ffffff;
    border: 1px solid #4aa0cc;
    text-decoration: none;
    background-color: rgba(74, 160, 204, 0.9);

}
.buttonCategory:hover {
    border: 1px solid #7f8083;
    color: #7f8083;
	text-decoration: none;
}

.buttonAddCategory {
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    color: #b0b0b0;
    background-color: #ffffff;
    border: 1px solid #b0b0b0;
    border-radius: 3px;
    text-align: center;
    margin-right: 7px;
    padding: 6.5px 6px 6.5px 6px;
    margin-bottom: 2px;
}
.buttonAddCategory:hover {
    border: 1px solid #7f8083;

}
.buttonCategory span.icon_remove {
    display: none;
    position: absolute;
    top: -8px;
    right: -7px;
    border: 1px solid #7f8083;
    border-radius: 50%;
    background-color: #fff;
    background-size: 12px 12px;
    background-position: 2px;
    cursor: pointer;
}
.buttonCategory:hover span.icon_remove {
    display: inline-block;
}
/* emailSignup button */
.emailSignup .buttonNormal,
.emailSignup .buttonNormal:focus {
	background: #4aa0cc url("../../bundles/gotcourtsdefault/images/icon_email30.png") no-repeat left top !important;
    padding-left: 30px;
}
.emailSignup .buttonNormal:hover {
	background: #4aa0cc url("../../bundles/gotcourtsdefault/images/icon_email30.png") no-repeat left top !important;
}


.foreground-overlay {
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%; height: 100%;
	z-index: 1000;
}
.nightmode-overlay {
	display: none;
	position: absolute; 
	top: 0; 
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
	background: #000;
	opacity: 0.7;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
}
.nightmode-overlay > .inner {
	display: inline-block;
	width: 60%;
	min-width: 270px;
	overflow: hidden;
}
.nightmode-overlay .logo {
	display: inline-block;
	margin: 100px 0 25px 0;
}


/* tables */
th {
	text-align: left;
}
th.date,
td.date {
	text-align: left;
}
th.number,
td.number {
	text-align: right;
}
table.data {
	margin: 0.5em 0;
}
table.data th,
table.data td {
	padding: 0 18px 3px 0;
	text-align: left;
	vertical-align: text-top;
}
table.data th {
	text-align: left;
	font-weight: bold;
}
table.list {
    width: 100%;
}
table.list th {
    background-color: #e4e4e4;
    padding: 10px;
    font-weight: bold;
}
table.list td {
    border-bottom: 1px solid #e4e4e4;
    padding: 10px;
    vertical-align: top;
}

/* lists */
.sections > ul > li {
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.25em;
	margin-bottom: 0.5em;
}
.sections > ul > li[data-section=matchType] {
    min-width: 350px;
}
.sections > ul > li[data-section=partners],
.sections > ul > li[data-section=buddies]{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.sections > ul > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
ul.settings > li {
	font-weight: bold;
	margin-bottom: 1.5em;
}
ul.settings > li > ul {
	font-size: 12px;
	font-weight: normal;
	margin-left: 0.5em;
}
ul.settings > li > ul > li {
	margin-top: 0.25em;
}
ul.settings > li > ul > li input[type="radio"] {
	margin: 0 0.25em;
	vertical-align: middle;
}

/* breadcrumbs */
.breadcrumbs {
	padding-top: 12px;
	height: 25px; /*43px;*/
	margin-bottom: 8px;
}

.breadcrumbs .link:after {
    content: "\003E";
    padding-left: 5px;
    padding-right: 5px;
}


/* blocks */
.blankSlate {
	margin: 16px 0;
	background-color: #e5e5e5;
	padding: 20px 28px 14px 28px;
}
.filter,
.bgpanel {
    margin: 16px 0;
    background-color: #e4e4e4; 
    padding: 10px;
}
.titlebar {
	margin-bottom: 16px;
}

/* layout */
.mainContent {
	min-height: 400px;
    position: relative;
}
.widegrid {
	padding: 0 10px;
	text-align: center;
}
.widegrid:before,
.widegrid:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.widegrid:after { clear: both; }
.widegrid-content {
	display: inline-block;
	text-align: left;
	width: 100%;
}
.nogrid { /* hack to get out of the grid */
    margin-left: -1000px;
    margin-right: -1000px;
}


/* minimessages */
.minimessage {
	padding-left: 22px;
	background: no-repeat 0 center;
	min-height: 48px;
}
.minimessage.icon_no_2 {
	width: auto;
	height: auto;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 3px;
}


/* datepicker masked */
.datepicker-masked {
	display: inline-block;
	margin-right: 9px;
}
.datepicker-masked div {
	position: relative;
}
.datepicker-masked .inputText {
	width: 95px;
	font-size: 12px;
}
.datepicker-masked img {
	position: absolute;
	right: 3px;
	top: 5px;
}
/* /datepicker masked */

#ui-datepicker-div {
    z-index: 2000 !important;
}

/* Google Places Autocomplete */
body .pac-container {
    z-index: 3000 !important;
}

/* Error Page */
.error404-content {
	margin: 62px 0 106px 0;
	padding-top: 261px;
	background: url("../../bundles/gotcourtsdefault/images/error404.png") no-repeat center top;
	text-align: center;
}
.error404-content .title {
	font-size: 48px;
	line-height: 48px;
	font-weight: bold;
	margin: 35px 0 30px 0;
}
.error404-content .description {
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	margin-bottom: 23px;
}
.error404-content .instruction {
	font-size: 18px;
	line-height: 22px;
}
/* /Error Page */

/* Flags */
.flag {
	float: left;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position:  left top;
}
.flag-at { background-image: url("../../bundles/gotcourtsdefault/images/flags/Austria.png") }
.flag-fr { background-image: url("../../bundles/gotcourtsdefault/images/flags/France.png") }
.flag-de { background-image: url("../../bundles/gotcourtsdefault/images/flags/Germany.png") }
.flag-it { background-image: url("../../bundles/gotcourtsdefault/images/flags/Italy.png") }
.flag-es { background-image: url("../../bundles/gotcourtsdefault/images/flags/Spain.png") }
.flag-zh { background-image: url("../../bundles/gotcourtsdefault/images/flags/Switzerland.png") }
/* /Flags */


/* Infobox */
.infobox,
.infobox.success {
	border: 1px solid #8aca6d;
	min-width: 250px;
	max-width: 350px;
	background-color: #d3f4c4;
	color: #000;
	padding: 11px 18px 12px 13px;
	font-weight: bold;
	border-radius: 3px;
	z-index: 100;
}
.infobox.warning {
	border-color: #e0a755;
	background-color: #ffea94;
}
.infobox.info {
	border-color: #71a5ff;
	background-color: #ccdfff;
}
.infobox.error {
	border-color: #e01919;
	background-color: #f47c7c;
	color: #fff;
}
.infobox .infobox_close {
	display: block;
	position: absolute;
	right: 11px;
	top: 12px;
	width: 16px;
	height: 16px;
	background: url(/bundles/gotcourtsdefault/base/jQuery/themes/base/images/dialog_close.png) no-repeat;
	cursor: pointer;
}


/* Drop dialog */
.dropdialog {
    position: relative;
	cursor: pointer;
}
.dropdialog .ui-dialog {
    z-index: 1;
    display: none;
    margin-left: -108px;
    padding: 8px;
    position: absolute;
    left: 50%;
    text-align: left;
    top: 35px;
    width: 200px;
}
.dropdialog .ui-dialog .ui-dialog-arrow {
    left: 0;
    margin-left: 0;
    width: 100%;
}
.dropdialog:hover .ui-dialog {
    display: block;
}



/* Password */
.passwordLevel {
	display: inline-block;
	min-width: 100px;
	padding: 0 0 0 17px;
}
.passwordLevel0,
.passwordLevel1,
.passwordLevel2,
.passwordLevel3 {
	color: #df0505;
}
.passwordLevel4 {
	color: #ff8c19;
}
.passwordLevel5 {
	color: #2d9837;
}


/* Loading data */
.loading-data {
	display: none; /* show as inline-block */
	margin: 2px;
	padding: 2px 8px 2px 20px;
	border-radius: 4px;
	color: #f00;
	opacity: 0.7;
	border: 1px solid #f00;
	font-size: 11px;
	line-height: normal;
	background: #fff url(/bundles/gotcourtsdefault/images/icon_loading.gif) no-repeat 2px center;
}
.titlebar .loading-data {
	float: left;
	margin-top: 8px;
	margin-left: 18px;
}


/* DIALOG ELEMENTS */
.ui-dialog .timeperiod {
	white-space: nowrap;
}
/* Social */
.ui-dialog .social .social-label {
    width: 137px;
    height: 30px;
    line-height: 30px;
}
.ui-dialog .social .social-label.valign > .inner {
    line-height: 15px;
}
.ui-dialog .social .social-icons {
    max-width: 110px;
    float: right;
}
.ui-dialog .social .social-icons .icon {
    float: left;
    margin: 0 0 3px 6px;
}
/* /Social */
/* /DIALOG ELEMENTS */


/* OLD SIGNUP DIALOG */
#signup_dialog {
	max-width: 260px;
}
#signup_dialog .note-tospolicy {
	font-size: 10px;
	line-height: normal;
}
#signup_dialog .note-tospolicy a {
	white-space: nowrap;
}
#signup_dialog .privatephone-warning,
#reservation_dialog .privatephone-warning {
	font-size: 11px;
	line-height: normal;
	color: #ed4848;
	max-width: 250px;
}
#signup_dialog .phonecc-wrap,
#reservation_dialog .phonecc-wrap {
	display: inline-block;
	vertical-align: top;
	min-height: 25px;
}
/* /OLD SIGNUP DIALOG */


/* LOGIN DIALOG */

.ui-dialog .ui-dialog-content.loginDialog{
	padding: 0px !important;
}
.ui-dialog.loginDialog {
	border-radius: 5px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}

.ui-dialog .login_draw {
	width: 259px;
	height: 418px;
	border-radius: 4px;
	background-color: #fafafa;
	float: left;
	border-right: 1px solid #ededed;
}
.ui-dialog .login_draw .title {
	width: 260px;
	height: 23px;
	font-size: 19px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.3px;
	text-align: center;
	color: #002830;
	position: relative;
	top: 130px;
}

.ui-dialog .login_draw .drawing {
	width: 80px;
	height: 104px;
	object-fit: contain;
	position: relative;
	top: 184px;
	left: 94px;
}

.ui-dialog .login_draw .drawing.default {
	background-image: url("/bundles/gotcourtsdefault/images/player-2-c.svg");
}

.ui-dialog .login_draw .drawing.userimage {
	overflow: hidden;
	border-radius: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #fafafa;
	width: 100px;
	height: 100px;
}

.loginDialog .dialog_title {
    text-align: center;
}
.loginDialog  .separatorOR {
    margin: 3px 0 10px 0;
    text-align: center;
    color: #999;
}
.loginDialog .component.username {
	position: relative;
	top: 66px;
	left: 32px;
	width: 300px;
	float: left;
}
.loginDialog .component.password {
	position: relative;
	top: 72px;
	left: 32px;
	width: 300px;
	float: left;
}
.loginDialog .component.username .inputText,
.loginDialog .component.password .inputText {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 1px solid #e5e9ea;
	padding: 4px 0 8px;
	font-size: 14px;
	line-height: 16px;
	width: 300px;
}
.loginDialog .component.rememberMe {
    float: left;
	position: relative;
	left: 30px;
	top: 91px;
    font-size: 12px;
	min-width: 150px;
}
.loginDialog .component.rememberMe input {
	float: left;
}
.loginDialog .dialog_title {
	display: none;
}
.loginDialog .messagebox{
	position: absolute;
	top: 12px;
	left: 12px;
	width: 170px;
	margin: 0;
	background-position-x: 12px;
	background-position-y: 17px;
	background-size: 10%;
	padding: 12px 12px 12px 50px;
}
.loginDialog .socialLogin {
	position: relative;
	top: 131px;
	left: 32px;
	width: 300px;
	float: left;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.2px;
}
.loginDialog .socialLogin a {
	color: #ff5524;
}
.loginDialog .signUp {
	position: relative;
	top: 158px;
	left: -36px;
	width: 300px;
	float: left;
}
.loginDialog .component.forgotPassword {
    float: right;
    font-size: 12px;
	position: relative;
	right: 88px;
	top: 91px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.42;
	letter-spacing: normal;
	text-align: right;
	color: #334447;
}

.loginDialog .component.confirmTitle {
	position: relative;
	top: 66px;
	left: 32px;
	width: 300px;
	float: left;
	font-size: 19px;
}

.loginDialog .component.confirmText {
	position: relative;
	top: 86px;
	left: 32px;
	width: 300px;
	float: left;
	font-size: 12px;
}

.loginDialog .componentButton.login{
	float: left;
	position: relative;
	top: 110px;
	left: -117px;
}
.loginDialog .buttonLogin {
	width: 160px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 5px 0 rgba(57, 104, 255, 0.5);
	background-color: #3968ff;
}

.loginDialog .buttonLogout {
	width: 160px;
	float: left;
	height: 40px;
	position: relative;
	border-radius: 2px;
	top: 161px;
	left: 150px;
	box-shadow: 0 1px 5px 0 rgba(57, 104, 255, 0.5);
	background-color: #3968ff;
}

.loginDialog .buttonContinue {
	width: 160px;
	float: left;
	height: 40px;
	position: relative;
	border-radius: 2px;
	top: 161px;
	left: 160px;
	box-shadow: 0 1px 5px 0 rgba(57, 104, 255, 0.5);
	background-color: #3968ff;
}

.loginDialog .component.buttonLogin button {
    text-align: center;
    width: 100%;
}
.loginDialog .component.signUp {
    margin-top: 20px;
    padding-top: 10px;
    text-align: center;
    color: #999;
	position: relative;
	top: 131px;
	left: 11px;
	float: left;
}
.loginDialog .component.signUp a {
    white-space: nowrap;
}
.inputText_errorMessage div[for=username],
.inputText_errorMessage div[for=email] {
	width: auto;
	line-height: 12px;
	padding: 5px 12px 5px 13px;
	vertical-align: middle;
}
/* /LOGIN DIALOG */


/* RESET PASSWORD DIALOG */
.resetPasswordDialog .dialog_title {
    text-align: center;
}
.resetPasswordDialog .component.email .inputText {
	width: 99%;
	line-height: 24px;
	margin: 0 ;
	padding: 0 3px;
	height: 24px;
	overflow: hidden;
	box-sizing: border-box;
}
.resetPasswordDialog .component.submit {
    padding-top: 10px;
}
.resetPasswordDialog .component.submit button {
    text-align: center;
    width: 100%;
}
.resetPasswordDialog .component.login {
    margin-top: 20px;
    border-top: 1px solid #D4D5D6;
    padding-top: 10px;
    text-align: center;
    color: #999;
}
.resetPasswordDialog .component.login a {
    white-space: nowrap;
}
.resetPasswordDialog .component.alreadyGCMember a {
    white-space: nowrap;
}
/* /RESET PASSWORD DIALOG */


/* OLD SIGNUP DIALOG */
.ui-dialog .ui-dialog-content.signupDialog{
	padding: 0px !important;
}
.signupDialog .dialog_title {
	display: none;
}
.signupDialog .messagebox{
	position: absolute;
	top: 12px;
	left: 12px;
	width: 170px;
	margin: 0;
	background-position-x: 12px;
	background-position-y: 17px;
	background-size: 10%;
	padding: 12px 12px 12px 50px;
}
.ui-dialog.signupDialog {
	border-radius: 5px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
	border: solid 1px rgba(0, 0, 0, 0.1);
	background-color: #ffffff;
}
.ui-dialog .signup_draw .drawing {
	width: 156px;
	height: 129px;
	object-fit: contain;
	background-image: url("/bundles/gotcourtsdefault/images/illustration_players_handshake.svg");
	position: relative;
	top: 164px;
	left: 55px;
}
.ui-dialog .signup_draw {
	width: 259px;
	height: 418px;
	border-radius: 4px;
	background-color: #fafafa;
	float: left;
	border-right: 1px solid #ededed;
}
.ui-dialog .signup_draw .title {
	width: 260px;
	height: 23px;
	font-size: 19px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: 0.3px;
	text-align: center;
	color: #002830;
	position: relative;
	top: 130px;
}
.signupDialog .separatorOR {
    margin: 3px 0 10px 0;
    text-align: center;
    color: #999;
}
.signupDialog .component.firstName {
	position: relative;
	top: 25px;
	left: 32px;
	width: 300px;
	float: left;
}
.signupDialog .component.lastName {
	position: relative;
	top: 37px;
	left: 32px;
	width: 300px;
	float: left;
}
.signupDialog .component.email {
	position: relative;
	top: 50px;
	left: 32px;
	width: 300px;
	float: left;
}
.signupDialog .component.password {
	position: relative;
	top: 60px;
	left: 32px;
	width: 300px;
	float: left;
}
.signupDialog .component.password span {
    float: right;
    color: #999;
    font-size: 12px;
}
.signupDialog .component.firstName .inputText,
.signupDialog .component.lastName .inputText,
.signupDialog .component.email .inputText,
.signupDialog .component.password .inputText {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	border-bottom: 1px solid #e5e9ea;
	font-size: 14px;
	line-height: 16px;
	width: 300px;
}

.signupDialog .componentButton.signup{
	float: left;
	position: relative;
	top: 76px;
	left: 32px;
}
.signupDialog .buttonSignup {
	width: 160px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 5px 0 rgba(57, 104, 255, 0.5);
	background-color: #3968ff;
}
.signupDialog .component.terms {
    color: #999;
    font-size: 12px;
	position: relative;
	float: left;
	left: 32px;
	top: 70px;
	width: 300px;
}
.signupDialog .socialLogin {
	position: relative;
	top: 93px;
	left: 32px;
	width: 300px;
	float: left;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.2px;
}
.signupDialog .socialLogin a {
	color: #ff5524;
}
.signupDialog .component.alreadyGCMember {
    color: #999;
    font-size: 12px;
    text-align: center;
	position: relative;
	top: 100px;
	left: 7px;
	width: 300px;
	float: left;
}
/* /SIGNUP DIALOG */


/* PUBLIC RESERVATION DIALOG */
.publicReservationDialog .ui-dialog .ui-dialog-content {
	overflow: hidden !important;
}
.publicReservationDialog.reservationDialog .component {
	border-bottom: none;
}
.publicReservationDialog.reservationDialog .componentHTML.date {
	width: 65%;
}
.publicReservationDialog.reservationDialog .componentHTML.time {
	width: 35%;
}
.publicReservationDialog.reservationDialog .componentHTML.date div > label,
.publicReservationDialog.reservationDialog .componentHTML.time div > label {
	padding: 0 10px 5px 0;
}
.publicReservationDialog.reservationDialog .componentCancellationText {
	width: 280px;
}
.publicReservationDialog .component.componentTabs {
    margin-bottom: 0;
	padding-bottom: 0;
}
.publicReservationDialog .componentTabs > ul.tabs > li  {
    box-sizing: border-box;
    width: 49%;
    margin-right: 2%;
}
.publicReservationDialog .componentTabs > ul.tabs > li:last-child  {
    margin-right: 0;
}
.publicReservationDialog .componentTabs > ul.tabs > li > a {
    float: none;
    display: block;
    text-align: center;
}
/* HIDE TABS FROM PUBLIC RESERVATION DIALOG */
.publicReservationDialog .componentTabs > ul.tabs {
    display: none;
}
.publicReservationDialog .tabsContent .ui-tabs-panel {
    max-width: 270px;
    margin: 0 auto;
    padding: 13px 25px 0 25px;
	padding: 0 !important;
}
.publicReservationDialog .tabsContent > #login .separatorOR {
    margin: 3px 0 10px 0;
    text-align: center;
    color: #999;
	padding: 0;
}
.publicReservationDialog .tabsContent > #login .component.username {
    margin-bottom: 5px;
	padding: 0;
}
.publicReservationDialog .tabsContent > #login .component.password {
    margin-bottom: 5px;
	padding: 0;
}
.publicReservationDialog .tabsContent > #login .component.username label,
.publicReservationDialog .tabsContent > #login .component.password label {
	display: inline-block;
	margin-bottom: 2px;
}
.publicReservationDialog .tabsContent > #login .component.username .inputText,
.publicReservationDialog .tabsContent > #login .component.password .inputText {
	width: 99%;
	line-height: 23px;
	margin: 0 ;
	padding: 0 3px;
	height: 24px;
	overflow: visible;
	box-sizing: border-box;
	text-indent: 3px;
}
.publicReservationDialog .tabsContent > #login .component.rememberMe {
    float: left;
	padding: 0;
	vertical-align: middle;
}
.publicReservationDialog .tabsContent > #login .component.rememberMe input {
    float: left;
	padding: 0;
	margin-left: 0;
}
.publicReservationDialog .tabsContent > #login .component.forgotPassword {
    float: right;
	padding: 0;
}
.publicReservationDialog .tabsContent > #login .component.buttonLogin {
    clear: both;
    padding-top: 10px;
	padding-bottom: 0;
}
.publicReservationDialog .tabsContent > #login .component.buttonLogin button {
    text-align: center;
    width: 100%;
}
.publicReservationDialog .tabsContent > #login .component.signUp {
    margin: 20px -20px 0 -20px;
    border-top: 1px solid #D4D5D6;
    padding-top: 10px;
    text-align: center;
    color: #999;
	padding-bottom: 0;
}
.publicReservationDialog .tabsContent > #login .component.signUp a {
    white-space: nowrap;
}
.publicReservationDialog .componentSocialLogin.loginAndMake {
	padding: 0;
}
.publicReservationDialog .tabsContent > #signup .separatorOR {
    margin: 3px 0 10px 0;
    text-align: center;
    color: #999;
	padding: 0;
}

.publicReservationDialog .tabsContent > #signup .component.firstName {
    float: left;
    width: 47%;
	padding: 0;
    box-sizing: border-box;
    /*padding-right: 10px;*/
}
.publicReservationDialog .tabsContent > #signup .component.lastName {
    float: right;
    width: 47%;
    box-sizing: border-box;
	padding: 0;
    /*padding-left: 10px;*/
}
.publicReservationDialog .tabsContent > #signup .component.email {
    clear: both;
	padding: 0;
	margin-bottom: 5px;
	padding-top: 5px;
}
.publicReservationDialog .componentButton.signup {
	padding: 0;
}
.publicReservationDialog .tabsContent > #signup .component.password {
	padding-top: 0;
}
.publicReservationDialog .tabsContent > #signup .component.password span {
    float: right;
    color: #999;
    font-size: 12px;
}
.publicReservationDialog .tabsContent > #signup .component.firstName label,
.publicReservationDialog .tabsContent > #signup .component.lastName label,
.publicReservationDialog .tabsContent > #signup .component.email label,
.publicReservationDialog .tabsContent > #signup .component.password label {
	display: inline-block;
	margin-bottom: 2px;
}

.publicReservationDialog .tabsContent > #signup .component.firstName .inputText,
.publicReservationDialog .tabsContent > #signup .component.lastName .inputText,
.publicReservationDialog .tabsContent > #signup .component.email .inputText,
.publicReservationDialog .tabsContent > #signup .component.password .inputText {
	width: 100%;
	line-height: 23px;
	margin: 0 ;
	padding: 0 3px;
	height: 24px;
	overflow: visible;
	box-sizing: border-box;
	text-indent: 3px;
}
.publicReservationDialog .tabsContent > #signup .component.signup button {
    text-align: center;
    width: 100%;
}
.publicReservationDialog .tabsContent > #signup .component.terms {
    margin-top: 14px;
    color: #999;
    font-size: 12px;
	padding: 0;
}
.publicReservationDialog .tabsContent > #signup .component.alreadyGCMember {
	margin: 15px -20px 0 -20px;
    border-top: 1px solid #D4D5D6;
    padding-top: 10px;
	padding-bottom: 0;
    color: #999;
    font-size: 12px;
    text-align: center;
}
/* /PUBLIC RESERVATION DIALOG */


.phonecc-wrap .ui-selectmenu,
.phonecc-wrap .ui-selectmenu-status,
#phonecc-menu li,
#phonecc-private-menu li,
#phonecc-new-menu,
#phonecc-edit-menu {
	font-size: 11px;
	line-height: 20px;
}
.phonecc-wrap .ui-selectmenu-status,
#phonecc-menu a,
#phonecc-private-menu a,
#phonecc-new-menu a,
#phonecc-edit-menu a {
	padding-top: 2px;	
	padding-right: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#phonecc-button {
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0); /*resolves the border issue*/
}
#signup_dialog .phone,
#reservation_dialog .phone {
	width: 105px;
}
#signup_dialog .phone-fieldnote,
#reservation_dialog .phone-fieldnote {
	padding-left: 135px;
}
.phoneData .fieldnote {
	padding-left: 135px;
}
#my_favourite_clubs{
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 7px;
    padding-right: 10px;
}
.ui-selectmenu#country-button span,
#country-menu a {
	overflow: hidden;
	text-overflow: ellipsis;
}

.adminSwitchBack {
    font-size: 16px;
    color: #8c8c8c;
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    border: 1px solid #b0b0b0;
    background: #efefef;
    line-height: 22px;
}
.adminSwitchBack .button {
    margin-top: 10px;
}
/* Old Browsers */
.oldbrowser-notification {
    box-shadow: 0 0 8px rgba(0,0,0,0.5);
	border-color: #e0a755;
	background-color: #ffea94;
}
.oldbrowser-notification .inner {
	padding: 16px 18px 16px 67px;
	background: url("../../bundles/gotcourtsdefault/images/icon_warning.png") no-repeat 17px 16px;
    width: 885px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
}
.oldbrowser-notification .title {
	font-size: 21px;
    font-weight: bold;
	padding-bottom: 6px;
}

/* Email not verified */
.topNotification,
.verifyEmail-notification,
#newPlayerUI,
.testPlayer-info {
    color: white;
    min-height: 40px;
    text-align: center;
    box-shadow: 0 1px 0 0  rgba(0,0,0,0.1) inset;
    border-color: #e0a755;
    background-color: #3068c9;
}

.topNotification .inner,
.verifyEmail-notification .inner,
#newPlayerUI .inner,
.testPlayer-info .inner {
    padding: 0px 40px;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
}
.topNotification .inner {
    line-height: 18px;
    padding: 10px 40px;
}
.topNotification.info {
    position: relative;
    vertical-align: middle;
	background-color: #ffea94;
	color: #383830;

}
.topNotification.info .inner {
    background-image: url("/bundles/gotcourtsdefault/images/icon_warning_small.png");
    background-repeat: no-repeat;
    background-position: left 45%;
    text-align: left;
    width: 890px;
    padding: 10px 0 10px 25px;
    word-wrap: break-word;
    min-height: 20px;
    line-height: 18px;
}
.topNotification.info .inner a {
    color: #383830;
}
.topNotification.info .inner a:hover {
	text-decoration: none;
}
.topNotification.warning {
    background-color: #f47c7c;
    position: relative;
    vertical-align: middle;

}
.topNotification.warning .inner {
    background-image: url("/bundles/gotcourtsdefault/images/icon_warning_white.png");
    background-repeat: no-repeat;
    background-position: left 45%;
    text-align: left;
    width: 890px;
    padding: 10px 0 10px 25px;
    word-wrap: break-word;
    min-height: 20px;
    line-height: 18px;
}
.topNotification.warning .inner a {
    color: #ffffff;
}
.topNotification.warning .inner a:hover {
	text-decoration: none;
}
.verifyEmail-notification .inner {
    background: url("../../bundles/gotcourtsdefault/images/icon_email_white_xs.png") no-repeat 17px 12px;
}

.verifyEmail-notification .inner,
#newPlayerUI .inner,
.verifyEmail-notification .inner a,
#newPlayerUI .inner a,
.verifyEmail-notification .inner a:active,
#newPlayerUI .inner a:active,
.verifyEmail-notification .inner a:hover,
#newPlayerUI .inner a:hover,
.verifyEmail-notification .inner a:visited,
#newPlayerUI .inner a:visited,
.verifyEmail-notification .inner a:focus,
#newPlayerUI .inner a:focus
{
    color: white;
}

/* RESERVATION DIALOG */

#reservation_dialog {
    width: 400px;
}
#reservation_dialog_form
table.partners-header {
    width: 100%;
}
#reservation_dialog_form
table.partners-header th {
    font-weight: bold;
}
#reservation_dialog_form
table.partners-header td {
    text-align: right;
}
#reservation_dialog_form
table.partners-header #addGuestButton,
#reservation_dialog_form
table.partners-header #addPlayerButton{
    cursor: pointer;
    padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_add.png") no-repeat left center;
}
#reservation_dialog_form
table.partners-header #dontAddGuestButton {
    cursor: pointer;
    padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_no.png") no-repeat left center;
}

#reservation_dialog_form
table.partners-header #addGuestButton.disabled,
#reservation_dialog_form
table.partners-header #dontAddGuestButton.disabled,
#reservation_dialog_form
table.partners-header #addPlayerButton.disabled {
    color: #ddd;
}

#reservation_dialog_form
#askFriends,
#reservation_dialog_form
#noBuddies-list {
    width: 350px;
}

#reservation_dialog_form
.participantsList li,
#reservation_dialog_form
.items_list
{
    margin-bottom: 2px;
    padding: 3px 5px;
}
#reservation_dialog_form
.participantsList li:hover {
    background-color: #e7e7e7;
}
#reservation_dialog_form
.participantsList .icon_remove {
    float: right;
    cursor: pointer;
}

#reservation_dialog_form
.autocompleteList ul.items_list li,
#reservation_dialog_form
.autocompleteList ul.items_list {
    margin: 0;
}
#reservation_dialog_form
.newItemPhoto {
    min-height: 10px;
}

.reservationDialog table.partners-header {
    width: 100%;
    margin-bottom: 10px;
}
.reservationDialog table.partners-header th {
    font-weight: bold;
}
.reservationDialog table.partners-header td {
    text-align: right;
}
.reservationDialog table.partners-header #addGuestButton,
.reservationDialog table.partners-header #addPlayerButton {
    cursor: pointer;
    padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_add.png") no-repeat left center;
    color: #3068c9;
}
.reservationDialog table.partners-header #dontAddGuestButton {
    cursor: pointer;
    padding-left: 20px;
    background: url("../../bundles/gotcourtsdefault/images/icon_no.png") no-repeat left center;
    background-size: 12px 12px;
}
.reservationDialog table.partners-header .partner_label {
    margin-right: 10px;
}
.reservationDialog table.partners-header #addGuestButton.disabled,
.reservationDialog table.partners-header #dontAddGuestButton.disabled,
.reservationDialog table.partners-header #addPlayerButton.disabled,
.reservationDialog table.partners-header #addGuestButton.disabled:hover,
.reservationDialog table.partners-header #dontAddGuestButton.disabled:hover,
.reservationDialog table.partners-header #addPlayerButton.disabled:hover {
    color: #666;
    opacity: 0.4;
    cursor: default;
}
.reservationDialog table.partners-header #addGuestButton:hover,
.reservationDialog table.partners-header #dontAddGuestButton:hover,
.reservationDialog table.partners-header #addPlayerButton:hover {
    color: #292c30;
}
.reservationDialog #askFriends,
.reservationDialog #noBuddies-list {
    width: 345px;
}
.reservationDialog #askFriends > div {
    margin-bottom: 10px;
}
.reservationDialog .participantsList li,
.reservationDialog .items_list {
    margin-top: 5px;
    margin-bottom: 2px;
    padding: 3px 5px;
}
.reservationDialog .participantsList li:first-child {
    margin-top: 20px;
}
.reservationDialog .participantsList li:hover {
    background-color: #e7e7e7;
}
.reservationDialog .participantsList .icon_remove {
    float: right;
    cursor: pointer;
}

.reservationDialog .autocompleteList ul.items_list li,
.reservationDialog .autocompleteList ul.items_list {
    margin: 0;
}
.reservationDialog .newItemPhoto {
    min-height: 10px;
}

#gcDeleteRecurringReservationDialogPlaceholder .dialog_footer {
    white-space: nowrap;
}

/* WIDGET */
.widget {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    margin-bottom: 20px;
}
.widget-header {
    background-color: #e6e6e6;
    line-height: 18px;
    font-size: 13px;
    padding: 7px 16px 6px 16px;
}
.widget-header a {
    color: #808285;
}
.widget-body {
    padding: 11px 16px 12px 16px;
}
.widget-body-scrollbar {
    position: relative;
    overflow: hidden;
    max-height: 165px;
}
.widget .ps-container .ps-scrollbar-x-rail {
    display: none;
}
.widget .body-group {
    margin-top: 16px;
}
.widget .body-group:first-child {
    margin-top: 0;
}
.widget .group-heading {
    border-bottom: 1px solid #e6e6e6;
    font-size: 11px;
    line-height: 18px;
    color: #808285;
}
.widget .group-item {
    margin-top: 10px;
}

/* WIDGET - ACTIVE RESERVATIONS */
.widget#widget-activereservations .widget-body .reservation {
    margin-bottom: 10px;
    padding-left: 20px;
    min-height: 16px;
	background: url("../../bundles/gotcourtsdefault/images/icon_calendar.png") no-repeat left top;
}

.widget#widget-activereservations .widget-body .lesson {
    margin-bottom: 10px;
    padding-left: 20px;
    min-height: 16px;
    background: url("../../bundles/gotcourtsdefault/images/icon_calendar_red.png") no-repeat left top;
}

/* WIDGET - QUICK BOOKING */
.widget#widget-quickbooking .datepicker .ui-button-icon-only {
    width: 16px;
}
.widget#widget-quickbooking .datepicker .ui-state-default {
    border: none;
    background-color: transparent;
    background-image: none;
}
.widget#widget-quickbooking .datepicker .ui-state-hover,
.widget#widget-quickbooking .datepicker .ui-state-focus {
    box-shadow: none;
}
.widget#widget-quickbooking .datepicker input.ui-state-hover {
    cursor: default;
}
.widget#widget-quickbooking .widget-header a.title {
    display: block;
    float: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 0 0 0;
    max-width: 113px;
    max-height: 22px;
    line-height: 19px;
    font-size: 12px; /* fit for longer translations */
}
.widget#widget-quickbooking .widget-header .datepicker {
    float: right;
    overflow: hidden;
    max-width: 155px;
    max-height: 27px;
}
.widget#widget-quickbooking .widget-header .datepicker .ui-buttonset {
    margin-right: 0;
}
.widget#widget-quickbooking .item-info {
    float: left;
    overflow: hidden;
    max-width: 160px;
}
.widget#widget-quickbooking .item-button {
    float: right;
    overflow: hidden;
    max-width: 100px;
    text-overflow: ellipsis;
    font-size: 12px; /* fit for longer translations */
}
.widget#widget-quickbooking .info-name {
    overflow: hidden;
    text-overflow: ellipsis;
}
.widget#widget-quickbooking .info-details {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
}
.widget#widget-quickbooking #quickbooking_search .inputText.ui-autocomplete-input {
    display: block;
    margin: 10px 0 3px 0;
    width: 243px;
}

/* WIDGET - BUDDIES */
.widget#widget-buddies .group-item {
    padding-top: 8px;
}
.widget#widget-buddies .group-item img.avatar {
    float: left;
    margin-top: -8px;
    width: 40px;
    overflow: hidden;
}
.widget#widget-buddies .group-item .name {
    float: left;
    margin-left: 10px;
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
}
.widget#widget-buddies .group-item .icons {
    float: right;
}
.widget#widget-buddies .group-item .icons .icon {
    margin-left: 8px;
}
.widget#widget-buddies .buddy_search .inputText.ui-autocomplete-input {
    display: block;
    margin: 10px 0 3px 0;
    width: 243px;
}

/* Ask to play (Match Invite) dialogs */
#askToPlay_Form form,
#askToPlay_ExistingMatchForm form {
    max-width: 400px;
}
#askToPlay_Form .datepicker {
    display: inline-block;
    margin-right: 2em;
}


/* Swiss Indoors */
#gmap_swissIndoors {
    position: absolute;
    top: -87px;
    left: 0;
    width: 180px;
    height: 67px;
    background: url("../../bundles/gotcourtsdefault/images/swiss_indoors.png?1") no-repeat left top;
}

/* Outside Club dialog */
#outsideClubDialog {
	/*background-color:#9E5FCF;*/
    /*background: url("/bundles/gotcourtsdefault/images/outside_club_dialog_background.jpg") no-repeat top center;*/
    border-radius: 5px;
	position: relative;
}
#outsideClubDialog .dialog_header {
	width: 100%;
	height: 130px;
	background-color: #5F9ECF;
	position: absolute;
	margin-left: -20px;
	top: 0;
}

#outsideClubDialog .club-info {
    color: white;
    text-align: center;
    height: 112px;
    position: relative;
    padding-bottom: 19px;
    padding-right: 0; /* override .dialog_title class */
}
#outsideClubDialog .form {
    margin-top: 10px;
}
#outsideClubDialog .componentEmailPhoneText .inputText {
    width: 297px;
}
#outsideClubDialog .componentEmailPhoneCheckbox {
    font-size: 12px;
    line-height: normal;
}
#outsideClubDialog .componentEmailPhoneCheckbox .row {
    margin-bottom: 5px;
}
#outsideClubDialog .componentEmailPhoneCheckbox .row:last-child {
    margin-bottom: 10px;
}
#outsideClubDialog .componentEmailPhoneCheckbox .icon {
    margin: 1px 4px 0 1px;
    vertical-align: top;
}
#outsideClubDialog .componentEmailPhoneCheckbox input[type=checkbox] {
    vertical-align: top;
}
#outsideClubDialog .componentEmailPhoneCheckbox .label {
    font-weight: bold;
    max-width: 230px;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}
#outsideClubDialog .dialog_footer {
    margin-top: 1px;
}
#outsideClubDialog .dialog_footer td.right a {
    font-size: 12px;
    text-decoration: none;
}
#outsideClubDialog .dialog_footer td.right a .text {
    text-decoration: underline;
}
#outsideClubDialog .dialog_footer td.right a .gt {
    font-size: 10px;
    font-weight: bold;
}
#outsideClubDialog .club-info .club-name {
    padding-top: 22px;
    font-size: 17px;
    line-height: normal;
}

#outsideClubDialog .club-info .club-address {
    margin-top: 1px;
    font-size: 13px;
    line-height: normal;
    font-weight: normal;
}

#outsideClubDialog .club-info .club-details {
    margin-top: 20px;
    font-size: 11px;
    font-weight: normal;
    text-align: center;
}
#outsideClubDialog .club-info .club-details .detail {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#outsideClubDialog .club-info .club-details .detail.phone {
    max-width: 100px;
    margin-right: 7px;
}
#outsideClubDialog .club-info .club-details .detail.email {
    max-width: 110px;
    margin-right: 7px;
}
#outsideClubDialog .club-info .club-details .detail.email a {
    color: #fff;
    text-decoration: none;
}
#outsideClubDialog .club-info .club-details .detail.email .email-text {
    text-decoration: underline;
}

/* Show all players */
.ui-menu-item .all_results {
    display: block;
    border-top: 1px solid silver;
    text-align: center;
}

#allResults_dialog {
    overflow: hidden;
}

#allResults_dialog .resultsList {
    height: 500px;
    width: 350px;
    position: relative;
    margin-right: -15px;
    padding-right: 15px;
}
#allResults_dialog .resultsList .ps-scrollbar-x-rail {
    display: none;
}

#allResults_dialog .resultsList .player {
    position: relative;
    margin-bottom: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #f0f0f0;
}

#allResults_dialog .resultsList .player .name {
    float: left;
}

#allResults_dialog .resultsList .player img {
    width: 30px;
    height: 30px;
    margin-right: 6px;
    float: left;
}

#allResults_dialog .resultsList .player .actions {
    float: right;
}

#allResults_dialog .resultsList .playerResDialog .details {
    display: inline-block;
    line-height: 14px;
    font-size: 12px;
}
#allResults_dialog .resultsList .playerResDialog .name {
    font-weight: bold;
}

/* Dialog removeSettings */
.ui-dialog .removeSettings .componentHTML {
    margin-bottom: 15px;
}
.ui-dialog .removeSettings button {
    background: #df0505;
}
/* /Dialog removeSettings */
label[for=rememberMe] {
	/*vertical-align: middle;*/
}
.datepicker .ui-buttonset .ui-button {
	margin-right: -5px;
	/*margin-bottom: -1em;*/
}

/* Prevent clickable element from being highlighted */
div,
span,
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

#loader-placeholder{
    position: absolute;
    top: 0
}

.gc-loader-overlay {
    background-color: #fff;
    opacity: 0.5;
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.gc-spinner-container {
    height: 100%;
    width: 100%;
    z-index: 99999;
    position: fixed;
    display: table;
    top: 0;
    left: 0;
}

.gc-spinner-holder {
    height: 36px;
    width: 36px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
}

.gc-spinner {
    height: 36px;
    width: 36px;
    box-shadow: 0 2px 5px 1px rgba(0,0,0,0.33);
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin-right: auto;
    margin-left: auto;
    background: url("../../bundles/gotcourtsdefault/images/tennis-ball-loader_2x.gif") no-repeat center center;
    background-size: 16px 16px;
    background-color: #FFFFFF;
}

.gc-spinner > img {
    height: 16px;
    width: 16px;
    top: -2px;
    position: relative;
}
/* Common */
.hidden,
.hidden-properties,
.hidden-nosubmit {
	display: none;
}
.access-hidden {
  position: absolute !important;
  height: 1px; width: 1px; 
  overflow: hidden;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.italic { font-style: italic; }
.middle { vertical-align: middle; }
.wide { width: 100%; }
table.wide td {
	padding-right: 1em;
}
table.wide td.right {
	padding-right: 0;
	padding-left: 1em;
}
.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}
.float,
.col-left,
.fleft { float: left; }
.col-right,
.fright { float: right; }
.iblock {
    display: inline-block;
}
.img-left {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.vtop {
    vertical-align: top;
}
.vbottom {
    vertical-align: bottom !important;
}
.clear { clear: both; }
.smalltext { font-size: 12px; }
.smalltext2 { font-size: 9px; }
.nowrap { white-space: nowrap; }
.oneliner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* Rulers (Spacers) */
.hr { height: 6px; }
.vr {
	display: inline-block;
	width: 12px;
}
.vr1 {
	display: inline-block;
	width: 3px;
}
.vr2 {
	display: inline-block;
	width: 6px;
}
.vr3 {
	display: inline-block;
	width: 9px;
}
.fr {
	float: left;
	width: 20px;
	height: 1em;
}

/**
* Clearfix - To prevent margin collapsing display: table; can be added to the first rule
*/
.cf:before,
.cf:after,
.row:after {
  content: ".";
  display: block;    
  height: 0;    
  overflow: hidden;
}
.cf:after,
.row:after {clear: both;}
.cf, .row {zoom: 1;} /* IE < 8 */

/* Vertically Aligned Columns */
/* content can be vertically aligned (middle by default) */
/* requires a fixed height */
.valign:before,
.valign:after {  content: "."; display: block; height: 0; overflow: hidden; }
.valign:after { clear: both; }
.valign { zoom: 1; } /* IE < 8 */
.valign {
    float: left;
    overflow: hidden;
    height: 1em;
    line-height: 1em;
}
.valign > .inner {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
/* /Vertical Columns */

header .grid_12 {
	padding: 14px 0 0 0;
	height: 46px;
}

.logo-home {
	padding: 7px 0 0;
	color: #355c7d;
}
.logo-home a {
    display: inline-block;
}

.mainnav {
	float: right;
	font-weight: bold;
	text-align: right;
	padding-top: 2px;
}

.mainnav > ul > li {
	display: inline-block;
	padding: 6px 10px;
	position: relative;
}

.mainnav > ul > li li.separator {
    border-top: 1px solid #b0b0b0;
}

.mainnav .last {
	margin-right: -13px;
}

.mainnav a {
	color: #4aa0cc;
	text-decoration: none;
}

.mainnav .active a {
	color: #2e4771;
}

.mainnav .nav-icons {
	padding: 6px 9px 0;
	vertical-align: top;
}

.nav-icons a {
	display: inline-block;
	height: 18px;
	padding: 0 6px;
	position: relative;
	width: 18px;
}

.mainnav li .ui-dialog {
	z-index: 1000;
	display: none;
	margin-left: -100px;
	padding: 8px 0;
	position: absolute;
	left: 50%;
	text-align: left;
	top: 35px;
	width: 200px;
}

.mainnav li.last .ui-dialog {
	margin-left: -160px;
}

.mainnav li .ui-dialog .ui-dialog-arrow {
	left: 0;
	margin-left: 0;
	width: 100%;
}

.mainnav li.last .ui-dialog .ui-dialog-arrow {
	width: 40%;
	left: auto;
	right: 0;
}

.mainnav li ul li:hover {
	background: #d1d1d1;
}

.mainnav li ul a {
	color: #292c30;
	display: block;
	font-weight: normal;
	padding: 9px 19px;
}

.mainnav li:hover .ui-dialog {
    display: block;
}

#user_profile {
    cursor: pointer;
}

#dealsBoxLink {
    color: #4AA0CC !important;
}
#dealsBoxLink::before {
    position: absolute;
    left: 4px;
    top: 2px;
}
.icon-messages {
	background: url(../../bundles/gotcourtsdefault/images/icon_messages.png) no-repeat 50% 50%;
}
.icon-notifications {
	background: url(../../bundles/gotcourtsdefault/images/icon_notification.png) no-repeat 50% 50%;
}
.icon-buddy-requests {
	background: url(../../bundles/gotcourtsdefault/images/icon_buddy_requests.png) no-repeat 50% 50%;
}
.icon-membership-requests {
    background: url(../../bundles/gotcourtsdefault/images/icon_membership_requests_white.png) no-repeat 50% 50%;
}
.icon-championship {
    background: url(../../bundles/gotcourtsdefault/images/icon_trophy.png) no-repeat 50% 50%;
}

.icon-championship {
    background: url(../../bundles/gotcourtsdefault/images/icon_trophy.png) no-repeat 50% 50%;
}

.nav-icons span {
    color: #4aa0cc;
    position: relative;
    top: -3px;
    font-size: 13px;
}

.nav-icons a span {
	background: #ff5a00;
	border-radius: 2px;
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	padding: 3px;
	position: absolute;
	right: -3px;
	text-align: center;
	top: -10px;
    color: #fff;
}

.nav-icons > span {
    color: #4aa0cc;
    display: inline-block;
    position: relative;
    top: -5px;
}

.homelink {
	display: block;
	float: left;
	margin-top: -5px;
}


/* DEFAULT MODULE */
.mod-default header {
    margin-bottom: 16px;
    border-bottom: 1px solid #E5E5E5;
    padding: 24px 0 12px 0;
    font-size: 14px;
    line-height: 24px;
    min-height: 39px;
}
.mod-default header .col-right {
    margin-top: 1px;
    padding-right: 30px;
}

.mod-default .container_header header .col-right {
    padding-right: 30px;
}

.mod-default .container_header header .separator {
    border-left: 1px solid #E5E5E5;
    opacity: 1;
}

.mod-default header .col-left {
    padding-left: 30px;
}
.mod-default header a {
    text-decoration: none;
    display: inline-block;
}
.mod-default header h1,
.mod-default header nav,
.mod-default header .mobile,
.mod-default header .access {
    display: inline-block;
    vertical-align: top;
}
.mod-default header .separator {
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid #FFFFFF;
    height: 24px;
    line-height: 0;
    width: 0;
    overflow: hidden;
    opacity: 0.3;
}
.mod-default header h1 {
    margin-right: 30px;
}
.mod-default header h1 img {
    margin-top: -13px;
}
.mod-default header nav a {
    margin-right: 30px;
    color: #808285;
}
.mod-default header .mobile a {
    margin-right: 6px;
    opacity: 1;
    transition: opacity 0.3s;
    font-size: 20px;
    color: #FF5524;
}

.mod-default header .mobile a:hover {
    opacity: 0.62;
}


.mod-default header .access {
    margin-left: 0;
    padding-left: 25px;
    height: 26px;
}
.mod-default header .access a {
    margin-top: -6px;
    margin-left: 0;
    margin-right: 15px;
    padding: 0;
    line-height: 36px;
    color: #FF5524;
}
.mod-default header .access a#nav_login {
    transition: opacity 0.3s;
}
.page-index header .access a#nav_signup,
.mod-default header .access a#nav_signup {
    transition: opacity 0.3s;
}
.page-index header .access a#nav_signup:hover,
.page-forClubsNew header .access a#nav_signup:hover {
    opacity: 0.62;
}
.mod-default header .access a#nav_login:hover {
    opacity: 0.62;
}
.mod-default header .access a.button {
    color: #fff;
    width: auto;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    padding: 0 20px;
    margin-right: 0;
    margin-left: 10px;
    font-family: "Open Sans Semibold";
}
.mod-default header .access a.button:hover {
    line-height: 36px;
}

.mod-default .page-error header .access {
    display: none;
}

/* /DEFAULT MODULE */


/* PLAYER MODULE */
.mod-player header {
	background-color: #2e4771;
}
.mod-player header .grid_12 {
    padding: 7px 0 0 0;
    height: 43px;
}
.mod-player header a {
	color: #fff;
}
.mod-player header .homelink {
	margin-top: 6px;
    margin-right: 23px;
    width: 122px;
    overflow: hidden;
}
.mod-player .mainnav {
	float: left;
    width: 615px;
}
.mod-player .mainnav-left {
	float: left;
    margin-top: 3px;
}
.mod-player .mainnav-right {
	float: right;
}
.mod-player .mainnav > ul > li {
    padding: 3px 10px;
}
.mod-player .mainnav > ul > .active {
	background: #4f6891;
	border-radius: 2px;
}
.mod-player .mainnav > ul > .active > a {
	color: #fff;
}
.mod-player .mainnav .nav-icons {
    padding: 11px 9px 0;
}
.mod-player .mainnav li.mainnav-user {
    background: url(../../bundles/gotcourtsdefault/images/mainnav_user_arrow.png) no-repeat right 16px;
}
.mod-player .mainnav li.mainnav-user .ui-dialog {
    margin-left: 0;
    left: -76px;
    top: 43px;
}
.mod-player .mainnav-user a.user-link img {
    vertical-align: middle;
}
.mod-player .mainnav-user a.user-link span {
	max-width: 60px;
	max-height: 18px;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: text-bottom;
    white-space: nowrap;
}
.mod-player .mainnav-user a.user-link span.test-player-name {
    max-width: 85px;
}
.mod-player .header-search {
    float: right;
    margin-top: 5px;
}
.mod-player .header-search input,
.mod-player .header-search .ui-autocomplete-input {
    margin: 0;
    width: 140px;
    border: none;
    border-radius: 12px;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.mod-player .ui-autocomplete-category {
    padding: 3px 6px;
    font-weight: bold;
    color: #666;
}
.mod-player #search_club_results a {
  min-height: 40px;
  margin: 5px 0;
}
.mod-player #search_club_results img {
  width: 40px;
  height: 40px;
  float: left;
  margin-right: 0.5em;
}
.mod-player #search_club_results .name {
  font-weight: bold;
}
/* /PLAYER MODULE */

/* CLUB MODULE */
.mod-club header {
    background-color: #2B2C2F;
}
.mod-club header .container_12 {
    position: relative;
}
.mod-club header a {
    color: #FFFFFF;
}
.mod-club header .grid_12 {
    padding: 7px 0 0 0;
    height: 43px;
}
.mod-club header .homelink {
	margin-top: 6px;
    margin-right: 23px;
    width: 122px;
    overflow: hidden;
}
.mod-club .mainnav > ul > li > a span.icon_settings {
    cursor: pointer;
    position: relative;
    top: -1px;
}
.mod-club .mainnav > ul > .active {
    background: #ff5a00;
    border-radius: 2px;
    cursor: pointer;
}
.mod-club .mainnav > ul > .active > a {
    color: #fff;
}
.mod-club .mainnav > ul > .active > a span.icon_settings {
    background-image: url("/bundles/gotcourtsdefault/images/icon_settings_white.png");
    cursor: pointer;
    position: relative;
    top: -1px;
}
/* /CLUB MODULE */


/* ADMIN MODULE */
.mod-admin header {
	background-color: #e9e9e9;
}
.mod-admin header a {
	color: #292c30;
}
.mod-admin .mainnav > ul > .active {
	background: #ff5a00;
	border-radius: 2px;
}
.mod-admin .mainnav > ul > .active > a {
	color: #fff;
}
/* /ADMIN MODULE */


/* COACH MODULE */
.mod-coach header {
    background-color: #ee5c0c;
}
.mod-coach header a {
    color: #f2f2f2;
}
.mod-coach header .grid_12 {
    padding: 7px 0 0 0;
    height: 43px;
}
.mod-coach header .homelink {
	margin-top: 6px;
    margin-right: 23px;
    width: 122px;
    overflow: hidden;
}
.mod-coach .mainnav > ul > .active {
    background: #9d261d;
    border-radius: 2px;
}
.mod-coach .mainnav > ul > .active > a {
    color: #fff;
}
/* /COACH MODULE */
.mainnav .gc-main-nav-reservations,
.mainnav .gc-main-nav-players,
.mainnav .gc-main-nav-username {
    pointer-events: none;
    cursor: auto;
}

/* Footer */
footer {
	color: #808285;
	font-size: 12px;
}

.footersep {
	background: #fff url(../../bundles/gotcourtsdefault/images/footer_sep.png) no-repeat;
	display: inline-block;
	height: 20px;
	margin-top: 2px;
	vertical-align: top;
  /*width: 23px;*/
    width: 16px;
    background-position: -5px -3px;
}

footer .right a {
	margin-left: 7px;
}

footer .grid_12 {
	border-top: 1px solid #e4e4e4;
	margin-top: 16px;
	padding: 9px 0;
}
#langdropdown {
	width: 100px;
}
#langdropdown-button {
	vertical-align: top;
	margin: -4px 0 0 10px;
	min-width: 90px;
	text-align: left;
}
/* /Footer */

/* Public footer */
footer.footerPublic {
    color: #474D56;
    font-size: 14px;
    background: #292c30;
    padding: 50px 0px;
    text-align: center;
    margin-top: 50px;
}

footer #footerPublicLogo {
    display: inline-block;
}

footer #footerPublicLinks {
    margin-top: 40px;
}

footer #footerPublicLinks > .inner {
    display: inline-block;
    text-align: left;
}

footer.footerPublic a {
    color: #474D56;
    text-decoration: none;
    transition: color 0.3s;
}
footer.footerPublic a:hover {
    color: #FFFFFF;
}

footer.footerPublic .column {
    float: left;
    min-width: 90px;
    margin-right: 60px;
}
footer.footerPublic .column.last {
    margin-right: 0px;
}
footer.footerPublic .column > a {
    display: block;
    margin-bottom: 16px;
}
footer.footerPublic .column > h3 {
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}
footer.footerPublic .copyright {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 24px;
}
footer.footerPublic .made {
    font-size: 12px;
    line-height: normal;
}

footer.footerPublic #language {
    margin: 20px 0 34px 0;
}
/* dropdown */
/* this is a simplifyed version */
footer.footerPublic #language a {
    border-color: #26282A !important;
    background: #26282A none !important;
}
footer.footerPublic #language a:hover {
    border-color: #b0b0b0 !important;
    background: #b0b0b0 none !important;
}
footer.footerPublic #language .ui-selectmenu-status {
    background-color: #26282A;
    color: #474D56;
}
footer.footerPublic #language a:hover .ui-selectmenu-status {
    background-color: #b0b0b0;
    color: #474D56;
}

footer .mobile a {
    font-size: 20px;
    color: #8E9094;
    text-decoration: none;
    opacity: 1;
    transition: opacity 0.3s;
}

footer .mobile a:hover {
    opacity: 0.62;
}

/* /dropdown */
/* /Public footer */

.icon {
	display: inline-block;
	width:  16px;
	height: 16px;
	background: none no-repeat;
	vertical-align: middle;
	cursor: pointer;
}
span.icon,
div.icon {
	cursor: default;
}
.iconlink {
	padding-left: 20px;
	background: none no-repeat left 2px;
	cursor: pointer;
	line-height: 30px;
}
.icon_default {background-image: url('../../bundles/gotcourtsdefault/images/icon_default.png');}
.icon_calendar { background-image: url("../../bundles/gotcourtsdefault/images/icon_calendar.png"); }
.icon_reply { background-image: url("../../bundles/gotcourtsdefault/images/icon_reply.png"); }
.icon_reccuring { background-image: url("../../bundles/gotcourtsdefault/images/icon_reccuring.png"); }
.icon_recurring { background-image: url("../../bundles/gotcourtsdefault/images/icon_reccuring.png"); }
.icon_waiting { background-image: url("../../bundles/gotcourtsdefault/images/icon_waiting.png"); }
.icon_expand { background-image: url("../../bundles/gotcourtsdefault/images/icon_expand.png"); }
.icon_switch { background-image: url("../../bundles/gotcourtsdefault/images/icon_switch.png"); }
.icon_players { background-image: url("../../bundles/gotcourtsdefault/images/icon_players.png"); }
.icon_edit { background-image: url("../../bundles/gotcourtsdefault/images/icon_edit.png"); }
.icon_remove { background-image: url("../../bundles/gotcourtsdefault/images/icon_remove.png"); }
.icon_remove.disabled { background-image: url("../../bundles/gotcourtsdefault/images/icon_remove_disabled.png"); }
.icon_add { background-image: url("../../bundles/gotcourtsdefault/images/icon_add.png"); }
.icon_copy { background-image: url("../../bundles/gotcourtsdefault/images/icon-copy-content.png"); }
.icon_info { background-image: url("../../bundles/gotcourtsdefault/images/icon_info.png"); }
.icon_notifications { background-image: url("../../bundles/gotcourtsdefault/images/icon_notifications.png"); }
.icon_export { background-image: url("../../bundles/gotcourtsdefault/images/icon_export.png"); }
.icon_eye { background-image: url("../../bundles/gotcourtsdefault/images/icon_eye.png"); }
.icon_message { background-image: url("../../bundles/gotcourtsdefault/images/icon_message.png"); }
.icon_message_left { background-image: url("../../bundles/gotcourtsdefault/images/icon_message_left.png"); }
.icon_favorite { background-image: url("../../bundles/gotcourtsdefault/images/icon_favorites_on.png"); }
.icon_favorite_off { background-image: url("../../bundles/gotcourtsdefault/images/icon_favorites_off.png"); }
.icon_distance { background-image: url('../../bundles/gotcourtsdefault/images/icon_car.png'); }
.icon_distance_white_xs {
    width: 18px;
    height: 16px;
    background-image: url('../../bundles/gotcourtsdefault/images/icon_distance_white_xs.png');
}
.icon_available { background-image: url('../../bundles/gotcourtsdefault/images/icon_available.png'); }
.icon_unavailable { background-image: url('../../bundles/gotcourtsdefault/images/icon_unavailable.png'); }
.icon_warning_small {background-image: url('../../bundles/gotcourtsdefault/images/icon_warning_small.png');}
.icon_print {background-image: url('../../bundles/gotcourtsdefault/images/icon_print.png');}
.icon_file {background-image: url('../../bundles/gotcourtsdefault/images/icon_file.png');}
.icon_user {background-image: url('../../bundles/gotcourtsdefault/images/icon_user.png');}
.icon_close {background-image: url('../../bundles/gotcourtsdefault/images/icon_close.png');}
.icon_close2 {background-image: url('../../bundles/gotcourtsdefault/images/icon_close2.png');}
.icon_larr {background-image: url('../../bundles/gotcourtsdefault/images/icon_larr.png');}
.icon_addAsBuddy {background-image: url('../../bundles/gotcourtsdefault/images/icon_addAsBuddy.png');}
.icon_match {
    background-image: url('../../bundles/gotcourtsdefault/images/icon_match.png');
    width: 22px;
    height: 17px;
}
.icon_court_blue,
.icon_court_rebound,
.icon_court_carpet,
.icon_court_carpet_outdoor,
.icon_court_hard_outdoor,
.icon_court_rebound_outdoor,
.icon_court_carpet_lights,
.icon_court_hard_lights,
.icon_court_rebound_lights,
.icon_court_hard {
	width:  23px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_court_blue.png");
	cursor: auto;
}
.icon_court_blue_in,
.icon_court_rebound_in,
.icon_court_carpet_in,
.icon_court_carpet_indoor,
.icon_court_hard_indoor,
.icon_court_rebound_indoor,
.icon_court_carpet_balloon,
.icon_court_hard_balloon,
.icon_court_rebound_balloon,
.icon_court_hard_in {
	width:  23px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_court_blue_in.png");
	cursor: auto;
}
.icon_court_green,
.icon_court_grass_outdoor,
.icon_court_grass_lights,
.icon_court_grass {
	width:  23px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_court_green.png");
	cursor: auto;
}
.icon_court_green_in,
.icon_court_grass_indoor,
.icon_court_grass_balloon,
.icon_court_grass_in {
	width:  23px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_court_green_in.png");
	cursor: auto;
}
.icon_court_red,
.icon_court_clay_outdoor,
.icon_court_wood_outdoor,
.icon_court_clay_lights,
.icon_court_wood_lights,
.icon_court_clay,
.icon_court_wood {
	width:  23px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_court_red.png");
	cursor: auto;
}
.icon_court_red_in,
.icon_court_clay_wood_indoor,
.icon_court_clay_wood_balloon,
.icon_court_wood_balloon,
.icon_court_clay_indoor,
.icon_court_clay_balloon,
.icon_court_clay_in,
.icon_court_wood_in,
.icon_court_wood_indoor {
	width:  23px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_court_red_in.png");
	cursor: auto;
}
.icon_club {
	width:  48px;
	height: 48px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_club.png");
}
.icon_system {
	width:  48px;
	height: 48px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_system.png");
}
.icon_cog {
	display: inline-block;
	width:  12px;
	height: 12px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_cog.png");
	cursor: pointer;
}
.icon_cog:hover {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_cog_hover.png");
}
.icon_gplus {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_gplus.png");
	cursor: pointer;
}
.icon_gplus30 {
    width: 30px;
    height: 30px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_google30.png");
	cursor: pointer;
}
.icon_facebook {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_facebook.png");
	cursor: pointer;
}
.icon_facebook30 {
    width: 30px;
    height: 30px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_facebook30.png");
	cursor: pointer;
}
.icon_twitter30 {
    width: 30px;
    height: 30px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_twitter30.png");
	cursor: pointer;
}
.icon_email {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_email.png");
	cursor: pointer;
}
.icon_email_white_xs {
    width: 18px;
    height: 16px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_email_white_xs.png");
	cursor: pointer;
}
.icon_email_xs {
    width: 18px;
    height: 16px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_email_xs.png");
	cursor: pointer;
}
.icon_help {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_help.png");
	cursor: pointer;
}
.icon_announce_on {
    background-image: url("../../bundles/gotcourtsdefault/images/icon_announce_on.png");
    cursor: pointer;
}
.icon_announce_off {
    background-image: url("../../bundles/gotcourtsdefault/images/icon_announce_off.png");
    cursor: pointer;
}

.icon_slot {
	width:  54px;
	height: 34px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_slot.png");
	cursor: pointer;
}
.icon_pinNotAvailable {
	width:  62px;
	height: 62px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_pinNotAvailable.png");
	cursor: pointer;
}
.icon_yes {
	 background-image: url("../../bundles/gotcourtsdefault/images/icon_yes.png");
	 cursor: auto;
}
.icon_no {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_no.png");
	cursor: auto;
}
.icon_slot_available {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_available.svg");
	background-size: cover;
	width: 16px;
	height: 16px;
	cursor: auto;
}
.icon_slot_available_earlier {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_earlier.svg");
	background-size: cover;
	width: 16px;
	height: 16px;
	cursor: auto;
}
.icon_slot_available_later {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_later.svg");
	background-size: cover;
	width: 16px;
	height: 16px;
	cursor: auto;
}
.icon_slot_unavailable {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_no.png");
	background-size: cover;
	width: 16px;
	height: 16px;
	cursor: auto;
}
.icon_no_2 {
    width:  21px;
    height: 21px;
    background: url("../../bundles/gotcourtsdefault/images/icon_no_2.png") left top no-repeat;
    vertical-align: top;
    cursor: auto;
}
.icon_yes_2 {
	width:  21px;
	height: 21px;
	background: url("../../bundles/gotcourtsdefault/images/icon_yes_2.png") left top no-repeat;
	vertical-align: top;
	cursor: auto;
}
.icon_email2 {
	width:  21px;
	height: 21px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_email2.png");
}
.icon_time {
	width:  21px;
	height: 21px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_time.png");
}
.icon_location {
	width:  21px;
	height: 21px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_location.png");
}
.icon_web {
	width:  21px;
	height: 21px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_web.png");
}
.icon_phone {
	width:  21px;
	height: 21px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_phone.png");
}
.icon_phone_white_xs {
	width:  18px;
	height: 16px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_phone_white_xs.png");
}
.icon_phone_xs {
	width:  18px;
	height: 16px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_phone_xs.png");
}
.icon_unread {
	background-image: url("../../bundles/gotcourtsdefault/images/icon_unread.png");
	background-position: left -2px;
}
.icon_complete_profile {
	width:  17px;
	height: 18px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_complete_profile.png");
}
.icon_invite_friends {
	width:  32px;
	height: 32px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_invite_friends.png");
	background-position: left center;
}
.icon_invite {
	width:  17px;
	height: 17px;
	background-image: url("../../bundles/gotcourtsdefault/images/icon_invite.png");
	background-position: left center;
}
.icon_plus {
    background-image: url("../../bundles/gotcourtsdefault/images/icon_plus.png");
	width: 32px;
	height: 32px;
}
.icon_payment {
	background-image: url('../../bundles/gotcourtsdefault/images/icon_onsite_paid.png');
	width: 17px;
}
.icon_trash {
	background-image: url('../../bundles/gotcourtsdefault/images/icon_trash.png');
	height: 18px;
}
.icon_loading {
    background: #fff url(/bundles/gotcourtsdefault/images/icon_loading.gif) no-repeat 2px center;
}
.icon_arrow_down {
    background-image: url(/bundles/gotcourtsdefault/base/jQuery/themes/base/images/ui-icons_292c30_256x240.png);
    background-position: -64px -16px;
}
.icon_arrow_up {
    background-image: url(/bundles/gotcourtsdefault/base/jQuery/themes/base/images/ui-icons_292c30_256x240.png);
    background-position: 0 -16px;
}
.icon_ios {
	background-image: url('../../bundles/gotcourtsdefault/images/icon_ios.png');
	height: 20px;
	width: 20px;
}
.icon_android {
	background-image: url('../../bundles/gotcourtsdefault/images/icon_android.png');
	height: 20px;
	width: 20px;
}
.icon_tips {
    background-image: url("../../bundles/gotcourtsdefault/images/icon-tip.png");
    width: 14px;
    height: 21px;
}
.icon_active {
    padding: 0;
    background-color: #2d9837;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.icon_inactive {
    padding: 0;
    background-color: #ed4848;
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.icon_tennis_ball {
    background-image: url("../../bundles/gotcourtsdefault/images/icon_tennis_ball.png");
    width: 14px;
    height: 14px;
}
.icon_settings {
    background-image: url("../../bundles/gotcourtsdefault/images/icon_settings.png");
}
.icon_add_1 {
    background-image: url("../../bundles/gotcourtsdefault/images/icon_add_1.png");
    background-position: 50% 50%;
    width: 11px;
    height: 11px;
}
.icon-beta {
	background: url("../../bundles/gotcourtsdefault/images/icon_beta_blue.png");
	width: 28px;
	height: 15px;
	margin-left: 3px;
	cursor: pointer !important;
}
.icon-master-card {
	background: url("../../bundles/gotcourtsdefault/images/card_master_card.png");
	background-size: contain;
	width: 23px;
	height: 15px;
	margin-left: 3px;
	cursor: pointer !important;
}
.messagebox {
	margin-bottom: 17px;
	border: 1px solid #8aca6d;
	border-radius: 3px;
	padding: 16px 18px 14px 18px;
	background-color: #d3f4c4;
	min-height: 3em;
}
.messagebox .title {
	font-size: 21px;
	padding-bottom: 6px;
}
.messagebox .title span {
	font-weight: bold;
}
.messagebox ul {
	margin-top: 5px;
}
.messagebox li {
	float: left;
	margin-right: 30px;
}
.messagebox li.last {
	margin-right: 0;
}
.messagebox li.favorites a {
	padding-left: 20px;
	background: url("../../bundles/gotcourtsdefault/images/icon_favorites_off.png") no-repeat left 2px;
}
.messagebox li.favorites.on {
	padding-left: 20px;
	background: url("../../bundles/gotcourtsdefault/images/icon_favorites_on.png") no-repeat left top;
}
.messagebox li.announce a {
	padding-left: 20px;
	background: url("../../bundles/gotcourtsdefault/images/icon_announce_off.png") no-repeat left 2px;
}
.messagebox li.announce.on {
	padding-left: 20px;
	background: url("../../bundles/gotcourtsdefault/images/icon_announce_on.png") no-repeat left top;
}
.messagebox li.partner a {
	padding-left: 17px;
	background: url("../../bundles/gotcourtsdefault/images/icon_partner.png") no-repeat left 2px;
}
.messagebox li.export a {
	padding-left: 16px;
	background: url("../../bundles/gotcourtsdefault/images/icon_export.png") no-repeat left 2px;
}
.messagebox.warning {
	border-color: #e0a755;
	padding: 16px 18px 16px 67px;
	background: #ffea94 url("../../bundles/gotcourtsdefault/images/icon_warning.png") no-repeat 17px 16px;
}
.messagebox.info {
	border-color: #71a5ff;
	padding: 16px 18px 16px 67px;
	background: #ccdfff url("../../bundles/gotcourtsdefault/images/icon_info2.png") no-repeat 17px 16px;
}
.messagebox.error {
	border-color: #e01919;
	padding: 16px 18px 16px 67px;
	background: #f47c7c url("../../bundles/gotcourtsdefault/images/icon_error.png") no-repeat 17px 16px;
	color: #fff;
}

/* dialog */
.dialog .messagebox .title {
	font-size: 18px;
}
.dialog .messagebox.warning,
.dialog .messagebox.info,
.dialog .messagebox.error {
	padding-left: 55px;
	background-position: 7px 16px;
}
/* Notifications */
/*
	Requirements:
	- jquery.ui.dialog
*/
.ui-dialog .notifications_dialog .dialog_close {
	background: url("../../bundles/gotcourtsdefault/images/dialog_close_notifications.png") no-repeat;
}
.mod-club .ui-dialog .notifications_dialog .dialog_close {
	background: url("../../bundles/gotcourtsdefault/images/dialog_close_notifications_admin.png") no-repeat;
}
.ui-dialog-arrow.arrow_notifications {
    width: 8px;
    height: 7px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -4px;
    margin-top: -7px;
    background: url("../../bundles/gotcourtsdefault/images/dialog_arrow_notifications.png") no-repeat right center;
}
.ui-dialog[aria-describedby="messageBox"] .ui-dialog-arrow.arrow_notifications {
    margin-left: 50px;
}
.ui-dialog[aria-describedby="notificationBox"] .ui-dialog-arrow.arrow_notifications {
    margin-left: 82px;
}
.ui-dialog[aria-describedby="buddyBox"] .ui-dialog-arrow.arrow_notifications,
.ui-dialog[aria-describedby="championshipBox"] .ui-dialog-arrow.arrow_notifications {
    margin-left: 116px;
}
.mod-club .ui-dialog-arrow.arrow_notifications {
    background: url("../../bundles/gotcourtsdefault/images/dialog_arrow_notifications_admin.png") no-repeat right center;
}
.ui-dialog .notifications_dialog .dialog_title {
	font-size: 13px;
    background-color: #4aa0cc;
    margin-left: -20px;
    margin-right: -20px;
    height: 43px;
    line-height: 43px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    padding: 0 20px;
}
.mod-club .ui-dialog .notifications_dialog .dialog_title {
    background-color: #8b8b8b;
}

.ui-dialog .notifications_dialog.ui-dialog-content {
	padding-top: 0;
}
.ui-dialog .notifications_dialog .dialog_footer {
	border-top: 1px solid #c5c5c5;
	text-align: center;
}
.ui-dialog .notifications_view {
	position: relative;
	overflow: hidden;
	max-height: 208px;
	margin: 6px -20px 0 -20px;
}
.ui-dialog .notifications_dialog .ps-container .ps-scrollbar-y-rail {
	right: 5px;
}
.ui-dialog .notifications_dialog .ps-scrollbar-x-rail {
	display: none;
}
.ui-dialog .notifications_dialog ul.notifications li {
	padding: 8px 20px;
	cursor: pointer;
    min-height: 50px;
}
.ui-dialog .notifications_dialog ul.notifications li.no_text {
	cursor: default;
}
.ui-dialog .notifications_dialog ul.notifications li.odd {
	background-color: #ececec;
}
.ui-dialog .notifications_dialog .profile {
	float: left;
	margin-top: 4px;
    width: 40px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ui-dialog .notifications_dialog .title {
	margin-left: 50px;
}
.ui-dialog .notifications_dialog .title .name {
	display: inline-block;
	font-weight: bold;
}
.ui-dialog .notifications_dialog .title .date {
	display: inline-block;
	color: #808285;
}
.ui-dialog .notifications_dialog .content {
	padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
.ui-dialog .notifications_dialog .content .photo {
	position: absolute;
    top: 2px;
    left: 0;
}

.notifications_dialog .accepted {
	font-weight: bold;
}

.notifications_dialog .buttons {
	margin-top: 10px;
}

.notifications_dialog li.no_text {
	text-align: center;
}

.ui-dialog #notificationBox.notifications_dialog .content {
    padding-left: 60px;
    min-height: 50px;
}
.ui-dialog #notificationBox.notifications_dialog .content .congrats {
    color: #40AD0E;
    font-weight: bold;
}
.ui-dialog #championshipBox.notifications_dialog .dialog_title {
    line-height: 19px;
    height: auto;
    padding: 10px 20px;
}

.ui-dialog #championshipBox.notifications_dialog .dialog_title span {
    color: #4aa0cc;
    background: #fff;
    border-radius: 2px;
    font-size: 9px;
    padding: 1px 2px 1px 3px;
    margin-left: 5px;
}
.ui-dialog #championshipBox.notifications_dialog .dialog_title .championship-ends {
    font-weight: normal;
    font-size: 12px;
}

.ui-dialog #championshipBox.notifications_dialog .subheader {
    color: #808285;
    font-size: 80%;
}

.ui-dialog #championshipBox.notifications_dialog .subheader .left {
    float: left;
    padding: 10px 0 5px 0;
}

.ui-dialog #championshipBox.notifications_dialog .subheader .right {
    float: right;
    padding: 10px 0 5px 0;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li {
    padding: 4px 20px;
    min-height: 100%;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li > div {
    float: left;
}

.ui-dialog #championshipBox.notifications_dialog .notifications li .points {
    float: right;
    padding-top: 10px;
    font-size: 13px;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li .rank {
    float: left;
    padding-top: 8px;
    font-size: 13px;
    min-width: 36px;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li .content {
    float: left;
    width: 100%;
    padding-left: 0;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li .content .profile {
    float: left;
    margin-top: 4px;
    width: 28px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog #championshipBox.notifications_dialog .notifications li .name {
    padding-top: 7px;
    display: inline-block;
    padding-left: 15px;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li .progress {
    margin-left: 25px;
}

.ui-dialog #championshipBox.notifications_dialog .notifications li.current {
    color: white;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li.current a {
    color: white;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li.progressNormal {
    background: #40ad0e;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li.progressUp {
    background: #40ad0e;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li.progressUp .progress {
    background: url("/bundles/gotcourtsdefault/images/icon_progress_up.png") no-repeat left center;
    padding-left: 15px;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li.progressDown {
    background: #ED4848;
}
.ui-dialog #championshipBox.notifications_dialog .notifications li.progressDown .progress {
    background: url("/bundles/gotcourtsdefault/images/icon_progress_down.png") no-repeat left center;
    padding-left: 15px;
}

.ui-dialog #championshipBox.notifications_dialog .dialog_footer .buttonCTA {
    font-size: 13px;
    line-height: 18px;
    text-transform: none;
    margin: 0;
    margin-top: 5px;
}
#championshipBoxLink .progressUp {
    background: #40ad0e url("/bundles/gotcourtsdefault/images/icon_progress_up.png") no-repeat 50% 50%;
    width: 6px;
    height: 11px;
    position: absolute;
    right: 1px;
}

#championshipBoxLink .progressDown {
    background: #ED4848 url("/bundles/gotcourtsdefault/images/icon_progress_down.png") no-repeat 50% 50%;
    width: 6px;
    height: 11px;
    position: absolute;
    right: 1px;
}
.pagination ul {
	height: 20px;
	vertical-align: middle;
	line-height: 20px;
	color: #3068c9;
}
.pagination li {
	float: left;
	height: 100%;
	padding: 0 5px;
	min-width: 10px;
	cursor: pointer;
	text-align: center;
}
.pagination li.previous {
	width: 12px;
	min-width: 0;
	margin-right: 16px;
	background: url("../../bundles/gotcourtsdefault/images/pagination_previous.png") no-repeat left center;
}
.pagination li.next {
	width: 12px;
	min-width: 0;
	margin-left: 24px;
	background: url("../../bundles/gotcourtsdefault/images/pagination_next.png") no-repeat right center;
}
.pagination li.active {
	cursor: auto;
}
.pagination li.active,
.pagination li:hover {
	background-color: #3068c9;
	color: #fff;
	border-radius: 2px;
}
.pagination li.previous:hover,
.pagination li.next:hover {
	background-color: transparent;
	color: #3068c9;
	border-radius: 0;
}

.pagination li.dots,
.pagination li.dots:hover {
	cursor: default;
	background-color: #fff;
	color: #3068c9;	
}




/* dataTable.js styles for pagination */

.dataTablePageOptions {	
	position: relative;
	height: 30px;
	padding-top: 5px;
	text-align: center;
}

.dataTablePageOptions .pagination {
	/*position: absolute;
	left: 50%;*/
	display: inline-block;
	margin: 0 auto;
}

.dataTablePageOptions .pagination li.previous {
	width: 24px;
	min-width: 0;
	margin-right: 16px;
	background: url("../../bundles/gotcourtsdefault/images/pagination_previous.png") no-repeat right center;
}
.dataTablePageOptions .pagination li.next {
	width: 24px;
	min-width: 0;
	margin-left: 24px;
	background: url("../../bundles/gotcourtsdefault/images/pagination_next.png") no-repeat left center;
}

.dataTablePageOptions .perPage {
	position: absolute;
	right: 0;
	top: 5px;
}
/* GENERAL STYLING */


/* COMPONENT TABS */
.componentTabs.ui-tabs .ui-tabs-panel {
    padding: 20px 0 0 0;
}

/* SECTION LAYOUT */
.section-lastComponent {
    padding-bottom: 10px;
    border-bottom: 1px solid #b0b0b0;
}
.section-footer,
.block.block-wide .component.section-footer,
.ui-dialog .dialog_footer .section-footer {
    border-top: 1px solid #b0b0b0;
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
}


/* SOCIAL LOGIN */
.ui-dialog .componentSocialLogin button,
.ui-dialog .componentSocialLogin .button {
    padding-right: 30px;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
}


/* RESERVATION DIALOG */
.reservationDialog .component {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
    padding-top: 1em;
}
.reservationDialog .componentCancellationText {
    width: auto;
}
.reservationDialog .componentCancellationText div {
   width: auto;
}
.reservationDialog .componentCancellationText > label {
    font-weight: bold;
}
.reservationDialog .component.componentCourt {
    border-bottom: none;
}
.reservationDialog .componentHTML.date,
.reservationDialog .componentHTML.time {
    display: inline-block;
    border-bottom: none;
    width: 65%;
    vertical-align: top;
}
.reservationDialog .componentHTML.time {
    width: 35%;
}
.reservationDialog .componentHTML.date  div > label,
.reservationDialog .componentHTML.time  div > label {
    font-weight: bold;
    padding: 0 20px 5px 0;
}
.reservationDialog .componentPartners {
    border-top: 1px solid #ccc;
    padding: 10px 0;
}
.reservationDialog .componentPartners.disabled {
    opacity: 0.5;
}
.reservationDialog .componentDurations >  label {
    font-weight: bold;
    padding: 0px 30px 0px 0;
}
.reservationDialog .componentDurations >  label,
.reservationDialog .componentDurations > div {
    display: inline-block;
}
.reservationDialog .componentCalculatedPrice table.data,
.reservationDialog .componentCalculatedPrice table.data th, .reservationDialog .componentCalculatedPrice table.data td {
    margin: 0;
    padding-bottom: 0;
}
.reservationDialog .component.dialog_footer {
    border-bottom: none;
    padding-bottom: 0;
}
/* CREDIT CARD COMPONENT */
.reservationDialog .component.componentCreditCards {
    padding: 0;
}
.componentCreditCards .blockDiv {
    margin-top: 5px;
    margin-bottom: 5px;
}
.componentCreditCards .bg-gray {
    background-color: #EFEFEF;
    padding: 5px;
    margin: 5px 0;
}
.componentCreditCards .default-card-mode div:first-child {
    width: 12%;
}
.componentCreditCards .default-card-mode div:nth-child(2) {
    width: 33%;
}
.componentCreditCards .default-card-mode div:nth-child(3),
.componentCreditCards .default-card-mode div:last-child {
    width: 25%;
}

.componentCreditCards .select-card-mode div:first-child {
    width: 20%;
}
.componentCreditCards .select-card-mode div:nth-child(2) {
    width: 40%;
}
.componentCreditCards .select-card-mode div:last-child {
    width: 35%;
}


/* /CREDIT CARD COMPONENT */


/* FORM STYLES */
.block.block-wide .component {
    margin-bottom: 10px;
}
.block.block-wide .component.componentTabs {
    margin-bottom: 0;
}
.block.block-wide .component fieldset {
    margin-bottom: 0;
}


/* AUTOCOMPLETE */
.autocompleteDropdownItem.layout-contact a {
    position: relative;
}
.autocompleteDropdownItem.layout-contact.noResults a {
    color: #808285;
    text-decoration: none;
}
.autocompleteDropdownItem.layout-contact.noResults a span {
    color: #3068c9;
    text-decoration: underline;
}
.autocompleteDropdownItem.layout-contact img {
    position: absolute;
    top: 5px;
    max-width: 28px;
    max-height: 28px;
}
.autocompleteDropdownItem.layout-contact div {
    padding-left: 32px;
}
.autocompleteDropdownItem.layout-contact .name {
    font-weight: bold;
}
.autocompleteDropdownItem.noResults{
    width: 250px;
}
.block.block-wide .autocompleteList {
    display: inline-block;
}
.block.block-wide .componentAutocompleteList > label {
    vertical-align: top;
    line-height: 24px;
}

/* TIME INTERVAL */
.componentTimeInterval select {
    width: 70px;
}
.componentTimeInterval > span:nth-of-type(2):before {
    color: #FFFFFF;
    content: "-";
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    line-height: 18px;
    margin-right: 3px;
}
.block.block-wide .componentTimeInterval label[for="end"] {
    width: auto;
    margin-right: 5px;
}


/* PARTNERS */

.componentPartners .content-askFriends {
    position: relative;
    max-height: 150px;
    overflow: hidden;
    margin: 0;
}

/* /GENERAL STYLING */

/* STYLING FOR THE FILTERS */

/* FILTER */
.filterComponents > div {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 6px 0;
}
.filterComponents > div.componentDatepicker {
    margin-right: 3px;
}
.filterComponents > div.hidden {
    display: none;
}
.filterComponents > div:last-child {
    margin-right: 0;
}


/* AUTOCOMPLETE */
.filterComponents .componentAutocomplete .input-wrapper {
    border-radius: 4px;
    background: #fff url("../../bundles/gotcourtsdefault/images/component_autocomplete.png") no-repeat 8px 12px;
    padding: 5px 10px 7px 30px;
    height: 28px;
    overflow: hidden;
}
.filterComponents .componentAutocomplete .ui-autocomplete-input {
    border: none;
    background: transparent;
    padding: 0;
    height: 28px;
    line-height: 19px;
    font-size: 14px;
    color: #292c30;
    width: 130px;
}
#mapFilters.filterComponents .componentAutocomplete .ui-autocomplete-input,
#mapFiltersForm.filterComponents .componentAutocomplete .ui-autocomplete-input {
    width: 200px;
}

.filterComponents .componentAutocomplete .action {
    transition: opacity 0.3s;
}
.filterComponents .componentAutocomplete .action:hover {
    opacity: 0.62;
    text-decoration: none;
}


/* GOOGLE LOCATION */
.filterComponents .componentGoogleLocation .input-wrapper {
    border-radius: 4px;
    background: #fff url("../../bundles/gotcourtsdefault/images/component_location.png") no-repeat 10px 12px;
    padding: 5px 10px 7px 30px;
    height: 28px;
    overflow: hidden;
}
.filterComponents .componentGoogleLocation .inputText {
    border: none;
    background: transparent;
    padding: 0;
    height: 28px;
    line-height: 19px;
    font-size: 14px;
    color: #292c30;
    width: 130px;
}
#mapFilters.filterComponents .componentGoogleLocation .inputText,
#mapFiltersForm.filterComponents .componentGoogleLocation .inputText {
    width: 200px;
}
.filterComponents .componentGoogleLocation .action {
    transition: opacity 0.3s;
}
.filterComponents .componentGoogleLocation .action:hover {
    opacity: 0.62;
    text-decoration: none;
}


/* DATE PICKER */
.filterComponents .componentDatepicker .datepicker .ui-button {
    border: none;
    height: 40px;
    background: #fff;
}
.filterComponents .componentDatepicker .datepicker .ui-button.ui-state-hover,
.filterComponents .componentDatepicker .datepicker .ui-button.ui-state-focus {
    box-shadow: none;
}
.filterComponents .componentDatepicker .datepicker .ui-button-icon-only {
    width: 23px;
}
.filterComponents .componentDatepicker .ui-state-default .ui-icon.ui-icon-triangle-1-w {
    background: url("../../bundles/gotcourtsdefault/images/component_previous.png") no-repeat 6px 6px;
}
.filterComponents .componentDatepicker .ui-state-default .ui-icon.ui-icon-triangle-1-e {
    background: url("../../bundles/gotcourtsdefault/images/component_next.png") no-repeat 6px 6px;
}

/* TIME INTERVAL */
.filterComponents .componentTimeInterval > span:nth-of-type(2):before {
    content: "-";
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 30px;
    margin-right: 3px;
}
.filterComponents .componentTimeInterval .ui-state-default .ui-icon,
.filterComponents .componentTimeInterval .ui-state-active .ui-icon {
    background: url("../../bundles/gotcourtsdefault/images/component_dropdown.png") no-repeat 6px 6px;
}
.filterComponents .componentTimeInterval .ui-state-default,
.filterComponents .componentTimeInterval .ui-widget-content .ui-state-default,
.filterComponents .componentTimeInterval .ui-widget-header .ui-state-default {
    border: 1px solid #fff;
    background: #fff;
    color: #292c30;
    height: 38px;
}
.filterComponents .componentTimeInterval .ui-selectmenu-menu li a,
.filterComponents .componentTimeInterval .ui-selectmenu-status,
.filterComponents .componentTimeInterval .ui-widget-content .ui-selectmenu-item-selected a,
.filterComponents .componentTimeInterval .ui-widget-content .ui-selectmenu-item-selected a:focus {
    line-height: 19px;
    font-size: 14px;
    padding: 10px 19px 11px 9px;
}

/* BUTTON */
.filterComponents .componentButton button {
    font-family: "Open Sans Semibold";
    font-size: 14px;
    font-weight: normal;
    line-height: 19px;
    padding: 10px 17px 11px 17px;
    border-radius: 4px;
}

/* BUTTONSET */
.componentButtonSet .moreButtons {
    box-shadow: 1px 5px 5px 1px rgba(0,0,0,0.5);
}
.componentButtonSet .moreButtons label {
    display: block;
}
.componentButtonSet .moreButtons .ui-corner-right {
    border-radius: 0;
}
.componentButtonSet .ui-state-active {
    border: 1px solid #71a5ff;
    background-color: #ccdfff;
    background-image: url("/bundles/gotcourtsdefault/images/dialog-active-icon.png");
    background-position: right 5px bottom 5px;
    background-repeat: no-repeat;
    padding-right: 20px;
}
.componentButtonSet .ui-state-active.ui-state-disabled {
    padding-right: 0;
    border: 1px solid #b0b0b0;
    background-color: #f7f7f7;
    background-image: none;
}
.componentButtonSet .more {
    background-image: url("/bundles/gotcourtsdefault/images/arrow_down_dialog.png");
    background-repeat: no-repeat;
    background-position: right 10px bottom 9px;
    padding-right: 18px;
}
.componentButtonSet .ui-state-active.more {
    background-image: url("/bundles/gotcourtsdefault/images/dialog-active-icon.png"), url("/bundles/gotcourtsdefault/images/arrow_down_dialog.png");
    background-position: right 20px center, right 8px center;
    padding-right: 30px;
}

/* /BUTTONSET */


/* SELECTBOX */
.filterComponents .componentSelectbox .ui-state-default .ui-icon,
.filterComponents .componentSelectbox .ui-state-active .ui-icon {
    background: url("../../bundles/gotcourtsdefault/images/component_dropdown.png") no-repeat 6px 6px;
}
.filterComponents .componentSelectbox .ui-state-default,
.filterComponents .componentSelectbox .ui-widget-content .ui-state-default,
.filterComponents .componentSelectbox .ui-widget-header .ui-state-default {
    border: 1px solid #fff;
    background: #fff;
    color: #292c30;
    height: 38px;
}
.filterComponents .componentSelectbox .ui-selectmenu-menu li a,
.filterComponents .componentSelectbox .ui-selectmenu-status,
.filterComponents .componentSelectbox .ui-widget-content .ui-selectmenu-item-selected a,
.filterComponents .componentSelectbox .ui-widget-content .ui-selectmenu-item-selected a:focus {
    line-height: 19px;
    font-size: 14px;
    padding: 10px 19px 11px 9px;
}

div.component > div.action {
    text-decoration: none;
    cursor: pointer;
    text-align: right;
    font-size: 12px;
}

div.component > div.action:hover {
    text-decoration: underline;
}

/* /STYLING FOR THE FILTERS */


/* COMPONENT INPUT */
.componentInput.inputOnLeft input {
    float: left;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle;
}
/* /COMPONENT INPUT */


/* COMPONENT COURTS SELECTOR */
.componentCourtsSelector {
    margin-bottom: 15px;
}
.componentCourtsSelector fieldset {
    display: inline-block;
}
.componentCourtsSelector fieldset.panel.court_checkboxes {
    display: inline-block;
}
.componentCourtsSelector input[type="checkbox"] {
    cursor: pointer;
}
.componentCourtsSelector > label {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
/* /COMPONENT COURTS SELECTOR */


/* COMPONENT DAYS SELECTOR */
.componentDaysSelector {
    margin-bottom: 15px;
}
.componentDaysSelector fieldset {
    display: inline-block;
}
.componentDaysSelector input[type="checkbox"] {
    display: block;
    cursor: pointer;
}
.componentDaysSelector > label {
    display: inline-block;
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    top: -1px;
}
/* /COMPONENT DAYS SELECTOR */


/* COMPONENT TOGGLE */
.componentToggle {
    margin-bottom: 10px;
}
.componentToggle > label {
    display: inline-block;
    /*width: 140px;*/
    padding-right: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.componentToggle div.toggle {
    display: inline-block;
}
/* /COMPONENT TOGGLE */