/* Reset CSS */
html {
	color: #000;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content: '';
}

abbr,acronym {
	border: 0;
	font-variant: normal;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

input,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select {
	*font-size: 100%;
}

del,ins {
	text-decoration: none;
}

input.placeholder {
	color:#999;
	overflow-x: hidden;
}

input[type=submit][disabled], button[type=submit][disabled] {
    opacity: 0.5;
    
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s;
}

*[align=left]    { text-align: left    }
*[align=center]  { text-align: center  }
*[align=right]   { text-align: right   }
*[align=justify] { text-align: justify }

input[type=checkbox],
input[type=radio] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/**************************************/
/*          CSS Stylesheet            */
/**************************************/

.hidden {
	display: none;
}

body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	color: #666666;
	background-color:#303940;
}

label {
	color:#F7941D;
	font-weight: bold;
	font-size: 0.923em;
	margin: 0 5px;
}

p {
	line-height: 1.5em;
	margin: 0.75em 0;
}

a {
	color:#009ee0;
	text-decoration:none;
}

a:visited {
	color:#009ee0;
}

a:hover {
	background-color: #009ee0;
	border-radius: 2px;
	color:#fff;
}

a.invisible,
a.invisible:hover {
	text-indent: -9999px;
	background: none;
	color: transparent;
	opacity: 0;
	
	margin: 0 auto;
	display: block;
	width: 16px;
}

.badge {
    display: inline-block;
    background: #666666;
    color: white;
    min-width: 0.9em;
    border-radius: 4px;
    text-align: center;
}

.badge:empty {
    display: none;
}

.ui-state-default .badge {
    background: #009ee0;
}

.ui-state-hover .badge,
.ui-state-active .badge {
    background: #3f3f3f;
}

h1,h2,h3,h4,h5,h6,legend {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0.5em 0;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
	color: inherit;
	background: none;
	border-bottom: 1px dotted;
}

img {
    max-width: 100%;
}

.ui-tabs-nav a:hover {
	background-color: transparent;
}

.ui-tabs .ui-tabs-panel {
	padding: 2.5em 0;
}

input,textarea,select {
	border: 2px solid #e1e1e1;
	background: #f9f9f9;
	padding: 4px;
	/*max-width: 100%;*//* bug login sur IE8 */
	margin: 4px;
	max-width: 450px;
}

select[multiple] {
	min-height: 100px;
}

input:focus,textarea:focus,select:focus {
	border: 2px solid #bde1e8;
}

input::-webkit-input-placeholder {
	color:#aaaaaa;
}
		
input:-moz-placeholder {
	color:#aaaaaa;
}

span.text-plain {
	margin: 4px;
	display: block;
}
	
.address-form > ul,
#content .address-form > ul {
	margin: 0;
}

.address-form > ul > li,
#content .address-form > ul > li {
	display: inline-block;
	margin: 0;
	margin-right: -5px;
	/* float: left; /* pb sur IE 8 */
	padding: 0;
}

.address-form .size_1 {
	width: 56px;
}

.address-form .size_2 {
	width: 132px;
}

.address-form .size_3 {
	width: 208px;
}

.address-form .size_5 {
	width: 360px;
}

.address-form select.size_5 {
	width: 372px;
}

form .activity-list,
#content form .activity-list
{
	margin: 0;
}

form .activity-list li {
	float: left;
	width: 50%;
}

form .activity-list li.category {
	width: 100%;
	
	font-weight: bold;
	font-style: italic;
}

/* dedoublonnage */
table.dedoublonnage
{
	border-radius: 5px;
	background-color:#d04242;
	text-shadow: 1px 1px 1px #a63535;
	color:#fff;
	display:none;
	margin: 1em 0;
}

table.dedoublonnage td {
    padding-right: 5px;
}

table.dedoublonnage a
{
	color: #FAF493;
	text-decoration: underline;
	padding: 1px 2px;
	margin: 0 -2px;
}

table.dedoublonnage a:hover {
	background-color: #FAF493;
	border-radius: 2px;
	color: #666;
	text-shadow: none;
}

table.dedoublonnage label
{
	color: #FAF493;
}

#dialog  ul.dedoublonnage,
#content ul.dedoublonnage
{
	margin: 1em 0 0.75em;
}

#dialog  ul.dedoublonnage li,
#content ul.dedoublonnage li
{
	margin: 0.25em 0;
}

/**** icons ****/

a.icon-view::before {
	content: url(/images/icon-view.png);
	margin-right: 5px;
}

img[src $= "1pix.gif"] {
	display: none;
}

/**** header ****/

#header {
	color:#fff;
	background: #000 url(/images/bg-page.png) repeat-x top left;
	height: 177px;
}

#header .content {
	height: 130px;
	background: url(/images/header-bg.png) no-repeat center bottom;
	position: relative;
	text-align: right;
}

#header .logo {
	position: absolute;
	top: 0;
	left: 10px;
}

#header .switch-profile {
	display: inline-block;
}

#header .account {
	display: inline-block;
	padding-top: 5px;
}

#header .account a {
	color: white;
	text-shadow: 0 1px 0 #222;
}

#header .account a:hover {
	text-shadow: none;
}

#header .account a.logout {
	color: #F7941D;
}

#header .account a.logout:hover {
	background-color: #F7941D;
	color: white;
}

#header .shopping-status {
	background: url(/images/shopping-status-bg.png) no-repeat left top;
	height: 35px;
	line-height: 33px;
	color: #666;
	padding-right: 10px;
}

#header .shopping-status .count {
	font-size: 1.75em;
	line-height: 25px;
	font-family: 'Lobster', 'Bradley Hand ITC', 'Apple Chancery', 'URW Chancery L', 'MV Boli', cursive;
	position: relative;
	top: 3px;
	margin-right: 3px;
	
	color: #009EE0;
}

#header .association {
	font-family: 'Lobster', 'Bradley Hand ITC', 'Apple Chancery', 'URW Chancery L', 'MV Boli', cursive;
	font-size: 36px;
	
	position: absolute;
	top: 55px;
	right: 10px;
	
	text-shadow: 3px 3px 2px #222;
}

#header .association a {
	color: white;
}

#header .association a:hover {
	background: none;
}

/**** footer ****/

#footer
{
	background-color:#c8e77a;
	border-top: 1px solid #93bb3a;
	color: #607b24;
	
	padding: 30px 0;
}

#footer h2
{
	font-size: 1.231em;
	font-weight: bold;
	margin-bottom: 15px;
}

#footer h3
{
	font-size: 1.077em;
	font-weight: bold;
	margin-bottom: 10px;
}

#footer li
{
	line-height: 2.5em;
	font-weight: bold;
}

#footer li li
{
	line-height: 1.2em;
	font-weight: normal;
}

#footer a
{
	color: inherit;
}

#footer a:hover
{
	color: inherit;
	background: transparent;
	border-bottom: 1px dotted;
}

#footer li,
#footer p
{
	margin: 3px 0;
}

#footer .help h2
{
	background: url('/images/footer-help-icon.png') left center no-repeat;
	padding-left: 23px;
}

#extra-footer
{
	text-align: center;
	color: white;
	line-height: 2em;
	background: url('/images/extra-footer-bg.png') top repeat-x;
	padding: 10px 0;
	border-top: 1px solid #333;
	font-size: 0.9em;
}

#extra-footer img
{
	vertical-align: middle;
}

/**** main menu ****/

#main_menu {
	width: 920px;
	padding: 12px 20px 0;
}

#main_menu li {
	float: left;
	position: relative;
	padding: 0px 10px 0px 0px;
	height: 34px;
}

#main_menu li.last {
	padding-right:0px;
}

#main_menu li a {
	padding: 4px 12px;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	color: #4b6119;
	text-decoration: none;
	text-shadow: 1px 1px 1px #ffffff;
	display: block;
}

#main_menu li a:hover {
	color: #fff;
	text-shadow: 1px 1px 1px #4b6119;
	background-color: #617e20;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: inset 2px 2px 6px 0px #4c6319;
	-moz-box-shadow: inset 2px 2px 6px 0px #4c6319;
	box-shadow: inset 2px 2px 6px 0px #4c6319;
}

#main_menu li span {
	width: 18px;
	height: 28px;
	margin-left:5px;
	background: transparent url(/images/submenu-btn.png) no-repeat top left;
	float: left;
}

#main_menu  li span.subhover {
	cursor: pointer;
	background-position: top right;
}

#main_menu li ul.sub_menu {
	position: absolute;
	z-index: 1000;
	left: 0;
	top: 34px;
	background: #c4e671;
	display: none;
	float: left;
	width: 250px;
	border: 1px solid #93bb3a;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#main_menu li ul.sub_menu li {
	margin: 0;
	padding: 0;
	border-top: 1px solid #e0f2b4;
	border-bottom: 1px solid #aacb5d;
	clear: both;
	width: 250px;
	height: auto;
}

#main_menu li ul.sub_menu li a {
	float: left;
	width: 210px;
	padding: 10px;
	background-color: #c4e671;
}

#main_menu li ul.sub_menu li a:hover {
	color: #4b6119;
	text-decoration: none;
	text-shadow: 1px 1px 1px #ffffff;
	
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	
	border-radius: 0px;
}

/**** content ****/

#content {
	clear: both;
	padding: 20px 0 80px;
	background-color:#fff;
}

#content h1, #content h2, #content h3, fieldset > legend
{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #3f3f3f;
}

#content h1, #content h2, #content h3, #content h4
{
	margin: 2em 0 0.5em;
}

#content h1
{
	font-size: 30px;
	margin: 0.16em 0 0.6em;
}

#content h1.available_soon
{
	color:#cccccc;
	text-align:center;
	margin: 50px 0px;
}

#content h2
{
	font-size: 1.385em;
	margin-top: 1em;
}

#content h3
{
	font-size: 1.077em;
	/*margin:5px 0 3px;*/
}

#content h4
{
	font-size: 1em;
	/*margin:2px 0 1px;*/
}

#content p {
	text-align:justify;
}

#content ul {
	margin: 1.5em 0;
}

#content ul li {
	margin: 0.5em 0;
}

#content ul.ui-tabs-nav {
	margin: 0;
}

/* flash messages */

.flash_success, .flash_notice, .flash_error
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	padding: 4px 20px;
	margin-bottom:10px;
	font-size: 1.077em;
	font-weight: bold;
}

.flash_success
{
	background-color:#8ac017;
	text-shadow: 1px 1px 1px #709c13;
	color:#fff;	
}

.flash_notice
{
	background-color:#F7ED62;
	text-shadow: 1px 1px 1px #fff;
	color:#555;
}

.flash_error
{
	background-color:#d04242;
	text-shadow: 1px 1px 1px #a63535;
	color:#fff;
}

#content .error_list,
#dialog  .error_list
{
	margin: 1em 4px 0;
}

#content .error_list li,
#dialog  .error_list li {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background-color:#d04242;
	text-shadow: 1px 1px 1px #a63535;
	color: #fff;
	margin: 2px 0;
	padding: 0.2em 1em;
	display: inline-block;
	
	list-style: circle inside;
}

#content .error_list li:only-child,
#dialog  .error_list li:only-child {
	list-style: none;
}

/* pagination */

#content ul.inline-nav {
	float: right;
	margin: 0;
	font-size: 0.846em;
}

#content ul.inline-nav li {
	display: inline;
	color: #888;
}

#content ul.inline-nav a, #content ul.inline-nav span.disabled {
	padding: 5px 12px;
	border: 1px solid transparent;
}

#content ul.inline-nav span.disabled {
	color:#ccc;
}

#content ul.inline-nav a.selected,
#content ul.inline-nav a:hover {
	background: #009ee0;
	color: white;
	
	-moz-box-shadow: inset 2px 2px 5px #005a7f;
	-webkit-box-shadow: inset 2px 2px 5px #005a7f;
	box-shadow: inset 2px 2px 5px #005a7f;
	
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border-color: #5cb9e0;
}

#content ul.seasons {
	padding-top: 6px;
}

#content .seasons-wrapper
{
	padding-bottom: 6px;
}

#content .seasons-wrapper .title
{
	font-size: 1.077em;
	font-weight: bold;
	color: #CCC;
}

#content ul.pagination a {
	color: #888;
}

#content span.pagination-label {
	font-weight: bold;
	color: #ccc;
}

#content .google-map {
	padding: 9px;
	border: 1px solid #e1e1e1;
}

#content .google-map.editable {
    padding: 8px;
    border: 2px solid #F7941D;
}

#content .notice {
	font-style: italic;
	font-size: 0.9em;
}

#content .highlight {
	background: #fff0a5;
	border: 1px solid #fed22f;
	padding: 10px;
	padding-bottom: 5px;
	color: #706334;
	text-align: center;
}

#content .highlight .ui-icon {
	float: left;
}

#content .highlight p {
	margin: 0;
	margin-left: 30px;
	text-align: justify;
}

#content .highlight button,
#content .highlight input[type="button"],
#content .highlight input[type="submit"],
#content .highlight a.button {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#content .topband_highlight {
	border-top: 3px solid #fed22f;
	
	/* Anciens navigateurs */
	background: #fff4bc url("/images/topband_highlight-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#fffbea),
		to(#fff4bc)
	);
	background: -webkit-linear-gradient(
		top,
		#fffbea,
		#fff4bc
	);
	background: -moz-linear-gradient(
		top,
		#fffbea,
		#fff4bc
	);
	background: -o-linear-gradient(
		top,
		#fffbea,
		#fff4bc
	);
	background: linear-gradient(
		top,
		#fffbea,
		#fff4bc
	);
}

.topband_highlight .grid_3 div {
	padding: 0 0 20px 20px;
}
	
.topband_highlight .grid_3 p.amount {
	font-size: 1.846em;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color:#3f3f3f;
	text-align:center;
}

.topband_highlight .grid_3 p.amount strong {
	font-weight: bold;
	font-size:36px;
}

#content .topband_highlight .grid_3 .total h2,
#content .topband_highlight .grid_3 .total p {
	color: #A88514;
}

/* utils */

.toDelete,
.toDelete label {
	color: #D50D0D;
}

.overflow-wrapper {
	overflow-x: auto;
	margin-bottom: 1em;
}

.overflow-wrapper table.list {
	margin-bottom: 1px;
}

#dialog_content table.list {
	margin-top: 0;
}

table.list button{
	font-size: 0.85em;
	padding: 0.25em 0.5em;
	margin: 0;
}

.float-left {
	float:left;
	margin-right: 1em;
}

/**** jquery ui ****/

.ui-autocomplete,
.ui-autocomplete.ui-widget-content {
    font-size: 1em;
    border-left: 2px solid #EEE;
    border-right: 2px solid #EEE;
}

.ui-tabs {
	padding: 0;
	font-family: arial, helvetica;
	font-size: 1em;
}

#content .ui-tabs .ui-tabs-nav li {
	margin: 0 0.2em 0px 0;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.ui-tabs-nav {
	border-top:0px;
	border-right:0px;
	border-left:0px;
}

.ui-tabs {
    border: none;
}

.ui-tabs .ui-tabs-nav {
	padding: 0 10px;
}

.ui-widget-content {
	border: 0px;
	background: #ffffff;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 0.8em 1em;
}

.ui-tabs .ui-state-hover {
	background-color: #ffffff;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-header, .ui-datepicker, .ui-datepicker td a { border-radius: 4px; }
.ui-datepicker { border: 1px solid #FED22F; background-color:#F9F9F9;}
.ui-datepicker .ui-datepicker-header { background: #FED22F url();}
.ui-datepicker .ui-datepicker-prev-hover { left:1px;}
.ui-datepicker .ui-datepicker-next-hover { right:1px;}
.ui-datepicker .ui-widget-header .ui-icon { background-image: url("/images/ui-icons_ffffff_256x240.png")}
.ui-datepicker .ui-datepicker-title { color: #ffffff; text-shadow: 1px 1px 3px #d5ae1f; }

img.ui-datepicker-trigger { position:relative; top:5px; }

/**** general ****/

form.search
{
	margin: 30px 0 20px;
	width: 100%;
	
	text-align: center;
}

label + form.search {
	margin-top: 10px;
}

form.search div.search-box
{
	background-color: #fffbd2;
	border: 2px solid #e7d98d;
	padding: 4px;
}

form.search div.search-box input
{
	width: 100%;
	background: transparent;
	border: none;
	padding: 0;
	margin: 0;
}

form.search span.test
{
	display: block;
	width: auto;
	
	background: blue;
}

form.search button
{
	margin: 20px 0 0;
}

form.search button
{
	margin: 20px 0 0;
}

form.select
{
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

form.select input
{
	width:250px;
}

form.select button
{
	margin: 0px;
}

form.select .ui-icon
{
	text-indent: 99999px;
}

form table
{
	width: 100%;
}

input.ui-autocomplete-input {
	padding-right: 20px;
}

a.autocomplete-clear-button {
	display: inline-block;
	position: relative;
	left: -24px;
	top: 3px;
}

.input-group-text a.autocomplete-clear-button {
	left: 0;
	top: 0;
}

a.autocomplete-clear-button:hover {
	background-color: #CCC;
}

div.subnav
{
	background-color:#f3f3f3;
	border-top: 3px solid #e1e1e1;
	padding: 0 20px 20px 20px;
}

#heva_new_player_person_birthdate + .ui-datepicker-trigger {
	display: none;
}

/* ul.list */

#content ul.list li {
	padding: 5px 0;
	border-bottom: 1px dashed #e1e1e1;
	margin-top: 0;
}

#content ul.list .alpha {
	color: #888;
}

.heva-state-paid {
	color: #93bb3a;
}

.heva-state-not-paid,
.heva-state-not-affiliated-yet {
	color: #f7941d;
}

.heva-state-not-affiliated {
	color: #d50d0d;
}

.heva-state-undefined {
	color: #999;
	font-style: italic;
}

/* ul.filter */

#content ul.filter li {
	padding: 0 0 0 12px;
	background: transparent url(/images/arrow.png) no-repeat left 0.25em;
}

#content ul.filter li.on a {
	color: #3F3F3F;
	text-decoration: underline
}

#content ul.filter li.on a:hover {
	background-color:transparent;
}

/* list-sort */

#content .list-sort label {
	margin-left: 0;
}

#content .list-sort ul {
	display: inline-block;
	margin: 1em 0 0.5em;
}
#content .list-sort ul li {
	display: inline;
}
#content .list-sort ul li:before {
	content: ' / ';
}
#content .list-sort ul li:first-child:before {
	content: '';
}

#content .list-sort li.active a {
	font-weight: bold;
}

/* table.list */

table.list
{
	width:100%;
	margin: 1.5em 0 2em;
	line-height: 1.5em;
}

table.list td,
table.list th
{
	padding: 10px 5px;
}

table.list th
{
	font-style: italic;
	font-weight: bold;
}

table.list tbody tr td,
table.list tbody tr th
{
	border-bottom: 1px solid #e1e1e1;
}

table.list tbody tr.odd
{
	background-color:#f0fafc;
}

table.list tbody th {
	color: #f7941d;
	width: 200px;
}

table.list tfoot
{
	border-top: 3px solid #8ddcf1;
}

table.list td.amount,
table.list td.total {
	text-align: right;
	padding:10px 20px;
}

table.list tfoot td.amount {
	background-color: #f3f3f3;
}

table.list tfoot tr.cancel td.amount {
	background-color: #F7ED62;
}

table.list td.action {
}

table.list td.valid {
	background:transparent url(/images/ok-icon.png) no-repeat center center;
}

table.list td.PlayerNeedPayment {
	background:transparent url(/images/shopping-icon.png) no-repeat center center;
}

table.list td.PlayerNeedValidation,
table.list td.PlayerWaitForPayment {
	background:transparent url(/images/clock-icon.png) no-repeat center center;
}

table.list td.action, table.list th.action {
	text-align: center;
}

table.list th.season, table.list td.season {
	text-align: center;
}

table.list td.season-current {
	background-color:#fff0a5;
	background-color: rgba(255, 240, 165, 0.3);
}

table.list .currency {
	display: none;
}

/* button */

button,
input[type=button],
input[type=submit],
a.button {
	background: #eee;
	background: -moz-linear-gradient(top, #f4f4f4 0%, #ddd 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ddd));
	
	border: 1px solid #ccc;
	border-bottom: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	color: #333;
	font-size: 13px;
	font-weight: normal;
	line-height: 1em;
	padding: 0.45em 1em 0.4em;
	text-align: center;
	text-shadow: 0 1px 0 #eee;
}

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
a.button:hover {
	background: #ddd;
	background: -moz-linear-gradient(top, #eee 0%, #ccc 100%);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#ccc));
	
	border: 1px solid #bbb;
	border-bottom: 1px solid #999;
	
	cursor: pointer;
	text-shadow: 0 1px 0 #ddd;
}

button:active,
input[type=button]:active,
input[type=submit]:active,
a.button:active {
	border: 1px solid #aaa;
	border-bottom: 1px solid #888;
	
	-moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
	-webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
	box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;
}

div.inline_wrapper
{
	text-align: right;
	position:relative;
	top:-0.5em;
	margin-bottom: -2em;
	
	font-weight: bold;
	color: #ccc;
	font-size:1.077em;
}

div.inline_wrapper a
{
	font-weight: normal;
	font-size:1em;
	margin: 0 0.5em;
}

form table table th {
	color: inherit;
	font-variant: normal;
}

form table th {
	padding-right: 10px;
	width: 230px;
}

form table td {
	/*width: 380px;*/
}
form table td.address-form {
	width: 380px;
}

form table td td,
form table.list td { 
	width: auto; 
}

form table th label {
	text-transform: uppercase;
}

a.edit, a.add, a.confirm, a.print,
a.renew, span.export_web_on, span.export_web_off 
{
	padding: 0 0 0 18px;
	background-image:url('/images/edit-icon.png');
	background-repeat:no-repeat;
	background-position: 1px center;
	margin-right: 0.25em;
}

a.add
{
	background-image:url('/images/add-icon.png');
}

a.print
{
	background-image:url('/images/print-icon.png');
}

a.confirm, span.export_web_on
{
	padding: 0 0 0 22px;
	background-image:url('/images/ok-icon.png');
}

a.renew
{
	padding-left: 20px;
	background-image:url('/images/renew-icon.png');
}

span.export_web_off
{
	background-image:url('/images/forbidden-icon.png');
}

.season a.delete, a.shopping
{
	padding: 0 0 0 18px;
	background-image:url('/images/shopping-icon.png');
	background-repeat:no-repeat;
	background-position: 1px center;
}

button.delete,
input[type=button].delete,
input[type=submit].delete,
a.delete
{
	color:#D50D0D;
}

a.delete:hover
{
	background-color:#D50D0D;
	color:#ffffff;
}

a.button.delete:hover
{
    color:#D50D0D;
}

ul.inline_edit .show,
ul.inline_edit .add
{
	display: none;
}

ul.inline_add .show,
ul.inline_add .edit
{
	display: none;
}

ul.inline_show .edit,
ul.inline_show .add
{
	display: none;
}

.ui-datepicker-trigger
{
	cursor: pointer;
}

#dialog form .checkbox_list,
#dialog form .activity-list {
	margin: 8px 0;
}

.shopping_bag_content,
.shopping_bag_warning
{
	background:#faf493 url(/images/shopping-icon.png) no-repeat 10px center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 6px 10px 6px 30px;
	font-size: 1.077em;
	text-align:right;
	width: 180px;
	margin: 0 0 20px;
}

.shopping_bag_warning
{
	background: #D04242;
	color: #FFF;
}

.sidebar .amount
{
	display: block;
	margin: 20px 0 20px 0;
	padding: 5px;
	font-size: 40px;
	text-align:right;
	font-weight: bold;
	border: 3px solid #e0e0e0;
	
}

.sidebar .counter strong
{
	color:#666;
	font-size: 36px;
	font-weight: bold;
}

.shopping_bag button
{
	margin: 20px 0 0;
}

/**
 * 	DL, DT, DD
 */

dl {
	margin: 1em 0;
}

dl dt {
	clear: both;
	float: left;
	
	width: 160px;
	font-weight: bold;
}

dl dd {
	margin-left: 160px;
}

#container-form-edit-bank-association-information input[type=text] {
	width: 350px;
	margin: 5px 0 5px 0;
}

#container-form-edit-bank-association-information tr td .hasDatepicker {
	width: auto;
}

@media only screen and (max-width: 768px) {
	#container-form-edit-bank-association-information {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	#container-form-edit-bank-association-information tr {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}