/* 
Document   : Style
Created on : Nov 24, 2009, 6:34:35 PM
Author     : fabian
Description:
Purpose of the stylesheet follows.
*/

body, html{
    position:relative;
    padding:0px;
    margin:0px;
    background-color: white;
}

#actBtns{
    display: none;
}

table{
    position:relative;
}
img
{
    border-width:0px;
}
#unsupportedImg {
    height:87px;
    width:255px;
    background-image:url(../img/2Not.png);
    background-position: bottom;
    background-repeat:no-repeat;
    padding-top:0px;
}
#buzzB{
    font:35px "Arial";
    color:#232323;
    text-align: center;
    margin: -7px 7px 5px 7px;
    text-align: left;
    font-weight:bold;
}

#buzz{
    font:25px "Arial";
    color:#333333;
    text-align: center;
    margin: -5px 7px 17px 7px;
    font-weight:500;
    text-align: left;
}

#buzz_slave{
    font:11pt "Arial";
    color:#444444;
    text-align: left;
    margin: 5px 10px 10px 10px;
}

#hpp{
    background-image:url(../img/popupBG.png);
    width: 341px;
    height: 119px;
    font-size: 13.2pt;
    line-height: 15pt;
    vertical-align: middle;
    position:absolute;
    top: 27px;
    left: 115px;
    display: none;
    z-index: 100;
}

.ilogo{
    margin: 3px 0px 1px 1px;
    display:inline-block;
    height: 21px;
    overflow: hidden;
    font-family: "Arial";
    font-size: 13px;
    font-weight: bold;
    color: #343434;
}
.item{
    display: inline-block;
    width: 145px;
    height: 150px;
    border: #ADB0CF solid 1px;
    margin: 1px 2px 1px 2px;
    padding: 3px 2px 1px 1px;
    margin: 3px;
    font-size: 9px;
    background-color: white;
    overflow: hidden;
    -moz-border-radius:5px;
    border-radius : 5px;
    -webkit-border-radius:5px;
}

.keyFeatures{
    color: RGB(10,50, 70);
    font-weight: bold;
    font-size: 14px;
}

.top
{
    height:87px;
    width:1000px;
    background-image:url(../img/top.jpg);
    background-position: -24px;
    background-repeat:no-repeat;
    padding-top:0px;
}
.main
{
    position:relative;
    background-image:url(../img/main.jpg);
    background-repeat:repeat-x;
    font-family: Arial;
    font-size:11px;
    color: #666666
}
.tahoma_12
{
    font-family: tahoma;
    font-size:11px;
    color: #666666
}

input, textarea, #email{
    font-family: tahoma;
    font-size: 17px;
    color: #666666;
    border-color: #c4d8e0;
    border-style:solid;
    border-width: 2px;
    -moz-border-radius:4px;
}
#email{
    width:276px;
    height:22px;
}

.bg_video
{
    background-image:url(../img/bg_video.jpg);
    background-repeat:no-repeat;
    width:562px;
    height:352px;
    padding-top:20px
}
.wave
{
    background-image:url(../img/wave.jpg);
    background-repeat:no-repeat;
    width:1000px;
    height:462px;
    font-family: arial;
    font-size:12px;
    color: #334466;
    line-height:17px;
}

.header_3
{
    font-family: arial black;
    font-size:15px;
    color: #166487;
}
.vasya
{
    height:100%;
    display:inline-block;
    background-color:#91dae4;
    width:1000px
}
.vasya2
{
    height:100%;
    display:inline-block;
    background-color:#c5f0f6;
    width:1000px;
}

.logos
{
    background-image:url(../img/tbl_1.png);
    background-repeat:no-repeat;
    width:279px;
    height:305px;
    font-family: arial;
    font-size:11px;
    color: #666666;
    line-height:15px;
    padding:5px;

}

.logos a
{
    color: #07a8c1;
    text-decoration:none;
    font-size: larger;
    margin: 2px 0px 2px 10px;
    display: inline-block;
}

#innerLogos {
    width:97%;
    height:97%;
    overflow:auto;
    overflow-x: hidden;
    position: relative
}

.blog
{
    background-image:url(../img/tbl_1.png);
    background-repeat:no-repeat;
    width:269px;
    height:300px;
    font-family: arial;
    font-size:11px;
    color: #666666;
    line-height:14px;
    padding:5px;
    overflow:hidden;
}
.blog a
{
    color: #07a8c1;
    text-decoration:none
}

.header_4
{
    font-family: arial;
    font-size:12px;
    color: #166487;
    font-weight:bold;
}
.header_4 a
{
    font-family: arial;
    font-size:12px;
    color: #166487;
    font-weight:bold;
    text-decoration:none
}

.link_1
{
    font-family: arial;
    font-size:11px;
    color: #156486;
}
.link_1 a
{
    font-family: arial;
    font-size:11px;
    color: #156486;
    text-decoration:none
}
#footer
{
    background-image:url(../img/footer.jpg);
    background-repeat:repeat-x;
    width:1000px;
    height:38px;
    color:#6b9db3;
    font-family:Arial;
    font-size:12px;
    padding-left:70px;
    padding-right:70px;
}
#footer a
{
    color:#6b9db3;
    text-decoration:none;
}

#footer a:hover{
    color:white;
    text-decoration:underline;
}

.tbl_blue_whide,
.tbl_blue_tshoot
{
    background-image:url(../img/tbl_blue_whide.png);
    background-repeat:no-repeat;
    width:652px;
    color:#666666;
    font-family:Arial;
    font-size:12px;
    padding-left:90px;
    padding-right:70px;
    line-height:18px
}
.tbl_blue_tshoot_congratulation
{
    padding-left:40px;
    padding-right:40px;
}
.tbl_blue_tshoot{
    padding:0px;
}
.arial_12b
{
    color:#333333;
    font-family:Arial;
    font-size:12px;
    font-weight:bold
}

#textContent a, #textContent a:visited, #textContent a:hover,
#tshoot a, #tshoot a:visited, #tshoot a:hover,
#FAQLink a, #FAQLink a:visited, #FAQLink a:hover
{
    font-family: arial;
    font-size:12px;
    color: #156486;
    text-decoration:none
}

#textContent a:hover,
#tshoot a:hover,
#FAQLink a:hover{
    text-decoration:underline
}

#FAQLink{
    font-size:13px;
    position: relative;
    top: -40px;
}

.tbl_blue_whide ol
{
    position:relative;
    top:-10px;
    left:-20px;
}
.wave_short
{
    background-image:url(../img/wave_short.jpg);
    background-repeat:no-repeat;
    width:1000px;
    height:165px;
}

#tShootLink{
    border: 1px solid #CECEEF;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px 4px 10px 4px;
    font-size:12px;
    -moz-border-radius:5px;
}

#video{
    border: transparent 2px solid;
    height: 298px;
    width: 528px;
    background-image:url(../img/video.jpg);
    cursor: pointer;
    margin: 0px 8px 0px 8px;
    display: none;
}
#try{
    height: 220px;
    width: 528px;
    margin: 0px 10px 5px 10px;
    top: -12px;
}

.itemImage{
    width: 70%;
    height: 70%;
    border: 0px;
}

#ffDownload, #ff4Win{
    visibility:hidden;
}


object{
    height: 298px;
    width: 528px;
}

#playVideo, #showAction{
    display: inline-block;
    height: 39px;
    width: 119px;
    background-image: url(../img/btnPlayVideo.png);
    background-position: bottom;
    position: absolute;
    left: 40%;
    top: 337px;
    z-index:100;
    
}
#showAction{
    display: none;
    background-image: url(../img/btnSetWork.png);
}
#submitResult {
    font-size:14px;
}

#fbSubmitResult {
    position: relative;
    display: inline-block;
    font-size:14px;
    height: 27px;
    vertical-align:middle;
    padding:1px;    
}

.disabled{
    background-position:top;
}

#playVideo:hover, #showAction:hover{
    background-position: center;
    cursor: pointer;
}

#addPluginIE{
    display: inline-block;
    height: 87px;
    width: 275px;
    background-position: bottom;
    color: white;
    background-image: url(../img/2IE.png);
    line-height: 17px;
    font-size: 12px;
    font-weight: 500;
    cursor:pointer;
}

#addPluginFF{
    display: inline-block;
    height: 97px;
    width: 275px;
    background-position: bottom;
    color: white;
    background-image: url(../img/2Firefox.png);
    line-height: 17px;
    font-size: 12px;
    font-weight: 500;
    cursor:pointer;
}

#addPluginIE:hover{
    background-position: top;
}

#addPluginFF:hover{
    background-position: top;
}
#submit{
    display: inline-block;
    height: 30px;
    width: 96px;
    background-position: bottom;
    background-image: url(../img/btnSubmit.png);
    margin-right: 59px;
    cursor:pointer;
}

#submit:hover{
    background-position: top;
}

div#install{
    font-family: verdana,arial,sans-serif;
    z-index: 1111;
    position: fixed;
    background: url(../img/back-learn-more.png) 0 0 no-repeat;
    top: 0px;
    right: 5px;
    width: 188px;
    height: 111px;
    padding: 0px 10px 0px 10px;
    line-height: 1.2em;
    color: #ffffff;
    font-size: .71em;
    display:none;
}


div#install	h2{
    font-size: 1.5em;
    line-height: 1.2em;
    font-weight: bold;
    margin: 4px 0 -4px 0 ;
    color: #ffffff
}

#supported, #unsupported,
#supported2, #unsupported2{
    display: none;
}
#unsupported2 {
    line-height:14px;
}

.tbl_thanks{
    background-image:url(../img/tbl_thanks.png);
    background-repeat:no-repeat;
    width:581px;
    height:337px;
    font-size: 1.2em;
    font-weight: bold;
}

.tbl_thanks img{
    position: relative;
    top: 7px;
}

#home, #home:hover,
#homeSelected{
    display:inline-block;
    width:102px;
    height:87px;
    background-image:url(../img/mHome.png);
    background-position:top;
}

#tooltips, #tooltips:hover,
#tooltipsSelected{
    display:inline-block;
    width:70px;
    height:87px;
    background-image:url(../img/mTour.png);
    background-position:top;
}

#faq, #faq:hover,
#faqSelected{
    display:inline-block;
    width:66px;
    height:87px;
    background-image:url(../img/mFaqs.png);
    background-position:top;

}

#blog, #blog:hover,
#blogSelected{
    display:inline-block;
    width:68px;
    height:87px;
    background-image:url(../img/mBlog.png);
    background-position:top;

}

#feedback, #feedback:hover,
#feedbackSelected{
    display:inline-block;
    width:96px;
    height:87px;
    background-image:url(../img/mFeedback.png);
    background-position:top;

}

#home:hover,
#tooltips:hover,
#faq:hover,
#blog:hover,
#feedback:hover{
    background-position:center;
    cursor:pointer;
}

#homeSelected,
#tooltipsSelected,
#faqSelected,
#blogSelected,
#feedbackSelected{
    background-position:bottom;
}

.tbl_blue_tooltips
{
    background-image:url(../img/tbl_blue_tooltips.png);
    background-repeat:no-repeat;
    width:773px;
    height:442px;
    color:#666666;
    font-family:Arial;
    font-size:11px;
}

#c_1,
#c_2,
#c_3,
#c_4,
#c_5,
#c_6,
#c_7,
#c_8,
#c_9,
#c_10
{
    display:inline-block;
    position:relative;
    top: -294px;
    left: 95px;
    width:56px;
    height:56px;
    background-image:url(../img/circles.png);
    background-position:bottom;
}

#c_2{
    top: -458px;
    left: 135px;
}

#c_3{
    top: -458px;
    left: 139px;
}

#c_4{
    top: -458px;
    left: 142px;
}

#c_5{
    top: -454px;
    left: 233px;
}

#c_6{
    top: -282px;
    left: -70px;
}

#c_7{
    top: -407px;
    left: -258px;
}

#c_8{
    top: -260px;
    left: -352px;
}

#c_9{
    top: -257px;
    left: -347px;
}

#c_10{
    top: -110px;
    left: -363px;
}


#c_1:hover,
#c_2:hover,
#c_3:hover,
#c_4:hover,
#c_5:hover,
#c_6:hover,
#c_7:hover,
#c_8:hover,
#c_9:hover,
#c_10:hover
{
    background-position:top;
}

#dlButton {
    /*background-image:url(../img/BtnFirefoxTop.png);*/
    background-position:bottom;
    width:147px;
    height:45px;
    margin-left:25px;
    margin-top:20px;
    cursor:pointer;
    visibility: hidden;
}


#dlButton:hover {
    background-position:top;
}

.tooltip {
    font-family: verdana;
    display:none;
    background:transparent url(../img/tooltipsBaloon.png);
    font-size:13px;
    font-weight: 500;
    height:106px;
    width:204px;
    padding:11px 13px 13px 13px;
    color:#fff;
    line-height: 15px;
}
#copyright {
    position:relative;
    height:40px;
    padding:4px;
    top:-8px;
}

.tou {
    list-style:none;
    position:relative;
    left:-40px;
}

.touRules {
    list-style:disc;
}

.touRules li {
    font-weight:normal;
}

.touDisclaimer {
    list-style:lower-alpha;
}

.touDisclaimer li {
    font-weight:normal;
}

.privacy {
    list-style:none;
    position:relative;
    left:-40px;
}

.innerList {
    list-style:disc;
}
.innerList li {
    font-weight:normal;
}

#tooltipsHeadline {
    font-family: "Arial Black";
    line-height: 18px;
    font-size: 15px;
    font-weight:bold;
    color: #156486;
}

.eyecon {
    position:relative;
    top:1px;
    background-image:url('../img/plus.png');
    background-position: bottom;
    display:inline-block;
    height:21px;
    width:80px;
}

#video_api{
    position:relative;
    top:2px;
    width:1px;
    height:1px;
    cursor: pointer;
}
embeded, object{
    cursor: pointer;
}

.listItem {
    font-weight:bold;
}