/* 
    Document   : facebookprofileupdate
    Created on : Feb 19, 2013, 8:16:16 AM
    Author     : Mir Md. Faysal
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

.clr, .clear {
    clear:both;
}
.cbresponsivefbpgkstrmwrapper{
 /* margin:10px;
    padding: 5px;
    background: -moz-linear-gradient(center top , #F9F9F9, #ECECEC) repeat scroll 0 0 transparent;
    border: 1px solid #DFDFDF;*/        
    clear: both;
    font-size: 12px;
    line-height: 16px;
   
    min-height: 120px;
    
    position: relative;
    width: auto;
    
}

.cbresponsivefbpgkstrmcontainerclean{
    border: 1px solid #DFDFDF;   
    background: #fff;
    color: #000;
    -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; 
}
/*when time line is enbaled*/
.cbresponsivefbpgkstrmcontainercleant1, .cbresponsivefbpgkstrmcontainerdarkt1, .cbresponsivefbpgkstrmcontainergrayt1{
    border:1 none;
}
.cbresponsivefbpgkstrmcontainerdark {
    border: 1px solid #000;
    background: #2b2b2b;   
}

.cbresponsivefbpgkstrmcontainerdarkgrad {
    background: -moz-linear-gradient(top,  #2b2b2b 11%, #4d4d4d 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#2b2b2b), color-stop(100%,#4d4d4d)); 
    background: -webkit-linear-gradient(top,  #2b2b2b 11%,#4d4d4d 100%); 
    background: -o-linear-gradient(top,  #2b2b2b 11%,#4d4d4d 100%); 
    background: -ms-linear-gradient(top,  #2b2b2b 11%,#4d4d4d 100%); 
    background: linear-gradient(top,  #2b2b2b 11%,#4d4d4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#4d4d4d',GradientType=0 ); 
}

.cbresponsivefbpgkstrmcontainergray{
    border: 1px solid #DFDFDF;      
    background: #F1F1F1;      
}

.cbresponsivefbpgkstrmcontainergraygrad{
    background: -ms-linear-gradient(top,#F9F9F9,#ECECEC);
    background: -moz-linear-gradient(top,#F9F9F9,#ECECEC);
    background: -o-linear-gradient(top,#F9F9F9,#ECECEC);
    background: -webkit-gradient(linear,left top,left bottom,from(#F9F9F9),to(#ECECEC));
    background: -webkit-linear-gradient(top,#F9F9F9,#ECECEC);
    background: linear-gradient(top,#F9F9F9,#ECECEC);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#ECECEC',GradientType=0 );    
}

.cbresponsivefbpgkstrmitem{
    margin:10px;
    padding: 10px; 
    word-wrap: break-word !important;
/*    display:inline-block;*/
   
    
}

.cbresponsivefbpgkstrmitemthumb{
    display: inline-block;
    padding: 2px;
    margin:2px 5px 5px 0;
    border:1px solid #ccc;
  
}

div.cbresponsivefbpgkstrmcontainergray .cbresponsivefbpgkstrmitemthumb, div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitemthumb{
    border: 1px solid #CCCCCC;
}

div.cbresponsivefbpgkstrmcontainerdark .cbresponsivefbpgkstrmitemthumb,div.cbresponsivefbpgkstrmcontainermetro .cbresponsivefbpgkstrmitemthumb,div.cbresponsivefbpgkstrmcontainermetrodefault .cbresponsivefbpgkstrmitemthumb{
    border: 1px solid #fff; 
}

div.cbresponsivefbpgkstrmcontainergray div.cbresponsivefbpgkstrmitem {    
    border: 1px solid #DFDFDF;    
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    background-color:#ececec;
    -moz-box-shadow:inset 0 0 1px #fff;-ms-box-shadow:inset 0 0 1px #fff;-webkit-box-shadow:inset 0 0 1px #fff;box-shadow:inset 0 0 1px #fff;
    color: #000;
}
div.cbresponsivefbpgkstrmcontainergray div.cbresponsivefbpgkstrmitemgrad {    
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc); 
    background-image:-moz-linear-gradient(top,#fafafa 0,#dcdcdc 100%); 
    background-image:-ms-linear-gradient(top,#fafafa 0,#dcdcdc 100%); 
    background-image:-o-linear-gradient(top,#fafafa 0,#dcdcdc 100%); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#dcdcdc)); 
    background-image:-webkit-linear-gradient(top,#fafafa 0,#dcdcdc 100%); 
    background-image:linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);   
}

div.cbresponsivefbpgkstrmcontainerdark div.cbresponsivefbpgkstrmitem {
    border: 1px solid #333; 
    background: #212121;  
    color: #fff !important;
}
div.cbresponsivefbpgkstrmcontainerdark span,
div.cbresponsivefbpgkstrmcontainermetro span,
div.cbresponsivefbpgkstrmcontainermetrodefault span{
    color: #fff !important;
}

div.cbresponsivefbpgkstrmcontainerdark div.cbresponsivefbpgkstrmitemgrad {
    background: -moz-linear-gradient(right top,  #212121 11%, #474747 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#212121), color-stop(100%,#474747));
    background: -webkit-linear-gradient(right top,  #212121 11%,#474747 100%); 
    background: -o-linear-gradient(right top,  #212121 11%,#474747 100%);
    background: -ms-linear-gradient(right top,  #212121 11%,#474747 100%); 
    background: linear-gradient(right top,  #212121 11%,#474747 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#474747',GradientType=0 ); 
}

div.cbresponsivefbpgkstrmcontainermetro div.cbresponsivefbpgkstrmitem,div.cbresponsivefbpgkstrmcontainermetrodefault div.cbresponsivefbpgkstrmitem {
    background: #8ABB24; 
    color: #fff !important;
}
div.cbresponsivefbpgkstrmcontainermetro  span.cbresponsivefbpgkstrmspn, div.cbresponsivefbpgkstrmcontainermetrodefault  span.cbresponsivefbpgkstrmspn{
    color: #fff !important;
}

div.cbresponsivefbpgkstrmcontainerdark div.cbresponsivefbpgkstrmitem a:link, div.cbresponsivefbpgkstrmcontainerdark div.cbresponsivefbpgkstrmitem a:visited {color:#b4b4b4 !important;}
div.cbresponsivefbpgkstrmcontainerdark div.cbresponsivefbpgkstrmitem a:hover{ color: #999999;}

div.cbresponsivefbpgkstrmcontainerclean div.cbresponsivefbpgkstrmitem{
    border:1px solid #DFDFDF;    
    color: #000;
    background: #fff;
}



.cbresponsivefbpgkstrmround{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

div.cbresponsivefbpgkstrmcontainerdark div.cbresponsivefbpgkstrmshare{
    background-color:#434343;
    border: 1px solid #EDEFF4;
    padding:5px;
    padding-left: 10px;
    margin-top:5px;
}

div.cbresponsivefbpgkstrmcontainergray div.cbresponsivefbpgkstrmshare, div.cbresponsivefbpgkstrmcontainerclean div.cbresponsivefbpgkstrmshare{
    background-color:#EDEFF4;
    border: 1px solid #DDD;
    padding:5px;
    padding-left: 10px;
    margin-top:5px;
}

div.cbresponsivefbpgkstrmcontainermetro div.cbresponsivefbpgkstrmshare,div.cbresponsivefbpgkstrmcontainermetrodefault div.cbresponsivefbpgkstrmshare{
    border: 1px solid #fff;
    padding:5px;
    padding-left: 10px;
    margin-top:5px;
}

div.cbresponsivefbpgkstrmcontainergray div.cbresponsivefbpgkstrmitemgrad div.cbresponsivefbpgkstrmshare{
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#F6F7F8,EndColorStr=#EDEDED); 
    background-image:-moz-linear-gradient(top,#F6F7F8 0,#EDEDED 100%); 
    background-image:-ms-linear-gradient(top,#F6F7F8 0,#EDEDED 100%); 
    background-image:-o-linear-gradient(top,#F6F7F8 0,#EDEDED 100%); 
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F6F7F8),color-stop(100%,#EDEDED)); 
    background-image:-webkit-linear-gradient(top,#F6F7F8 0,#EDEDED 100%); 
    background-image:linear-gradient(to bottom,#F6F7F8 0,#EDEDED 100%); 
}

div.cbresponsivefbpgkstrmcontainermetro div.cbresponsivefbpgkstrmitem a:link, div.cbresponsivefbpgkstrmcontainermetro div.cbresponsivefbpgkstrmitem a:visited {color:#fff;}
div.cbresponsivefbpgkstrmcontainermetro div.cbresponsivefbpgkstrmitem a:hover{ color: #ccc !important; }

div.cbresponsivefbpgkstrmcontainermetrodefault div.cbresponsivefbpgkstrmitem a:link, div.cbresponsivefbpgkstrmcontainermetrodefault div.cbresponsivefbpgkstrmitem a:visited {color:#fff;}
div.cbresponsivefbpgkstrmcontainermetrodefault div.cbresponsivefbpgkstrmitem a:hover{ color: #ccc !important; }

div.cbresponsivefbpgkstrmcontainermetro span a:link,
div.cbresponsivefbpgkstrmcontainermetro span a:visited,
div.cbresponsivefbpgkstrmcontainermetrodefault span a:link,
div.cbresponsivefbpgkstrmcontainermetrodefault span a:visited{
    color:#fff !important;
}

div.cbresponsivefbpgkstrmcontainermetro div.cbresponsivefbpgkstrmitem:hover,div.cbresponsivefbpgkstrmcontainermetrodefault div.cbresponsivefbpgkstrmitem:hover{
    opacity:0.5;
}

/*.cbresponsivefbpgkstrmwrapper img{
    margin-right: 10px;
}*/

.cbresponsivefbpgkstrmadsc{
    margin-top:5px;
}
.cbresponsivefbpgkstrmshare img{
    margin-right:10px;
}

/* for header*/
div.cbresponsivefbpgkstrmitemprofile{ clear: both; margin: 10px 5px;}
.cbresponsivefbpgkstrmitemprofilepic{ float: left; display: inline; /*width:50px; height:50px;*/ margin: 0 5px 5px 0;}
.cbresponsivefbpgkstrmitemprofilepic img{ border: 0px solid #646464;}
.cbresponsivefbpgkstrmitemprofileinfo{ float: left; display: inline; margin-top:10px;}
.cbresponsivefbpgkstrmitemprofileinfon{ /*clear: both;*/}

/*
.cbresponsivefbpgkstrmitemprofileinfocir{ clear: both; margin: 5px 0;}
.cbresponsivefbpgkstrmitemprofileinfocir a{ color: #fff; padding: 3px 8px; display: inline-block;
    background:#D14836 !important;                     
    font-weight: bolder !important;
    background: -moz-linear-gradient(left top , #4c66a4, #4c66a4) !important;    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#4c66a4), color-stop(100%,#4c66a4)) !important;
    background: -webkit-linear-gradient(top,  #4c66a4 11%,#4c66a4 100%) !important;
    background: -o-linear-gradient(top,  #4c66a4 11%,#4c66a4 100%) !important; 
    background: -ms-linear-gradient(top,  #4c66a4 11%,#4c66a4 100%) !important;
    background: linear-gradient(top,  #4c66a4 11%,#4c66a4 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c66a4', endColorstr='#4c66a4',GradientType=0 ) !important; 
    
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none;}
.cbresponsivefbpgkstrmitemprofileinfocir a:visited, .cbresponsivefbpgkstrmitemprofileinfocir a:hover, .cbresponsivefbpgkstrmitemprofileinfocir a:active{color: #fff;  text-decoration: none;}
div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitemprofileinfocir a, div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitemprofileinfocir a:visited,div.cbresponsivefbpgkstrmcontainerclean  .cbresponsivefbpgkstrmitemprofileinfocir a:hover,div.cbresponsivefbpgkstrmcontainerclean  .cbresponsivefbpgkstrmitemprofileinfocir a:active{color: #fff;  text-decoration: none;}
*/

.cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn{
    color: #fff; padding: 3px 8px; display: inline-block;
    background:#D14836; 
    font-weight: bolder !important;
    background: -moz-linear-gradient(left top , #4c66a4, #4c66a4);    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11%,#4c66a4), color-stop(100%,#4c66a4));
    background: -webkit-linear-gradient(top,  #4c66a4 11%,#4c66a4 100%);
    background: -o-linear-gradient(top,  #4c66a4 11%,#4c66a4 100%); 
    background: -ms-linear-gradient(top,  #4c66a4 11%,#4c66a4 100%);
    background: linear-gradient(top,  #4c66a4 11%,#4c66a4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c66a4', endColorstr='#4c66a4',GradientType=0 );     
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none;
   margin-left: 10px;
}
.cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn:visited, .cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn:hover, .cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn:active{color: #fff;  text-decoration: none; -webkit-opacity: 0.5;	-moz-opacity: 0.5;	filter:alpha(opacity=50);}
div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn, div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn:visited,div.cbresponsivefbpgkstrmcontainerclean  .cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn:hover,div.cbresponsivefbpgkstrmcontainerclean  .cbresponsivefbpgkstrmitemprofileinfon a.rfpslikebtn:active{color: #fff;  text-decoration: none;}


.cbresponsivefbpgkstrmitemprofiletagline{clear: both; margin:5px 0; float: left; display: inline;}
.cbresponsivefbpgkstrmcontainerdark .cbresponsivefbpgkstrmitemprofileinfon{ color: #fff;}
.cbresponsivefbpgkstrmcontainerdark .cbresponsivefbpgkstrmitemprofiletagline{ color: #fff;}
div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitem a{ color: #000;}
div.cbresponsivefbpgkstrmcontainerclean .cbresponsivefbpgkstrmitemprofileinfocir .cbresponsivefbpgkstrmitem a{ color: #fff;}

/*.cbresponsivefbpgkstrmitemprofileinfocir a:hover{
    background-image: url("https://fbstatic-a.akamaihd.net/rsrc.php/v2/yY/r/2uBSioNhkb4.png");
    background-position: 0 -50px;
    background-repeat: no-repeat;
    background-size: 502px 690px;
}*/

div.cbresponsivefbpgkstrmitem span.cbresponsivefbpgkstrmitemicon img {
    display: block;
    float: left;
    /*height: 50px;*/
    margin-left: 0;
    margin-right: 10px;
    max-width: 60px;
    /*background-image:url('http://www.visitfishermanswharf.com/modules/mod_responsivefacebookpagestream/responsivefacebookpagestream/images/new-g-plus-icon-32.png');*/
    -webkit-border-radius: 05px;
    -moz-border-radius: 05px;
     border-radius: 05px;
}

/* facebook theme*/
.cbresponsivefbpgkstrmcontainerfb{
    border: 1px solid #ccc;
    color:#666666 !important;
    background-color: #FFF;
}
.cbresponsivefbpgkstrmcontainerfb span{
    color:#666666 !important;
}
.cbresponsivefbpgkstrmcontainerfb a,.cbresponsivefbpgkstrmcontainerfb span a:link,.cbresponsivefbpgkstrmcontainerfb span a:visited {  
     color: #3B5998 !important;
     /*font-weight: bolder !important;*/
     text-decoration: none !important;
     cursor:pointer;
 }
 
 .cbresponsivefbpgkstrmcontainerfb a:not(.rfpslikebtn) {
     background: none !important;
 }
 
 div.cbresponsivefbpgkstrmshare a:link, div.cbresponsivefbpgkstrmshare a:visited{
     font-weight: bolder !important;
     
 }
 div.cbresponsivefbpgkstrmcontainerfb div.cbresponsivefbpgkstrmshare, div.cbresponsivefbpgkstrmcontainerfb div.cbresponsivefbpgkstrmshare{
    background-color:#EDEFF4;
    border: 1px solid #DDD;
    padding:5px;
    padding-left: 10px;
    margin-top:5px;
}
div.cbresponsivefbpgkstrmsharevidlink img{
    padding:0;
    margin: 0;
}
.cbresponsivefbpgkstrmadsc{
    margin: 0;
    /*float:left;*/
}
div.cbresponsivefbpgkstrmcontainerfb div.cbresponsivefbpgkstrmitem{
     border: 1px solid #DDD;
     background-color: #FFF;
}