/* global */
* {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
a {color:#131E47;text-decoration: none;}
a:hover {text-decoration:underline;}
.center a { text-decoration:underline }
abbr {border:none}
ul, li {list-style: none;margin-left:0;padding-left:0;}
p {
    margin-top:0;
    margin-bottom:10px;
    font-size:12px;
    line-height:16px;
}
.size14{ font-size: 18px; font-weight:bold;}


/* headlines and messages */
.error { font-size:11px; line-height:14px; border:none; background: none; padding: 0px 0px 5px 0px; margin: 0; background: 0; clear:both; color:#c33; font-weight:bold;}
.errorbig { font-size:24px; line-height:26px; background:#ddd; padding:8px; margin-bottom:16px; }
.confirm { font-size:11px; line-height:14px; border:none; padding: 0px 0px 5px 0px; margin: 0; background: 0; clear:both; color:#333; font-weight:bold;}
h5 {margin:0 0 0 0;padding:0;font-size:14px;}



.height-1 { height:30px }
.height-2 { height:70px }
.height-3 { height:110px }
.height-4 { height:150px }
.height-5 { height:190px }
.height-6 { height:230px }
.height-7 { height:270px }
.height-8 { height:310px }
.height-9 { height:350px }

.right-1 { margin-right: 5px }
.right-2 { margin-right: 10px }
.right-3 { margin-right: 15px }
.right-4 { margin-right: 20px }
.right-5 { margin-right: 25px }

.left-1 { margin-left: 5px }
.left-2 { margin-left: 10px }
.left-3 { margin-left: 15px }
.left-4 { margin-left: 20px }
.left-5 { margin-left: 25px }

.top-0 { margin-top: 0px !important } 
.top-1 { margin-top: 5px !important }
.top-2 { margin-top: 10px !important }
.top-3 { margin-top: 20px !important }
.top-4 { margin-top: 30px !important }
.top-5 { margin-top: 35px !important }

.bottom-0 { margin-bottom: 0px !important } 
.bottom-1 { margin-bottom: 5px !important }
.bottom-2 { margin-bottom: 10px !important }
.bottom-3 { margin-bottom: 20px !important }
.bottom-4 { margin-bottom: 30px !important }
.bottom-5 { margin-bottom: 35px !important }

/* unselectable areas */
.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}



/* default styles & colors */
body { background: #ccc }
.container { background:#fff}


.logo h1 { font-family:georgia,times new roman,times,serif; font-size:30px; letter-spacing:-1px; }
.util { text-align:right; padding-right:20px }
.person-group-list { padding: 5px 10px 0px 10px }
.person-group-nav-item .favicon { display:block; float:left; width:30px; position: relative; top: -1px; margin-right:4px; margin-bottom: 5px; }
.person-group-nav-item a { display:block; float:left; width:89px; margin-top: 4px; }
.person-group-nav-item { margin-bottom:px; font-size:12px; line-height:22px; }
.person-group-nav-item:hover { background:#ccc; }
.items { padding: 10px 0px 10px 0px }
.items-blank { text-align: center; background:#ffc; padding:8px;}
.footer { margin-top: 15px; background: #eee; padding: 10px 10px 20px 150px }
.top { margin-left:10px; margin-right:10px; margin-top: 10px }
.top h1 { font-family:georgia,times new roman,times,serif; font-size:26px; letter-spacing:-1px; }
/* page header */
.util { margin-top: 14px; font-size:12px}
.util a, .util a:hover, util a:active {color:#009; text-decoration:none; border:none; font-weight:bold; padding:2px 5px 2px 5px }
.util .nav {text-align:right; }

.more-items {}
#more-items { display: block;  text-align:center; border-top:1px solid #ccc; 
    outline:none; border-left:1px solid #ccc; border-right: 1px solid #999; border-bottom: 1px solid #999; 
    background: url(/images/btn.gif) repeat-x #fff; font-weight:bold; height:24px; padding-top: 6px; margin-bottom:6px;
    text-decoration:none; color:#333; background-position:0px 0px; 
}
#more-items:hover { background-position: 0px -78px;}
#more-items-loading { display:block; text-align:center; padding:6px; height:24px; display:none; }
.status { border-bottom:1px dashed #ccc; padding-top:8px; padding-bottom:5px; font-size:16px; line-height:18px; }
.status .who { color:#666; font-style:italic;margin-top:6px; font-size:12px; margin-bottom:8px }
.status .who a { color:#666; }
.status .profile_image { float:left; 
    width:62px;
 }
.status .profile_image img{
    margin-right:15px;
 }
.status .status_content {
    float:left;
    width:520px;
}
.link .status .status_content {
    width:450px;
}
.link .status .commands {
    width:50px;
}

.status .status_content_noimg {
    width:580px;
}

.profile_image a {
    outline:none;
}
.status .commands {
    float:right;
    padding-left:15px;
    padding-right:6px;
     width:40px;
    font-size:11px;
    visibility:hidden;
}
.status .commands-hover {
    visibility:visible;
}
.status .commands a {
    color:#777;
    text-decoration:none;
}
.status .commands a:hover {
    color:#444;
}


.link .favicon {
    width:16px;
    height:16px;
    float:left;
    padding:3px;
    top:-3px;
    border:2px solid #eee;
    margin-right:5px;
    position:relative;
}
.link .statuses {
    margin-top: 5px;
    font-size:11px;
}
.link .status {

}
.link {
    margin-bottom:11px;
}
.link .who {
    font-size:11px;
}
.link .title {
    font-size:14px;
}

.person-box {
    font-size:11px;
    line-height:13px;
    padding:4px;
    margin-bottom:7px;
}
.person-box img {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    border:2px solid #fff;
}

.person-box .name {
    font-size:12px;
    font-weight:bold;
    line-height:15px;
}
.person-box .stats {
    margin-top:2px;
    font-size:9px;
    line-height:11px;
    color:#999
}

.person-box .statsBig {
    margin-top:2px;
    font-size:13px;
    line-height:14px;
    color:#000000
}

.horiz-nav {
    margin-bottom:10px;
}
.horiz-nav li {
    margin-right:5px;
    display:inline;
    position:relative;
}
.horiz-nav li.selected {
    font-weight:bold;
}