/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-08-20, 09:00:26
    Author     : Wiktor Dyczko
*/
.error {
  color: red;
  display: inline-block;
  margin-top: 4px;
  margin-left: 6px;
  margin-bottom: 2px;
  font-size: 18px; }

#dialog {
  width: 560px;
  margin: auto;
  background: -webkit-linear-gradient(pink, #af004d);
  background: -o-linear-gradient(pink, #af004d);
  background: -moz-linear-gradient(pink, #af004d);
  background: linear-gradient(pink, #af004d);
  background: url("../data/images/background.jpg");
  color: white;
  font-family: Tahoma, sans-serif;
  text-shadow: black 1px 1px 0px; }

#profile-logo {
  display: inline-block;
  width: 500px;
  background: url("../data/images/menu_bg.png");
  margin-bottom: 10px;
  border-radius: 10px;
  padding-top: 10px; }
  #profile-logo #wrapper {
    width: 400px;
    margin: auto; }
    #profile-logo #wrapper img {
      float: left;
      display: inline-block;
      margin-right: 20px; }
    #profile-logo #wrapper #contact {
      font-size: 12px;
      color: white;
      font-family: Tahoma, sans-serif;
      text-transform: uppercase;
      text-shadow: black 1px 1px 0px; }

#profile-chooser {
  display: inline-block;
  border-radius: 10px;
  padding: 4px;
  background: url("../data/images/menu_bg.png");
  width: 490px; }
  #profile-chooser #header {
    text-align: center;
    width: 496px;
    display: inline-block;
    margin-bottom: 10px; }
  #profile-chooser #menu {
    display: inline-block;
    background: white;
    padding: 1px;
    border: 1px solid #af004d;
    border-radius: 5px; }
    #profile-chooser #menu .button {
      float: left;
      height: 42px;
      cursor: pointer;
      opacity: 0.35; }
    #profile-chooser #menu .button:hover {
      opacity: 0.75; }
    #profile-chooser #menu .selected {
      opacity: 1;
      background: #af004d; }
    #profile-chooser #menu span img {
      cursor: pointer;
      height: 30px;
      width: auto;
      opacity: 0.5; }
    #profile-chooser #menu span img:hover {
      opacity: 1; }

#profile-title {
  visibility: hidden;
  display: inline-block;
  width: 496px;
  text-align: center;
  font-size: large;
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 5px;
  background: url("../data/images/menu_bg.png"); }

#profile-form-holder {
  visibility: hidden;
  padding: 5px;
  width: 484px;
  display: inline-block;
  background: url("../data/images/menu_bg.png");
  border-radius: 5px; }
  #profile-form-holder .form-label {
    width: 240px;
    margin-top: 4px;
    margin-bottom: 2px;
    float: left; }
  #profile-form-holder .form-input {
    width: 240px;
    margin-top: 4px;
    margin-bottom: 2px;
    float: left; }
  #profile-form-holder .form-select {
    width: 230px;
    margin-top: 4px;
    margin-bottom: 2px;
    float: left; }
  #profile-form-holder #density-holder {
    width: 240px;
    float: left;
    display: inline-block; }
  #profile-form-holder .image-holder {
    text-align: center;
    display: inline-block;
    background: white;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    width: 482px; }
    #profile-form-holder .image-holder .form-profile {
      max-height: 250px;
      margin: 10px auto; }

#profile-error {
  background: url("../data/images/menu_bg.png");
  border-radius: 5px;
  margin-top: 10px;
  width: 482px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 2px;
  padding-bottom: 2px;
  display: none;
  color: red; }

.button-new-window{
    background-color: #dfaf0d;
    color: white;
    text-decoration: none;
    padding: 8px;
    position: relative;
    top: 8px;
    left: 30px;
    border-radius: 3px;
}

#profile-logo{
    display: none;
}

@media screen and (max-width: 550px){
    .ui-dialog
    {
        top: 50px !important;
        left: 10px !important;
    }
}

@media screen and (min-width: 700px){
    .ui-dialog
    {
        top: 50px !important;
        left: 10% !important;
    }
}

@media screen and (min-width: 900px){
    .ui-dialog
    {
        top: 50px !important;
        left: 24% !important;
    }
}

@media screen and (min-width: 1150px){
    .ui-dialog
    {
        top: 50px !important;
        left: 27% !important;
    }
}