/* from oovoo.com */
body
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

img
{
    border: none;
}

table tr td
{
    vertical-align: top;
    margin: 0;
    padding: 0;
}

ul li
{
    list-style-image: url('../../gfx/bullet.jpg');
    list-style-position: outside;
}

h1, h2, h3
{
    color: #ffa600;
}

a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #1B59D6;
}

a:hover
{
    /*color: #497ADE;*/
}


/* end oovoo.com */

.clearCSS div, .clearCSS dl, .clearCSS dt, .clearCSS dd, .clearCSS ul, .clearCSS ol, .clearCSS h1, .clearCSS h2, .clearCSS h3, .clearCSS h4, .clearCSS h5, .clearCSS h6, .clearCSS pre, .clearCSS form, .clearCSS fieldset, .clearCSS input, .clearCSS textarea, .clearCSS p, .clearCSS blockquote, .clearCSS th, .clearCSS td
{
    margin: 0;
    padding: 0;
}
.clearCSS table
{
    border-collapse: collapse;
    border-spacing: 0;
}
.clearCSS fieldset, .clearCSS img
{
    border: 0;
}
.clearCSS address, .clearCSS caption, .clearCSS cite, .clearCSS code, .clearCSS dfn, .clearCSS em, .clearCSS th, .clearCSS var
{
    font-style: normal;
    font-weight: normal;
}
.clearCSS ol, .clearCSS ul, .clearCSS li
{
    list-style: none;
    list-style-type: none;
}
.clearCSS caption, .clearCSS th
{
    text-align: left;
}
.clearCSS h1, .clearCSS h2, .clearCSS h3, .clearCSS h4, .clearCSS h5, .clearCSS h6, .clearCSS th, .clearCSS td
{
    font-size: 100%;
    font-weight: normal;
}
.clearCSS q:before, .clearCSS q:after
{
    content: '';
}
.clearCSS abbr, .clearCSS acronym
{
    border: 0;
}
.clearCSS *
{
    text-decoration: none;
}
.clearCSS *
{
    box-sizing: content-box;
    -moz-box-sizing: content-box;
}

.clear
{
    clear: both;
    width: 0px;
    height: 0px;
}
.center
{
    text-align: center;
}

#orangeSection
{
    background: #FFA600;
    border-bottom: #000000 5px solid;
    padding: 16px 0px;
    overflow: auto;
}

#orangeSection #inner
{
    width: 965px;
    margin: 0px auto 0px auto;
}

img#mainPic
{
    border: #ffffff solid 4px;
    float: left;
}

#orangeSection #inner .text
{
    width: 310px;
    float: right;
    margin: 16px;
    margin-bottom: 0px;
    color: #4C3100;
}

#orangeSection h1
{
    color: #ffffff;
    font-size: 25px;
    text-align: center;
    margin: 25px 0px;
    font-weight: bold;
}

#orangeSection h2
{
    font-size: 26px;
    font-weight: bold;
    color: #000000;
    margin-top: 20px;
}

#orangeSection h3
{
    color: #ffffff;
    padding: 0px 25px;
    font-weight: bold;
    margin-bottom: 10px;
}

#mainSection input, #orangeSection input
{
    height: 18px;
    border: 1px solid #D5D5D5;
    border-top: #6D6d6d solid 1px;
    color: #666666;
    font-size: 12px;
}

#mainSection input[type="text"], #orangeSection input[type="text"]
{
    width: 160px;
}

#ready input.sendLink
{
    padding: 2px;
}

#orangeSection p
{
    font-size: 14px;
    font-weight: bold;
    line-height: 120%;
    margin: 15px 0px;
}

#orangeSection #ready
{
    margin: 10px auto 0px;
    width: 220px;
    text-align: center;
}

#orangeSection .StartCall
{
    margin-top: 15px;
    width: 218px;
    height: 51px;
    background: url( '../../images/startCall-up.png' ) no-repeat;
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000;
    line-height: 50px;
    text-indent: -17px;
}

#orangeSection .StartCall:hover
{
    background: url( '../../images/startCall-down.png' ) no-repeat;
    color: #1B59D6;
    text-decoration: underline;
}

#equimpent
{
    margin-top: 20px;
    width: 920px;
    position: relative;
    left: 50%;
    margin-left: -460px;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 50px;
}

#equimpent h2
{
    font-size: 20px;
    font-weight: bold;
}

#equimpent h3
{
    font-weight: bold;
    color: #000000;
    font-size: 19px;
}

#equimpent #webCam, #equimpent #mic, #equimpent #headset
{
    width: auto;
    float: left;
    height: 69px;
    padding-top: 20px;
    margin-right: 35px;
}

#equimpent #webCam
{
    background: url( '../../try/images/eq_webcam.jpg' ) no-repeat center left;
    padding-left: 68px;
}

#equimpent #mic
{
    background: url( '../../try/images/eq_mic.jpg' ) no-repeat center left;
    padding-left: 146px;
}

#equimpent #headset
{
    background: url( '../../try/images/eq_headset.jpg' ) no-repeat center left;
    padding-left: 131px;
    margin-right: 0px;
}


/*######################   2   #############################*/

#mainSection
{
    border-bottom: #000000 5px solid;
    padding: 16px 0px;
    background: #F5F5F5;
    overflow: auto;
}

#mainSection .left
{
    float: left;
}

#mainSection #inner
{
    width: 955px;
    position: relative;
    left: 50%;
    margin-left: -475px;
}

#applictaionDiv
{
    border: #FFAA0C solid 2px;
    padding: 2px;
    width: 607px;
    height: 382px;
}

#sendLink
{
    font-size: 13px;
    margin-top: 10px;
    font-weight: bold;
    width: 606px;
}

#sendLink input[type="text"]
{
    width: 610px;
    margin-top: 5px;
    margin-bottom: 5px;
}
#sendLink a, #sendLink a:hover
{
    text-decoration: underline;
    background: url('../../images/link-arrow.gif') right center no-repeat;
    font-weight: normal;
    padding-right: 17px;
    margin-right: 20px;
}

#mainSection .right
{
    float: left;
    margin-left: 10px;
    width: 316px;
    font-size: 14px;
    position: relative;
}

#mainSection .right h2
{
    background: #FFA600;
    font-size: 18px;
    color: #ffffff;
    padding: 6px 10px;
}

#mainSection #h2Tip
{
    position: absolute;
    margin-left: 20px;
}

#mainSection .right .main
{
    border: #CBCBCB 1px solid;
    margin-top: 5px;
    padding: 10px;
    background: #ffffff;
    height: 323px;
}

#mainSection .right .bottom
{
    height: 27px;
    border: #CBCBCB 1px solid;
    background: #ffffff;
    border-top: none;
    padding-top: 9px;
}

#mainSection .right .bottom.center
{
    text-align: center;
}

.bottom a
{
    font-weight: bold;
}

#mainSection .right h3
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}

#mainSection .right .bigButton
{
    margin-left: -4px;
    float: left;
    margin-top: 5px;
    margin-bottom: 18px;
    color: #000000;
}

.right a, .right a:hover
{
    text-decoration: underline;
}

#mainSection .right .bigButton + .bigButton
{
    margin-left: 2px;
}

#mainSection .bigButton
{
    width: 148px;
    height: 59px;
}
#mainSection .bigButton img
{
    float: left;
    margin-top: 8px;
    margin-left: 10px;
    margin-right: 10px;
}

#mainSection #twitter, #mainSection #facebook
{
    background: url('../../images/big-button-up.png') no-repeat;
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    line-height: 58px;
}

#mainSection #twitter:hover, #mainSection #facebook:hover
{
    background: url('../../images/big-button-down.png') no-repeat;
    text-decoration: none;
}


#IMlist
{
    margin-top: 7px;
}
#IMlist li
{
    height: 33px;
    background: no-repeat left center;
    padding-left: 47px;
    font-size: 12px;
    line-height: 33px;
}


#IMlist li.msn
{
    background-image: url('../../images/bullet-msn.jpg');
}
#IMlist li.icq
{
    background-image: url('../../images/bullet-icq.jpg');
}
#IMlist li.aol
{
    background-image: url('../../images/bullet-aol.jpg');
}
#IMlist li.yahoo
{
    background-image: url('../../images/bullet-yahoo.jpg');
}

#needHelp
{
    margin-top: 20px;
    width: 950px;
    position: relative;
    left: 50%;
    margin-left: -475px;
    font-size: 15px;
    margin-bottom: 20px;
}

#needHelp h2
{
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 5px;
}

#needHelp li
{
    height: 29px;
    background: no-repeat left center;
    padding-left: 32px;
    font-size: 12px;
    line-height: 29px;
    margin-left: 16px;
}
#needHelp li.mic
{
    background-image: url( '../../images/bullet-mic.gif' );
}
#needHelp li.speaker
{
    background-image: url( '../../images/bullet-speaker.gif' );
}
#needHelp li.cam
{
    background-image: url( '../../images/bullet-cam.gif' );
}

#needHelp li a
{
    background: url( '../../images/link-arrow.gif' ) right center no-repeat;
    text-decoration: underline;
    padding-right: 17px;
    margin-left: 5px;
}

/*####################   3   ##################################### */

#mainSection .right .main h3#facebook
{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    background: url( '../../images/facebook-42-42.png' ) right center no-repeat;
    height: 43px;
    line-height: 43px;
    margin-top: -5px;
}

#mainSection .right .main label
{
    display: block;
    font-size: 12px;
    margin-bottom: 2px;
}
#mainSection form.signin
{
    padding: 25px;
    display: block;
}

#mainSection form.signin input[type="text"], #mainSection form.signin input[type="password"]
{
    width: 240px;
    margin-bottom: 15px;
}

#mainSection input[type="button"], #mainSection input[type="submit"]
{
    width: 100px;
    font-family: verdana,arial,sans-serif;
    border: none;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    color: #0B333C;
    height: 30px;
    padding: 10px;
    padding-right: 0px;
    background: url( '../../images/button-up.png' ) no-repeat 10px 15px;
}

#mainSection input[type="button"]:hover, #mainSection input[type="submit"]:hover
{
    background: url( '../../images/button-down.png' ) no-repeat 10px 15px;
    color: #497ADE;
}

/* only for ie7 */
#mainSection input[type="button"], #mainSection input[type="submit"]
{ *background:url('../../images/button-up.png')no-repeat0px5px;
}


/* only for ie7 */
#mainSection input[type="button"]:hover, #mainSection input[type="submit"]:hover
{ *background:url('../../images/button-down.png')no-repeat0px5px;
}

#mainSection input.send
{
    bottom: 32px;
    right: 10px;
    position: absolute;
}

/* only for ie7 */
#mainSection input.send
{ *bottom:40px;
}

#mainSection input.submit
{
    float: right;
}

/* only for ie7 */
#mainSection input.submit
{ *margin-right:25px;
*margin-top:-10px;
}


#mainSection .error
{
    color: #C60000;
    font-size: 13px;
    background: url( '../../images/x-red.gif' ) no-repeat left center;
    padding-left: 20px;
    margin-top: 20px;
    position: absolute;
    bottom: 52px;
}

#mainSection .right .bottom
{
    text-align: left;
}
#mainSection .bottom .back
{
    background: url( '../../images/back-arrow.gif' ) left center no-repeat;
    font-weight: normal;
    padding-left: 17px;
    margin-left: 10px;
}

/*####################   4   ##################################### */

#mainSection .loading
{
    font-size: 16px;
    line-height: 20px;
    margin-top: 70px;
    font-weight: bold;
}

#mainSection .loading img
{
    margin-bottom: 20px;
}

/*####################   5   ##################################### */

#mainSection .friendsList
{
    height: 170px;
    border: #CCCCCC 1px solid;
    padding: 2px;
    margin-top: -10px;
}

#mainSection .friendsList .searchBox
{
    background: #CCCCCC;
    height: 22px;
    padding: 2px;
}

#mainSection .friendsList .searchBox input
{
    border: 1px #809DB9 solid;
    width: 282px;
    height: 20px;
    background: url( '../../images/search-icon.gif' ) right center no-repeat #ffffff;
}

#mainSection .friendsList .searchBox input.submit
{
    width: 20px;
    height: 20px;
    background: url( '../../images/search-icon-up.jpg' ) no-repeat center center #ffffff;
    text-indent: 100px;
    float: right;
    border: 1px #809DB9 solid;
    border-left: none;
    cursor: pointer;
}

#mainSection .friendsList .searchBox input.submit:hover
{
    background: url( '../../images/search-icon-down.jpg' ) no-repeat center center #ffffff;
}

#mainSection .friendsList .list
{
    height: 142px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 2px;
}

#mainSection .friendsList .list input
{
    width: 20px;
    float: left;
    clear: left;
    border: none;
}

#mainSection .friendsList .list label
{
    display: inline;
    float: left;
    font-size: 11px;
}
#mainSection .friendsList .list table
{
    width: 100%;
}
#mainSection .friendsList .list .odd
{
    background: #EEEEEE;
}

#mainSection .total
{
    background: #EEEEEE;
    height: 21px;
    border: #CCCCCC solid 1px;
    border-top: none;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
}

#mainSection .facebookMessage
{
    border: #CCCCCC solid 1px;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 40px;
    margin-top: 2px;
    font-size: 11px;
    padding: 0px 2px;
    line-height: 13px;
}

#mainSection #publishOnMyWall
{
    margin-top: -1px;
}
#mainSection #publishOnMyWall label
{
    display: inline;
    font-size: 11px;
    float: left;
    line-height: 21px;
}
#mainSection #publishOnMyWall input
{
    margin-top: 2px;
    float: left;
    margin-right: 7px;
    border: none;
}


#mainSection input.send
{
    margin-top: 5px;
}

.Btn-disable
{
    font-family: verdana, arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CCCCCC;
    text-decoration: none;
    height: 24px;
    width: 100px;
    padding-top: 5px;
    background-image: url('../../gfx/button-disable.png');
    background-repeat: no-repeat;
    border: none;
    cursor: auto;
    display: -moz-inline-block;
    display: inline-block;
    text-align: center;
    background-position: top;
}

.Btn4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    background-image: url('../../gfx/btn-orange.jpg');
    text-align: center;
    height: 24px;
    width: 100px;
    border: none;
    padding-top: 5px;
    display: -moz-inline-block;
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
}
A.Btn4
{
    background-image: url('../../gfx/btn-orange.jpg');
}
A.Btn4:Hover
{
    background-image: url('../../gfx/btn-orange-over.jpg');
}



/* ##########################  13  #############################*/

.finalScreen #inner
{
    text-align: center;
}
.finalScreen #inner h1
{
    margin: 10px;
    font-size: 26px;
}
.finalScreen #inner h2
{
    font-size: 20px;
    margin-top: 0px;
}

.finalScreen ul
{
    font-size: 15px;
    margin-top: 20px;
    text-align: left;
    float: left;
    width: 230px;
}

.finalScreen li
{
    list-style-image: url(../../gfx/white-bullet.png);
    height: 27px;
}

.finalScreen ul.first
{
    margin-left: 250px;
    margin-right: 40px;
}

.finalScreen #downloadOovoo
{
    margin-top: 25px;
    width: 218px;
    height: 51px;
    background: url('../../gfx/download-up.png') no-repeat;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 50px;
}

.finalScreen #downloadOovoo:hover
{
    background: url('../../gfx/download-down.png') no-repeat;
    color: #1B59D6;
    text-decoration: underline;
}

.finalScreen .anotherCall
{
    font-size: 24px;
    margin-top: 40px;
}

.finalScreen #startCall
{
    background: url('../../gfx/startCall-up.png') no-repeat;
    margin-top: 25px;
    width: 218px;
    height: 51px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 50px;
}

.finalScreen #startCall:hover
{
    background: url('../../gfx/startCall-down.png') no-repeat;
    color: #1B59D6;
    text-decoration: underline;
}

.startCall
{
    background: url('../../gfx/startCall-up.png') no-repeat;
    margin-top: 25px;
    width: 218px;
    height: 51px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 50px;
    cursor:pointer;
}

.startCall:hover
{
    background: url('../../gfx/startCall-down.png') no-repeat;
    color: #1B59D6;
    text-decoration: underline;
}