
body.bodyBlips {
    margin: 0;
    padding: 0 0 0 0; /*top, right, bottom, left*/
    font-size:11px;
    font-family:verdana, sans-serif;
    color:#cccccc;
    line-height:18px;
    background:#333333 url('../images/blips/bg_blips.jpg') repeat-x top center;
}

.blips_logo{
    width:100%;
    height:210px;
    background:url("../images/blips/blips_logo.png") no-repeat center center;
}
.blips_choices{
    margin-bottom:10px;
    width:100%;
    display:block;
    float:left;
}
.download_background{
    margin-left:15px;
    width:200px;
    padding:4px 4px 32px 4px;
    background:url("../images/bt198Bg_download.png") no-repeat center center;
    position:relative;
    float:left;
}

.downloadBt198{
    width:200px;
    height:20px;
    padding:10px 0px 18px 0px;
    font-size:12px;
    font-family:verdana,sans-serif;
    text-align:center;
    position:relative;
    float:left;
}
A .downloadBt198{
    color:#99ccff;
    background:url("../images/bt198Off_download.png") no-repeat;
}
A:hover .downloadBt198{
    color:#ffffff;
    background:url("../images/bt198On_download.png") no-repeat;
}

.download_requirement{
    font-size:9px;
    color:#336699;
    line-height:9px;
}

ul.blips_features{
    width:auto;
    padding:5px 0px 3px 0px;
    position:relative!important;
    list-style-type:none;
    display:inline-block;
}
ul.blips_features li{
    padding:5px 3px 5px 3px;
    position:relative;
    display:inline;
}


ul.blips_contents{
    width:80%;
    font-size:12px;
    font-family:arial,sans-serif;
    text-decoration:none;
    color:#999999;
    position:relative!important;
    list-style-type:none;
    display:block;
}

ul.blips_contents li{
    padding:3px 0 3px 0;
    position:relative;
    display:inline;
    float:left;
}

ul.blips_contents li.q{
    width:18%;
    display:inline;
    float:left;
}
ul.blips_contents li.q p.inside{
    font-size:21px;
    text-align:center;
    line-height:36px;
    background:#99ccff;
}

ul.blips_contents li.a{
    width:78%;
    text-align:left;
    display:inline;
    float:left;
}
ul.blips_contents li.a p.inside{
    padding:0 10px 0 10px;
    text-align:left;
    background:#555555;
}

ul.blips_contents li.s{
    width:100%;
    height:1px;
    display:block;
    float:left;
}

.contentA_topbg{
    width:100%;
    height:5px;
    background:url('../images/blips/content_a.png') no-repeat right top;
}
.contentA_botbg{
    width:100%;
    height:5px;
    background:url('../images/blips/content_a.png') no-repeat right bottom;
}

.contentQ_topbg{
    width:100%;
    height:5px;
    background:url('../images/blips/content_q.png') no-repeat left top;
}
.contentQ_botbg{
    width:100%;
    height:5px;
    background:url('../images/blips/content_q.png') no-repeat left bottom;
}

.contentQ2_topbg{
    width:100%;
    height:14px;
    background:url('../images/blips/content_q.png') no-repeat left top;
}
.contentQ2_botbg{
    width:100%;
    height:14px;
    background:url('../images/blips/content_q.png') no-repeat left bottom;
}

/*-----------------------------------------------------------------
Blips features pages
-----------------------------------------------------------------*/

.feature_head{
    width:100%;
    height:64px;
    position:relative;
    float:left;
}
a.blips_home{
    background:url('../images/blips/blips_logo_small.png') no-repeat center;
    width:114px;
    height:54px;
    float:left;
}
.feature_head .finside{
    width:840px;
    height:54px;
    padding:3px;
    background:url('../images/blips/pod_840x54.png') no-repeat left;
    position:relative;
    overflow:hidden;
    display:inline;
    float:right;
}
.finside .events_descript{
    width:90%;
    height:54px;
    padding-left:60px;
    font-size:14px;
    line-height:54px;
    background:url('../images/blips/events_icon.png') no-repeat left;
    position:relative;
    float:left;
}
.finside .friends_descript{
    width:90%;
    height:54px;
    padding-left:60px;
    font-size:14px;
    line-height:54px;
    background:url('../images/blips/friends_icon.png') no-repeat left;
    position:relative;
    float:left;
}
.finside .games_descript{
    width:90%;
    height:54px;
    padding-left:60px;
    font-size:14px;
    line-height:54px;
    background:url('../images/blips/games_icon.png') no-repeat left;
    position:relative;
    float:left;
}
.fbodytop{
    margin-left:2px;
    width:970px;
    height:10px;
    background:url('../images/blips/pod_970x20.png') no-repeat left top;
    float:left;
}
.fbodycenter{
    margin-left:2px;
    width:950px;
    padding:0 10px 0 10px;
    font-size:12px;
    background:#555555;
    overflow:hidden;
    float:left;
}
.fbodybot{
    margin-left:2px;
    width:970px;
    height:10px;
    background:url('../images/blips/pod_970x20.png') no-repeat left bottom;
    float:left;
}
.summarytop{
    width:950px;
    height:10px;
    background:url('../images/blips/pod_950x20.png') no-repeat left top;
    float:left;
}
.summarycenter{
    width:910px;
    padding:0 20px 0 20px;
    font-size:15px;
    line-height:24px;
    background:#666666;
    float:left;
}
.summarybottom{
    margin-bottom:20px;
    width:950px;
    height:10px;
    background:url('../images/blips/pod_950x20.png') no-repeat left bottom;
    float:left;
}

/*-----------------------------------------------------------------
Getting Start - gettingStart.php
-----------------------------------------------------------------*/
ul.getstarted{
    width:auto;
    padding:1px;
    position:relative;
    list-style-type:none;
    display:inline-block;
    overflow:hidden;
}
ul.getstarted li.guide{
    width:710px;
    padding:3px 0 6px 30px;
    font-size:12px;
    background:url('../images/blips/blip_point.gif') no-repeat left top;
    position:relative;
    display:list-item;
}
ul.getstarted li.guide2{
    width:710px;
    padding:3px 0 6px 30px;
    font-size:12px;
    position:relative;
    display:list-item;
}
ul.getstarted li.guide2 p.addfriend{
    padding:0 0 5px 30px;
    background:url('../images/blips/bt_addFriend.png') no-repeat left center;
}
ul.getstarted li.guide2 p.addgroup{
    padding:0 0 5px 30px;
    background:url('../images/blips/bt_addGroup.png') no-repeat left center;
}

/*-----------------------------------------------------------------
Blips on web
-----------------------------------------------------------------*/
.blipsHeader {
  width:100%;
  padding:0px;
  /*background:#000000;*/
  overflow:hidden;
}

.blipsHeader .head{
  width:280px;
  height:70px;
  /*background:#333333 url('../images/bg_top.jpg') repeat-x bottom;*/
}

.blipsHeader .head .top {
    width:100%;
}

.blipsHeader .head .top .topL{
    width:10px;
    height:70px;
    background:url('../images/header_topL.png') no-repeat bottom left;
    float:left;
}

.blipsHeader .head .top .topM{
    width:260px;
    height:70px;
    background:#333333 url('../images/bg_top.jpg') repeat-x bottom;
    float:left;
}

.blipsHeader .head .top .topR{
    width:10px;
    height:70px;
    background: url('../images/header_topR.png') no-repeat bottom right;
    float:right;
}

.blipsHeader .head .topM .logo{
    width:160px;
    padding-right:2px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:5px;
    float:left;
}
.blipsHeader .head .topM .topC{
    width:400px;
    background:none;
    float:left;
}

.blipsWidth {
  /*background:url('../images/bg_main.jpg') repeat-x top;*/
}

.blipsBody {
  width:278px;
  padding-top:10px;
  padding-bottom:3px;
  padding-right:0px;
  padding-left:0px;
  clear:both;
}