.panel1
{
    position: absolute;
    margin-top: 87px;
    margin-left: -190px;
    width: 190px;
    height: 489px;
    z-index: 10;
}
.panel2
{
    position: absolute;
    margin-top: 123px;
    margin-left: -450px;
    width: 450px;
    height: 383px;
    z-index: 5;
    background: #FFF;
    border-bottom: 3px solid #9ab1ba;
    background:#fdfdfd url(/resource/image/page-2-bg.png) repeat-y left top;
}
.panel3
{
    position: absolute;
    margin-top: 123px;
    margin-left: -190px;
    width: 190px;
    height: 383px;
    z-index: 3;
    background: #eae9e9 url(/resource/image/page-messenger-3.png) repeat-y left top;
    border-bottom: 3px solid #9ab1ba;
    border-right: 3px solid #9ab1ba;
}
.panel4
{
    position: absolute;
    margin-top: 123px;
    margin-left: -163px;
    width: 163px;
    height: 383px;
    z-index: 1;
    background: #3c79a9 url(/resource/image/page-messenger-4.png) no-repeat left top;
    border-bottom: 3px solid #9ab1ba;
    
}


.blackMenu
{
    position: absolute;
    margin-top: 48px;
    margin-left: 210px;
    width: 772px;
    background: #000;
    color: #FFF;
}
.blackMenu a
{
    display: inline-block;
    font-size: 11px;
    line-height: 18px;
    border-left: 1px solid #FFF;
    color: #FFF;
    padding: 0 20px 0 20px;
    margin: 4px 0 4px 0;
    text-decoration: none;
}
.blackMenu a:hover
{
    text-decoration: underline;
}
.blackMenu a.first
{
    border-left: 0px;
}



#page.hotmail .faydaliBilgiler { background:url(/resource/image/hotmail/faydalibilgiler-bg.png) no-repeat top left; margin:8px 0 0 17px; width:290px; height:170px; padding:10px; }
#page.hotmail .faydaliBilgiler .basliklar a, #page.hotmail .faydaliBilgiler .detaylar .baslik { color:#1e609d; text-decoration:none; display:block; float:left; margin:6px; width:125px; height:24px; text-indent:36px; background:url(/resource/image/hotmail/mektup.png) no-repeat left center; font-size:14px; }
#page.hotmail .faydaliBilgiler .basliklar a:hover { text-decoration:underline; }

#page.hotmail .faydaliBilgiler .detaylar { display:none; }
#page.hotmail .faydaliBilgiler .detaylar a { display:block; clear:both; color:#000; font-size:14px; margin-left:45px; line-height:30px; text-decoration:none; }
#page.hotmail .faydaliBilgiler .detaylar a:hover { text-decoration:underline; }
#page.hotmail .faydaliBilgiler .detaylar a.geri { text-align:right; color:#f36e21; margin-right:35px; }

#page.hotmail .faydaliBilgiler .detaylar.baglan a { line-height:22px; }
#page.hotmail .faydaliBilgiler .detaylar.erisin a { line-height:24px; }
#page.hotmail .faydaliBilgiler .detaylar.duzenle a { line-height:22px; }

#page.hotmail .panel3 a.posta { background:url(/resource/image/hotmail/mektup-kucuk.png) no-repeat left top; display:block; padding-left:26px; margin:0 0 14px 10px; color:#000; text-decoration:none; font-size:12px; }
#page.hotmail .panel4 { background:url(/resource/image/page-hotmail-4.jpg) no-repeat top left;  margin-left: -169px; width: 169px; z-index:7; }

#page.hotmail .panel4 .hotmailliol { display:block; margin:30px 0 0 0; width:158px; height:100px;  }
#page.hotmail .panel4 .hotmail { display:block; margin:44px 0 0 0; width:158px; height:85px; }
#page.hotmail .panel4 .sosyal { margin-top:40px; text-align:center; padding-left:3px; }
#page.hotmail .panel4 .sosyal a { display:inline-block; width:40px; height:40px; }
#page.hotmail .panel4 .like { clear:both; padding:10px 0 0 15px; }

#page.essentials .panel3 a.posta { background:url(/resource/image/hotmail/mektup-kucuk.png) no-repeat left top; display:block; padding-left:26px; margin:0 0 14px 10px; color:#000; text-decoration:none; font-size:12px; }
#page.essentials .panel4 { background:url(/resource/image/page-essentials-4.png) no-repeat top left; }
#page.essentials .panel4 a { display:block; margin-top:235px; height:50px; }


#page.messenger .faydaliBilgiler { background:url(/resource/image/messenger/faydalibilgiler-bg.jpg) no-repeat top left; margin:8px 0 0 17px; width:282px; height:127px; padding:10px; }
#page.messenger .faydaliBilgiler a { background:url(/resource/image/messenger/bullet.gif) no-repeat center left; text-indent:15px; display:block; font-size:12px; text-decoration:none; color:#1e609d; line-height:18px; }
#page.messenger .faydaliBilgiler a:hover { text-decoration:underline; }

#page.messenger .panel2 .oyunlar { margin:-20px 0 0 30px; width:300px; }
#page.messenger .panel2 .oyunlar a { padding-top:10px; line-height:14px; display:inline-block; height:22px; width:70px; font-size:12px; color:#000; text-decoration:none; background-repeat:no-repeat; background-position:left center; padding-left:54px; margin-right:10px; }
#page.messenger .panel2 .oyunlar a:hover { text-decoration:underline; }

#page.messenger .panel3 { background:url(/resource/image/messenger/panel3.gif) no-repeat top left; }

#page.messenger .panel3 a.posta { background:url(/resource/image/messenger/msn-kucuk.png) no-repeat left top; display:block; padding-left:26px; margin:0 0 14px 10px; color:#000; text-decoration:none; font-size:12px; }
#page.messenger .panel3 .tumu { width:110px; display:inline-block; *display:inline; zoom:1; height:17px; }
#page.messenger .panel3 .messenger { display: block; height: 80px; margin-left: 10px; margin-top: 12px; width: 170px; }
#page.messenger .panel3 .mac { margin:10px; width:170px; height:70px; margin-top:15px; display:block;  }
#page.messenger .panel3 .blog { margin:10px; width:170px; height:50px; margin-top:20px; display:block;  }


#page.messenger .panel4 { background:url(/resource/image/messenger/panel4.jpg) no-repeat top left; }


#page.messenger .panel4 .ikonlar { padding:110px 10px 0 10px }
#page.messenger .panel4 .ikonlar a { background-repeat:no-repeat; background-position:left center; height:30px; padding-left:35px; display:block; font-size:13px; margin:7px 0 7px 5px; color:#FFF; text-decoration:none;  line-height:15px; }

#page.messenger .panel4 .sosyal { margin-top:45px; text-align:center; padding-left:4px; }
#page.messenger .panel4 .sosyal a { display:inline-block; width:40px; height:40px; }
#page.messenger .panel4 .like { clear:both; padding:5px 0 0 15px; }