/*  Copyright 2012 Keek - http://www.keek.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}
blockquote, q {
  quotes:none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content:'';
  content:none;
}
del {
  text-decoration:line-through;
}
sup {
  position:relative;
  top:-5px;
  font-size: 10px;
}
table {
  border-collapse:separate;
  border-spacing:0;
}
/* Reset End
============================================================================================================================================ */
html, body {
  height:100%;
  padding:0;
  margin:0;
  border:0;
  font: 12px/21px Helvetica, Arial, sans-serif;
  color: #374953;
  background: #ecf6f8;
}
/* Headers and Links
============================================================================================================================================ */
h1, h2, h3, h4, h5 {
  display: block;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  color: #122433;
  font-weight: bold;
  width: 100%;
  padding: 10px 0;
}
h1 {
  font-size: 28px;
  margin: 0;
  font-weight: normal;
  margin-bottom: 5px;
  word-wrap: break-word;
}
.search-holder h1 {
  line-height: 31px;
}
h1.results-h1 { padding: 0 0 5px 0; line-height: 26px; font-size: 24px; }
h2 {
  font-size: 24px;
  margin-bottom: 5px;
}
#left-search h3, .people-f h3, .people h3 {
  font-size: 16px;
  padding: 0;
  margin: 0 0 10px;
}

  #left-search h3,
  .people-f h3,
  .people h3 {
    font-size: 16px;
      padding: 0;
      font-weight: bold;
      margin: 0 0 25px;
  }
  
  #left-search h3 a,
  .people-f h3 a,
  .people h3 a {
    float: left;
  }

h3 {
    font-size: 24px;
    margin: 0 0 10px;
}

h4 {
  font-size: 18px;
    padding: 0;
}

h5 {
    font-size: 16px;
    padding: 0;
}

p {
    margin: 1em 0 0;
    color: #596670;
    font-size: 14px;
  line-height: 17px;
}

a {
  cursor:pointer;
  text-decoration:none;
  color: #1E6E9E;
}

    a img {
      border:none;
    }

    a:visited,a:link {
        color: #1E6E9E;
    }
    
    a:hover,
    ul li a:hover {
        color: #122433;
        text-decoration:none;
    }

a:active,
ul li a:active {
  color:#596670;
    outline:none !important;
}

ul {
    list-style-type: none;
}

ol {
    list-style-type: none;
}
/* Headers and Links End
============================================================================================================================================ */
/* Helpers
============================================================================================================================================ */
.clr,
.clear {
  overflow:hidden;
    width:0;
    line-height:0;
    clear:both;
    display:block;
}
  
    .clear {
      height: 100px;
    }

  .space {
      height: 15px;
  }

  .noscript {
      text-align:center;
      background-color:#000;
    border-bottom:1px solid #fff;
    padding:5px 0;
    color:#E5E5E5;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index: 99;
  }

    .noscript a {
      text-decoration:underline;
      color:#ff0000;
      font-weight: bold;
    }

.error {
    margin: 0 0 3px;
  color: #F37053;
    font-size: 10px;
    line-height: 17px;
  width: 250px;
    clear: both;
}

#caption_error.error {
    display: block;
    margin: 0 0 10px 10px;
}

hr {
  border: 0;
  margin: 20px 0;
  color: #E0E4E8;
  background: #E0E4E8;
  height: 1px;
}

.left {
    float:left;
}

.right {
  float:right;
}

.center {
    display: block;
    margin: 0 auto;
}

.bottom {
    bottom: 0;
    position: absolute;
}

.hidden {
    display:none;
}
/* Helpers End
============================================================================================================================================ */
/* Buttons
============================================================================================================================================ */
button, a.button, div.button, span.button {
  border: 1px solid #C3CED5;
  cursor: pointer;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  behavior: url(http://www.keek.com/css/PIE.htc);
}
    /* Colours */
    button.green, a.button.green, .green { color: #5FB312; }
    button.red, a.button.red, .red { color: #F04E37; }
    button.blue, a.button.blue, .blue, a.blue { color: #1E6E9E; }
    button.yellow, a.button.yellow, a.button.small.yellow, a.button.large.yellow { 
      border: 1px solid #F78E3D;
    color: #163042;
    text-shadow: 0 1px 0 #EBF79A;
    -pie-background: linear-gradient(#ffe872, #ffcf0c);
    background-image: linear-gradient(bottom, #FFCE0C 0%, #FFE872 100%);
    background-image: -o-linear-gradient(bottom, #FFCE0C 0%, #FFE872 100%);
    background-image: -moz-linear-gradient(bottom, #FFCE0C 0%, #FFE872 100%);
    background-image: -webkit-linear-gradient(bottom, #FFCE0C 0%, #FFE872 100%);
    background-image: -ms-linear-gradient(bottom, #FFCE0C 0%, #FFE872 100%);
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #FFCE0C), color-stop(1, #FFE872) );
    behavior: url(http://www.keek.com/css/PIE.htc);
    position: relative;
    }
      button.yellow:hover, a.button.yellow:hover, a.button.small.yellow:hover, a.button.large.yellow:hover {
        color: black;
      -pie-background: linear-gradient(#F7D752, #D3AC07);
      background-image: linear-gradient(bottom, #D3AE07 0%, #F7D652 100%);
      background-image: -o-linear-gradient(bottom, #D3AE07 0%, #F7D652 100%);
      background-image: -moz-linear-gradient(bottom, #D3AE07 0%, #F7D652 100%);
      background-image: -webkit-linear-gradient(bottom, #D3AE07 0%, #F7D652 100%);
      background-image: -ms-linear-gradient(bottom, #D3AE07 0%, #F7D652 100%);
      background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #D3AE07), color-stop(1, #F7D652) );
      behavior: url(http://www.keek.com/css/PIE.htc);
      }
      button.yellow:active, a.button.yellow:active, a.button.small.yellow:active, a.button.large.yellow:active {
        color: black;
      -pie-background: linear-gradient(#ffcf0c, #ffe872);
      background-image: linear-gradient(bottom, #FFCE0C 0%, #E8B563 100%);
      background-image: -o-linear-gradient(bottom, #FFCE0C 0%, #E8B563 100%);
      background-image: -moz-linear-gradient(bottom, #FFCE0C 0%, #E8B563 100%);
      background-image: -webkit-linear-gradient(bottom, #FFCE0C 0%, #E8B563 100%);
      background-image: -ms-linear-gradient(bottom, #FFCE0C 0%, #E8B563 100%);
      background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #FFCE0C), color-stop(1, #E8B563) );
      behavior: url(http://www.keek.com/css/PIE.htc);
      }
    .yellow { color: #FCEE21; }
    .grey-b { color: #7C7C7C; font-size: 14px !important;}

button.small,
a.button.small,
button.medium,
a.button.medium,
button.large,
a.button.large,
button.xlarge,
a.button.xlarge,
.signup.panel .leftsigninbtn,
.signup.panel .button,
button.sign-in,
a.button.sign-in,
button.submit,
a.button.submit,
button.popup,
a.button.popup,
.sidebar-signup .button,
button.create-account,
a.button.create-account,
button.viewkeek,
a.button.viewkeek,
button.privatekeek,
a.button.privatekeek
div.button,
span.medium {
    /*text-shadow: 0 1px 0 #fff;*/
    background: #fff;
    border: 1px solid #C3CED4;
    -pie-background: #F1F1F1 linear-gradient(#fff, #EAEAEA);
    background: #F1F1F1 -moz-linear-gradient(top, #ffffff 0%, #EAEAEA 100%);
    background: #F1F1F1 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#EAEAEA));
    background: #F1F1F1 -webkit-linear-gradient(top, #ffffff 0%,#EAEAEA 100%);
    background: #F1F1F1 -o-linear-gradient(top, #ffffff 0%,#EAEAEA 100%);
    background: #F1F1F1 -ms-linear-gradient(top, #ffffff 0%,#EAEAEA 100%);
    background: #F1F1F1 linear-gradient(top, #ffffff 0%,#EAEAEA 100%);
    behavior: url(http://www.keek.com/css/PIE.htc);
    text-shadow: 0 1px #fff;
}

button.small:hover,
a.button.small:hover,
button.medium:hover,
a.button.medium:hover,
button.large:hover,
a.button.large:hover,
button.xlarge:hover,
a.button.xlarge:hover,
.signup.panel .leftsigninbtn:hover,
.signup.panel .button:hover,
button.sign-in:hover,
a.button.sign-in:hover,
button.submit:hover,
a.button.submit:hover,
button.popup:hover,
a.button.popup:hover,
.sidebar-signup .button:hover,
button.create-account:hover,
a.button.create-account:hover,
button.viewkeek:hover,
a.button.viewkeek:hover,
button.privatekeek:hover,
a.button.privatekeek:hover{
    color: #112434;
    -pie-background: linear-gradient(#F5F5F5, #DBDBDB);
    background: -ms-linear-gradient(#F5F5F5, #DBDBDB);
    background: -o-linear-gradient(#F5F5F5, #DBDBDB);
    background: -webkit-linear-gradient(#F5F5F5, #DBDBDB);
    background: -moz-linear-gradient(#F5F5F5, #DBDBDB);
    background: linear-gradient(#F5F5F5, #DBDBDB);
    behavior: url(http://www.keek.com/css/PIE.htc);
}

button.small:active,
a.button.small:active,
button.medium:active,
a.button.medium:active,
button.large:active,
a.button.large:active,
button.xlarge:active,
a.button.xlarge:active,
.signup.panel .leftsigninbtn:active,
.signup.panel .button:active,
button.sign-in:active,
a.button.sign-in:active,
button.submit:active,
a.button.submit:active,
button.popup:active,
a.button.popup:active,
.sidebar-signup .button:active,
button.create-account:active,
a.button.create-account:active,
button.viewkeek:active,
a.button.viewkeek:active,
button.privatekeek:active,
a.button.privatekeek:active {
    color: #112434;
    /*background: #d5d8da;*/
    -pie-background: linear-gradient(#DBDBDB, #F5F5F5);
    background: -moz-linear-gradient(top, #DBDBDB 0%, #F5F5F5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DBDBDB), color-stop(100%,#F5F5F5));
    background: -webkit-linear-gradient(top, #DBDBDB 0%,#F5F5F5 100%);
    background: -o-linear-gradient(top, #DBDBDB 0%,#F5F5F5 100%);
    background: -ms-linear-gradient(top, #DBDBDB 0%,#F5F5F5 100%);
    background: linear-gradient(top, #DBDBDB 0%,#F5F5F5 100%);
    behavior: url(http://www.keek.com/css/PIE.htc);
}

button.disabled {
    color: #C3CED5;
    -pie-background: linear-gradient(#d5d8da, #fff);
    background: -moz-linear-gradient(top, #d5d8da 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d8da), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    background: linear-gradient(top, #d5d8da 0%,#ffffff 100%);
}

button.small,
a.button.small {
    font-size: 12px;
    padding:  3px 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }

a.button.small {
    padding: 4px 6px 3px
}

button.viewkeek,
a.button.viewkeek,
button.privatekeek,
a.button.privatekeek {
    font-size: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
    
    button.viewkeek,
    a.button.viewkeek {
        padding:  5px 24px 2px;
    }

    button.privatekeek,
    a.button.privatekeek {
        padding:  5px 7px 2px;
    }

button.medium,
a.button.medium,
span.button.medium {
  font-size: 14px;
  padding: 7px 10px 4px;
}

button.large,
a.button.large,
div.button {
    font-size: 16px;
    padding: 9px 15px 7px;
    margin-top: 0;
}

button.xlarge,
a.button.xlarge {
    font-size: 24px;
    padding: 8px 20px 4px;
    margin-top: 0;
    position: relative;
}

    .spacebtn {
      margin-right: 5px;
    }

    button.wlu {
        font-size: 36px;
        line-height: 60px;
        margin: 20px auto;
        padding: 5px 20px 0 5px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        -ms-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
    }

    button.sign-in,
    a.button.sign-in,
    button.large-width,
    a.button.large-width {
        padding: 8px 40px 4px;
    }

    #popup-content button.large-width,
    #popup-content a.button.large-width {
        margin-top: 10px;
    }

        button.sign-in,
        a.button.sign-in,
        button.submit-p,
        a.button.submit-p {
            left: 186px;
            position: relative;
        }

        #wlu-promo-p button.sign-in,
        #wlu-promo-p a.button.sign-in,
        #wlu-promo-p button.submit-p,
        #wlu-promo-p a.button.submit-p {
            left: 0;
            top: 28px;
            position: relative;
            margin: 20px 10px 0;
        }

    button.create-account,
    a.button.create-account {
        margin: 20px 309px 20px 0;
    }
    
    #home .sign-up,
    #home a.sign-up {
        margin-top: 5px;
        margin-left: 3px;
        /*font-size: 20px;
        padding: 8px 10px 6px;
        font-weight: bold;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;*/
    }
  
  #subscribe {
    background: rgba(17, 36, 52, 0.5);
    font-size: 18px;
    text-align: center;
    color: #fff;
    width: 416px;
    height: 310px;
    position: absolute;
    z-index: 1;
    line-height: 21px;
    display: none;
  }   
  
    #subscribe .subscribe-max-text{
      display:none;
    } 
    
      .subscribe {
        background: url("../../img/btn-subscribe2.png") 0 0 no-repeat;
        width: 150px;
        height: 50px;
        margin: 10px auto;
      }
      
      .subscribed {
        background: url("../../img/btn-subscribed2.png") 0 0 no-repeat;
        width: 200px;
        height: 52px;
        margin: 130px auto 0;
        display: none;
      }
  
    .gr-sub {
      border: 1px solid #C3CED4;
      background: rgba(17, 36, 52, 0.5);
      margin: 30px 30px 20px;
      text-align: center;
      padding: 20px;
      word-wrap: break-word;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
    }
    
      .gr-sub:active {
        background: rgba(17, 36, 52, 0.9);
      }
  
      .play-again {
        border: 1px solid #C3CED4;
        padding: 17px;
        background: rgba(17, 36, 52, 0.5);
        color: #fff;
        width: 140px;
        margin: 0 auto;
        font-weight: bold;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
      }

        .play-again:active {
          background: rgba(17, 36, 52, 0.9);
        }
        
          .playa {
            position: relative; 
            top: -1px;
          }

        /* Gold */
        #home .sign-up,
        a.button.search,
        #home a.sign-up,
        .sidebar-signup .button,
        .sidebar-signup-m .button, 
    button.create-account,
        a.button.create-account {
            border: 1px solid #F78E3D;
            color: #163042;
            text-shadow: 0 1px 0 #EBF79A;
            -pie-background: linear-gradient(#ffe872, #ffcf0c);
            background-image: linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
            background-image: -o-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
            
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(255,206,12)),
                color-stop(1, rgb(255,232,114))
            );
            behavior: url(http://www.keek.com/css/PIE.htc);
            position: relative;
        }
        
        #home .sign-up:hover,
        a.button.search:hover,
        #home a.sign-up:hover,
        .sidebar-signup .button:hover,
        .sidebar-signup-m .button:hover, 
        button.create-account:hover,
        a.button.create-account:hover,
        #sidebar .panel-count button.large:hover,
        #sidebar .panel-count a.button.large:hover, 
        #sidebar .panel-count div.button:hover,
        #sidebar-sign .panel-count button.large:hover,
        #sidebar-sign .panel-count a.button.large:hover, 
        #sidebar-sign .panel-count div.button:hover{
        color: #000;
         -pie-background: linear-gradient(#F7D752, #D3AC07);
            background-image: linear-gradient(bottom, rgb(211,174,7) 0%, rgb(247,214,82) 100%);
            background-image: -o-linear-gradient(bottom, rgb(211,174,7) 0%, rgb(247,214,82) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(211,174,7) 0%, rgb(247,214,82) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(211,174,7) 0%, rgb(247,214,82) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(211,174,7) 0%, rgb(247,214,82) 100%);
            
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(211,174,7)),
                color-stop(1, rgb(247,214,82))
            );
            behavior: url(http://www.keek.com/css/PIE.htc);
        }

        #home .sign-up:active,
        a.button.search:active,
        #home a.sign-up:active,
        .sidebar-signup .button:active,
        .sidebar-signup-m .button:active, 
        button.create-account:active,
        a.button.create-account:active,
        #sidebar .panel-count button.large:active,
        #sidebar .panel-count a.button.large:active,
        #sidebar .panel-count div.button:active,
        #sidebar-sign .panel-count button.large:active,
        #sidebar-sign .panel-count a.button.large:active,
        #sidebar-sign .panel-count div.button:active{
      color: #000;
      -pie-background: linear-gradient(#ffcf0c, #ffe872);
            background-image: linear-gradient(bottom, rgb(255,206,12) 0%, rgb(232,181,99) 100%);
            background-image: -o-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(232,181,99) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(232,181,99) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(232,181,99) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(232,181,99) 100%);
            
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(255,206,12)),
                color-stop(1, rgb(232,181,99))
            );
            behavior: url(http://www.keek.com/css/PIE.htc);
        }

     /* Green */
        #user_header a.button.call_follow,
        #user_header button.call_follow {
            text-shadow:none;
            border: 1px solid #693;
            color: #FFF;
            -pie-background: linear-gradient(#2DDE00, #579E13);
            background-image: linear-gradient(bottom, rgb(86,158,19) 0%, rgb(44,222,0) 100%);
            background-image: -o-linear-gradient(bottom, rgb(86,158,19) 0%, rgb(44,222,0) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(86,158,19) 0%, rgb(44,222,0) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(86,158,19) 0%, rgb(44,222,0) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(86,158,19) 0%, rgb(44,222,0) 100%);
            
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(86,158,19)),
                color-stop(1, rgb(44,222,0))
            );
            behavior: url(http://www.keek.com/css/PIE.htc);
        }
        
        #user_header a.button.call_follow:hover,
        #user_header button.call_follow:hover {
            color: #122433;
        -pie-background: linear-gradient(#80C419, #527F1D);
            background-image: linear-gradient(bottom, rgb(81,127,29) 0%, rgb(128,196,25) 100%);
            background-image: -o-linear-gradient(bottom, rgb(81,127,29) 0%, rgb(128,196,25) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(81,127,29) 0%, rgb(128,196,25) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(81,127,29) 0%, rgb(128,196,25) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(81,127,29) 0%, rgb(128,196,25) 100%);
            
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(81,127,29)),
                color-stop(1, rgb(128,196,25))
            );
            behavior: url(http://www.keek.com/css/PIE.htc);
        }

        #user_header a.button.call_follow:active,
        #user_header button.call_follow:active {
      color: #fff;
            -pie-background: linear-gradient(#55961D, #93CD3C);
            background-image: linear-gradient(bottom, rgb(147,205,60) 0%, rgb(85,150,29) 100%);
            background-image: -o-linear-gradient(bottom, rgb(147,205,60) 0%, rgb(85,150,29) 100%);
            background-image: -moz-linear-gradient(bottom, rgb(147,205,60) 0%, rgb(85,150,29) 100%);
            background-image: -webkit-linear-gradient(bottom, rgb(147,205,60) 0%, rgb(85,150,29) 100%);
            background-image: -ms-linear-gradient(bottom, rgb(147,205,60) 0%, rgb(85,150,29) 100%);
            
            background-image: -webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(0, rgb(147,205,60)),
                color-stop(1, rgb(85,150,29))
            );
            behavior: url(http://www.keek.com/css/PIE.htc);
        }

    button.submit,
    a.button.submit {
        font-size: 14px;
        padding: 7px 10px 7px;
        -pie-background: linear-gradient(#fff, #DDE3E7);
        background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, #DDE3E7),
        color-stop(1, #FFFFFF)
        );
            background-image: -moz-linear-gradient(
            center bottom,
            #DDE3E7 0%,
            #FFFFFF 100%
        );
        behavior: url(http://www.keek.com/css/PIE.htc);
    }

        button.submit:hover,
        a.button.submit:hover {
      -pie-background: linear-gradient(#fff, #D4D8DA);
      background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.4, #D4D8DA),
        color-stop(1, #FFFFFF)
      );
      background-image: -moz-linear-gradient(
        center bottom,
        #D4D8DA 40%,
        #FFFFFF 100%
      );
      background: -moz-linear-gradient(#fff, #D4D8DA);
      background: -o-linear-gradient(#fff, #D4D8DA);
      background: -ms-linear-gradient(#fff, #D4D8DA);
      background: linear-gradient(#fff, #D4D8DA);
        behavior: url(http://www.keek.com/css/PIE.htc);
        }

    button.submit:active,
    a.button.submit:active {
        -pie-background: linear-gradient(#d5d8da, #fff);
        background-image: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, #FFFFFF),
          color-stop(1, #D1D5D7)
        );
        background-image: -moz-linear-gradient(
          center bottom,
          #FFFFFF 0%,
          #D1D5D7 100%
        );
        behavior: url(http://www.keek.com/css/PIE.htc);
      }

    .sidebar-signup .button,
    .sidebar-signup-m .button {
        margin: 12px auto 0;
        font-size: 24px;
        width: 290px;
        display: block;
        padding: 14px 10px 10px;
        text-align: center;
    }

/* People View */
        .follow-btn {
            background: transparent url("../../img/btn-follow-subscribe2.png") 0 0 no-repeat;
            height: 25px;
            width: 87px;
            float: left;
            margin-right: 8px;
            position: relative;
            cursor:pointer;
        }
            
            .follow-btn:hover {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -30px no-repeat;
            }
        
            .follow-btn:active {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -60px no-repeat;
            }

            .unfollow-btn:active {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -151px no-repeat;
            }
        
        .following-btn {
            background: transparent url("../../img/btn-follow-subscribe2.png") 0 -91px no-repeat;
            height: 25px;
            width: 87px;
            float: left;
            margin-right: 8px;
            cursor:pointer;
        }
        
            .following-btn:hover {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -121px no-repeat;
            }

            .following-btn:active {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -151px no-repeat;
            }
            
        .subscribe-btn {
            background: transparent url("../../img/btn-follow-subscribe2.png") 0 -181px no-repeat;
            height: 25px;
            width: 104px;
            display: inline-block;
            cursor:pointer;
        }
        
            .subscribe-btn:hover {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -211px no-repeat;
            }
            
            .subscribe-btn:active {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -241px no-repeat;
            }
            
        .subscribed-btn {
            background: transparent url("../../img/btn-follow-subscribe2.png") 0 -271px no-repeat;
            height: 25px;
            width: 104px;
            display: inline-block;
            cursor:pointer;
        }
        
            .subscribed-btn:hover {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -301px no-repeat;
                height: 25px;
                width: 104px;
                display: inline-block;
            }
            
            .subscribed-btn:active {
                background: transparent url("../../img/btn-follow-subscribe2.png") 0 -331px no-repeat;
            }
/* Buttons End
=========================================================================================== */
/* Form Elements
=========================================================================================== */
textarea, input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #C3CED5;
    color: #7C7C7C;
    font-family: Helvetica,Arial,sans-serif;
    width: 540px;
    font-weight: normal;
    font-size: 16px;
    padding: 5px;
    height: 18px;
    margin: 0 0 10px 0;
    resize: none;
    font-family: Helvetica,Arial,sans-serif;
    -webkit-box-shadow: 0 1px 2px #E1E6EA inset;
    -moz-box-shadow: 0 1px 2px #E1E6EA inset;
    box-shadow: 0 1px 2px #E1E6EA inset;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

input[type=checkbox] {
    border: none;
    background: transparent;
    left: -20px;
    position: absolute;
    top: 0;
    width: 15px !important;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
  box-shadow: none;
}

    input:hover,
    textarea:hover {
      border-color: #122433;
      color: #122433;
    }

    input:focus,
    textarea:focus {
      -webkit-box-shadow: 0 0 5px #3EA6B7;
      -moz-box-shadow: 0 0 5px #3EA6B7;
      box-shadow: 0 0 5px #3EA6B7;
      border-color: #3EA6B7;
      color: #596670;
    }

    #header input,
    #header input[type="text"],
    .search-results-box input[type="submit"] {
        -webkit-box-shadow: none;
        -moz-box-shadow:none;
        box-shadow: none;
    }

    input.error,
    textarea.error {
        color: #F37053;
        border: 1px solid #F37053;
        margin: 0 0 10px;
        font-size: 16px;
    }

label {
    padding: 0;
    margin: 0;
    display: block;
    position: relative;
}

    label input {
      margin-top: 5px;
    }

  #content label.small {
    font-size:11px;
    margin: 0 0 0 20px;
  }
/* Form Elements End
=========================================================================================== */
/* Thumbnails
=========================================================================================== */
.thumbnail-80,
.thumbnail-75 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    -webkit-box-shadow: 0 1px 0 #FFFFFF;
  -moz-box-shadow: 0 1px 0 #FFFFFF;
  box-shadow: 0 1px 0 #FFFFFF;
  display: block;

}

.thumbnail-35 {
    width: 35px;
    height: 35px;
    display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

  .thumbnail-35.user {
    position:relative;
  }

.thumbnail-75 {
    width: 75px;
    height: 75px;
}

  .thumbnail-80:hover,
  .thumbnail-75:hover,
  .thumbnail-35:hover {
    -webkit-box-shadow: 0 0 8px #C5D1D9;
    -moz-box-shadow: 0 0 8px #C5D1D9;
    box-shadow: 0 0 8px #C5D1D9;
  }
/* Thumbnails End
=========================================================================================== */
/* Pagination
=========================================================================================== */
.pagination {
  background: url("../../img/pag-bkg.png") left bottom repeat-x;
  width: 558px;
  height: 28px;
  border: 1px solid #C3CED5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

    .pagination ol {
      float: right;
      padding: 0 25px;
      margin: 4px;
      position: relative;
    }

    .pagination ol li {
      display: inline;
    }

        .pagination h2 {
            font-size: 12px;
            display: inline;
        }
    
        .pagination ol li a {
            text-shadow: 0 1px 0 #fff;
            border-left: 1px solid #C3CED5;
            padding: 8px 9px;
            font-size: 12px;
            font-weight: bold;
        }
               
            .pagination ol li a:hover {
                color: #122433;
                background: url("../../img/bkg-pag-hover.png") repeat-x scroll 0 0 transparent;
            }
    
            .pagination ol li.current {
                background: url("../../img/bkg-pag-active.png")  repeat-x scroll 0 0 transparent;
                color: #317493;
                text-shadow: 0 1px 0 #fff;
                border-left: 1px solid #C3CED5;
                padding: 8px 9px 7px;
                font-weight: bold;
            }
  
          .pagination ol li.prev a,
          .pagination ol li.next a {
          display: block;
          float: left;
          height: 12px;
          margin-top: -2px;
          padding: 0;
          width: 13px;
          border: 0;
          }
  
        .pagination ol li.prev {
        float: left;
        border: none;
        padding-top: 6px;
        }
  
      .pagination ol li.prev a {
          background: url("../../img/arrows-pagination.png") no-repeat scroll 0 0 transparent;
        padding-right:5px;
      }
  
      .pagination ol li.prev a:hover {
          background: url("../../img/arrows-pagination.png") no-repeat scroll 0 -13px transparent;
      }
  
      .pagination ol li.prev-inactive {
          background: url("../../img/arrows-pagination.png") no-repeat scroll 0 -26px transparent;
        display: block;
        float: left;
        height: 7px;
        margin: 4px 7px 0 0;
        padding: 0;
        width: 13px;
        border: 0;
        border: none;
        padding-top: 6px;
      }
  
        .pagination ol li.next {
        position: absolute;
        padding: 10px 5px 10px 10px;
        top: -5px;
        border-left: 1px solid #C3CED5;
        height: 10px;
        }
  
        .pagination ol li.next a {
          background: transparent url("../../img/arrowsin-pagination.png") 0 0 no-repeat;
        }
    
        .pagination ol li.next a:hover {
            background: transparent url("../../img/arrowsin-pagination.png") 0 -13px no-repeat;
        }
    
    
        .pagination ol li.next-inactive {
          background: url("../../img/arrowslast-pagination.png") no-repeat scroll 10px 7px transparent;
          border-left: 1px solid #C3CED5;
          display: block;
          height: 13px;
          padding: 10px 5px 6px 10px;
          position: absolute;
          right: -4px;
          top: -4px;
          width: 13px
        }
        
        .pagination.no-numbers {
          width: 496px;
          margin-left:62px;
          float:left;
        }
        .pagination.no-numbers.top-lists { margin-left: 0; width: 558px; }
        .pagination.no-numbers ol {
          float:none;
          margin:0px;
          padding:0px;
          overflow:hidden;
        }
        .pagination.no-numbers li.prev span a,
        .pagination.no-numbers li.next span a,
        .pagination.no-numbers li.prev-inactive span,
        .pagination.no-numbers li.next-inactive span{
          width:auto;
          line-height:15px;
          height:13px;
          font-size: 12px;
          font-weight: bold;
        }
        .pagination.no-numbers li.prev,
        .pagination.no-numbers li.prev-inactive{
          height: 10px;
          padding: 10px 5px 10px 10px;
          border-right: 1px solid #C3CED5;
        }
        .pagination.no-numbers li.next,
        .pagination.no-numbers li.next-inactive{
          top:0;
          position:relative;
          float:right;
          padding-right:10px;
        }
        .pagination.no-numbers li.prev span a,
        .pagination.no-numbers li.prev-inactive span{
          padding:0 10px 0 15px;
        }
        .pagination.no-numbers li.next span a,
        .pagination.no-numbers li.next-inactive span {
          padding:0 15px 0 5px;
        }
        .pagination.no-numbers li.next a {
          background: transparent url("../../img/arrowsin-pagination.png") right -1px no-repeat;
        }
        .pagination.no-numbers li.next a:hover {
          background: transparent url("../../img/arrowsin-pagination.png") right -14px no-repeat;
        }
        .pagination.no-numbers li.prev-inactive,
        .pagination.no-numbers li.next-inactive{
          margin:0px;
          width:auto;
          background:none;
        }
        .pagination.no-numbers li.prev-inactive span {
          float:left;
          width:auto;
          background: url("../../img/arrows-pagination.png") no-repeat scroll 0 -26px transparent;
          color:#B2B8BD;
          margin-top:-2px;
          position:relative;
        }
        .pagination.no-numbers li.next-inactive span {
          float:right;
          width:auto;
          background: url("../../img/arrowslast-pagination.png") no-repeat scroll right 0px transparent;
          color:#B2B8BD;
          margin:-2px 4px 0 0;
          position:relative;
        }
/* Pagination End
=========================================================================================== */
/* Pagination Side bar
=========================================================================================== */
#pagination-sidebar {
  background:url("../../img/bkg-page.png") repeat-x scroll -1px 0 transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border-top: 1px solid #c3ced4;
  border-right: 1px solid #c3ced4;
  border-bottom: 1px solid #c3ced4;
  border-left: none;
  text-align: center;
  width: 352px;
  height: 23px;
  padding-top: 5px;
  position: relative;
}

#pagination-sidebar a {
    background: none;
}

#next-page,
#prev-page {
    height: 30px;
    position: absolute;
    width: 40px;
    top: -1px
}

    #prev-page.active {
        background: url("../../img/prev-pagination.png") no-repeat scroll 0 0 transparent;
        left: -1px;
    }
      #prev-page.active:hover {
          background: url("../../img/prev-pagination.png") no-repeat scroll 0 -30px transparent;
          cursor: pointer;
          left: -1px;
        }

      #prev-page.inactive {
          background: url("../../img/prev-pagination.png") no-repeat scroll 0 -60px transparent;
          left: -1px;
      }

      #next-page.active {
        background: url("../../img/next-pagination.png") no-repeat scroll 0 0 transparent;
          right: -11px;
      }
      
        #next-page.active:hover {
          background: url("../../img/next-pagination.png") no-repeat scroll 0 -30px transparent;
          cursor: pointer;
        }

      #next-page.inactive {
          background: url("../../img/next-pagination.png") no-repeat scroll 0 -60px transparent;
          right: -11px;
      }

.tabs {
  width: 920px;
  height: 82px;
  border: 1px solid #C3CED4;
  padding: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  background: #fff url("../../img/dash-nav-bg.png") left bottom repeat-x;
  overflow: hidden;
  margin: 0 0 20px;
}
  .tabs li {
    display: block;
    width: 106px;
    height: 82px;
    float: left;
    margin: 0 0 0 10px;
    position: relative;
  }
    li#tabs-stream { margin: 0; }
  .tabs a {
    display: block;
    width: 104px;
    padding: 55px 0 0 0;
    height: 27px;
    border: 1px solid transparent; /* Including a 1px transparent border to avoid having to background-position all of the off state BGs - TODO: FIX THIS WHEN YOU MAKE SPRITES */
    text-align: center;
    font-size: 14px;
    color: #596670;
    text-shadow: 0 1px #fff;
  }
    li#tabs-stream a { background: transparent url('../../img/dashboard-nav-stream-sprite.png') no-repeat; }
    li#tabs-keekmail a { background: transparent url('../../img/dashboard-nav-keekmail-sprite.png') no-repeat; }
    li#tabs-people a { background: transparent url('../../img/dashboard-nav-people-sprite.png') no-repeat; }
    li#tabs-mycontent a { background: transparent url('../../img/dashboard-nav-mycontent-sprite.png') no-repeat; }
    li#tabs-editprofile a { background: transparent url('../../img/dashboard-nav-editprofile-sprite.png') no-repeat; }
    li#tabs-mystats a { background: transparent url('../../img/dashboard-nav-mystats-sprite.png') no-repeat; }
    li#tabs-invite a { background: transparent url('../../img/dashboard-nav-invitefriends-sprite.png') no-repeat; }
    li#tabs-settings a { background: transparent url('../../img/dashboard-nav-settings-sprite.png') no-repeat; }
    .tabs a:hover, .tabs a:active { 
      color: #0f0f0f; 
    }
    .tabs a:hover, .current-tab a {
      color: #0F0F0F;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #C3CED4;
      width: 104px;
      height: 25px;
    }
      .current-tab a { -moz-box-shadow: 0 1px #fff; -webkit-box-shadow: 0 1px #fff; box-shadow: 0 1px #fff; }
      li#tabs-stream a:hover { background: transparent url('../../img/dashboard-nav-stream-sprite.png') 0 -164px no-repeat; }
      li#tabs-stream a:active, li#tabs-stream.current-tab a  { background: transparent url('../../img/dashboard-nav-stream-sprite.png') 0 -82px no-repeat; }
      li#tabs-keekmail a:hover { background: transparent url('../../img/dashboard-nav-keekmail-sprite.png') 0 -164px no-repeat; }
      li#tabs-keekmail a:active, li#tabs-keekmail.current-tab a { background: transparent url('../../img/dashboard-nav-keekmail-sprite.png') 0 -82px no-repeat; }
      li#tabs-people a:hover { background: transparent url('../../img/dashboard-nav-people-sprite.png') 0 -164px no-repeat; }
      li#tabs-people a:active, li#tabs-people.current-tab a { background: transparent url('../../img/dashboard-nav-people-sprite.png') 0 -82px no-repeat; }
      li#tabs-mycontent a:hover { background: transparent url('../../img/dashboard-nav-mycontent-sprite.png') 0 -164px no-repeat; }
      li#tabs-mycontent a:active, li#tabs-mycontent.current-tab a { background: transparent url('../../img/dashboard-nav-mycontent-sprite.png') 0 -82px no-repeat; }
      li#tabs-editprofile a:hover { background: transparent url('../../img/dashboard-nav-editprofile-sprite.png') 0 -164px no-repeat; }
      li#tabs-editprofile a:active, li#tabs-editprofile.current-tab a { background: transparent url('../../img/dashboard-nav-editprofile-sprite.png') 0 -82px no-repeat; }
      li#tabs-mystats a:hover { background: transparent url('../../img/dashboard-nav-mystats-sprite.png') 0 -164px no-repeat; }
      li#tabs-mystats a:active, li#tabs-mystats.current-tab a { background: transparent url('../../img/dashboard-nav-mystats-sprite.png') 0 -82px no-repeat; }
      li#tabs-invite a:hover { background: transparent url('../../img/dashboard-nav-invitefriends-sprite.png') 0 -164px no-repeat; }
      li#tabs-invite a:active, li#tabs-invite.current-tab a { background: transparent url('../../img/dashboard-nav-invitefriends-sprite.png') 0 -82px no-repeat; }
      li#tabs-settings a:hover { background: transparent url('../../img/dashboard-nav-settings-sprite.png') 0 -164px no-repeat; }
      li#tabs-settings a:active, li#tabs-settings.current-tab a { background: transparent url('../../img/dashboard-nav-settings-sprite.png') 0 -82px no-repeat; }


/* Page Subnavigation Tabs end
=========================================================================================== */
/* Messages and Notifications
=========================================================================================== */
.msg {
  padding: 10px 0 8px 10px;
  font-weight: normal;
  border: 1px solid #596670;
  color: #596670;
  margin: 0 0 20px 0;
  height: 22px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}

.msg span {
    width: 100%;
}

  .msg.fail {
    /*background: url("../../img/msg-icon-error.png") top left no-repeat;*/
    color: #F37053;
    border-color: #F37053;
  }
  
  .msg.success {
    /*background: url("../../img/msg-icon-success.png") top left no-repeat;*/
    color: #5fb312;
    border-color: #5fb312;
  }
  
  .msg.info {
    /*background: url("../../img/msg-icon-info.png") top left no-repeat;*/
    color: #58666f;
    border-color: #58666f;
  }
  
  .msg.notice {
    /*background: url("../../img/msg-icon-notice.png") top left no-repeat;*/
    color: #2f7492;
    border-color: #2f7492;
  }
  
  .msg.white {
    background-color: #fff;
  }

.suspend,
.video-b .suspend,
.mycomments-wu .suspend {
    background: none repeat scroll 0 0 #F04E37;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 10px;
    line-height: 10px;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

    .suspend,
    .video-b .suspend {
        left: 25px;
        padding: 5px 10px;
        position: absolute;
        top: 35px;
    }

        .video-b .suspend {
            left: 15px;
            top: 25px;
        }    
  
  .mycomments-wu .suspend {
      margin: 0 0 10px;
      left: 0; 
      top: 0;
      padding: 5px 10px;
      width: 50px;
      position: relative;
  }

.kred-rep {
    background: none repeat scroll 0 0 #91C52E;
    color: #FFFFFF;
    float: left;
    margin: 6px 0 0;
    padding: 1px 5px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}
/* Structure
=========================================================================================== */
#header p#logo span {
  display: none !important;
}

#container-logged {
    /*background: #ecf6f8 url("../../img/bkg-logged-p.png") top repeat-x;*/
    min-height: 100%;
}

  #register #container-logged {
    background: none;
    min-height: 100%;
  }

#content {
    padding: 0 0 150px 10px;
    margin: 20px auto 0;
    width: 950px;
    overflow:hidden;
    min-height: 100%;
}

#signup .clear,
#signin .clear {
    height: 0;
}

#home #content,
#profile #content {
  padding: 0 0 150px 10px;
  width: 950px;
  overflow:hidden;
  min-height: 100%;
}
    #home #content {
      margin:15px auto 0;
    }

    #profile #content, #search-results #content {
        margin: 20px auto 0;
    }

  #home .clear {
    height: 0;
  }
  
  #home #wrap {
    /*width: 960px;*/
    /*float:left;*/
  }

#wrap {
    width: 940px;
    margin: 0 auto;
    float:left;
}

    #left,
    #left-search {
        width: 560px;
        float: left;
        margin-bottom: 50px;
        /*margin-top: 20px;*/
    }

    #left-search {
      margin-top: 0;
      position: relative;
    }
  
    .search-holder {
      width: 560px;
      position: relative;
    }
    
    .search-holder button.search-btn {
      width: 130px;
      margin-left: 10px;
    }
    
    .search-holder .search-box {
      width: 118px;
    }
    
    .search-holder .search-radiobox {
      top: 10px;
    }
    
      .search-radiobox {
        float: right;
        top: 0;
        font-size: 11px;
        position: absolute;
        right: 0;
        z-index: 1;
      }
      
      .search-radiobox .sortby {
        display: inline;
      }

      .results-h1 .query {
        font-weight: bold;
      }
      
            #left #show-more,
            #prvmsg-show-more {
                width: 560px;
            }

  #sidebar,
  #sidebar-sign {
      width: 350px;
      float: right;
  }
  
  #search-results #sidebar-sign {
    /*top: -74px; */
  }

    #sidebar {
        margin: 0 0 0 27px;
    }

    #sidebar-sign {
      margin: 0 0 80px 27px;
      position: relative;
      /*top: -13px;*/
    }

    #aboutus #sidebar-sign,
    #signin #sidebar-sign {
      top: 0;
    }

        #pictures {
          padding-top: 20px;
          margin-bottom: 6px;
        }

    #full-cont,
    #full-cont-l {
        width: 940px;
        float: left;
        margin-bottom: 100px;
        /*margin-top: 20px;*/
    }

        #full-cont-l {
          margin-top: 20px;
        }

        #full-cont-l .l {
          width: 365px;
        } 

      /* Sidebar Panels */
    #sidebar .sidebar-signup,
    #sidebar-sign .sidebar-signup,
    #sidebar-sign .login-register,
    #sidebar .sidebar-signup-m,
    #sidebar-sign .sidebar-signup-m,
    #sidebar .panel.follows,
    #sidebar-sign .panel.follows {
      width: 322px;
      border: 1px solid #C3CED5;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      padding: 10px 15px 20px;
      clear:left;
      font-size: 16px;
        }
        
        /* Three Different coloured sidebar */
        #sidebar .sidebar-signup,
        #sidebar .panel.ad,
        #sidebar-sign .sidebar-signup,
        #sidebar-sign .panel.ad,
        #sidebar-sign .login-register,
        #sidebar-sign .sidebar-signup-m,
        #sidebar .panel.follows,
        #sidebar-sign .panel.follows {
      background-color: #E7F4DB;
        }

      #sidebar .panel.follows,
      #sidebar-sign .panel.follows {
        margin-bottom: 20px;
        overflow:hidden;
      }

      #sidebar .sidebar-signup,
      #sidebar-sign .sidebar-signup,
      #sidebar-signup-m .sidebar-signup {
          background-color: #E7F4DB;
          margin: 0 0 20px;
      }
    
        #sidebar .sidebar-signup-m,
        #sidebar-sign .sidebar-signup-m {
            background-color: #F3FAFB;
            margin: 0 0 20px;
          text-align: center;
        }

        #sidebar .sidebar-signup-m .center,
        #sidebar-sign .sidebar-signup-m .center {
            margin: 5px auto;
        }

                    #sidebar .sidebar-signup-m .side-title-s, 
                    #sidebar-sign .side-title-s {
                        color: #5FB312;
                        font-size: 28px;
                        font-weight: bold;
                        padding: 20px 0 10px;
                    }
                    
                    #sidebar .sidebar-signup-m:hover, 
                    #sidebar-sign .sidebar-signup-m:hover {
                      background-color: #D8EDF1;
                    }
                    
                    #sidebar .sidebar-signup-m b, 
                    #sidebar-sign .sidebar-signup-m b {
                        font-size: 18px;
                        color: #374953;
                    }
                    
                    #sidebar .sidebar-signup-m p, 
                    #sidebar-sign .sidebar-signup-m p {
                        margin: 0;
                    }
                    

.sidebar-signup-m ul.social {
    position: relative;
    width: 330px;
    margin: 10px auto 6px;
}
  
  ul.social {
    margin: 0 auto;
  }
  
  .un-margin {
    margin: 12px auto;
    width: 100%;
    overflow: hidden;
  }

        #sidebar .panel.ad,
        #sidebar .panel.follows,
        #sidebar-sign .panel.ad,
        #sidebar-sign .panel.follows {
            background-color: #f3fafb;
        }

        #sidebar-sign .login-register {
            background-color: #D8EDF1;
            padding: 10px 15px;
            margin-bottom: 20px;
        }
        
         #sidebar-sign .login-register h3 {
      text-align: center !important;
        }

            #sidebar-sign .login-register:hover {
              background-color: #B2DBE2;
            }

        #sidebar .sidebar-signup-m .side-title,
        #sidebar-sign .sidebar-signup-m .side-title {
            color: #122433;
            font-size: 24px;
            font-weight: bold;
            line-height: 27px;
            margin: 10px 0 0;
            padding: 0;
            text-align: center;
        }

        #sidebar-sign .sidebar-signup-m p,
        #sidebar .sidebar-signup p {
            margin: 0;
            font-size: 14px;
            color: #374953;
        }

      #sidebar .panel-count,
      #sidebar-sign .panel-count{
        background: none repeat scroll 0 50% #F4FAFB;
        border: 1px solid #CDD6DC;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin-bottom: 20px;
        padding: 15px;
        position: relative;
        width: 321px;
        font-size:16px;
        color:#153043;
        -moz-box-shadow: 0px 3px 7px #B9E2ED;
        -webkit-box-shadow: 0px 3px 7px #B9E2ED;
        box-shadow: 0px 3px 7px #B9E2ED;
      }
      
      #sidebar .panel-count .keep-email-k,
      #sidebar-sign .panel-count .keep-email-k {
        font-size: 16px;
        height: 17px;
        margin: 11px 0 0 0;
        padding: 9px 5px 8px;
        resize: none;
        width: 210px;
        background:transparent;
        float:left;
      }
      
      #sidebar .panel-count button.large,
      #sidebar .panel-count a.button.large,
      #sidebar .panel-count div.button,
      #sidebar-sign .panel-count button.large,
      #sidebar-sign .panel-count a.button.large,
      #sidebar-sign .panel-count div.button{
        font-size:16px;
        float:right;
        margin:11px 0 0;
        color:#163042;
        border:1px solid #F78E3D;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        text-shadow: 0 1px 0 #EBF79A;
        padding-top:9px;
        -pie-background: linear-gradient(#ffe872, #ffcf0c);
        background-image: linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
        background-image: -o-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
        background-image: -moz-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
        background-image: -webkit-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
        background-image: -ms-linear-gradient(bottom, rgb(255,206,12) 0%, rgb(255,232,114) 100%);
        background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(255,206,12)), color-stop(1, rgb(255,232,114)) );
        behavior: url(http://www.keek.com/css/PIE.htc);
      }
        /* Firefox adds extra padding to button elements behind the scenes. We're only targeting this button for now to avoid breaking any existing buttons */
        #sidebar-signup button::-moz-focus-inner, #reg-frm button::-moz-focus-inner { border: 0; padding: 0; } 

        #sidebar .panel.ad ul,
        #sidebar .sidebar-signup ul,
        #sidebar-sign .panel.ad ul,
        #sidebar-sign .sidebar-signup ul {
            list-style: disc;
            text-align: left;
            margin-left: 20px;
            font-size: 13px;
            line-height: 18px;
        }

        #sidebar-sign .panel.singlebar {
          background-color: #D8EDF1;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
          padding: 10px 20px;
          border: 1px solid #C3CED5;
          width: 311px;
          position:relative;
        }

      #sidebar-sign .panel.singlebar:hover {
        background-color: #B2DBE2;
      }

            #sidebar-sign .panel.singlebar h3 {
                text-align: left;
                font-size: 20px;
            }

    #sidebar .panel.ad h3,
    #sidebar .sidebar-signup h3,
    #sidebar-sign .panel.ad h3,
    #sidebar-sign .sidebar-signup h3,
    #sidebar-sign .login-register h3 {
        color: #122433;
        font-size: 20px;
        margin-bottom: 0;
        text-align: left;
    }

    #sidebar .panel.ad hr,
    #sidebar .sidebar-signup hr,
    #sidebar-sign .panel.ad hr,
    #sidebar-sign .sidebar-signup hr,
    #sidebar-sign .login-register hr {
      border: 0;
      margin: -5px 0 15px;
      color: #A3AAAF;
      background: #A3AAAF;
      height: 1px;
        }

    #header p#logo {
    float: left;
    width: 140px;
    height: 28px;
    padding: 0;
    margin: 0 10px 0 0;
    } 

    #header p#logo a {
      display: block;
      height: 30px;
      width: 140px;
      background: url("../../img/keek-logo.png") 0 0 no-repeat;
      margin-top: 0;
    }

    #header a.button {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #000;
      float: left;
      font-size: 13px;
      font-weight: normal;
      text-shadow: 0 -1px #000;
      height: 30px;
      width: 106px;
      margin-right: 10px;
      position: relative;
      box-shadow: 0 1px 0 #375763;
      -moz-box-shadow: 0 1px 0 #375763;
      -webkit-box-shadow: 0 1px 0 #375763;
      color: #E4F4F6;
      background: transparent url("../../img/header-btn-bg-2.png") repeat-x;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D5169), color-stop(1, #002132) );
      background: -moz-linear-gradient(center top, #1D5169 0%, #002132 100%);
      background: linear-gradient(#1D5169, #002132);
      background: -ms-linear-gradient(top, #1D5169 0%, #002132 100%);
      -pie-background: linear-gradient(#1D5169, #002132);
      overflow: hidden;
    }
    
      #header a.button:hover {
        background: transparent url("../../img/header-btn-bg-hover-2.png") repeat-x;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2F5F74), color-stop(1, #002132) );
        background: -moz-linear-gradient(center top, #2F5F74 0%, #002132 100%);
        background: linear-gradient(#2F5F74, #002132);
        background: -ms-linear-gradient(top, #2F5F74 0%, #002132 100%);
        -pie-background: linear-gradient(#2F5F74, #002132);
      }
    
      #header a.button:active {
        /*background: url("../../img/btn-keek.png") no-repeat scroll 0 -100px transparent;*/
        /*color: #fff;*/
      }
      
        .latest-mystream {
            position: absolute;
            right: 200px;
        }

    #header a.button span {
      width: 62px;
      display: block;
      float: left;
      margin: 4px 0 0 11px;
    }
      #header a.button img {
        margin: 1px 3px 0 0;
        display: block;
        float: right;
    }

    #user-info {
      color: #6C7983;
      font-size: 13px;
      position: absolute;
      right: 0;
      top: 19px;
    }
    
      #user-info a {
        color: #00CCCC;
        margin: 5px;
      }
        
      #user-info a:hover {
        color: #FFF;
      }

    #header .header-btn {
      border: 1px solid #000;
      border-radius: 5px 5px 5px 5px;
      float: left;
      font-size: 13px;
      font-weight: normal;
      height: 16px;
      /*padding: 4px 15px 14px;*/
      padding: 4px 13px 10px 13px;
      text-shadow: 0 -1px #000;
      position:relative;
      margin-right: 10px;
      color: #E4F4F6;
      background: transparent url("../../img/header-btn-bg-2.png") repeat-x;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D5169), color-stop(1, #002132) );
      background: -moz-linear-gradient(center top, #1D5169 0%, #002132 100%);
      background: linear-gradient(#1D5169, #002132);
      background: -ms-linear-gradient(top, #1D5169 0%, #002132 100%);
      -pie-background: linear-gradient(#1D5169, #002132);
      box-shadow: 0 1px 0 #375763;
      -moz-box-shadow: 0 1px 0 #375763;
      -webkit-box-shadow: 0 1px 0 #375763;
      display: block;
      position: relative;
      behavior: url(http://www.keek.com/css/PIE.htc)
    }
      #header .header-btn.s-1 { margin-right: 0; }
      #header .header-btn:hover {
        background: transparent url("../../img/header-btn-bg-hover-2.png") repeat-x;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2F5F74), color-stop(1, #002132) );
        background: -moz-linear-gradient(center top, #2F5F74 0%, #002132 100%);
        background: linear-gradient(#2F5F74, #002132);
        background: -ms-linear-gradient(top, #2F5F74 0%, #002132 100%);
        -pie-background: linear-gradient(#2F5F74, #002132);
      }
  
      #header .header-btn:active {
        /*background: url("../../img/bkg-toph.png") repeat scroll 0 0 transparent;*/
        /*color: #fff;*/
      }

#header form {
    float: left;
    width: 215px;
    position: relative;
    margin: 0 30px 0 0;
    top: 13px;
}

  .search-results-box form {
    position: relative;
    width: 485px;
  }

#header input,
.search-results-box input[type="submit"] {
    color: #E0E4E8;
    margin: 0;
    border: 0;
    float: left;
    font-size: 14px;
    font-weight: normal;
}

ul.search-dropdown {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    right: 5px;
    top: -13px;
}

  ul.search-dropdown li {
      display:block;
      float:left;
      position:relative;
      width: 205px;
      /*height: 55px;*/
  }
    ul.search-dropdown li.drop { margin-right: 5px; }
  
    ul.search-dropdown li.active {
      background: transparent url("../../img/header-highlight-bg.png");
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #285B71), color-stop(1, #0D2C3C) );
      background: -moz-linear-gradient(center top, #285B71 0%, #0D2C3C 100%);
      background: -ms-linear-gradient(top, #285B71 0%, #0D2C3C 100%);
      background: linear-gradient(#285B71, #0D2C3C);
      -pie-background: linear-gradient(#285B71, #0D2C3C);
      color: #7fc241;
      height: 57px;
      margin-top: -13px;
      top: 13px; /* TODO: This CSS is TERRIBLE.  It needs to be re-written. */
    }
  
    ul.search-dropdown li.ui-menu-item:hover {
      background: #C6DCDE;
      border: 0;
    }

    ul.search-dropdown li.ui-menu-item a:hover {
      color: #112434;
    }

  ul.search-dropdown li a {
      display:block;
      float:left;
      color:#fff;
      text-decoration:none;
      font-size: 13px;
      font-style:normal;
      font-weight:bold;
      font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
      padding: 16px 15px 5px 5px;
      line-height:18px;
      height: 47px;
  }

  ul.search-dropdown li.drop a {
      padding-right:1px;
  }
  
  /*ul.search-dropdown li.drop:hover li {
      border:none;
  }
  
  ul.search-dropdown li.drop:hover, ul.search-dropdown li.current:hover {
      color: #7fc241;
  }
  
    ul.search-dropdown li.drop:hover ul {
      display:block;
      padding: 8px 0;
      }*/
  
  ul.search-dropdown li ul {
      position:absolute;
      width: 100%;
      top:57px;
      left:0;
      border: 0;
      list-style-type:none;
      margin:0;
      padding: 0 0 10px;
      box-shadow: none;
      background: #fff;
      overflow: hidden;
      z-index: 999;
      border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;
      box-shadow: 0 3px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.25); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
  }
  
    ul.search-dropdown li ul li {
      float:none;
      height: auto;
      margin:0 auto;
      padding:0;
      border:none;
      background: #fff;
      border-radius: 3px;
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      width: 95%;
    }
          
          ul.search-dropdown li ul li.savedSearchLabel,
          ul.search-dropdown li ul li.savedSearchLabel:hover,
      ul.search-dropdown li ul li a {
        float:none;
        background:none;
        margin:0;
        display:block;
        font-size:12px;
        height:auto;
        padding: 4px 13px;
        font-weight:normal;
        color: #1E6E9E;
        width: 173px;
        overflow: hidden;
      }
      
        ul.search-dropdown li ul li.savedSearchLabel,
        ul.search-dropdown li ul li.savedSearchLabel:hover {
            color: #979FA5;
            font-family: Helvetica, Arial, sans-serif;
        }
    
    #header input[type="text"] {
      /*background: url("../../img/bkg-search.png") no-repeat scroll left top transparent;
      border-radius: 16px 16px 16px 16px;*/
      background: #1D5169;
      border: 1px solid #000;
      border-radius: 5px 5px 5px 5px;
      padding: 6px 36px 6px 8px;
      line-height: 13px;
      position: relative;
      width: 139px;
      margin-left: 10px;
      color: #E4F4F6;
      font-size: 13px;
      -moz-box-shadow: 0 2px 2px #193746 inset;
      -webkit-box-shadow: 0 2px 2px #193746 inset;
      box-shadow: 0 2px 2px #193746 inset;
    }
    
    #header input[type="text"]:focus {
        /*background: url("../../img/bkg-search2.png") no-repeat scroll left top transparent;*/
        background: #fff;
        color: #000;
    }

    #header input[type="submit"],
    .search-results-box input[type="submit"] {
      background: url("../../img/icon-small-search-v2.png") no-repeat scroll left top transparent;
      cursor: pointer;
      height: 16px;
      position: absolute;
      right: 11px;
      top: 8px;
      width: 32px;
      text-indent: -9999px;
    }

      #header input[type="submit"]:hover,
      .search-results-box input[type="submit"]:hover {
          background: url("../../img/icon-small-search-v2.png") no-repeat scroll left -16px transparent;
      }
    
      #header input[type="submit"]:active,
      .search-results-box input[type="submit"]:active {
          opacity:.5;
      }
      
      .search-results-box input[type="submit"] {
        right: 3px;
        top: 8px;
      }
/* Structure End
=========================================================================================== */
/* Flag, Delete, Edit, Block, Closer Icons
=========================================================================================== */
    ul.list {
      position: relative;
    } 

        .keek-comment-b ul.list {
            top: 5px;
            height:22px;
        }

  .list li {
    display: inline;
    list-style-type: none;
    font-size: 10px;
    border: none;
    font-weight: normal;
  }

    .list li a {
      padding: 0 5px 0 15px;
    }

    .list li a.flag,
    .list li.flag,
    .list li a.delete,
    .list li.delete,
    .list li a.edit,
    .list li.edit,
    .list li a.block,
    .list li.block,
    .list li a.k,
    .list li.k {
      display: inline-block;
      height: 15px;
      min-height: 15px;
      font-size: 10px;
      font-weight: normal;
      width: auto;
      }
     
      .list li.k a {
        padding: 0 5px 0 0;
      }

    .mystream-b .comment-box .list li, .comment-box .list li {
        padding: 0 5px 0 0;
    }

  #search .list li.flag {
      display: none;
      width: 40px;
  }

        .list li a.flag,
        .list li.flag {
          background: url("../../img/icon-flag-small.jpg") no-repeat scroll 0 2px transparent;
        }
          
      .list li a.flag:hover,
      .list li.flag:hover {
        background: url("../../img/icon-flag-small.jpg") 0 -12px no-repeat;
      }

        .list li a.delete,
        .list li.delete {
          background: url("../../img/icon-delete-small.jpg") no-repeat scroll 0 2px transparent;
        }
          
            .list li a.delete:hover,
            .list li.delete:hover {
                background: url("../../img/icon-delete-small.jpg") 0 -12px no-repeat;
            }

        .list li a.edit,
        .list li.edit {
          background: url("../../img/icon-edit-small.jpg") no-repeat scroll 0 2px transparent;
        }
      
      .list li a.edit:hover,
      .list li.edit:hover{
        background: url("../../img/icon-edit-small.jpg") 0 -12px no-repeat;
      }

        .list li a.block,
        .list li.block {
          background: url("../../img/icon-unfollow-small.png") no-repeat scroll 0 2px transparent;
        }
        
            .list li a.block:hover,
            .list li.block:hover {
               background: url("../../img/icon-unfollow-small.png") 0 -12px no-repeat;
          }

.blue-solid .unfollow-u,
#user_header a.unfollow-u {
    background: url("../../img/icon-unfollow-small.png") no-repeat scroll 0 -1px transparent;
    display: inline-block;
    /*float: right;*/
    font-size: 10px;
    height: 12px;
    line-height: 14px;
    margin: 4px 75px 0 0;
    padding: 0 0 0 15px;
}

  #user_header a.unfollow-u {
    float: left;
    margin: 10px 0 0 10px;
  }

  #user_header a.unfollow-u:hover,
    .blue-solid .unfollow-u:hover {
      background: url("../../img/icon-unfollow-small.png") 0 -13px no-repeat;
  }
  
.closing-box {
    overflow: hidden;
    padding: 0 5px 0 0;
    width: 100%;
}

.white-border-mail .closer,
.comments-email .closer,
.comments-embed .closer,
.comments-links .closer,
.comments-flag .closer,
.mystream .closer {
  background: url("../../img/icon-closer-small.jpg") 0 0 no-repeat;
  height: 12px;
  width: 15px;
  position: relative;
  display: inline-block;
  top: 2px;
  margin-left: 5px;
  cursor: pointer;
}
  
  .mystream .closer {
    float: right;
  }

  .white-border-mail .closer {
      float: right;
    top: 10px;
  }

    .comments-email .closer,
    .comments-embed .closer,
    .comments-links .closer,
    .comments-flag .closer {
      top: 3px;
      right: -10px;
    }
        .white-border-mail .closer:hover,
        .comments-email .closer:hover,
    .comments-embed .closer:hover,
    .comments-links .closer:hover,
    .comments-flag .closer:hover,
    .mystream .closer:hover {
      background: url("../../img/icon-closer-small.jpg") 0 -12px no-repeat;
      height: 13px;
      top: 3px;
    }
  
            .white-border-mail .closer:hover {
                top: 10px;
            }
            
/* Flag, Delete, Edit, Block, Closer Icons end
=========================================================================================== */
/* Profile drop down
=========================================================================================== */
ul.menu li span.notification,
.tabs .notification,
#keekmail-list .notification,
.white-border-mail .notification {
    background: none repeat scroll 0 0 #F04E37;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    left: 11px;
    line-height: 8px;
    padding: 4px 5px;
    position: absolute;
    top: 8px;
    z-index: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

  ul.menu li span.notification {
    /*border: 1px solid #fff;*/
    text-shadow: none;
  }

.header-s {
    margin-left: 316px;
    position: absolute;
    top: 72px;
    font-size: 14px;
    font-weight: bold;
}

  .tabs .notification {
    /*padding: 3px 6px 2px;
    position: relative;
    top: -1px;
    left: 3px;
    margin-right:3px;*/
    text-shadow: none;
    /*border: 1px solid #fff;*/
    top: 10px;
    left: 24px;
  }
  
  #keekmail-list .notification {
    padding: 3px 6px 2px;
    position: relative;
    top: -1px;
    left: 3px;
    margin-right:3px;
  }

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -3px;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
  ul.menu:hover {
    background: transparent url("../../img/header-highlight-bg.png");
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #285B71), color-stop(1, #0D2C3C) );
    background: -moz-linear-gradient(center top, #285B71 0%, #0D2C3C 100%);
    background: -ms-linear-gradient(top, #285B71 0%, #0D2C3C 100%);
    background: linear-gradient(#285B71, #0D2C3C);
    -pie-background: linear-gradient(#285B71, #0D2C3C);
  }

  ul.menu img {
    float:left;
    border: 0;
    margin-right: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position:relative;
  }
  
  ul.menu li {
      display:block;
      float:left;
      position:relative;
  }
    ul.menu li.drop { min-width: 145px; }
      ul.menu li.drop a.drop-link { background: transparent url('../../img/nav-arrow.png') 92% 0 no-repeat; }
        ul.menu li.drop a.drop-link { background: transparent url('../../img/nav-arrow.png') 92% -36px no-repeat }
    ul.menu li:hover {
      /*background: #264A5D url("../../img/user-bg.gif") repeat-x right center;*/
      color: #7fc241;
    }

    #spacer-link { padding-right: 9px; }
  
  ul.menu li a {
      display:block;
      float:left;
      color:#E4F4F6;
      text-decoration:none;
      font-size: 13px;
      font-style:normal;
      font-weight:bold;
      font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
      padding: 14px 15px 6px 5px;
      line-height:18px;
      height: 38px;
      text-shadow: 0 -1px #000;
  }
/*    #header-username {
      padding-right: 25px;
      background: transparent url('../../img/nav-arrow.png') 92% 0px no-repeat;
    }
      #header-username:hover {
        background: transparent url('../../img/nav-arrow.png') 92% -36px no-repeat;
      }*/
    .dropdown-arrow { margin-left: 5px; font-size: 18px; padding-right: 10px; }
  
  ul li.drop:hover span.usr, ul.menu li.drop.current span.user {
    color: #fff;
  }
  
  ul.menu li a span {
      font-weight:normal;
      line-height: 34px;
  }
    
    ul.menu li a span.hd_drp_notif {
      font-weight:normal;
      line-height: 17px;
    }
  
  ul.menu li.drop a {
      padding-right:1px;
  }
  
  ul.menu li.drop:hover li {
      border:none;
  }
  
  ul.menu li.drop span.toggle {
      display:block;
      float:left;
      width:12px;
      height:6px;
      background: url("../../img/nav-arrow.png") no-repeat 0 0;
      padding:0;
      margin:21px 0 0 0;
  }
  
  ul.menu li.drop:hover, ul.menu li.current:hover {
      color: #7fc241;
  }
  
    ul.menu li.drop:hover ul {
      display:block;
      z-index: 9999;
      padding-bottom:8px;
      }
  
  ul.menu li ul {
      display:none;
      position:absolute;
      width: 100%;
      top:58px;
      left:0;
      list-style-type:none;
      margin:0;
      padding:0;
      background: #fff;
      z-index: 1;
      border-left: 1px solid #f0f3f4;
      border-right: 1px solid #f0f3f4;
      border-bottom: 1px solid #f0f3f4;
      box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
  }
  
    ul.menu li ul li {
      float:none;
      height: auto;
      margin:0 auto;
      width: 94%;
      padding:0;
      border:none;
      background-color: #384752;
      -webkit-border-radius: 3px !important;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px !important;
    }
  
      ul.menu li ul li a {
        float:none;
        background:none;
        margin:0;
        display:block;
        font-size:12px;
        height:auto;
        padding: 4px 13px;
        font-weight:normal;
        color: #1E6E9E;
        text-shadow: none;
      }
        ul.menu li ul li:first-child { margin-top: 9px; }
    
  /* drop down menu hover styles */
  ul.menu li:hover ul {
      border-bottom-left-radius: 5px;
      border-bottom-right-radius:5px;
      -moz-border-radius-bottomleft:5px;
      -moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;
      -webkit-border-bottom-right-radius:5px;
  }
        ul.menu li:hover ul * {
        background:none;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        }
    
      ul.menu li ul li:hover {
        background-color:#C6DCDE;
        }
        
        ul.menu li ul li a:hover {
          color: #112434;
        }
/* Profile drop down end
=========================================================================================== */
/* Footer
=========================================================================================== */
#footer {
    background: transparent url("../../img/footer-repeat.jpg") center bottom repeat-x;
    position: relative;
    margin: -150px auto 0;
    height: 150px;
    clear:both;
    text-align: center;
}

  #footer .copy {
    color: #BAAA9C;
    bottom: 15px;
    font-size: 11px;
    position: absolute;
    left: 153px;
  }
  
    #footer .fb {
      margin: 0 5px 0 20px;
      }

  #footer li {
    display: inline;
    margin-right: 4px;
    color: #baaa9c;
    background: transparent url("../../img/divider.png") right top no-repeat;
    padding: 2px 10px 2px 0;
  }

    #footer li.last-child {
      background: none;
      padding: 2px 0;
    }

    #footer li a,
    #footer .copy a,
    #footer .copy a:hover {
      color: #BAAA9C;
    }
  
      #footer li a:hover {
        color: #fff;
      }

    #footer a { color: #FFF; }
    #footer a:hover { color: #193A48; }
  
      #footer .inner {
        bottom: 0;
        height: 150px;
        margin: 0 auto;
        position: relative;
        text-align: left;
        width: 940px;
      }
      
        #footer .inner .logo {
          bottom: 20px;
          position: absolute;
        }
      
        #footer .inner .navigation {
          float:right;
          font-size: 12px;
          margin-top: 114px;
        }
/* Footer end
=========================================================================================== */
/* Homepage
=========================================================================================== */
#header-wrap {
  background-image: url('../../img/header-bg-2.png'); 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #043E58), color-stop(1, #002132) );
  background-image: -moz-linear-gradient(center top, #043E58 0%, #002132 100%);
  background-image: linear-gradient(#043E58, #002132);
  background-image: -ms-linear-gradient(top, #043E58 0%, #002132 100%);
}

#header {
    padding: 11px 0 0;
    height: 44px;
    width: 940px;
    margin: 0 auto;
    position: relative;
}

    #top-header {
        margin: 0 auto;
        padding: 10px 0;
        text-align: center;
        width: 940px;
        margin-bottom: 20px;
        border-right: 1px solid #5ABBC9;
        border-left: 1px solid #5ABBC9;
        border-bottom: 1px solid #5ABBC9;
        -webkit-border-bottom-right-radius: 6px;
        -webkit-border-bottom-left-radius: 6px;
        -moz-border-radius-bottomright: 6px;
        -moz-border-radius-bottomleft: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        font-size: 14px;
        background-image: -webkit-gradient(
          linear,
          left bottom,
          left top,
          color-stop(0, #BDDFEA),
          color-stop(1, #78BBD4)
        );
        background-image: -moz-linear-gradient(
          center bottom,
          #BDDFEA 0%,
          #78BBD4 100%
        );
          -pie-background: linear-gradient(#78BBD4, #BDDFEA);
          position:relative;
    }

    #top-header h1 {
        font-size: 14px;
        font-weight: normal;
        padding: 0;
    }

        #top-header a {
            font-weight: bold;
        }

        #top-header-w {
            margin: 20px auto;
            padding: 0;
            text-align: center;
            width: 940px;
        }
        
#home #header .sign-in {
  margin: 0 17px;
}
    /* Sign up messages */
    .small-signin {
        float: right;
        font-size: 14px;
        line-height: 17px;
        margin-top: 7px;
        text-align: left;
        width: 90px;
    }

        .small-signin span {
          font-size: 10px;
          position: relative;
          top: 1px;
          display: block;
          width: 100px;
      }

  #home #features .col {
    border: 1px solid #8DD8E2;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    width: 270px;
    height: 245px;
    float: left;
    padding: 15px;
    text-align: center;
    background: #E4F4F6;
      /*background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.7, #E4F4F6),
      color-stop(1, #B9DCE8 )
      );
      background-image: -moz-linear-gradient(
        center bottom,
        #E4F4F6 70%,
        #B9DCE8 100%
      );*/
  }

    #home #features .col .home-img {
        margin: 10px 0 17px;
    }

        #home #features .capture {
            margin: 0 17px;
        } 
        
        #home #features .col h1 {
            font-size: 18px;
            font-weight: bold;
            padding: 0;
            clear: both;
        }

         #home #features .header {
            font-size: 38px;
            letter-spacing: -1px;
            font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
            color: #163042;
            font-weight: bold;
            padding: 10px;
        }

        #home #features .col p,
        #home #features .col .center-padding {
            color: #163042;
            margin: 0 0 10px;
        }
    
            #home #features .col .center-padding {
                width: 285px;
            }

        #home #features .col.connect ul {
            margin: 0 auto 8px;
            width: 225px;
        }
        
            #home #features .col.connect ul li {
                float: left;
                margin: 0 10px 10px 0;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                position:relative;
            }
        
                #home #features .col.connect ul li img {
                    display: block;
                    height: 35px;
                    width: 35px;
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                    -webkit-box-shadow: 0 1px 0 #fff;
                    -moz-box-shadow: 0 1px 0 #fff;
                    -webkit-transition: all 100ms ease-in;
                    position:relative;
                }
            
                    #home #features .col.connect ul li img,
                    .mystream-b .comment-box .user,
                    .comment-box .user,
                    div.keeks .info img,
                    div.people .info img {
                        box-shadow: 0 0 3px #FFFFFF;
                    }
            
                .mystream .mystream-a .video img:hover, 
                .mystream .mystream-b .video img:hover, 
                .keekmail-show .video img:hover, 
                .pstream-a .video img:hover,
                .video-b img:hover,
                    #home #features .col.connect ul li img:hover,
                    .mystream-b .comment-box .user:hover,
                    .comment-box .user:hover,
                    div.keeks .info img:hover,
                    div.people .info img:hover,
                    .pstream-a .k-img:hover,
                    .pstream-b .k-img:hover {
                        box-shadow: 0 0 4px #C5D1D9;
                    }

        #home #features .col.capture a#activate-webcam {
            background: url("http://www.keek.com/img/feature_capture.jpg") no-repeat scroll 0 -15px transparent;
            display: block;
            height: 180px;
            margin-top: -13px
        }

        #home #features .col.capture a#activate-webcam span   {
            display: none;
        }

            #home #features .col.capture a#activate-webcam:hover  {
                background: url("http://www.keek.com/img/feature_capture.jpg") 0 -215px no-repeat;
            }

        #home #features .col input {
            width: 260px;
            font-weight: normal;
            font-size: 12px;
            margin: 0 0 7px;
        }
    
            #home .error {
                margin: -11px 0 3px;
                color: #F37053;
                font-size: 10px;
                line-height: 17px;
                width: 250px;
                clear: both;
            }

.text-righta {
  float: right;
  right: 23px;
  position: relative;
  text-align: right;
}

  .text-righta h2 {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 0;
  }

.text-right {
    margin: 60px 20px -10px 0;
    padding-bottom: 50px;
    position: relative;
    text-align: right;
    width: 940px;
}

  .text-right p,
  .text-right b {
    float: right;
    font-size: 12px;
    line-height: 14px;
    width: 730px;
    margin: 0;
  }
  
    .text-right p {
      color: #929CA3;
    }

#edit-topbar {
  margin: 2px 0 7px 0;
  width: 838px;
}

  #edit-topbar li {
    display: inline;
    list-style-type: none;
    font-size: 12px;
    color: #C3CED4;
  }

    #edit-topbar li.username {
      color: #122433;
      font-weight: bold;
      font-size: 24px;
      margin: 0 20px 0 0;
    }
    
  #home-list,
  #search-tabs {
    float: left;
    width: 100%;
    border-bottom: 1px solid #a5dae1;
    margin: 20px 0;
    position: relative;
  }
     #home-list {
      height:38px;
     }
  
    #search-tabs {
      margin: 0 0 10px;
      /*border-bottom: 1px solid #999;*/
  }  

    #home-list li,
    #search-tabs li {
        border-top: 1px solid #A5DAE1;
        border-left: 1px solid #A5DAE1;
        border-right: 1px solid #A5DAE1;
        margin: 0 10px 0 0;
        height: 30px;
        float: left;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background: url("../../img/tab-gradient-bg.png") repeat-x scroll left top #ECF6F8;
    }

 #home-list li {
  margin: 0 10px 0 0;
 }


#search-tabs li {
  /*border-top: 1px solid #7abdd7;
    border-left: 1px solid #7abdd7;
    border-right: 1px solid #7abdd7;
    height: 30px;*/
} 

        #home-list li a,
      #search-tabs li a  {
            padding: 12px;
            margin: 0;
            font-size: 14px;
            font-weight: bold;
            position: relative;
        top: 8px;
        }
        
        #search-tabs li a  {
            /*font-size: 14px;
            top: 8px;
            padding: 12px;*/
        }
        
        .search-tabs-bot {
      color: #163042;
      font-size: 14px;
      height: 36px;
        }
          .search-tabs-bot .result-span { display: inline-block; margin-top: 6px; line-height: normal; }
      
      #home-list li.current,
        #search-tabs li.current {
            border-top: 1px solid #A5DAE1;
            border-left: 1px solid #A5DAE1;
            border-right: 1px solid #A5DAE1;
                height: 38px;
                background: #ecf6f8 url("../../img/tab-active-bg.png") top left repeat-x;
                position: relative;
                margin-top: -1px;
                top: 1px;
            }
            
          #search-tabs li.current {         
            /*height: 38px;
            border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        background: url("../../img/tab-active-bg.png") repeat-x scroll left top #ECF6F8;*/
      }

            #home-list li.current a,
            #search-tabs li.current a {
                color: #163042;
            }
            
            #search .search-tabs-bot 
            {
              margin-top:10px;
              position:relative;
            }

    #home .loader {
        text-align: center;
        width: 960px;
        float: left;
        display: none;
        margin-top: 30px;
    }
 
.homepage-c {
  margin: 5px 0 9px;
  text-align: left;
}    

.homepage-b {
  text-align: left;
  font-size: 10px;
  line-height: 13px;
  clear: both;
  position: relative;
  top: 10px;
}

/* Homepage end
=========================================================================================== */
/* Latest keek
=========================================================================================== */
#latest-keeks,
#latest-keeks2 {
    float: left;
    margin: 0 auto 0;
}

    #latest-keeks2 {
        float: left;
        margin: 50px auto 0;
    }

.breadcrumbs {
    height: 16px;
    margin-bottom: 6px;
    width: 940px;
}

    .breadcrumbs .s-one {
        float: left;
        width: 310px;
        height: 16px;
        line-height: normal;
    }

    .breadcrumbs .s-two {
        float: left;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: normal;
    }

    .breadcrumbs .s-three {
        float: right;
        text-align: right;
        height: 16px;
        line-height: normal;
    }

#latest-keeks ul li,
#latest-keeks2 ul li {
    float: left;
    margin: 0 10px 10px 0;
    -webkit-transition: all 100ms ease-in;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 180px;
    height: 165px;
    position: relative;
}

     #latest-keeks ul li a:first-child,
    #latest-keeks2 ul li a:first-child {
      padding:5px;
      background:#fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #8DD8E2;
      display:block;
    }
    
    #latest-keeks ul li a:first-child:hover,
    #latest-keeks2 ul li a:first-child:hover {
      border: 1px solid #122433;
    }
    
    #latest-keeks ul li img:hover,
    #latest-keeks2 ul li img:hover {
      box-shadow:none;
    }
    
    #latest-keeks ul li img,
    #latest-keeks2 ul li img {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }

  #latest-keeks .caption,
  #latest-keeks2 .caption {
    max-height: 20px;
    word-wrap: break-word;
    overflow:hidden;
    font-weight: bold;
    margin-top: 5px;
  }

        #latest-keeks .timer,
        #latest-keeks2 .timer {
            bottom: 33px;
            left: 141px;
        }

    #latest-keeks .by_who,
    #latest-keeks2 .by_who {
        position: relative;
        line-height: 10px;
        height: 35px;
        overflow:hidden;
    }

    #latest-keeks .by_who a,
    #latest-keeks2 .by_who a {
        font-size: 10px;
        color: #80C419;
        font-weight: bold;
        border:0px !important;
        background:transparent !important;
        padding:0px !important;
    }

    #latest-keeks .by_who a:hover,
    #latest-keeks2 .by_who a:hover {
      color: #122433;
    }
    
    #latest-keeks .by_who a:active,
    #latest-keeks2 .by_who a:active {
      color:#596670;
    }

  #latest-keeks ul li.first,
  #latest-keeks2 ul li.first {
        margin: 0;
    }

div.keeks,
div.people,
div.people-f {
    clear: both;
    font-size: 14px;
}

div.keeks textarea, input .next {
    background: transparent url("../../img/next-pagination.png") 0 0 no-repeat;
}

div.keeks>a,
div.keeks>div,
div.people>div,
div.people-f>div,
.mycomments,
.mycomments-w,
.mycomments-u,
.mycomments-wu {
    display: block;
    position: relative;
    background: #fff;
    margin: 0 0 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
    padding: 10px;
    width: 538px;
    height: auto;
    border: 1px solid #C3CED5;
    font-size: 14px;
    line-height: 17px;
}

    div.keeks>div,
    div.keeks > a {
        overflow: hidden;
    }
    
        #pictures div.keeks>div,
        #pictures div.keeks > a {
            overflow: hidden;
            height: 75px;
        }
    
    div.people-f>div,
    div.people>div {
        font-size: 12px;
    }

    div.keeks>a:hover,
    div.keeks>div:hover,
    div.people>div:hover,
    div.people-f>div:hover,
    .white-border-mail:hover,
    .mycomments:hover,
    .mycomments-u:hover {
        background: #F3FAFB;
        cursor: pointer;
        border: 1px solid #122433;
    }

    div.people>div .orange
    div.people-f>div .orange {
        font-weight: bold;
    }

div.keeks>a .edit-options,
div.keeks>div .edit-options,
div.people>div.edit-options,
div.people-f>div.edit-options {
    clear: both;
    position: relative;
    left: -2px;
    top: -10px;
}

    .sidebar div.keeks>a,
    .sidebar div.keeks>div,
    .sidebar div.people>div {
        width: 218px;
    }

    .sidebar div.keeks a {
        background: #E0E4E8;
    }

div.keeks div.keek {
    float: left;
    width: 290px;
}

div.people div.person,
div.people-f div.person {
  float: left;
  width: 300px;
    left: 85px;
  line-height: 17px;
  position: relative;
}

    div.people-f>div hr,
    div.people>div hr {
      clear: both;
      margin-bottom: 5px;
    }

    div.people div.person .details,
    div.people-f div.person .details {
      color: #596670;
      font-size: 10px;
    }

    div.people div.person .caption-users,
    div.people-f div.person .caption-users {
    color: #596670;
    line-height: 15px;
    font-size: 12px;
    max-height:30px;
    padding-left: 1px;
    word-wrap: break-word;
    overflow:hidden;
    }

    div.people .img,
    div.people-f .img {
      top: 10px;
      left: 9px;
      position: absolute;
      width: 75px;
      height: 75px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
    }
    
    div.keeks .keek img,
    div.keeks>a>img {
      float: left;
       margin: -5px 5px 3px 0;
      border: 1px solid #C3CED5;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
    }

      div.keeks>a.inactive {
      border: 1px solid #C3CED5;
      background: 0 #F3FAFB;
      width: 330px;
      }

       div.keeks>a.current:hover {
        border: 1px solid #5A6670;
        background : transparent url("../../img/bkg-bluegrad.png") ;
      }
    
      div.keeks>a.active_hover,
      div.keeks>a.active,
      div.keeks>a.inactive:hover {
        border: 1px solid #3EA6B7;
        background : transparent url("../../img/bkg-bluegrad.png") ;
        width: 330px;
      }
    
      div.people .img:hover,
      div.people-f .img:hover,
      .keek img:hover,
      .mystream .mystream-a .video img:hover,
      .pstream-a .video img:hover {
          -webkit-box-shadow: 0 0 8px #C5D1D9;
          -moz-box-shadow: 0 0 8px #C5D1D9;
          box-shadow: 0 0 8px #C5D1D9;
      }

    div.keeks .title,
  .comment-box .title,
  div.keeks .title-t,
    .comment-box .title-t { 
    word-wrap: break-word;
    overflow:hidden;
    }

    div.keeks .when,
  .mycomments .when,
  .mycomments-w .when,
  .mycomments-u .when,
  .mycomments-wu .when,
  .keek-comment-b .when,
  .caption-viewb .when,
  .keek-comment-vb .when {
    color: #7C7C7C;
    font-size: 11px;
  }
    
      .mycomments-wu .when,
        div.keeks .when {
            margin: 0 3px 5px 0;
        }
            
        div.keeks .when span {
            color: #5FB312;
            font-weight: bold;
        }
    
            div.keeks .when a,
            .keek-comment-b .when a,
            .caption-viewb .when a,
            .keek-comment-vb .when a {
                font-weight: bold;
                color: #5FB312;
            }
        
                div.keeks .when a:hover,
                .keek-comment-b .when a:hover,
                .caption-viewb .when a:hover,
                .keek-comment-vb .when a:hover {
                    color: #122433;
                }
            
                div.keeks .when a:active,
                .keek-comment-b .when a:active,
                .caption-viewb .when a:active,
                .keek-comment-vb .when a:active {
                    color: #596670;
                }
    
  div.keeks .by_who,
  div.mystream .by_who,
  div.mystream .time {
    color: #7C7C7C;
    font-size: 11px;
  }
  
      div.mystream .time {
            position: relative;
            top: -5px;
            width:300px;
            height: 13px;
      }
      
div.keeks .caption,
div.people .caption,
div.people div.person .caption,
div.people-f div.person .caption {
    max-height:33px;
    padding-left: 1px;
    word-wrap: break-word;
    overflow:hidden;
    font-weight: bold;
}

div.keeks .caption { color: #374953; font-weight: 400; }

div.keeks .caption-left,
div.people .caption-left,
.mycomments .caption-left,
.mycomments-w .caption-left,
.mycomments-u .caption-left {
    word-wrap: break-word;
    width: 375px;
    overflow:hidden;
}

  .mycomments-u .caption-left {
    width: 420px;
  }

  .mycomments-w .caption-left,
  .mycomments-wu .caption-left  {
    width: auto;
    word-wrap: break-word;
  }

    div.people-f .caption-left,
    div.people div.person .caption-left {
        color: #1E6E9E;
        font-size: 16px;
        font-weight: bold;
        line-height: 18px;
        word-wrap: break-word;
        overflow:hidden;
        max-height: 37px;
    }

.caption-keek-timeago {
  color: #7C7C7C;
  font-size: 11px;
}

div.keeks .info,
div.people .info,
div.people .info-f,
div.people-f .info,
div.people-f .info-f,
.gr-wrapb .info {
  float: right;
  width: 110px;
  min-height: 75px;
  font-size: 10px;
  line-height: 12px;
  position: relative;
}

    div.people .info ul,
    div.people .info-f ul,
    div.people-f .info ul,
    div.people-f .info-f ul {
        position: relative;
        top: 5px;
    }

    div.people .info ul li,
    div.people .info-f ul li,
    div.people-f .info ul li,
    div.people-f .info-f ul li {
        line-height: 17px;
    }

  div.keeks .info {
    width: 35px;
  }

    .gr-wrapb .info {
        width: 73px;
        float: right;
  }
  
    .gr-wrapb .info img {
      width: 35px;
      height: 35px;
      float: right;
    }
    
    div.people-f .request,
    div.people .request {
    bottom: -5px;
    color: #7C7C7C;
    font-size: 10px;
    position: relative;
    }
    
    div.keeks .info-r {
      margin-top: 5px;
  }
    
    div.keeks .info button,
    div.people .info button,
    div.people-f .info button {
      display: block;
      font-size: 12px;
      margin-bottom: 12px;
      padding: 2px 5px;
      text-align: center;
      border: 1px solid  #A3AAAF;
    }
    
    div.keeks .info img,
    div.people .info img,
    div.people-f .info img,
    .gr-wrapb .info img,
    .pstream-a .k-img,
    .pstream-b .k-img {
      float: right;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      position:relative;
    }

#thumbnails_counter,
#view-all {
    float:right;
  margin: 0;
}

  #view-all h2 {
    font-size: 12px;
    font-weight: normal;
    padding: 0;
  }

    .to-profile {
      cursor: pointer;
    }

    .to-keek {
        cursor: pointer;
    }

    .timer {
        background: none repeat scroll 0 0 #000;
        border-radius: 3px 0;
      -webkit-border-radius: 3px 0;
    -moz-border-radius: 3px 0;
    bottom: 0;
    color: #FFF;
    font-family: arial;
    font-size: 11px;
    height: 18px;
    left: 66px;
    line-height: 17px;
    opacity: 0.8;
    padding: 0 6px;
    position: absolute;
    }

    #sidebar div.keeks .timer
    #sidebar-sign div.keeks .timer {
        bottom: 7px;
        left: 65px;
    }

ul.kb-likes {
    bottom: 5px;
    float: right;
    height: 20px;
    position: absolute;
    right: 10px;
}

   .gr-wrapb ul.kb-likes {
        bottom: -10px;
        right: 0;
    }

    ul.kb-likes li {
        display: inline;
    }

    .num_keekbacks {
    background: url("../../img/icon-msgbox-i.png") no-repeat scroll 0 3px transparent;
    color: #7C7C7C;
    font-size: 11px;
      padding: 2px 0 0 13px;
    }

    .num_keekbacks span {
      top:0;
    }

    .num-likes {
    background: url("../../img/icon-thumbsup-2.png") no-repeat scroll 0 0 transparent;
    color: #7C7C7C;
    font-size: 11px;
    padding: 2px 0 0 17px;
    }
    
    .search-list li.num-line,
    .num-line {
    color: #BAC2C6;
    font-size: 13px;
    padding: 0 2px;
    position: relative;
    top: 2px;
    }
      .no-line { padding: 0 5px; }
    
    .mycomments .icon-msgbox,
    .mycomments-w .icon-msgbox,
    .mycomments-u .icon-msgbox,
    .mycomments-wu .icon-msgbox {
    background: url("../../img/icon-msgbox-i.png") no-repeat scroll 0 14px transparent;
    border-top: 1px solid #E0E4E8;
    color: #7C7C7C;
    float: left;
    font-size: 11px;
    margin: 10px 0 0;
    padding: 10px 0 0 15px;
    text-align: left;
    width: 517px;
    }
    
    .pstream-a .k-img,
    .pstream-b .k-img {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 35px;
      height: 35px;
    }
/* Profile Page
============================================================================================================================================ */
#container-logged .user_header .button {
  height: auto;
  position: absolute;
  right: 7px;
  padding: 7px 10px 5px;
}

#user_header,
#user_header-w,
#user_player,
#features-wrap,
.press-release {
  border: 1px solid #C3CED4;
  background: #FFF;
  -moz-box-shadow: 3px 3px 3px #c5d1d9;
  -webkit-box-shadow: 3px 3px 3px #c5d1d9;
  box-shadow: 3px 3px 3px #c5d1d9;
  position:relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
}

  #user_header h2 {
    border-right: 1px dotted #DBE4E8;
    margin-right: 10px;
    padding-right: 10px;
  }
  
    #user_header h2 a {
      color: #122433;
    }
  
    #user_header h2.none {
            border-right: none;
            padding-right: 10px;
            margin-right: 10px;
        }
  
  #user_header-w,
  #user_header {
    padding: 7px 10px 7px 7px;
    margin: 0 0 20px;
    text-align: right;
  }

    #user_header {
      width: 924px;
      height: 35px;
    }

    #user_header-w {
    width: auto;
    min-width: 285px;
    float: right;
    padding: 10px 10px 5px;
    margin-bottom: 24px;
    }
    
        #user_header button,
        #user_header button.a {
           top: 5px
      }
      
    #user_header button.call_unfollow {
        color: #122433;
    }

  #user_header-w img,
  #user_header img {
    float: left;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
  }

#user_header-w h2,
#user_header h2 {
    padding: 7px 10px;
    vertical-align: center;
    float: left;
    width: auto;
  text-align: left;
    font-size: 20px;
    color: #102434;
}

    #user_header-w {
      float: right;
      text-align: right;
    }
  
    #user_header-w h2 {
      max-width: 855px;
      font-size: 14px;
    }
  
      #user_header-w h2 a {
        font-size: 10px;
        font-weight: normal;
      }
  
      #user_header .edit-p {
        display: inline-block;
        padding: 9px 12px;
        font-size: 16px;
      }

    #user_header .arrow {
        background: transparent url("../../img/bubble_arrow.png") left top no-repeat;
    position: absolute;
    top: 100%;
    left: 100px;
    width: 29px;
    height: 16px;
    }

    #user_header-w .arrow-w {
      background: transparent url("../../img/bubble_arrow-w.png") left top no-repeat;
    position: absolute;
    top: 100%;
    right: 250px;
    width: 29px;
    height: 16px;
    } 

    #user_header .comments-sub .arrow-t {
    background: url("../../img/top-arrow-grey.png") no-repeat scroll 60px top transparent;
    height: 12px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1;
    left: -38px;
    }

#user_player {
    height: auto;
    width: 416px;
    padding: 20px 70px 70px;
    min-height: 537px;
}

    #user_player .flash img {
      display: block;
      margin:  auto;
    }

    #user_player .info {
    color: #7C7C7C;
    padding: 4px 8px;
    position: relative;
    margin: 2px 0 12px;
    }

  #user_player .caption {
    color: #102434;
    font-size: 20px;
    font-weight: normal;
    word-wrap: break-word;
    }
      #user_player .caption.keek-title {
        margin: 0 0 5px 0;
        padding: 10px 0;
        line-height: 21px;
      }

    #left.player {
        position: relative;
    }

    #left.player #prev-arrow {
        background: url("../../img/icon-arrows-video-player.png") 0 -140px no-repeat;
        display: block;
        width: 25px;
        height: 46px;
      position: absolute;
        top: 150px;
        left: 30px;
      z-index: 1;
    }
    
    #left.player #prev-arrow span {display: none}
    #left.player #prev-arrow:hover { background: url("../../img/icon-arrows-video-player.png") 0 -93px no-repeat; }
    #left.player #prev-arrow.disabled { background: url("../../img/icon-arrows-video-player.png") 0 -234px no-repeat; cursor:default;}

    #left.player #next-arrow {
        background: url(../../img/icon-arrows-video-player.png) 0 0 no-repeat;
        display: block;
        width: 25px;
        height: 46px;
      position: absolute;
        top: 150px;
        right: 30px;
        z-index: 1;
    }

    #left.player #next-arrow span {display: none}
    #left.player #next-arrow:hover { background: url(../../img/icon-arrows-video-player.png) 0 -46px no-repeat; }
    #left.player #next-arrow.active {top: 151px;}
    #left.player #next-arrow.disabled { background: url(../../img/icon-arrows-video-player.png) 0 -188px no-repeat; cursor:default; }
    
/* Unique to Profile Page ====================================*/    
    
#profile #user_header-w, #profile #user_header {
  padding: 15px;
}
#profile #user_header {
  width: 911px;
  height: 76px;
}
#profile #user_header-w .avatar-hover img, #profile #user_header .avatar-hover img {
  float: left;
  width: 75px;
  height: 75px;
  margin-right:15px;
  -webkit-border-radius: auto;
  -moz-border-radius: auto;
  -o-border-radius: auto;
  -ms-border-radius: auto;
  -khtml-border-radius: auto;
  border-radius: auto;
}
#profile #user_header h2 {
  padding:0px;
  margin-bottom:0px;
  border:none;
}
#profile .nprivate-keek-e {
  float:left;
  position:relative;
}
#profile .nprivate-keek-e {
  background: url("../../img/btn-envelope-med.png") no-repeat scroll 0 0 transparent;
}
#profile .nprivate-keek-e:hover {
  background: url("../../img/btn-envelope-med.png") no-repeat scroll 0 -24px transparent;
}
#profile #search-small-title {
  font-size:14px;
  font-weight:bold;
  padding-top:5px;
  margin-bottom:3px;
  text-transform:capitalize;
  color:#000;
}
.user-viewcount {
  color:#8f8f8f;
  text-align:left;
  font-size:11px;
  padding:1px 0 3px 0;
  width: 465px;
  overflow: hidden;
  float: left;
}
.user-viewcount a span { color: inherit; }
.user-viewcount span {
  color:#CED7DD;
}
.user-statinfo {
  float:right;
  width:350px;
}
.user-statinfo li {
  float:left;
  padding:0 0 7px 11px;
}
.user-statinfo a {
  background:#EEE;
  display:block;
  width:154px;
  height:20px;
  padding:0 5px;
  font-weight:bold;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  font-size:11px;
}
.user-statinfo a:hover, .user-statinfo a:active {
  background:#d6e4ea;
}
.user-statinfo .user-statinfo-visited a {
  background: #c6dcde;
  color: #122433;
}
.user-statinfo a:active {
  color: #122433;
}
.user-statinfo .user-statinfo-disable a,
.user-statinfo .user-statinfo-disable a:hover {
  cursor:default; color:#999; background: #EEE;
}
.user-statinfo a span {
  float:left;
  text-transform:uppercase;
  font-weight:normal;
}   

#profile-website { clear: left; }
#profile-website select { width: 125px; margin: 6px 16px 0 129px; display: block; float: left; }
#profile-website .clr { margin-bottom: 11px; }
#profile-website .settings-account-ajax-response { float: none; display: inline;}
#label-profile-website { margin-bottom: 11px !important; }
#profile-website .urls {
  margin: 0 0 15px 0;
}
  #profile-website .urls-last { margin: 0; }
  #add-website { background: transparent url('../../img/icon-add-small.png') no-repeat; display: block; line-height: 12px; padding: 0 0 0 16px; width: 70px; float: right; margin: 0 24% 5px 0; }
    #add-website:hover { background: transparent url('../../img/icon-add-small.png') 0 -12px no-repeat; }
  #profile-website .settings-row-inside { margin: 0; }

.settings-row {
  overflow: hidden;
  border-bottom: 1px dotted #C3CED4;
  padding: 15px 0;
  position: relative;
}
  .settings-row select {
    /*margin-top: 6px;*/
  }

  .settings-row.centered-row { padding: 0 0 20px 270px; }
    .centered-row-heading { font-size: 14px; font-weight:  bold; color: #112434; margin: 0 0 10px 0;}

.settings-row-first {
  padding: 0 0 15px 0;
}

.settings-row-last {
  border-bottom: 1px solid #C3CED4;
}

.settings-row-save-btn {
  margin: 18px 0 0 268px;
  overflow: hidden;
}
  .settings-row-save-btn.account-save { border-bottom: 1px solid #C3CED4; padding: 18px 0 15px 268px; margin: 0; }

.settings-aside {
  font-size: 11px;
  line-height: 14px;
  color: #596670;
  display: block;
  width: 125px;
  text-align: right;
  float: right;
  margin: 2px 0 0 0;
}

.settings-row-inside-left {
  width: 250px;
  float: left;
  margin: 0 20px 0 0;
}
  .settings-row-inside-left label {
    width: 230px;
    padding: 0 20px 0 0;
  }

.settings-row-texarea-wrap { float: left; position: relative; }
.settings-row-inside { margin: 10px 0 0 0; overflow: hidden;}
  .settings-row-location { margin: 2px 0 0 270px;}
    .settings-row-location-first { margin-top: 10px; }

.settings-row-inside input[type="checkbox"], .settings-row-inside input[type="radio"] {
  position: relative;
  top: 0;
  left: 0;
  margin: 0 5px 0 0 !important;
  float: left;
  display: block;
  padding: 0;
  width: 18px !important;
  border: none;
}

.settings-row-inside label {
  float: left !important; 
  width: auto !important; 
  text-align: left !important; 
  display: block; 
  font-size: 14px !important; 
  font-weight: normal !important;
}

.bio-desc {
  /*float: left;*/
}

.textarea-counter {
  position: absolute;
  font-size: 11px !important;
  font-weight: normal !important;
  color: #9BA3A9 !important;
  width: 20px !important;
  bottom: 15px;
  right: 20px;
  margin: 0 !important;
}

.password-settings-row {
  overflow: hidden;
  margin: 0 0 18px 0;
}
  .password-settings-row #forgot-password {
    font-size: 11px;
    margin: 0 0 0 12px;
  }

  .password-settings-row-error {
    margin: 0 0 8px 0;
  }
    
  .user-header-rollover-btn {
    /*width: 16px;*/
    /*height: 16px;*/
    /*border: 1px solid #E0E4E8;*/
    background: #fff;
    float: left;
  }


/* Profile End
============================================================================================================================================ */
.comments-k,
.comments-email,
.comments-embed,
.comments-links,
.comments-flag,
.comments-like,
.comments-track {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #C3CED5;
    color: #7C7C7C;
    display: none;
    word-wrap: break-word;
    position: absolute;
    z-index: 999;
  left: 43px;
  top: 110px;
  padding: 10px 15px;
  box-shadow: 0 0 10px #C5D1D9;
  -moz-box-shadow: 0 0 10px #C5D1D9;
  -webkit-box-shadow: 0 0 10px #C5D1D9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

    .comments-email,
    .comments-embed,
    .comments-links,
    .comments-flag {
    color: #102434;
    font-size: 14px;
    font-weight: bold;
    left: 96px;
    top: 42px;
    width: 360px;
  }
    
        .comments-links {
            left: 63px;
            top: 42px;
        }
        
        .comments-like {
            left: 10px;
            top: 409px;
        }

        .comments-track {
      left: -77px;
      top: 30px;
      width: 258px;
        }

    .comments-embed textarea,
    .comments-links textarea {
    font-size: 11px;
    height: 108px;
    margin: 5px 0 2px;
    padding: 10px 10px 0;
    width: 340px;
    }

    .comments-links textarea {
      height: 20px;
    }
    
    .comments-embed button {
    background: none repeat scroll 0 0 #E2E5E6;
    border-radius: 3px 3px 3px 3px;
    font-size: 11px;
    font-weight: normal;
    line-height: 11px;
    margin-left: 5px;
    padding: 3px 6px 2px;
    position: relative;
    top: -3px;
    }

  .comments-embed button.active {
      border: none;
      background: none;
    }

.comments-m,
.comments-sub {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #C3CED5;
    width: 220px;
    word-wrap: break-word;
  position: absolute;
  z-index: 999;
    right: 289px;
    top: 409px;
    color: #112434;
    font-size: 14px; 
  padding: 10px 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px #C5D1D9;
  -moz-box-shadow: 0 0 10px #C5D1D9;
  box-shadow: 0 0 10px #C5D1D9;
}

.blue-solid .comments-m {
    right: -50px;
    top: 45px;
    display: none;
}

.comments-sub {
  left: -6px;
  position: absolute;
  text-align: left;
  top: 52px;
  width: 200px;
  color: #7C7C7C;
  font-size: 12px;

}

  .comments-m input {
    margin-bottom: 5px;
    width: 210px;
    font-size: 12px;
    text-align: left;
  }
  
    #who_like_this ul,
  .comments-m ul {
    border-top: 1px solid #D4D9DB;
    margin: 10px 0;
  }
      
      #who_like_this span a,
    .comments-m span a {
      font-size: 12px;
    }
    
  #who_like_this .users,  
    .comments-m .users {
    border-bottom: 1px solid #D4D9DB;
    overflow: hidden;
    position: relative;
    } 
    
    #who_like_this .users-last,
  .comments-m .users-last {
    border-bottom: none;
    font-size: 12px;
    overflow: hidden;
    padding: 7px 5px;
    }

        #who_like_this .users:hover,
    .comments-m .users:hover,
    .comments-m .users-last:hover {
      background: #E1E6EA;
      color: #122433;
      cursor: pointer;
    } 

    #who_like_this p.title,
    .comments-m .title {
    color: #4999B3;
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    margin: 0;
    overflow: hidden;
    padding: 7px 5px 7px 50px;
    width: 170px;
    position: relative;
    }

    #who_like_this p.title:hover,
    .comments-m .title:hover {
      color: #122433
    }
    
      .comments-k .arrow,
      .comments-m .arrow,
      .comments-embed .arrow,
      .comments-links .arrow,
      .comments-like .arrow,
      .comments-track .arrow {
      background: url("../../img/top-arrow-grey.png") no-repeat scroll 62px top transparent;
      height: 12px;
      position: absolute;
      top: -10px;
      width: 100%;
      z-index: 1;
      }

            .comments-k .arrow {
                left: 90px;
            }
            
            .comments-m .arrow {
                left: 57px;
            }

  .comments-k .orange {
    color: #FF9D00;
    font-weight: bold;
    cursor: default;
  }
  
/*Keek and Keekback Comments */
.comment-box {
    position: relative
}

    .comment-box li {
        clear: both;
        display: block;
        overflow: hidden;
        padding-right: 10px;
        position: relative;
        width: 416px;
    }
        
        .comment-box li.you .keek-comment-b {
            border: 1px solid #5FB312;
            background-color: #FBFDF7;
        }

.keek-comments {
    display: inline;
}  
/* Profile End
============================================================================================================================================ */
/* My Stream
============================================================================================================================================ */
    .mystream .new-event {
    margin-bottom: -1px;
    height: 1px;
    }
    
    .mystream .new-event-button {
  margin-bottom:22px;
  background:#f9fafb;
  display:block;
  width:auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  }
  .mystream .new-event-button:hover
  {
    background:#DEF2F4;
  }

.loader {
    text-align:center;
    clear:both;
}

#show-more {
    display:none;
    float: right;
    width: 495px;
}

  #comment-block #show-more {
    display:none;
    width: 415px;
  }

  #comment-block {
    position: relative;
  }

.mystream-avatar {
  float: left;
  clear: both;
}

    .mystream-avatar img,
    .keek-comments img {
    background: none repeat scroll 0 0 #FFF;
    padding: 5px;
    border: 1px solid #C5D1D9;
    width: 35px;
    height: 35px;
    box-shadow: 5px #c5d1d9;
    -moz-box-shadow: 5px #c5d1d9;
    -webkit-box-shadow: 5px #c5d1d9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

    .myst-avatar img {
    width: 200px;
    height: 150px;
    }

    .mystream .arrow,
    .mystream .arrow-green,
     #user_header .arrow-green,
    .arrow-light,
    .keek-comment-b .arrow  {
    height: 12px;
    left: -12px;
    position: absolute;
    top: 18px;
    width: 13px;
    z-index: 999;
    }
    
        .keek-comment-b .arrow  {
        z-index: 1;
        }

    .arrow-lightr {
        right: -13px;
        height: 12px;
        position: absolute;
        top: 15px;
        width: 13px;
        z-index: 999;
    }

    .mystream .arrow,
    .arrow-light,
    .arrow-lightr,
    .keek-comment-b .arrow {
        background: url("../../img/arrow-gr.png") no-repeat scroll left top transparent;
    }

        .arrow-lightr {
            background: url("../../img/arrow-gr-r.png") no-repeat scroll left top transparent;
        }
    
        .mystream .arrow-green,
        #user_header .arrow-green,
        .comment-box li.you .arrow  {
          background: url("../../img/arrow-gg.png") no-repeat scroll left top transparent;
        }

.mystream .mystream-a,
.mystream .mystream-b,
.keek-comment-b,
.keek-comment-vb {
    background: none repeat scroll 0 0 #FFF;
    color: #122433;
    padding: 10px;
    width: 475px;
    float: right;
    margin-bottom: 22px;
    word-wrap: break-word;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 3px #c5d1d9;
    -webkit-box-shadow: 3px 3px 3px #c5d1d9;
    box-shadow: 3px 3px 3px #c5d1d9;
    position: relative;
}

    .keek-comment-b {
        width: 330px;
    }

    .keek-comment-vb {
    margin: 0 5px 10px 0;
    position: relative;
    right: -6px;
    width: 434px;
    }

.pstream-a,
.pstream-b {
    background: none repeat scroll 0 0 #FFF;
    color: #122433;
    padding: 10px;
    width: 305px;
    float: right;
    margin-bottom: 22px;
    word-wrap: break-word;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 3px 3px 3px #c5d1d9;
    -webkit-box-shadow: 3px 3px 3px #c5d1d9;
  box-shadow: 3px 3px 3px #c5d1d9;
    position: relative;
}

.pstream-b {
    float: left;
}

    .pstream-a .k-time,
  .pstream-b .k-time {
    color: #7C7C7C;
    font-size: 11px;
    margin: -5px 0 0;
    }

    .pstream-a .desc,
    .pstream-b .desc {
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    }

    .pstream-a hr,
    .pstream-b hr {
        margin: 5px 0 10px;
    }

    .pstream-a h2,
    .pstream-b h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    width: 250px;
    }

    .mystream .mystream-a,
    .keek-comment-b,
    .keek-comment-vb,
    .pstream-a,
    .pstream-b {
        border: 1px solid #C3CED5;
    }

    .mystream .mystream-b {
      border: 1px solid #5FB312;
    }

    .mystream .mystream-a h5,
    .mystream .mystream-b h5,
    .pstream-a h5,
    .pstream-b h5 {
        color: #112434;
        font-size: 14px;
        font-weight: normal;
        line-height: 17px;
        position: relative;
        width: 400px;
     }

        .mystream .mystream-a h5 a,
        .mystream .mystream-b h5 a,
        .pstream-a h5 a,
        .pstream-b h5 a {
            font-weight: bold;
        }
    
    .mystream .mystream-a hr,
    .mystream .mystream-b hr {
      margin: 10px 0;
    }

  .mystream-a .video-b .timer,
  .mystream-b .video-b .timer,
  .pstream-a .timer {
    bottom: 33px;
    left: 68px;
    }
    
      .mystream-a .no-view .timer,
      .mystream-a .no-viewb .timer 
      .keekmail-show .no-view .timer,
      .keekmail-show .no-viewb .timer  {
        bottom: 1px;
        right: 10px;
      }
      
      .keek-comment-b .video-b .timer {
        bottom: 0;
        }
    
  .mystream .mystream-a .video-b,
  .mystream .mystream-a .no-view,
  .mystream .mystream-a .no-viewb,
    .keekmail-show .no-view,
  .keekmail-show .no-viewb,
  .mystream .mystream-b .video-b,
  .pstream-a .video-b,
  div.keeks .video-b,
    div.mycomments .video-b,
    div.mycomments-u .video-b,
    .keek-comment-b .video-b {
    position: relative;
    width: 110px;
    float:left;
    height: 75px;
  }
      .keek-comment-b .video-b {
            height: 75px;
      }

    .mystream .mystream-a p,
    .mystream .mystream-b p {
        margin: 0;
    }
    
    .mystream .mystream-a .sm-t,
    .mystream .mystream-b .sm-t {
      font-size: 12px;
    }
    
    .mystream .mystream-a .sm-tm,
    .mystream .mystream-b .sm-tm {
      font-size: 12px;
    }
    
    .mystream .mystream-a .notif-list,
    .mystream .mystream-b .notif-list {
      margin-left: 30px;
      color: #596670;
      list-style-type: disc;
    }

    .mobile-a {
    margin: 5px 0;
    display: block;
    font-size: 10px;
    }

    .video-b img {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

    #sidebar div.keeks .video-b img:hover,
    #sidebar-sign div.keeks .video-b img:hover{
        box-shadow: none;
    }

    div.keeks .video-b img:hover {
        box-shadow: 0 0 3px #22640A;
    }

.mystream .mystream-a .video img,
.mystream .mystream-b .video img,
.keekmail-show .video img,
.pstream-a .video img {
      float: left;
      margin-right: 10px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
    }

    .mystream .mystream-a .video img:hover,
    .mystream .mystream-b .video img:hover,
    .pstream-a .video img:hover {
        box-shadow: 0 0 3px #22640A;
    }

    .mystream-b .when {
      margin: 0 0 0 45px;
    }

    .keekmail-show .caption-km {
      float: right;
      color: #7C7C7C;
      font-size: 12px;
      line-height: 17px;
      width: 405px;
      word-wrap: break-word;
      height: auto;
      overflow:hidden;
    }
    
        .keekmail-show a.short-l {
                font-size: 12px;
                word-wrap: break-word;
                float: left;
                width: 500px;
                margin-top: 10px;
        }
    
    .mystream .caption-left,
    .mystream .caption-r,
    .mystream .caption-full,
    .caption-viewb,
    .mystream .link-s {
      float: right;
      color: #596670;
      font-size: 14px;
      line-height: 17px;
      width: 363px;
      word-wrap: break-word;
      height: auto;
      overflow:hidden;
    }
    
      .mystream .caption-full {
        width: 100%;
        text-align: left;
      }
      .mystream a.link-s {
        font-size: 12px;
        color: #1E6E9E;
      }
            
        .mystream a:hover.link-s {
          color: #122433;
        }
            
        .mystream a:active.link-s {
          color: #596670;
        }
      
    .keek-comment-b .caption-left,
    .keek-comment-vb .caption-left,
        .keek-comment-vb .caption-leftvid {
        word-wrap: break-word;
        overflow:hidden;
        font-size: 12px;
        line-height: 17px;
    }
    
        .keek-comment-vb .caption-left {
            color: #112434;
            float: right;
          width: 270px;
        }
        
        .keek-comment-vb .caption-leftvid {
        color: #112434;
        float: right;
        width: 320px;
        }
        
    .caption-viewb {
      width: 303px;
      float: left;
      font-size: 12px;
    }
    
      .mystream .caption-r {
        margin-bottom: 5px;
        height: auto;
      }
      
    .mystream .cmmt {
      border-bottom: 1px solid #C3CED5;
      border-top: 1px solid #C3CED5;
      padding: 10px;
      width: 340px;
      float: right;
    }
    
    .mystream .view-keek-a,
    .mystream .view-keek-b {
      float:left;
      word-wrap: break-word;
      font-size: 12px;
      margin-top:10px;
    }
    
    .mystream .view-keek {
      float:left;
      word-wrap: break-word;
      font-size: 12px;
      margin-top: 10px;
    }
    
    .mystream .view-keek a {
      font-weight: bold;
    }

    .mystream .view-keek li {
      color: #596670;
      display: inline;
      font-size: 12px;
      list-style-type: none;
    }
  
    .mystream .view-keek li a {
      color: #5FB312;
      font-weight: bold;
    }
  
      .mystream .view-keek li a:hover {
        color: #122433;
      }
    
      .mystream .view-keek li a:active {
        color:#596670;
      }

.mystream .view-keek a {
    font-weight: bold;
}

.mystream .num_keekbacks {
    right: 210px;
}
    
    .subscribe-wrap {
        border-bottom: 1px solid #E0E4E8;
        clear: both;
        overflow: hidden;
        padding: 0 0 10px;
        margin-bottom: 10px;
    }  
    
#stream-list {
    margin: 0;
    padding: 0;
}

  #stream-list ul,
  #stream-list li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
  }
  
    #stream-list a {
      float: left;
      font-size: 10px;
      line-height: 10px;
      margin:  15px 10px 10px 0px;
      text-decoration: none;
      color: #1E6E9E;
      padding-right: 7px;
      border-right: 1px solid #7C7C7C;
    }
    
        #stream-list a.last {
        border-right: none;
        }
    
      #stream-list a:hover {
        color: #122433;
      }

.sm-grey {
    background: none repeat scroll 0 0 #F3F5F6;
    border: 1px solid #E1E6EA;
    font-size: 12px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

/* Comment, Keekbacks, Like, Kred, Following, Post, Subscribe */
.sc-icon {
    float: right;
    height: 25px;
    position: relative;
    top: 0;
    width: 30px;
}

    .sc-kb {
    background: url("../../img/stream-icons-2.png") 0 0 no-repeat;
    }
    
    .sc-like {
    background: url("../../img/stream-icons-2.png") 0 -42px no-repeat;
    }
    
    .sc-graph {
    background: url("../../img/stream-icons-2.png") 0 -91px no-repeat;
    }

    .sc-f {
    background: url("../../img/stream-icons-2.png") 0 -140px no-repeat;
    }
    
    .sc-fm {
    background: url("../../img/stream-icons-2.png") -3px -192px no-repeat;
    }
   
    .sc-post {
    background: url("../../img/stream-icons-2.png") 0 -240px no-repeat;
    }
    
    .sc-sub {
    background: url("../../img/stream-icons-2.png") -1px -290px no-repeat;
    }

        .sc-flist {
            display: block;
        }
        
        .sc-flist li {
            background: #F3F5F6;
            border: 1px solid #E1E6EA;
            padding: 5px;
            display: inline-block;
            margin-right: 10px;
            margin-bottom: 10px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
        }
        
            .sc-flist li img {
                height: 25px;
                width:  25px;
                vertical-align: middle;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -o-border-radius: 3px;
                -ms-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
            }
.event .caption {
  font-size: 14px;
  color: #596670;
}
/* My Stream End
============================================================================================================================================ */
.remainderLink { float: right; }
/* Keekmail
============================================================================================================================================ */
/*#keekmail-list {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E1E6EA;
    margin: 0 0 10px;
    font-size: 12px;
}

    #keekmail-list li {
      border-top: 1px solid #C3CED4;
      border-left: 1px solid #C3CED4;
      border-right: 1px solid #C3CED4;
      margin: -6px 0 0 10px;
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      height: 25px;
      float: left;
      font-size: 17px;
    }

    #keekmail-list li h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 5px 10px 10px;
    }

    #keekmail-list li.current {
    height: 30px;
    background: #ecf6f8 url("../../img/tab-active-bg.png") top left repeat-x;
    position: relative;
    margin: -7px 0 0 10px;
    top: 1px;
    }

        #keekmail-list li.current h3 a {
          color: #163042;
        }*/

#rt-pm-updater {
  background: #F7FBF0;
  border: 1px solid #E1E6EA;
  text-align: center;
  font-size: 12px;
  color: #1E6E9E;
  margin-bottom: 10px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
}

    #rt-pm-updater:hover {
      background: #EBF5D9;
    }

    .op-sp {
      margin-bottom: 80px;
    }

.white-border-mail,
.white-border-notif {
  float: left;
  margin: 0 0 6px;
  padding: 10px 10px 5px;
  position:relative;
  background: #fff;
  border: 1px solid #C3CED4;
  width: 538px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
    
     .white-border-notif {
        padding: 0;
        width: 558px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
    }
        
        .white-border-notif:hover {
            border: 1px solid #4AB4C4;
        }
            
        #who_like_this img,
        .white-border-mail .img,
        .white-border-notif .img,
        .comments-m .img {
            float: left;
            height:35px;
            width: 35px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            -khtml-border-radius: 3px;
            border-radius: 3px;
        }
        
          #who_like_this img,
          .comments-m .img {
        position: absolute;
          top: 10px;
          left: 10px;
      }
      
        .white-border-notif .img {
        float: left;
        height: 10px;
        margin-right: 10px;
        position: absolute;
        top: 26px;
        left: 8px;
        width: 10px;
        background-color: #c06;
        -webkit-border-radius: 75px;
        -moz-border-radius: 75px;
        -o-border-radius: 75px;
        -ms-border-radius: 75px;
        -khtml-border-radius: 75px;
        border-radius: 75px;
        background: #b3dced; 
        -pie-background: linear-gradient(#b3dced, #29b8e5, #bce0ee);
        background: -moz-linear-gradient(top,  #b3dced 0%, #29b8e5 50%, #bce0ee 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3dced), color-stop(50%,#29b8e5), color-stop(100%,#bce0ee)); 
        background: -webkit-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); 
        background: -o-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); 
        background: -ms-linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%);
        background: linear-gradient(top,  #b3dced 0%,#29b8e5 50%,#bce0ee 100%); 
      }
      
            .white-border-mail .info {
                float: left;
                padding-left: 10px;
            }

        .white-border-t {
            padding: 10px 10px 5px;
            overflow: hidden;
            cursor: pointer;
            height: auto;
            background: #ffffff;
      background: -moz-linear-gradient(top,  #ffffff 1%, #e7e9ea 100%); 
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e7e9ea)); 
      background: -webkit-linear-gradient(top,  #ffffff 1%,#e7e9ea 100%); 
      background: -o-linear-gradient(top,  #ffffff 1%,#e7e9ea 100%); 
      background: -ms-linear-gradient(top,  #ffffff 1%,#e7e9ea 100%); 
      -pie-background: linear-gradient(#ffffff, #e7e9ea);
      position: relative;
      behavior : url(http://www.keek.com/css/PIE.htc);
      background: linear-gradient(top,  #ffffff 1%,#e7e9ea 100%); 
        }
        
        .white-border-t:hover,
        .white-border-tk {
      background: #ebf7f8;
      background: -moz-linear-gradient(top,  #ebf7f8 0%, #bae3e9 100%); 
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf7f8), color-stop(100%,#bae3e9));
      background: -webkit-linear-gradient(top,  #ebf7f8 0%,#bae3e9 100%); 
      background: -o-linear-gradient(top,  #ebf7f8 0%,#bae3e9 100%); 
      background: -ms-linear-gradient(top,  #ebf7f8 0%,#bae3e9 100%); 
      background: linear-gradient(top,  #ebf7f8 0%,#bae3e9 100%);
        }

                .white-border-t .info {
                    color: #7C7C7C;
                    float: left;
                    font-size: 14px;
                    line-height: 17px;
                    padding-left: 15px;
          margin-top: 5px;
                }   
                
                    .white-border-notif .unread .w-time,
                    .white-border-notif .unread .title {
                        font-weight: bold; 
                    } 
                    
                    .white-border-notif .read .w-time {
                        color: #7C7C7C;
                    }
                
                        .white-border-notif .cap {
                            font-size: 12px;
                            color: #7C7C7C;
                            width: 320px;
                            word-wrap: break-word;
                        }   
                        
                        .white-border-notif .title {
                            color: #000000;
                        }   
                        
                        .white-border-notif .w-time {
              color: #000000;
              float: right;
              font-size: 10px;
              position: absolute;
              right: 45px;
              text-align: right;
              top: 23px;
                        }   
   
            .white-border-mail p {
                font-size: 12px;
                color: #7C7C7C;
                margin: 5px 0 0;
            }
            
            .white-border-mail .title {
                font-size: 18px;
                color: #1E6E9E;
                font-weight: bold;
                margin: 0;
            }
        
            .white-border-mail .notification {
                padding: 3px 6px 2px;
                position: relative;
                top: -4px;
                margin-right:3px;
            }
        
            .blue-solid .f-msg {
                font-size: 10px;
                color: #F37053;
                float: right;
            }
        
            .mystream .mystream-a .new-k,
            .mystream .mystream-b .new-k,
            .pstream-a .new-k {
                background: none repeat scroll 0 0 #F04E37;
                border-radius: 3px 0 3px 0;
                -webkit-border-radius: 3px 0;
                -moz-border-radius: 3px 0;
                top: 0;
                color: #FFF;
                font-family: arial;
                font-size: 11px;
                height: 18px;
                left: 0;
                font-weight: bold;
                line-height: 17px;
                opacity: 0.8;
                padding: 0 6px;
                position: absolute;
            }
        
            .video-container {
                width: 200px;
                height: 180px;
                border: 1px solid #C5D1D9;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                -ms-border-radius: 5px;
                -khtml-border-radius: 5px;
                border-radius: 5px;
                float: left;
                margin: 0 0 10px;
                padding: 5px;
                position: relative;
                background: url("../../img/icon-player.png") no-repeat 5px 155px #FFFFFF;
                cursor: pointer;
            }
        
                .video-container object {
                    z-index: 1;
                    position: relative;
                    top: 0;
                    left: 0;
                }
            
                    .video-container img {
                        position: absolute;
                    }
            
                    .video-container .play-btn {
                        z-index: 1;
                        position: absolute;
                        width: 67px;
                        height: 66px;
                        background: url("../../img/arrow-play.png") 0 0 no-repeat transparent;
                        top: 45px;
                        left: 75px;
                     }
            
                    .video-container .play-btn:hover {
                        background: url("../../img/arrow-play.png") 0 -67px no-repeat transparent;
                    }
    
    .km-cont {
        border-left: 1px solid #C5E7EC;
        float: right;
        height: 25px;
        padding: 10px 0 0 5px;
        width: 20px;
        margin: 5px 0;
    }
    
    
        .km-arrow-new,
        .km-arrow-open,
        .km-arrow-close {
      border-left: 1px solid #C5E7EC;
      cursor: pointer;
      float: right;
      height: 40px;
      margin-bottom: 5px;
      position: relative;
      width: 25px;
        }
        
        .rel-btn {
          background: url("../../img/icon-closer-small.png") 0 0 no-repeat;
      cursor: pointer;
      height: 12px;
      position: absolute;
      right: -5px;
      top: 15px;
      width: 20px;
        }
        
        .rel-btn:hover {
          background: url("../../img/icon-closer-small.png") 0 -12px no-repeat;
        }

        .keekmail-show {
            clear: both;
            overflow: hidden;
            position: relative;
            padding: 20px;
            cursor: default;
            color: #7C7C7C;
            /*background: #eef1f4 url("../../img/keekmail-grad.png") repeat-x top;*/
            background: #fff;
        }
        
      .keekmail-show .caption-full {
        width: 100%;
        word-wrap: break-word;
        font-size: 12px;
        line-height: 17px;
      }
      
                .keekmail-show .caption-full span {
                    font-style:italic;
                    font-size: 12px;
                }
                
                .keekmail-show .caption-full p {
                    margin: 0;
                    font-size: 12px;
                }

            .gr-wrapb {
        border: 1px solid #C3CED5;
        margin-bottom: 15px;
        overflow: hidden;
        padding: 10px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -o-border-radius: 5px;
                -ms-border-radius: 5px;
                -khtml-border-radius: 5px;
                border-radius: 5px;
            }
        
        .fllw-sm {
            float: right;
            font-size: 10px;
            position: absolute;
            right: 10px;
            bottom: 3px;
        }
        
        .track-del  {
      bottom: 20px;
      font-size: 10px;
      position: absolute;
      right: 10px;
        }
        
            .track-del li {
                display: inline;
                color: #7C7C7C;
            }
            
            .track-del li.track,
            .track-del li.mark {
                padding-left: 5px;
                margin-left: 2px;
            }
/* Keekmail end
============================================================================================================================================ */
/* Settings Navigation
============================================================================================================================================ */
#settings-list,
#friends-list,
.subnav-tabs {
  margin: 0 0 14px 0;
  border-bottom: 1px solid #C3CED4;
  float: left;
  width: 100%;
}
  .subnav-tabs#settings-list { margin: 0 0 6px 0; }
  
    #settings-list li,
    #friends-list li,
    .subnav-tabs li {
    border-top: 1px solid #C3CED4;
    border-left: 1px solid #C3CED4;
    border-right: 1px solid #C3CED4;
    margin: 0 10px 0 0;
    height: 30px;
    float: left;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #ECF6F8 url('../../img/tab-bg.png') repeat-x;
    background: linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
      background: -o-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
      background: -moz-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
      background: -webkit-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
      background: -ms-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
    }

    #settings-list li h3,
    #friends-list li h3,
    .subnav-tabs li h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        padding: 7px 10px 10px;
        width: auto;
        color: #1E6E9E;
    }
      
        #settings-list li.current,
        #friends-list li.current,
        .subnav-tabs li.current {
            height: 35px;
            background: #fff;
            color: #163042;
            position: relative;
            margin: -1px 10px 0 0;
            top: 1px;
            z-index: 1;
            background: #ECF6F8 url('../../img/tab-bg-on.png') repeat-x;
            background: linear-gradient(top, #fff, #ecf6f8);
              background: -o-linear-gradient(top, #fff, #ecf6f8);
              background: -moz-linear-gradient(top, #fff, #ecf6f8);
              background: -webkit-linear-gradient(top, #fff, #ecf6f8);
              background: -ms-linear-gradient(top, #fff, #ecf6f8);
        }

/* Settings Navigation end
============================================================================================================================================ */
#whiteb-border-large .l,
#whitebp-border-large .l,
#whitebp-border-largew .l,
#whiteb-border-large .k,
#whitebp-border-large .k,
#whitebp-border-largew .k {
    width: 626px;
    margin: 2px 0 0;
    float: right;
}

    #whitebp-border-large .avatar {
        width: 600px;
    }

    #whitebp-border-largew .avatar {
        width: 520px;
    }

      #whitebp-border-large .avatar img,
        #whitebp-border-largew .avatar img {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -o-border-radius: 5px;
            -ms-border-radius: 5px;
            -khtml-border-radius: 5px;
            border-radius: 5px;
      position: relative
        }

        #whiteb-border-large span,
        #whiteb-border-large label,
        #whitebp-border-large span,
        #whitebp-border-large label,
        #whitebp-border-largew span,
        #whitebp-border-largew label,
        #whitebp-border-large span.single,
        #whitebp-border-large label.single {
            color: #122433;
            float: left;
            font-size: 14px;
            text-align: right;
            width: 250px;
            margin: 0 20px 0 0;
            font-weight: bold;
        }

        #whitebp-border-large span.single,
        #whitebp-border-large label.single  {
            margin: 5px 20px 0 0;
        }

        #whitebp-border-large #counter_comment {
            color: #C3CED5;
            float: right;
            position: relative;
            right: 270px;
        }

        #whiteb-border-large .f,
        #whitebp-border-large .f {
          margin: 0 0 10px 10px;
            overflow: hidden;
        }

      #whiteb-border-large .l a,
      #whiteb-border-large .f a {
        font-size: 12px;
      }

        #whiteb-border-large .k button,
        #whitebp-border-large .k button,
        #whitebp-border-largew .k button,
        #whiteb-border-large .f button,
        #whiteb-border-large .l button,
        .mystream .mystream-a p.m {
            margin: 10px 0 0 0;
        }

      #whiteb-border-large hr {
        background: none repeat scroll 0 0 #E0E4E8;
        border: 0 none;
        clear: both;
        color: #E0E4E8;
        height: 1px;
        margin: 10px 0;
        width: 100%;
      }
  
      #whitebp-border-large hr,
      #whitebp-border-largew, hr {
        background: none repeat scroll 0 0 #E0E4E8;
        border: 0 none;
        clear: both;
        color: #E0E4E8;
        height: 1px;
        margin: 12px 0;
        width: 100%;
      }

          #whiteb-border-large .f label {
        color: #122433;
        font-size: 14px;
        margin: 0;
        text-align: left;
        width: 400px;
        font-weight: normal;
        }

        #whitebp-border-large textarea,
      #whitebp-border-largew textarea {
      font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
      font-size: 14px;
      height: 160px;
      margin: 0;
      resize: none;
      width: 320px;
        }

      .texarea-counter { }

      #whiteb-border-large .l input[type="checkbox"],
      #whiteb-border-large .f input[type="checkbox"],
      #whiteb-border-large .f input[type="radio"] {
        float: left;
        left: 0;
        margin-right: 10px;
        position: relative;
          }   

      #whitebp-border-large span.gender,
        whitebp-border-largew span.gender {
      width: auto;
      font-weight: normal;
      margin: 0 15px 0 2px;
      float: none;
        }

        #whitebp-border-large .l input[type="radio"],
        #whitebp-border-largew .l input[type="radio"] {
            top: 3px;
            position:relative;
        }

        #whitebp-border-large .l input[type="radio"],
        #whiteb-border-large .f input[type="radio"],
        #whitebp-border-largew .l input[type="radio"],
        #whiteb-border-largew .f input[type="radio"] {
            width: 20px;
            border: none;
        }
        
#whitebp-border-large .scroller {
    width: 920px;
    margin-bottom: 20px;
}

.rs-content {
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    padding-bottom: 10px;
    width: 900px;
}

    .rs-content .s-one {
    float: left;
    height: 23px;
    width: 637px;
    }

    .rs-content .s-two {
        float: left;
        width: 140px
    }

    /* Inside Scroller */
    #whitebp-border-large .cont-scroll {
        position: relative;
    }

.cont-scroll-t {
    border-bottom: 1px solid #E6E9ED;
    font-size: 14px;
    height: 35px;
    margin-bottom: 0;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}

.s-top {
    border-top: 1px solid #E6E9ED;
}

    .cont-scroll-t .s-one,
    .cont-scroll-t .s-two {
        float: left;
    }
    
        .cont-scroll-t .s-one {
          width: 627px;
          padding-left: 10px;
        }
    
       .cont-scroll-t .s-two {
            width: 135px;
        }
        
        .cont-scroll-t .s-four {
            float: right;
            width: 100px;
            position: relative;
            top: 8px;
            padding-right: 20px;
        }

        #whitebp-border-large .cont-scroll img {
            margin-right: 10px;
            float: left;
        }
    
        #whitebp-border-large .cont-scroll h2 {
            display: inline-block;
            width: auto;
            font-size: 22px;
        }
    
        #whitebp-border-large .cont-scroll select {
            position: relative;
            top: 8px;
            width: 125px;
        }
        
        #whitebp-border-large .cont-scroll input {
            position: relative;
            left: 0;
        }

/* Settings Navigation end
============================================================================================================================================ */
/* User Information
   Followers/Following/Keeks
============================================================================================================================================ */
    .user_links .number {
        display: block;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: -4px;
    }
  
      .user_links li {
      border-right: 1px dotted #DBE4E8;
      float: left;
      padding: 0 0 0 10px;
      width: 75px;
      list-style-type: none;
      }
  
    .user_links li.first {
          padding: 0 10px 0 5px;
          width: 50px;
      }

    .user_links li.last {
      border-right: none;
      }

      .user_links li.current a {
          color: #193A48;
      }

#sidebar .user_stream,
#sidebar-sign .user_stream {
    margin-bottom: 20px;
}

  .user_stream .side-title,
  .latest-users  .sidebar-title {
    display: block;
    float: left;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    width: auto;
    color: #122433;
  }
  
    .user_stream .side-title span {
      font-weight: normal;
    }
    .side-title.user-stream-title { margin: 0 0 7px 0;}

  .sidebar .pictures {
      margin: -10px;
  }

  a.all {
    float: right;
    font-size: 12px;
    margin: 0;
    padding: 22px 18px 0 0;
  }

    #sidebar-sign .latest-keeks,
    #sidebar-sign .latest-users,
    #sidebar .latest-keeks,
    #sidebar .latest-users {
      width: 350px;
        margin: 0 0 15px;
    }

    .sidebar-title {
        font-weight: bold;
        font-size: 14px;
    }
    
    .sidebar-signup-m  .sidebar-title {
        margin: 10px 0;
    }

    .latest-keeks .more,
    .latest-users .more {
      float: right;
      font-size: 10px;
      margin: 4px 0 0;
    }

    .latest-keeks div.list,
    .latest-users div.list {
      clear: both;
    }

    #sidebar-sign .latest-users div.list,
    #sidebar .latest-users div.list {
        padding: 0 10px;
        width: 345px;
        margin-top: -5px;
        overflow: hidden;
    }

      #sidebar-sign .latest-users div.list li a,
      #sidebar .latest-users div.list li a,
      #white-greyl .list li a {
        padding: 0;
      }

    .latest-keeks li {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        background: #eff2f4;
        border: 1px solid #c3ced4;
        padding: 10px 10px 10px 100px;
        font-size: 12px;
        line-height: 14px;
        min-height: 62px;
        position:relative;
    }

    .latest-keeks li+li {
      margin-top: 4px;
    }

    .latest-keeks img {
      position: absolute;
      width: 80px;
      height: 60px;
      left: 10px;
      top: 10px;
      border: 1px solid #FFF;
    }

    .latest-keeks .caption {
      color: #193A48;
      margin: 4px 0 8px;
    }

#sidebar-sign  .latest-users ol,
#sidebar  .latest-users ol {
    margin-left: -16px;
    margin-top: 5px;
}

#sidebar-sign .latest-users li,
#sidebar .latest-users li {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background: #eff2f4;
    border: 1px solid #c3ced4;
    float: left;
    width: 151px;
    margin-left: 6px;
    margin-bottom: 5px;
    position: relative;
    padding: 10px 10px 5px;
    line-height: 12px;
}

#sidebar-sign .latest-users li .user-t,
#sidebar .latest-users li .user-t {
  overflow:hidden;
  width: 105px;
}

#sidebar-sign  .latest-users li:hover,
#sidebar .latest-users li:hover {
  background: #F3FAFB;
}
  #sidebar-sign .latest-users li .keeks-sidebar .number,
  #sidebar-sign .latest-users li .followers .number,
  #sidebar .latest-users li .keeks-sidebar .number,
  #sidebar .latest-users li .followers .number {
    font-weight: bold;
    color: #596670;
  }

  #sidebar-sign .latest-users li .username a,
  #sidebar .latest-users li .username a {
    font-weight: bold;
    color: #122433;
  }
    
    #sidebar-sign .latest-users li img,
    #sidebar .latest-users li img {
        float: left;
        width: 35px;
        height: 35px;
        margin: 0 9px 5px 0;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

    #keek-component-video {
        height: 342px;
        width: 416px;
        text-align: center;
        background: #fff url("../../img/bkg-logo.gif") top left no-repeat;
    }
    
        #keek-component-black {
            height: 342px;
            width: 416px;
            text-align: center;
            background: #000;
            display: none;
        }

    #keek-component-video .msg-icon {
      margin-top: 20px;
    }

  #keek-component-video a {
   color:#1E6E9E;
   font-weight: bold;
  }

.keek_ad.panel p {
  font-size: 15px;
  line-height: 18px;
  color: #122433;
  margin: 0;
}

.keek_ad h3 {
  margin: 0;
  padding: 0;
}

.keek_ad button {
  display: block;
  margin-top: 10px;
  text-align: left;
  width: 205px;
  font-size: 14px;
  padding: 7px 10px;
  color: #596670;
}

.keek_ad button img {
  margin-right: 5px;
  vertical-align: middle;
}

  div.signup {
    margin-bottom: 20px;
  }

  div.signup h3 {
    font-size: 25px;
    margin: 0;
  }
  div.signup p {
    color: #596670;
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 10px;
    text-align: left;
  }

  div.signup p span {
    font-weight: bold;
    font-size: 14px;
  }

  .signup.panel .leftsigninbtn {
    margin: 0 auto 20px;
    font-size: 26px;
    width: 290px;
    display: block;
    color: #5FB312;
    letter-spacing: -1px;
    padding: 5px 0 10px;
  }

        button.is_following {
            color: #1E6E9E;
            width: 78px;
        }
            button.call_unfollow {
                color: #122433;
            }

#homepage_reg_message {
  display:none;
  position:absolute;
  z-index:5;
  width:200px;
  height:60px;
  margin-top:-10px;
}

    #sidebar .follows.panel p {
        font-weight: bold;
        font-size: 12px;
        color: #122433;
    }
    
    #sidebar .follows.panel ul {
        padding: 10px 0 0;
        width: 320px;
    }

    #sidebar .follows.panel ul.following {
        padding: 10px 0;
        border-top: 1px solid #ced8dd;
        overflow: hidden;
    }

    #sidebar .follows.panel ul.followers {
        border-top: 1px solid #ced8dd;
    }

      #sidebar .follows.panel ul li {
        float: left;
        width: 35px;
        height: 35px;
        margin: 0 3px 3px 0;
        padding: 0;
      }
        #sidebar .follows.panel ul li.first {
          margin: 0 3px 3px 0;
        }
/* User Information
   Followers/Following/Keeks End
============================================================================================================================================ */
/* Larger Image
============================================================================================================================================ */
.image-large {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #C3CED5;
    max-width: 280px;
  min-width: 35px;
    color: #7C7C7C;
    word-wrap: break-word;
    position: absolute;
    z-index: 999;
    left: 15px;
    top: 102px;
    padding: 15px;
    display: none;
    border: 1px solid #CED7DD;
    box-shadow: 0 0 8px #C5D1D9;
    -moz-box-shadow: 0 0 8px #C5D1D9;
    -webkit-box-shadow: 0 0 8px #C5D1D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

  #user_header .bio-image {
        z-index: 1;
    }
    
    #user_header .bio-image img {
        height: auto;
        width: auto;
    }

  .image-large .arrow-r {
    background: url("../../img/top-arrow-grey.png") no-repeat scroll 60px top transparent;
    height: 12px;
    position: absolute;
    top: -10px;
    width: 100%;
    z-index: 1;
    left: -32px
  }
/* Larger Image
============================================================================================================================================ */
/* Username Pop-up 
============================================================================================================================================ */
.user-namep ul {
  padding:0; 
  margin:0;
  list-style-type: none;
}
/* Username Pop-up End
============================================================================================================================================ */
/* Bio Pop-up
============================================================================================================================================ */
.balloon ul {
  padding:0; 
  margin:0;
  list-style-type: none;
}
    .balloon ul li {
        /*float:left;*/
    background: url("../../img/profile-bio-sprite.png") no-repeat 0 0;
    color: #A5FDFF;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    position: relative;
    width: 16px;
    height:16px;
    /*padding:0 5px;*/
    }

    .balloon ul li dl,
    .balloon ul li a dl {
    color:#000;
    cursor:default;
    position:absolute;
    z-index: 999;
    margin:-5px 0 0 28px;
    display: none;
    }

    .balloon dt {
      margin:0;
      padding:5px;
      font-size:1.4em;
      font-weight:bold;
      color: #000;
      text-align:center;
      z-index: 1;
    }
    
      .balloon dd {
          margin:0;
          z-index: 1;
      }
    
    .balloon dd #p {
        position: relative;
        color: #7C7C7C;
        padding: 18px 20px;
        font-size: 12px;
        line-height: 17px;
        word-wrap: break-word;
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #C3CED5;
        top: -31px;
        margin: 0 5px 2px 0;
        float: left;
        display: inline;
        width: 373px;
        font-weight: normal;
    -webkit-box-shadow: 0 0 10px #C5D1D9;
    -moz-box-shadow: 0 0 10px #C5D1D9;
    box-shadow: 0 0 10px #C5D1D9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }
      
        .balloon dd .noprt-bio,
        .balloon dd .prt-bio  {
            left: -1px;
        }
        
    .balloon dd #p h4 {
      margin: 0 5px 5px 0;
      width: auto;
      font-size: 20px;
    }
      /*.balloon dd #p .bio-desc span {
        display: block;
      }*/
  
      .balloon dd #p .bio-info {
        margin: 0;
      }
  
        .balloon dd #p b {
          color:#102434;
        }
  
        .balloon dd #p a {
          color: #317493;
          text-decoration: none;
          font-size: 12px;
        }
  
      .balloon dd #p a:hover {
          color: #122433;
      }
  
      .balloon dd #p .popup-bio {
        font-size: 12px;
        word-wrap: break-word;
      }
  
      .balloon dd #p hr {
        border: 0;
        margin: 7px 0;
        padding: 0;
        color: #E0E4E8;
        background: #E0E4E8;
        height: 1px;
      }

    .balloon ul li:hover,
    .balloon ul li a:hover {
      position:relative;
      cursor: pointer;
      background: transparent url("../../img/profile-bio-sprite.png") no-repeat 0 -16px;
    }

    .balloon ul li dl em,
    .balloon ul li a dl em {
      background: url("../../img/side-arrow-grey.png") no-repeat scroll 0 0 transparent;
      display: block;
      height: 20px;
      left: -10px;
      position: absolute;
      top: -14px;
      width: 10px;
    }

    .balloon ul li dl a,
    .balloon ul li  dl a {
      height:0.8em;
      color:#606;
      background:transparent;
      text-decoration:underline;
      display:inline;
    }

    .balloon ul li dl a:hover,
    .balloon ul li a dl a:hover {
      text-decoration:none;
      background:transparent;
    }

    .full-time {
      float: left;
      font-size: 10px;
      position: relative;
      width: 280px;
      word-wrap: break-word;
      top: 2px;
    }

  .bio-desc p { font-size: 12px; color: #153043; margin: 11px 0; }
  .bio-links { overflow: hidden; } 
    .bio-links-single { overflow: hidden; }
      .bio-links-single img, .bio-links-single a {
        display: block !important;
        float: left;
      }
      .bio-links-single img { width: auto !important; height: auto !important; }
      .bio-link { 
        display: block;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin: 0 0 5px 5px;
        width: 328px;
        height: auto !important;
        line-height: 10px;
        padding: 10px 0 10px 5px;
        color: #1882B0 !important;
      }
        .bio-link:hover { color: #153043 !important; }

/* Bio Pop-up End
============================================================================================================================================ */
/* Kred Pop-up
============================================================================================================================================ */
.balloon-k {
  float: left;
  padding-right: 10px;
  /*width: 305px;
  height: 365px;*/
  color:#000;
  cursor:default;
  display: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
}

.balloon-k ul {
  padding:0;
  margin:0;
  list-style-type: none;
}
    .balloon-k ul li {
      position: relative;
      /*margin: 4px 0 0;*/
      background: transparent url("../../img/profile-kred-btn.png") 0 0 no-repeat;
      /*height: 30px;*/
      /*width: 30px;*/
      height: 16px;
      width: 16px;
      display: inline-block;
      cursor:pointer;
    }

    .balloon-k ul li dl,
    .balloon-k ul li a dl {
        color:#000;
        cursor:default;
        position:absolute;
      z-index: 999;
        margin-left: 31px;
        /*display: none;*/
        width: 305px;
        height: 365px;
        margin-top:6px;
    }

  .balloon-k dt {
    margin:0;
    padding:5px;
    font-size:1.4em;
    font-weight:bold;
    color: #000;
    text-align:center;
    z-index: 1;
    }

      .balloon-k dd {
        margin:0;
        z-index: 1;
      }
    
        .balloon-k #pt {
          color: #7C7C7C;
          padding: 13px;
          font-size: 12px;
          line-height: 17px;
          word-wrap: break-word;
          top: 13px;
          float: left;
          display: inline;
          width: 393px;
          font-weight: bold;
          background:#FFF;
          text-align:left;
          font-family: Helvetica, Arial, sans-serif;
        }
        
            .balloon-k .noprt-keek,
            .balloon-k .prt-keek {
                right: 191px
            }
        
        .balloon-k .c-rep {
          background: #91C52E;
        padding: 7px;
        font-size: 16px;
        color: #fff;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
      }
      
        .balloon-k .c-signin {
                font-weight: normal;
                padding-top:10px;
      }
      
          .balloon-k .c-signin a {
                    color: #1E6E9E;
                    font-weight: bold;
                    text-decoration: none;
                }
                
                .balloon-k .c-signin a:hover {
                    color: #122433;
                    text-decoration:none;
                }

        .balloon-k .c-pick,
        .balloon-k .c-rate {
            color: #112434;
            font-weight: bold;
            padding: 10px 0 3px;
        }

      .balloon-kdd #pt a:hover {
        color: #122433;
      }
  
      .balloon-k dd #pt .popup-bio {
        font-size: 12px;
        word-wrap: break-word;
      }
  
      .balloon-k dd #pt hr {
        border: 0;
        margin: 7px 0;
        padding: 0;
        color: #E0E4E8;
        background: #E0E4E8;
        height: 1px;
      }

    .balloon-k ul li:hover,
    .balloon-k ul li a:hover {
      background: #C6DCDE url("../../img/profile-kred-btn.png") 0 -30px no-repeat;
    cursor: pointer;
    }
    
    /*.balloon-k ul li:active, .balloon-k ul li a:active {
    background: transparent url("../../img/btn-follow-subscribe2.png") 0 -419px no-repeat;
    cursor: pointer;
  }*/

      .balloon-k ul li dl em,
      .balloon-k ul li a dl em {
      background: url("../../img/top-arrow-grey.png") no-repeat scroll 0 0 transparent;
      display: block;
      height: 10px;
      left: -25px;
      position: absolute;
      top: 4px;
      width: 20px;
    }

    .balloon-k ul li dl a,
      .balloon-k ul li  dl a {
      height:0.8em;
      color:#606;
      background:transparent;
      text-decoration:underline;
      display:inline;
    }

    .balloon-k ul li dl a:hover,
    .balloon-k ul li a dl a:hover {
      text-decoration:none;
      background:transparent;
    }

.balloon-k .rowWrapper {
    border-bottom: 1px solid #CDD6DC;
}

    .balloon-k .c-pick {
        float:left;
        width:135px;
    }

    .balloon-k .c-rate {
        float:left;
        width:200px;
    }

    .balloon-k .row {
        border-top: 1px solid #CDD6DC;
        border-right: 1px solid #CDD6DC;
        border-left: 1px solid #CDD6DC;
    }

      .balloon-k .row-l {
      border-right: 1px solid #CDD6DC;
      color: #596670;
        width: 115px;
        padding: 5px;
        cursor:pointer;
    }
    
      .balloon-k .row-l:hover,
      .balloon-k .active {
        background: #EEF4E1;
      }
      
    .balloon-k .row-d {
      border-right: 1px solid #CDD6DC;
      color: #596670;
        width: 115px;
        padding: 5px;
        font-size: 12px;
    }
    
    .balloon-k .data-l {
      color: #65B200;
      float: right;
      font-size: 12px;
      padding: 5px 57px 5px 5px;
      width: 200px;
    }

        .balloon-k .row-l input[type="radio"],
        .balloon-k .row-d input[type="radio"] {
        width: 20px;
        margin: 0 5px 0 0;
        float: left;
        cursor:pointer;
        }
        
        .balloon-k .row-d input[type="radio"] {
        cursor: default;
        }
        
      .balloon-k #pt .data {
      color:#fff;
      background:#C5D1D9;
      height: 16px;
      display: none;
      border: 1px solid #C3CED5;
      text-align: right;
      -moz-border-radius:2px;
      -webkit-border-radius:2px;
      background:-webkit-gradient(linear, left top, →
      left bottom, from(#09f), to(#077fd0));
      -webkit-box-reflect:below 0 →
      -webkit-gradient(linear, left top, →
      left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.25)));
      background-image: linear-gradient(left , rgb(255,255,255) 0%, rgb(225,230,234) 68%, rgb(225,230,239) 100%);
      background-image: -o-linear-gradient(left , rgb(255,255,255) 0%, rgb(225,230,234) 68%, rgb(225,230,239) 100%);
      background-image: -moz-linear-gradient(left , rgb(255,255,255) 0%, rgb(225,230,234) 68%, rgb(225,230,239) 100%);
      background-image: -webkit-linear-gradient(left , rgb(255,255,255) 0%, rgb(225,230,234) 68%, rgb(225,230,239) 100%);
      background-image: -ms-linear-gradient(left , rgb(255,255,255) 0%, rgb(225,230,234) 68%, rgb(225,230,239) 100%);
      background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgb(255,255,255)),
        color-stop(0.68, rgb(225,230,234)),
        color-stop(1, rgb(225,230,239))
      );
      width: 0;
    }

    .balloon-k #pt .data span {
        position: relative;
        right: -35px;
        width: 35px;
    color: #65B200;
    white-space: nowrap;
    }
    
        .balloon-k .data-l .zero-percent {
            color: #7C7C7C;
        }
.balloon-k a.kred-view-people { float: right; margin: 0 15px 0 0; padding: 0 0 6px 0; }

/* Kred Pop-up End
============================================================================================================================================ */
/* Drop-down Pop-up
============================================================================================================================================ */
.drop-down,
.drop-down-disabled {
    float: right;
    margin-left: 8px;
}

    .drop-down-disabled {
        width: 24px;
        height: 24px;
      background: url("../../img/btn-arrow-r.png") no-repeat scroll 0 0 #fff;
      opacity: 0.3;
      margin: 5px 0 0 8px;
      -moz-opacity: 0.3;
      -khtml-opacity: 0.3;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
       behaviour : url(http://www.keek.com/css/pie.htc);
    }
    
.drop-down ul {
  padding:0;
  margin:0;
  list-style-type: none;
}
    .drop-down ul li {
    float:left;
    text-align: left;
    font-size: 12px;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    color: #FFFCB6;
        font-weight: bold;
        margin: 5px 0 0;
        width: 24px;
        padding-top: 24px;
        background: url("../../img/btn-arrow-r.png") no-repeat scroll 0 0 transparent;
    }

    .drop-down ul li dl,
    .drop-down ul li a dl {
        color:#000;
        cursor:default;
        position:absolute;
      z-index: 999;
        margin-left: 31px;
        display: none;
        width: 305px;
        height: 365px;
    }

  .drop-down dt {
    margin:0;
    padding:5px;
    font-size:1.4em;
    font-weight:bold;
    color: #000;
    text-align:center;
    z-index: 1;
    }

      .drop-down dd {
        margin:0;
        z-index: 1;
      }
    
        .drop-down dd #p-dd {
      position: absolute;
      color: #7C7C7C;
      padding: 10px;
      font-size: 12px;
      line-height: 17px;
      word-wrap: break-word;
      background: none repeat scroll 0 0 #FFF;
      border: 1px solid #C3CED5;
      top: 10px;
      margin: 0 5px 2px 0;
      float: left;
      display: inline;
      font-weight: bold;
            right: 299px;
            width: 200px;
      -webkit-box-shadow: 0 0 10px #C5D1D9;
      -moz-box-shadow: 0 0 10px #C5D1D9;
      box-shadow: 0 0 10px #C5D1D9;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      }
    
      .drop-down dd #p-dd a:hover {
        color: #122433;
      }
      
      .drop-down dd #p-dd hr {
        margin: 8px 0 10px;
      }

    .drop-down ul li:hover,
    .drop-down ul li a:hover {
      background: url("../../img/btn-arrow-r.png") no-repeat scroll 0 -25px transparent;
      cursor: pointer;
    }

      .drop-down ul li dl em,
      .drop-down ul li a dl em {
      background: url("../../img/top-arrow-grey.png") no-repeat scroll 0 0 transparent;
      display: block;
      height: 10px;
      left: -28px;
      position: absolute;
      top: 1px;
      width: 20px;
    }

      .drop-down ul li dl .w,
      .drop-down ul li  dl .w {
            font-style:italic;
            font-weight: normal;
            padding-left: 7px;
    }

    .drop-down ul li dl a,
      .drop-down ul li  dl a {
            background: none repeat scroll 0 0 transparent;
            display: inline-block;
            padding: 5px 10px;
            position: relative;
            width: 180px;
            word-wrap: break-word;
            font-weight: normal;
    }

    .drop-down ul li dl a:hover,
    .drop-down ul li a dl a:hover {
      text-decoration:none;
      background:transparent;
      background: #E1E6EA;
    }
/* Drop-down Pop-up End
============================================================================================================================================ */
/* Likes Pop-up 
============================================================================================================================================ */
.likes-balloon {
    display: inline-block;
    position: relative;
}

.likes-balloon ul {
  padding:0; 
  margin:0;
  list-style-type: none;
  font-size: 11px;
}
    .likes-balloon ul li a, .likes-balloon ul li span { width: 100px; }

    .likes-balloon ul li dl,
    .likes-balloon ul li a dl {
    color:#000;
    cursor:default;
    position:absolute;
    z-index: 999;
    /*display: none;*/
    }

    .likes-balloon dt {
      margin:0;
      padding:5px;
      font-size:1.4em;
      font-weight:bold;
      color: #000;
      text-align:center;
      z-index: 1;
    }
    
      .likes-balloon dd {
          margin:0;
          z-index: 1;
      }
    
    .likes-balloon dd #who_like_this {
        position: relative;
        color: #112434;
        padding: 18px 20px;
        font-size: 14px;
        line-height: 17px;
        word-wrap: break-word;
        background: none repeat scroll 0 0 #FFF;
        border: 1px solid #C3CED5;
        top: -5px;
        left: -110px;
        margin: 0 5px 2px 0;
        float: left;
        display: none;
        font-weight: normal;
        width: 220px;
    -webkit-box-shadow: 0 0 10px #C5D1D9;
    -moz-box-shadow: 0 0 10px #C5D1D9;
    box-shadow: 0 0 10px #C5D1D9;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }
      

    .likes-balloon ul li dl em,
    .likes-balloon ul li a dl em {
      background: url("../../img/top-arrow-grey.png") no-repeat scroll 0 0 transparent;
      display: block;
      height: 10px;
      position: absolute;
      top: -10px;
      width: 20px;
      left: 120px;
    }
/* Likes Pop-up End
============================================================================================================================================ */
/* Follow Pop-up
============================================================================================================================================ */
  .follow-btn,
  .subscribe-btn {
    cursor: pointer;
    position: relative;
    border: none;
    }
    
    #user_header .follow-btn,
    #user_header .following-btn {
        top: 5px;
        position: relative;
    }
        
            a.follow-btn {           
                color: #fff;
                padding: 3px 6px;
            }

.follow-btn ul,
.subscribe-btn ul {
  padding:0;
  margin:0;
  list-style-type: none;
}

    .follow-btn ul li dl,
    .follow-btn ul li a dl,
    .subscribe-btn ul li dl,
    .subscribe-btn ul li a dl {
        color:#000;
        cursor:default;
        position:absolute;
      z-index: 999;
        margin-left: 31px;
        display: none;
    }

  .follow-btn dt,
  .subscribe-btn dt {
    padding:5px;
    z-index: 1;
    }

      .follow-btn dd,
      .subscribe-btn dd {
        margin-top: 20px;
        z-index: 1;
        display: none;
      }
    
        .follow-btn dd .p-follow,
        .subscribe-btn dd .p-follow {
      position: absolute;
      color: #7C7C7C;
      padding: 10px;
      font-size: 12px;
        font-weight: normal;
      line-height: 17px;
      word-wrap: break-word;
      background: none repeat scroll 0 0 #FFF;
      border: 1px solid #C3CED5;
      top: 34px;
      margin: 0 5px 2px 0;
      float: left;
      display: inline;
        left: 0;
            width: 285px;
            z-index: 1;
            text-align: left;
      -webkit-box-shadow: 0 0 10px #C5D1D9;
      -moz-box-shadow: 0 0 10px #C5D1D9;
      box-shadow: 0 0 10px #C5D1D9;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      border-radius: 5px;
      }
      
          .subscribe-btn dd .p-follow {
            width: 290px
          }
    
      .follow-btn dd .p-follow a:hover {
        color: #122433;
      }

    .follow-btn ul li:hover,
    .follow-btn ul li a:hover,
    .subscribe-btn ul li:hover,
    .subscribe-btn ul a:hover {
      cursor: pointer;
    }

      .follow-btn dd em,
        .subscribe-btn dd em {
            background: url("../../img/top-arrow-grey.png") no-repeat scroll 0 0 transparent;
            display: block;
            height: 10px;
            left: 27px;
            position: absolute;
            top: 25px;
            width: 20px;
            z-index: 1;
    }
    
    .subscribe-btn dd em {
        left: 40px;
    }   
/* Follow Pop-up End
============================================================================================================================================ */
/* White/Blue-border Layout
============================================================================================================================================ */
#white-border,
#blue-border,
#white-border-med,
#white-border-large,
#whiteb-border-large,
#whitebp-border-large,
#whitebp-border-largew {
  float: left;
    margin-bottom: 100px;
    margin: 0 0 6px;
    padding: 20px;
    position:relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
   -khtml-border-radius: 5px;
  border-radius: 5px;
}

    #white-border,
    #white-border-med,
    #white-border-large {
        background: #fff;
        border: 1px solid #C3CED4;
    }

        #whiteb-border-large,
        #whitebp-border-large,
        #whitebp-border-largew {
            background: #fff;
            border: 1px solid #A5DAE1;
            width: 898px;
            min-height: 150px;
            padding: 20px;
        }
    
            #white-border {
                width: 517px;
            }

    #white-border-med hr {
      margin: 20px 0;
      border: 0;
      color: #E0E4E8;
      background: #E0E4E8;
      height: 1px;
      width: 100%;
      clear: both;
    }

    #white-border-med {
        width: 900px;
        padding: 20px;
        margin-bottom: 40px;
    }

    #white-border-large {
        width: 819px;
        padding: 50px 60px 60px;
    }
    
      #white-border-large h1 {
      font-weight: bold;
    }

    #blue-border {
    background: #FFF;
    border: 1px solid #CFD8DD;
    -moz-box-shadow: 3px 3px 3px #c5d1d9;
    -webkit-box-shadow: 3px 3px 3px #c5d1d9;
    box-shadow: 3px 3px 3px #c5d1d9;
    margin-bottom: 70px;
    width: 517px;
    }
    
      #white-border-large ul {
        margin-top: 10px;
      }
      
        #white-border-large ul li {
            font-size: 14px;
            line-height: 24px;
        }
      
        #white-border-large ul.st li {
            font-size: 12px;
            color: #596670;
            margin: 10px 0 0 30px;
            line-height: 17px;
        }
      
        #white-border hr,
        #blue-border hr {
          margin: 10px 0;
        }

      #white-border space,
      #blue-border space {
        margin: 41px 0;
      }

                #blue-border .error-text {
                    position: relative;
                    font-size: 10px;
                    color: #F37053;
                }

  #white-border img,
    #whiteb-border-large .avatar img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    position:relative;
    }

    #whitebp-border-large .avatar-file {
      position: relative;
      float: right;
      right: -20px;
      top: -17px;
    }

      #whitebp-border-largew .avatar-file {
        position: relative;
        float: right;
        right: -20px;
        top: -17px;
      }
  
    #white-border.edit-profile {
      margin-left: 200px !important;
    }
  
    #left #white-border.edit-profile {
      margin-left: 0 !important;
    }

  #signin label {
    color: #122433;
    font-size: 20px;
  }

      .input-align,
      .input-aligna,
      .input-alignb {
        float: right;
        font-size: 12px;
        margin-bottom: 10px;
        width: 329px;
      }
      
        .input-aligna {
          font-size: 10px;
          margin-bottom: 10px;
        }
      
          .input-alignb {
          font-size: 14px;
          margin-bottom: 0;
          }

  #white-border label,
  #blue-border label {
    color: #122433;
    font-size: 18px;
    text-align:left;
    width: 185px;
    float:left;
    margin-top: 5px;
  }

    #white-border-med label,
    #white-border-med span {
      color: #122433;
        font-size: 14px;
        text-align: right;
        width:250px;
        float:left;
        margin: 5px 20px 0 0;
    }

    #white-border-med span {
      margin: 0;
    }

    #white-border label span,
      #white-border-med label span,
      #blue-border label span {
      color: #122433;
      font-size: 10px;
      text-align:left;
      width:185px;
      float:left;
      margin-top: 5px;
      }

      #white-border input,
      #white-border-med input,
      #blue-border input,
      #whiteb-border-large input,
      #whitebp-border-large input,
      #whiteb-border-large textarea,
      #whitebp-border-large textarea {
        margin: 0;
        background: #FAFEFF;
      }
        #blue-border input {
          width: 320px;
        }
        #white-border input, #white-border-med input, #whiteb-border-large input, #whitebp-border-large input, #whiteb-border-large textarea, #whitebp-border-large textarea {
          width: 400px;
        }

    #whitebp-border-large .avatar-file input,
    #whitebp-border-largew .avatar-file input {
        font-size: 12px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 75px;
        top: 20px;
        width: 190px;
    }

    #whitebp-border-largew .avatar-file input {
      position: relative;
    }

    #white-border  textarea,
    #blue-border textarea {
      width: 320px;
      height: 160px;
      font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
      font-size: 14px;
      margin: 0;
    }

    #white-border select
    #blue-border select {
        width: 108px;
    }

    .mystream .blue-solid,
    .mystream .blue-solid-f,
    .blue-solid {
      background: none repeat scroll 0 0 #DEF2F4;
      border: 1px solid #DBE2E5;
      clear: both;
      padding: 10px;
      color: #122433;
      margin-bottom: 6px;
      position: relative;
      -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
      box-shadow: 0 1px #fff;
      -moz-box-shadow: 0 1px #fff;
      -webkit-box-shadow: 0 1px #fff;
    }
    .blue-solid#stream-filters { margin-bottom: 20px; }

      .mystream .blue-solid-f {
          text-align: right;
          color: #7C7C7C;
      }

      .blue-solid .tright {
        text-align: right;
      }
      
      .blue-solid select {
        margin-left: 5px;
        color: #7C7C7C;
      }

                .blue-solid ul li {
                    display: inline;
                    padding-right: 10px;
                    font-size: 11px;
                }
      
    .reply {
      background: url("../../img/btn-reply.png") no-repeat scroll 0 0 transparent;
      height: 22px;
      position: absolute;
      right: -10px;
      top: 9px;
      width: 80px;
      cursor: pointer;
    }
  
      .reply:hover {
        background: url("../../img/btn-reply.png") no-repeat scroll 0 -22px transparent;
      }
    
      .reply:active {
        background: url("../../img/btn-reply.png") no-repeat scroll 0 -44px transparent;
      }

      .nprivate-keek {
        background: url("../../img/btn-privatekeek.png") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        height: 24px;
        position: absolute;
        right: 10px;
        top: 9px;
        width: 137px;
      }
        
        .nprivate-keek:hover {
          background: url("../../img/btn-privatekeek.png") no-repeat scroll 0 -25px transparent;
        }
        
        .nprivate-keek:active {
          background: url("../../img/btn-privatekeek.png") no-repeat scroll 0 -50px transparent;
        }
      
      .nprivate-keeks-s {
        background: url("../../img/btn-privatekeek-re.png") no-repeat scroll 8px 5px transparent;
        cursor: pointer;
        display: block;
        height: 35px;
        width: 105px;
        cursor: pointer;
        border-left: 1px dotted #DBE4E8;
          padding-left: 8px;
      }
      
        .nprivate-keeks-s:hover {
          background: url("../../img/btn-privatekeek-re.png") no-repeat scroll 8px -29px transparent;
        }

      .nprivate-keek-e {
        background: url("../../img/btn-envelope.png") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        height: 20px;
        position: absolute;
        width: 25px;
        margin-left: 10px;
      }
  
        .nprivate-keek-e:hover {
          background: url("../../img/btn-envelope.png") no-repeat scroll 0 -20px transparent;
        }
      
        #user_header .subscribe-btn,
        #user_header .nprivate-keeks-s,
        #user_header .subscribed-btn {
      float: left;
      position: relative;
      top: 5px;
        }
        
        #user_header .nprivate-keeks-s {
          top: 0px;
    }
        
      #user_header .subscribe-btn {
        margin-right: 8px;
      }
      
      #user_header .subscribed-btn {
        margin-right: 8px;
      }

      div.person .nprivate-keeks-s {
        margin-top: 5px;
      }
  
      .private-keek hr {
        clear: both;
      }
      
      #refresh-btn {
        float: right;
        border: 1px solid #CED7DD;
        background-color: #E1E6EA;
        color: #1E6E9E;
        font-size: 12px;
        padding:  4px 6px 2px;
        font-weight: normal;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        margin: 0;
      }
      
        #refresh-btn:hover {
          background-color: #F3FAFB;
              color: #122433;
        }
    .private-keek-btn {
      height: 22px;
      font-size: 12px;
      font-weight: bold;
      color: #1E6E9E;
      padding: 1px 8px 0 30px;
      display: block;
      float: right;
      border: 1px solid #cdd7dd;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px #fff;
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px, -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#e4e7ea));
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px, -webkit-linear-gradient(#fff, #e4e7ea); 
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px, -moz-linear-gradient(#fff, #e4e7ea);
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px, -ms-linear-gradient(#fff, #e4e7ea); 
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px, -o-linear-gradient(#fff, #e4e7ea);
      background: url("../../img/btn-envelope.png") no-repeat 4px 4px, linear-gradient(#fff, #e4e7ea);
      -pie-background: url("../../img/btn-envelope.png") no-repeat 4px 4px, linear-gradient(#fff, #e4e7ea); /*PIE*/
      cursor: pointer;
      behavior: url(http://www.keek.com/css/PIE.htc);
      position: relative;
      top: -2px;
    }
      .private-keek-btn:hover {
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px #fff;
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#e4e7ea));
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -webkit-linear-gradient(#fff, #e4e7ea); 
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -moz-linear-gradient(#fff, #e4e7ea);
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -ms-linear-gradient(#fff, #e4e7ea); 
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -o-linear-gradient(#fff, #e4e7ea);
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, linear-gradient(#fff, #e4e7ea);  
        -pie-background: url("../../img/btn-envelope.png") no-repeat 4px -16px, linear-gradient(#fff, #e4e7ea); /*PIE*/
        behavior: url(http://www.keek.com/css/PIE.htc);
        position: relative;
      }
      .private-keek-btn:active {
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px #fff;
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -webkit-gradient(linear, 0 0, 0 100%, from(#e4e7ea) to(#fff));
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -webkit-linear-gradient(#e4e7ea, #fff); 
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -moz-linear-gradient(#e4e7ea, #fff);
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -ms-linear-gradient(#e4e7ea, #fff); 
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, -o-linear-gradient(#e4e7ea, #fff);
        background: url("../../img/btn-envelope.png") no-repeat 4px -16px, linear-gradient(#e4e7ea, #fff);  
        -pie-background: url("../../img/btn-envelope.png") no-repeat 4px -16px, linear-gradient(#e4e7ea, #fff); /*PIE*/
        behavior: url(http://www.keek.com/css/PIE.htc);
        position: relative;
      }        
/* White/Blue-border Layout End
============================================================================================================================================ */
/* White/Grey box
============================================================================================================================================ */
#white-greyl,
#white-greym,
#white-greys {
  border: 1px solid #C3CED4;
  color: #596670;
  background: #FFF;
  -moz-box-shadow: 3px 3px 3px #c5d1d9;
  -webkit-box-shadow: 3px 3px 3px #c5d1d9;
  box-shadow: 3px 3px 3px #c5d1d9;
  position:relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
 
  #white-greym,
  #white-greyl {
    margin-bottom: 20px;
  }
  
  #white-greym {
      width: 461px;
      height: 194px;
    }

#white-greyl .box,
#white-greym .box ,
#white-greys .box {
    margin: 20px;
    position: relative;
}

#white-greyl .box p,
#white-greym .box p,
#white-greys .box p {
    width: 210px;
    margin: 0 0 20px;
}

#white-greyl .box .lp,
#white-greym .box .lp,
#white-greys .box .lp {
    width: 100%;
    margin-bottom: 20px;
    line-height: 17px;
}

  #white-greym .right {
    float: right;
    position:relative;
  }

    #white-greyempty {
    width: 461px;
    height: 194px;
    margin-bottom: 20px;
    position: relative;
    }

    .height {
      height: 203px;
    }

    #white-greyl h2,
    #white-greym h2,
    #white-greya h2 {
      padding: 15px 20px 10px;
      font-size: 22px;
      font-weight: bold;
      -webkit-border-top-left-radius: 6px;
      -webkit-border-top-right-radius: 6px;
      -moz-border-radius-topleft: 6px;
      -moz-border-radius-topright: 6px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      background: #ffffff;
      background: -moz-linear-gradient(top, #ffffff 0%, #ebf0f1 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebf0f1));
      background: -webkit-linear-gradient(top, #ffffff 0%,#ebf0f1 100%);
      background: -o-linear-gradient(top, #ffffff 0%,#ebf0f1 100%);
      background: -ms-linear-gradient(top, #ffffff 0%,#ebf0f1 100%);
      background: linear-gradient(top, #ffffff 0%,#ebf0f1 100%);
    }

    #white-greym h2 span,
    #white-greyl h2 span {
        font-size: 14px;
        position: absolute;
        right: 10px;
    }
  
    #white-greyl h2 {
        width: inherit;
        margin: 0;
    }
  
    #white-greym h2 {
        width: 421px;
    }
        
        #white-greyl .box h4 span {
        font-size: 14px;
      }

  #white-greym ul,
  #white-greyl ul {
    margin: 0 auto;
  }

    #white-greym ul li,
    #white-greyl ul li {
      float: left;
      margin: 0 5px 10px 0;
      -webkit-transition: all 100ms ease-in;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      -o-border-radius: 6px;
      -ms-border-radius: 6px;
      -khtml-border-radius: 6px;
      border-radius: 6px;
      height: 111px;
      position: relative;
      }
    
    #white-greyl ul li {
      margin: 0 3px 10px 0;
    }

    #white-greym .caption,
    #white-greyl .caption {
        font-size: 10px;
        color: #1E6E9E;
        max-height:17px;
        word-wrap: break-word;
        overflow:hidden;
        font-weight: bold;
        margin-top: 5px;
        width: 100px;
    }

    #white-greym .timer,
    #white-greyl .timer {
        bottom: 36px;
        left: 67px;
    }

    #white-greym .when-w,
    #white-greyl .when-w {
        font-size: 10px;
        color: #919EA6;
        height: 15px;
        width: 95px;
        overflow:hidden;
    }

    #white-greym .by_who,
    #white-greyl .by_who {
        font-size: 10px;
        color: #919EA6;
        width: 95px;
        overflow:hidden;
        line-height: 10px;
        height: 20px;
    }

        #white-greym .by_who a,
        #white-greyl .by_who a {
            color: #80C419;
            font-weight: bold;
        }

        #white-greym .by_who a:hover,
        #white-greyl .by_who a:hover {
            color: #122433;
        }

        #white-greym .by_who a:active,
        #white-greyl .by_who a:active {
            color: #596670;
        }

    #white-greyl ul li img:hover,
    #white-greyl ul li img:hover {
        box-shadow: 0 0 10px #22640A;
    }

#white-greyl  .latest-users div.list {
    font-size: 12px;
    list-style-type: none;
    position: absolute;
    right: -17px;
    top: 0;
    width: 690px;
}

#white-greyl .latest-users div.list2 {
    margin: 20px 20px 20px 34px;
    width: 470px;
}

  #white-greyl .box {
    padding: 5px 0 0;
  }

/*#white-greyl .latest-keeks, .latest-users {
    float: right;
}*/

  #white-greyl  .latest-users li {
    background: #eff2f4;
    border: 1px solid #c3ced4;
    float: left;
    font-size: 12px;
    width: 200px;
    margin: 0 6px 6px 0;
    padding: 10px 10px 5px;
    line-height: 12px;
    list-style-type: none;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    position:relative;
  }
  
    #white-greyl .latest-users li:hover {
      background: #F3FAFB;
    }
  
      #white-greyl .latest-users li a {
      color: #596670;
      }
  
    #white-greyl .latest-users li .keeks-sidebar .number,
    #white-greyl .latest-users li .followers .number,
    #white-greyl .latest-users li .number,
    #white-greyl .latest-users li .followers {
        font-weight: bold;
        color: #596670;
    }
  
        #white-greyl .latest-users li .username,
        #white-greyl .latest-users li .username a {
        font-weight: bold;
        color: #122433;
        }
  
      #white-greyl .latest-users li a.username:hover {
        color: #5FB312;
      }
  
    #white-greyl .latest-users li img {
      float: left;
      width: 35px;
      height: 35px;
      margin: 0 9px 5px 0;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
    }
    
      .right-img {
        float: right;
        position: relative;
        top: -44px;
        right: -15px;
      }
      
      .right-img2 {
        float: right;
        position: relative;
        top: 0;
        right: 0;
      }
      
      .right-img3 {
        float: right;
        position: relative;
        right: -13px;
        top: -40px;
      }
/* White/Grey box End
============================================================================================================================================ */
/* Profile
============================================================================================================================================ */
.profile-header {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

.edit-options {
    left: -2px;
    position: relative;
}

/* Like/Actions/Time/Views End */
    .lr-list {
        float: left;
        position: relative;
        top: 5px;
        /*top: 16px;*/
    }
    
            .like,
            .unlike {
        color: #5FB312;
        cursor: pointer;
        float: left;
        height: 22px;
        position: relative;
        /*top: -7px;   */
            }
            
                .like {
          background: url("../../img/icon-like-repost-r-2.png") no-repeat scroll -12px 0 transparent;
          width: 53px; 
                }
                
                    .like:hover {
            background: url("../../img/icon-like-repost-r-2.png") no-repeat scroll -12px -23px transparent;
                    }
        
                  .like:active {
            background: url("../../img/icon-like-repost-r-2.png") no-repeat scroll -12px -46px transparent;
                    }
                
                .unlike {
          background: url("../../img/icon-like-repost-r-2.png") no-repeat scroll 0 -69px transparent;
          width: 65px; 
                }
                
                    .unlike:hover {
            background: url("../../img/icon-like-repost-r-2.png") no-repeat scroll 0 -92px transparent;
                    }
        
                  .unlike:active {
            background: url("../../img/icon-like-repost-r-2.png") no-repeat scroll 0 -115px transparent;
                    }
        

.actions {
    border-bottom: 1px solid #E0E4E8;
    color: #7C7C7C;
    margin: 5px 0 13px;
}                                   
    .actions ul {
        float:right;
/*         height: 31px; */

        position: relative;
    }

    .actions li {
/*      display: inline-block; */
      list-style-type: none;
      cursor: pointer;
/*      width: 30px; */
/*      height: 30px; */
    
}
    .actions .video-actions li {
      width: 30px;
      height: 30px;
      display: block;
      float: left;
      margin: 0 0 5px 3px;
      position: relative;
    } 
      .actions .video-actions li a, .actions .video-actions li span {
        position: absolute;
        top: 2px;
      }
    

        .actions li a, .actions li span {
          width: 30px;
          height: 20px;
/*           position: absolute;  */
          top: 2px;
        }


            .icon-email { background: url("../../img/icon-email.png") 0 0 no-repeat; }
              .icon-email:hover { background: url("../../img/icon-email.png") 0 -30px no-repeat; }
        .icon-email:active { background: url("../../img/icon-email.png") 0 -60px no-repeat; }

            .icon-fb { background: url("../../img/icon-fb.png") 0 0 no-repeat; }
        .icon-fb:hover { background: url("../../img/icon-fb.png") 0 -30px no-repeat; }
        .icon-fb:active { background: url("../../img/icon-fb.png") 0 -60px no-repeat; }

            .icon-twit { background: url("../../img/icon-twit.png") 0 0 no-repeat; }
        .icon-twit:hover { background: url("../../img/icon-twit.png") 0 -30px no-repeat; }
        .icon-twit:active { background: url("../../img/icon-twit.png") 0 -60px no-repeat; }

            .icon-tumblr { background: url("../../img/icon-tumblr.png") 0 0 no-repeat; }
        .icon-tumblr:hover { background: url("../../img/icon-tumblr.png") 0 -30px no-repeat; }
        .icon-tumblr:active { background: url("../../img/icon-tumblr.png") 0 -60px no-repeat; }

            .icon-flag { background: url("../../img/icon-flag-i.png") 0 0 no-repeat; }
        .icon-flag:hover { background: url("../../img/icon-flag-i.png") 0 -30px no-repeat; }
        .icon-flag:active { background: url("../../img/icon-flag-i.png") 0 -60px no-repeat; }
                .icon-flag.disabled { background: url("../../img/icon-flag-i.png") 0 -90px no-repeat; cursor: default; }

            .icon-links { background: url("../../img/icon-links.png") 0 0 no-repeat; }
        .icon-links:hover { background: url("../../img/icon-links.png") 0 -30px no-repeat; }
        .icon-links:active { background: url("../../img/icon-links.png") 0 -60px no-repeat; }

            .icon-embed { background: url("../../img/icon-embed.png") 0 0 no-repeat; }
        .icon-embed:hover { background: url("../../img/icon-embed.png") 0 -30px no-repeat; }
        .icon-embed:active { background: url("../../img/icon-embed.png") 0 -60px no-repeat; }

.tv-list {
    position: relative;
    color: #7C7C7C;
    margin: 0 0 20px;
    top: -10px;
}
  .tv-list li { display: inline-block; }
    .upload-time:after {
        content: "|";
        padding: 0 2px 0 5px;
        color: #BAC2C6;
     }

/* Like/Actions/Time/Views End */
.keekback {
    height: auto;
    width: 394px;
    padding: 10px;
    background: none repeat scroll 0 50% #F3FAFB;
    border: 1px solid #C3CED5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    position:relative;
}

  .keekback hr {
      margin: 10px 0;
      color: #C3CED5;
      clear:both;
  }

  a.button.submit {
    bottom: 20px;
    position: relative;
    right: -5px;
  }

  .keekback button.submit {
        float: right;
        margin: 10px 0 0;
        padding: 9px 10px 6px;
    }

    .keekback a.btn {
      background: url("../../img/keekback.png") repeat-x scroll left 0px transparent;
      color: #1E6E9E;
      float: left;
      font-size: 16px;
      font-weight: bold;
      height: 20px;
      padding: 15px;
      position: absolute;
      text-shadow: 0 1px 0 #FFF;
      top: 35px;
      width: 110px;
    }
    
      .keekback a.btn:hover {
        background: url("../../img/keekback.png") repeat-x scroll left -50px transparent;
        color: #122433;
      }
  
  .video-reply {
        left: 163px;
        position: absolute;
        top: 40px;
        width: 13px;
        font-size: 12px;
    }
  
  #counter_comment {
        bottom: 70px;
        color: #C3CED5;
        position: absolute;
        right: 10px;
        top: 20px;
  }

.keek-action {
    display: none;
}

.fb-keekback,
.twit-keekback  {
    background: url("../../img/fb-comment.png") no-repeat scroll 0 0 transparent;
    position: relative;
    top: 10px;
    float: left;
    width: 55px;
    height: 35px;
}

.twit-keekback {
    background: url("../../img/twit-comment.png") no-repeat scroll 0 0 transparent;
    position: relative;
    left: 10px;
}

.track-conversation {
    float: right;
    position: relative;
    top: 15px;
}

    .track-conversation input[type="checkbox"] {
        left: 0;
        position: relative;
        top: 0;
        height: auto
    }
    
    .blue-solid input[type="checkbox"] {
        left: 0;
        position: relative;
    height: auto;
    }

    .cancel-comment {
        color: #A0A0A0;
        font-size: 14px;
        bottom: 15px;
        right: 90px;
        position: absolute;
    }

      .keekback input {
            height: 23px;
            left: -5px;
            margin-left: 10px;
            position: relative;
            top: 5px;
      }
  
      .keekback textarea {
      float: right;
      font-size: 16px;
      height: 17px;
      margin: 11px 0;
      padding: 9px 5px 8px;
      resize: none;
      width: 205px;
      }
      
      .keekback textarea:focus {
      font-size: 14px;
      font-weight: normal;
      }

#user_player .num_keekbacks {
    background: url("../../img/icon-cmmnt.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    height: 22px;
    margin: 25px 0 1px;
    padding: 0 30px 0 0;
    position: relative;
    right: 0;
    text-align: center;
    top: -25px;
}

    #user_player .empty_keekbacks {
      float: left;
      height: 22px;
      margin: 25px 0 1px;
      padding: 0 30px 0 0;
      position: relative;
      right: 0;
      text-align: center;
      top: -8px;
    }

    #user_player .word_keekbacks {
        color: #122433;
        position: relative;
        top: 15px;
        width: 275px;
    }

  .keekback-error {
    border: 1px solid #C3CED5;
    color: #F37053;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 2px;
    text-align: center;
    visibility: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
  }

        .mystream .mystream-a h5 a:hover,
        .mystream .mystream-b h5 a:hover,
        .pstream-a h5 a:hover,
        .pstream-b h5 a:hover {
            color: #122433;
        }
    
        .mystream .mystream-a h5 a:active,
        .mystream .mystream-b h5 a:active,
        .pstream-a h5 a:active,
        .pstream-b h5 a:active {
            color:#596670;
        }

        .upload-info {
      float: right;
      font-size: 12px;
      position: relative;
      right: 32px;
      top: 35px;
        }

            #whitebp-border-largew  .upload-info {
                float: none;
                font-size: 12px;
                position: relative;
                right: 0;
                top: 25px;
                color: #7F8C95;
            }
/* 404
============================================================================================================================================ */
#lost-error {
    text-align: left;
    width: 485px;
    height: 485px;
    margin: 0 auto 100px;
    background: url("../../img/404-mascot.png") no-repeat;
}

#lost-error .text-bubble {
    float: right;
    font-size: 28px;
    font-weight: 200;
    line-height: 35px;
    margin: 45px 0 225px;
    width: 155px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  box-shadow: 3px 3px 3px #C5D1D9;
    position:relative;
}

  #lost-error .text-bubble a {
    font-size: 14px;
    font-weight: bold;
  }

    #lost-error p {
    clear: both;
    margin-left: 30px;
    }
/* 404 End
============================================================================================================================================ */
/* Accordion
============================================================================================================================================ */
#white-border #accordion p span {
    border-bottom: 1px solid #EEEEEE;
    color: #1E6E9E;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 5px 0;
}

    #white-border #accordion .accordion-text p {
      font-size: 14px;
      margin-bottom: 5px
    }

    #accordion .accordion-title p, .accordion-title p {
      width: 100%;
    }

    #accordion .accordion-text {
        padding: 20px 0;
    }

    #accordion .accordion-text ol {
        margin-left: 20px;
        list-style-type: disc;
    }
     
    #accordion .accordion-text ol li {
      list-style: decimal outside none;
      margin-bottom: 2px;
    }
/* Accordion End
============================================================================================================================================ */
/* Pop-up
============================================================================================================================================ */
body.top-popup {
  background:  #E7E9EB;
}

#top-popup {
    text-align: center;
    height: 46px;
    background: url("../../img/bkg-popup.png") repeat-x;
    margin: 0 auto;
    padding:0 10px;
}

  #top-popup h3 {
    color: #fff;
    font-size: 20px;
    height: 25px;
    padding: 13px 0 0;
  }

    #top-popup h3.email {
        background: url("../../img/icon-email.png") 0 8px no-repeat;
    }

    #top-popup h3.flag {
        background: url("../../img/icon-flag-i.png") 0 8px no-repeat;
    }

    #count-down {
        color: #C9C9C9;
        position: absolute;
        right: 15px;
        top: 90px;
    }

.tms {
    font-size: 14px;
}

    .tms-t {
    float: right;
    font-size: 16px;
    color: #596670;
    }

#popup-content {
  padding: 10px;
  background: #eaecee;
  line-height: 18px;
  position: relative;
}

#popup-contentt {
    padding: 115px 20px 80px;
    margin: 0 auto;
    background: #EBEDEF url("../../img/bkg-mailflag.png") top left no-repeat;
    line-height: 20px;
    position: relative;
}

  #popup-contentt h2 {
    font-size: 32px;
    font-weight: bold;
    display:block;
  }
  
    #popup-contentt h3 {
        line-height: 24px;
      }
    
    #popup-content label {
      font-weight: bold;
      color: #122433;
    }
    
    #popup-content input,
    #popup-content textarea {
      width: 370px;
    }
    
    #popup-content textarea {
      height: 60px;
    }
    
    #popup-content input.captcha {
      width: 350px;
      margin: 10px 0 0;
    }
    
      #popup-content .security-check {
        background: #F1F1F2;
        border: 1px solid #D0D2D3;
        font-size: 14px;
        text-align: left;
        padding: 10px;
        width: 360px;
        margin-bottom: 15px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        position:relative;
      }

        .security-check span.error {
          position: absolute;
          font-size: 14px;
          font-style: italic;
          font-weight: bold;
          top: 42px;
          width: 150px;
        }

    #popup-content h4 {
    font-weight: bold;
    color: #122433;
    font-size: 15px;
    margin: 20px 0;
    padding: 0;
    }

      #popup-content p {
      font-size: 14px;
      line-height: 17px;
      margin: 0 0 5px 0;
      }

  .back-btn {
      top: 10px;
      position: absolute;
  }

    .back-btn a {
      background: transparent url("../../img/btn-back.png")  0 0  no-repeat;
      width: 63px;
      height: 25px;
      position: absolute;
    }
    
    .back-btn a:hover {
      background: transparent url("../../img/btn-back.png")  0 -25px  no-repeat;
    }
/* Pop-up End
============================================================================================================================================ */
/* Blue dashed
============================================================================================================================================ */
#page-error,
#page-blued,
.page-aside {
    display: block;
    clear:both;
    background: #DEF2F4;
    margin: 0 0 6px;
    border: 1px solid #DBE2E5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    color: #112434;
    text-align: left;
    word-wrap: break-word;
    position:relative;
    box-shadow: 0 1px #fff;
    -moz-box-shadow: 0 1px #fff;
    -webkit-box-shadow: 0 1px #fff;
} 
  #page-blued.add-friends-page-blued { margin-bottom: 20px; }
  .page-title {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #122433;
  }
  
  #page-error {
    padding: 20px;
      width: 520px;
      font-size: 14px;
  }
  
  #page-blued, .page-aside {
    padding: 12px;
  }

      #page-error p,
      #page-blued p,
      .page-aside p {
      margin: 0;
      font-size: 12px;
      color: #112434;
      }

    #page-error a,
    #page-blued a {
      font-weight: bold;
      color: #1E6E9E;
    }

#page-blued.full-width a.right {
    float: right;
    margin: 0 20px 0 0;
    display: block;
    padding: 0;
}
  .next-step-boxl, 
  .next-step-box {
    position: relative;
    right: 0;
    float: right;
    line-height: normal;
  } 
  
      .next-step-box {
      top: -40px;
      font-size: 14px;
      }

      .next-step-boxl {
      top: 0;
      margin-bottom: 6px;
      }

#page-blued.no-content {
  text-align: center;
  background-color: #fff;
}
  #page-blued.no-content a { font-weight: normal; font-size: 12px; }
  #page-blued.no-content p { line-height: 12px; margin: 0 0 10px 0; }
  #page-blued.no-content img { margin: 38px 0 4px 0; }
  #page-blued.no-content.my-stream { height: 655px; }
  #page-blued.no-content.people, #page-blued.no-content.my-content { height: 606px; }

.page-aside { 
  background: #eff2f4;
}
/* Blue dashed End
============================================================================================================================================ */
/* Steps
============================================================================================================================================ */
ul#steps {
    float: left;
    width: 940px;
    margin: 0 0 20px 0;
    color: #58A9C1;
}

    ul#steps li {
        float: left;
        margin: 0 10px 0 0;
        font-size: 18px;
        font-weight: bold;
        color: #58A9C1;
        padding: 10px 75px 10px 0;
        background: transparent url("../../img/arrow-blue.png") center right no-repeat;
    }

        ul#steps .no-arrow {
            background: transparent;
        }

    ul#steps .bold {
        color: #6FBC15;
    }

     ul#steps li a {
        color: #1E6E9E;
        text-decoration: none;
     }
  
        ul#steps li a:hover {
        color: #193A48;
        }
  
        ul#steps li a:active {
        color: #596670;
        }
        
/* Steps End
============================================================================================================================================ */
/* Invite friends Navigation
============================================================================================================================================ */
  #friends-list li#email h3 {
    background: transparent url("../../img/icon-mail1.png") 6px 8px no-repeat;
  }

    #friends-list li#email.current h3 {
      background: transparent url("../../img/icon-mail1.png") 6px 8px no-repeat;
    }

    #friends-list li#yahoo h3 {
      background: transparent url("../../img/icon-yahoo1.png") 6px 8px no-repeat;
    }

    #friends-list li#yahoo.current h3 {
      background: transparent url("../../img/icon-yahoo1.png") 6px 8px no-repeat;
    }

    #friends-list li#gmail h3 {
      background: transparent url("../../img/icon-gmail1.png") 6px 8px no-repeat;
    }

    #friends-list li#gmail.current h3 {
      background: transparent url("../../img/icon-gmail1.png") 6px 8px no-repeat;
    }

    #friends-list li#hotmail h3 {
      background: transparent url("../../img/icon-hotmail1.png") 6px 8px no-repeat;
    }
    
    #friends-list li#hotmail.current h3 {
      background: transparent url("../../img/icon-hotmail1.png") 6px 8px no-repeat;
    }

    #friends-list li#facebook h3 {
      background: transparent url("../../img/icon-facebook1.png") 15px 8px no-repeat;
    }

    #friends-list li#facebook.current h3 {
      background: transparent url("../../img/icon-facebook1.png") 15px 8px no-repeat;
    }

    #friends-list li#twitter h3 {
      background: transparent url("../../img/icon-twitter2.png") 6px 8px no-repeat;
    }
  
    #friends-list li#twitter.current h3 {
      background: transparent url("../../img/icon-twitter2.png") 6px 8px no-repeat;
    }

    #friends-list li#linkedin h3 {
      background: transparent url("../../img/icon-linkedin.png") 6px 8px no-repeat;
    }

    #friends-list li#linkedin.current h3 {
        background: transparent url("../../img/icon-linkedin.png") 6px 8px no-repeat;
    }

    #friends-list li a h3 {
        padding: 7px 10px 10px 35px;
        color: #1E6E9E;
    }

        #friends-list li.current a h3,
        #settings-list li.current a h3,
        .subnav-tabs li.current a h3,
        .subnav-tabs li.current h3 a {
          color: #122433;
        }
  
        #friends-list li a h3:hover,
        #settings-list li a h3:hover {
        color: #122433;
        }
  
        #friends-list li a h3:active,
        #settings-list li a h3:active {
        color: #596670;
        }
/* invite friends end
============================================================================================================================================ */
/* Static Template
============================================================================================================================================ */
.faq-inside-wrap { width: 640px; }
.data-pages-heading { 
  font-size: 24px;
  line-height: normal;
  width: 68%;
  float: left;
  font-weight: bold;
}
  .data-pages-nav { float: right; margin-top: 19px; width: 282px;}
    .data-pages-nav a {}
      .data-pages-nav a.current { color: #122433;}
    .data-pages-nav .pipe { margin: 0 3px; color: #CED7DD; }
#wrap .terms p,
#wrap .faq p {
    font-size: 12px;
}
  #wrap #white-border-large ul li, #wrap #white-border-large ol li { font-size: 12px; line-height: 15px; margin-bottom: 6px; }
    #wrap #white-border-large ul li ul { margin-top: 6px; }
    #wrap .faq ul, #wrap .faq ol { padding-left: 35px; margin: 0 0 15px 0; color: #596670; }
      #wrap .faq ul { list-style-type: disc; }
      #wrap .faq ol { list-style-type: decimal; }
  #wrap .faq h3 { margin: 60px 0 30px 0; font-size: 20px; font-weight: normal; padding: 0; /*margin: 0 0 10px 0;*/ line-height: 100%; }
  #wrap .faq h4 { font-size: 15px; margin: 35px 0 15px 0; border-bottom: 1px dotted #C3CED4; padding: 0 0 2px 0; }
    #wrap .faq h4 a.back-to-top { float: right; font-size: 11px; line-height: 11px; margin-top: 7px; font-weight: normal; }
  #wrap .faq p { margin: 0 0 7px 0; }

  #wrap .faq .faq-table-of-contents h3 { margin: 30px 0 10px 0; }
    #wrap .faq .faq-table-of-contents h3.faq-general-top { margin-top: 0;}
  #wrap .faq .faq-table-of-contents ul { margin: 0 0 20px 0; }
    #wrap #white-border-large .faq-table-of-contents ul li { font-size: 15px; line-height: 18px; margin-bottom: 8px; }

  #wrap .faq .faq-table-of-contents ul.faq-last-toc { margin: 0 0 45px 0; }
  #wrap .faq h3.faq-general-questions { margin: 45px 0 20px 0; }


/*    #wrap .faq p {
      cursor: pointer;
      color: #1E6E9E;
    }

    #wrap .faq p:hover {
        cursor: pointer;
        color: #122433;
    }
    
    #wrap .faq p:active {
        cursor: pointer;
        color: #596670;
    }*/
    
#sidebar-sign .panel {
    background-color: #F3FAFB;
    margin: 0 0 20px;
    padding: 20px;
    width: 310px;
    color: #7C7C7C;
    border: 1px solid #C3CED5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

    #aboutus #white-border {
        margin-bottom: 30px;
    }

    #aboutus #sidebar-sign {
        float: right;
    }   
    
        #aboutus h1 {
            font-size: 26px;
            padding: 10px 0 0;
            font-weight: bold;
        } 

        /*#aboutus h4 {
            font-size: 16px;
            padding: 10px 0 0;
            color: #596670;
        } */

    #sidebar-sign .panel hr {
      margin: 5px 0 20px;
    }

    #sidebar-sign .panel a {
      font-weight: bold;
      font-size: 14px;
    }

        #sidebar-sign .panel a.email {
            font-weight: normal;
        }
        
            #sidebar-sign .panel ul {
                margin-bottom: 5px;
                line-height: 17px;
                font-size: 14px;
            }

        #sidebar-sign .panel h3 {
            margin: 0;
            padding: 10px 0 0;
        }
h1.press-h1 { font-size: 24px; }

.press-release p { padding: 2px 0 0 51px; }
  .press-fp { background: transparent url('../../img/press-icons/icon_financialpost.png') no-repeat; }
  .press-mashable { background: transparent url('../../img/press-icons/icon_mashable.png') no-repeat; }
  .press-globe { background: transparent url('../../img/press-icons/icon_theglobeandmail.png') no-repeat; }
  .press-techcrunch { background: transparent url('../../img/press-icons/icon_techcrunch.png') no-repeat; }
  .press-gigaom { background: transparent url('../../img/press-icons/icon_gigaom.png') no-repeat; }
  .press-vator { background: transparent url('../../img/press-icons/icon_vatornews.png') no-repeat; }
  .press-prnewswire { background: transparent url('../../img/press-icons/icon_prnewswire.png') no-repeat; }
  .press-techcocktail { background: transparent url('../../img/press-icons/icon_techcocktail.png') no-repeat; }
  .press-marketwire { background: transparent url('../../img/press-icons/icon_marketwire.png') no-repeat; }
  .press-release p:first-child { margin-top: 0; }

.press-release a {
    font-weight: bold;
}

.press-release span,
#sidebar-sign .panel {
    font-size: 12px;
    margin-top: 46px;
}

.press-release .b-line {
    color: #ccc;
}

/* Static Template End
============================================================================================================================================ */
/* Pop-Promo
============================================================================================================================================ */
#popup-promo {
    width: 830px;
    height: 380px;
    margin: 0 auto;
    background: #eaecee url("../../img/HomepageAd.jpg") top left no-repeat;
}

    #popup-promo .iphone a,
    #popup-promo .andriod a {
    display: block;
    height: 53px;
    padding: 57px 0 0;
    text-align: center;
    width: 164px;
    }

    #popup-promo .iphone {
      background: url("../../img/andriod-iphone-promo.jpg") no-repeat scroll left top transparent;
      height: 53px;
      left: 232px;
      position: relative;
      top: 212px;
      width: 164px;
      cursor: pointer;
    }
    
      #popup-promo .iphone:hover {
        background: url("../../img/andriod-iphone-promo.jpg") no-repeat scroll 0 -53px transparent;
      }
      
    #popup-promo .andriod {
      background: url("../../img/andriod-iphone-promo.jpg") no-repeat scroll -202px 0 transparent;
      height: 53px;
      left: 434px;
      position: relative;
      top: 159px;
      width: 170px;
      cursor: pointer;
    }
    
      #popup-promo .andriod:hover {
        background: url("../../img/andriod-iphone-promo.jpg") no-repeat scroll -202px -53px transparent;
      }
/* Phone Promo
============================================================================================================================================ */
#green-promo {
    background: none repeat scroll 0 0 #E8F7F9;
    border: 1px solid #AFD24C;
    height: 18px;
    margin: 10px auto 20px;
    padding: 16px 0 15px;
    position: relative;
    text-align: center;
    width: 940px;
    font-size: 16px;
    overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

   .keek-ticker {
      position: absolute;
      top: 60px;
    width: 100%;
   }

        .keek-ticker span {
            color: #80C419;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: bold;
        }

    .i-iphone,
    .i-webcam,
    .i-android {
        padding: 0 10px 0 0;
        margin: 15px 0 0 10px;
        position: relative;
        text-align: center;
        height: 145px;
        cursor: pointer;
    }
    
        .i-iphone a,
        .i-webcam a,
        .i-android a {
            left: 0;
            padding: 55px 30px;
            position: absolute;
            top: 8px;
        }
        
        .i-webcam a {
            padding: 60px 50px
        }
        
        .i-android a {
            padding: 60px 40px;
        }
            
            #sidebar-sign .i-android, 
            #sidebar .i-android {
                margin-right: 30px;
            }
        
        .i-iphone {
            background: url("../../img/home-camapp2.png") no-repeat scroll 0 -13px transparent;
            width: 53px;
            border-right: 1px solid #E0E4E8;
            float: left;
        }

            #sidebar-sign .i-iphone, 
            #sidebar .i-iphone {
                margin-left: 30px;
            }
            
            .i-iphone:hover {
                background: url("../../img/home-camapp2.png") no-repeat scroll 0 -163px transparent;
            }
    
        .i-webcam {
            background: url("../../img/home-camapp2.png") no-repeat scroll -70px -13px transparent;
            border-right: 1px solid #E0E4E8;
            float: left;
            width: 88px;
        }
        
            .i-webcam:hover {
                background: url("../../img/home-camapp2.png") no-repeat scroll -70px -163px transparent;
            }
    
        .i-android {
            background: url("../../img/home-camapp2.png") no-repeat scroll -175px -13px transparent;
            float: right;
            width: 66px;
        }
        
            .i-android:hover {
                background: url("../../img/home-camapp2.png") no-repeat scroll -175px -163px transparent;
            }
        
    .home-iphone {
        background: url("../../img/home-iphone.png") no-repeat scroll 0 0 transparent;
        border-right: 1px solid #E0E6EA;
        font-size: 10px;
        height: 24px;
        line-height: 11px;
        margin-right: 10px;
        padding: 3px 0 0 20px;
        position: absolute;
        right: 105px;
        top: 15px;
        width: 60px;
    }

        .home-iphone:hover {
            background: url("../../img/home-iphone.png") no-repeat scroll 0 -27px transparent;
        }

    .home-android {
        background: url("../../img/home-android.png") no-repeat scroll 0 0 transparent;
        font-size: 10px;
        height: 25px;
        line-height: 11px;
        padding: 5px 0 0 33px;
        position: absolute;
        right: -2px;
        top: 13px;
        width: 70px;
    }
    
        .home-android:hover {
            background: url("../../img/home-android.png") no-repeat scroll 0 -30px transparent;
        }

.mobile-dl {
    width: 315px;
    margin: 0 auto;
    padding-top: 60px;
}

.mobile-dl h3 {
    font-size: 20px;
    text-align: center;
}

.mobile-dl .iphone,
#sidebar .sidebar-signup-m .iphone,
#sidebar-sign .sidebar-signup-m .iphone {
    background: url("../../img/andriod-iphone-promos.png") no-repeat scroll left top transparent;
    height: 45px;
    width: 140px;
    margin: 0 0 20px 10px;
    cursor: pointer;
}

    .mobile-dl .iphone:hover,
    #sidebar .sidebar-signup-m .iphone:hover,
    #sidebar-sign .sidebar-signup-m .iphone:hover {
        background: url("../../img/andriod-iphone-promos.png") no-repeat scroll 0 -46px transparent;
    }

    .mobile-dl .iphone a,
    .mobile-dl .andriod a,
    #sidebar .sidebar-signup-m .iphone a,
    #sidebar .sidebar-signup-m .andriod a,
    #sidebar-sign .sidebar-signup-m .iphone a,
    #sidebar-sign .sidebar-signup-m .andriod a {
      display: block;
      width: 140px;
      padding: 50px 0 0;
      text-align: center;
    }

    .mobile-dl .andriod,
    #sidebar .sidebar-signup-m .andriod,
    #sidebar-sign .sidebar-signup-m .andriod {
    background: url("../../img/andriod-iphone-promos.png") no-repeat scroll -161px 0 transparent;
    height: 45px;
    width: 145px;
    margin: 0 10px 20px 0;
    cursor: pointer;
    float: right;
    }
    
        .mobile-dl .andriod:hover,
        #sidebar .sidebar-signup-m .andriod:hover,
        #sidebar-sign .sidebar-signup-m .andriod:hover {
            background: url("../../img/andriod-iphone-promos.png") no-repeat scroll -161px -46px transparent;
        }

#newsignup {
    left: -5px;
    position: relative;
    width: 278px;
}

/* Signup
============================================================================================================================================ */
#signup #content {
    margin: 0 auto;
}

    #wh-top,
    #wh-top2 {
        background: #fff;
      padding-top: 30px;
        font-size: 24px;
        padding: 20px;
        position: relative;
        text-align: center;
        top: -2px;
    }
    
    #wh-top2 img {
      margin-right: 5px;
    }

        .wh-t {
            position: relative;
            margin: 0 auto;
        }
        
            .wh-t span {
                position: relative;
                top: -10px;
            }
        
    .wh-topa {
      display: block;
      margin: 0 auto;
      position: relative;
      top: -2px;
    }
      
    #blue-promo {
    background: url("../../img/signup-promo.png") no-repeat scroll center top transparent;
    padding-top: 120px;
    }

    h4.wlu-promo {
      margin: 15px 0 0;
    }

      .qf {
      height: 30px;
      margin: 0 auto
      }

    #blue-border-p {
    background: #F3FAFB;
    border: 1px solid #CFD8DD;
    -moz-box-shadow: 3px 3px 3px #c5d1d9;
    -webkit-box-shadow: 3px 3px 3px #c5d1d9;
    box-shadow: 3px 3px 3px #c5d1d9;
    margin: 0 auto;
    width: 517px;
    color: #7C7C7C;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    position:relative;
  }
  
    #wlu-promo-p {
        text-align: center;
        height: 285px;
    }

    #wlu-promo-p .title {
      font-size: 36px;
      font-weight: bold;
      color: #122433;
      margin-top: 67px;
    }

        #wlu-promo-p .red {
      color: #AC3521;
      font-size: 18px;
      margin: 0;
        }

      .contest-list li {
          display: inline;
          list-style-type: none;
          padding-right: 6px;
      }

    #blue-border-p input,
    #wlu-promo-p input {
      margin: 0;
      width: 390px;
    }

    #blue-border-p span,
    #blue-border-p label,
    #blue-border-p label.sk {
      color: #122433;
      float: left;
      font-size: 14px;
      font-weight: bold;
      text-align: right;
      width: 100px;
      clear: both;
      position: relative;
      top: 30px;
      margin: 0 0 40px;
    }

        #blue-border-p label.sk {
          top: 10px;
        }

      #blue-border-p .captcha {
          margin: 10px 0;
      }

    #blue-border-p .l,
    #blue-border-p .k {
        float: right;
        width: 400px;
    }

    #blue-border-p .k {
        line-height: 13px;
        font-size: 10px;
    }

    #blue-border-p .r,
    #popup-content .r {
        float: right;
        font-size: 14px;
        line-height: 17px;
        position: relative;
        top: 20px;
        width: 190px;
    }

        #popup-content .r {
            top: 0;
            width: 150px;
        }

    #white-f {
        font-size: 16px;
        line-height: 20px;
        margin: 30px auto 0;
        text-align: left;
        width: 560px;
    }

        #white-f span {
            font-size: 12px;
        }

    .terms-policy {
    bottom: 20px;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    width: 517px;
    }
/* Tumblr
============================================================================================================================================ */
#container-tumblr {
  min-height: 100%;
}

#cct {
    padding: 0 0 40px 10px;
    margin: 30px auto 0;
    width: 600px;
    overflow:hidden;
    min-height: 100%;
}

#tumblr {
    background: none repeat scroll 0 0 #375069;
    height: 55px;
    padding: 15px 0 0 10px;
}
  .tumblr-inner {
    margin: 0 auto;
    width: 600px;
    padding-left: 30px;
  }

  .tumblr-inner-f {
    margin: 0 auto;
    padding: 10px 40px 0 0;
    width: 575px;
  }
  
    .tumblr-s {
      height: 20px;
    }
    
.tumblr-whole {
    width: 630px;
}

    .tumblr-whole .one {
        float: left;
        padding: 0 20px;
        min-height: 260px;
        width: 270px;
    }

    .tumblr-whole .one b {
    font-size: 14px;
    }

    .tumblr-whole .one input {
      width: 250px;
    }
      
    .tumblr-whole .one label {
      margin-top: 10px;
    }
    
    .tumblr-whole .two {
    float: left;
    font-size: 12px;
    line-height: 17px;
    padding-left: 30px;
    width: 220px;
    word-wrap: break-word;
    border-left: 1px solid #D1D3D4;
    }
    
    .tumblr-whole .two span {
        color: #7C7C7C;
        font-size: 10px;
    }

.tumblr-preview {
  width: 220px;
  height: 165px;
}

#tumblr-footer {
    position: relative;
    margin: -40px auto 0;
    height: 40px;
    clear:both;
    background: #E0E4E8;
}
/* Tumblr end
============================================================================================================================================ */
/* Top 100 Search
============================================================================================================================================ */
.search-results-box {
  padding: 10px;
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
    border: 1px solid #C3CED5;
    margin-bottom: 12px;
    -pie-background: linear-gradient(#fff, #DDE3E7);
    background: -moz-linear-gradient(top, #ffffff 0%, #dde3e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dde3e7));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    background: linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    behavior: url(http://www.keek.com/css/PIE.htc);
  position: relative;
}

ul.search-saved {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    height: 32px;
}

  ul.search-saved li {
        display: block;
        padding: 10px 0 10px 7px;
        position: relative;
        top: -10px;
        width: 490px;
  }

  ul.search-saved li a {
      display:block;
      float:left;
      color:#fff;
      text-decoration:none;
      font-size: 13px;
      font-style:normal;
      font-weight:bold;
      font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
      padding: 16px 15px 5px 5px;
      line-height:18px;
      height: 47px;
  }
    
    ul.search-saved li.savedSearchLabel,
    ul.search-saved li.savedSearchLabel:hover {
      float:none;
      background:none;
      margin:0;
      display:block;
      font-size:12px;
      height:10px;
      padding: 10px 0 0 0;
      font-weight:normal;
      color: #7c7c7c;
        width: 465px;
    }
  
    .delSearch {
      background: url("../../img/icon-closer-small.png") no-repeat scroll 0 0 transparent;
      cursor: pointer;
      float: right;
      height: 12px;
      width: 13px;
      position: absolute;
      top: 7px;
      right: 5px;
      display: none;
    }
    
      .delSearch:hover {
        background: url("../../img/icon-closer-small.png") no-repeat scroll 0-12px transparent;
        cursor: pointer;
      }

  .ui-autocomplete {
      position:absolute;
      top:56px;
      list-style-type:none;
      margin:0;
      padding: 10px;
      -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        background: #fff;
        font-size: 12px;
        width: 538px;
        left: -11px;
        border: 1px solid #C3CED5;
    -webkit-box-shadow: 0 0 10x #C5D1D9;
    -moz-box-shadow: 0 0 10px #C5D1D9;
    box-shadow: 0 0 10px #C5D1D9;
        z-index:999;
  }
  
    ul.search-saved li.liSearch {
            border: medium none;
            height: auto;
            margin: 0;
            padding: 0;
            top: 0;
        width: 537px;
    }
    
      ul.search-saved li ul li.liSearch:hover {
        background-color:#e6ecee;
        }   
          
        ul.search-saved li .ui-widget-content a {
        float:none;
        background:none;
        display:block;
        font-size:16px;
        padding: 5px 0 5px 7px;
        font-weight:normal;
        color: #1E6E9E;
        height: auto;
                line-height: 18px;
                width: 495px;
                overflow: hidden;
              -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
      }
      
      ul.search-saved li .ui-widget-content a:hover {
        background: #e7ecee;
        border: 0;
      }

.ui-autocomplete-input {
  width: 530px;
}
          
.search-results-box #search-header-loggedout {
  width: 470px;
}         

#search_submit_loggedout {
  right: -37px;
}         
          
  .search-results-box input[type="text"] {
    background: #fff;
    border-radius: 16px 16px 16px 16px;
    padding: 6px 35px 6px 15px;
    position: relative;
    width: 430px;
    margin: 0;
  }
  
  .search-results-box input[type="text"]:hover {    
    -webkit-box-shadow: 0 0 5px #3EA6B7;
    -moz-box-shadow: 0 0 5px #3EA6B7;
    box-shadow: 0 0 5px #3EA6B7;
    border-color: #3EA6B7;
  }

.top-person {
  margin: 0 0 12px;
}

button.search-btn,
button.gear-btn {
    background: #fff;
    border: 1px solid #C3CED5;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
    -pie-background: linear-gradient(#fff, #DDE3E7);
    background: -moz-linear-gradient(top, #ffffff 0%, #dde3e7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dde3e7));
    background: -webkit-linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    background: linear-gradient(top, #ffffff 0%,#dde3e7 100%);
    behavior: url(http://www.keek.com/css/PIE.htc);
    padding: 5px 30px 5px 5px;
    position: relative;
    text-align: left;
    margin-bottom: 5px;
    font-weight: normal;
    
}

  button.search-btn {
    font-size: 11px;
    height: 20px;
    padding: 0 3px;
    width: 120px;
  }

  button.gear-btn {
    float: right;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 11px;
    width: 30px;
    padding: 0;
  }
  
  button.gear-btn img {
    left: 6px;
    position: absolute;
    top: 6px;
  }
  
button.search-btn:hover,
button.gear-btn:hover {
    color: #122433;
    -pie-background: linear-gradient(#fff, #D4D8DA);
    background: -ms-linear-gradient(#fff, #D4D8DA);
    background: -o-linear-gradient(#fff, #D4D8DA);
    background: linear-gradient(#fff, #D4D8DA);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.4, #D4D8DA),
      color-stop(1, #FFFFFF)
    );
    background-image: -moz-linear-gradient(
      center bottom,
      #D4D8DA 40%,
      #FFFFFF 100%
    );
    behavior: url(http://www.keek.com/css/PIE.htc);
}

button.search-btn:active,
button.gear-btn:active {
    color: #596670;
    background: #d5d8da;
    -pie-background: linear-gradient(#d5d8da, #fff);
    background: -moz-linear-gradient(top, #d5d8da 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d8da), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    background: -o-linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    background: linear-gradient(top, #d5d8da 0%,#ffffff 100%);
    behavior: url(http://www.keek.com/css/PIE.htc);
}

  button.search-btn span {
    background: url("../../img/dropdown-empty-arrow.png") no-repeat scroll 0 0 transparent;
    height: 10px;
    position: relative;
    float: right;
    width: 13px;
      top: 2px;
      right: -1px;
  }
  
  button.search-btn:hover span {
    background: url("../../img/dropdown-empty-arrow.png") no-repeat scroll 0 -25px transparent;
  }

.search-cont {
  margin: 0;
  position: relative;
  font-size: 14px;
  height: 36px;
}
  .search-cont .result-span { display: inline-block; margin-top: 6px; line-height: normal; }
  .search-cont .sort-by, .search-tabs-bot .sort-by { 
    font-weight: bold; 
    display: block; 
    float: left; 
    line-height: normal;
    margin: 6px 5px 0 0;
  }

.search-list, .search-list li {
  display: inline-block;    
  color: #112434;
  margin-top: 6px;
  line-height: normal;
}   

  .search-list li.last {
    font-weight: normal;
    color:#7C7C7C;
  } 
  
.search-box,
.gear-box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  z-index: 2;
  background: #fff;
  padding: 5px 5px 2px;
  font-size: 11px;
  width: 108px;
  border: 1px solid #C3CED5;
  right: 0;
  box-shadow: 0px 0px 8px #C5D1D9;
  display: none;
}

  .gear-box {
    right: 10px;
    width: auto;
  }

  .gear-box ul li {
    padding: 10px;
    position: relative;
    margin-bottom: 2px;
    width: auto;
    min-width: 140px;
  }
  
  .search-box ul li {
    margin-bottom: 2px;
    padding: 10px;
    position: relative;
  }
  
  .search-box ul li a,
  .gear-box ul li a,
  .gear-box ul li.max {
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 17px;
    width: 86%;
    height: 90%;
  }
  
    .gear-box ul li a {
      padding: 0 0 0 5px;
    }

    .gear-box ul li.max,
    .gear-box ul li.max:hover {
      position: relative;
      width: 95%;
      padding: 0 5px;
      background: none;
      color: #7C7C7C;
    }
  
  .search-box ul li:hover,
  .gear-box ul li:hover {
    background: #E7ECEE;
    color: #122433;
  }
  
  .search-box ul li a.current {
    background: url("../../img/icn-check.png") no-repeat scroll 5px 5px transparent;
    color: #122433;
  }

/* Subscribers and Subscriptions
============================================================================================================================================ */
.subscriber, .user-35 {
  overflow: hidden;
  display: block;
  position: relative;
  background: #fff;
  margin: 0 0 6px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  width: 538px;
  height: auto;
  border: 1px solid #C3CED5;
  font-size: 14px;
  line-height: 17px;
}

a.subscriber-avatar, a.user-35-avatar {
  display: block;
  float: left;
  width: 35px;
  height: 35px;
  margin: 0 10px 0 0;
}

.subscriber .un, .user-35 .un {
  font-size: 16px;
  font-weight: bold;
  display: inline;
} 

.subscriber-bottom, .user-35-bottom {
  overflow: hidden;
}

.subscriber p, .user-35 p {
  font-size: 11px;
  display: inline;
  margin: 3px 10px 0 0;
}

a.subscriber-unsubscribe {
  font-size: 11px;
  float: right;
  margin: 4px 5px 0 0;
}

.subscriber .subscriber-ajax-msg {
  color: #5fb312;
  font-size: 13px;
  margin: 0 0 0 6px;
  display: none;
}

.settings-account-ajax-response {
  font-size: 13px;
  color: #7c7c7c;
  margin: 7px 0 0 20px;
  float: left;
  width: 190px;
}
  .ajax-response-error { color: ##F37053; }

#settings-account-email #email {
  float: left;
}

#country, #timezone {
  width: 355px;
}

.country-flag {
  width: 16px;
  height: 16px;
  float: left;
  margin: 0 12px 0 0;
}

.profile-flag { margin: 2px 0 0 7px; }

/* Mobile Sign Up
============================================================================================================================================ */

#mobile #content {
  text-align:center;
}

#mobile #wrap {
  width:680px;
  margin:0 auto;
  float:none;
}

#mobile h1 {
  font-size:28px;
  font-weight:normal;
  line-height:31px;
  letter-spacing:-.8px;
  padding-top:0px;
}

#mobile h2 {
  color:#596670;
  font-size:18px;
  font-weight:normal;
  padding-top:0px;
}

  #mobile h2 a {
    font-weight:bold;
    }

#mobile .bulletList{
  overflow:hidden;
  padding-bottom:30px;
  float:left;
  width:46%;
  padding-right:25px;
}

#mobile .spacer, #home .spacer {
  padding-left:10px;
  float:left;
}

#mobile hr {
  margin:24px 0;
}

#mobile .bulletList ul {
  text-align:left;
  list-style-image:url(../../img/icn-check.png);
  list-style-position:outside;
  float:left;
  margin-left:40px;
}

#mobile .bulletList .title {
  font-weight:bold;
  text-align:left;
}

#mobile .bulletList ul li {
  padding-top:10px;
  line-height:15px;
}

.mobile-buttons {
  width:255px;
  margin:0 auto;
}

.ios-btn,
.android-btn {
  background: url("../../img/mobile-buttons.png") no-repeat scroll 0px 0px transparent;
  padding-top:42px;
  height:0px;
  width:118px;
  display:block;
  overflow:hidden;
  float:left;
}

.ios-btn:hover {
  background-position:0px -55px;
}

.android-btn {
  background-position:-132px 0px;
}

.android-btn:hover {
  background-position:-132px -55px;
}


/* Homepage share bar
============================================================================================================================================ */

#home .homepage-infobar {
  margin:0 auto;
    width: 918px;
    padding: 15px 10px;
    font-size:16px;
    clear:both;
    position:relative;
  font-weight:normal;
  line-height:14px;
  text-align:center;
  color:#000;
    
      border-bottom: 1px solid #8DD8E2;
        border-left: 1px solid #8DD8E2;
        border-right: 1px solid #8DD8E2;
        -webkit-border-bottom-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -moz-border-radius-bottomright: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        
        -pie-background: linear-gradient(#cad9e3, #d3f0f3);
    background: -ms-linear-gradient(#cad9e3, #d3f0f3);
    background: -o-linear-gradient(#cad9e3, #d3f0f3);
    background: linear-gradient(#cad9e3, #d3f0f3);
    background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.8, #d3f0f3),
      color-stop(1, #cad9e3)
    );
    background-image: -moz-linear-gradient(
      center bottom,
      #d3f0f3 80%,
      #cad9e3 100%
    );
    behavior: url(http://www.keek.com/css/PIE.htc);
    -moz-box-shadow: 0px 1px 1px #fff;
  -webkit-box-shadow: 0px 1px 1px #fff;
  box-shadow: 0px 1px 1px #fff;
}

#home .homepage-infobar p {
  margin-top:0px;
  color:#163042;
  font-size:16px;
}

#home .homepage-infobar p a {
  font-weight:bold;
}

#home #latest-keeks {
  padding-bottom:10px;
  border-bottom:1px solid #A5DAE1;
  margin-bottom:20px;
  width:100%;
  height:180px;
}

#home .text-right {
  text-align:left;
  margin:10px 0;
  padding-bottom:0px;
  width:auto;
  clear:both;
  float:none;
}


#home .text-right b, #home .text-right p {
  width:auto;
  float:none;
  display:block;
}

#home .text-right p {
  display:block;
  width:650px;
}

#home .text-right .buttonsRight {
  float:right;
  margin-right:15px;
}

/* New homepage widgets
============================================================================================================================================ */

.sidebar-tabs-widget { margin: 0 0 20px 0; overflow: hidden; }
.subnav-tabs { margin: 0 0 6px 0; border-bottom: 1px solid #C3CED4; float: left; width: 100%; }
  .subnav-tabs.no-utility-bar { margin: 0 0 12px 0; }
    .subnav-tabs li {
    border-top: 1px solid #C3CED4;
    border-left: 1px solid #C3CED4;
    border-right: 1px solid #C3CED4;
    margin: 0 10px 0 0;
    height: 30px;
    float: left;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
      background: #ECF6F8 url('../../img/tab-bg.png') repeat-x;
      background: linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
        background: -o-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
        background: -moz-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
        background: -webkit-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
        background: -ms-linear-gradient(top, #E0F2F5, rgba(255, 255, 255, 0));
    }

    .subnav-tabs li h3 { font-size: 12px; font-weight: normal; margin: 0; padding: 7px 10px 10px; width: auto; color: #112434; }
      
        .subnav-tabs li.current {
            height: 35px;
            background: #fff;
            color: #163042;
            position: relative;
            margin: -1px 10px 0 0;
            top: 1px;
            z-index: 1;
            background: #ECF6F8 url('../../img/tab-bg-on.png') repeat-x;
            background: linear-gradient(top, #fff, #ecf6f8);
              background: -o-linear-gradient(top, #fff, #ecf6f8);
              background: -moz-linear-gradient(top, #fff, #ecf6f8);
              background: -webkit-linear-gradient(top, #fff, #ecf6f8);
              background: -ms-linear-gradient(top, #fff, #ecf6f8);
        }

  #subnav-see-all { float: right; border: none; padding: 0; background: none; margin: 0; }
    #subnav-see-all h3 { padding: 9px 0 0 0; }

.sidebar-image-container{ overflow: hidden; float: left; }

a.sidebar-link-75 {
  float: left;
  display: block;
  background: #fff;
  width: 75px;
  height: 75px;
  padding: 3px;
  border: 1px solid #8DD8E2;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  margin: 0 5px 5px 0;
}
  a.sidebar-link-75.sidebar-row-end { margin: 0 0 5px 0;}
  a.sidebar-link-75:hover { border: 1px solid #122433; }

a.sidebar-link-75 img {
  background: #C3CED5;
  width: 75px;
  height: 75px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  -khtml-border-radius: 3px;
}

#sidebar-app-promo {
    border: 1px solid #BFCFD4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    background: #F3FAFB;
    overflow: hidden;
    margin: 0 0 20px 0;
  }

  #sidebar-app-promo h4 {
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    color: #112434;
    margin: 15px 0 10px 0;
  }

  .sidebar-app-promo-links { padding-left: 18px; margin: 0 0 18px 0; overflow: hidden; }
    .sidebar-app-promo-links a {
      width: 152px;
      height: 54px;
      display: block;
      float: left;
      text-indent: -99999px;
    }
      #sidebar-app-promo-iphone { background: transparent url('../../img/app-download-btn.png') -152px 0 no-repeat; margin-right: 10px; }
        #sidebar-app-promo-iphone:hover { background: transparent url('../../img/app-download-btn.png') -152px -54px no-repeat; }
      #sidebar-app-promo-android { background: transparent url('../../img/app-download-btn.png') no-repeat; }
        #sidebar-app-promo-android:hover { background: transparent url('../../img/app-download-btn.png') 0 -54px no-repeat; }

.sidebar-keek-vertical { width: 172px; float: left; position: relative; }
  .sidebar-keek-vertical:first-child { margin-right: 6px; }
  a.sidebar-keek-vertical-thumb {
      display: block;
      background: #fff;
      width: 160px;
      height: 120px;
      padding: 5px;
      border: 1px solid #8DD8E2;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      margin: 0 auto 7px auto;
      position: relative;
  }
      a.sidebar-keek-vertical-thumb:hover { border: 1px solid #112434; }
      a.sidebar-keek-vertical-thumb img {
        background: #C3CED5;
        width: 160px;
        height: 120px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
      }
      a.sidebar-keek-vertical-thumb .timer { left: 132px; bottom: 5px; border-top-left-radius: 3px; border-bottom-right-radius: 3px; }

  .keek-vertical-info { line-height: 15px; }
      .keek-vertical-info .caption {
          display: block;
          font-size: 12px;
          font-weight: bold;
          color: #1E6E9E;
          max-height: 15px;
          word-wrap: break-word;
          overflow: hidden;
      }
          .keek-vertical-info .caption:hover { color: #112434; }

      .keek-vertical-info .when { display: block; font-size: 10px; color: #7C7C7C; }

      .keek-vertical-info .keek-vertical-username { display: block; font-size: 10px; font-weight: bold; color: #5FB312; }
          .keek-vertical-info .keek-vertical-username:hover { color: #112434; }

      .bar { margin: 0 2px; color: #BAC2C6; }

#sidebar-invite, .sidebar-cta-btn {
  width: 350px;
  height: 60px;
  margin: 0 0 20px 0;
  border: 1px solid #c3ced3;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  background: #eaeaea url('../../img/sidebar-invite-friends-gradient.png') repeat-x;
  background: linear-gradient(top, #fff, #eaeaea);
  background: -o-linear-gradient(top, #fff, #eaeaea);
  background: -moz-linear-gradient(top, #fff, #eaeaea);
  background: -webkit-linear-gradient(top, #fff, #eaeaea);
  background: -ms-linear-gradient(top, #fff, #eaeaea);
}
  .sidebar-cta-btn { height: 55px; }
  #sidebar-invite:hover, .sidebar-cta-btn:hover {
    background: #dbdbdb url('../../img/sidebar-invite-friends-gradient-hover.png') repeat-x;
    background: linear-gradient(top, #f5f5f5, #dbdbdb);
    background: -o-linear-gradient(top, #f5f5f5, #dbdbdb);
    background: -moz-linear-gradient(top, #f5f5f5, #dbdbdb);
    background: -webkit-linear-gradient(top, #f5f5f5, #dbdbdb);
    background: -ms-linear-gradient(top, #f5f5f5, #dbdbdb);
  }
  #sidebar-invite a, .sidebar-cta-btn a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 16px;
    overflow: hidden;
  }
    #sidebar-invite a { background: transparent url('../../img/sidebar-invite-friends-bg.png') no-repeat; color: #112434; }
    .sidebar-cta-btn a { background: transparent url('../../img/sidebar-post-keek.png') no-repeat; }
    #sidebar-invite a:hover{ background: transparent url('../../img/sidebar-invite-friends-bg-hover.png') no-repeat; }
    .sidebar-cta-btn a:hover { background: transparent url('../../img/sidebar-post-keek-hover.png') no-repeat; }
    #sidebar-invite a span, .sidebar-cta-btn a span {
      width: 245px;
      height: 36px;
      padding: 0 0 0 15px;
      display: block;
      text-shadow: 0 1px #fff;
      line-height: 17px;
    }
      #sidebar-invite a span { box-shadow: -1px 0 #fff; border-left: 1px solid #cdd1d3; margin: 12px 0 0 87px; }
      .sidebar-cta-btn a span { margin: 10px 0 0 67px; line-height: 19px; }


/* Sidebar - Find People
============================================================================================================================================ */

#sidebar-find-people h4 { font-size: 16px; font-weight: normal; color: #112434; margin: 0 0 8px 0; text-align: left;}

#sidebar-find-people-inside {
  margin: 0 0 20px 0;
  padding: 15px 16px 20px 16px;
  background: #f3f9fa;
  border: 1px solid #C3CED4;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.sidebar-find-top-label {
  display: block !important;
  font-weight: bold;
  color: #112434;
  margin: 0 0 4px 0;
  font-size: 14px !important;
}

#sidebar-find-people-inside input { width: auto; }
#sidebar-find-people-inside input[type="checkbox"] { position: relative; left: 0; top: 0; padding: 0; height: auto; margin: 0 0 10px 1px; }
#sidebar-find-people-inside input[type="radio"] { height: auto; border: 0; padding: 0; background: transparent; margin: 0 0 10px 1px; }
#sidebar-find-people-inside label { display: inline; color: #112434; font-size: 12px; }

.sidebar-form-row { border-bottom: 1px dotted #C3CED4; margin: 0 0 10px 0; padding: 0 0 10px 0; overflow: hidden; }
.sidebar-form-row select { width: 100%; }
    .sidebar-form-check-wrap { width: 109px; float: left; margin: 0 0 0 0; }
      .sidebar-form-check-wrap.check-wrap-last { margin: 0;}
      .check-wrap-col1 { width: 109px; }
      .check-wrap-col2 { width: 118px; }
      .check-wrap-col3 { width: 88px; }
  .sidebar-form-row-cell { width: 75px; float: left;}

.sidebar-find-range-box { 
  width: 314px;
  height: 24px;
  border: 1px solid #C3CED4;
  border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    background: #fff;
  background: #fff linear-gradient(#fff,#EBECEE);
  background: #fff -webkit-linear-gradient(#fff,#EBECEE);
  background: #fff -moz-linear-gradient(#fff,#EBECEE);
  background: #fff -o-linear-gradient(#fff,#EBECEE);
  background: #fff -ms-linear-gradient(#fff,#EBECEE);
  position: relative;
}

.btn-find-people-save {
  color: #1E6E9E;
  margin-top: 5px !important;
}

  
/** Styling for noUISlider **/
.sidebar-find-range-box span { display: block; position: absolute; font-size: 11px; font-weight: bold; color: #112434; top: 1px;}
  #slider-lower-bound {left: 6px;}
  #slider-upper-bound {right: 6px;}

.sliderbar {
  height: 5px; 
  width: 253px; 
  margin: 9px auto 0 auto;
  box-shadow: 0 1px #fff;
    -moz-box-shadow: 0 1px #fff;
    -webkit-box-shadow: 0 1px #fff;
  border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    /*behavior: url(http://www.keek.com/css/PIE.htc);*/
  background: #c2ced5;
}

.noUi_handle { height: 8px; width: 8px; }
.noUi_midBar { height: 5px; background: #5fb312; }

.noUi_sliderKnob {
  z-index: 5;
  width: 12px;
  height: 12px;
  position: absolute;
  left: -4px;
  top: -5px;
  border: 1px solid #7C7C7C;
  border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    -khtml-border-radius: 7px; 
  box-shadow: 0 1px 1px #C4C4C4;
      -moz-box-shadow: 0 1px 1px #C4C4C4;
      -webkit-box-shadow: 0 1px 1px #C4C4C4;
      behavior: url(http://www.keek.com/css/PIE.htc);
  background: #F6F6F6;
  cursor: pointer;
}

.noUi_sliderKnob:hover, .noUi_activeHandle { /*background: #adcbe1; border-color: #2673AB;*/ }

.adwords-welcome img { display: block; }


/* User country display
============================================================================================================================================ */
#whitebp-border-large span.user-country, #whitebp-border-large span.user-country span {
  float: none;
  color: inherit;
  font-size: inherit;
  text-align: inherit;
  width: inherit;
  margin: 0;
  font-weight: inherit;
}

.user-country img {
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin: 0 1px 0 0;
}

#user_header-w .user-country img, #user_header .user-country img {
  width: auto;
  height: auto;
  float: none;
}

#whitebp-border-large span.country-missing {
  float: left;
  width: 19px;
  height: 16px;
  margin: 0 1px 0 0;
}

/* Welcome Step 3
============================================================================================================================================ */
.welcome-step3-wrap { overflow: hidden; }

.user-top20 {
  width: 425px;
  height: 76px;
  padding: 15px;
  margin: 0 0 15px 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #C3CED4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
}

.user-top20.odd-row { margin-right: 15px; }

.user-top20-imglink { display: block; float: left; margin: 0 15px 0 0; }
  .user-top20-imglink img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
  .thumbnail-75.user-top20-imglink:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.person-large { width: 240px; float: left; }
  .person-large h3 { font-size: 18px; margin: 0 0 8px 0; padding: 0; line-height: 14px; }
  .person-large p.description { font-size: 11px; color: #8F8F8F; margin: 0 0 13px 0; padding: 0 10px 0 0; line-height: 15px; max-height: 30px; overflow: hidden; }
  .person-large .stats { color: #112434; font-size: 11px; line-height: 11px; }

.user-top20 .follow-btn, .user-top20 .following-btn { height: 28px; width: 100px; margin: 23px 0 0 0; }
  .user-top20 .follow-btn { background: transparent url("../../img/btn-follow-large.png") 0 0 no-repeat; }
    .user-top20 .follow-btn:hover { background: transparent url("../../img/btn-follow-large.png") 0 -29px no-repeat; }
    .user-top20 .follow-btn:active { background: transparent url("../../img/btn-follow-large.png") 0 -58px no-repeat; }
    .user-top20 .following-btn { background: transparent url("../../img/btn-follow-large.png") 0 -87px no-repeat; }
      .user-top20 .following-btn:hover { background: transparent url("../../img/btn-follow-large.png") 0 -116px no-repeat; }
    .user-top20 .following-btn:active { background: transparent url("../../img/btn-follow-large.png") 0 -1451px no-repeat; }

/*embed subscribe*/
               
#subscribe-embed
{
  background: rgba(0, 47, 68, 0.95);
  font-size: 18px;
  text-align: center;
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  line-height: 21px;
  display: inline;
}
#share-embed
{
  background: rgba(0, 0, 0, 0.8);
  font-size: 18px;
  text-align: center;
  color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
  line-height: 21px;
  display: inline;      
}

.share-sub
{
  border: 1px solid #C3CED4;
  background: rgba(0, 47, 68, 1);
  margin: 30px auto 20px;
  text-align: center;
  word-wrap: break-word;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 156px;
  height: 104px;
  top: 50%;
  position: relative;
  margin-top: -57px;
  padding-top: 15px;
}
.subscribebtn-embed
{
  background: url("../../img/subscribe_long.png") 0 0 no-repeat;
  width: 251px;
  height: 40px;
  margin: 10px auto;
}

.centeralign-embed
{
  width: 100%;
  height: 29px;
  display: block;
  margin-left: 5px;
  margin-top: 12px;
}
.centeralignsmall-embed
{
  width: 200px;
  height: 29px;
  display: block;
  margin: auto;
  margin-top: 0px;
}

.subscribecontent-embed
{
  width: 100%;
  height: 120px;
  top: 50%;
  position: relative;
  margin-top: -68px;
}

.videoreplybtn-embed,
.sharebtn-embed,
.playagainbtn-embed,
.watchmorebtn-embed,
.subscribeminibtn-embed
{
  width: 127px;
  height: 33px;
  display: inline-block;
               
}
.largeplaybtn-embed
{
  background: url("../../img/largeplaybtn-embed.png") 0 0 no-repeat;
  width: 72px;
  height: 72px;
  display: inline;
  position: absolute;
  z-index: 100;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
}
.subscribeminibtn-embed { background: url("../../img/btn_subscribemini.png") 0 0 no-repeat; }
.videoreplybtn-embed { background: url("../../img/btn_videoreply.png") 0 0 no-repeat; }
.sharebtn-embed { background: url("../../img/btn_share.png") 0 0 no-repeat; }
.playagainbtn-embed { background: url("../../img/btn_playagain.png") 0 0 no-repeat; }
.watchmorebtn-embed { background: url("../../img/btn_watchmore.png") 0 0 no-repeat; }

.fbbtn-embed,
.twitterbtn-embed,
.tumblrbtn-embed,
.embedbtn-embed,
.linkbtn-embed
{
  width:   34px;
  height:  34px;
  display: inline-block;
  margin-top: 25px;
}

.fbbtn-embed { background: url("../../img/btn_fb.png") 0 0 no-repeat; }
.twitterbtn-embed { background: url("../../img/btn_twitter.png") 0 0 no-repeat; }

.tumblrbtn-embed { background: url("../../img/btn_tumblr.png") 0 0 no-repeat; }

.embedbtn-embed { background: url("../../img/btn_embedcode.png")  0 0 no-repeat; }

.linkbtn-embed { background: url("../../img/btn_linkcode.png") 0 0 no-repeat; }
.closeembedbtn-embed
{
  width: 21px;
  height:  21px;
  background: url("../../img/btn_closeembed.png")  0 0 no-repeat;
  display: inline;
  position: absolute;
  top: -10px;
  left: 93%;
}

.welcome-suggest-button { margin-top: 8px; }
.frequency_saved { margin-left: 5px; }
.settings-row-location .show-location-label { margin-right: 0 !important; }
.search-return-dashboard { display: block; margin-bottom: 10px; }
.search-tabs-left { float: left; }
.country-dropdown-wrap { /*width: 200px*/; float: right; font-size: 10px; }
  .country-dropdown-wrap select { width: 185px; }
 .search-tabs-bot-latest { margin-top: 10px; }

 /* Homepage Latest block changes */

#featured-block .caption { font-size:12px; }

#leaders-block .caption { font-size:14px; }


/* Homepage Leaders block styles */

#latest-keeks #leader-block ul li {
  width:136px;
  padding-left:8px;
  padding-top:5px;
  margin-right:15px;
}

#latest-keeks #leader-block .ribbon, .-to-profile .ribbon {
  position:absolute;
  top:0px;
  left:0px;
  background:transparent url("../../img/ribbon.png") no-repeat top left;
  width:110px;
  height:31px;
  text-align:center;
  color:#fff;
  line-height:24px;
  font-weight:bold;
  font-size:12px;
  text-shadow: 0px 0px 3px #46803B;
}
  .-to-profile .ribbon { 
    z-index: 1;
    top: 5px;
    width: 35px;
    left: -9px;
    font-size: 14px;
    background:transparent url("../../img/ribbon-small.png") no-repeat top left;
  }

/* Facebook Timeline Modal Dialogs
============================================================================================================================================ */
.fb-timeline-modal { 
      background: #ECF6F8;
      width: 415px;
      height: 310px;
      font-family: Helvetica, Arial, sans-serif;
      overflow: hidden;
    }
      .fb-timeline-modal h3 { font-size: 20px; font-weight: normal; color: #112434; text-align: center; padding: 0; margin: 0 0 5px 0; line-height: 23px; }
      .fb-timeline-modal p { font-size: 16px; color: #596670; text-align: center; margin: 0; }
      .fb-timeline-modal .button-wrapper {
        width: 191px;
        overflow: hidden;
        margin: 25px auto 0 auto;
      }
        .fb-timeline-modal .button-wrapper .button { float: left; }
        .fb-timeline-modal .button-wrapper a.no-thanks { margin: 58px 0 0; display: block; text-align: center; }
        .fb-timeline-modal .button-wrapper a.later { margin: 0; }
        .fb-timeline-modal .button-wrapper a.manage { margin: 58px 0 0; display: block; text-align: center; }
      .fb-timeline-modal-img { display: block; margin: 38px auto 25px auto; }
      .fb-timeline-modal .button-wrapper .button {
        display: block;
        float: left;
        padding: 0;
        text-align: center;
        width: 99%;
        padding: 9px 0 7px;
      }


/* Settings - Sharing
============================================================================================================================================ */
.loading-overlay { width: 100%; height: 100%; background: #fff url('../../img/ajax-loader-green-wb.gif') no-repeat center center; position: absolute; top: 0; left: 0; z-index: 10; }
.settings-main-container { 
  background: white;
  border: 1px solid #A5DAE1;
  width: 898px;
  padding: 20px;
  float: left;
  margin: 0 0 6px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.settings-sharing .settings-row { border: none; }
.settings-sharing input[type="checkbox"] { position: relative; top: 3px; left: 0; margin: 0 6px 0 0; }

.settings-row-sharing-wrap { margin: 0 0 20px 0; overflow: hidden; }
.settings-row-label-wrap { width: 268px; float: left; }
  .settings-row-label-wrap label { padding: 7px 22px 0; text-align: right; font-size: 14px; font-weight: bold; }

.settings-row-content { width: 628px; float: left; font-size: 14px; } 
  .settings-row-content label { display: inline; }

  .settings-toggle-button {
    display: block;
    width: 65px;
    height: 25px;
    float: left;
    margin: 2px 13px 0 0;
    text-indent: -99999px;
  }
    .settings-toggle-button.on { background: no-repeat url('../../img/on-off-sliders.png') 0 -51px; }
      .settings-toggle-button.on:hover, .settings-toggle-button.on:active { background: no-repeat url('../../img/on-off-sliders.png') 0 -76px; }
    .settings-toggle-button.off { background: no-repeat url('../../img/on-off-sliders.png'); }
      .settings-toggle-button.off:hover, .settings-toggle-button.off:active { background: no-repeat url('../../img/on-off-sliders.png') 0 -25px; }
  .sharing-top-msg { float: left; width: 500px; margin: 9px 0 0 0; }    
  .hide-msg, .hide-rows { display: none; }
  .sharing-username { font-weight: bold; }
  .sharing-inside-row-wrap { width: 100%; float: left; padding: 0 0 0 104px; margin: 16px 0 0 0; }
  .settings-sharing-row { margin: 0 0 3px 0; }

.toggle-tabs { 
  width: 82px;
  height: 24px;
  border: 1px solid #9B9FA2;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
  margin: 2px 20px 0 0;
}

.toggle-tabs a { 
  float: left; 
  width: 40px; 
  height: 18px; 
  background: #EAEAEA;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #EAEAEA) );
  background: -moz-linear-gradient(center top, #FFF 0%, #EAEAEA 100%);
  background: -ms-linear-gradient(top, #FFF 0%, #EAEAEA 100%);
  background: linear-gradient(#FFF, #EAEAEA);
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #596670;
  line-height: 12px;
  padding: 6px 0 0 0;
}
  .toggle-tabs a:hover { 
    color: #112434; 
    -pie-background: linear-gradient(#F5F5F5, #DBDBDB);
    background: -ms-linear-gradient(whiteSmoke, #DBDBDB);
    background: -o-linear-gradient(whiteSmoke, #DBDBDB);
    background: -webkit-linear-gradient(whiteSmoke, #DBDBDB);
    background: -moz-linear-gradient(whiteSmoke, #DBDBDB);
    background: linear-gradient(whiteSmoke, #DBDBDB);
    behavior: url(http://www.keek.com/css/PIE.htc);
  }
  .toggle-tabs a.on.selected { 
    background: #90C52F;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5EB313), color-stop(1, #90C52F));
    background: -moz-linear-gradient(center top, #5EB313 0%, #90C52F 100%);
    background: -ms-linear-gradient(top, #5EB313 0%, #90C52F 100%);
    background: linear-gradient(#5EB313, #90C52F);
    color: #fff;
    cursor: default;
  } 
  .toggle-tabs a.off { -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
  .toggle-tabs a.on { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; width: 41px; }
  .toggle-tabs a.off.selected { 
    background: red;
    color: #fff;
    cursor: default;
  } 
    .toggle-tabs a.selected:hover { color: #fff; }
  .toggle.on { border-right: 1px solid #9B9FA2; }

/* Facebook Timeline header button
============================================================================================================================================ */
.fb-timeline-wrap-heightfix { float: left; position: relative; }

.fb-timeline-wrap {
  float: left;
  display: block;
  width: 67px;
  margin: 0 0 0 5px;
  height: 55px;
  position: absolute;
  top: -11px;
  overflow: visible;
} 
  .fb-timeline-wrap:hover { 
    background: transparent url("../../img/header-highlight-bg.png") repeat-x;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #285B71), color-stop(1, #0D2C3C) );
    background: -moz-linear-gradient(center top, #285B71 0%, #0D2C3C 100%);
    background: -ms-linear-gradient(top, #285B71 0%, #0D2C3C 100%);
    background: linear-gradient(#285B71, #0D2C3C);
    -pie-background: linear-gradient(#285B71, #0D2C3C);
  }
  #header-fb-timeline a.header-btn, #header-fb-timeline a.header-btn:hover {
    width: 55px;
    height: 30px;
    display: block;
    padding: 0;
    margin: 11px 0 0 5px;
    background: transparent url("../../img/header-btn-bg-2.png") repeat-x;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1D5169), color-stop(1, #002132) );
      background: -moz-linear-gradient(center top, #1D5169 0%, #002132 100%);
      background: linear-gradient(#1D5169, #002132);
      background: -ms-linear-gradient(top, #1D5169 0%, #002132 100%);
      -pie-background: linear-gradient(#1D5169, #002132);
    position: relative;
  }
    #header-fb-timeline a.header-btn.on {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00141E), color-stop(1, #043E58));
      background: -moz-linear-gradient(center top, #00141E 0%, #043E58 100%);
      background: -ms-linear-gradient(top, #00141E 0%, #043E58 100%);
      -pie-background: linear-gradient(#00141E, #043E58);
      background: linear-gradient(#00141E, #043E58);
    }
  .fb-timeline-wrap .fb-timeline-btn { 
    width: 47px;
    height: 22px;
    display: block;
    margin: 4px auto 0 auto;
    background: transparent url('../../img/timeline-sprite.png') no-repeat;
  } 
    .fb-timeline-wrap .fb-timeline-btn.on {
      background: transparent url('../../img/timeline-sprite.png') 0 -22px no-repeat;  
    }
  .fb-timeline-wrap-dropdown {
    position: relative;
    z-index: 12;
    top: 12px;
    right: 171px;
    background: white;
    width: 236px;
    /*height: 43px;*/
    border: 1px solid #C3CED4;
    border-top: none;
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.25);
    box-shadow: 0 3px 5px rgba(0,0,0,0.25);
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;  
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    display: none;
  }
    .fb-timeline-wrap-dropdown p { font-size: 13px; margin-bottom: 15px; }
    .fb-timeline-wrap-dropdown-off { font-weight: bold; text-align: center; }
    .fb-timeline-wrap-dropdown-on { display: none; }
    .fb-timeline-wrap-dropdown-on p { font-weight: bold; text-align: left; margin: 15px 0 15px 12px; color: #112434; }
    .fb-timeline-wrap-dropdown-on a { font-weight: normal; margin-top: 3px; display: block; }

  #login-submit { margin: 5px 0 0 0; left: 0; width: 88px; float: left; }
  .login-submit-wrap { width: 329px; padding: 0 0 0 188px; }

  .sharing-fb-timeline .page-aside { 
    width: 425px;
    margin: 10px 0 0 104px;
    float: left;
    padding-right: 30px; 
  }
  #fb-timeline-explain {font-size: 13px; color: #374953; padding: 0 0 0 42px; background: transparent url('../../img/timeline-icon.png') no-repeat; }

  p.fb-timeline-dropdown-top { margin-bottom: 8px; }
  p.fb-timeline-dropdown-actions { margin-top: 0; padding-right: 5px;  }
  .fb-timeline-dropdown-set { font-weight: normal; margin: 0 0 10px 0; display: block; color: #596670; }
  .currently-sharing {display: block; margin: 0 0 5px 0;}

/* Top 10 trending klusters
============================================================================================================================================ */
.klusters-top10 #page-blued, .klusters-top10 #page-blued .date-range {
  overflow: hidden;
}
  .klusters-top10 #page-blued { margin: 0 0 28px 0;}
  .klusters-top10 #page-blued h2 { width: 300px; float: left; padding: 0; line-height: 24px; font-weight: normal; margin: 3px 0 0; }
  .klusters-top10 #page-blued .date-range input[type='text'] {
    width: 80px;
    float: left;
    font-size: 10px;
    color: #112434;
    text-align: center;
    margin: 0;
    padding: 3px 0;
  }
  .klusters-top10 #page-blued .date-range { width: 315px; float: right; margin-top: 1px; }
  .klusters-top10 #page-blued .date-range label { font-weight: bold; font-size: 11px; width: 62px; float: left; margin: 7px 5px 0 0; line-height: 11px; }
  .klusters-top10 #page-blued .date-range .date-range-dash { float: left; width: 5px; display: block; margin: 5px 4px 0 5px; }
  .klusters-top10 #page-blued .date-range a.date-apply { float: left; margin: 0 0 0 10px; padding: 2px 6px 2px }

.kluster {
  width: 440px;
  float: left;
  margin: 0 60px 40px 0;
}
 .kluster.right-col { margin: 0 0 40px 0; }
  #kluster-tab li.current h3 { font-size: 14px; font-weight: bold; }
  .kluster-results { width: 100%; overflow: hidden; margin: 0 0 10px 0; }
    .kluster-results a {
      float: left;
      display: block;
      background: #fff;
      width: 96px;
      height: 72px;
      padding: 3px;
      border: 1px solid #8DD8E2;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      -khtml-border-radius: 5px;
      margin: 0 0 0 8px;
    }
      .kluster-results a:first-child { margin: 0; }
      .kluster-results a:hover { border: 1px solid #122433; }

    .kluster-results a img {
      background: #C3CED5;
      width: 96px;
      height: 72px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -o-border-radius: 3px;
      -ms-border-radius: 3px;
      -khtml-border-radius: 3px;
    }
  .kluster a.button { display: block; font-size: 12px; text-align: center; margin: 0 0 12px 0; padding: 5px 15px 4px; }
  .kluster-related {}
    .kluster-related p { margin: 0; font-size: 10px; color: #112434; text-align: center; }
    .kluster-related span.bullet-separator { color: #B2B8BD; }

#ui-datepicker-div.ui-widget { font-family: Helvetica, Arial, sans-serif; }
.ui-datepicker { width: 150px; padding: .2em .2em 0; display: none; background: #f7f7f7; font-family: Helvetica, Arial, sans-serif; border: 1px solid #C3CED4; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
/*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/
.ui-datepicker .ui-datepicker-prev { left:2px; }
  .ui-datepicker .ui-datepicker-prev span { background: transparent url('../../img/buttons-left-right.png') no-repeat 0 -24px; }
  .ui-datepicker .ui-datepicker-prev span:hover { background: transparent url('../../img/buttons-left-right.png') no-repeat -25px -24px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
  .ui-datepicker .ui-datepicker-next span { background: transparent url('../../img/buttons-left-right.png') no-repeat ; }
  .ui-datepicker .ui-datepicker-next span:hover { background: transparent url('../../img/buttons-left-right.png') no-repeat -25px 0; }
.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; width: 24px; height: 24px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 2.3em; text-align: center; font-size: 11px; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 93%; font-size: .9em; border-collapse: collapse; margin: 0 auto .4em auto; }
.ui-datepicker th { padding: .2em .3em; text-align: center; font-weight: bold; border: 0; font-size: 11px;  }
.ui-datepicker td { border: 1px solid #C3CED4; padding: 1px; text-align: center; }
.ui-datepicker td span, .ui-datepicker td a { padding: .2em; text-align: center; text-decoration: none; font-size: 11px; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-datepicker-current-day { background: red;}
.ui-datepicker .ui-datepicker-today .ui-state-highlight { background: none; border: none; color: #1E6E9E; }

.klusters-results #page-blued h2 { font-size: 18px; font-weight: normal; padding: 5px 0; margin: 0; }
.klusters-results #page-blued h2 a { font-weight: normal; }
.breadcrumb-slash { color: #C3CED5; }
#sidebar.klusters-sidebar { margin: 0 0 0 27px;}
.klusters-volume-graph { 
  border: 1px solid #8DD8E2;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 348px;
  height: 107px;
  float: left;
  overflow: hidden;
}
.klusters-related-wrap, .klusters-top-10-wrap { float: left; overflow: hidden; }
  a.klusters-item { 
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 163px;
    height: 20px;
    float: left;
    margin: 0 0 6px 0;
    display: block; 
  overflow: hidden; 
  padding: 0 0 0 7px; 
  background: #DEF2F4;
  border: 1px solid #DBE2E5;
  }
    a.klusters-item.left-col { margin-right: 6px; }
    a.klusters-item:hover { background: #D6E4EA; border: 1px solid #c3ced4; }
    .klusters-item .klusters-related-title { float: left; }
    .klusters-item .klusters-related-count { float: right; color: #7C7C7C; font-size: 10px; margin: 0 5px 0 0; }


/* Account deactivation pages
============================================================================================================================================ */
.account-deactivate { margin: 30px 0 0 269px; display: block; width: 135px; }
.deactivate-button-wrap { overflow: hidden; margin: 25px 0 0; }
  .deactivate-button-wrap .button { float: left; margin-right: 10px; }
    .deactivate-button-wrap .button.create-account { margin: 0 10px 0 0; width: 174px; }
.deactivate-account p { margin: 0; font-size: 12px; width: 640px; }  
  .deactivate-account p.deactivate-error { width: 600px; float; left; color: #F37053; margin: 6px 0 0 8px; float: left; }
.deactivate-account ul { list-style-type: disc; list-style-position: inside; margin: 15px 0 0; color: #596670; }
#whitebp-border-large .deactivate-form-controls { overflow: hidden; margin: 10px 0 0 0; }
  #whitebp-border-large .deactivate-form-controls label { font-size: 12px; margin: 5px 0 7px 0; color: #596670;  float: left; text-align: left; width: 230px;}
  #whitebp-border-large .deactivate-form-controls input { float: left; width: 225px; clear: left;}


/* Keekmail welcome mail
============================================================================================================================================ */
.keekmail-show .caption-full p.mail-welcome-top { font-size: 16px !important; color: #112434; margin: 0 0 20px 0; }
.keekmail-show .caption-full p.mail-welcome-body { font-size: 14px !important; color: #7C7C7C; margin: 0 0 10px 0; }

.mail-welcome-links { overflow: hidden; }
a.mail-welcome-link {
  display: block;
  width: 516px;
  height: 56px;
  margin: 0 0 10px 0;
  -pie-background: #F1F1F1 linear-gradient(#fff, #F2F2F2);
  background: #F1F1F1 -moz-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: #F1F1F1 -webkit-linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  background: #F1F1F1 linear-gradient(top, #ffffff 0%, #F2F2F2 100%);
  behavior: url(http://www.keek.com/css/PIE.htc);
  border: 1px solid #C3CED4;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
  a.mail-welcome-link:hover {
    -pie-background: linear-gradient(#FFF, #E8E7E7);
    background: -webkit-linear-gradient(#FFF, #E8E7E7);
    background: -moz-linear-gradient(#FFF, #E8E7E7);
    background: linear-gradient(#FFF, #E8E7E7);
  }
  a.mail-welcome-link:active {
    -pie-background: linear-gradient(#E8E7E7, #FFF);
    background: -moz-linear-gradient(top, #E8E7E7 0%, #FFF 100%);
    background: -webkit-linear-gradient(top, #E8E7E7 0%, #FFF 100%);
    background: linear-gradient(top, #E8E7E7 0%, #FFF 100%);
    behavior: url(http://www.keek.com/css/PIE.htc);
  }
  .mail-welcome-link-icon { margin: 2px 11px 0 0; float: left; }
  .keekmail-show .caption-full span.mail-welcome-link-text { width: 80%; display: block; float: left; margin: 11px 0 0; font-size: 16px; font-weight: bold; font-style: normal; }
    .keekmail-show .caption-full span.mail-welcome-link-inside { font-size: 14px; font-weight: normal; color: #666766; font-style: normal; }
  .mail-welcome-arrow { float: right; width: 12px; height: 20px; margin: 18px 12px 0 0; }

.mail-welcome-bottom-links { margin: 12px 0 0; color: #C2C6CB; overflow: hidden; }
  .mail-about-link { font-size: 14px; font-weight: bold; float: left; }
  .mail-welcome-etc-links { width: 154px; float: right; }
  .mail-welcome-etc-links a { font-size: 10px; }



/* New Sign Up page
============================================================================================================================================ */
.signup-h2 {
  margin: 38px 0 15px 0;
  padding: 0;
  font-weight: normal;
  font-size: 24px;
  line-height: normal;
}
.sign-up-container {
  width: 100%;
  background: #FFF;
  border: 1px solid #8DD8E2;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 1px #fff;
  -webkit-box-shadow: 0 1px #fff;
  box-shadow: 0 1px #fff;
  overflow: hidden;
  padding: 15px 0 0 0;
}
  .sign-up-container.no-heading { margin-top: 30px; }
  .sign-up-form-wrap { width: 546px; float: left; margin: 0 0 0 43px; }
    .sign-up-form-top { overflow: hidden; margin: 27px 0 12px 0; }
      .sign-up-profile-img { 
        width: 35px; 
        height: 35px; 
        padding: 3px; 
        border: 1px solid #C3CED4; 
        -moz-border-radius: 3px; 
        -webkit-border-radius: 3px; 
        border-radius: 3px; 
        background: #FBFDFE; 
        float: left; 
        margin: 0 10px 0 0;
      }
      .sign-up-form-top h2, .sign-up-captcha-wrap h2 { font-size: 16px; margin: 0; padding: 0; float: left; width: 85%; }
        .sign-up-form-top h2.no-avatar {  }
        .sign-up-form-top h2.with-avatar { margin: 3px 0 0 0; }
        .sign-up-captcha-wrap h2 { margin: 26px 0 19px 0; }
      .sign-up-form-top p { float: left; width: 80%; margin: 0; font-size: 16px; color: #112434; }
    .sign-up-form-wrap .form-row { margin-bottom: 10px; overflow: hidden; height: 45px; }
      .sign-up-form-wrap input { 
        padding: 10px 12px 9px 10px; 
        width: 328px; 
        -moz-box-shadow: 0 1px 2px #E1E6EA inset;
        -webkit-box-shadow: 0 1px 2px #E1E6EA inset;
        box-shadow: 0 1px 2px #E1E6EA inset;
        font-weight: 400;
        margin: 0;
        float: left;
        background: #FAFEFF;
      }
      .sign-up-form-wrap button.create-account, .sign-up-form-wrap a.button.create-account { margin: 0; display: block; line-height: 21px; width: 100%; padding: 9px 0 7px; text-align: center; }
      .sign-up-form-wrap .small-signin { margin: 14px 192px 0 0; }
      .sign-up-form-wrap div.error-wrapper { display: table; float: left; clear: none; width: 169px; height: 43px; padding: 0 5px 0 8px; }
      .sign-up-form-wrap div.error, .sign-up-form-wrap label.error { display: block; vertical-align: middle; font-size: 11px; width: 169px; margin-top: 2px; }
    .sign-up-captcha-wrap { display: none; overflow: hidden; }
      .sign-up-captcha-wrapper { 
        float: left;
        width: 350px; 
        height: 98px; 
        margin: 0 0 15px 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px; 
        border: 1px solid #C3CED5;
      }
      .sign-up-captcha-wrap .captcha { margin: 22px auto 0 auto; display: block; }
      .sign-up-captcha-wrap .form-row { float: left; width: 100%; }
      .sign-up-disclaimer { 
        float: left;
        clear: both;
        /*width: 270px;*/
        margin: 14px 0 0 0;
        padding-right: 10px;
        font-size: 10px;
        line-height: 13px;
        width: 95%;
      }
      .sign-up-reload-captcha { width: 100px; float: left; margin: 30px 0 0 15px; }
        .sign-up-reload-captcha p { margin: 0; }

  .sign-up-aside, .login-aside { float: left; font-size: 12px; color: #8F8F8F; width: 293px; height: 403px; border-left: 1px dotted #C3CED4; margin: 26px 0 40px 0; padding: 5px 0 0 27px; }
    .sign-up-aside { height: 403px }
    .sign-up-aside.no-user { height: 338px; }
    .login-aside { height: 321px; }
    .sign-up-aside h3, .login-aside h3 { font-size: 16px; color: #112434; font-weight: 400; margin: 0 0 5px 0; padding: 0; }
    .sign-up-aside p, .login-aside p { font-size: 12px; color: #8F8F8F; margin: 0 0 15px 0; }
    .sign-up-aside ul, .login-aside ul { list-style-type: disc; list-style-position: inside; }
      .sign-up-aside li, .login-aside li { line-height: 22px; }
    .mobile-btns { margin: 20px 0 0 0; }
      .mobile-btns a { margin-right: 13px; }

  .form-row #p, .form-row #password_login { display: none; }
  #password-placeholder { display: block; }
  .sign-up-loading { float: left; display: none; margin: 20px 0 0 10px; }
  .sign-up-btn-wrap { width: 155px; height: 39px; float: left; margin: 11px 0 40px 0;}
    .sign-up-captcha-wrap .sign-up-btn-wrap { margin: 11px 0 0 0; width: 175px; }

.result-user-country { margin: 0 5px 0 0; padding: 1px 0 0; }
.keek-user-country a {
  font-size: 11px;
  overflow: hidden;
}
  div.keeks .keek .keek-user-country a img {
    float: none;
    margin: 0;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
    float: left;
  }
 div.keeks .keek .keek-user-country a span.country-name { float: left; margin-left: 3px; }

.bio-names-and-report {
  position: relative;
}

/*.balloon ul li dl a.block-report-user {
  text-indent: -999999px;
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 0;
  right: 0;
  background: transparent url('http://www.keek.com/img/block-report.png') no-repeat;
}
  .balloon ul li dl a.block-report-user:hover { background: transparent url('http://www.keek.com/img/block-report.png') 0 -14px no-repeat; }*/

.profile-block-button, .balloon ul li dl a.profile-block-button { 
  background: transparent url('../../img/block-report-button-sprite-v2.png') no-repeat;
  display: block;
  width: 87px;
  height: 27px;
  text-indent: -999999px;
  text-align: left;
  float: left;
  margin: 5px 0 0 0;
}
  .profile-block-button:hover, .balloon ul li dl a.profile-block-button:hover { background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -30px no-repeat; }
  .profile-block-button:active, .balloon ul li dl a.profile-block-button:active { background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -60px no-repeat; }

.profile-blocked-button, .balloon ul li dl a.profile-blocked-button { 
  background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -89px no-repeat;
  display: block;
  width: 87px;
  height: 27px;
  text-indent: -999999px;
  text-align: left;
  float: left;
  margin: 5px 0 0 0;
}
  .profile-blocked-button:hover, .balloon ul li dl a.profile-blocked-button:hover { background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -119px no-repeat; }
  .profile-blocked-button:active, .balloon ul li dl a.profile-blocked-button:active { background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -149px no-repeat; }
.profile-report-button, .balloon ul li dl a.profile-report-button { 
  background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -179px no-repeat;
  display: block;
  width: 104px;
  height: 27px;
  text-indent: -999999px;
  text-align: left;
  float: left;
  margin: 5px 0 0 10px;
}
  .profile-report-button:hover, .balloon ul li dl a.profile-report-button:hover { background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -209px no-repeat; }
  .profile-report-button:active, .balloon ul li dl a.profile-report-button:active { background: transparent url('../../img/block-report-button-sprite-v2.png') 0 -239px no-repeat; }


/* Alert modals and block/report modals
============================================================================================================================================ */
#keek-alert-outside { display: none; }
.keek-alert-inside, .ui-dialog-content.keek-alert-inside {
  background: #ECF6F8 url('../../img/alert-icn.png') 24px 24px no-repeat;
  padding: 21px 17px 0 24px;
  min-height: 142px;
  font-family: Helvetica, Arial, sans-serif;
  /*width: 424px;*/
}
  .keek-alert-inside h4, .ui-dialog-content.keek-alert-inside h4 { padding: 0 0 0 70px; width: 315px; margin: 0 0 3px 0; font-size: 15px; line-height: 18px; color: #112434; }
  .keek-alert-inside p, .ui-dialog-content.keek-alert-inside p { padding: 0 0 0 70px; width: 315px; margin: 0; font-size: 13px; line-height: 18px; color: #8F8F8F; }
  .keek-alert-buttons-wrap, .ui-dialog-content.keek-alert-buttons-wrap {
    overflow: hidden;
    margin: 20px 0 0;
    position: absolute;
  bottom: 16px;
  right: 17px;
  }
/*    .report-user-buttons { margin: 15px 0 0; } */
    .keek-alert-buttons-wrap .button, .ui-dialog-content.keek-alert-buttons-wrap .button {
      float: right;
      margin: 0 0 0 13px;
      outline: none;
      padding: 9px 10px 9px !important;
      line-height: 16px;
    }
    
.delete-alert-ok { width: 47px; text-align: center; }

/* Dashboard blocked tab
============================================================================================================================================ */
.user.user-35 { overflow: hidden; cursor: default !important; }
  .user.user-35:hover { background: white; border: 1px solid #C3CED5; }
  .user-35-avatar, .user-35 .un { float: left; }
  .user-35-avatar { margin: 0 10px 0 0; }
  .block-list-bottom-links { float: right; width: 120px; padding: 0 0 0 68%; }
      .block-list-bottom-links a { text-align: right; }
      .pipe { color: #CED7DD; }
      
      
/* New Login and FB login
============================================================================================================================================ */
.or-block { width: 100%; border-top: 1px solid #bac2c6; height: 24px; }  
.or-block span { display: block; width: 35px; background: white; margin: 0 auto; position: relative; top: -10px; text-align: center; color: #bac2c6; }
  .or-block.home-or-block { width: 122px; margin: 0 auto; height: auto; }
    .or-block.home-or-block span { background: #E4F4F6; height: 18px; }
.fb-login-large, .fb-signup-large { display: block; width: 351px; height: 43px; text-indent: -99999px; margin: 30px 0px 30px 0; }
  .fb-login-large { background: transparent url('../../img/facebook-btns.png') 0 -301px no-repeat; }
    .fb-login-large:hover { background: transparent url('../../img/facebook-btns.png') 0 -258px no-repeat; }
    .fb-login-large:active { background: transparent url('../../img/facebook-btns.png') 0 -344px no-repeat; }
  .fb-signup-large { background: transparent url('../../img/facebook-btns.png') 0 -172px no-repeat; margin-top: 0; }
    .fb-signup-large:hover { background: transparent url('../../img/facebook-btns.png') 0 -129px no-repeat; }
    .fb-signup-large:active { background: transparent url('../../img/facebook-btns.png') 0 -215px no-repeat; }
.fb-login-small { display: block; width: 176px; height: 43px; text-indent: -99999px; margin: 0 auto 16px auto; background: transparent url('../../img/facebook-btns.png') 0 -43px no-repeat; }
  .fb-login-small:hover { background: transparent url('../../img/facebook-btns.png') 0 0 no-repeat; }
  .fb-login-small:active { background: transparent url('../../img/facebook-btns.png') 0 -86px no-repeat; }

.login-form-top, .sign-up-form-top-inside { width: 352px; }
  .login-form-top p, .sign-up-form-top-inside p { margin: 0 0 12px; text-align: center; color: #112434; width: 100%; font-size: 14px }
    .sign-up-form-top-inside p { margin: 0; }
.log-in-btn-wrap { width: 220px; margin: 11px 0 32px 0; overflow: hidden; }
  #content label.small.login-remember { float: left; margin: 14px 0 0 16px; font-size: 14px }
    #content label.small.login-remember input { padding: 0; top: 3px; left: 0; position: relative; float: none; }
.forgot-password-wrap { margin: 0 0 32px 0; }
 
.sign-up-top-text {overflow: hidden; margin: 0 0 22px 0; }
.home-login-text { font-size: 14px; color: #112434; margin-top: 15px; }
  .home-login-text a { font-weight: bold; }
  #home #features .col p.home-login-text.first-line { margin-top: 21px; }
 
 
/* Add Friends
============================================================================================================================================ */ 
/*.add-friends { overflow: hidden; }*/
.network-list { width: 40px; height: 315px; float: left; overflow: hidden; position: relative; }
  .network-list a { display: block; width: 40px; height: 40px; margin: 0 0 11px 0; text-indent: -99999px; opacity: .35; position: relative; }
    .network-list a:hover { opacity: 1; }
    .network-list a.add-fb { background: transparent url('../../img/icon_web_facebook.png') no-repeat; }
    .network-list a.add-tw { background: transparent url('../../img/icon_web_twitter.png') no-repeat; }
    .network-list a.add-sk { background: transparent url('../../img/icon_web_skype.png') no-repeat; }
    .network-list a.add-ya { background: transparent url('../../img/icon_web_yahoo.png') no-repeat; }
    .network-list a.add-ho { background: transparent url('../../img/icon_web_hotmail.png') no-repeat; }
    .network-list a.add-gm { background: transparent url('../../img/icon_web_gmail.png') no-repeat; }
    .network-list a.active { opacity: 1; }
.add-friends-stage { 
  width: 475px; 
  height: 586px;
  background: #fff; 
  float: left; 
  border: 1px solid #C3CED5;
  padding: 15px 5px 15px 15px;
  margin: 0 0 3px 23px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 3px 3px 3px #c5d1d9;
  -webkit-box-shadow: 3px 3px 3px #C5D1D9;
  box-shadow: 3px 3px 3px #C5D1D9;
  position: relative;
}
  .add-friends-arrow {
    background: url("../../img/arrow-gr.png") no-repeat scroll left top transparent;
    height: 12px;
    left: -12px;
    position: absolute;
    top: 14px;
    width: 13px;
    z-index: 999;
  }
  .add-friends-stage h3.stage-title { font-size: 16px; font-weight: normal; padding: 3px 0 0; margin: 9px 0 13px 0; line-height: normal; width: 457px; overflow: hidden; }
  a.button.small.yellow.add-all { cursor: pointer; float: right; font-size: 13px; line-height: normal; padding: 5px 12px 6px 12px; }
  .add-friends-stage .user-top20 .person-large { width: 235px; }

.add-friends-stage .antiscroll-scrollbar-horizontal { display: none !important; }
.add-friends-stage .user-top20 { float: none; background: #FBFBFB;  }

.user-invite {
  width: 435px;
  padding: 10px;
  height: 35px;
  border: 1px solid #C3CED4;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 13px 0;
  background: #FBFBFB;
}
  .user-invite .thumbnail-35 { float: left; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
  .user-invite .text-content { width: 265px; margin: 0 0 0 10px; float: left; }
  .user-invite h3 { font-size: 18px; margin: 0; padding: 0;}
    .user-invite p.user-invite-secondary { font-size: 11px; color: #596670; margin: 0;}
.invite-button, .invited-button { 
  width: 100px; 
  height: 29px; 
  display: block; 
  background: transparent url('../../img/invite-btn.png') no-repeat; 
  float: right; 
  text-indent: -999999px;
  margin: 4px 0 0; 
  overflow: hidden;
}
  .invite-button:hover { background: transparent url('../../img/invite-btn.png') 0 -29px no-repeat; }
  .invite-button:active { background: transparent url('../../img/invite-btn.png') 0 -58px no-repeat; }
  .invited-button { background: transparent url('../../img/invite-btn.png') 0 -87px no-repeat; }

.fb-signup-sidebar {
  display: block;
  background: transparent url('../../img/signupfacebook-rightside2.png') 0 -43px no-repeat;
  width: 321px;
  height: 43px;
  text-indent: -999999px;
  margin: 10px 0 0;
}
  .fb-signup-sidebar:hover { background: transparent url('../../img/signupfacebook-rightside2.png') 0 0 no-repeat; }
  .fb-signup-sidebar:active { background: transparent url('../../img/signupfacebook-rightside2.png') 0 -86px no-repeat; }

.invite-friends-icon { display: block; margin: 15px 0 15px 207px; }
  .invite-friends-icon.no-match-icon { margin: 52px 0 0 207px; }
.authorize-btn { }
  .authorize-btn.fb { margin: 0 0 0 127px; }
  .authorize-btn.gmail { margin: 0 0 0 142px; }
  .authorize-btn.tw { margin: 0 0 0 138px; }
  .authorize-btn.yahoo { margin: 0 0 0 140px; }
  .authorize-btn.hotmail { margin: 0 0 0 135px; }

.add-friends .icon { margin: 52px 0 15px 214px; display: block; }
.add-friends p.no-matches { color: #112434; font-size: 12px; width: 173px; margin: 5px 0 0 162px; }
.stage-content-invite { margin-bottom: 13px; }

.invite-top-content { overflow: hidden; border-bottom: 1px dotted #C3CED4; padding-bottom: 10px; width: 457px; margin: 0 0 13px 0; position: absolute; top: 0; }
  .invite-top-content p { width: 370px; color: #596670; font-size: 12px; float: left; margin: 0; line-height: 17px; }

#wizard-content-main { position: relative; padding-top: 40px; }


/* New homepage
============================================================================================================================================ */ 
  .homepage-top {
    width: 100%;
    overflow: hidden;
    margin: 0 0 7px;
  }
    .homepage-top a.top-link {
      display: inline-block;
      float: left;
      font-size: 16px;
      margin: 25px 0 0;
    }
    .homepage-top .mobile-buttons {
      float: right;
      overflow: hidden;
      width: auto;
    }
      .homepage-top .mobile-buttons .ios-btn, .homepage-top .mobile-buttons .android-btn {
        float: none;
        display: inline-block;
      }
        .homepage-top .mobile-buttons .ios-btn, .homepage-what-is .mobile-buttons .ios-btn { margin-right: 10px; }

  .homepage-carousel-wrap {
    width: 938px;
    height: 283px;
    background: #fff;
    float: left;
    margin: 0 0 20px;
    border: 1px solid #7DCFDA;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px #C3CED4;
    position: relative;
    background: transparent url('../../img/homepage-carousel-bg3.jpg') no-repeat;
  }
    .slides_container {
      width:100%;
      height:100%;
      display:none;
    }

    .slides_container div {
      width:940px;
      height:285px;
      display:block;
    }
      img.carousel-image { 
        display: block;
        float: left;
        margin-left: 40px;
      }
      .slides_container a.button.yellow { 
        width: 138px;
        font-size: 18px;
        text-align: center;
        display: block;
        padding: 9px 0 8px;
        float: left;
      }
      .slides_container h4 {
        float: left;
        width: 465px;
        font-size: 36px;
        font-weight: normal;
        line-height: normal;
        color: #5FB312;
        text-shadow: 0 1px #fff;
        margin: 37px 0 10px;
      } 
      .slides_container p {
        float: left;
        width: 480px;
        font-size: 16px;
        line-height: 23px;
        color: #7C7C7C;
        margin: 0 0 28px 0;
      }
      .slides_container ul {
        float: left;
        width: 480px;
        display: block;
        margin: 0 0 20px 0;
        list-style-type: disc;
        list-style-position: inside;
      }
        .slides_container ul li { 
          display: list-item;
          font-size: 16px;
          color: #7C7C7C;
          width: 50%;
          float: left;
        }

    #homepage-carousel .prev, #homepage-carousel .next {
      width: 17px;
      height: 22px;
      position: absolute;
      top: 129px;
      text-indent: -99999px;
      z-index: 10;
      display: none;
    }
      #homepage-carousel .prev { background: transparent url('../../img/homepage-carousel-arrows.png') 0 0 no-repeat; left: 12px; }
        #homepage-carousel .prev:hover { background: transparent url('../../img/homepage-carousel-arrows.png') 0 -22px no-repeat; left: 12px; }
      #homepage-carousel .next { background: transparent url('../../img/homepage-carousel-arrows.png') 0 -43px no-repeat; right: 12px; }
        #homepage-carousel .next:hover { background: transparent url('../../img/homepage-carousel-arrows.png') 0 -65px no-repeat; right: 12px; }

    ul.carousel-pagination {
      position: relative;
      bottom: 31px;
      padding: 9px 0 0;
      margin: 0 auto;
      display: block;
      text-align: center;
      line-height: normal;
      z-index: 10;
    }
      ul.carousel-pagination li {
        width: 8px;
        height: 8px;
        margin: 0 3px 0 0;
        display: inline-block;
      }
        ul.carousel-pagination li a {
          display: block;
          width: 100%;
          height: 100%;
          text-indent: -99999px;
          background: transparent url('../../img/homepage-pagination-link.png') 0 -8px no-repeat;
        }
          ul.carousel-pagination li.current a { background: transparent url('../../img/homepage-pagination-link.png') 0 0 no-repeat; }

  .homepage-column { 
    width: 455px;
    height: 570px;
    float: left;
  }
    .homepage-column.homepage-users { height: 307px; overflow: hidden; margin-bottom: 20px; }
    .homepage-column.homepage-klusters { height: 220px; }
    .homepage-column.left-col { margin-right: 30px; }
      .homepage-column#homepage-keeks { height: auto; min-height: 570px; }

    .section-tabs {
      float: left;
      width: 100%;
      border-bottom: 1px solid #a5dae1;
      margin: 0 0 12px 0;
      position: relative;
    }
      #filter-tabs.section-tabs { margin: 0 0 6px 0; }
      .section-tabs li.current {
        border-top: 1px solid #A5DAE1;
        border-left: 1px solid #A5DAE1;
        border-right: 1px solid #A5DAE1;
        height: 38px;
        background: #ecf6f8 url("../../img/tab-active-bg.png") top left repeat-x;
        position: relative;
        margin-top: -1px;
        top: 1px;
      }

      .section-tabs li {
        border-top: 1px solid #A5DAE1;
        border-left: 1px solid #A5DAE1;
        border-right: 1px solid #A5DAE1;
        margin: 0 10px 0 0;
        height: 30px;
        float: left;
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        background: url("../../img/tab-gradient-bg.png") repeat-x scroll left top #ECF6F8;
      }
        #filter-tabs.section-tabs li { margin-right: 7px; }
        #filter-tabs.section-tabs li a, .section-tabs.sidebar-tabs li span { font-size: 12px; }
        .section-tab.current a { color: #112434; }
        .section-tab a span.section-tab-icon { display: inline-block; float: left; }
        .section-tabs .section-tab#tab-follow { margin-right: 0; }

          .section-tabs .section-tab#tab-latest a, .section-tabs .section-tab#tab-latest span {
            background: transparent url('../../img/home-filter-tabs.png') 11px -35px no-repeat; 
            width: 36px;
            height: 22px;
            padding: 8px 13px 0 33px;
          }
            #keeks-tabs.section-tabs .section-tab#tab-latest a { width: 85px; }
            .section-tabs .section-tab.current#tab-latest a, .section-tabs .section-tab.current#tab-latest span, .section-tab#tab-latest a:hover { background: transparent url('../../img/home-filter-tabs.png') 11px 10px no-repeat;  }

          .section-tabs .section-tab#tab-hot a, .section-tabs .section-tab#tab-hot span { 
            background: transparent url('../../img/home-filter-tabs.png') 9px -527px no-repeat;
            width: 63px;
            height: 22px;
            padding: 8px 13px 0 30px;
          }
            #keeks-tabs.section-tabs .section-tab#tab-hot a { width: 69px; }
            .section-tabs .section-tab.current#tab-hot a, .section-tabs .section-tab.current#tab-hot span, .section-tab#tab-hot a:hover { background: transparent url('../../img/home-filter-tabs.png')  9px -475px no-repeat; }

          .section-tabs .section-tab#tab-viewed a, .section-tabs .section-tab#tab-viewed span { 
            background: transparent url('../../img/home-filter-tabs.png') 7px -138px no-repeat;
            width: 89px;
            height: 22px;
            padding: 8px 0 0 33px;
          }
            .section-tabs .section-tab.current#tab-viewed a, .section-tabs .section-tab.current#tab-viewed span, .section-tab#tab-viewed a:hover { background: transparent url('../../img/home-filter-tabs.png') 7px -85px no-repeat; }

          .section-tabs .section-tab#tab-follow a, .section-tabs .section-tab#tab-follow span { 
            background: transparent url('../../img/home-filter-tabs.png') 7px -237px no-repeat; 
            width: 93px;
            height: 22px;
            padding: 8px 0 12px 31px;
          }
            #users-tabs.section-tabs .section-tab#tab-follow { margin-right: 10px; }
            #users-tabs.section-tabs .section-tab#tab-follow a { width: 102px; }
            .section-tabs .section-tab.current#tab-follow a, .section-tabs .section-tab.current#tab-follow span, .section-tab#tab-follow a:hover { background: transparent url('../../img/home-filter-tabs.png') 7px -189px no-repeat; }

          .section-tabs .section-tab#tab-top-100 a, .section-tabs .section-tab#tab-top-100 span { 
            background: transparent url('../../img/home-filter-tabs.png') 9px -329px no-repeat; 
            width: 49px;
            height: 22px;
            padding: 8px 12px 12px 33px;
          }
            #users-tabs.section-tabs .section-tab#tab-top-100 a { width: 94px; }
            #top-100-tabs .section-tab#tab-top-100 span { width: 83px; }
            .section-tabs .section-tab.current#tab-top-100 a, .section-tabs .section-tab.current#tab-top-100 span, .section-tab#tab-top-100 a:hover { background: transparent url('../../img/home-filter-tabs.png') 9px -283px no-repeat; }


          .section-tabs .section-tab#tab-klusters a, .section-tabs .section-tab#tab-klusters span { 
            background: transparent url('../../img/home-filter-tabs.png') 9px -423px no-repeat; 
            width: 60px;
            height: 30px;
            padding: 8px 5px 0 35px;
          }
            #klusters-tabs.section-tabs .section-tab#tab-klusters a { padding: 8px 13px 0 37px; }
            .section-tabs .section-tab.current#tab-klusters a, .section-tabs .section-tab.current#tab-klusters span, .section-tab#tab-klusters a:hover { background: transparent url('../../img/home-filter-tabs.png') 9px -375px no-repeat; }

        .section-tabs li a, .section-tabs li span {
          margin: 0;
          font-size: 13px;
          font-weight: bold;
          position: relative;
          display: block;
        }
      .section-tabs a.view-all { 
        display: inline-block;
        float: right;
        margin: 13px 0 0;
      }

    .homepage-column .display-content {
      overflow: hidden;
      float: left;
      width: 100%;
    }
      .display-content .to-keek {
        display: block;
        position: relative;
        background: #fff;
        margin: 0 0 6px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
        height: auto;
        border: 1px solid #C3CED5;
        font-size: 14px;
        line-height: 17px;
      }
        .display-content .to-keek:hover {
          background: #F3FAFB;
          cursor: pointer;
          border: 1px solid #122433;
        }

        .display-content .keek .keek-user-country a span.country-name {
          float: left;
          margin-left: 3px;
        }
        .display-content .keek .keek-user-country a img {
          float: none;
          margin: 0;
          border: none;
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -o-border-radius: 0;
          -ms-border-radius: 0;
          -khtml-border-radius: 0;
          border-radius: 0;
          float: left;
        }
        .display-content .video-b {
          position: relative;
          width: 110px;
          float: left;
          height: 75px;
        }
        .display-content .to-keek div.keek {
          float: left;
          width: 280px;
        }
          .display-content .to-keek div.keek .caption {
            word-wrap: break-word;
            width: 100%;
            overflow: hidden;
          }
          .display-content .to-keek div.keek .when {
            margin: 0 3px 5px 0;
            color: #7C7C7C;
            font-size: 11px;
          }
            .display-content .to-keek div.keek .when a {
              font-weight: bold;
              color: #5FB312;
            }
        .display-content .to-keek div.info img {
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
        }

      .display-content a.klusters-item {
        width: 215px;
        padding: 2px 0 2px 7px;
        font-size: 13px;
      }
      a.homepage-link-94 {
        width: 102px;
        display: inline-block;
        float: left;
        font-size: 13px;
        margin: 0 15px 8px 0;
        position: relative;
        line-height: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
        .homepage-link-94 .username { margin-left: 3px; }
        a.homepage-link-94.last { margin: 0; }
        .homepage-wrap-94 {
          background: #fff;
          width: 94px;
          height: 94px;
          padding: 3px;
          border: 1px solid #8DD8E2;
          border-radius: 5px;
          -webkit-border-radius: 5px;
          -moz-border-radius: 5px;
          -o-border-radius: 5px;
          -ms-border-radius: 5px;
          -khtml-border-radius: 5px;
          display: inline-block;
        }
          /*.homepage-wrap-94:hover, */.homepage-wrap-94.hovered { border: 1px solid #122433; }
          .homepage-thumb-94 {
            background: #C3CED5;
            width: 94px;
            height: 94px;
            border-radius: 3px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            -ms-border-radius: 3px;
            -khtml-border-radius: 3px;
          }
        .homepage-link-94 .top-user-shade {
          background: #112434;
          background: rgba(17, 36, 52, .8);
          width: 94px;
          height: 16px;
          padding: 3px 0 0;
          line-height: normal;
          position: absolute;
          bottom: 27px;
          left: 4px;
          font-size: 11px;
          font-weight: normal;
          color: #fff;
          text-align: center;
          -moz-border-radius: 0 0 3px 3px;
          -webkit-border-radius: 0 0 3px 3px;
          border-radius: 0 0 3px 3px;
          text-transform: capitalize;
        }

  .homepage-what-is {
    border-top: 1px solid #A5DAE1;
    padding: 12px 0 0;
    margin: 14px 0 0;
    float: left;
  }
    .homepage-what-is p {
      width: 650px;
      float: left;
      font-size: 12px;
      color: #808991;
      line-height: normal;
      margin: 0;
    }
      .homepage-what-is p.what-is { font-weight: bold; color: #112434; margin: 0 0 4px; }
    .homepage-what-is .mobile-buttons {
      overflow: hidden;
      margin: 3px 0 0 auto;
      width: 249px;
    }
  a.slide-applink { font-weight: bold; }
  .slides_container div.carousel-popular-wrap {
    width: 286px;
    height: 220px;
    position: relative;
    float: left;
    margin: 30px 0 0 92px;
  }
    a.carousel-popular-keek {
      display: block;
      width: 264px;
      height: 198px;
      background: #fff;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #C3CED5;
      padding: 10px;
      box-shadow: 0 3px 3px #A8A8A8;
    }
      a.carousel-popular-keek:hover { border: 1px solid #122433; }
      a.carousel-popular-keek img {
        background: #000;
        width: 100%;
        height: 100%;
      }
      span.popular-now { 
        display: block;
        width: 114px;
        height: 26px;
        font-size: 12px;
        line-height: 27px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        background: #1E6E9E;
        border: 1px solid #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        position: absolute;
        top: -7px;
        left: -9px;
      }
      span.popular-play {
        display: block;
        width: 35px;
        height: 26px;
        background: transparent url('../../img/arrow-play-square.png') no-repeat 0 0;
        position: absolute;
        bottom: 18px;
        left: 18px;      
      }
        span.popular-play.hover { background: transparent url('../../img/arrow-play-square.png') no-repeat 0 -26px; }
  div.carousel-popular-slide p, div.carousel-popular-slide a.button.yellow {
    margin: 0 0 0 33px;
  }
    div.carousel-popular-slide p.caption {
      margin: 38px 0 0 33px;
      font-size: 24px;
      color: #112434;
      text-shadow: 0 1px #fff;
      line-height: 30px;
    }
    div.carousel-popular-slide p.timestamp {
      margin: 9px 0 0 33px;
      font-size: 16px;
      color: #7C7C7C;
      text-shadow: 0 1px #fff;
    }
      div.carousel-popular-slide p.timestamp span.username {
        font-weight: bold;
        color: #5FB312;
      }
    div.carousel-popular-slide a.button.yellow {
      margin: 20px 0 0 33px;
    }


/* Top pages filters
============================================================================================================================================ */ 
#left-search .homepage-tabs { margin-bottom: 8px; }
#left-search div.filters {
  width: 558px;
  height: 40px;
  border: 1px solid #C3CED5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -pie-background: linear-gradient(#FFF, #F1F2F4);
  background: -ms-linear-gradient(#FFF, #F1F2F4);
  background: -o-linear-gradient(#FFF, #F1F2F4);
  background: -webkit-linear-gradient(#FFF, #F1F2F4);
  background: -moz-linear-gradient(#FFF, #F1F2F4);
  background: linear-gradient(#FFF, #F1F2F4);
  behavior: url(http://www.keek.com/css/PIE.htc);
  margin: 0 0 6px 0;
  position: relative
}
  .filters-refresh {
    width: 19px;
    height: 19px;
    display: block;
    float: left;
    background: transparent url('../../img/filter-refresh.png') 0 0 no-repeat;
    text-indent: -99999px;
    margin: 10px 0 0 9px;
  }
    .filters-refresh.loading, .filters-refresh.loading:hover { background: transparent url('../../img/ajax-loader-small.gif') 0 0 no-repeat; }
    .filters-refresh:hover { background: transparent url('../../img/filter-refresh.png') 0 -49px no-repeat; }
  .filters .separator {
    width: 1px;
    height: 26px;
    -pie-background: linear-gradient(#E1E7E1, #D8DFE3);
    background: -ms-linear-gradient(#E1E7E1, #D8DFE3);
    background: -o-linear-gradient(#E1E7E1, #D8DFE3);
    background: -webkit-linear-gradient(#E1E7E1, #D8DFE3);
    background: -moz-linear-gradient(#E1E7E1, #D8DFE3) ;
    background: linear-gradient(#FFF, #F1F2F4);
    behavior: url(http://www.keek.com/css/PIE.htc);
    display: block;
    float: left;
    margin: 7px 7px 0;
    border-left: 1px solid #fff;
  }
  span.filters-title { 
    font-size: 13px;
    color: #112434;
    display: inline-block;
    float: left;
    line-height: normal;
    margin: 13px 0 0;
  }
  .filters .chzn-container {
    float: left;
    margin: 7px 0 0;
  }
  .filters span.dash {
    display: inline-block;
    float: left;
    margin: 10px 4px 0;
    color: #B3B3B3;
  }

  .chzn-single, .active-result, .filters .chzn-single, .filters .active-result { font-size: 10px; }
    #search-filter { display: none; }
    .filters #filter_gender_chzn .chzn-single {
      text-indent: -99999px;
    }
      .filters #filter_gender_chzn .chzn-single.both { background: #FFF url('../../img/gender-both.png') 5px 3px no-repeat; }
        .filters #filter_gender_chzn .chzn-single.both:hover { background: #FFF url('../../img/gender-both.png') 5px -46px no-repeat; }
      .filters #filter_gender_chzn .chzn-single.male { background: #FFF url('../../img/gender-male.png') 5px 3px no-repeat; }
        .filters #filter_gender_chzn .chzn-single.male:hover { background: #FFF url('../../img/gender-male.png') 5px -46px no-repeat; }
      .filters #filter_gender_chzn .chzn-single.female { background: #FFF url('../../img/gender-female.png') 5px 3px no-repeat; }
        .filters #filter_gender_chzn .chzn-single.female:hover { background: #FFF url('../../img/gender-female.png') 5px -46px no-repeat; }

    .filters .active-result.all { background: transparent url('../../img/flags_iso/16/earth.png') 3px 4px no-repeat; }
    .filters .chzn-single.all { background-image: url('../../img/flags_iso/16/earth.png'); background-repeat: no-repeat; padding-left: 25px; width: 98px; }
  .filter-select-wrap { float: right; display: inline-block; }
    .filter-select-wrap select { display: none; }
    .filter-select-wrap.right-side { margin-right: 7px; }

    .filters .age-top { 
      background: url("../../img/filter-arrow.png") no-repeat scroll 49px 10px #FFFFFF;
      border: 1px solid #C3CED5;
      -moz-border-radius: 3px 3px 3px 3px;
      -webkit-border-radius: 3px 3px 3px 3px;
      border-radius: 3px 3px 3px 3px;
      color: #666666;
      cursor: pointer;
      display: block;
      font-size: 10px;
      height: 24px;
      line-height: 24px;
      margin-top: 7px;
      overflow: visible;
      padding: 0 0 0 8px;
      position: relative;
      text-decoration: none;
      white-space: nowrap;
      width: 55px;
      z-index: 11;
    }
      .filters .age-top:hover { border: 1px solid #888; }
      .filters .age-top.opened { 
        background: url("../../img/filter-arrow.png") no-repeat scroll 49px -6px #FFFFFF;
        border: 1px solid #888888;
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        box-shadow: 0 0 7px #C3C3C3;
      }
      .filters .age-height { 
        background: none repeat scroll 0 0 #FFFFFF;
        border-right: 1px solid #888888;
        bottom: 2px;
        display: none;
        height: 11px;
        position: absolute;
        right: 7px;
        width: 63px;
        z-index: 11;
        border-left: 1px solid #888888;
      }
      .filters .age-slider {
        background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #888888;
        border-radius: 5px 0 5px 5px;
        bottom: -29px;
        box-shadow: 0 0 7px #C3C3C3;
        display: none;
        height: 30px;
        position: absolute;
        right: 7px;
        width: 315px;
        z-index: 10;
      }
        .filters .age-slider a.button.small { 
          float: right;
          padding: 2px 2px 3px;
          margin: 5px 9px 0 0;
          width: 32px;
          text-align: center;
          line-height: normal;
          font-size: 10px;
        }
        .filters .age-slider .sidebar-find-range-box {
          width: 257px;
          border: none;
          background: #fff;
          height: 24px;
          /*overflow: hidden;*/
          margin-top: 2px;
          float: left;
        }
          .filters .age-slider .sidebar-find-range-box .sliderbar {
            margin: 10px 0 0 29px;
            width: 206px;
            float: left;
          }
            .filters .age-slider .sidebar-find-range-box span {
              line-height: normal;
              margin-top: 5px;
              font-size: 10px;
            }
              .filters .age-slider #slider-lower-bound { left: 7px; }
              .filters .age-slider #slider-upper-bound { right: -2px; }


/* Who To Follow user result
============================================================================================================================================ */ 
.people .-to-profile.who-to-follow {
  height: 75px;
  overflow: hidden;
}
  .people .-to-profile.who-to-follow .person { width: 100%; }
    .people .-to-profile.who-to-follow .person .left-content { 
      width: 245px;
      float: left;
    }
      .people .-to-profile.who-to-follow h3 {
        margin: 0 !important;
        line-height: 20px;
      }
        .people .-to-profile.who-to-follow h3 a { float: none !important; }
      .people .-to-profile.who-to-follow p.fullname { font-size: 11px; color: #112434; margin: 0 0 2px; line-height: 14px; }
      .people .-to-profile.who-to-follow p.description { font-size: 11px; color: #7C7C7C; margin: 0; line-height: 14px; }
    .people .-to-profile.who-to-follow .person .user-actions { width: 202px; float: left; margin: 3px 0 0 10px; }


/* Kluster result for Klusters page
============================================================================================================================================ */ 
.to-kluster {
  width: 558px !important;
  background: #fff;
  border: 1px solid #C3CED5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  height: 40px !important;
  margin: 0 0 6px;
  padding: 0 !important;
}
  .to-kluster:hover {
    background: #F3FAFB;
    cursor: pointer;
    border: 1px solid #122433;
  }
  .to-kluster a { 
    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    float: left;
    display: inline-block;
    margin: 12px 0 0 10px;
  }
    .to-kluster a:hover, .to-kluster a.hover {
      color: #112434;
    }
  .to-kluster span {
    font-size: 12px;
    line-height: normal;
    display: inline-block;
    float: right;
    color: #193F55;
    margin: 13px 14px 0 0;
  }