/* EU CONTACT AG LTD  - screen */

/*reset-----------------------------------------------------------------------*/
* {
  border: thin solid #fff;
  border: 0;
  margin: 0;
  padding: 0;
}


/*obecna definice stylu pro zakladni prvky------------------------------------*/
body {
  font-family: Calibri, Tahoma, Verdana, Arial, lucida, sans-serif;
/*změna*/ background: #fff;

background-image: url('../img/pozadi.jpg');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;

  color: #777;
  font-size: medium;
  font-size: 85%;
  text-align: left;
  min-width: 750px;
  padding: 5px;
}

h1 {
  margin: 10px 30px 0 10px;
  font-size: 130%;
  color: #000;
}

h2, h2 a {
  margin: 10px 30px 5px 10px;
  font-size: 110%;
  color: #e5007d;
  text-decoration: none;
}

h3 {
  margin: 10px 30px 5px 10px;
  font-size: 110%;
  color: #000;
}

a  {
  color: #e73089;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color: #e5007d;
}

input {
  margin: 1px;
border: 1px solid #e73089;  
}

ol {
    font-size: 100%;
    padding: 10px;
}

ol li {
  margin: 0 0 10px 20px;
}

ul {
    font-size: 100%;
    padding: 10px;
}

ul li {
  margin: 0 0 10px 10px;
}

dl {
  padding: 10px;
  text-align: justify;
}

dt {
  font-weight: bold;
}

dd {
  padding: 0 0 10px 10px;
}


table {
  border: 0;
  border-collapse: collapse;
  font-size: 100%;
}

th, td {
  padding-right: 5px;
}

table.club_overview /*, table.club_overview tr, table.club_overview tr td*/ {
  border: 1px solid #000;
  border-collapse: collapse;
  font-size: 100%;
  color: #000;
  background-color: #fff;
}

table.club_overview tr, table.club_overview tr td, table.club_overview tr th {
  border: 1px solid #000;
  border-collapse: collapse;
}

table.club_overview tr th {
    background-color: #B1A37B;
    color: #000;
}

td.grey {
  background-color: #B1A37B;
  color: #000;
}

td.red {
  background-color: #f00;
  color: #000;
}

td.yellow {
  background-color: #ff0;
  color: #000;
}

td.orange {
  background-color: #f93;
  color: #000;
}

td.green {
  background-color: #7d7;
  color: #000;
}

td.black, table.club_overview tr th.black {
  background-color: #000;
  color: #B1A37B;
}

td.bold {
  font-weight: bold;
}

div#central table.admin_view th a {
    color: #fff;
}

textarea {
    font-family: Calibri, Tahoma, Verdana, Arial, lucida, sans-serif;
    font-size: 110%;
}

textarea.editor_simple {
    font-family: Calibri, Tahoma, Verdana, Arial, lucida, sans-serif;
    font-size: 110%;
    background-color: #fff;
    color: #000;
}

img.icon {
    margin: 1px;
}

p.alerts_block {
    color: #f00;
    border: 2px solid #f00;
    margin: 10px;
}

/*mozna casem odkomentovat a upravit?

.vstup
{
  outline: none;
  border: thin solid #310;
}*/

.hlavniBloky {
  margin: 0 auto;
}

/*vertikalni cleneni----------------------------------------------------------*/
#header {
  width: 821px;
  height: 159px;
  background: url("../img/header_bg.png") no-repeat;
}

#menu {
  width: 821px;
  height: 28px;
  /*background: url("../img/menu_bg.png") no-repeat;*/
  background-color: #e5007d;
  /*padding-left: 20px;*/
}

#main {
  clear: both;
  width: 800px;
  min-height: 220px;
  background: url("../img/main_bg.png") repeat-y;
  padding-left: 12px;
  padding-right: 9px;
}

#footer {
  width: 821px;
  height: 42px;
  clear: both;
  background: url("../img/footer_bg.png") no-repeat;
  padding-bottom: 30px;
}

/*horizontalni cleneni obsahu #main-------------------------------------------*/
#left {
  float: left;
  width: 146px;
  min-height: 330px;
  /*background: #0E0A0A;
  border-right: 1px solid #3E3B37;*/
}

#right {
  float: right;
  width: 146px;
  min-height: 330px;
  /*background: #0E0A0A;
  border-left: 1px solid #3E3B37;*/
}

#central {
  float: left;
  width: 484px;
/*  color: #E1D3AB;*/
  color: #333;
  padding: 10px;
}

#bottomend /*zarazka, aby se paticka zobrazovala az po skonceni obsahu vsech sloupcu*/ {
  clear: both;
}

/*prvky hlavicky--------------------------------------------------------------*/
#clickable {
  display:block;
  float: left;
  width: 550px;
  height: 90px;
}

#login_box {
  float: right;
  width: 198px;
  height: 120px;
  margin: 15px 18px 0 0;
  padding: 7px 7px 7px 7px;
  border: 1px solid #aaa;
  /*background: #0E0A0A;*/
  background: #fff;
}

.login_form_title {
  display: block;
  width: 43px;
  float: left;
  clear: left;
}

#login_box a {
  font-weight: normal;
}
 
#login_box a.bookmark {
    font-weight: bold;
    display:block;
    float: left;
    text-decoration: none;
    margin: 0 3px 3px 0;
    padding: 2px 5px 2px 5px;
    color: #fadceb;
    border: 1px solid #b10061;
    vertical-align: middle;
    /*background: url("../img/bookmark_bg.png") repeat-x;*/
    background: #e5007d; /* Old browsers */
}

#login_box a:hover.bookmark {
    color: #fff;
}

#login_box .heading {
    display: block;
    font-weight: bold;
    font-size: 120%;
    padding-bottom: 2px;
}

#login_box .heading a {
    text-decoration:none;
}

#login_box .login_input {
    width: 153px;
	border: 1px solid #ddd;	
}

#remember_me {
  margin-left: 47px;
}

#login_button {
  margin: 42px;
}

form.inline {
    display: inline;
}

/*prvky menu------------------------------------------------------------------*/
#menu a {
  display:block;
  float: left;
  text-decoration: none;
  margin-top: 2px;
  padding: 4px 10px 2px 10px;
  color: #fff;
  border-left: 1px solid #ec6ea6;
  vertical-align: middle;
}

#menu a.emp {
  color: #000;
}

#menu a#prvni {
  border: 0;
  padding-left: 30px;
}

#menu a:hover {
  color: #ffffff;
}

/*prvky hlavni casti - levy a pravy sloupec, stred----------------------------*/
#left h2, #right h2 /*nadpis leveho a praveho sloupce*/ {
  font-weight: bold;
  padding: 3px 0 3px 0;
  margin: 0;
  width: 144px;
  text-align: center;
  /*background: #fff;*/
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  font-size: 110%;
  color: #222;
}

#left h2.top, #right h2.top /*prvni nadpis leveho a praveho sloupce*/ {
  border-top: 0;
}

#left p, #right p, #central p /*obsah leveho a praveho sloupce*/ {
  padding: 10px;
}

.news /*novinka*/ {
  padding: 10px;
  border-bottom: 1px solid #3E3B37;
  font-weight: bold;
}

.news_date {
	font-size: 80%;
	font-style: italic;
}

.highlighted {
    /*background: #B1a37B;
    color: #0E0A0A;*/
    /*color: #fff;*/
    color: #e5007d;
    font-weight: bold;	
}

.alert_red {
    color: #f00;
}

.alert_red a {
    color: #f00;
}

.alert_red a:hover {
    color: #ff9933;
}

.alert_orange {
    color: #ff9933;
}

.alert_orange a {
    color: #ff9933;
}

.alert_orange a:hover {
    color: #fff;
}

.alert_yellow {
    color: #ec6ea6;
}

.alert_yellow a:hover {
    color: #ff9933;
}

.alert_normal {
    
}

.alert_normal a {
    color: #fff;
}

.alert_normal a:hover {
    color: #ff9933; 
}

p.links {
    text-align: center;
    margin: 10px;
}

p.links a img {
    margin-bottom: 5px;
}

img.pagerank {
    margin-left: 34px;
}

.lang_form {
    padding: 5px 0 5px 13px;
    margin: 0;
}

.form_error {
    background-color: #d11;
 /*   background-color: #000;*/
    color: #fff;
    font-weight: bold;
}

span.form_error a{
    color: #fff;
}

#central p /*obsah stredniho sloupce*/ {
  text-align: justify;
}

#central form /*formular ve strednim sloupci*/ {
  margin: 10px;
background-color: #fcedf5; 
}

#central table /*tabulka ve strednim sloupci*/ {
  margin: 0 10px 10px 10px;
}

/*prvky paticky---------------------------------------------------------------*/
#footer p {
  padding-top: 7px;
  text-align: center;
  font-size: 90%;
}

#footer p a {
  text-decoration: none;
}

/*samostatne prvky pouzivane kdekoliv-----------------------------------------*/
.emp_red, form_error /*cervene pismo*/ {
  color: #f00;
}

.emp_yellow {
  color: #ec6ea6;
}

.emp_green {
    color: #117711;
}

.emp_bold {
    font-weight: bold;
}

.emp_bold_green {
    font-weight: bold;
    color: #117711;
}

.emp_bold_red {
    font-weight: bold;
    color: #f00;
}

.emp_bold_orange {
    font-weight: bold;
    color: #ff9933;
}

.emp_bold_yellow {
  font-weight: bold;
  color: #ec6ea6;
}

.emp_bold_white {
    font-weight: bold;
    color: #444;
}

.wide_input {
    width: 384px;
}

.note_italic/*poznamka psana kurzivou*/ {
  font-style: italic;
}

table.profile /*tabulka pro usporadani polozek v profilu*/ {
  margin-left: 10px;
  border-collapse: collapse;
  font-size: 100%;
/*	background-color: #fadceb;  */
}

table.profile td {
    padding-right: 5px;
    min-width: 110px;
}

.profile_photo {
    float: right;
    margin: 14px 10px 0 0;
    padding: 2px;
    border: 1px solid #3E3B37;
}

.form_title {
  display: block;
  width: 70px;
  float: left;
  clear: left;
}

.no_vertical_space {
    margin: 0;
    padding: 0;
}

a.register_as {
    font-size: 120%;
}

.block {
    display: block;
}

table.reg_form {
/*	background-color: #f7c8df;*/
}

table.reg_form td {
    font-size: 100%;
    width: auto;
    padding-right: 5px;
}

table.reg_form tr td span.emp_bold_yellow {
    font-weight: bold;
    color: #ec6ea6;
}

table.multiline_form td {
    font-size: 100%;
    padding: 0 5px 15px 0;
    vertical-align: top;
}

td.w110 {
    width: 110px;
}

.width30 {
    width: 30px;
}

.width300 {
    width: 300px;
}

.width400 {
    width: 400px;
}


.leftmarg1, textarea {
    margin: 1px 0 1px 1px;
	border: 1px solid #e73089;	
}

.center, #central div.gallery_box p.center, #central div.gallery p.center {
    text-align: center;
}

form h2 {
    margin-left: 0;
}

.bottom_space {
    padding-bottom: 20px;
}

.centered {
    display: block;
    width: 100%;
    text-align: center;
}

a.bookmark, a.gallery_button, a.gallery_button_right, a.gallery_box_button, #central table tr td form input.bookmark {
  font-weight: bold;
  display:block;
  float: left;
  text-decoration: none;
  margin-top: 10px;
  padding: 3px 10px 3px 10px;
  color: #fcedf5;
  border: 1px solid #b10061;
  vertical-align: middle;
  /*background: url("../img/bookmark_bg.png") repeat-x;*/
    background: #e5007d; /* Old browsers */
}

a:hover.bookmark, a:hover.gallery_button, a:hover.gallery_button_right, a:hover.gallery_box_button {
    color: #fff;
}

select { /* aby selecty nesplyvaly dohromady s dalsima polema */
    margin-bottom: 1px;
    margin-top: 1px;
	border: 1px solid #e73089;	
}

/*administrace*/
table.admin_view, table.calendar {
  background: #fcedf5;
  border: 1px solid #ef87b5;
  margin-left: 10px;
  margin-top: 10px;
  position: relative;
  /*z-index: 10;*/
}

#central table.calendar {
  margin: 0;
  margin-top: 10px;
  padding: 0px;
  position: relative;
  z-index: 10;
}

#central table.calendar form {
    margin: 0;
}

table.calendar select {
    font-size: 80%;
}

table.admin_view th, table.calendar th {
    text-decoration: none;
    margin: 0;
    padding: 3px;
    color: #fff;/*#B1A37B;*/
    border-bottom: 1px solid #b10061;
    border-right: 1px solid #b10061;
    vertical-align: middle;
    /*background: url("../img/bookmark_bg.png") repeat-x;*/
    background: #e5007d; /* Old browsers */
}

table.admin_view td, table.calendar td {
	color: #333;
    padding: 2px;
    border-right: 1px solid #ef87b5;
    text-align: center;
}

table.calendar th, table.calendar td {
  padding: 1px;
}

#central table.calendar td {
  font-size: 95%;
  vertical-align: top;
}

tr.admin_view_odd, tr.calendar_header {
    background: #fadceb;
}

tr.calendar_header
{
    font-weight: bold;
}

.calendar_engagement_placeholder, .calendar_engagement_box {
    display: block;
    width: 100%;
    height: 64px;
    padding: 1px;
    margin: 2px 0 1px 0;
}

table.admin_view_left {
  background: #110E0E;
  border: 1px solid #3E3B37;
  margin-left: 10px;
  margin-top: 10px;
}

table.admin_view_left th {
  text-decoration: none;
  margin: 0;
  padding: 3px;
  color: #fff;/*#B1A37B;*/
  border-bottom: 1px solid #211E1E;
  border-right: 1px solid #191717;
  vertical-align: middle;
  /*background: url("../img/bookmark_bg.png") repeat-x;*/
    background: #4c3c2d; /* Old browsers */
    background: -moz-linear-gradient(top,  #4c3c2d 0%, #0e0706 18%, #0e0706 81%, #4c3c2d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c3c2d), color-stop(18%,#0e0706), color-stop(81%,#0e0706), color-stop(100%,#4c3c2d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #4c3c2d 0%,#0e0706 18%,#0e0706 81%,#4c3c2d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #4c3c2d 0%,#0e0706 18%,#0e0706 81%,#4c3c2d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #4c3c2d 0%,#0e0706 18%,#0e0706 81%,#4c3c2d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #4c3c2d 0%,#0e0706 18%,#0e0706 81%,#4c3c2d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c3c2d', endColorstr='#4c3c2d',GradientType=0 ); /* IE6-9 */
  text-align: left;
}

table.admin_view_left td {
    padding: 2px;
    border-right: 1px solid #191717;
    text-align: left;
}

tr.admin_view_odd_left {
    background: #211E1E;
}

div#central table.calendar td a {
    color: #fff;
}

.left-column-text-block {
    border-bottom: 1px solid #191717;
    padding: 10px;
}

.add-to-engagement {
    margin-left: 35px;
}

.alternate-even {
    background: #211E1E;
}

.alternate-odd {
    background: #110E0E;
}

table.calendar td.club_closed {
    background-color: #226;
	color: #fff;
}

td.ippform_title {
    width: 155px;
}

td.ippform {
    width: 90px;
}

table.pager {
    width: 462px;
    border: 1px solid #fadceb;
    vertical-align: middle;
}

table.pager td {
    padding-left: 10px;
}

td.pager {
    vertical-align: middle;
}

#google_translate_element {
    display: block;
    float: left;
    clear: left;
    margin: 18px 0 0 23px;
}

/* fotogalerie */
.gallery_box {
    float: right;
    width: 171px;
    border: 1px solid #fadceb;
    margin: 10px 10px 0 0;
    clear: right;
    padding-bottom: 3px;
}

.gallery_box h2, .gallery_box h2 a /* nadpis leveho a praveho sloupce */ {
  font-weight: bold;
  padding: 3px 0 3px 0;
  margin: 0;
  width: 100%;
  text-align: center;
  background: #fadceb;
  border-bottom: 1px solid #fadceb;
  font-size: 110%;
  color: #e5007d;
}

.profile_photo_gallery {
    float: right;
    padding: 3px;
    margin: 10px 10px 7px;
    width: 124px;
    height: 124px;
    text-align: center;
    border: 1px solid #1E1B17;
}

.imgbox, .delete_imgbox, .double_arrow_left, .double_arrow_right, .invisible_thumb {
    display: block;
    width: 50px;
    height: 50px;
    float: left;
    border: 1px solid #1E1B17;
    margin: 4px 0 0 4px;
    text-align: center;
}

.imgbox img, .delete_imgbox img {
    border: 1px solid #1E1B17;
}

.gallery, .gallery_thumbs, .gallery_non_center {
    float: left;
    border: 1px solid #3E3B37;
    margin: 10px;
    padding: 3px 0 3px 0;
    width: 96%;
    clear: none;
    text-align: center;
}

.gallery_non_center {
    text-align: left;
}

a.gallery_button, a.gallery_button_right, .gallery_box_button {
    clear: left;
    margin-left: 10px;
}

a.gallery_button_right {
    float: right;
    margin-right: 7px;    
}

.gallery_thumbs{
    border: 0;
    padding: 0;
    margin-bottom: 0;
}

.double_arrow_left, .double_arrow_right {
    width: 28px;
}

 .double_arrow_right {
     float: right;
     margin-right: 4px;
 }
 
 .active_thumb {
     border: 1px solid #fff;
 }
 
 .invisible_thumb {
     border: 0;
     width: 52px;
 }
 
 .gallery_navigation {
     text-align: center;
     margin-bottom: 0;
     margin-top: 15px;
 }
 
 table.gallery_bookmarks {
     margin: 0 10px;
 }
 
 .delete_imgbox {
     width: 70px;
     vertical-align: middle;
 }
 
 .gallery_delete_button {
     float: left;
     clear: both;
     margin: 15px 0 10px 200px;
 }
 
 .gallery_box_button {
     float: none;
     margin-left: 27px;
     margin-bottom: 10px;
 }
 
 div.filter {
     border: 1px solid #3E3B37;
     margin: 10px;
     padding: 10px;
     width: 440px;
     background-color: #fcedf5;
 }
 
 p.array_dump {
     padding: 0;
     margin: 0;
     margin-left: 20px;
 }
 
 /* stavy angazma v kalendari */
 
 span.engagement_status_working, span.engagement_status_day_off, span.engagement_status_ill, 
 span.engagement_status_shortened, span.engagement_status_closed, span.engagement_status_private {
     display: block;
     margin: 2px 0 1px 0;
     padding: 1px;
 }
 
 .engagement_status_working {
     background-color: #171;
 }
 
 .engagement_status_day_off {
     background-color: #04d;
 }
 
 .engagement_status_ill {
      background-color: #e50;
 }
 
 .engagement_status_shortened {
     background-color: #a00;
 }
 
 .engagement_status_private {
     background-color: #717;
 }
 
.engagement_status_closed {
    background-color: #585858;
}

div.admin_item {
    background: #fff;
    border: 1px solid #ef87b5;
    margin: 4px 0 4px 10px;
}

#central div.admin_item p {
    padding-top: 0;
}

#central div.admin_item table {
    margin-bottom: 0;
}

#central div.admin_item form {
    margin-top: 0;
}


/* flash zpravicky */

#central div#flash-messages {
    margin: 15px 0px 15px 15px;
    width: 100%;
}

#central div#flash-messages div.flash-message {
    padding: 5px;
    width: 90%;
    border: 2px solid #fff;
    margin-bottom: 5px;
}

#central div#flash-messages div.flash-success {
    background-color: #8f8;
    border-color: #060;
    color: #060;
}

#central div#flash-messages div.flash-error {
    background-color: #f88;
    border-color: #600;
    color: #600;
}

#central div#flash-messages div.flash-info {
    background-color: #ff8;
    border-color: #660;
    color: #660;
}


/* debug */

.debug-bar {
    width:100%; 
    padding: 5px; 
    background-color: #f80; 
    color: #fff; 
}

#debug-bar {
}

.debug-error {
    background-color: #f00; 
    color: #fff; 
    border: 1px solid #fff;
}

div.dialog-form, #dialog-form, #engagement-clone-form, #note-form, #add-payment-form, 
#provision-request-invoice-upload-form, #provision-request-note-form {
    border: 1px solid #3E3B37; 
    padding: 10px; 
    background-color: #0E0A0A;
}


/* im */

#im-bar {
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 30px;
    width: 100%;
    z-index: 100;
    background: #d40074; /* Old browsers */
}

#im-contact-list {
    height: 400px;
    width: 200px;
    border: 1px solid #ef87b5;
    float: left;
    position: relative;
    bottom: 375px;
    border-radius: 5px;
    margin-left: 5px;
}

#im-contact-list .im-header {
    background: #d40074; /* Old browsers */
	color: #fff;
}

#im-contacts-count {
    font-weight: bold;
}

#im-contact-list .im-content ul {
    
}

#im-contact-list ul li {
    
}

.im-message-window {
    width: 200px;
    height: 280px;
    border: 1px solid #ef87b5;
    float: left;
    position: relative;
    bottom: 255px;
    border-radius: 5px;
    margin-left: 5px;
    background: #fff;
}

.im-message-window .im-content {
    height: 130px;
}

.im-header {
    width: 95%;
    height: 26px;
    padding: 5px;
    background: #d40074; /* Old browsers */
	color: #fff;
}

a.im-minimize-message-window img, a.im-maximize-message-window img, a.im-close-message-window img, 
a.im-minimize-contact-list img, a.im-maximize-contact-list img {
    margin: 0 3px;
}

.im-contact-group {
    font-weight: bold;
}

.im-content {
    overflow-y: scroll;
    background: #fff;
    padding: 5px;
}

#im-contact-list .im-content {
    height: 88%;
}

.im-message-date {
    font-weight: bold;
    color: #555;
    margin-top: 3px;
}

.im-message-content {
    margin-left: 3px;
    color: #000;
}

.im-message-content.own {
    color: #ea5197;
}

.im-message-submit-button {
    float: right;
}

.im-message-form textarea {
    width: 99%;
}

div.nicEdit-main
 {
    background-color: #fff;
 } 