/** @version: $Id: main.css,v 1.44 2007/09/26 15:44:25 aquist Exp $ **/
/* =======================================================================
                              G L O B A L                                 
======================================================================= */

*, html, body {margin:0px; padding:0px;}
body {color: #003989; font: 12px Tahoma; text-align: center; background: #f9fdfe url(../img/bg.jpg) repeat-x; position: relative; }

html {height: 100%;}
body {min-height:100%; height: 100%;}


h1 {font: 26px Tahoma; color: #e2006e; font-weight: normal; padding-bottom: 17px;  }

h2 {font: 13px Tahoma; color: #6abbe6; font-weight: normal; padding-bottom: 9px; text-transform: uppercase;}

h3 {font-weight: bold; font-size: 13px; color: #003989; padding: 0 0 7px 0; }
h3.uppercase {padding-bottom: 4px; text-transform: uppercase;} 
h4 {font-weight: bold; font-size: 12px; color: #ff6e06; padding: 0 0 5px 0; }
h4 a {color: #ff6e06; text-decoration: none; }
h4 a:hover {text-decoration: underline !important;}

.h-img span {display: none; }

a {color: #ff7932; text-decoration: underline; }
a:hover {text-decoration: none !important; }

img {border:0; }

table {border-collapse: collapse; }

p {padding: 0 0 10px 0;}
.clear {clear: both; }

ul {list-style-type: none; }

input.itext {border: 1px solid #b3b9c3; font: 10px Tahoma; color: #828282; background: #fff; width: 112px; height: 12px; padding: 2px 0 2px 3px;}
html>/**/body input.itext {width: 117px; height: 18px; padding: 0; }
body:not([dummy]) input.itext {width: 112px; height: 12px; padding: 2px 0 2px 3px;}
@media all and (min-width:0px) {
head~body input.itext {width: 112px; height: 12px; padding: 2px 0 2px 3px;}
}

/*#h-bg {position: absolute; z-index: 0; top: 0px; left: 0; width: 100%; height: 358px; background: url(../img/h-bg.jpg) center top no-repeat; }*/
#h-bg {border-bottom: 0px solid #f9fdfe; background: url(../img/h-bg.jpg) center top no-repeat; }

#main {border-bottom: 0px solid green; width: 988px; padding-left: 13px; margin: 0 auto; text-align: left; position: relative; } 

/* header */
#header {height: 186px; position: relative;}
#htop {
	z-index:1001;
	position: absolute; top: 3px; left: -19px;
}
.h1_block {float: left; width: 275px; height: 25px; padding: 17px 0 0 24px; margin-top: 144px; background: url(../img/h1-bg_white.jpg) no-repeat; /*position: relative; top: 144px; left: 0; z-index: 1;*/ }
.h1-block-index {float: left; width: 293px; height: 40px; padding: 2px 0 0 6px; margin-top: 144px; background: url(../img/h1-bg_white.jpg) no-repeat; /*position: relative; top: 144px; left: 0; z-index: 1;*/ }
.blue {background: url(../img/h1-bg_blue.jpg) no-repeat; }

#menu {border: 0px solid #fff; float: left; position: absolute; left: 222px; top: 144px; z-index:90;}
#menu ul {float: left}
#menu ul li {float: left; background: url(../img/palka.gif) left 13px no-repeat; padding: 0 15px 0 16px; }
#menu ul li.first {padding-left: 120px; background: none; } 
#menu ul li img {float: left; }
#menu a, #menu span {float: left; padding: 13px 0 10px 0; }
#menu .menu1_over {background: url(../img/bg_menu1.gif) no-repeat center bottom; }
#menu .menu2_over {background: url(../img/bg_menu2.gif) no-repeat center bottom; }
#menu .menu3_over {background: url(../img/bg_menu3.gif) no-repeat center bottom; }
#menu .menu4_over {background: url(../img/bg_menu4.gif) no-repeat center bottom; }

#gauloises {position: absolute; z-index: 10; left: 757px; top: 0; color: #2f2f2f; font-size: 11px; }
#login {width: 212px; height: 28px; padding: 6px 0 0 13px; background: url(../img/bg-login.gif) no-repeat; }
#login div {float: left}
#login div.d1 {width: 117px; }
/*#login div.user {width: 87px; height: 20px; padding: 3px 0 0 30px; background: url(../img/login_my_account.gif) 0px 0 no-repeat;}*/
#login div.d2 {padding-left: 13px; background: url(../img/palka2.gif) 0px 5px no-repeat;}
#logo {width: 225px; height: 65px; background: url(../img/bg-logo.gif) right bottom no-repeat; }


.login_form {width: 181px; height: 105px; padding: 46px 18px 0 22px; background: url(../img/bg-login_form.png) 0 bottom no-repeat; position: absolute; left: -48px; top: 29px; z-index: 1100 !important;}
.login_form a {position: relative; }

.login_form_inner {float: left; width: 181px;  background: #e2f7ff;}

form#f_login {float: left;  }

.login_form input.itext {float: left; margin-bottom: 8px; width: 176px;}
html>/**/body .login_form  input.itext {width: 181px; }
body:not([dummy]) .login_form  input.itext {width: 176px; }
@media all and (min-width:0px) {
head~body .login_form input.itext {width: 176px; }
} 
.login_form input.btn {float: right; margin-top: 3px; width: 79px; height: 19px; }

.login_form span {float: left; width: 100px; text-align: left; padding-top: 4px; }
.login_form span a {color: #2c5895; position: relative; z-index: 1200 !impotant; }
a.account_link {font-weight: bold; }

#tendence_link{
position:absolute;
top:122px;
left:905px;
width: 86px;
height:68px;}
/* styles for main page */
#icontent {border-bottom: 0px solid red; width: 969px; position: relative; background: url(../img/bg-icontent.gif) 6px 0 repeat-y; z-index:1; }
#icontent_rcorner#icontent_rcorner {position: absolute; left: 961px; top: 0;}

#icontent .icontent-inner {border: 0px solid green; width: 969px; height:212px;  
padding: 20px 0 0px 15px; margin-left: 0px; margin-top:0px; background: url(../img/index/block.jpg) top left no-repeat;  }


html>body #icontent .icontent-inner {min-height: 212px	; height: auto !important; }
#login_form{width: 254px; position: absolute; left: 30px; top: 100px;border: 0px solid red; }
#login_form1{position: absolute; left: 40px; top: 165px;border: 0px solid red; z-index:99 }
#login_form .input, #login_form1 .input { background:#FFFFFF; height:16px; width:126px; border:1px solid #b9d2da; cursor:text; font-size:12px;}
#login_form .button, #login_form1 .button{ background: url(../img/index/button.gif) no-repeat; height:57px; width:152px; border:0px solid #b9d2da; cursor:pointer}
#login_form td, #login_form1 td{ padding:2px;}

#tvoi_fest{width: 454px; height: 205px; position: absolute; left: 305px; top: 8px;border: 0px solid red;  }
#tvoi_fest_text{width: 430px; height: 145px; position: absolute; left: 8px; top: 50px; border: 0px solid red; overflow:auto; font-weight:bold;  color:#2f6c91;
font-size:11px; line-height:13px;
scrollbar-track-color: #0066bb; 
scrollbar-face-color: #0296d4; 
scrollbar-highlight-color: #0296d4; 
scrollbar-darkshadow-color: #0296d4; 
scrollbar-shadow-color: #0296d4; 
scrollbar-3dlight-color: #0296d4; 
scrollbar-arrow-color: #fff; 
scrollbar-base-color: #fff; 
}
#igrat{
	width: 130px; height: 30px; position: absolute; left:660px; top: 185px;border: 0px solid red; 
}
#sziget{
	width: 150px; height: 180px; position: absolute; left: 795px; top: 24px;border: 0px solid red; 
}
.icontent_top {height: 8px; background: url(../img/bg-icontent_top.gif) top no-repeat; border:0px solid red; padding:0px; margin:0px;}
.icontent_bottom {height: 12px; background:url(../img/bg-icontent_bottom.png) bottom no-repeat;border: 0px solid red; }

#link-tendence2007 {border: 0px solid red; position: absolute; left: 908px; top: -42px; z-index: 999; display: none;}
a#link-tendence2007 img {width: 86px; height: 68px; }

#panorama {border: 0px solid red; height: 203px; background: url(../img/panorama.jpg) center 0 no-repeat; }
#panorama .panorama-inner {border: 0px solid red;width: 988px; padding-left: 13px; margin: 0 auto; text-align: left; position: relative; }

#avatar {width: 304px; height: 205px; position: absolute; left: -45px; top: 22px;border: 0px solid red; background:url(../img/index/avatar.jpg) center no-repeat; padding-left:2px;}
#avatar-text {text-align:center; padding:0px;color:#ff7932; font-weight:bold; margin-bottom:8px;}
#avatar-text a{color:#2c5895;font-size:14px;}

a.share_your_freedom {border: 0px solid red; position: absolute; left: 180px; top: 144px; display: block; width: 137px; height: 37px;  }

#share_your_freedom2 {width: 297px; height: 242px; position: relative; z-index: 10; margin: 10px 0 0 0px; }
#share_your_freedom2 .bg {width: 297px; height: 242px; background: url(../img/share_your_freedom2.png) 0 0 no-repeat; position: relative; left: 20px;}
a.share_your_freedom2 {position: absolute; z-index: 999; left: 144px; top: 152px; display: block; width: 137px; height: 37px;  }

#free_star {width: 308px; height: 199px; position: absolute; left: 394px; top:454px; z-index:1005}
#yellow {width: 308px; height: 179px; position: absolute; left: 314px; top:419px; z-index:1004}

#women {position: absolute; left: -97px; top: 3px; z-index:1050; width:1px; height:1px; overflow:hidden;}
#vir_shot_men {position:absolute; left:225px; top:217px; z-index:1010; width:80px; height:220px; overflow:hidden;}
#vir_shot_div {position:absolute; left:-56px; top:0px; z-index:1005; width:1px; height:1px; overflow:hidden;}

#klac {position: absolute; left: 100px; top: 57px; z-index: 99; border: 0px solid; z-index:1005}
#klac1 {position: absolute; left: 210px; top: 67px; z-index: 99;  border: 0px solid;}


#liberte {width: 289px; height: 208px; position: absolute; left: 674px; top: 0px; background: url(../img/liberte.png) no-repeat;}
#liberte #flag {position: absolute; left: 166px; top: 75px}
a.liberte {border: 0px solid red; position: absolute; z-index: 999; left: 720px; top: 147px; display: block; width: 100px; height: 28px; }

#liberte2 {width: 310px; height: 172px; position: relative; z-index: 10; margin: 15px 0 0 0px; }
#liberte2 .bg {width: 265px; height: 172px; background: url(../img/liberte2.png) 0 0 no-repeat; }
a.liberte2 {border: 0px solid red; position: absolute; z-index: 999; left: 75px; top: 125px; display: block; width: 110px; height: 27px;  }
#liberte2 #flag2 {position: absolute; left: 179px; top: 14px;}

#i-footer {background: url(../img/i-bg_footer.jpg) repeat-x; padding-top: 25px; }
.i-footer-inner {border: 0px solid red; width: 988px; height: 400px; padding-left: 13px; margin: 0 auto; text-align: left; background: url(../img/i-bg_footer-inner.jpg) 13px 0 no-repeat; }
html>body .i-footer-inner {min-height: 400px; height: auto !important;} 
.copylinks {float: left; font-size: 10px; line-height: 14px; width: 318px; padding: 15px 0 19px 0; }
#i-footer .copylinks {float: left; margin: 15px 0 0 17px; padding: 19px 0; background: url(../img/bg-footer.gif) repeat-x left top; }
.copylinks a {color: #717171; }
.copylinks .copyright {color: #ACACAC; }
.copylinks .copyright a {color: #ff7932; }

.phs_warns {float: left; width: 844px; height: 63px; background: url(../img/phs_warns.gif) no-repeat; margin: 20px 0 0 0; }
#i-footer .phs_warns {margin: 20px 0 0 17px;}
.phs_warns span {display: none; font-size: 20px; color: #ff860e; }

.prizes {height: 330px; position: relative; border:0px solid red; }
.prizes img {position: absolute; }
img#prize1 {left: 30px; top: 12px}
img#prize2 {left: 283px; top: 5px}
img#prize3 {left: 754px; top: 35px}
img#prize4 {left: 834px; top: 135px}
img#prize5 {left: 647px; top: 150px}
img#prize6 {left: 624px; top: 125px}
img#prize7 {left: 724px; top: 245px}
img#prize8 {left: 564px; top: 225px}
img#prize9 {left: 334px; top: 135px}
img#prize10 {left: 624px; top: 265px}
     img#win1 {left: 30px; top: 130px}
     img#win2 {left: 130px; top: 110px}
     img#win3 {left: 230px; top: 80px}
     img#win4 {left: 315px; top: 65px}
     img#win5 {left: 400px; top: 50px}
     img#win6 {left: 490px; top: 40px}
     img#win7 {left: 585px; top: 20px}
     img#win8 {left: 680px; top: 15px}
     img#win9 {left: 775px; top: 8px}
     img#win10 {left: 870px; top: 6px}
     img#win11 {left: 200px; top: 185px}
     img#win12 {left: 370px; top: 170px}
     img#win13 {left: 520px; top: 150px}
     img#win14 {left: 680px; top: 130px}
     img#win15 {left: 830px; top: 115px}
     img#intro {left: 10px; top: 10px}
     img#outro {right: 20px; bottom: 0px}
     
     #winners_back_avatars {
      background-image:url('../img/szigetwinners/avatars/back.jpg');
      background-repeat:no-repeat;
      margin-left: 20px;
      margin-top: 0px;
      padding-top: 280px;
      padding-left: 420px;
      padding-right: 40px;
      padding-bottom: 20px;
      text-align: right;
      }
      
      a#winners_front_textlink {
      color: #2F6C91;
      text-decoration: none;
      font-size: 20px;
      font-weight: 500;
      line-height: 110%;
      }
      
#contest {position: absolute;width: 280px; padding: 10px; margin: 10px 0px 0 450px; border: 0px solid red; }
#contest b{color:#ff7932}
a.rules { display: block; width: 170px; height: 20px; position: absolute; top: 20px; left: 700px}
a.rules span {display: none; }


/* styles for inside page */

#inner {border: 0px solid red; width: 969px; position: relative; }
#left-block {height: 710px; float: left; width: 632px; padding: 11px 6px 20px 6px; background: #fff url(../img/bg-footer.gif) 0 bottom repeat-x; position: relative; z-index: 1;border: 0px solid red; /*overflow:hidden */}
html>body #left-block {min-height: 710px; height: auto !important; }
img#corner-left_block {position: absolute; top: 0; left: 635px}

#right-block {height: 695px; float: left; width: 325px; background: #f9fdfe url(../img/bg-right_block.jpg) repeat-x; position: relative;border: 0px solid red; }
html>body {min-height: 695px; height: auto !important; }

img#corner-right_block {position: absolute; top: 0; left: 317px}
img#circles {position: absolute; left: 50px; top: 2px; width: 267px; height: 261px; }
img#go_to_home {position: relative; width: 267px; height: 71px; margin: 15px 0 0 36px}

#footer {float: left; width: 100%; position: relative; }
#footer .pager {width: 610px; position: absolute; z-index: 2; top: -92px; left: 6px;  }

div.klaksa {position: absolute; top: 55px; left: 75px; }



/* 18 age.. */


#black {
background: #000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
top: 0; left: 0; bottom:0px; position: absolute; z-index: 1300;
width: 100%;
/*height: expression(document.body.clientHeight);*/
}

#black {
 /*----------------------- 100% высоты контейнера относительно клиентской области и контента для IE, FF, Opera */
 /*height: auto !important;
 min-height:100%;*/
 height: 100%;
 /*-----------------------*/

}	 

.topprostina {
	width: 100%;
	top: 100px; left: 0; position: absolute; z-index: 1300;
	height: expression((document.body.clientHeight - 100) + "px");
}


.check_popup {width: 341px; height: 218px; padding-top: 25px;  margin: 0 auto; color: #1b61a5; font-size: 21px; background: url(../img/bg-check_popup.png) no-repeat;}

.check_popup span {color: #0f4a7c; font-weight: bold;  }
.check_popup div.q {position: absolute; left: 50px; top: 125px; color: #fff; font-size: 12px; text-align: left;  }
.check_popup a {position: relative; }

#tendence_gallery{
margin:10px;
width:550px;
}

#tendence_gallery img{
float: left;
margin: 0 5px 5px 0;
padding: 1px;
border: 1px solid #c0d2f9
}