/*
  ================== MAIN CSS FILE ==================

    CREATED: 6. 2. 2012

  ===================================================
*/


/******************* css reset **********************/
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, font, 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 {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body        {line-height:1;}

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;}

a img       {border:none;}

input[type="submit"], input[type="button"], button {cursor:pointer;}
textarea    {overflow:auto;}
:focus      {outline:none;}

/***** Firefox buttons fix *****/
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {border:0;padding:0;margin:0;}


/******************* general elements **********************/
html        {font-family:Arial, Helvetica, sans-serif; font-size:12px;}

body        {font-size:12px; color:#444; background:#EFEFEF url('../images/noise.png') repeat 0 0;}

.wrapper    {width:100%; min-width:990px; margin:0px auto; border-top:10px solid #125091;}

.page       {margin:25px 15px 15px; background:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0 0 5px 0 #bbb; -moz-box-shadow:0 0 5px 0 #bbb; box-shadow:0 0 5px 0 #bbb; border:1px solid #ccc;}

a           {color:#125091;}
a:hover     {color:#5E94C9;}

/* Clearfix: */
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.group {zoom:1;}

.clear      {clear:both; height:0px; overflow:hidden; border:0;}
.left       {float:left;}
.right      {float:right;}
.hidden     {position:absolute; top:-10000px; left:0; width:1px; height:1px; overflow:hidden;}
.center     {text-align:center;}
.noWrap     {white-space:nowrap;}
.vAlign     {vertical-align:middle;}
.aRight     {text-align:right;}
.wordBreak  {word-wrap:break-word; word-wrap:break-all;}

/***** titles *****/
.content h1 {font-size:25px; margin:0 0 20px; color:#125091;}
.content h2 {font-size:20px; margin:20px 0 15px; color:#125091;}
.content h3 {font-size:16px; margin:10px 0; color:#125091;}
.content h4 {font-size:12px; margin:10px 0; color:#125091;}
.content h5 {font-size:11px; margin:5px 0; color:#125091;}

/***** paragraphs *****/
.content p  {margin:10px 0; line-height:1.5;}

/***** lists *****/
.content ul    {padding:0 0 0 0; margin:20px 0; line-height:1.5;}
.content ul li {padding:0 0 7px 15px; background:url('../images/bullet.png') no-repeat 3px 6px;}
.content ol    {padding:0 0 0 20px; margin:20px 0; line-height:1.5;}
.content ol li {padding:0 0 7px 0;}

/***** tables *****/
table       {width:100%; margin: 0 0 20px 0;}
caption     {padding:0 0 10px; font-weight:bold; text-align:left; font-size:14px; color:#125091;}
td, th      {padding:7px 10px; border-bottom:1px solid #E5E5E5; text-align:left; background:#F9F9F9; vertical-align:middle;}
tr:hover td, tr:hover th {background:#F2F9FC;}
tr:first-child th, tr.middleHeader th {padding:9px 10px; background:#A2C2FD url('../images/table-header.png') repeat-x 0 0; color:#fff; border:0;}
tr:hover table td, tr:hover table th {background:#F9F9F9;}
tr th.noPadding {padding:0px 10px;}
tr td.noPadding {padding:2px 10px;}

/***** horizontal line *****/
hr          {border:none; border-top:1px solid #ccc; border-bottom:1px solid #eee; margin:10px auto; display:block; clear:both; width:100%; overflow:visible; padding:0; position:relative; font-size:1px; line-height:0;}

/***** forms *****/
form.editForm       {background:#F9F9F9; border:1px solid #E5E5E5; padding:20px;}
.editForm fieldset  {}
legend      {font-weight:bold; padding:5px 0 15px; font-size:14px; color:#125091;}
form p      {padding:10px 0; clear:both;}
label       {display:block; padding:0 0 2px; vertical-align:top; clear:both; font-weight:bold;}
label.labelInline {display:inline; padding:0; font-weight:normal;}
input[type="text"], input[type="password"], textarea {width:188px; padding:5px 7px; border:1px solid #bbb; -moz-box-shadow:inset 2px 2px 3px #eee; -webkit-box-shadow:inset 2px 2px 3px #eee; box-shadow:inset 2px 2px 3px #eee; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], button, select, textarea {margin:0 0 10px; color:#444; font-size:12px; vertical-align:top;}
input.dateField, input.raceDateField {width:75px; color:#444;}
input.fieldNumber {width:30px;}

select      {width:204px; padding:2px 0;} /* input width + padding + border */
select:disabled {color:#aaa;}
textarea    {width:470px; font-family:Arial, Helvetica, sans-serif;}
input[type="submit"], input[type="button"], button {padding:2px 5px; border:1px solid #999;}

.shortInput {width:22px !important;}
.shortInput2 {width:30px !important;}
.middleInput {width:85px !important;}
.longInput {width:500px !important;}
.predcisliInput {width:30px !important; float:none; display:inline-block !important;}
.phoneInput {width:142px !important; float:none; display:inline-block !important;}
.degreeInput {width:50px !important;}
.microInput {width:10px !important;}
.placeholder {color:#aaa !important;}

.radios .label, .checkboxes .label {display:block; padding:10px 0 10px; font-weight:bold;}
.radios input[type="radio"], .checkboxes input[type="checkbox"] {float:none; display:inline-block; vertical-align:middle;}
.radios label, .checkboxes label {float:none; width:auto; display:inline-block; font-weight:normal; margin:0 10px 0 0;}
.radios input[type="text"], .checkboxes input[type="text"] {float:none; display:inline-block;}


.formRow {clear:both;}
.formRow label {float:left; width:150px; padding:7px 0; margin:0 0 10px;}
.formRow .formRow label {font-weight:normal; width:110px; padding:5px 10px 5px 0;}
.formRow1 input {display:block;}

.required   {color:red;}
.highlight  {color:green; font-weight:bold; font-size:13px;}

label.labelInline {float:none; width:auto; line-height:1.7; padding:0 8px 0 0;}

.button, input[type="submit"], input[type="button"], button {background:#125092 url('../images/button.png') repeat-x 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:7px 20px !important; margin:10px 0 !important; color:#fff !important; font-weight:bold; text-decoration:none; border:none !important;}
.button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {background:#125091;}

input.buttonSmall, a.buttonSmall {margin:0 !important; padding:5px 10px !important;}

span.formTexts {line-height:2.2; padding:0 5px;}
.userRights {float:left; width:300px;}

.formRow .value {display:inline-block; padding:7px 0;}
a.duplicateButton { line-height:normal; display:inline-block; background:#777 !important; text-shadow:none !important;}
a.duplicateButton:hover {background:#666 !important;}

.loadingBox {text-align:center;}

/***************** messages *****************/
ul.messages {text-align:center; margin-bottom:0 !important; font-weight:bold; line-height:1.7;}
ul.messages span {padding:0 0 3px 27px; display:inline; display:inline-block; font-size:13px;}
ul.messages .error span    {color:#bf2c04; background:url('../images/icon-error.png') no-repeat 0 0;}
ul.messages .info span     {color:#406caf; background:url('../images/icon-info.png') no-repeat 0 0;}
ul.messages .success span  {color:green; background:url('../images/icon-success.png') no-repeat 0 0;}
ul.messages li {background:none; padding:0;}
input.error {border-left: 3px solid #e85f5f;}
input[type="checkbox"].error, input[type="radio"].error {border:none; outline:3px solid #e85f5f;}
input.success {border-left: 3px solid green;}
select.error {border-left: 3px solid #e85f5f;}
select.success {border-left: 3px solid green; color:#fff;}
input[type="checkbox"].error {outline:3px solid #e85f5f;}

/***************** filter *****************/
.filter  {}
.filter fieldset {border:1px solid #ddd; background:#F9F9F9; padding:10px; margin:0 0 20px;}
.filter legend {padding:0 10px;}
.filter select {margin:0 !important; width:auto; font-size:11px;}
.filter .button {font-size:11px; margin:0 !important; padding:5px 10px !important;}
.filter input[type="text"] {padding:3px; width:150px; margin-bottom:0;}
.filter input[type="submit"] {margin-right:20px !important;}
.filter label {display:inline; vertical-align:middle; padding:0 5px; font-weight:normal;}
.filter .center {}
.filter .alphabet {display:inline-block;}
.filter .alphabet a {display:inline-block; vertical-align:middle; text-transform:uppercase; padding:0 3px; line-height:1.5; font-size:14px;}
.filter .alphabet a.active {font-weight:bold; color:#009c4b; font-size:18px; text-decoration:none;}

ul.filterInfo {font-weight:bold; font-size:15px; margin:8px 0 0 !important; text-align:left;}
ul.filterInfo li span {padding-bottom:0;}





/***************** header *****************/
.header     {position:relative; padding:25px 18px 20px; background:#f8f8f8 url('../images/header.png') repeat-x 0 0; border-top-right-radius:7px; border-bottom:1px solid #ddd; border-left:5px solid #A2C2FD; min-height:33px;
  -moz-border-radius-topleft:7px;
  -moz-border-radius-topright:7px;
  -webkit-border-top-left-radius:7px;
  -webkit-border-top-right-radius:7px;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  -moz-box-shadow:0px 2px 2px #eaeaea;
  -webkit-box-shadow:0px 2px 2px #eaeaea;
  box-shadow:0px 2px 2px #eaeaea;}

.noJSWarning {position:absolute; top:6px; left:35%; font-weight:bold; color:red;}

.logo a     {display:block; width:212px; height:0; padding:70px 0 0; overflow:hidden; font-size:20px; position:absolute; top:5px; left:13px; text-decoration:none; color:#444; text-shadow:1px 1px 0 #fff; line-height:1.5; text-transform:uppercase;}

.mainMenu           {margin:0 20px; padding:0 0 0 218px;}
.mainMenu ul > li   {float:left; position:relative;}
.mainMenu ul > li a {float:left; font-size:14px; font-weight:bold; margin:0 5px 5px 0; text-decoration:none; color:#fff; padding:7px 15px; background:#A2C2FD; -webkit-border-top-left-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-shadow:1px 1px 0px #91B9FF;}
.mainMenu ul > li.active a    {background-color:#125091; color:#fff; text-shadow:1px 1px 0px #093B6D;}
.mainMenu ul > li > a:hover   {background-color:#7CA6EF; text-shadow:1px 1px 0px #5787DB;}
.mainMenu ul > li.active a:hover {background-color:#125091; text-shadow:1px 1px 0px #093B6D;}

.mainMenu ul > li ul    {display:none; position:absolute; top:28px; left:0; z-index:100; background:#A2C2FD; -moz-box-shadow:2px 2px 2px #DBDBDB; -webkit-box-shadow:2px 2px 2px #eaeaea; box-shadow:2px 2px 2px #eaeaea; padding:5px 0; min-width:90px;}
.mainMenu ul > li ul li {display:block !important; float:none !important;}
.mainMenu ul > li ul li a {background:none !important; float:none !important; display:block !important; font-size:12px; padding:5px 15px; margin:0;}
.mainMenu ul > li ul li a:hover {background:#7CA6EF !important;}
.mainMenu li:hover ul {display:block;}

.loginBox {position:absolute; top:-8px; right:6px;}
.loginBox a {display:inline-block; width:20px; height:0; padding:20px 0 0; margin:0 0 0 3px; overflow:hidden; vertical-align:middle;}
.iconSettings {background:url('../images/settings.png') no-repeat 0 0;}
.iconLogout {background: url('../images/logout.png') no-repeat 0 0;}


/***************** content ****************/
.content {position:relative; min-height:200px;}


/********************* leftColumn *********************/
.topBar .button {float:right; margin:0 0 0 5px !important;}

.leftColumn {float:left; width: 240px; color:#444;}
.leftColumn h3 {padding:10px 20px; background: url('../images/table-header.png') repeat 0 0; margin:10px 0 0; color:#fff;}  
.leftColumn .leftBox {margin:0 0 15px; -moz-box-shadow:2px 2px 2px #EFEFEF; -webkit-box-shadow:2px 2px 2px #EFEFEF; box-shadow:2px 2px 2px #EFEFEF; border-right:1px solid #ddd; border-left:5px solid #125091;}

.leftColumn ul      {margin:0;}
.leftColumn ul li   {display:block; background:#f2f2f2 url('../images/menu-left.png') repeat-x 0 0; padding:0; padding:0; position:relative;}
.leftColumn ul li a {display:block; padding:7px 15px; color:#444; border-bottom:1px solid #ddd; border-top:1px solid #fff;  text-decoration:none; text-shadow:1px 1px 0 #fff; }
.leftColumn ul li li a {padding:3px 15px 3px 35px; background: url('../images/bullet.png') no-repeat 22px 50%;}
.leftColumn ul li li li a {padding-left:50px; background-position: 37px 50%;}
.leftColumn ul li a:hover {background-color:#FCFCFC;}
.leftColumn ul li a.active {font-weight:bold;}

.leftColumn .menuIcons {position:absolute; top:5px; right:5px;}
.leftColumn .menuIcons a {padding:3px; display:inline-block; border:none; opacity:0.5; background:none !important;}
.leftColumn .menuIcons a:hover {opacity:1;}

.leftColumn .persons > a {background: url('../images/group.png') no-repeat 15px 50%; text-indent:20px;}
.leftColumn .accommodation > a {background: url('../images/house.png') no-repeat 15px 50%; text-indent:20px;}
.leftColumn .eating > a {background: url('../images/lunch.png') no-repeat 11px 50%; text-indent:20px;}
.leftColumn .groups > a {background: url('../images/folder.png') no-repeat 14px 50%; text-indent:20px;}


/********************* middleColumn *********************/
.middleColumn {padding:0 20px 20px; overflow:hidden;}

.weekPicker {position:absolute; top:10px; right:20px;}
.weekForm {margin-top:100px;}

.weekForm th {text-align:center;}
.weekForm td, .weekForm th {background:none; padding:0; border:none;}
.weekForm caption {font-size:15px; text-transform:uppercase;}
.weekForm tr:hover td.noHover {background:none;}
.weekForm .title {padding:10px 5px 5px; font-size:14px; font-weight:bold; border-bottom:1px solid #E5E5E5; color:#125091; text-transform:uppercase;}
.weekForm .titleProduct {padding:5px; border-bottom:1px solid #E5E5E5;}
.weekForm input[type="text"] {width:100%; margin-bottom:-1px; padding:5px 0; text-align:center; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; border:none; background:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; font-size:13px;}
.weekForm td.input {border:1px solid #888;}
.weekForm .narrow {}

.ui-helper-clearfix::before, .ui-helper-clearfix::after {display:inline;}
.ui-datepicker tr th {background:none; padding:.7em .3em; color:#333;}


/********************* loginPage *********************/
.loginPage {border-top:10px solid #125091;}
.loginPage .wrapper {width:200px; min-width:400px; margin-top:50px; border:none;}
.loginPage .page {background:#f8f8f8; border-left:5px solid #A2C2FD;}
.loginPage .header {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; padding-bottom:0; background:none;}
.loginPage .logo a {position:static; margin:0 auto 20px;}
.loginPage .loginBox {position:static; margin:20px 0 0;}
.loginPage .loginBox label {float:left; width:70px; line-height:2.23; text-align:right; padding:0 20px 0 0; font-size:14px;}
.loginPage .loginBox input[type="text"], .loginPage .loginBox input[type="password"] {padding:7px 10px; font-size:14px;}
.loginPage .loginBox input[type="submit"] {margin:0 0 0 90px !important;}
.loginPage .content {padding:0 20px; min-height:0;}
.loginPage .account_links {margin-left:75px;}


/********************* registration page *********************/
.registrationPage {border-top:10px solid #125091;}
.registrationPage .wrapper {width:200px; min-width:700px; margin-top:0px; border:none;}
.registrationPage .page {background:#f8f8f8; border-left:5px solid #A2C2FD; margin-top:10px;}
.registrationPage .header {-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:0; padding-bottom:0; background:none;}
.registrationPage .logo a {position:static; margin:0 auto 20px;}
.registrationPage .content {padding:0 20px; min-height:0;}
.registrationPage .account_links {margin-left:75px;}
.registrationPage .middleInput {width:100px !important;}
.registrationPage .formRow label {width:125px;}
.registrationPage label.labelInline {width:auto;}
.registrationPage label.clothesSizes {width:64px; padding:0; margin:0;}
.registrationPage .checkboxes {width:600px;}
.registrationPage ul.messages {text-align:left; margin-bottom:10px !important;}
.registrationPage .registrationText {font-size:13px; line-height:1.5; margin:0 0 20px;}

/*******************Button position******************/
.button_position {text-align: right; position: relative; top: -30px;}
/**************Zarovani prehledu a formularu*********/
.summary td, .summary th {text-align: center;}
.form-table tr td:first-child {text-align: right; width: 45%;}
td.align-to-left {text-align: left;}

/*****************Uprava formularu*******************/
.star {color: #e85f5f;}
.overview-left {text-align: right; width:45%}
.overview-left span {position: relative; left: -65px}
.overview-middle {text-align: left; width:20%;}
.overview-middle span {position: relative; right: -65px}
.overview-right {text-align: left;} 
.overview-right input {position: relative; top: -5px;}

label .star {float:right; padding:0 5px 0 0;}

.autoWidth {width:auto;}

/***************** pagination *******************/
.pagination {}
.pagination a {display:inline-block; padding:5px 8px; background:#F7F7F7; text-decoration:none; border:1px solid #ddd;}
.pagination a.active {background:none; font-weight:bold; background:#eee;}


/***************** PERSONAL MANAGEMENT *******************/
ul li.addPerson a{background: url('../images/person_add.png') no-repeat 22px 50% !important; padding-left:45px !important;}
ul li.addGroup a{background: url('../images/folder_add.png') no-repeat 22px 50% !important; padding-left:45px !important;}

.personGroups .level1 {padding-left:15px;}
.personGroups .level2 {padding-left:20px;}
.personGroups .level3 {padding-left:25px;}
.personGroups .level4 {padding-left:30px;}
.personGroups .level5 {padding-left:35px;}
.personGroups .level6 {padding-left:40px;}
.personGroups td {padding-top:2px; padding-bottom:2px;}

.smallLabel {display:inline-block; width:30px; font-size:10px;}
.smallLabelAll {display:inline-block; width:40px; font-size:10px;}
.permBullet {vertical-align:middle;}

.groupsTree {width:300px;}
.jstree-default.jstree-focused {background:none !important;}
.jstree ul li {padding:0;}
.jstree ul li a {padding:4px 2px;}
.jstree a {color:#444 !important;}
.jstree .treePerson .personTitle {background: url('../images/person.gif') no-repeat 20px 0 !important; padding-left:39px;}
.jstree .treeGroup .treeTitle > a {font-weight:bold;}
.jstree .treeGroup .treeTitle > a strong {font-weight:normal; color:#777;}
.jstree .jstree-leaf a {cursor:default;}
.jstree .tools {visibility:hidden;}
.jstree .treeTitle {display:inline-block;}
.jstree .treeTitle:hover .tools {visibility:visible;}
.jstree .tools ins {display:none;}
.jstree .tools a {padding:0; display:inline-block; vertical-align:middle; cursor:pointer;}

.treePerson li:hover .tools {visibility:visible;}
.treePerson ins {display:none !important;}

label.raceDay {font-weight:bold; color:#125091;}
.personForm .checkboxes, .personDetail .checkboxes, #carPopup .checkboxes {float:left; max-width:890px; margin-bottom:10px; padding-top:7px;}
.personForm .checkboxes label, .personDetail .checkboxes label, #carPopup .checkboxes label {width:78px; margin-bottom:2px;}
.personForm .labelAll {display:inline-block; margin:0 0 0 5px; font-weight:normal;}
.personForm label.widthAuto, .personDetail label.widthAuto {width:auto;}
.personForm .checkboxes .options,
.eatingGroupForm .checkboxes .options {background:#eee; border:1px solid #ccc; font-size:11px; width:76px;}
.personDetail .checkboxes .value {padding:0; line-height:1.3;}
.personDetail .checkboxes label {line-height:1.3;}
.personForm label.clothesSizes {width:64px; padding:0;}

.personForm textarea {width:499px; height:80px;}

.personDetail address {font-style:normal; padding:7px 0; line-height:1.3;}
.personDetail label {margin-bottom:0;}
.personDetail .formRow {padding-left:10px;}
.personDetail .formRow.even {background:#F4F4F4;}

.clothesStatus {font-weight:bold;}

#addPersonLink {display:inline-block; padding:7px 12px 7px 8px !important;}
#addPersonLink img, #addPersonLink span {vertical-align:middle;}
#addPersonPopup {padding:15px;}
#addPersonPopup textarea {width:410px; height:50px; margin:10px 0 0;}
#addPersonPopup .button {margin-bottom:0 !important;}
#addPersonPopup .middleInput {width:140px !important;}
#addPersonPopup input[type="radio"].error {outline:2px solid #E85F5F;}

.ui-dialog {font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.ui-dialog .ui-dialog-title {float:none;}
.ui-dialog table th {background:#eee; padding:5px 10px; color:#333;}
.ui-dialog table caption {padding:15px 0;}
.ui-dialog .ui-dialog-content {max-height:900px;}

.personCalendar {padding:2px 10px 2px 0 !important;}
.personCalendarItem {display:inline-block; width:12px; height:12px; overflow:hidden; font-size:9px; line-height:12px; text-align:center;}
.personCalendarItem.raceDay {background:#ddd; color:#000;}
.personCalendarItem.active {background:#ADE2A7; color:#000;}
.personCalendarItem.active.raceDay {background:#009c4b; color:#fff;}

.personCalendar.invisible .personCalendarItem {visibility:hidden;}

.personDetailCalendarItem, .parkingCalendarItem {display:inline-block; width:65px; padding:4px; margin-bottom:3px; background:#eee;}
.personDetailCalendarItem.empty, .parkingCalendarItem.empty {background:none;}
.personDetailCalendarItem.raceDay, .parkingCalendarItem.raceDay {background:#ddd; color:#000;}
.personDetailCalendarItem.active, .parkingCalendarItem.active {background:#05BC58; color:#fff;}
.personDetailCalendarItem.active.raceDay, .parkingCalendarItem.active.raceDay {background:#009c4b;}

.checkboxPlace {display:inline-block; width:20px; height:1px;}

.backLink {display:inline-block; padding:15px 0; font-size:15px; font-weight:bold;}

table .accomCol {padding-left:5px !important; padding-right:5px !important;}
table .accomCol.title {padding-left:10px !important; padding-right:10px !important; font-weight:bold;}
table tr.even .accomCol {background:#F2F2F2;}

table .eatingCol {padding-left:5px !important; padding-right:5px !important;}
table .eatingCol.title {padding-left:10px !important; padding-right:10px !important; font-weight:bold;}
table tr.even .eatingCol {background:#F2F2F2;}
table tr.odd:hover .eatingCol {background:#F9F9F9;} 

.personRaceSelect {width:65px; font-size:9px; padding:0;}

.personalData {border:1px solid #ddd; padding:10px;}

/***************** PARKING *******************/
.parkingBox {width:49%; height:150px; overflow:hidden; float:left;}
.parkingBoxWrapper {height:100px; padding:20px; margin:0 10px 10px 0; background:#DAF4D2;}
.parkingBox.occupancy1 .parkingBoxWrapper {background:#DAF4D2;}
.parkingBox.occupancy2 .parkingBoxWrapper {background:#F2D7AB;}
.parkingBox.occupancy3 .parkingBoxWrapper {background:#FFA389;}
.parkingBox.occupancy4 .parkingBoxWrapper {background:#FF5A44;}

.parkingBox h3 {margin:0 0 10px;}
.parkingBox .occupancy {text-align:center; font-size:15px; font-weight:bold;}
.parkingBox .button {display:inline-block;}
.parkingBox .addCarButton {text-align:center;}
.parkingCalendar {width:540px; margin:-20px auto 20px;}
.parkingCalendar a {text-decoration:none; color:#444;}

.legendWrapper {padding:10px 15px;}
.occupancyLegend span {display:inline-block; vertical-align:middle; width:20px; height:20px; margin-bottom:3px;}
.occupancyLegend .occupancy1 {background:#DAF4D2;}
.occupancyLegend .occupancy2 {background:#F2D7AB;}
.occupancyLegend .occupancy3 {background:#FFA389;}
.occupancyLegend .occupancy4 {background:#FF5A44;}


/***************** VIP *******************/
#addBuddy , #setVipBatchDays {display:inline-block; text-decoration:none; font-weight:bold; cursor:pointer; font-size:17px; color:#125091;}
.formRow label.buddySameDaysLabel {min-height:60px; margin-top:10px;}
.personDetailPhoto {max-height:200px;}

.collapsibleTable {}
.collapsibleTable tr:first-child th {cursor:pointer;}
.collapsibleTable .collapseArrow {display:inline-block; float:left; width:10px; height:10px; background: url('../images/icon-arrow.png') no-repeat 0 -33px;}
.collapsibleTable .collapseArrow.collapsed {background-position:0 0;}

.filter .collapsibleFilter {background: url('../images/icon-arrow.png') no-repeat 5px -32px; padding-left:20px; cursor:pointer;}
.filter .collapsibleFilter.collapsed {background-position:5px 1px;}

.accreditStatus {display:inline-block; width:15px; height:15px;}
.accredited     {background: url('../images/accredited.png') no-repeat 0 0;}
.notAccredited  {background: url('../images/accredited-not.png') no-repeat 0 0;}
.personDetail .accreditStatus {margin:5px 0 0;}

.letterStatus {display:inline-block; width:16px; height:15px;}
.letterStatus.letter {background: url('../images/letter.png') no-repeat 0 0;}
.letterStatus.noLetter {background: url('../images/letter-not.png') no-repeat 0 0;}
.personDetail .letterStatus {margin:5px 0 0;}

.accreditationSendStatus {display:inline-block; width:16px; height:16px;}
.accreditationSendStatus.accreditationSend {background: url('../images/accreditation_print.png') no-repeat 0 0;}
.accreditationSendStatus.accreditationNotSend {background: url('../images/accreditation_print_not.png') no-repeat 0 0;}

.pdfForm th input[type="checkbox"] {vertical-align:middle;}
.pdfForm input.buttonPDF {display:inline-block; width:20px; height:0; padding:20px 0 0 !important; overflow:hidden; background: url('../images/pdf.png') no-repeat 0 0 !important; vertical-align:middle;}
.pdfForm input.buttonXLS {display:inline-block; width:20px; height:0; padding:20px 0 0 !important; overflow:hidden; background: url('../images/page_excel.png') no-repeat 0 0 !important; vertical-align:middle;}
.pdfForm .buttonEmails {display:inline-block; width:20px; height:0; padding:20px 0 0 !important; margin:0 0 0 15px; overflow:hidden; background: url('../images/at.png') no-repeat 0 0 !important; vertical-align:middle; position:relative; z-index:10;}

.addToPDFWrapper {display:inline-block; vertical-align:middle; position:relative;}
.addToPDF {display:inline-block; width:16px; height:16px; background: url('../images/add.gif') no-repeat 0 0; vertical-align:middle; cursor:pointer;}
.selectToPDF {display:none; position:absolute; top:16px; right:0; z-index:10; width:120px; padding:10px; background:#fff; border:1px solid #ccc; box-shadow:2px 2px 2px #ccc; color:#444; text-shadow:none;}

#emailsPopup textarea {width:439px;}
input.VIPPersonCount.countSuccess {background-color:#C1F7BE;}
input.VIPPersonCount.countError {background-color:#F7D7D7;}

table tr.notPresent td {opacity:0.5;}
table tr.notPresent:hover td {opacity:1}

.vipFreeForm .categoryInput {width:150px;}
.vipFreeForm input {margin:0 !important;}

#carPopup .formRow label {margin-bottom:2px;}
#carPopup .formRow label.present {background:#9CF09C;}

.copyBuddyLink {display:inline-block; padding:0 0 0 10px; vertical-align:middle;}

/***************** HELP *******************/
.embeddedVideo {padding:10px 0 0;}

/***************** COLORS *******************/

/*** PM ***/
.mainMenu #menuPM a,
.module_persons .button,
.module_persons input[type="submit"],
.module_persons input[type="button"],
.module_persons button,
.module_groups .button,
.module_groups input[type="submit"],
.module_groups input[type="button"],
.module_groups button,
.module_clothes .button,
.module_clothes input[type="submit"],
.module_clothes input[type="button"],
.module_clothes button,
.module_eating .button,
.module_eating input[type="submit"],
.module_eating input[type="button"],
.module_eating button,
.module_log .button,
.module_log input[type="submit"],
.module_log input[type="button"],
.module_log button
{
    background:#009c4b;
    background: -webkit-linear-gradient(top, #00b255, #008540);
    background: -moz-linear-gradient(top, #00b255, #008540);
    background: -ms-linear-gradient(top, #00b255, #008540);
    background: -o-linear-gradient(top, #00b255, #008540);
    text-shadow:1px 1px 0px #057238;
}
.mainMenu #menuPM a:hover,
.module_persons .button:hover,
.module_persons input[type="submit"]:hover,
.module_persons input[type="button"]:hover,
.module_persons button:hover,
.module_groups .button:hover,
.module_groups input[type="submit"]:hover,
.module_groups input[type="button"]:hover,
.module_groups button:hover,
.module_clothes .button:hover,
.module_clothes input[type="submit"]:hover,
.module_clothes input[type="button"]:hover,
.module_clothes button:hover,
.module_eating .button:hover,
.module_eating input[type="submit"]:hover,
.module_eating input[type="button"]:hover,
.module_log button:hover,
.module_log input[type="submit"]:hover,
.module_log input[type="button"]:hover,
.module_log button:hover
{
    background:#058C44;
    background: -webkit-linear-gradient(top, #009B48, #007235);
    background: -moz-linear-gradient(top, #009B48, #007235);
    background: -ms-linear-gradient(top, #009B48, #007235);
    background: -o-linear-gradient(top, #009B48, #007235);
    text-shadow:1px 1px 0px #03562A;
}
.module_persons .leftColumn h3,
.module_persons tr:first-child th,
.module_groups .leftColumn h3,
.module_groups tr:first-child th,
.module_clothes .leftColumn h3,
.module_clothes tr:first-child th,
.module_eating .leftColumn h3,
.module_eating tr:first-child th,
.module_log .leftColumn h3,
.module_log tr:first-child th
{
    background:#009c4b;
    background: -webkit-linear-gradient(top, #008540, #00b255);
    background: -moz-linear-gradient(top, #008540, #00b255);
    background: -ms-linear-gradient(top, #008540, #00b255);
    background: -o-linear-gradient(top, #008540, #00b255);
    text-shadow:1px 1px 0px #057238;
}
.module_persons .leftBox,
.module_groups .leftBox,
.module_clothes .leftBox,
.module_eating .leftBox
{border-left:5px solid #009c4b !important;}

.module_persons .pagination a,
.module_groups .pagination a,
.module_clothes .pagination a,
.module_eating .pagination a,
.module_log .pagination a {background:#00b255; border:none; color:#fff;}
.module_persons .pagination a.active,
.module_groups .pagination a.active,
.module_clothes .pagination a.active,
.module_eating .pagination a.active,
.module_log .pagination a.active {background:#008540;}


/*** VIP ***/
.mainMenu #menuVIP a,
.module_vip .button,
.module_vip input[type="submit"],
.module_vip input[type="button"],
.module_vip button {
    background:#eebd07;
    background: -webkit-linear-gradient(top, #feca08, #e3b507);
    background: -moz-linear-gradient(top, #feca08, #e3b507);
    background: -ms-linear-gradient(top, #feca08, #e3b507);
    background: -o-linear-gradient(top, #feca08, #e3b507);
    text-shadow:1px 1px 0px #D8AA04;
}
.mainMenu #menuVIP a:hover,
.module_vip .button:hover,
.module_vip input[type="submit"]:hover,
.module_vip input[type="button"]:hover,
.module_vip button:hover {
    background:#DDAF06;
    background: -webkit-linear-gradient(top, #F2BE04, #D6A906);
    background: -moz-linear-gradient(top, #F2BE04, #D6A906);
    background: -ms-linear-gradient(top, #F2BE04, #D6A906);
    background: -o-linear-gradient(top, #F2BE04, #D6A906);
    text-shadow:1px 1px 0px #CC9C00;
}
.module_vip .leftColumn h3,
.module_vip tr:first-child th, .module_vip tr.middleHeader th{
    background:#eebd07;
    background: -webkit-linear-gradient(top, #e3b507, #feca08);
    background: -moz-linear-gradient(top, #e3b507, #feca08);
    background: -ms-linear-gradient(top, #e3b507, #feca08);
    background: -o-linear-gradient(top, #e3b507, #feca08);
    text-shadow:1px 1px 0px #CC9C00;
}
.module_vip .leftBox {border-left:5px solid #F2BE04 !important;}

.module_vip .pagination a {background:#feca08; border:none; color:#555;}
.module_vip .pagination a.active {background:#e3b507; color:#fff;}

/*** PARKING ***/
.mainMenu #menuPark a,
.module_parking .button,
.module_parking input[type="submit"],
.module_parking input[type="button"],
.module_parking button,
.module_car .button,
.module_car input[type="submit"],
.module_car input[type="button"],
.module_car button{
    background:#1da0dc;
    background: -webkit-linear-gradient(top, #38b2e5, #018ed3);
    background: -moz-linear-gradient(top, #38b2e5, #018ed3);
    background: -ms-linear-gradient(top, #38b2e5, #018ed3);
    background: -o-linear-gradient(top, #38b2e5, #018ed3);
    text-shadow:1px 1px 0px #1898CE;
}
.mainMenu #menuPark a:hover,
.module_parking .button:hover,
.module_parking input[type="submit"]:hover,
.module_parking input[type="button"]:hover,
.module_parking button:hover,
.module_car .button:hover,
.module_car input[type="submit"]:hover,
.module_car input[type="button"]:hover,
.module_car button:hover {
    background:#1B9AD1;
    background: -webkit-linear-gradient(top, #2DA3CE, #0385BC);
    background: -moz-linear-gradient(top, #2DA3CE, #0385BC);
    background: -ms-linear-gradient(top, #2DA3CE, #0385BC);
    background: -o-linear-gradient(top, #2DA3CE, #0385BC);
    text-shadow:1px 1px 0px #178EC1;
}
.module_parking .leftColumn h3,
.module_car .leftColumn h3,
.module_parking tr:first-child th,
.module_car tr:first-child th {
    background:#1da0dc;
    background: -webkit-linear-gradient(top, #38b2e5, #018ed3);
    background: -moz-linear-gradient(top, #38b2e5, #018ed3);
    background: -ms-linear-gradient(top, #38b2e5, #018ed3);
    background: -o-linear-gradient(top, #38b2e5, #018ed3);
    text-shadow:1px 1px 0px #1898CE;
}
.module_parking .leftBox,
.module_car .leftBox {border-left:5px solid #1da0dc !important;}


/*** HELP ***/
.mainMenu #menuHelp a,
.module_help .button,
.module_help input[type="submit"],
.module_help input[type="button"],
.module_help button {
    background:#9B9B9B;
    text-shadow:1px 1px 0px #6D6D6D;
}
.mainMenu #menuHelp a:hover,
.module_help .button:hover,
.module_help input[type="submit"]:hover,
.module_help input[type="button"]:hover,
.module_help button:hover {
    background:#878787;
    text-shadow:1px 1px 0px #565656;
}
.module_help .leftColumn h3,
.module_help tr:first-child th{
    background:#9B9B9B;
    text-shadow:1px 1px 0px #6D6D6D;
}
.module_help .leftBox {border-left:5px solid #9B9B9B !important;}

/*** RACES ***/
.racesMenu {position:absolute; left:10px; top:-24px;}
.racesMenu li {display:inline;}
.racesMenu li a {display:inline-block; padding:5px 8px; font-size:13px; font-weight:bold; border:1px solid #ccc; border-bottom:none; text-decoration:none; background:#ccc;}
.racesMenu li.active a {background:#F8F8F8 url('../images/header.png') repeat-x 0 0; color:#027C14;}

#raceAddClothes,#raceAddClothesKind,#raceAddClothesSize {display:inline-block; width:16px; height:16px; background: url('../images/add.gif') no-repeat 0 0;}
.clothesStatusField div { height: 20px; text-align:center; }
td.clothesStatusField {border-bottom: 0;}

div.raceClothesTableCol{float:left; width: 30%;}



.module_eating .content .topBar h2,
.module_groups .content .topBar h2,
.module_vip .content .topBar h2 {display: inline-block; }
.module_eating .content .topBar .button,
.module_groups .content .topBar .button,
.module_vip .content .topBar .button {display: inline-block; float: none; padding-right: 50px;}
.module_vip .vipAddNextButton { 
    margin: 10px 0 !important;
    padding: 7px 20px !important;
    display: inline-block;
    height: 16px;
    background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #00b255, #008540) repeat scroll 0 0;
 }
.module_vip .vipAddNextButton:hover{
    background:#058C44;
    background: -webkit-linear-gradient(top, #009B48, #007235);
    background: -moz-linear-gradient(top, #009B48, #007235);
    background: -ms-linear-gradient(top, #009B48, #007235);
    background: -o-linear-gradient(top, #009B48, #007235);
    text-shadow:1px 1px 0px #03562A;
 }
 
.content.logContent  ul { margin: 0px; }

.note {color: gray;}

tr.logNewChange td { background-color: rgb(255, 248, 242); }
tr.logNewChange:hover td { background-color: rgb(255, 220, 191); }

.eatingBigChange, .eatingLockedWarning {font-size: 1.3em; color: red;}