/* CSS Document */

a img{border:none;}
a { text-decoration:none}
*:focus{outline:0;}
textarea{resize:none;}
html{overflow:-moz-scrollbars-vertical;}
a{-moz-outline-style:none;}
body, html{ width:100%;  margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:15px;}
body { background:#27348B url(../imgs/bodyBgr.png) repeat-x 0 100%;}
input { font-family:Verdana, Geneva, sans-serif}
H1 { font-family:FedraBook; color:#26338B; font-size:35px; font-weight:normal; line-height:100%; letter-spacing:-1px; margin:0; padding:0;}
H3 { font-size:15px; color:#26338B; font-weight:bold; margin:10px 0; line-height:130%;}
H2 { font-size:25px; color:#26338B; font-weight:normal; margin:0 0 10px 0; letter-spacing:-1px; font-family:FedraBook;}

p { line-height:140%; margin:10px 0}
a { color:#FF0000;}

img { behavior: url(static/js/iepngfix.htc) }

.clear { clear:both; overflow:hidden; height:1px;}
.redFont { color:#ED1C24}
.line { border-top:1px solid #DEE2EB}
.left { float:left}
.right { float:right}

.fp_main { background:url(../imgs/fp_main_head_bg.gif) no-repeat center top; height:640px;}
.fp_main_inner { width:1000px; margin:auto;}
.fp_main H1.title { width:489px; height:137px; margin:0 0 30px 265px}
.fp_main H1.title img { margin-top:15px}
.fp_content { position:relative; height:473px}
.fp_content a { color:#F2E999; font-family:FedraLight; font-size:25px; line-height:120%; letter-spacing:-1px; display:block; position:absolute;}
.fp_content a:hover { color:#FFF}

.fp_content a span { display:block; position:absolute}

.fp_content a.offers { width:360px; height:200px; background:url(../imgs/offers.png) no-repeat 0 0; top:22px; left:212px; behavior: url(static/js/iepngfix.htc)}
.fp_content a.offers span { top:23px; right:0; width:158px; text-align:left; padding-left:62px}
.fp_content a.offers:hover { background:url(../imgs/offers_hover.png) no-repeat 0 0;}

.fp_content a.lottery { width:210px; height:190px; background:url(../imgs/lottery.png) no-repeat 0 0; top:87px; left:493px; behavior: url(static/js/iepngfix.htc)}
.fp_content a.lottery span { bottom:11px; right:0}
.fp_content a.lottery:hover {background:url(../imgs/lottery_hover.png) no-repeat 0 0}

.fp_content a.events { width:271px; height:297px; background:url(../imgs/events.png) no-repeat 100% 100%; top:92px; left:702px; behavior: url(static/js/iepngfix.htc)}
.fp_content a.events span { top:6px; left:9px}
.fp_content a.events:hover { background:url(../imgs/events_hover.png) no-repeat 100% 100%}

.fp_content a.practical_info { width:340px; height:161px; background:url(../imgs/pract_info.png) no-repeat 100% 100%; top:311px; left:375px; behavior: url(static/js/iepngfix.htc) }
.fp_content a.practical_info span { top:38px; left:14px; width:200px;}
.fp_content a.practical_info:hover { background:url(../imgs/pract_info_hover.png) no-repeat 100% 100%}

.link, .content_link { width:1000px; margin:auto; text-align:right;}

.main_wrapper { width:100%; position:relative}
.main { background:url(../imgs/fp_main_head_bg.gif) no-repeat center top; /*min-height:726px;*/}
.main_inner { width:1000px; margin:auto;}
.main H1.title { width:489px; height:137px; margin:0 0 30px 265px}
.main H1.title img { margin-top:15px}

.main_menu { height:47px; overflow:hidden;}
.main_menu a { display:block; float:left; margin-right:1px; background:#3242B4; color:#FFFFFF; line-height:47px; font-size:16px;padding:0 28px; text-transform:uppercase; font-weight:bold; font-family:FedraNormal;}
.main_menu a:hover, .main_menu a.active { background:#FFFFFF; color:#EC1B24}

.main_content { background:#FFF; padding:17px 35px 24px 28px; position:relative; z-index:0; min-height:1000px; height:auto !important; height:1000px;}
.card_content { background:#FFF url(../imgs/main_content_snowflakes.png) no-repeat 0 0; padding:32px 40px 24px 40px;}

.halfCircle { position:absolute; height:490px; width:225px; bottom:50px; left:0; background:url(../imgs/halfCircle.png) no-repeat 0 0;}
.submenu a { font-family:FedraBook; color:#FF0000; font-size:13px; text-transform:uppercase; margin-right:33px}
.submenu a:hover, .submenu a.active { color:#26338B}

.tc_advertisement { position:absolute; top:-15px; right:0; width:146px; height:170px; z-index:10}
.leftside { float:left; width:320px; padding:50px 0 50px 0}
.article_img_wrapper { width:315px; height:386px; position:relative;}
.article_img1 { width:241px; height:241px; position:absolute; overflow:hidden; top:0; left:0; z-index:-99}
.article_img2 { width:160px; height:160px; position:absolute; overflow:hidden; top:217px; left:145px; z-index:-10}
.article_img_layer { width:315px; height:386px; top:0; left:0; z-index:999; overflow:hidden;}

.rightside { float:right; width:580px; padding:50px 0 50px 0}
.item { float:left; width:572px; border-top:1px solid #DEE2EB;
padding:14px 3px 14px 5px;}
.item:last-child {border-top:1px solid #DEE2EB; border-bottom:1px solid #DEE2EB;}
.item .item_title { float:left; width:380px;}
.item .item_title, .item .item_title a { color:#505B7B; font-size:15px;}
.item .item_title H1 { margin:10px 0;}
.item .item_title H1, .item .item_title a H1  { font-family:FedraBook; color:#26338B; font-size:25px; font-weight:normal; line-height:100%; letter-spacing:-1px}
.item .item_img { float:right; min-height:80px;}
.item .article { width:100%; padding-bottom:15px;}

.rightside_inner { color:#26338B}
.rightside_inner ul { list-style:none; padding:0; margin:0}
.rightside_inner ul li { line-height:140%; display:block; padding:5px 0 5px 15px; margin:0; background:url(../imgs/lidot.gif) no-repeat 0 15px;}

.rightside_inner .textImg { margin:30px 0 0 0 0;}
.rightside_inne .contacts {}

.footer { width:100%; height:180px; background:url(../imgs/fp_bodyBgImg.png) no-repeat 50% 100%; position:relative;}
.footer .mail { position:absolute; bottom:0px; left:50.35%; width:120px; height:150px;}

.fp_footer { width:100%; height:180px; background:url(../imgs/FpbodyBgImg.png) no-repeat 50% 100%; position:relative;}
.fp_footer .mail { position:absolute; bottom:0px; left:50.35%; width:120px; height:150px;}
.fp_footer .link { position:absolute; bottom:10px; right:10px; width:176px; height:33px;}

.snowflakes { width:1000px; position:relative; margin:auto;}
.snowflake13, .snowflake8a, .snowflake8b { width:100px; height:100px; position:absolute;}
.snowflake13 { background:url(../imgs/sflake_13.gif) no-repeat 0 0}
.snowflake13:hover { background:url(../imgs/sflake_13_hover.gif) no-repeat 0 0}

.fp_content .sflake1 { top:-162px; left:55%;}
.fp_content .sflake2 { top:-71px; left:16%;}
.fp_content .sflake3 { top:-35px; left:65%;}
.fp_content .sflake4 { top:150px; left:37%; z-index:199 }
.fp_content .sflake5 { top:110px; right:-20px; z-index:199 }
.fp_content .sflake6 { bottom:65px; left:-25px; }

.fp_footer .sflake1 { top:-16px; left:207px;}
.fp_footer .sflake2 { top:55px; left:267px;}
.fp_footer .sflake3 { top:40px; left:632px;}
.fp_footer .sflake4 { top:30px; right:80px;}

.card_choice { margin-top:40px; height:240px; position:relative; width:920px}
.card1, .card2, .card3, .card4, .card5, .card6, .card7, .card8 { cursor:pointer; }

.card_choice .circle { background:url(../imgs/cards_circle.png) no-repeat;  behavior: url(static/js/iepngfix.htc) }

.card1 { width:156px; height:156px; position:absolute; top:19px; left:3px;}
.card1 .circle { width:156px; height:156px; background-position:0 0}
.card1 .circle:hover, .card1 .active { background-position:100% 0}

.card2 { width:124px; height:124px; position:absolute; top:0px; left:196px; }
.card2 .circle { width:124px; height:124px; background-position:0 -304px}
.card2 .circle:hover, .card2 .active { background-position:100% -304px}

.card3 { width:108px; height:108px; position:absolute; top:125px; left:163px; z-index:0}
.card3 .circle{ width:108px; height:108px;  background-position:0 -563px}
.card3 .circle:hover, .card3 .active { background-position:100% -563px}

.card4 { width:156px; height:156px; position:absolute; top:54px; left:320px;}
.card4 .circle { width:156px; height:156px; background-position:0 0}
.card4 .circle:hover, .card4 .active { background-position:100% 0}

.card5 { width:117px; height:117px; position:absolute; top:121px; left:479px;}
.card5 .circle { width:117px; height:117px; background-position:0 -437px}
.card5 .circle:hover, .card5 .active {  background-position:100% -437px} 

.card6 { width:100px; height:100px; position:absolute; top:4px; left:518px;}
.card6 .circle { width:100px; height:100px; background-position:0 100%}
.card6 .circle:hover, .card6 .active { background-position:100% 100%}

.card7 { width:156px; height:156px; position:absolute; top:58px; left:622px;}
.card7 .circle { width:156px; height:156px; background-position:0 0}
.card7 .circle:hover, .card7 .active { background-position:100% 0}

.card8 { width:130px; height:130px; position:absolute; top:43px; left:785px;}
.card8 .circle { width:130px; height:130px; background-position:0 -165px}
.card8 .circle:hover, .card8 .active { background-position:100% -165px}

.card_big_view { text-align:center; margin-top:18px; width:920px; overflow:hidden}

.custom_radio { width:100%; position:relative; margin:40px 0 36px 0}
.custom_radio .errorMessage{display:none;}
.custom_radio.error .errorMessage{display:inline; color:#a6312b;}
.custom_radio label{ position:relative; display:block; color:#26338B; font-size:25px; font-family:FedraBook; margin-bottom:20px}
.custom_radio label.add_cursor{cursor:pointer;}
.custom_radio label.add_cursor *{cursor:pointer;}
* .custom_radio label .radio{ float:left; cursor:pointer; width:26px; height:26px;  background:url(../imgs/radiobutton.gif) 0 0; margin-right:16px;}
* .custom_radio label.error .radio{ background:url(../imgs/radiobutton.gif) 0 center;}
* .custom_radio label.active .radio{ background:url(../imgs/radiobutton.gif) 0 bottom;}
.submit { overflow:visible; color:#F2E999; font-size:28px; font-family:FedraBook; border:none; padding:10px 60px; line-height:70px; height:70px; cursor:pointer;
background: #363ad1; /* Old browsers */
background: -moz-linear-gradient(top, #363ad1 0%, #26338b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363ad1), color-stop(100%,#26338b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #363ad1 0%,#26338b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #363ad1 0%,#26338b 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #363ad1 0%,#26338b 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363ad1', endColorstr='#26338b',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #363ad1 0%,#26338b 100%); /* W3C */
}
.textfield { width:442px; padding:20px 0 35px 0}
.textfield label { font-family:FedraBookItalic; font-style:italic; font-size:25px; color:#26338B; display:block; padding-bottom:12px;}
.textfield input { width:422px; border:1px solid #DEE2EB; color:#C9D0DE; font-size:18px; font-family:FedraBookItalic; line-height:40px; height:40px; padding:0 9px; letter-spacing:normal;}
.textfield input:focus { color:#26338B;}
.textfield input { _font-family:Arial, Helvetica, sans-serif; _font-style:italic;}
 
.sender, .info { color:#C9D0DE; font-size:18px; font-family:FedraBookItalic; font-style:italic; margin:20px 0}
.info { color:#2D3CA2}
.info a { color:#FF0000}

/*inline popup*/
.notification { position:absolute; z-index:999;}
body > .notification { position: fixed; }
.opaque{z-index:998;}
/*.notification .closeButton{display:none;}*/

.recept_content { width:772px; height:772px;background:url(../imgs/sring.gif) no-repeat 0 0; position:relative;}
/*.recept_content .tekst_img { width:206px; height:315px; position:absolute; top:98px; left:53px; background:url(../imgs/tekst_img.gif) no-repeat}*/
.recept_content .tekst_img1 { width:117px; height:115px; position:absolute; top:98px; left:142px;}
.recept_content .tekst_img2 { width:186px; height:186px; position:absolute; top:228px; left:53px;}
.recept_content .tekst { font-size:13px; color:#26338B; width:385px; height:635px; position:absolute; top:110px; left:284px ;}
.recept_content .tekst a { color:#ED1C24;}
.recept_content img { display:block}

.send_to_friend_content { width:658px; height:658px; background: url(../imgs/vring.gif) no-repeat 0 0; position:relative;}

.send_to_friend_content form, .send_to_friend_content .message { position:absolute; width:444px; top:230px; left:107px}
.send_to_friend_content .textfield { width:442px; padding:20px 0 0 0}
.send_to_friend_content .textfield label { font-family:FedraBookItalic; font-style:italic; font-size:25px; color:#26338B; display:block; padding-bottom:12px;}
.send_to_friend_content .textfield input { width:422px; border:1px solid #DEE2EB; color:#C9D0DE; font-size:18px; font-family:FedraBookItalic; line-height:40px; height:40px; padding:0 9px; letter-spacing:normal}
.send_to_friend_content .textfield input { _font-family:Arial, Helvetica, sans-serif; _font-style:italic;}
.error input{ border:1px solid red !important; color:red !important;}
.send_to_friend_content .img { position:absolute; top:78px; left:268px;}
.send_to_friend_content .message { text-align:center}
.send_to_friend_content .message H1 { font-size:45px; margin-bottom:20px;}
.send_to_friend_content .message H2 { font-size:25px; font-style:italic}

.cont_flakes {width:1000px; position:relative; margin:auto;}
.cont_flakes .sflake1 { top:80px; left:175px;}
.cont_flakes .sflake2 { top:270px; left:-80px;}
.cont_flakes .sflake3 { top:7px; left:65%;}
.cont_flakes .sflake4 { top:655px; left:-115px; z-index:199 }
.cont_flakes .sflake5 { top:480px; right:-90px; z-index:199 }
.cont_flakes .sflake6 { bottom:65px; left:-25px; }

/*----- form definitions (quizform) ----*/


.quiz_text {font: 13px Tahoma, Arial, Helvetica, sans-serif;color: #26338B;}
.formitem {padding: 10px 5px;border-bottom: 1px solid #26338B;display: block;width: 100%;clear: both;}
.feedback_correct {font-family:Verdana, Geneva, sans-serif;font-size:13px; color: #009900;font-weight: bold;}
.feedback_wrong {font-family:Verdana, Geneva, sans-serif;font-size:13px; color: #EB2020;font-weight: bold;}
.noborder {border: none;}
.formlabel {font-family:Verdana, Geneva, sans-serif;font-size:12px;color: #26338B;margin-bottom: 10px;}
.formlabel label {font-family:Verdana, Geneva, sans-serif;font-size:15px;color: #26338B;font-weight: bold;}
.formitem .formerror {font-family:Verdana, Geneva, sans-serif;font-size:13px; color: #EB2020;font-weight: bold;}
fieldset {border: 1px solid #666666;margin: 5px;padding: 5px;}
legend {font-family:Verdana, Geneva, sans-serif;font-size:13px;color: #26338B;}

/* labelile jargnev input fieldi DIV, kui textfield v6i selectbox */
.formfield_input, .formfield input, .formfield select {font: 11px Tahoma, Arial, Helvetica, sans-serif;color: #333333;width: 200px;}
.formfield textarea {font-family:Verdana, Geneva, sans-serif;font-size:13px;color: #26338B; width: 400px;height: 40px;}
.form_inputclear {border: none;background-color: transparent;}

/* labelile jargnev input fieldi DIV, kui radiobutton-list v6i checkbox-list */
.form_inputlist {display: block;}
.form_inputlist label {font-family:Verdana, Geneva, sans-serif;font-size:13px;color: #26338B;}

.form_inputlist .form_option_comment {font-family:Verdana, Geneva, sans-serif;font-size:13px;color: #26338B; font-style: italic;}
.form_option_comment {display: inline;}

.form_inputlist div, .form_inputlist td {font-family:Verdana, Geneva, sans-serif;font-size:13px;color: #26338B;}
.form_inputlist td {padding: 5px;}
.question_img {float: right;clear: both;padding: 2px;border: 1px solid gray;margin-left: 10px;}
.subquestion_img {padding: 2px;margin: 5px 0px;border: 1px solid gray;}
/*----- END form definitions (quizform) ----*/