/*== Main Style START ==*/
/* basic settings */
body{padding:0px; font:1.0em verdana,arial,sans-serif;background:#63B8FF;}
/*== Marcel ==*/

div#item{font-size: 1.5em; font-weight: bold; color: #393F44;}

div#banner{
    width: 1000px;
    height: 380px;
    position:relative;
    margin-top: 10px;
    background-image:url("../images/banner_sk.png");
    border-radius: 10px;
}
.info_page_header {max-width: 1000px; display: block; word-wrap: break-word;}
.info_page_header h2{text-align: center; color: #393F44;}
.info_page_header p{text-align: center; color: #393F44; font-size: 1.1em;}

a.index_link{color: #3B5999; text-decoration: none;}
a.index_link:hover {color: black; text-decoration: underline;}

#first_column_index .index_link img{
	visibility: hidden;
	opacity: 0;
	width: 996px;
    height: 376px;
    position:absolute;
    top: -390px;
    right: 0px;
    bottom: 0px;
    left: -10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: white;   
  	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
	}

#second_column_index .index_link img{
	visibility: hidden;
	opacity: 0;
	width: 998px;
    height: 378px;
    position:absolute;
    top: -390px;
    right: 0px;
    bottom: 0px;
    left: -260px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: white;   
  	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
	}

#third_column_index .index_link img{
	visibility: hidden;
	opacity: 0;
	width: 998px;
    height: 378px;
    position:absolute;
    top: -390px;
    right: 0px;
    bottom: 0px;
    left: -510px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: white;   
  	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
	}

#fourth_column_index .index_link img{
	visibility: hidden;
	opacity: 0;
	width: 998px;
    height: 378px;
    position:absolute;
    top: -390px;
    right: 0px;
    bottom: 0px;
    left: -760px;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: white;   
  	transition: visibility 0s linear 0.2s, opacity 0.2s linear;
	}
#first_column_index:hover {background: white;}
#first_column_index .index_link:hover img {
	visibility: visible;
	opacity: 1;
	transition-delay:0s;
	}

#second_column_index:hover {background: white;}
#second_column_index .index_link:hover img {
	visibility: visible;
	opacity: 1;
	transition-delay:0s;
	}

#third_column_index:hover {background: white;}
#third_column_index .index_link:hover img {
	visibility: visible;
	opacity: 1;
	transition-delay:0s;
	}

#fourth_column_index:hover {background: white;}
#fourth_column_index .index_link:hover img {
	visibility: visible;
	opacity: 1;
	transition-delay:0s;
	}

div#all2{margin-top:20px; height: 1020px;width:1000px;margin-left:auto;margin-right:auto;}
div#header a#home2{position:relative;left:220px;top:20px;font-size:1.0em;font-weight:bold;color:black;}
div#header a#reg{position:relative;left:620px;top:20px;font-size:1.0em;font-weight:bold;color:black;}
p#registration{margin-left: -15px;}

div#body_index{font-size:0.8em;color:black;text-decoration:none;}
div#first_column_index{height: 420px; width: 230px; position: relative;float: left; margin: 10px 10px 10px 10px; border-radius: 10px; 
background: -prefix-linear-gradient(left, #63B8FF, white, #63B8FF); background: linear-gradient(to right, #63B8FF, white, #63B8FF);}
div#second_column_index{height: 420px; width: 230px; position: relative;float: left; margin: 10px 10px 10px 10px; border-radius: 10px; 
background: -prefix-linear-gradient(left, #63B8FF, white, #63B8FF); background: linear-gradient(to right, #63B8FF, white, #63B8FF);}
div#third_column_index{height: 420px; width: 230px; position: relative;float: left; margin: 10px 10px 10px 10px; border-radius: 10px; 
background: -prefix-linear-gradient(left, #63B8FF, white, #63B8FF); background: linear-gradient(to right, #63B8FF, white, #63B8FF);}
div#fourth_column_index{height: 420px; width: 230px; position: relative;float: left; margin: 10px 10px 10px 10px; border-radius: 10px; 
background: -prefix-linear-gradient(left, #63B8FF, white, #63B8FF); background: linear-gradient(to right, #63B8FF, white, #63B8FF);}

.column_header{text-align: center;}


a.fancybox img {
        border: none;
        box-shadow: 0 1px 7px rgba(0,0,0,0.6);
        -o-transform: scale(1,1); -ms-transform: scale(1,1); -moz-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1); 
        -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; 
        -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
} 
a.fancybox:hover img {
        position: relative; z-index: 999; -o-transform: scale(1.03,1.03); -ms-transform: scale(1.03,1.03); -moz-transform: scale(1.03,1.03); 
        -webkit-transform: scale(1.03,1.03); transform: scale(1.03,1.03);
}

#left_column_info {width: 480px; position: relative;float: left; margin: 10px 10px 10px 10px; 
  background-color: transparent; border-radius: 0px; display: block; word-wrap: break-word;}
#right_column_info {width: 480px; position: relative;float: right; margin: 10px 10px 10px 10px; 
  background-color: transparent; border-radius: 0px; display: block; word-wrap: break-word;}

#left_column_info img {height: 268px; width: 476px; position:relative; margin-top: 20px; border-style: solid; border-width: 2px; border-color: white; border-radius: 10px;}

#right_column_info #info_text {height: 275px; width: 476px; position:relative; margin-top: 20px; 
  background: -prefix-linear-gradient(top, #63B8FF, white, #63B8FF); background: linear-gradient(to bottom, #63B8FF, white, #63B8FF); border-radius: 10px;}
#right_column_info #info_text:hover {background: white}


/*== Marcel ==*/
div#pas{position:absolute;top:20px;left:0;right:0;background:url("../images/bannerbg.png");color:#e4e4e4;height:120px;}
div#pas #odh{position:absolute;right:20px;top:0px;}
div#pas a#odh:hover{position:absolute;right:20px;top:0px;}


div#all{margin-top:20px;width:1000px;margin-left:auto;margin-right:auto;background:#63B8FF url() no-repeat bottom right;}
ul.links{margin-left:-20px;_margin-left:20px;line-height:25px}
/*h3{color:#fff}*/
/* header */
div#header{background:url(../images/bannerbg.png);color:#e4e4e4;height:120px;}   
div#header a{text-decoration:none;height:56px;font-size:8pt;font-weight:bold;color:black;}

div#header a#home{position:relative;left:20px;top:20px;font-size:8pt;font-weight:bold;color:black;}  
div#header a#zoz{position:relative;left:120px;top:20px;font-size:8pt;font-weight:bold;color:black;}
div#header a#obj{position:relative;left:220px;top:20px;font-size:8pt;font-weight:bold;color:black;}  
div#header a#stat{position:relative;left:320px;top:20px;font-size:8pt;font-weight:bold;color:black;}
div#header a#exp{position:relative;left:430px;top:20px;font-size:8pt;font-weight:bold;color:black;}

div#header li{list-style-type:none;float:left;}
div#header p{text-align:center}
div#header p:hover{text-align:center;background:#0066cc;}

div#header a h2{font-size:1.0em;color:#fff;text-decoration:none;}
div#header a,a:hover{color:#e4e4e4;text-decoration:none}
/* body ;background:#0066cc*/
div#body a{font-size:1em;color:black;text-decoration:none;}
div#body a:hover{font-size:1em;color:black;text-decoration:none;}

.hovertable tr:hover { background: #0066cc;cursor:pointer;text-align:center;font-size:12px;font-weight:bold; }
.hovertable  {text-align:center;font-size:12px;font-weight:bold;}

.deftable {text-align:left;font-size:12px;font-weight:bold;}

#centerDiv{
width:500px;
border-radius: 5px;
padding:10px;
height:auto;
position:relative;
margin-top: 100px;
margin-left:-200px;
top:50%;
left:50%;
display: table; 
}

#centerleft{position:relative;left:0px;top:5px;}
#centerright{position:relative;right:-535px;top:5px;} 

.hovertable th {font-size:16px;font-weight:bold;}

.tablehide {font-size:12px;font-weight:bold;}

.button {font-size:12px;font-weight:bold;}


/* menu */
/* div#menu{font: 1em Arial;margin:5px 0 0 4px;text-align:right;background:#3B5999;} */
/* div#menu a{color:#fff;background: url(images/logout.jpg) no-repeat;padding:2px 10px 2px 25px;text-decoration:none;border-bottom:none}  */
/* div#menu a:hover{background: url(images/menu_hover.gif) no-repeat;padding:2px 10px 2px 25px;text-decoration:none;border-bottom:none} */
/* comments */
div.comment{padding:3px;text-align:right;}
p.pages{text-align:center}
p.pages a{border-bottom:0px !important}
/* table */
div.table{padding:3px;text-align:right;}
p.pages{text-align:center}
p.pages a{border-bottom:0px !important}
.tablemala  {font-size:1em; }

/* columns */
div.columns{color:black;font-size:12px;font-weight:bold;margin:5px 0 25px 0px;padding:0 15px}
h1  { font-size:16px;font-weight:bold;}
div.left_column{float:right;width:150px;margin-top:15px;border-left:2px solid white;padding-bottom:50px;padding-left:20px}
/*div.left_column li{list-style-type:none;float:left;} */
/*div.left_column p{text-align:center;font-size:8pt;font-weight:bold} */     
/*div.left_column p:hover{text-align:center;background:green;font-size:8pt;font-weight:bold} */

div.main_column{margin-right:200px;}


.icon li{list-style-type:none;float:left;text-align:center;} 
.icon p{text-align:center;font-size:8pt;font-weight:bold} 
.icon p:hover{text-align:center;background:#0066cc;font-size:8pt;font-weight:bold}

/*div.main_column li{list-style-type:none;float:left;} */
/*div.main_column p{text-align:center;font-size:8pt;font-weight:bold} */
/*div.main_column p:hover{text-align:center;background:green;font-size:8pt;font-weight:bold}*/
   /* 3 columns */
div.center_column{margin:0 200px;}
div.right_column{float:left;width:150px;margin-top:15px;padding-bottom:50px;padding-right:20px}



/* form */
input{margin-bottom:10px;padding:2px 5px;background:transparent;color:black}
/* footer */
div#footer{color:black;font-size:0.8em;padding:30px 5px 20px 5px;text-align:center;clear:both}
div#footer a{color:#a4a4a4;text-decoration:none}
div#footer a:hover{color:#848484;text-decoration:none}
div#footer a.rss{padding-left:20px;background: url(images/rss.gif) no-repeat }


/*== Main Style END ==*/






.shake.shake-constant.shake-little { -webkit-animation-name: shake-little; -ms-animation-name: shake-little; animation-name: shake-little; -webkit-animation-duration: 1s; -ms-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
.shake.shake-constant.hover-stop:hover { -webkit-animation-play-state: paused; -ms-animation-play-state: paused; animation-play-state: paused; }

@-webkit-keyframes shake-little { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
2% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
4% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
6% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
8% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
10% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
12% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
14% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
18% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
20% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
22% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
24% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
26% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
28% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
30% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
34% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
36% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
38% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
40% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
42% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
46% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
48% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
50% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
52% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
54% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
56% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
58% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
60% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
62% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
64% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
68% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
70% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
72% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
74% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
76% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
78% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
80% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
82% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
84% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
86% { -webkit-transform: translate(0px, 0px) rotate(-0.5deg); }
88% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
90% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
92% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); }
94% { -webkit-transform: translate(0px, -1px) rotate(-0.5deg); }
96% { -webkit-transform: translate(-1px, 0px) rotate(-0.5deg); }
98% { -webkit-transform: translate(-1px, -1px) rotate(-0.5deg); } }
@-ms-keyframes shake-little { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); }
2% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
4% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
6% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
8% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
10% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
12% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
14% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
16% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
18% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
20% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
22% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
24% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
26% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
28% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
30% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
32% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
34% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
36% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
38% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
40% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
42% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
44% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
46% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
48% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
50% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
52% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
54% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
56% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
58% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
60% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
62% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
64% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
66% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
68% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
70% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
72% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
74% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
76% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
78% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
80% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
82% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
84% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
86% { -ms-transform: translate(-1px, 0px) rotate(-0.5deg); }
88% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
90% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); }
92% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
94% { -ms-transform: translate(-1px, -1px) rotate(-0.5deg); }
96% { -ms-transform: translate(0px, -1px) rotate(-0.5deg); }
98% { -ms-transform: translate(0px, 0px) rotate(-0.5deg); } }
@keyframes shake-little { 0% { transform: translate(0px, 0px) rotate(0deg); }
2% { transform: translate(0px, 0px) rotate(-0.5deg); }
4% { transform: translate(-1px, 0px) rotate(-0.5deg); }
6% { transform: translate(0px, -1px) rotate(-0.5deg); }
8% { transform: translate(0px, 0px) rotate(-0.5deg); }
10% { transform: translate(-1px, 0px) rotate(-0.5deg); }
12% { transform: translate(-1px, 0px) rotate(-0.5deg); }
14% { transform: translate(0px, 0px) rotate(-0.5deg); }
16% { transform: translate(0px, 0px) rotate(-0.5deg); }
18% { transform: translate(0px, -1px) rotate(-0.5deg); }
20% { transform: translate(0px, 0px) rotate(-0.5deg); }
22% { transform: translate(-1px, 0px) rotate(-0.5deg); }
24% { transform: translate(0px, 0px) rotate(-0.5deg); }
26% { transform: translate(-1px, -1px) rotate(-0.5deg); }
28% { transform: translate(-1px, -1px) rotate(-0.5deg); }
30% { transform: translate(0px, 0px) rotate(-0.5deg); }
32% { transform: translate(-1px, 0px) rotate(-0.5deg); }
34% { transform: translate(0px, -1px) rotate(-0.5deg); }
36% { transform: translate(0px, -1px) rotate(-0.5deg); }
38% { transform: translate(-1px, -1px) rotate(-0.5deg); }
40% { transform: translate(-1px, -1px) rotate(-0.5deg); }
42% { transform: translate(-1px, 0px) rotate(-0.5deg); }
44% { transform: translate(-1px, 0px) rotate(-0.5deg); }
46% { transform: translate(0px, -1px) rotate(-0.5deg); }
48% { transform: translate(0px, 0px) rotate(-0.5deg); }
50% { transform: translate(-1px, -1px) rotate(-0.5deg); }
52% { transform: translate(0px, 0px) rotate(-0.5deg); }
54% { transform: translate(0px, 0px) rotate(-0.5deg); }
56% { transform: translate(-1px, -1px) rotate(-0.5deg); }
58% { transform: translate(-1px, -1px) rotate(-0.5deg); }
60% { transform: translate(-1px, -1px) rotate(-0.5deg); }
62% { transform: translate(-1px, -1px) rotate(-0.5deg); }
64% { transform: translate(-1px, 0px) rotate(-0.5deg); }
66% { transform: translate(0px, -1px) rotate(-0.5deg); }
68% { transform: translate(0px, -1px) rotate(-0.5deg); }
70% { transform: translate(0px, -1px) rotate(-0.5deg); }
72% { transform: translate(-1px, 0px) rotate(-0.5deg); }
74% { transform: translate(0px, -1px) rotate(-0.5deg); }
76% { transform: translate(0px, 0px) rotate(-0.5deg); }
78% { transform: translate(-1px, -1px) rotate(-0.5deg); }
80% { transform: translate(-1px, 0px) rotate(-0.5deg); }
82% { transform: translate(0px, -1px) rotate(-0.5deg); }
84% { transform: translate(0px, 0px) rotate(-0.5deg); }
86% { transform: translate(0px, 0px) rotate(-0.5deg); }
88% { transform: translate(0px, 0px) rotate(-0.5deg); }
90% { transform: translate(-1px, 0px) rotate(-0.5deg); }
92% { transform: translate(0px, 0px) rotate(-0.5deg); }
94% { transform: translate(0px, -1px) rotate(-0.5deg); }
96% { transform: translate(0px, 0px) rotate(-0.5deg); }
98% { transform: translate(0px, 0px) rotate(-0.5deg); } }


#fancybox-loading {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
  overflow: hidden;
  z-index: 1104;
  display: none;
}

#fancybox-loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
  background-image: url('../images/fancybox.png');
}

#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1100;
  display: none;
}

#fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  overflow: auto;
  display: none;
}

#fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  padding: 20px;
  z-index: 1101;
  outline: none;
  display: none;
}

#fancybox-outer {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
}

#fancybox-content {
  width: 0;
  height: 0;
  padding: 0;
  outline: none;
  position: relative;
  overflow: hidden;
  z-index: 1102;
  border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 1101;
}

#fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background: transparent url('../images/fancybox.png') -40px 0px;
  cursor: pointer;
  z-index: 1103;
  display: none;
}

#fancybox-error {
  color: #444;
  font: normal 12px/20px Arial;
  padding: 14px;
  margin: 0;
}

#fancybox-img {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  line-height: 0;
  vertical-align: top;
}

#fancybox-frame {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

#fancybox-left, #fancybox-right {
  position: absolute;
  bottom: 0px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  outline: none;
  background: transparent url('../images/blank.gif');
  z-index: 1102;
  display: none;
}

#fancybox-left {
  left: 0px;
}

#fancybox-right {
  right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
  position: absolute;
  top: 50%;
  left: -9999px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  cursor: pointer;
  z-index: 1102;
  display: block;
}

#fancybox-left-ico {
  background-image: url('../images/fancybox.png');
  background-position: -40px -30px;
}

#fancybox-right-ico {
  background-image: url('../images/fancybox.png');
  background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
  visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
  left: 20px;
}

#fancybox-right:hover span {
  left: auto;
  right: 20px;
}

.fancybox-bg {
  position: absolute;
  padding: 0;
  margin: 0;
  border: 0;
  width: 20px;
  height: 20px;
  z-index: 1001;
}

#fancybox-bg-n {
  top: -20px;
  left: 0;
  width: 100%;
  background-image: url('../images/fancybox-x.png');
}

#fancybox-bg-ne {
  top: -20px;
  right: -20px;
  background-image: url('../images/fancybox.png');
  background-position: -40px -162px;
}

#fancybox-bg-e {
  top: 0;
  right: -20px;
  height: 100%;
  background-image: url('../images/fancybox-y.png');
  background-position: -20px 0px;
}

#fancybox-bg-se {
  bottom: -20px;
  right: -20px;
  background-image: url('../images/fancybox.png');
  background-position: -40px -182px; 
}

#fancybox-bg-s {
  bottom: -20px;
  left: 0;
  width: 100%;
  background-image: url('../images/fancybox-x.png');
  background-position: 0px -20px;
}

#fancybox-bg-sw {
  bottom: -20px;
  left: -20px;
  background-image: url('../images/fancybox.png');
  background-position: -40px -142px;
}

#fancybox-bg-w {
  top: 0;
  left: -20px;
  height: 100%;
  background-image: url('../images/fancybox-y.png');
}

#fancybox-bg-nw {
  top: -20px;
  left: -20px;
  background-image: url('../images/fancybox.png');
  background-position: -40px -122px;
}

#fancybox-title {
  font-family: Helvetica;
  font-size: 12px;
  z-index: 1102;
}

.fancybox-title-inside {
  padding-bottom: 10px;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
}

.fancybox-title-outside {
  padding-top: 10px;
  color: #fff;
}

.fancybox-title-over {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #FFF;
  text-align: left;
}

#fancybox-title-over {
  padding: 10px;
  background-image: url('../images/fancy_title_over.png');
  display: block;
}

.fancybox-title-float {
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 32px;
}

#fancybox-title-float-wrap {
  border: none;
  border-collapse: collapse;
  width: auto;
}

#fancybox-title-float-wrap td {
  border: none;
  white-space: nowrap;
}

#fancybox-title-float-left {
  padding: 0 0 0 15px;
  background: url('../images/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
  color: #FFF;
  line-height: 29px;
  font-weight: bold;
  padding: 0 0 3px 0;
  background: url('../images/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
  padding: 0 0 0 15px;
  background: url('../images/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right {background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
  height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
  position: absolute; margin-top: 0;
  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div  { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fancy_shadow_nw.png', sizingMethod='scale'); }