body { 
  margin: 0px; 
  padding: 0px;
  font-family: sans-serif, Verdana, Arial;
  height: 100%;
  background: #eaf1f8;
  }
  
#logo {
  display: none;	
}

#popup-container {
  float: left;
  width: 895px;
  height: 94%;
  padding: 3% 25px 3% 25px;
  font-size: 0.7em;
  }
  
  #popup-container .popup_table {
  	font-size: 1em;
  	}

  /* ---------------- FRAME ------------------ */
  #popup-container div.frame {
    clear: left;
    float: left;
    width: 895px;
    }

    #popup-container div.frame div.top {
      clear: left;
      float: left;
      width: 895px;
      height: 127px;
      }
      #popup-container.ekipa-info div.frame div.top {
        background: url('../images/frame-top-ekipa-info.gif') no-repeat left top;
        }
      #popup-container.work-window div.frame div.top {
        background: url('../images/frame-top-work-window.gif') no-repeat left top;
        }
        
      #popup-container div.frame div.top div.close_link {
        float: right;
      	position: relative;
      	top: 6px;
      	right: 17px;
      	font-weight: bold;
      	}  
      	      
      #popup-container div.frame div.top div.close_link a img{
		text-decoration: none;
		border: none;	
      }
      
      #popup-container div.frame div.top div.close_link a {
      	color: #00ADEF;
      	}
        
      #popup-container div.frame div.top div.print_link {
        float: right;
      	position: relative;
      	top: 10px;
      	right: 75px;
      	font-weight: bold;
      	}  
      	      
      #popup-container div.frame div.top div.print_link a img{
		text-decoration: none;
		border: none;	
      }

    #popup-container div.frame div.center {
      clear: left;
      float: left;
      width: 811px;
      min-height: 325px;
      padding: 0px 42px 0px 42px;
      background: url('../images/frame-center.gif') repeat-y left top;
      }
      *html #popup-container div.frame div.center {
        width: 895px;
        height: 325px;
        }

      *html #popup-container div.frame div.center div.candidates {
        width: 811px;
        }
        
		#popup-container div.frame div.center table,p {
			width: 98%;
		}        
		*html #popup-container div.frame div.center table,p {
			width: 95%;
		}
			

    #popup-container div.frame div.bottom {
      clear: left;
      float: left;
      width: 895px;
      height: 91px;
      background: url('../images/frame-bottom.gif') no-repeat left top;
      }


    /* ---------------- GENERAL STYLE ------------------ */
    /* General design of pop-up */
    div.popup-general {
      }
 
      div.popup-general div.lang {
        clear: left;
        float: left;
        width: 60%;
        margin: 0px 0px 10px 0px;
        }

      /* Logo */
      div.popup-general div.logo {
        clear: left;
        /*float: left;
        width: 55%;*/
        
        margin: 0px 30px 0px 0px;
        text-align: right;
        
        }
        div.popup-general div.logo a {
          text-decoration: none;
          }
          div.popup-general div.logo a img {
            text-decoration: none;
            border: none;
            margin-bottom: 10px;
            }

     /* Section title */
      div.popup-general h2 {
        clear: left;
        float: left;
        width: 100%;
        padding: 5px 0px 5px 5px;
        font-size: 1.4em;
		color: #4979A6; 
		background: url('../images/line-blue.png') repeat-x left top;         
        }


      div.popup-general h3 {
        clear: left;
        float: left;
        width: 99%;
        min-height: 25px;
        padding: 3px 0px 0px 1%;
        font-size: 1.4em;
        color: #4979A6;
        background: url('../images/line-blue.png') repeat-x left top;
        }
        *html div.popup-advert h3 {
          height: 25px;
          }

      /* Section content */
      div.popup-general div.section {
        clear: left;
        float: left;
        width: 100%;
        margin: 0px 22px 20px 20px;
        }
        *html div.popup-general div.section {
	        width: 95%;
	        }
		div.popup-general div.section img{
		  border: none;
		  }
        div.popup-general div.section div.link-to-question {
          clear: left;
          width: 100%;
          }
          div.link-to-question img{
          	border: none;
          	}
        div.popup-general div.section ul.list {
          clear: left;
          margin: 0px;
          padding: 0px 0px 0px 0px;
          list-style-type: none;
          font-size: 12px;
         
          }
          div.popup-general div.section ul.list li {
            margin: 0px;
            padding: 0px 0px 5px 0px;
            }
            div.popup-general div.section ul.list li span.label {
              color: #666;
              }
            div.popup-general div.section ul.list li span.contact-title {
              display: block;
              padding: 20px 0px 10px 0px;
              text-decoration: underline;
              }
            div.popup-general div.section ul.list li span.data {
              font-weight: bold;
              }
            div.popup-general div.section ul.list li span.company-name {
              font-weight: bold;
              font-size: 1.3em;
              color: darkblue;
              }
    
            /* Company Note */
            div.popup-general div.section ul.list li p.company-note {
              margin: 0px;
              padding: 10px 0px 10px 0px;
              }
    
            /* Contacts */
            div.popup-general div.section ul.list li div.company-contacts {
              }
              div.popup-general div.section ul.list li div.company-contacts ul {
                float: left;
                width: 47%;
                margin: 0px 0px 3% 0px;
                list-style-type: none;
                }
    
      /* Company documents */
      div.popup-general div.company-documents {
        clear: left;
        float: left;
        width: 100%;
        padding: 0px 0px 10px 0px;
        }
      div.popup-general div.company-documents ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        }
        div.popup-general div.company-documents ul li {
          margin: 0px;
          padding: 0px;
          list-style-type: none;
          }
    
      /* Company FAQ */
      div.popup-general div.company-faq {
        clear: left;
        float: left;
        width: 100%;
        padding: 10px 0px 10px 0px;
        }
      div.popup-general div.company-faq ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        }
        div.popup-general div.company-faq ul li {
          margin: 0px;
          padding: 0px 0px 20px 0px;
          list-style-type: none;
          }
          div.popup-general div.company-faq ul li span.question {
            display: block;
            padding: 0px 0px 10px 0px;
            font-weight: bold;
            }
          div.popup-general div.company-faq ul li span.answer {
          }

      /* Company photos */
      div.popup-general div.company-photos {
        clear: left;
        float: left;
        width: 100%;
        padding: 10px 0px 0px 0px;
        }
        div.popup-general div.company-photos div.photo-main {
          clear: left;
          float: left;
          width: 100%;
          margin: 0px 0px 20px 0px;
          text-align: center;
          }
          div.popup-general div.company-photos div.photo-main img {
            margin: 0px;
            max-width: 600px;
            }

        div.popup-general div.company-photos div.photo-thumbs {
          clear: left;
          float: left;
          width: 100%;
          text-align: center;
          }
          div.popup-general div.company-photos div.photo-thumbs a {
            margin: 0px 10px 0px 0px;
            text-decoration: none;
            }
            div.popup-general div.company-photos div.photo-thumbs a img {
              margin: 0px;
              border: none;
              }


    /* ---------------- ADVERT STYLE ------------------ */
    div.popup-advert {
      }

      /* Heading - company title and logo */
      div.popup-advert div.heading-logo {
        clear: left;
        float: left;
        width: 811px;
        }
        div.popup-advert div.heading-logo h2 {
          clear: left;
          float: left;
          margin: 0px;
          width: 50%;
          font-size: 1.5em;
          }
        div.popup-advert div.heading-logo h5 {
          clear: left;
          float: left;
          margin: 0px;
          width: 50%;
          font-size: 1em;
          }
  
        /* Logo */
        div.popup-advert div.heading-logo div.logo {
          clear: left;
          float: right;
          width: 50%;
          margin: -20px 0px 0px 0px;
          text-align: right;
          }
          *html div.popup-advert div.heading-logo div.logo {
          	margin: 0px;
          }
          div.popup-advert div.heading-logo  div.logo a {
            text-decoration: none;
            }
            div.popup-advert div.heading-logo  div.logo a img {
              text-decoration: none;
              border: none;
              }
  
      /* MAIN HEADING */
      div.popup-advert h1 {
        clear: left;
        float: left;
        width: 100%;
        margin: 60px 0px 30px 0px;
        font-weight: bold;
        font-size: 1.7em;
        text-align: center;
        }
  
  
  
      /* Section title */
      div.popup-advert h3 {
        clear: left;
        float: left;
        width: 99%;
        min-height: 25px;
        padding: 3px 0px 0px 1%;
        font-size: 1.4em;
        color: #4979A6;
        }
        *html div.popup-advert h3 {
          height: 25px;
          }
          
       div.popup-advert h4 {
        clear: left;
        float: left;
        width: 99%;
        padding: 20px 0px 5px 0px;
        font-size: 1.3em;
        color: #4979A6;
        }
        *html div.popup-advert h4 {
   			margin: 10px 0px 10px 0px;
          } 
  
      /* Section content */
      div.popup-advert div.section {
        clear: left;
        float: left;
        width: 100%;
        margin: 0px 0px 0px 0px;
        font-size: 1.1em;
        }
        
	  *html div.popup-advert div.section {
        width: 90%;	  
	  }        
  
        div.popup-advert div.section div.link-to-question {
          clear: left;
          width: 100%;
          }
  
      /* list */
      div.popup-advert ul.list {
        clear: left;
        margin: 0px;
        padding: 0px 0px 0px 0px;
        list-style-type: none;
        font-size: 1.1em;
        }
        div.popup-advert ul.list li {
          margin: 0px;
          padding: 0px 0px 5px 0px;
          }
          div.popup-advert ul.list li span.label {
            color: #666;
            font-size: 12px;
            }
          div.popup-advert ul.list li span.data {
            font-weight: bold;
            font-size: 1.0em;
            }
          div.popup-advert ul.list li ul.contact-person {
            margin: 0px 0px 0px 50px;
            padding: 0px;
            list-style-type: none;
            }
            div.popup-advert ul.list li ul.contact-person li {
              margin: 0px;
              padding: 0px;
              font-size: 0.9em;
              }
  
  
      /* paragraphs */
      div.popup-advert p.company-note {
        clear: left;
        margin: 0px;
        padding: 20px 0px 10px 0px;
        }
      div.popup-advert p.note {
        clear: left;
        margin: 0px;
        padding: 0px 0px 10px 0px;
        }
  
      /* Company FAQ */
      div.popup-advert div.company-faq {
        clear: left;
        float: left;
        width: 100%;
        padding: 10px 0px 10px 0px;
        }
      div.popup-advert div.company-faq ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        }
        div.popup-advert div.company-faq ul li {
          margin: 0px;
          padding: 0px 0px 20px 0px;
          list-style-type: none;
          }
          div.popup-advert div.company-faq ul li span.question {
            display: block;
            padding: 0px 0px 10px 0px;
            font-weight: bold;
            }
          div.popup-advert div.company-faq ul li span.answer {
          }
  
  
    /* ARTICLE POP-UP */
    div.article {
    	width: 98%;
      }
	*html div.article {
		width: 90%;
	}      
      div.article h1 {
        clear: left;
        width: 100%;
        margin: 30px 0px 35px 0px;
        text-align: center;
        font-size: 1.6em;
        }
      div.article div.date {
        clear: left;
        width: 100%;
        padding: 0px 0px 20px 0px;
        color: #666;
        font-style: italic;
        }
      div.article div.content {
        clear: left;
        width: 100%;
        padding: 0px 0px 10px 0px;
        }
        div.article div.content p {
          margin: 0px 0px 10px 0px;
          }
  
      div.article div.footer {
        clear: left;
        width: 100%;
        color: #666;
        }