/*****************************************
  Lauri Borodkin | Fraktal.ee
*****************************************/


html, body {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  font: 12px/20px Arial, Verdana, sans-serif;
  color: #2f3d40;
  text-align: center;
  background: white;
}

a {
  text-decoration: underline;
  color: #3dc2ec;
}

a:hover {
  text-decoration: none;
}

.clearer {
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  clear: both;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


img {
  border: none;
}
form {
  margin: 0;
  padding: 0;
}
h1, h2, h3 {
  font-size: 20px;
  line-height: 25px;
  margin: 0;
  padding: 0 0 0px 0;
  font-weight: normal;
}
  h1 span.smalltext {
    font-size:14px;
  }
h2 {
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 10px;
  padding-top: 15px;
  font-weight: bold;
}
h3 {
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
}
.textbox {
  background: white;
  border: 1px solid #dadada;
  color: #2f3d40;
  padding: 3px 3px;
  vertical-align: middle;
  font: 12px/14px Arial, Verdana, sans-serif;
}
.floatRight {
  float: right;
}

/* wrap */
  .wrap {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    position: relative;
  }
  
/* header */
  #header {
    background: #707171 url('pix/t2.gif') repeat-x;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    min-height: 117px;
  }
  * html #header {
    height: 117px;
  }
    #logo {
      width: 224px; height: 117px;
    }
    #logo a, #topbanner a {
      display: block;
    }
    #logo img, #topbanner img  {
      display: block;
    }
    
    #topbanner {
      position: absolute;
      top: 15px;
      left: 241px;
    }
    
/* infobar */
  #infobar {
    background: #f1f1f1;
    font-size: 12px;
    z-index: 1000;
  }
    #infobar .wrap {
      padding: 7px 0;
      position: relative;
      z-index: 1000;
    }

    #list {
      font-size: 12px;
      padding: 5px 0;
      position: relative;
    }

      #infobar table.infobar-inner {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
      }
        #infobar table.infobar-inner td {
          border: none;
          padding: 7px 12px;
          border-right: 1px solid #f9f9f9;
        }
        #infobar table.infobar-inner .first {
          font-size: 14px;
        }
        #infobar table.infobar-inner .first-noborder {
          font-size: 14px;
		  border-right: 1px;
        }

          #infobar table.infobar-inner .custom-select {
		    padding-left: 1px;
            display: inline;
            position: relative;
          }
          #infobar table.infobar-inner .custom-select-kanal {
		    padding-right: 8px;
		    padding-left: 1px;
            display: inline;
            position: relative;
          }

            #infobar .custom-select-menu {
              position: absolute;
              top: 0px;
              left: 0px;
              margin: 0;
              padding: 0;
              background: white;
              list-style-type: none;
              white-space: nowrap;
              border: 3px solid #22bae9;
              display: block;
              z-index: 50;
              padding: 5px;
            }

            #infobar .custom-select-kanal-menu {
              position: absolute;
              top: 0px;
              left: 0px;
              margin: 0;
              padding: 0;
              background: white;
              list-style-type: none;
              white-space: nowrap;
              border: 3px solid #22bae9;
              display: block;
              z-index: 102;
              padding: 5px;
            }

            * html #infobar .custom-select-menu {
              padding: 5px;
            }
            * html #infobar .custom-select-kanal-menu {
              padding: 5px;
            }

              #infobar .custom-select-menu li {
                cursor: pointer;
              }
              #infobar .custom-select-kanal-menu li {
                cursor: pointer;
              }

              * html #infobar .custom-select-menu li {
                padding: 5px 0;
              }
              * html #infobar .custom-select-kanal-menu li {
                padding: 5px 0;
              }

              #infobar .custom-select-menu a {
                display: block;
                text-decoration: none;
                cursor: pointer;
                padding: 2px;
              }
              #infobar .custom-select-kanal-menu a {
                display: block;
                text-decoration: none;
                cursor: pointer;
                padding: 2px;
              }

              * html #infobar .custom-select-menu a { 
                
                cursor: pointer;
                display: inline;
              }
              * html #infobar .custom-select-kanal-menu a { 
                
                cursor: pointer;
                display: inline;
              }

              #infobar .custom-select-menu a:hover {
                background: #22bae9;
                color: white;
              } 
              #infobar .custom-select-kanal-menu a:hover {
                background: #22bae9;
                color: white;
              } 

            #infobar .custom-select-marked {
              background: url('pix/select_arrow.gif') no-repeat right center;
              padding-right: 10px;
            }
            #infobar .custom-select-kanal-marked {
              background: url('pix/select_arrow.gif') no-repeat right center;
              padding-right: 10px;
            }

        #infobar table.infobar-inner .last {
          margin-right: -3px;
          border-right: none;
          width: 130px;
          text-align: center;
        }
          #infobar .textbox {
            width: 90px;
          }
          /*
          #infobar select {
            background: white;
            border: 1px solid #dadada;
            color: #2f3d40;
            padding-top: 3px;
            padding-bottom: 3px;
            vertical-align: middle;
            font: 12px/14px Arial, Verdana, sans-serif;
          }
          */
      #login-box {
        position: absolute;
        top: 9px;
        right: 10px;
 
      }
        .login-box-top {
          width: 134px;
          text-align: center;
          color: white;
          background: #1eb9e8;
          float: right;
          padding-top: 7px;
          padding-bottom: 16px;
        }
          .login-box-top a {
            color: white;
            text-decoration: none;
          }
        #login-box form {
          clear: right;
          float: right;
        }
          .login-box-dark {
            background: #1eb9e8;
            padding: 7px 8px;
            color: white;
          }
            .login-box-dark table {
              border-collapse: collapse;
              margin: 0;
              padding: 0;
            }
              .login-box-dark td {
                text-align: right;
                padding: 2px 4px;
              }
			  .login-box-dark-sml { 
                text-align: left;
                padding: 1px 1px;
			  	font-size: 11px;
			}

                #infobar .login-box-dark .textbox {
                  width: 142px;
                }
          .login-box-light {
            background: #9cddf1;
            padding: 3px 12px;
          }
            .login-box-light a {
              color: #2f3d40;
              font-size: 11px;
            }
            .login-box-light a.submit {
              font-size: 12px;
            }

/* general stiilid */
fieldset 		{padding:3px; margin-top:10px;border:1px solid #DDDDDD;}
legend 			{background: url(img/pix/bg_tbltop2.gif);padding-top:2px; padding-left:4px; padding-right:4px; padding-bottom:2px; border:1px solid #DDDDDD;}
/* vertview_menu */

#vertview_menu {

	background: #dad9d9;

	padding-top: 9px;
}
	#vertview_menu table {
		border-collapse: collapse;
	}
		#vertview_menu table td {
			padding: 0;
			vertical-align: bottom;
		}
	#cathegories {
		margin: 0 30px 0 0;
		padding: 0;
	}
		#cathegories li {
			list-style-type: none;
			/*display: inline-block;*/
			float: left;
			background: #f1f1f1;
			margin-right: 2px;
		}
			#cathegories li a {
				display: block;
				padding: 10px;
				text-decoration: none;
				color: #2f3c3f;
			}
		#cathegories li.active {
			background: white;
		}
		.cat_left {
			float:left;
		}
		.nadal_logo{
			float:left;padding-top:3px;padding-left:10px
		}
	#days {
		/*margin: 0 100px 0 0;*/
		padding: 0;
	   	padding-right:30px;
	}
		#days li {
			list-style-type: none;
			/*display: inline-block;*/
			float: left;
		}
		#days li.active {
			background: white;
		}
			#days li a {
				display: block;
				padding: 5px 10px;
				text-decoration: none;
				color: #251c1f;
				font-size: 9px;
				line-height: 10px;
			}
			#days li a .day {
				display: block;
				font-size: 14px;
				font-weight: bold;
				line-height: 14px;
			}
			#days li a .weekend {
				color: #e50f0f;
			}
			#days li.days-button a {
				padding: 10px 10px 0;
			}
	#vaated {
		position: relative;
		bottom: 3px;
		width: 120px;
		color: #636061;
	}
		#vaated p {
			float: left;
			margin: 0;
		}
	#vaated img {
		float: right;
		position: relative;
		bottom: 3px;
	}

/* content */
  #content {
    padding-top: 18px;
  }

  p.small a {
	font: 12px/20px Arial, Verdana, sans-serif;
	color: #2f3d40;
	text-decoration: none;
  }
  p.small a:hover {
	text-decoration: underline;
  }

  #right-content {
    padding-top: 10px;
	padding-left: 10px;

	text-align: right;
  }

  #center-content {
  padding-left: 5px;
  padding-right: 5px;
  }



  #mytable {
  border: 0px solid #000;
  width: 600px;
  }

  TABLE.infobar-inner .alink { 
	margin: 0px;
	font-size: 12px; 

  }
    #listing {
      
    }
      #current-time {
        background: url('pix/currenttime.gif') repeat-y 0px 0px;
        font-size: 1px;
        line-height: 1px;
        width: 3px;
        position: absolute;
        top: 15px;
        z-index: 10;
      }
      #listing-top {
        border-bottom: 1px solid #eeeeee;
        width: 967px;
        position: relative;
      }
        #time-left, #time-right {
          position: absolute;
          top: 0px;
          width: 20px;
          height: 17px;
          display: block;
          cursor: pointer;
        }
          #time-left img, #time-right img {
            display: block;
          }
        #time-right {
          right: -12px;
        }
        #time-left {
          left: 69px;
        }
        #time-steps {
          margin: 0;
          padding: 0 0 0 84px;
          list-style-type: none;
        }
          #time-steps li {
            margin: 0;
            padding: 0;
            display: inline;
            font-size: 8px;
            color: #92999a;
            float: left;
            width: 36px;
            text-align: center;
          }
          #time-steps li.big {
			font-weight: bold;
            font-size: 12px;
            color: #2f3d40;
          }
      .channel {
        width: 970px;
        border-bottom: 1px solid #eeeeee;
        background: url('pix/channel.gif') repeat-y;
      }
        .channel-dropdown-box {
          height: 53px;
          float: left;
          width: 16px;
          position: relative;
          cursor: pointer;
          background: url('pix/dropdown.gif') no-repeat 2px 23px;
        }
          .channel-dropdown {
            position: absolute;
            top: 20px;
            left: 2px;
            margin: 0;
            padding: 5px 5px;
            list-style-type: none;
            background: #f4f4f4;
            border: 1px solid #afafaf;
            z-index: 100;
          }
            .channel-dropdown li {
              padding: 0;
               cursor: pointer;
            }
            * html .channel-dropdown li {
              padding: 5px 0;
            }
            .channel-dropdown a {
              white-space: nowrap;
              display: block;
              text-decoration: none;
              cursor: pointer;
              padding: 5px 8px;
            }
            * html .channel-dropdown a { 
              cursor: pointer;
              display: inline;
            }
            .channel-dropdown a:hover {
              background: #22bae9;
              color: white;
            }

          
        .channel-name {
          float: left;
          width: 87px;
          height: 53px;
          padding: 0px;
        }
          .channel-name img {
            display: block;
            width: 86px;
            height: 50px;
			text-align: center;
          }
        .channel-info {
          float: left;
          background: #f6f6f6 url('pix/channel_info.gif') repeat-x;
          width: 867px;
        }
		/*
          .channel-current-time {
            height: 53px;
            background: url('pix/currenttime.gif') repeat-y 0px 0;
          }
		  */

            .show {
              float: left;
              font-size: 12px;
              line-height: 14px;
              height: 53px;
              cursor: pointer;
              background: white url('pix/border.gif') repeat-y top right;
            }
            .show_empty {
              float: left;
              line-height: 14px;
              height: 53px;
			  border-right: 1px solid #dedede;
            }

			.onair {
              background-color: #feffe3;
            }

            #listing .active-show {
              background-color: #cbf0fa;
            }
            #listing .has-space {
              border-left: 1px solid #dedede;
            }
              #listing .show-inner {
                padding: 3px 3px;
                height: 38px;
                overflow: hidden;
                cursor: pointer;
				line-height: 14px;
              }
              #listing .show-span {
                font-size: 10px;
                font-style: italic;
              }
              #listing .show-time {
				text-decoration: underline;
                font-size: 11px;
				color: #22bae9;
			  }
			  
        .show-info {
          margin: 0 1px 0 103px;
          background: #cbf0fa;
          font-size: 12px;
          clear: both;
        }

		  .title {
			font-size: 12px;
		  }

          .show-info-inner {
            position: relative;
            padding: 12px 32px 12px 12px;
          }
            .linksbox {
              /*float: right;
              text-align: right;
              padding: 10px 20px 15px 100px;
              */
              font-weight: bold;
              padding: 0px 0 10px;
            }
            .show-info-img {
              float: left;
              padding: 0 20px 15px 0;
            }
            .show-info-close {
              display: block;
              position: absolute;
              top: 10px;
              right: 10px;
              background: white;
              cursor: pointer;
            }
      .listing-seps {
        background: url('pix/channel_info.gif') repeat-x;
        height: 13px;
        font-size: 13px;
        line-height: 13px;
        margin-left: 103px;
        width: 828px;
      }
        .listing-seps .channel-current-time {
          height: 13px;
        }
    #type-marker {
      margin-top: 18px;
      background: #f1f1f1;
    }
      #type-marker div {
        font-weight: bold;
        float: left;
        padding: 6px;
      }
      #type-marker label {
        float: left;
        padding: 6px 8px 6px 6px;
      }
      #type-marker input {
        vertical-align: middle;
      }
    .bg_green {
      background-color: #d1ffca;
    }
    .bg_yellow {
      background-color: #fff7ca;
    }
    .bg_red {
      background-color: #ffcaca;
    }
    .bg_blue {
      background-color: #cae7ff;
    }
    .bg_purp {
      background-color: #F88FFF;
    }
    .bg_orange {
      background-color: #FF8E52;
    }
    .bg_white {
      background-color: #FFFFFF;
    }
	
    #channel {
      position: relative;
      padding: 0px 0 20px;
    }
      #channel-top {
        height: 52px;
		padding-bottom: 5px;
      }
        #channel-top .custom-select {
		  padding-left: 10px;
          display: inline;
          position: relative;
		  float: right;
        }

        #channel-top .custom-select-kanal {
		  padding-left: 10px;
          display: inline;
          position: relative;
		  float: right;
        }

            #channel-top .custom-select-menu {
              position: absolute;
              top: 20px;
              left: 0px;
              margin: 0;
              padding: 0;
              background: white;
              list-style-type: none;
              white-space: nowrap;
              border: 3px solid #22bae9;
              display: block;
              z-index: 100;
              padding: 5px;
            }
            #channel-top .custom-select-kanal-menu {
              position: absolute;
              top: 20px;
              left: 0px;
              margin: 0;
              padding: 0;
              background: white;
              list-style-type: none;
              white-space: nowrap;
              border: 3px solid #22bae9;
              display: block;
              z-index: 102;
              padding: 5px;
            }

            * html #channel-top .custom-select-menu {
              padding: 5px;
            }
            * html #channel-top .custom-select-kanal-menu {
              padding: 5px;
            }

              #channel-top .custom-select-menu li {
                cursor: pointer;
              }
              #channel-top .custom-select-kanal-menu li {
                cursor: pointer;
              }

              * html #channel-top .custom-select-menu li {
                padding: 5px 0;
              }
              * html #channel-top .custom-select-kanal-menu li {
                padding: 5px 0;
              }

              #channel-top .custom-select-menu a {
                display: block;
                text-decoration: none;
                cursor: pointer;
                padding: 5px;
              }
              #channel-top .custom-select-kanal-menu a {
                display: block;
                text-decoration: none;
                cursor: pointer;
                padding: 5px;
              }

              * html #channel-top .custom-select-menu a { 
                cursor: pointer;
                display: inline;
              }
              * html #channel-top .custom-select-kanal-menu a { 
                cursor: pointer;
                display: inline;
              }

              #channel-top .custom-select-menu a:hover {
                background: #22bae9;
                color: white;
              } 
              #channel-top .custom-select-kanal-menu a:hover {
                background: #22bae9;
                color: white;
              } 

            #channel-top .custom-select-marked {
              background: url('pix/select_arrow.gif') no-repeat right center;
              padding-right: 14px;
            }

            #channel-top .custom-select-kanal-marked {
              background: url('pix/select_arrow.gif') no-repeat right center;
              padding-right: 14px;
            }

        #channel-top img.channel-logo {
          display: block;
		  margin-top: 1px;
		  margin-bottom: 2px;
          margin-left: 110px;
        }
        #channel-top-text {
          position: absolute;
          top: 14px;
          left: 50px;
          font-size: 19px;
          font-weight: bold;
        }
      #channel-shows {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border: none;
        width: 100%;
        line-height: 16px;
      }
        .mainrow td {
          cursor: pointer;
        }
        .mainrow2 td {
          cursor: pointer;
          background: #ffffff;
        }
        #channel-shows td {
          border: 1px solid #dedede;
          padding: 4px 12px;
          font-size: 14px;
        }
        #channel-shows .info-row td {
          background: #cbf0fa;
        }
        #channel-shows .info-row2 td {
          background: #ffffff;
        }
        #channel-shows td.description span {
          font-size: 12px;
          font-style: italic;
        }
        #channel-shows td.first {
          background: #f4f4f4;
          width: 16px;
		  height: 53px;
          padding: 0;
          border-left: none;
        }
        #channel-shows td.year {
			font-size:18px;
			font-weight:bold;
        }        
        #channel-shows td.current {
          background: #d61c1c;
        }
        #channel-shows td.infos {
          height: 53px;
          width: 16px;
          background: #f4f4f4 url('pix/dropdown.gif') no-repeat 2px 23px;
        }
        #channel-shows td.time {
          font-size: 16px;
          font-weight: bold;
          text-align: center;
          vertical-align: middle;
          padding: 0;
          width: 90px;
        }
        #channel-shows td.type {
          text-align: center;
          width: 70px;
        }
        #channel-shows td.image {
          text-align: center;
          width: 70px;
        }

        #channel-shows td.type span {
          padding: 5px 10px;
          -webkit-border-radius: 6px; 
          -moz-border-radius: 6px;
		  width: 800px;
        } 
        #channel-shows td.image {
        }
          #channel-shows td.image img {
            display: block;
          }
      #time-top, #time-bottom {
        position: relative;
		top: 4px;
        left: 52px;
        display: block;
        width: 16px;
        height: 13px;
      }
        #time-top img, #time-bottom img {
          display: block;
        }
        #time-top {
          top: 54px;
        }
        #time-bottom {
          bottom: 4px;
        }
    
    #container {
      padding-top: 18px;
    }
      #container-left {
        float: left;
        width: 745px;
        margin-right: 22px;
      }
        #container-top {
          padding: 10px 0;
          border-bottom: 1px solid #eeeeee;
        }
        #container-top-text {
		  margin-left: 50px;
		  margin-bottom: 10px;
          top: 14px;
          font-size: 19px;

                    
        }
        #inner-left {
          float: left;
          width: 415px;
          margin-right: 25px;
          padding-top: 8px;
        }
          .borderpic {
            display: block;
            border: 1px solid #f1f1f1;
          }
          .graybox {
            padding: 5px 12px;
            background: #f1f1f1;
          }
            .graybox-bottom {
              border-top: 1px solid #ebebeb;
              text-align: right;
            }
          .more-images {
            text-align: center;
          }
            .more-images a {
              border: 1px solid #f1f1f1;
              display: block;
              height: 90px;
              width: 90px;
              float: left;
              margin: 5px 3px 0;
              position: relative;
              
            }
            * html .more-images a{
              margin:  5px -3px 0 6px;
            }
            .more-images .video-layer {
              position: absolute;
              top: 0;
              left: 0;
            }
            .more-images img {
              display: block;
            }
        #inner-right {
          float: left;
          padding-top: 8px;
          width: 275px;
          font-size: 12px;
        }
          .pages {
            text-align: center;
            padding: 0px 0 0px;
          }
          .comment-table {
            margin: 0;
            padding: 0;
            border-collapse: collapse;
            border: none;
            width: 100%;
          }
            .comment-table td {
              text-align: right;
              border: none;
              padding: 3px 5px;
              vertical-align: top;
            }
            .comment-table .textbox {
              width: 155px;
            }
            .comment-table textarea.textbox {
              height: 83px;
            }
      #container-right {
        float: right;
        width: 200px;
        text-align: center;
      }
        #container-right img {
          display: block;
		  width:200px;
          margin: 0 auto;
        }
/* vertical layout */

.wrap-wider {
	width: 1000px;
	margin: 0 auto;
}
	#vert_layout_left {
		float: left;
		width: 810px;
	}
		.vert_layout_prev {
			float: left;
			margin-top: 20px;
		}
		.vert_channels {
			float: left;
			width: 780px;
			margin: 0 3px;
			background: url('pix/vert_channels_bg.gif') repeat-y left top;
		}
			.vert_ch_col {
				float: left;
				width: 195px;
			}
				.ch_logo {
					border-bottom: 1px solid #f4f4f4;
				}
				.ch_logo select {
					width: 90px;
				}
				.vert_ch_col .show {
					float: none;
					background-image: none;
					height: auto;
					padding: 0px 0px 0px;
					margin: 3px 6px;
					border-width: 1px;
					border-style: solid;
					border-color: transparent;
					text-align: left;
					cursor: default;
				}
					.vert_ch_col .show table {
						cursor: pointer;
						border-collapse: collapse;
						width: 100%;
						margin: 0 9px;
					}
						.vert_ch_col .show table td {
							padding: 3px 0;
						}
				.vert_ch_col .fav {
					border: 2px solid #6acde2;
				}
					.vert_ch_col .fav_label {
						background: #6acde2;
						font-size: 10px;
						color: white;
						padding: 0 9px;
					}
				.vert_ch_col .show-active {
					background-color: #f1f1f1;
					border-color: #dcdada;
				}
					.vert_ch_col .show-info {
						margin: 0;
						background: none;
						padding: 0 9px 8px;
					}
						.vert_ch_col .show-info .links-box {
							text-align: right;
							margin-top: 15px;
							font-size: 10px;
						}
					.vert_ch_col .show-active .show-info {
						display: block;
					}
					#tooltip {
						display: none;
						background: #f1f1f1;
						border: 1px solid #dcdada;
						padding: 10px;
						z-index: 10001;
						position: absolute;
						width: 200px;
						text-align: left;
					}
					.vert_ch_col .show .floating-window {
						display: none;
					}
				.vert_ch_col .onair table {
					color: #dc3400;
				}
				.vert_channels .separator {
					clear: both;
					background: #f1f1f1;
					font-weight: bold;
					font-size: 12px;
					text-align: center;
					padding: 5px 0;
				}
		.vert_layout_next {
			float: left;
			margin-top: 20px;
		}
	#vert_layout_right {
		float: left;
	}
/* bottom-content */
  #bottom-content {
    padding-top: 18px;
  }
    #bottom-content-left {
      float: left;
      width: 442px;
      min-height: 10px;
      margin-right: 12px;
    }
    * html #bottom-content-left {
      height: 10px;
    }
      #bottom-content table {
        width: 100%;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
      }
        #bottom-content td {
          padding: 20px 12px 25px;
          background: #e8e8e8;
          width: 50%;
          vertical-align: top;
        }
        #bottom-content td.left {
          background: #f1f1f1;
        }
          #bottom-content h3 {
            padding-bottom: 5px;
          }
    
    #bottom-content-right {
      float: left;
      margin-right: -3px;
      width: 536px;
    }
      #bottom-content-right img {
        vertical-align: middle;
      }
    

/* TOPBOX */
  
  #popup, #arhiiv {
    position: relative;
    top: 40px;
    width: 385px;
    padding-bottom: 20px;
    left: 50%;
    margin-left: -192px;
    display: none;
    z-index: 2000;
    background: #f7f7f7 url('pix/bg_video.gif') repeat-x left bottom;
    text-align: left;
  }
      #popup .close, #arhiiv .close {
        position: absolute;
        font-size: 12px;
        top: 10px;
        right: 10px;
      }
      #popup-header {
        text-align: center;
        font-size: 13px;
        position: absolute;
        width: 100%;
        top: 25px;
        left: 0;
      }
      #popup-header {
        top: 20px;
      }

      #popup-content {
        margin-top: 55px;
      }
      #topbox-blue-inner, .topbox-bluebox-inner {
        padding: 13px 16px;
        min-height: 40px;
      }
      * html #topbox-blue-inner {
        height: 90px;
      }
      * html .topbox-bluebox-inner {
        height: 90px;
      }

      #popup table, #arhiiv table {
        width: 100%;
        border-collapse: collapse;
        border: none;
        margin: 0;
        padding: 0;
      }
          #popup table td, #arhiiv table td {
            padding: 6px 0;
            vertical-align: middle;
          }
          #popup table td.first {
            text-align: right;
            padding-right: 10px;
          }
          #popup .textbox {
            padding-top: 6px;
            padding-bottom: 6px;
            border: 1px solid #76b5cc;
            width: 167px;
            
          }
          #popup .submit, #arhiiv .submit {
            margin: 0;
            padding: 7px 10px 10px;
            color: #343434;
            background: white;
            border: 1px solid #a1afb5;
            font: normal 12px/14px Tahoma, Arial, Helvetica, sans-serif;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -webkit-box-shadow: 1px 1px 1px #c0c0c0;
          }


/* END POPUP */

/* footer */
  
  #footer {
    padding: 18px 0 30px;
  }
    #footer .wrap {
      background: #f1f1f1;
      position: relative;
    }
      #footer-inner {
        padding: 5px 120px 5px 12px;
      }
      
      #fraktal {
        position: absolute;
        right: 15px;
        top: 5px;
      }
        #fraktal img {
          display: block;
        }
      
      #footer a {
        color: #2f3d40;
        text-decoration: none;
      }
      #footer a:hover {
        text-decoration: underline;
      }  
      #footer a.bluelink {
        color: #3dc2ec;
      }

/* Gallery */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: 12px/20px Arial, Verdana, sans-serif;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #FAFAFA;
padding: 5px;
z-index: 5;
}


.dhtmlwindow{
position: absolute;
border: 2px solid black;
visibility: hidden;
background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color: #000;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: white;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}